.footer-hardcover-container{background-color:#333;padding-top:1.5rem;padding-bottom:2rem;color:#fff}.footer-hardcover-container .logo{display:block;width:1.6rem;margin:0 auto;height:auto}.footer-content-wrapper{max-width:14rem;margin:1.5rem auto 0;display:flex}.footer-content-wrapper .col-wrapper{flex:1;display:flex;flex-direction:column;align-items:center}.footer-content-wrapper .media-group{display:flex;margin:0 -.16rem}.footer-content-wrapper .col-label{font-size:16px;margin-bottom:.2rem;display:block}.footer-content-wrapper .media-group .item{width:36px;height:36px;border-radius:50%;color:#333;display:flex;align-items:center;justify-content:center;font-size:26px;margin:.1rem .16rem;position:relative}.footer-content-wrapper .media-group .item .qrcode{position:absolute;z-index:4;width:500%;height:auto;left:50%;margin-left:-250%;bottom:140%}.footer-content-wrapper .tel{font-size:30px;line-height:46px;display:block;transition:all .24s;font-weight:700}.footer-content-wrapper .tel:hover{color:#efc395}.footer-content-wrapper .media-group .item .qrcode{transform:scale(0);opacity:1;transition:all .4s}.footer-content-wrapper .media-group .item .icon{width:100%}.footer-content-wrapper .media-group .item:hover .qrcode{transform:scale(1);opacity:1}@media screen and (max-width:768px){.footer-hardcover-container{padding-top:1.4rem;padding-bottom:1.4rem;padding-left:.1rem;padding-right:.1rem}.footer-content-wrapper{flex-direction:column;align-items:center;justify-content:center}.footer-hardcover-container .logo{width:80px}.footer-content-wrapper .col-label{font-size:18px}.footer-content-wrapper .tel{font-size:20px}.footer-content-wrapper .col-wrapper{margin-bottom:.4rem}.footer-content-wrapper .col-label{text-align:center}.footer-content-wrapper .media-group .item .qrcode{width:400%;margin-left:-200%}}