.online dl dd,.online dl dd i,.online dl p{transition:all 0.3s ease-in-out}.main,footer .f-top{width:1420px;margin:0 auto}@media screen and (max-width: 768px){.main,footer .f-top{width:100%}}footer{width:100%;display:block;font-size:0;background:#000;padding:1rem 0}footer .f-top{display:flex;justify-content:space-between}footer .f-top h2{font-size:.18rem;color:#fff;line-height:1;margin-bottom:.18rem}footer .f-top .f-left{display:flex;justify-content:space-between;flex-direction:column}footer .f-top .f-left .f-left-bottom{height:.4rem}footer .f-top .f-left .f-left-bottom img{max-height:.4rem}footer .f-top .box{width:100%;display:flex;justify-content:space-between}footer .f-top .box .list{margin-right:.35rem}footer .f-top .box .list:last-of-type{margin-right:0}footer .f-top .box ul li{display:block}footer .f-top .box ul li a{font-size:.15rem;line-height:1.75;color:#b4b4b4;display:block}footer .f-top .box ul li a:hover{color:#fff}footer .f-top .f-right{flex-shrink:0}footer .f-top .f-right .f-form{display:block;margin-bottom:1.06rem}footer .f-top .f-right .f-form input{width:3.5rem;background:#b4b4b4;line-height:.5rem;box-sizing:border-box;padding:0 .25rem;border:none;outline:none;display:inline-block;vertical-align:middle}footer .f-top .f-right .f-form input::placeholder{font-size:.2rem;color:#787878}footer .f-top .f-right .f-form button{display:inline-block;vertical-align:middle;width:1.26rem;font-size:.2rem;text-align:center;height:.5rem;line-height:.5rem;background:#3393c6;color:#fff;border:none;outline:none;margin-left:.2rem}footer .f-top .f-right .f-right-bottom{display:flex;justify-content:space-between}footer .f-top .f-right .f-right-bottom .f-l{display:flex;justify-content:space-between;flex-direction:column}footer .f-top .f-right .f-right-bottom .f-l p{font-size:.2rem;color:#fff;margin:0}footer .f-top .f-right .f-right-bottom .f-l ul{display:block}footer .f-top .f-right .f-right-bottom .f-l ul li{display:block;position:relative;line-height:1.5;font-size:.18rem;color:#fff}footer .f-top .f-right .f-right-bottom .f-l h3{font-size:.24rem;color:#fff;display:block}footer .f-top .f-right .f-right-bottom .f-l h3 img{height:.24rem;display:inline-block;vertical-align:text-top;margin-right:.05rem}footer .f-top .f-right .f-right-bottom .f-r .ewm{width:1.5rem;border-radius:5px;overflow:hidden;height:1.5rem;margin-bottom:.15rem}footer .f-top .f-right .f-right-bottom .f-r .ewm img{width:100%}footer .f-top .f-right .f-right-bottom .f-r h3{display:flex;justify-content:space-between;align-items:center}footer .f-top .f-right .f-right-bottom .f-r h3 i{font-family:"common";font-size:.3rem;color:#fff;background:#ea5926;border-radius:5px;width:.36rem;text-align:center;line-height:.36rem;height:.36rem}footer .f-top .f-right .f-right-bottom .f-r h3 span{font-size:.14rem;color:#fff;text-align:right;line-height:1}footer .bottom{display:block;font-size:.14rem;color:#b4b4b4;line-height:1}footer .bottom span{text-transform:uppercase}footer .bottom a{color:#b4b4b4}@media screen and (min-width: 768px){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:#fff;color:#3393c6;padding:0;margin:0;border-bottom:1px solid #eee}.online dl dd i{font-size:.36rem;width:.6rem;height:.6rem;line-height:.6rem;color:#3393c6}@media screen and (min-width: 768px){.online dl dd:hover{background:#3393c6;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:#3393c6;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{padding:0}footer .f-top{flex-wrap:wrap}footer .f-top .box{flex-wrap:wrap;padding:.4rem 0 .4rem .4rem;box-sizing:border-box;display:none}footer .f-top .box .list{width:50%;margin-right:0;margin-bottom:.3rem}footer .f-top .f-left .f-left-bottom{box-sizing:border-box;padding:0 .4rem;height:.5rem;text-align:center;display:none}footer .f-top .f-left .f-left-bottom img{max-height:100%}footer .f-top .f-right{display:none}footer .bottom{font-size:.13rem;line-height:1.5;text-align:center;padding:.2rem 0;text-align:center}footer .bottom a{display:inline-block;vertical-align:middle}footer .bottom span{float:none;display:inline-block;vertical-align:middle;margin-left:.1rem}}