@media screen and (min-width:1200px){#footer{background:#333;border-top:1px solid #f6f6f8;padding:20px 0 10px;position:relative;z-index:1}#footer .footer-con{box-sizing:border-box;margin:0 auto;position:relative;width:1200px}#footer .footer-wrap{display:flex;justify-content:space-between}#footer .footer-right{align-items:center;display:flex;flex-wrap:wrap;justify-content:center}#footer .footer-right .logo{margin-right:125px;text-align:center}#footer .footer-right .logo img{width:180px}#footer .footer-right .icon-wrapper{cursor:pointer;position:relative}#footer .footer-right .icon-wrapper span{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center;width:90px}#footer .footer-right .icon-wrapper .icon{align-items:center;background:#ffffff12;border-radius:50%;display:flex;height:52px;justify-content:center;width:52px}#footer .footer-right .icon-wrapper .icon svg{height:34px;opacity:.65;transition:all .3s;width:34px}#footer .footer-right .icon-wrapper .name{color:#fff;font-size:13px;line-height:20px;margin-top:12px;opacity:.5;transition:all .3s}#footer .footer-right .icon-wrapper .img,#footer .footer-right .icon-wrapper .img img{height:128px;width:128px}#footer .footer-right .icon-wrapper .icon:hover svg,#footer .footer-right .icon-wrapper .icon:hover~div{opacity:1}#footer .foot-con{display:block}#footer .m-foot{display:none}#footer p{color:#ffffff80;font-size:14px;margin:auto}.copyright{color:#8d92a1;font-size:12px;margin:10px auto;text-align:center}.copyright img{display:inline-block;height:16px;margin:-3px 2px 0 0;vertical-align:middle;width:16px}.copyright a,.copyright p,.copyright span{color:#ffffff80;display:inline-block;font-size:12px;margin:0 5px;transition:all .3s}.copyright a:hover{color:#fff}.footer-about{display:flex}.footer-about dl{margin-bottom:0!important;min-width:192px}.footer-about dl dt{color:#fff;font-size:16px;height:30px;line-height:30px;margin-bottom:10px}.footer-about dl dd a,.footer-about dl dd p{color:#8d92a1;display:block;font-size:12px;height:24px;line-height:24px;white-space:nowrap;width:100%}.footer-about dl dd a:hover{color:#fff}.footer-about dl dd a,.footer-about dl dd p{color:#ffffff80}}@media screen and (max-width:1200px){#footer{background:#333;width:100%}#footer .footer-con{display:none}#footer .m-foot{align-items:center;color:#fff;display:flex;font-size:clamp(12px,2vw,18px);height:clamp(30px,10vh,80px);justify-content:center}}.side-fixed{background:#fff;border-radius:5px;bottom:120px;overflow:hidden;padding-bottom:5px;position:fixed;right:5px;text-align:center;width:120px;z-index:100}