.online dl dd,.online dl dd i,.online dl p{transition:all 0.3s ease-in-out}footer .f-top .box .list a .img,footer .f-top .f-nav ul li a,footer .f-top .i-f-s input,footer .f-top .i-f-s .button{transition:all 0.5s ease-in-out}@media screen and (max-width: 768px){.main{width:100%}}footer{width:100%;display:block;font-size:0;background:#f2f2f2}footer .f-top{display:flex;justify-content:space-between;padding:.7rem 0 .3rem}footer .f-top h2{font-size:.24rem;font-weight:bold;color:#b9b9b9;margin-bottom:.25rem;text-transform:uppercase}footer .f-top .box{width:25%}footer .f-top .box .f-logo{display:inline-block;vertical-align:top;width:1.4rem}footer .f-top .box .f-logo img{max-width:70%;display:inline-block;vertical-align:middle}footer .f-top .box p{font-size:.14rem;color:#a2a2a3;line-height:.3rem;margin:.2rem 0}footer .f-top .box .list{display:block;margin-top:.5rem}footer .f-top .box .list a{display:inline-block;margin-right:14px;position:relative}footer .f-top .box .list a i{font-family:"common";font-size:24px;color:#fff;width:34px;height:34px;border-radius:5px;background:#7f7f7f;display:block;line-height:34px;text-align:center}footer .f-top .box .list a i:hover{background:#2f84ba}footer .f-top .box .list a .img{display:block;position:absolute;width:140px;height:140px;top:-150px;left:50%;transform:translateX(-50%);background:#fff;box-sizing:border-box;padding:5px;opacity:0;pointer-events:none}footer .f-top .box .list a .img img{max-width:100%}footer .f-top .box .list a:hover .img{opacity:1;pointer-events:auto}footer .f-top .f-nav{width:20%;max-width:2.5rem;flex-shrink:0}footer .f-top .f-nav ul{display:inline-flex;flex-wrap:wrap;flex-direction:column;width:100%;height:1.8rem}footer .f-top .f-nav ul li{width:50%;vertical-align:middle}footer .f-top .f-nav ul li a{display:inline-block;font-size:.16rem;color:#a2a2a3;line-height:2;position:relative}footer .f-top .f-nav ul li a::after{content:"";width:100%;height:2px;position:absolute;left:0;bottom:0;background:#2f84ba;opacity:0}footer .f-top .f-nav ul li a:hover::after{opacity:1}footer .f-top .f-info{width:30%}footer .f-top .f-info ul{display:block}footer .f-top .f-info ul li{display:block;position:relative;padding-left:.4rem;box-sizing:border-box;margin-bottom:.15rem}footer .f-top .f-info ul li i{position:absolute;left:0;top:50%;transform:translateY(-50%);font-family:"common";font-size:.24rem;color:#2f84ba;width:.34rem;height:.34rem;display:block;line-height:34px;text-align:center}footer .f-top .f-info ul li span{font-size:.16rem;color:#a2a2a3;line-height:1.5}footer .f-top .i-f-s{max-width:1.84rem;width:20%}footer .f-top .i-f-s .form{position:relative}footer .f-top .i-f-s input{width:100%;height:.56rem;border:none;border-radius:.1rem;box-sizing:border-box;padding:.14rem .58rem .14rem .14rem;display:inline-block;vertical-align:middle;outline:none;font-size:14px;color:#333;font-family:"tt0112m"}footer .f-top .i-f-s input::placeholder{font-size:.14rem;font-family:"BAUBODB";color:#c2c1c1}footer .f-top .i-f-s .button{height:.32rem;width:.32rem;border-radius:100%;padding:0;margin:0;background:#2f84ba;line-height:.32rem;text-align:center;box-sizing:border-box;border:none;display:inline-block;vertical-align:middle;color:#fff;font-family:"common";font-size:.18rem;outline:none;cursor:pointer;position:absolute;right:.14rem;top:50%;transform:translateY(-50%)}footer .f-top .i-f-s .button:hover{opacity:.9}footer .f-top .i-f-s:hover input{box-shadow:0 0 0.1rem rgba(0,0,0,0.1)}footer .f-top .i-f-s p{font-size:.16rem;color:#7f7f7f;line-height:1.5;margin:.2rem 0}footer .bottom{display:block;font-size:.14rem;color:#7f7f7f;border-top:1px solid rgba(160,160,160,0.16);line-height:1;padding:.25rem 0}footer .bottom span{text-transform:uppercase}footer .bottom a{color:#7f7f7f}footer .bottom .b-r{float:right}.online{position:fixed;right:0;bottom:10vh;z-index:30;font-size:0;box-shadow:0 0 .1rem #ccc}.online dl{padding:0;margin:0;position:relative}.online dl dd{display:block;width:.6rem;height:.6rem;line-height:.6rem;text-align:center;background:#2f84ba;color:#fff;padding:0;margin:0;border-bottom:1px solid #fff}.online dl dd i{font-size:.36rem;width:.6rem;height:.6rem;line-height:.6rem;color:#fff}@media screen and (min-width: 768px){.online dl dd:hover{background:#2f84ba;color:#fff}.online dl dd:hover i{color:#fff}}.online dl p{position:absolute;right:.6rem;top:0;width:1.6rem;margin:0;text-align:center;font-size:.16rem;line-height:.3rem;padding:.15rem;background:#2f84ba;color:#fff;opacity:0;pointer-events:none}.online dl p img{box-sizing:border-box;border:1px solid #ccc}.online dl.weixin p{width:1.6rem}.online dl:hover p{opacity:1}@media screen and (max-width: 768px){.online{display:none}footer .footer-top{padding:.3rem .12rem;box-sizing:border-box;flex-wrap:wrap;display:none}footer .footer-top .r .list{margin:0}footer .bottom{font-size:.13rem;line-height:1.5;text-align:center;padding:.2rem 0}footer .bottom span{float:unset;display:block}}