@import "iconfont.css";

*{margin:0;padding:0;-webkit-font-smoothing: antialiased;}
html,body{font-family: -apple-system,BlinkMacSystemFont,helvetica neue,Segoe UI,Roboto,Arial,hiragino sans gb,Noto Sans,microsoft yahei,sans-serif;font-size: 14px;}
tt, code, kbd, samp{font-family: -apple-system,BlinkMacSystemFont,helvetica neue,Segoe UI,Roboto,Arial,hiragino sans gb,Noto Sans,microsoft yahei,sans-serif;}
body{ -webkit-text-size-adjust: 100% !important;-webkit-overflow-scrolling: touch;color:#1c1d1f;}
@media screen and (min-width: 1024px){
    body {
        min-width: 1200px;
    }
}
ul,li{list-style-type: none}
a{text-decoration: none;color: #1c1d1f;-webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color:transparent;outline:none}
h3{font-size: 24px;}
i{font-style: normal}
img{max-width: 100%;border:0}

input{-webkit-appearance: none;outline: none;}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px white inset !important;}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {-webkit-appearance: none;}
input[type="number"]{-moz-appearance: textfield;}


.fl{float: left}
.fr{float: right}
.clear:after{content:'';display: table;clear: both;}
.hide{display: none}
.bold{font-weight: bold}
.normal{font-weight: normal}
.f24{font-size: 24px;}
.blue{color:#2981ff}
.white{color:#fff}
.center{text-align: center}
.middle{vertical-align: middle}
.inline{display: inline}
.scroll-x{overflow-x: auto}
.sm-show{display: none}
.sm-hidden,.sm-hide{display: block}
.table01.sm-hide{display: table}
.pc-show{
    display: block;
}
.m-show{
    display: none;
}

.p-1{overflow: hidden;display: block;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis}
.p-2{overflow: hidden;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space: normal}
.p-3{overflow: hidden;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;white-space: normal}
.p-4{overflow: hidden;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;white-space: normal}
.p-5{overflow: hidden;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;white-space: normal}
.p-6{overflow: hidden;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;white-space: normal}
.p-7{overflow: hidden;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:7;white-space: normal}
.p-8{overflow: hidden;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:8;white-space: normal}
.p-9{overflow: hidden;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:9;white-space: normal}
.p-10{overflow: hidden;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:10;white-space: normal}

.w890,.w905,.w950,.w1120,.w1180,.w1189,.w1200,.w1268,.w1380,.w1400{width: 96%;margin:0 auto;position: relative}
.w890{max-width: 890px;}
.w905{max-width:905px;}
.w950{max-width:950px;}
.w1120{max-width: 1120px;}
.w1180{max-width: 1180px;}
.w1189{max-width:1189px;}
.w1200{max-width: 1200px;}
.w1268{max-width: 1268px}
.w1380{max-width: 1380px;}
.w1400{max-width: 1400px;}

.f16{font-size: 16px !important;}
.f28{font-size: 28px !important;}

/* 栅格布局 */
.col-space-20{margin:-10px}
.col-space-20>*{padding:10px}
.col-space-30{margin:-15px}
.col-space-30>*{padding:15px}
.col-space-40{margin:-20px}
.col-space-40>*{padding:20px}
.col-space-80{margin:-40px}
.col-space-80>*{padding:40px}

.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{float: left;box-sizing: border-box}
.col-lg-12,.col-md-12,.col-sm-12,.col-xs-12{box-sizing: border-box;width: 100%}
.col-lg-1{width: 8.33333333%;}
.col-lg-2{width: 16.66666667%}
.col-lg-3{width: 25%}
.col-lg-4{width: 33.33333333%}
.col-lg-5{width: 41.66666667%}
.col-lg-6{width: 50%}
.col-lg-7{width: 58.33333333%}
.col-lg-8{width: 66.66666666%}
.col-lg-9{width: 75%}
.col-lg-10{width: 83.33333333%}
.col-lg-11{width: 91.66666667%}
.col-lg-12{width: 100%}
.lg-show{display: block}
.lg-hidden{display: none}

.class_qidian_wpa {z-index: 100 !important;}
@media screen and (max-width: 1023px){
    body{padding-top: 55px;}
    .col-sm-1{width: 8.33333333%;}
    .col-sm-2{width: 16.66666667%}
    .col-sm-3{width: 25%}
    .col-sm-4{width: 33.33333333%}
    .col-sm-5{width: 41.66666667%}
    .col-sm-6{width: 50%}
    .col-sm-7{width: 58.33333333%}
    .col-sm-8{width: 66.66666666%}
    .col-sm-9{width: 75%}
    .col-sm-10{width: 83.33333333%}
    .col-sm-11{width: 91.66666667%}
    .col-sm-12{width: 100%}
    .sm-show{display: block}
    .sm-hidden,.sm-hide,.table01.sm-hide{display: none}

    .col-space-20{margin:-5px}
    .col-space-20>*{padding:5px}
    .col-space-30{margin:-7.5px}
    .col-space-30>*{padding:7.5px}
    .col-space-40{margin:-10px}
    .col-space-40>*{padding:10px}
    .col-space-80{margin:-10px}
    .col-space-80>*{padding:10px}
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .col-md-1{width: 8.33333333%;}
    .col-md-2{width: 16.66666667%}
    .col-md-3{width: 25%}
    .col-md-4{width: 33.33333333%}
    .col-md-5{width: 41.66666667%}
    .col-md-6{width: 50%}
    .col-md-7{width: 58.33333333%}
    .col-md-8{width: 66.66666666%}
    .col-md-9{width: 75%}
    .col-md-10{width: 83.33333333%}
    .col-md-11{width: 91.66666667%}
    .col-md-12{width: 100%}
    .md-show{display: block}
    .md-hidden{display: none}

    .col-space-20{margin:-5px}
    .col-space-20>*{padding:5px}
    .col-space-30{margin:-7.5px}
    .col-space-30>*{padding:7.5px}
    .col-space-40{margin:-10px}
    .col-space-40>*{padding:10px}
    .col-space-80{margin:-20px}
    .col-space-80>*{padding:20px}
}



#menu-btn i{display: block;
    width: 20px;
    height: 2px;
    margin: 0 auto 5px;
    position: relative;
    background: #1c1d1f;
    z-index: 1;
    -webkit-transform-origin: 20px;
    transform-origin: 20px;
    transition: background .4s cubic-bezier(0.77, 0.2, 0.05, 1),opacity .45s ease,width .4s,-webkit-transform .4s cubic-bezier(0.77, 0.2, 0.05, 1);
    transition: background .4s cubic-bezier(0.77, 0.2, 0.05, 1),opacity .45s ease,transform .4s cubic-bezier(0.77, 0.2, 0.05, 1),width .4s;
    transition: background .4s cubic-bezier(0.77, 0.2, 0.05, 1),opacity .45s ease,transform .4s cubic-bezier(0.77, 0.2, 0.05, 1),width .4s,-webkit-transform .4s cubic-bezier(0.77, 0.2, 0.05, 1);}
#menu-btn i:last-child{margin:0}
#menu-btn.menu-btn-close i:nth-child(2){    width: 0;
    opacity: 0;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    transition: width .5s ease;}

/*版本兼容提示*/
.version-tips{background-color: #f7f7f7;text-align: center;padding:20px;display: none}
.version-tips *{display: inline-block;color:#666;line-height: 35px}
.version-tips i{display: inline-block;width:24px;height:24px;background-size: 100% 100%;vertical-align: middle;background-repeat: no-repeat;margin-top: -5px}
.version-tips ul{margin-left: 20px}
.browser{margin-left: 15px}
i.icon-warn{background-image: url(../image/warn.png);width: 32px;height: 32px;margin-right: 8px;}
i.icon-ie{background-image: url(../image/ie.png);}
i.icon-chrome{background-image: url(../image/chrome.png);}
i.icon-firefox{background-image: url(../image/firefox.png);}
.version-tips .close{width: 32px;height: 32px;background-image: url(../image/close.png);background-size: 100% 100%;position: static;display: inline-block;vertical-align: middle;margin-left: 30px;}

.footer{background-color: #131313;padding-bottom: 72px;}
.footer *{color:#fff;font-size: 14px;}

.footer-top {height: 120px;padding: 0 40px;line-height: 120px;border-bottom: 1px solid #272727;margin-bottom: 37px;}
.footer-top ul {display: flex;justify-content: space-between;}
.footer-top li {display: flex;align-items: center;}
.footer_r li:not(:last-child){
    margin-bottom: 13px;
}
.footer_r li.custom div{
    font-weight: bold;
    font-size: 18px;
    color: #fff;
}
.footer_r li.custom .tel-a{
    font-size: 18px;
}
.footer-top p {font-size: 16px;}
.footer-top li .footer-icon{ display: inline-block; width: 54px; height: 44px; background-position: right 0; background-size: auto 100%;    margin-right: 13px; }
.footer-top li:hover p{ color: #0096ff; }
.footer-top li:hover .footer-icon1,.footer-top li:hover .footer-icon2 { animation: animateframe 1s steps(24) forwards; }
.footer-top li:hover .footer-icon3 { animation: animateframe 1s steps(39) forwards; }
.footer-top li:hover .footer-icon4 { animation: animateframe 1s steps(14) forwards; }
@keyframes animateframe {
    0% { background-position: 0 0; }
    100% { background-position: 100% 0; }
}




.footer .friends-box dt,.footer .friends-links {display: inline-block;}
.footer .friends-box dt {margin-right: 28px;color: #414143;font-size: 14px;white-space: nowrap;}
.friends-box dl {display: flex}
.friends-links dd a {margin-right: 17px;color: #414143;font-size: 14px;}
/* .friends-links dd a:hover {color: #1a80ff;} */
.friends-links dd { display: inline-block;}

.footer_r{box-sizing: border-box;text-align: left}
.footer_r ul{margin-bottom: 15px;}
.footer_r ul div{color: #616165;}
.footer_r li{display: flex;align-items: center;}
.footer_r ul li i{display: block;width: 20px;height: 20px;margin-right: 20px;}
.footer_r ul li:nth-child(1) i {background: url('../image/icon-tel.png');background-size: 100% 100%;}
.footer_r ul li:nth-child(2) i {background: url('../image/icon-email.png');background-size: 100% 100%;}
.footer_r ul li:nth-child(3) i {background: url('../image/icon-address.png');background-size: 100% 100%;}
.footer_contact > span{color: rgba(186, 186, 194, 1);}
.footer_contact ul li span{color: #babac2;}

.footer_1{padding-left: 66px;width: 29%;box-sizing: border-box;text-align: left;}
.footer_1 * {color: rgba(186, 186, 194, .8);}
.ewm img{width: 60px;height: 60px;display: inline-block;}
.footer_1 > p {font-weight: bold;color: #fff;}
.footer_1 li{margin-top: 18px;}
.ewm div:nth-child(1){display: inline-block;margin-right: 14px;}
.ewm div:nth-child(2){display: inline-block;margin-right: 30px;}
.ewm div > p {margin-top: 15px;margin-bottom: 10px;color: rgb(186 186 194 / 60%);}
.others {width: 185px;height: 60px;margin-top: 16px;}
.others a:nth-child(-n+2) {position: relative;}
.others .qrcode::before {visibility: hidden; opacity: 0; content: ""; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #fff; position: absolute; bottom: 30px; left: 9px; margin-left: -4px;z-index: 1; }
.others {display: flex;align-items: end;flex-wrap: wrap;}
.others a {color: #99999f;}
.others a:nth-child(odd) {margin-right: 32px;}
.others a:nth-child(-n+2) {margin-bottom: 8px;}
.others .qrcode::after {visibility: hidden; opacity: 0; position: absolute;bottom: 35px;left: -2px;content: '';width: 100px;height: 100px;border-radius: 10px; background-color: #fff;background-size:100%;box-shadow: 0px 4px 10px 0px rgba(51, 51, 51, 0.75);}
.others a:hover, .others a:hover i {color: #fff !important;}
.others a:first-child:hover::after {background-image: url('../image/douyin.jpg');opacity: 1; visibility: visible;}
.others a:first-child:hover::before {opacity: 1; visibility: visible;}
.others a:nth-child(2):hover::before {opacity: 1; visibility: visible;}
.others a:nth-child(2):hover::after {background-image: url('../image/webo.jpg');opacity: 1; visibility: visible;}
.others a > i {margin-right: 8px;font-size: 18px;color: #d2d2d3;vertical-align: -2px;}

.footer_l{width: 60%;box-sizing: border-box;text-align: left;}
.footer_l dl{display: inline-block;vertical-align: top;}
.footer_l dl:last-child{margin-right: 0}
.footer_l dl dt{font-weight: bold;margin-bottom: 14px;font-size: 14px}
.footer_l dl dt a{font-weight: normal;display: inline-block;margin-left: 20px;position: relative;color: rgb(186 186 194 / 60%);}
.footer_l dl dd{line-height: 44px;}
.footer_l dl dd a{display: block;color: #6a6a6f}
.footer_l >div{display: flex;justify-content: space-between;}

.footer_l .record-info{margin:8px 0 5px 0}
.footer_l .record-info li{display: inline-block;margin-right: 18px;}



.footer-link.friends-box{padding: 16px 0; border-top: 1px solid rgba(39, 39, 39, .5);}


.monthly-evaluate{display: none;background: #fff; width: 50px; height: 50px; border-radius: 50%; justify-content: center; align-items: center; margin-top: 10px;position: relative;box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);}
.monthly-evaluate>i{font-size: 20px;}
.monthly-evaluate:hover>i{color: #2981ff;}
.monthly-evaluate .bubble-wrap{
    position: absolute;
    top: -25px;
    right: 48px;
    text-align: left;
    padding-right: 20px;
    padding-bottom: 15px;
    border-radius: 4px;
    height: auto;
    transform-origin: right;
    width: 390px;
    transition: opacity .4s,transform .3s ease-out;
    opacity: 0;
    visibility: hidden;
}
.star-box{display: none}
.message,.error-message{
    width: 136px;
	height: 40px;
    text-align: center;
    line-height: 40px;
	background-color: #ffffff;
	border-radius: 4px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: none;
    transition: transform ease-out 0.3s;
}
.error-message i{color:red;margin-right: 8px;}
.message i{color: #26ad5c;margin-right: 8px;}
.float-config-star.active{top: -125px;}
.float-config-star-expand{
    align-items: center;
    background: #fff;
    border-radius: 8px;
    height: 100%;
    padding: 24px;
    position: relative;
    width: 100%;
}
.float-config-star-expand .close-icon{
    position: absolute;
    right: 24px;
    top: 24px;
    color: #93939a;
    cursor: pointer;
}
.float-config-star-expand .star-question{
    margin-bottom: 14px;
}
.star-score-wrapper .layui-icon-rate-solid:before {
    color: #f49f1a;
}
.star-score-wrapper .layui-icon-rate:before {
    color: #e1e2e6;
}
.star-score-wrapper .layui-rate {
    padding: 0 14px 0 0;
}
.star-score-wrapper .layui-rate li i.layui-icon {
    margin-right: 10px;
}
.monthly-evaluate:hover .bubble-wrap,.monthly-evaluate .bubble-wrap.active,.monthly-evaluate .bubble-wrap.appear-show{ opacity: 1; transform: scale(1); visibility: visible;}
.float-config-star-expand .evaluate-submit{display: none; margin-top: 23px;}
.float-config-star-expand .evaluate-submit .comment-textarea { border: solid 1px #ebecf0; border-radius: 4px; min-height: 66px!important; min-width: 120px!important; overflow: auto; resize: none; width: 100%; padding: 8px 12px; }
.por-scrollbar-s::-webkit-scrollbar { background-color: #eff6fc; width: 4px; }
.por-scrollbar-s::-webkit-scrollbar-thumb { background-color: #dde4ed; border-radius: 4px; }
.por-scrollbar-s::-webkit-scrollbar-track { background-color: #f7f7f7; }
.evaluate-submit .propose{ margin-bottom: 12px; }
.star-btn-wrapper{text-align: center;}
.star-btn-wrapper a{ display: inline-block; width: 86px; height: 32px; line-height: 32px; background-color: #2981ff; color: #fff; border-radius: 4px;user-select: none; }
.star-textarea-wrap{margin-bottom: 12px;}
.star-btn-wrapper a:hover{ color: #fff; cursor: pointer; }
.evaluate-submit .propose span,.float-config-star-expand .layui-inline{color: #93939a;}

.fix-qq{border-radius: 25px;}
.fix-wrap:not(.new-fix-wrap)>ul{border-radius: 30px;width: 60px; background-color: #ffffff;box-shadow: 0 0 20px rgba(114, 157, 216, .2)}
.fix-wrap>ul>li{text-align: center;position: relative;}
.fix-wrap:not(.new-fix-wrap)>ul>li{height: 80px;text-align: center;border-bottom: 1px solid #f0f3f7; display: flex; align-items: center; justify-content: center; font-size: 12px; color: #323235;}
.kf-help>li a{color:#323235;}
.fix-wrap>ul>li.on .bubble-wrap,.fix-wrap>ul>li:hover .bubble-wrap{ opacity: 1; visibility: visible;}
.fix-wrap>ul>li>a{display: block;}
.fix-wrap>ul>li>a>i{font-size: 20px; display: inline-block;margin-bottom: 7px;}
.fix-wrap>ul>li>a>.tel {font-size: 19px;}

.fix-wrap>ul>li:last-child{margin-bottom: 0;border-bottom:none;}
.toTop{ width: 60px; height: 60px; text-align: center; position: relative; background-color: #fff; border-radius: 50%; margin-top: 10px; display: flex; align-items: center; justify-content: center; font-size: 12px; color: #323235;box-shadow: 0 0 20px rgba(114, 157, 216, .2) }


.records-mobile,.new-free-icon {display: none;}
@media screen and (min-width:1320px) and (max-width:1440px){
    .nav>ul>li.active .sub dl {
        margin: 30px 15px 12px 35px;
    }
}
@media screen and (min-width:1200px) and (max-width:1319px){
    .nav>ul>li.active .sub dl {margin: 30px 0px 12px 25px;}
}
@media screen and (min-width:1024px) and (max-width:1580px) {
    .nav li>a {padding: 0 10px;}
    .nav>ul>li .sub dl {min-width: auto;}
    .nav>ul>li.active .sub .nav-desc-container {padding: 20px;margin-right: 0;}
    .sub .nav-desc-container {width: 315px;}
    .top-r>ul>li {margin-right: 15px;}
    .nav-search .search-icon {left: 10px;}
    .nav-search input {padding: 20px 10px 20px 35px;}
    .nav-search.is-open input, .nav-search:hover input{
        width: 260px;
    }
    /* .nav-search.is-open input {width: 220px;} */
}

@media screen and (max-width: 1270px) {
    .sub dl{margin-right: 0}
    .footer_l .record-info li{width: 100px}
}
@media screen and (min-width: 1024px) and (max-width:1190px){
    .nav-search.is-open input, .nav-search:hover input{
        width: 185px;
    }
    .playVideo.sm-hide.engage{display: none;}
}
@media screen and (min-width: 1024px) and (max-width:1500px) {
    /* .footer-link {
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
    } */
    .footer_l {padding-right: 40px;}
    .footer_l dl {margin-right: 0;}
    .footer_r {padding-right: 30px;}
    .footer_1 {padding-left: 45px;}
    .footer_1 .ewm {display: flex;}
    .footer_1 .ewm img {max-width: initial;}
    .footer_1 .others a:not(:last-child) {
        width: 85px;
        margin-bottom: 10px;
    }
    .over-calc-body{max-height: 408px;overflow-y: auto;}
}


@media screen and (max-width: 1023px) {
    .top-r li.nav-m-show{display: inline-block;}
    .pc-data,.top-r li.nav-pc-show {display: none !important;}
    .kf-header {padding: 60px 40px;border-top-left-radius: 16px;border-top-right-radius: 16px}
    .nav>ul>li.active .sub {display: none;position: absolute;left:  130px;top: 0;height: calc(100% - 8px);background-color: #fff;width: calc(100% - 130px);}
    .nav>ul>li.active .sub::before {display: none;}
    .w1400{ width: calc(100% - 30px);}
    .pc-show{
        display: none !important;
    }
    .m-show{
        display: block;
    }
    .footer .w1400 {width: 100%;}
    .footer .w1400.m-footer{padding: 0 15px;box-sizing: border-box;}
    .nav>ul>li.active .sub dl {margin: 0;height:  50px;border-bottom: 1px solid #e1e5eb;}
    .nav>ul>li.active .sub dl.opened {height: auto;}
    .nav>ul>li.active .sub dl.opened dt::after {transform: rotate(-180deg);}
    .sub p {padding-bottom: 0;}
    .records-mobile{display: block !important;}
    #menu-btn{
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .records-web {display: none !important;}


    .sub,.sub *{-webkit-transition:none;transition: none}
    .discount-icon{width: auto;height: 28px;position: relative;bottom: 2px;}
    .sub dt, .sub dd{padding:0}
    .sub dt {position: relative; padding:0;line-height:  50px;margin-bottom: 0;color: #1c1d1f;}
    .sub dt::after {content: '\e601';font-family: 'iconfont';font-size:  12px;font-weight: bold; position: absolute;right:  18px;top: 0;transform: rotate(0deg);transition: all .3s;}
    .sub dt p{padding-left:  20px;font-size:  15px; line-height:  50px;color: #1c1d1f;border:0;font-weight: normal;}
    .sub dd {padding:0}
    .sub dd:before{display: none}
    .sub dd a{margin-bottom: 0; height: 40px;line-height:  40px; min-width:  80px;color: #626266; padding-left: 31px; font-size: 14px; display: flex; align-items: center;white-space: nowrap;}
    .sub dd:last-child a {padding-bottom:  6px;}
    .sub dt i{left:  10px}
    .nav ul li .sub{padding:0 !important;}
    #menu-btn.menu-btn-close i{font-size:  20px}
    #menu-btn.menu-btn-close i:first-child {    opacity: 1;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);}
    #menu-btn.menu-btn-close i:last-child {    opacity: 1;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);}

    .footer_l .record-info li{margin-right:  15px;}

    .footer .friends-links{
        text-align: left;
        padding-top:  5px;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        margin-left: 0;
    }
    .footer .friends-box dt{
        color: #ffffff;
        font-size:  12px;
    }
    .friends-links dd {
        display: inline-block;
        line-height:  21px;
        min-width: 25%;
        color: #cecece;
        width: auto;
    }
    .friends-links dd a {
        margin-right: 0;
        font-size:  12px;
    }
    .footer{padding:0;}
    .footer *{font-size:  12px}
    .footer_1{width: 100%;text-align: center;margin-bottom:  20px;display: none}
    .footer_l >div{display: flex;justify-content: space-between;flex-direction: column;}
    .footer_l.fl,.footer_r.fr{float: none;}
    .footer_r li.custom{
        background: #1b1b1b;
        justify-content: center;
        height: 40px;
        border: 1px solid #3c3d3e;
    }
    .footer_r li.custom div{
        font-size: 15px;
    }
    .footer_r li.custom .tel-a{
        font-size: 15px;
    }
    .footer_r ul li i{
        margin-right: 12px;
    }
    .footer_r li:not(:last-child) {
        margin-bottom: 15px;
    }
    .footer_r ul div{color: #fff;}
    .footer_1 .ewm,.footer_1 ul{display: inline-block;vertical-align: top}
    .footer_1 ul{display: inline-block;width:  300px;text-align: left}
    .footer_1 li{display: block;margin-top: 0;margin-left:  35px;margin-bottom:  20px;text-align: left}
    .footer_l{width: 100%;text-align: center;padding-left: 0;border-left: 0;margin-bottom: 15px;}
    .footer_r ul {
        margin-bottom: 4px;
        border-bottom: 1px solid #3c3d3e;
        padding-bottom: 15px;
    }

    .footer_l dl{width: 100%;text-align: left;height:  50px;overflow: hidden;margin-right: 0;border-bottom: 1px solid #3c3d3e;}
    /* .footer_l dl dt,.footer_l dl dd{padding:0 22px;} */
    .sm-show.new-others { text-align: left; display: flex; flex-wrap: wrap; justify-content: flex-start; border-bottom: 1px solid #3c3d3e; padding-bottom: 4px; margin-bottom: 6px;}
    .sm-show.new-others a {line-height:  40px;min-width: 40%;color: #cecece;width: auto;}
    .sm-show.new-others a:nth-child(3n){min-width: 20%; text-align: end;padding-right: 4px;}
    .sm-show.new-others a i {margin-right:  8px;vertical-align: -3px;color: #cecece;font-size:  18px;}
    .web-phone {width: 100%;padding:  3px 0;text-align: center;font-size:  14px;box-sizing: border-box;margin-top:  14px; color: #ffffff;border-radius:  3px;border: solid 1px #ffffff;}
    .footer_l .footer-link.friends-box dl dt {margin-right: 0;}
    .footer_l .footer-link.friends-box dl dt,
    .footer_l .footer-link.friends-box .friends-links {display: block;}
    .footer_l dl dt{line-height:  50px;margin-bottom: 0;font-weight: normal;font-size:  13px;}
    .footer_l dl dt:after{content:'\e601';float: right;font-family: iconfont;transform: rotate(-90deg);transition: all .3s;}
    .footer_l dl.open dt:after{content: '\e601';transform: rotate(0deg);}
    .footer_l dl.open{height: auto}
    .footer_l dl.open dt {border-bottom: 1px solid #3c3d3e;}
    .footer_l dl dd{line-height:  35px;}
    .footer_l dl dd a{font-size:  12px;color: rgba(255, 255, 255, .7);}
    .address-moblie{text-align: left;padding-top:  8px;}
    .address-moblie li{display: inline-block;line-height:  30px;margin-right:  25px}
    .address-moblie li:last-child{margin-right: 0}
    .address-moblie li i{color:#ffffff;font-size:  12px;border: 1px solid #ffffff;border-radius: 50%; margin-right:  10px;display: inline-block;width:  20px;height:  20px;line-height:  21px; text-align: center;transform: scale(.75);}
    .footer_l .record-info,.footer_r.fl{display: none}


@media screen and (max-width: 480px) {
    .solgen img{width:  120px;top:  7px;left:  5px}