@charset "UTF-8";
@import url(whir_reset.css);

.home-ban{position: relative;z-index: 2;}
.home-ban .slick-dots{position: absolute; left: 0; width: 100%; bottom:0.4rem;z-index: 20;}

.login-box{position: absolute; left: 0;top: 0;width: 100%;height: 100%;z-index: 15;}
.login-box .auto-inner{display: flex;justify-content: flex-end;align-items: center; height: 100%;}
.login-box .main{width: 4.3rem;background-color: #fff;padding: 0.4rem;}
.login-box .logo{text-align: center;}
.login-box .logo img{height: 0.5rem;}
.login-box h3{text-align: center;position: relative;font-size: 0.3rem; margin: calc(32 / 30 * 1em) 0 1em 0;font-weight: 500; border-bottom: 1px solid #ebebeb; padding-bottom: calc(20 / 30 * 1em);}
.login-box h3:after{position: absolute;content: '';width: 30px;height: 3px;background-color: #e50014; left: 50%; margin-left: -15px;bottom: -2px;}

.form li{background-color: #f7f7f7; padding-left: 0.5rem; background-position: left 0.19rem center;background-repeat: no-repeat;position: relative; margin-bottom: 0.2rem;}
.form li.email{background-image: url(../images/icon/user.svg);}
.form li.psw{background-image: url(../images/icon/password.svg);}
.form li.code{background-image: url(../images/icon/email.svg); padding-right: 0.7rem;}
.form li.code .send{position: absolute; right: 0.2rem; top: 0; line-height: 0.6rem;color: #5071ff;cursor: pointer;}
.form li label.tit{position: absolute; left: 0;padding-left: 0.5rem; line-height: 0.6rem;color: #999999;}
.form li .text{width: 100%;   border: 0; background:none;}
.form li input[type='text'].text{height: 0.6rem;line-height: 0.6rem;}
.form li textarea.text{line-height: 1.5;}
.form ol.checkbox{text-align: right;color: #666666;font-size: calc(14 / 16 * 1em);}
.form ol.checkbox label{cursor: pointer;}
.form ol.checkbox i{background-color: #f7f7f7; border-radius: 2px;}
.form ol.btn{ margin-top: 0.3rem;}
.form .i-btn{display: block;width: 100%; height: 0.6rem; font-size: calc(18 / 16 * 1em);color: #fff;background: url(../images/btn.svg) no-repeat; background-size: 100% 100%; border: 0;cursor: pointer;}
.form .b-red{background: #e60011;}
.form .b-gray{background: #333333;}
.form ol.post-r-btn{text-align: right;}
.form ol.post-r-btn .i-btn{display: inline-block; vertical-align: top; max-width: 2rem;}
.form ol.post-r-btn .i-btn + .i-btn{margin-left: 0.2rem;}

.login-contact{background-color: #f3f2f4; padding-top: 0.6rem;}
.login-contact .copyright{border-top: 1px solid rgba(0,0,0,0.05); margin-top: 0.5rem;text-align: center; padding: 0.4rem 0;}
.login-contact .copyright,
.login-contact .copyright a:not(:hover){color: rgba(51,51,51,0.45);}

.all-title{ padding-left: calc(16 / 30 * 1em); font-size: calc(30 / 16 * 1em); line-height: calc(45 / 30 * 1em);background: url(../images/title-bg.svg) no-repeat left top; background-size: auto 100%;font-weight: 500; margin-bottom: 0.3rem;}
.all-title.yellow{ padding-left: calc(16 / 30 * 1em); font-size: calc(30 / 16 * 1em); line-height: calc(45 / 30 * 1em);background: url(../images/htitle-bg.svg) no-repeat left top; background-size: auto 100%;font-weight: 500; margin-bottom: 0.3rem;}

.table-text {margin-bottom: .3rem; line-height: 1.5;}

.sub-title{border-bottom: 1px solid #ebebeb; margin-bottom: 0.38rem; padding: 0.36rem 0 0.19rem 0; font-weight: 500;font-size: calc(24 / 16 * 1em);color: #333333;}
.sub-title:before{display: inline-block;content: '';width: 3px;height: calc(20 / 24 * 1em); background-color: #e50014; margin-right: 0.15rem;}
    .sub-title.yellow:before {
        background-color: #f7c327;
    }
    .login-contact .box-left {
        width: calc(500 / 1440 * 100%);
        margin-right: calc(140 / 1440 * 100%);
    }
.login-contact .box-mid{max-width: 20%;}
.login-contact .box-right{width:calc(430 / 1440 * 100%);}
.login-contact .dt-list{font-weight: 100;font-size: calc(22 / 16 * 1em);color: #333333;}
.login-contact .dt-list dd{padding-left: calc(44 / 22 * 1em); background-repeat: no-repeat;background-position: 0 0;}
.login-contact .dt-list dd + dd{margin-top:0.24rem;}
.login-contact .dt-list dd.add{background-image: url(../images/icon/address.svg); background-size: calc(19 / 22 * 1em) auto;}
.login-contact .dt-list dd.tel{background-image: url(../images/icon/telephone.png); background-size: calc(23 / 22 * 1em) auto;}
.login-contact .dt-list dd.email{background-image: url(../images/icon/email-full.png); background-size: calc(24 / 22 * 1em) auto;}
.login-contact .dt-list dd.time{background-image: url(../images/icon/online-time.svg); background-size: 1em auto;}
.login-contact .dt-list dd.card{background-image: url(../images/icon/contact.svg); background-size: calc(26 / 22 * 1em) auto;}
.login-contact .dt-list dt{margin-bottom: calc(15 / 22 * 1em);}
.login-contact .dt-list dt + dd:not(:last-child){ margin-bottom: 0.4rem;}
.login-contact .box-right .desc{line-height: calc(22 / 16 * 1em);color: #333333; margin-bottom: 0.4rem;}
.login-contact .ani-btn{background-color: #fff;text-align: center; font-weight: 500;font-size: calc(24 / 16 * 1em); height: 0.6rem;display: flex;justify-content: center; align-items: center;}
.login-contact .ani-btn .icon{display: block;position: relative; width: 0.48rem; height: 0.42rem; margin-left: 0.3rem;overflow: hidden;}
.login-contact .ani-btn .icon em{border-radius: 2px;position: relative;background-color: #e50014;display: block; height: 0.35rem;}
.login-contact .ani-btn .icon em:after{position: absolute;content: ''; width: 0.22rem; height: 0.22rem; left: 50%;top: 50%;margin: -0.11rem 0 0 -0.11rem; background: url(../images/icon/car.svg) no-repeat; background-size: contain;}
.login-contact .ani-btn .icon i{position: absolute;width: 0.18rem; height: 2px; left: 50%; margin-left: -0.09rem; background-color: #e50014;bottom: 0;}
.login-contact .ani-btn:hover .icon i,
.login-contact .ani-btn:hover .icon em:after{animation: car 2s infinite both linear;}
@keyframes car {
    0%{transform: translateX(0.4rem);}
    100%{transform: translateX(-0.4rem);}
}

.guide-pages{background-color: #f2f3f5; min-height: 100vh; padding-top: 1.1rem;}
.guide-pages .top{position: fixed;z-index: 1; line-height: 1.1rem; background-color: #fff; width: 100%; top: 0; left: 0;}
.guide-pages .top .auto-inner{padding: 0 .4rem; position: relative;}
.guide-pages .top .logo img{height: 0.54rem;}
.guide-pages .top .signout{position: absolute;right: .4rem; font-size: calc(14 / 16 * 1em); padding-left: 0.24rem;background: url(../images/icon/user.png) no-repeat left center; background-size: 0.12rem auto;}

.guide-pages .top .signout:not(:hover){color: #999;}
.guide-pages .bottom{border-top: 1px solid rgba(0,0,0,0.05); padding-top: 0.4rem;padding-bottom: 0.6rem; margin-top: 0.59rem;}
.guide-pages .bottom .all-title{margin-bottom: 0;}
.guide-pages .bottom .all-title a:not(:hover){color: #999;}
.guide-pages .bottom .copyright{color: #999999; font-size: calc(14 / 16 * 1em); line-height: calc(45 / 14 * 1em);}
.guide-pages .main{padding-top: 0.55rem;}
.guide-pages .main .box{width: calc(690 / 1440 * 100%);}
.guide-pages .main .all-title{margin-bottom: 0.5rem;}

.guide-pages .list-items .item{background-color: #fff;position: relative; transition: 0.3s;}
.guide-pages .list-items .a-url{position: absolute;z-index: 3; left: 0; top: 0; width: 100%; height: 100%; cursor: pointer;}
.guide-pages .list-items .item ul{display: table; width: 100%;table-layout: fixed;}
.guide-pages .list-items .item ul > *{display: table-cell; vertical-align: middle;}
.guide-pages .list-items .item ol{overflow: hidden;position: relative;}
.guide-pages .list-items .item ol .Ispic{height: 100%;transition: 0.3s ease-out;}
.guide-pages .list-items .item:hover ol .Ispic{transform: scale(1.05);}
.guide-pages .list-items .item li .inside{padding: 0 0.3rem 0 0.2rem;}
.guide-pages .list-items .tit{color: #e50014;font-size: calc(22 / 16 * 1em); margin-bottom: 1em;}
.guide-pages .list-items p{color: #333333;font-size: calc(18 / 16 * 1em); line-height: calc(30 / 18 * 1em);}
.guide-pages .list-items .item:hover .tit{color: #fff;}
.guide-pages .list-items .item:hover p{color: rgba(255,255,255,0.8);}
.guide-pages .box.fl .list-items .item{padding: 0.1rem;border-bottom: 1px solid #e5e5e5;}
.guide-pages .box.fr .list-items .item:not(:last-child){margin-bottom: 0.1rem;}
.guide-pages .box.fl .list-items .item ul{height: 1.79rem;}
.guide-pages .box.fr .list-items .item ul{height: 1.69rem;}
.guide-pages .box.fl .list-items .item ol{width: calc(270 / 670 * 100%);}
.guide-pages .box.fr .list-items .item ol{width: calc(288 / 690 * 100%);}
.guide-pages .list-items .item ol:after{position: absolute; content: ''; border:1.8rem solid transparent; transition: 0.3s;}
.guide-pages .box.fl .list-items .item ol:after{border-right-color: #fff;border-right-width: 0.4rem;right: 0; bottom: 0;}
.guide-pages .box.fl .list-items .item:nth-child(2n) ol:after{bottom:auto; top: 0;}
.guide-pages .box.fr .list-items .item ol:after{border-left-color: #fff;border-left-width: 0.4rem; left: 0;top: 0;}
.guide-pages .box.fr .list-items .item:nth-child(2n) ol:after{top:auto; bottom: 0;}

.guide-pages .list-items .item dl{display: table; width: 100%;table-layout: fixed;}
.guide-pages .list-items .item dl > *{display: table-cell; vertical-align: middle;}
.guide-pages .list-items .item dt{width: 1.5rem;}
.guide-pages .list-items .item dd{font-weight: 500; font-size: calc(22 / 16 * 1em); line-height: calc(28 / 22 * 1em);}
.guide-pages .list-items .item dt img{display: block; margin: 0 auto; height: 0.48rem;}
.guide-pages .list-items .item dt .off{display: none;}
.guide-pages .list-items .item:hover dt img.on{display: none;}
.guide-pages .list-items .item:hover dt img.off{display: block;}
.guide-pages .list-items .item:hover{background-color: #e60011;}
.guide-pages .box.fr .list-items .item:hover dd{color: #fff;}
.guide-pages .box.fl .list-items .item:hover ol:after{border-right-color: #e60011;}
.guide-pages .box.fr .list-items .item:hover ol:after{border-left-color: #e60011;}



.popUp-box{position: fixed; left: 0;top: 0;width: 100%;height: 100%;z-index: 200;overflow: auto;background-color: rgba(0,0,0,0.5);display: none;}
.popUp-box .main{margin: 1.2rem auto; background-color: #fff;position: relative; padding: 0.6rem;}
.parts-popUp-main .popUp-box .main{padding: 0.4rem;}
.popUp-box .close{position: absolute;right: 0.29rem; top: 0.29rem; width: 14px;height: 14px;background: url(../images/close.svg) no-repeat center center; background-size: contain;cursor: pointer;}

.singlePage{ line-height: 1.875; padding: 0.4rem 0; min-height: calc(100vh - 3.24rem - 0.81rem - 2.52rem);}

.news-info{border-bottom: 1px solid #eeeeee; padding-bottom: 0.3rem; margin-bottom: 0.5rem;}
.news-info .title{text-align: center; border-bottom: 1px solid #eeeeee; padding-bottom: calc(22 / 16 * 1em); margin-bottom: calc(40 / 16 * 1em);}
.news-info .title .name{font-size: calc(30 / 16 * 1em);color: #333333; line-height: 1.5;}
.news-info .title time{color: #999999;}
.news-info .singlepage{font-size: calc(18 / 16 * 1em); line-height: calc(30 / 18 * 1em);color: #333333;}

.edit-row-img li{float: left; max-width: calc(650 / 1320 * 100%);}
.edit-row-img li:nth-child(2n){float: right;}

.comment .title{padding-left: calc(42 / 24 * 1em); font-size: calc(24 / 16 * 1em); background: url(../images/icon/msg.png) no-repeat left center; background-size: 1em auto; margin-bottom: 0.2rem;}
.comment .title span.num{color: #999999;font-size: calc(16 / 24 * 1em);}
.comment .form li.feedback{margin-left: 0.8rem;border-radius: 6px; padding: 0.3rem;}
.comment .form li.feedback .avatar{position: absolute; left: -0.8rem; width: 0.5rem; top: 0;}
.comment .form li.feedback .avatar img{border-radius: 50%;}
.comment .title-2{margin-bottom: 0.12rem;font-size: calc(20 / 16 * 1em);color: #333333;}
.comment .list li{padding: 0.3rem 0 0.3rem 0.8rem;position: relative;}
.comment .list li li{padding-left:0.69rem;}
.comment .list li:not(:last-child){border-bottom: 1px solid #eee;}
.comment .list li:last-child{padding-bottom: 0;}
.comment .list li .avatar{position: absolute; left: 0;top: 0.3rem; width: 0.5rem;}
.comment .list li .avatar img{border-radius: 50%;}
.comment .list li li .avatar{width: 0.4rem;}
.comment .list li .info time,
.comment .list li .info .name{color: #999999;}
.comment .list li .txt{padding: 0.16rem 0; line-height: calc(30 / 16 * 1em);}

footer{background-color: #f0f0f0; padding: 0.7rem 0; margin-top: 0.81rem;position: relative;}
footer nav{display: none;justify-content: space-between;width: calc(920 / 1440 * 100%);}
footer nav dt{font-weight: 600;font-size: calc(22 / 16 * 1em);}
footer nav dt:after{display: block;width: 15px;height: 2px;background-color: #e50014;content: ''; margin-top: calc(20 / 22 * 1em); margin-bottom: calc(10 / 22 * 1em);}
footer nav.yellow dt:after {
    background-color: #f7c327;
}

footer nav dd{line-height: 2;}
footer nav dd a:not(:hover){color: #666;}
footer nav dl.row{max-width: 2.7rem;}
footer nav dl.row dd{float: left; white-space: norwap;}
footer nav dl.row dd:not(:nth-of-type(2n)){width: 1.42rem;}
footer nav dl.row dd:nth-of-type(2n+1){clear: left;}
footer .copright{text-align: right; font-size: calc(14 / 16 * 1em); line-height: calc(20 / 14 * 1em);}
body:not(.home-body)  footer .copright{clear: both;}
footer .copright,
footer .copright a:not(:hover){color: rgba(51,51,51,0.45);}

footer .contact .logo img{height: 0.5rem;}
footer .contact dl{margin-top: 0.42rem;}
footer .contact dt{ background-position: left center; background-repeat: no-repeat; font-size: calc(22 / 16 * 1em);color: #333333;padding: 0.12rem 0 0.12rem  0.46rem;font-weight: 100;}
footer .contact dt.tel{background-size: auto 0.26rem; background-image: url(../images/icon/tel.png);}
footer .contact dt.email{background-size: auto 0.24rem; background-image: url(../images/icon/email.png);}
    footer .contact dt.email.yellow a:hover {
        color: #f7c327;
    }
.home-body footer .links{width: calc(330 / 1440 * 100%);}
.home-body footer nav{display: flex;}
.home-body footer nav.yellow a:hover{color: #f7c327;}
.home-body footer .copright .designer{display: none;}
.home-body footer .contact{display: none;}

.follow-us li{float: left; width: 26px;}
.follow-us li a{display: block;height: 26px;background-position: center;background-repeat: no-repeat;transition: 0.3s; background-size: contain;}
.follow-us li.li-fb a{background-image: url(../images/fb.svg);}
.follow-us li.li-fb a:hover{background-image: url(../images/fb-on.svg);}
.follow-us.yellow li.li-fb a:hover{background-image: url(../images/hfb-on.svg);}
.follow-us li.li-tw a{background-image: url(../images/tw.svg);}
.follow-us li.li-tw a:hover{background-image: url(../images/tw-on.svg);}
.follow-us.yellow li.li-tw a:hover{background-image: url(../images/htw-on.svg);}
.follow-us li.li-in a{background-image: url(../images/in.svg);}
.follow-u.follow-us li.li-in a:hover{background-image: url(../images/in-on.svg);}
.follow-us.yellow li.li-in a:hover{background-image: url(../images/hin-on.svg);}
.follow-us li.li-play a{background-image: url(../images/play.svg);}
.follow-us li.li-play a:hover{background-image: url(../images/play-on.svg);}
.follow-us.yellow li.li-play a:hover{background-image: url(../images/hplay-on.svg);}
.follow-us li + li{margin-left: 9px;}

.links-select{position: relative;z-index: 4;margin: 0.18rem 0 0.4rem 0;}
.links-select.yellow a:hover{color: #f7c327;}
.links-select .name{background: #fff; padding-left: 0.59rem;line-height: 0.5rem; text-transform: uppercase;  cursor: pointer;position: relative;z-index: 4;}
.links-select .name:after{position: absolute;content: ''; width: 11px;height: 6px;background: url(../images/select.svg) no-repeat; right: 0.23rem; background-size: contain; top: 50%; margin-top: -3px; transition: 0.3s;}
.links-select .name.on:after{transform: rotate(180deg);}
.links-select .hover{position: absolute; bottom: 100%; left: 0;width: 100%;background-color: #fff; box-shadow: 0 -0.05rem 0.1rem rgba(0,0,0,0.1); padding: 0.2rem;z-index: 50; display: none;}
.links-select .hover dd{line-height: 1.3;}
.links-select .hover dd:not(:last-child){border-bottom:1px solid #eee; padding-bottom: 0.1rem; margin-bottom: 0.1rem;}

body:not(.home-body) .links-select{width: 3.3rem; float: right;}

.gettop{width: 0.6rem;height: 0.6rem; z-index: 100;position: absolute; background: url(../images/gettop.svg) no-repeat;background-size: contain;cursor: pointer; display: none;}

.gettop.yellow{width: 0.6rem;height: 0.6rem; z-index: 100;position: absolute; background: url(../images/hgettop.svg) no-repeat;background-size: contain;cursor: pointer; display: none;}

body:not(.home-body) .gettop{ top: 0; margin-top: -0.3rem; left: 50%;margin-left: -0.3rem;}
.home-body .gettop{position: fixed;  bottom:0.7rem; right: 3%; }


header .top{background-color: #f5f5f5; line-height: 0.56rem;font-size: calc(14 / 16 * 1em); position: fixed; width: 100%; top: 0; left: 0; z-index: 200;}
header .top a:not(:hover){color: #999999;}
header .top .site{margin-right: 0.26rem;}
header .top .site .to-home{background: url(../images/icon/home.svg) no-repeat center; background-size: 0.18rem auto; width: .18rem; height: .18rem; vertical-align: middle; margin-right: .16rem;}
header .top .site a{display: inline-block;}
header .top .site a:not(:last-child)::after{content: '|';margin: 0 0.15rem;color: #999999;}
header .top .site a.on{color: #e50014;}
header .top.yellow .site a.on{color: #f7c327;}
header .top.yellow a:hover{color: #f7c327;}
header .top .signout{ padding-left: 0.24rem; background: url(../images/icon/user.png) no-repeat left center; background-size: 0.12rem auto;}
header .top .site .to-home::after{content: none!important;}
header .top.yellow .signout{ padding-left: 0.24rem; background: url(../images/icon/huser.png) no-repeat left center; background-size: 0.12rem auto;}

header .mid{position: fixed; width: 100%; top: .56rem; left: 0; z-index: 200; background-color: #fff;}
header .mid .logo{width: 3.11rem; display: table; height: 1.24rem;}
header .mid .logo a{display: table-cell; vertical-align: middle;}
header .mid .logo img{height: 0.52rem;}

header .mid nav{padding-top: 0.41rem;}
header .mid nav li{float: left; font-size: calc(14 / 16 * 1em);}
header .mid nav li + li{margin-left: 0.32rem;}
@media (max-width:1360px) {
    header .mid nav li + li{margin-left:1.5vw;}
}
header .mid nav li i{display: block; height: 0.32rem;background-position: center top; background-repeat: no-repeat; background-size: auto 0.21rem; transition: 0.3s;}
header .mid nav.yellow li a:hover{color: #f7c327;}
header .mid nav li a:hover i{animation: icon-bounce 0.5s alternate;}
header .mid nav li i.icon-cart{background-image: url(../images/icon/nav-cart.svg);position: relative;}
header .mid nav li i.icon-order{background-image: url(../images/icon/nav-order.png);}
header .mid nav li i.icon-log{background-image: url(../images/icon/nav-logistics.svg);}
header .mid nav li i.icon-acc{background-image: url(../images/icon/nav-account.png);}
header .mid nav li i.icon-fav{background-image: url(../images/icon/nav-favorites.svg);}
header .mid nav li i.icon-mac{background-image: url(../images/icon/nav-machine.svg);}
header .mid nav li i.icon-war{background-image: url(../images/icon/nav-warranties.svg);}
header .mid nav li i.icon-mai{background-image: url(../images/icon/nav-maintenance.svg);}
header .mid nav li a:hover i.icon-cart{background-image: url(../images/icon/nav-cart-on.svg);}
header .mid nav li a:hover i.icon-order{background-image: url(../images/icon/nav-order-on.png);}
header .mid nav li a:hover i.icon-log{background-image: url(../images/icon/nav-logistics-on.svg);}
header .mid nav li a:hover i.icon-acc{background-image: url(../images/icon/nav-account-on.png);}
header .mid nav li a:hover i.icon-fav{background-image: url(../images/icon/nav-favorites-on.svg);}
header .mid nav li a:hover i.icon-mac{background-image: url(../images/icon/nav-machine-on.svg);}
header .mid nav li a:hover i.icon-war {
    background-image: url(../images/icon/nav-warranties-on.svg);
}
header .mid nav li a:hover i.icon-mai {
    background-image: url(../images/icon/nav-maintenance-on.svg);
}


header .mid nav.yellow li a:hover i.icon-cart{background-image: url(../images/icon/nav-cart-hon.svg);}
header .mid nav.yellow li a:hover i.icon-order{background-image: url(../images/icon/nav-order-hon.png);}
header .mid nav.yellow li a:hover i.icon-log{background-image: url(../images/icon/nav-logistics-hon.svg);}
header .mid nav.yellow li a:hover i.icon-acc{background-image: url(../images/icon/nav-account-hon.png);}
header .mid nav.yellow li a:hover i.icon-fav{background-image: url(../images/icon/nav-favorites-hon.svg);}
header .mid nav.yellow li a:hover i.icon-mac{background-image: url(../images/icon/nav-machine-hon.svg);}
header .mid nav.yellow li a:hover i.icon-war {
    background-image: url(../images/icon/nav-warranties-hon.svg);
}
header .mid nav.yellow li a:hover i.icon-mai {
    background-image: url(../images/icon/nav-maintenance-hon.svg);
}


header .mid nav li i.icon-cart span{position: absolute;right: 0;top: 0;}

.top-search{ padding-top: 0.36rem; width: calc(468 / 1440 * 100%);}
.top-search.short {width: calc(388 / 1440 * 100%);}
.top-search dl{display: flex; justify-content: space-between; width: 100%;}
.top-search dt{flex: 1;position: relative;}
.top-search dd{margin-left: 0.1rem;}
.top-search dd a{display: block; line-height: 0.52rem;background-color: #999999;color: #fff;background-color: #f7c327;color: #000;transition: 0.3s; padding: 0 0.16rem;font-size: calc(18 / 16 * 1em);}
.top-search dd a:hover{background-color: #e50014;}
.top-search dd.yellow a:hover{background-color: #f7c327;}
.top-search.short dd a{display: flex;line-height: 1; height: 0.52rem; align-items: center;}
.top-search .text{width: 100%;border: 1px solid #eee; line-height: calc(0.52rem - 2px); height: 0.52rem;padding: 0 0.72rem 0 0.2rem;font-weight: 100;font-size: calc(18 / 16 * 1em);}
.top-search .text.focus{color: #333;}
.top-search .btn{position: absolute;right: 0; top: 0;width:0.72rem; background: url(../images/icon/search.svg) no-repeat center center #e50014; background-size: 0.22rem auto; overflow: hidden; top: 1px;bottom: 1px;}

.top-search .btn.yellow{background-color: #f7c327;}

.top-search .btn:before{position: absolute;content: '';border: 1.02rem solid transparent; border-left-color: #fff;border-left-width: 0.18rem; top: 0;left: 0;}

menu{border-top: 1px solid #ebebeb;border-bottom: 1px solid #ebebeb; padding-top: 1.8rem;}
menu ul{display: flex; justify-content: space-between; align-items: center; height:0.7rem;}
menu ul.no-full{justify-content: flex-start;}
menu li{font-weight: 500;font-size: calc(19 / 16 * 1em); position: relative; line-height: 2; }
menu ul.no-full li:not(:last-child){margin-right: 0.92rem;}
menu li:before{position: absolute;content: ''; width:0; height: 100%;background:url(../images/btn.svg) no-repeat right center;background-size: auto 100%; transform: translateX(-0.05rem);transition: 0.3s width;}

menu.yellow li:before{position: absolute;content: ''; width:0; height: 100%;background:url(../images/hbtn.svg) no-repeat right center;background-size: auto 100%; transform: translateX(-0.05rem);transition: 0.3s width;}

menu li:hover:before{width:calc(100% + 0.25rem);}
menu li.aon:before{width:calc(100% + 0.25rem);}
menu li a{display: block;position: relative;z-index: 4;color: #000;transition: 0.3s;}
menu li:hover a,
menu li a:hover{color: #fff;}
menu li.aon a{color: #fff;}

    menu li a.aon {
        color:red;
    }

.home-data {
    padding: 0.5rem 0;
}
.home-data .ban{width: calc(1030 / 1440 * 100%);}
.home-data .ban li .Ispic{height: 5rem;}
.home-data .ban .slick-dots{position: absolute;left: 0;width: 100%; bottom: 0.2rem;z-index: 30;}
.home-data .fr.data-area{width: calc(380 / 1440 * 100%);}
.home-data .data-area li{display: flex; align-items: center;height: 1.47rem;border: solid 1px #ebebeb;position: relative; padding-left: 0.55rem;}
.home-data .data-area li:not(:last-child){margin-bottom: 0.3rem;}
.home-data .data-area li .hover{position: absolute; bottom: 100%; left: -1px;right: -1px;background-color: #fff; padding: 0 0.3rem 0.28rem; box-shadow: 0 0 5px rgba(0,0,0,0.08); display: none;}
.home-data .data-area li .hover:after{position: absolute;content: ''; top:calc( 100% - 0.15rem); width: 0.3rem; height: 0.3rem; transform: rotate(45deg); right: 0.3rem; background-color: #fff;box-shadow: 2px 2px 2px rgba(0,0,0,0.05);}
.home-data .data-area li .tit{line-height: 0.59rem;position: relative;font-size: calc(19 / 16 * 1em); padding-top: 0.07rem;}
.home-data .data-area li .close{position: absolute;right: 0; top: 50%;width: 0.22rem;height: 0.22rem; background: url(../images/close-light.svg) no-repeat; background-size: contain; margin-top: -0.11rem;cursor: pointer;}
.home-data .data-area li .hover table{width: 100%;}
.home-data .data-area li .hover table td{width: calc(100% / 4); text-align: center;height: 0.5rem;background-color: #fafafa;}
.home-data .data-area li .hover table td:nth-child(1){font-size: calc(14 / 16 * 1em);}
.home-data .data-area li .hover table td:nth-child(3){font-size: calc(14 / 16 * 1em);}
.home-data .data-area li .hover .tr-top td{background-color: #f1f5f8;height: calc(32 / 14 * 1em);}
.home-data .data-area li .hover .tr-top td:nth-child(1){border-radius: 0.05rem 0 0 0;}
.home-data .data-area li .hover .tr-top td:last-child{border-radius: 0 0.05rem 0 0;}
.home-data .data-area li .hover table td:not(:last-child){border-right: 1px solid #eaeaea;}
.home-data .data-area li .hover tr:not(:last-child) td{border-bottom: 1px solid #eaeaea;}
.home-data .data-area li i{display: block; width: 0.72rem; height: 0.44rem; background-position: left center; background-repeat: no-repeat; background-size: auto 0.44rem;}
.home-data .data-area li i.icon-stocks{background-image: url(../images/icon/column-stocks.svg);}
.home-data .data-area li i.icon-way{background-image: url(../images/icon/column-car.svg);background-size: auto 0.38rem;}
.home-data .data-area li i.icon-more{background-image: url(../images/icon/column-more.svg);}
.home-data .data-area li i.icon-machines{background-image: url(../images/icon/column-machines.svg);background-size: auto 0.5rem;}
.home-data .data-area li i.icon-warranty{background-image: url(../images/icon/column-warranty.svg);background-size: auto 0.48rem;}
.home-data .data-area li i.icon-maintenance{background-image: url(../images/icon/column-maintenance.svg);background-size: auto 0.48rem;}
.home-data .data-area li > span{font-size: calc(24 / 16 * 1em);font-weight: 700; }
.home-data .data-area li:not(.more) > span{padding-top: 0.25rem; margin-right: 0.19rem;}
.home-data .data-area li.more{position: relative;}
.home-data .data-area li .open-more{cursor: pointer; position: absolute; left: 0; top:0; width: 100%; height: 100%;}
.home-data .data-area li .counter{font-weight: 500;font-style: normal;color: #e50014;font-size: calc(60 / 16 * 1em);}

.home-data .data-area.row-3 li{float:left; width: calc((100% - 0.3rem * 2) / 3); margin-bottom: 0;}
.home-data .data-area.row-3 li:not(:nth-child(3n)){margin-right: 0.3rem;}
.home-data .data-area.row-3 li i{height: 0.5rem;}

.home-title{padding-top: 0.5rem;margin-bottom: 0.3rem; overflow: hidden;}
.home-title h3{margin: 0;font-size: calc(40 / 16 * 1em); padding-bottom: calc(25 / 40 * 1em); background: url(../images/title-line.svg) no-repeat right bottom; float: left;}
.home-title h3::first-letter{color: #e50014;}

.home-title.yellow h3{margin: 0;font-size: calc(40 / 16 * 1em); padding-bottom: calc(25 / 40 * 1em); background: url(../images/htitle-line.svg) no-repeat right bottom; float: left;}
.home-title.yellow h3::first-letter{color: #f7c327;}

.home-team{background-color: #f8f8f8; padding-bottom: 0.5rem;}
.home-team .auto-inner{overflow: hidden;position: relative;}
.home-team .swiper-container{margin: 0 calc((100% + (-1700 / 1440 * 100%)) / 2); clear: both;}
.home-team .Ispic{padding-bottom: calc(460 / 340 * 100%);}
.home-team .txt{text-align: center;}
.home-team .txt h4{margin: 1em 0 0 0;font-size: calc(30 / 16 * 1em); font-weight: 600;}
.home-team .txt p{font-size: calc(18 / 16 * 1em); margin: 1em 0 0 0;color: #999999;font-weight: 100;}
.home-team .swiper-slide .inner{transform: scale(calc(210 / 340)); opacity: 0.3; transform-origin: right;transition: 0.3s;}
.home-team .swiper-slide-prev .inner,
.home-team .swiper-slide-next .inner{opacity: 0.7;transform: scale(calc(280 / 340)); transform-origin: center;}
.home-team .swiper-slide-active .inner{opacity: 1;transform: scale(1);}
.home-team .swiper-slide-next + .swiper-slide .inner{transform-origin: left;}

.team-pages{float: right;}
.team-pages span{float: left;width: 12px;height: 12px;border-radius: 0;position: relative;background: #f8f8f8; opacity: 1;}
.team-pages span:before{position: absolute;content:''; width: 4px;height: 4px;margin: -2px 0 0 -2px; left: 50%;top: 50%;background-color: #e5e5e5;}
.team-pages span.swiper-pagination-bullet-active{background-color: #e50014;}
.team-pages span.swiper-pagination-bullet-active:before{background-color: #fff;}
.team-pages span + span{margin-left: 2px;}


.home-case .items-group li{float: left;width: calc((100% - 0.3rem * 3) / 4); margin-bottom: 0.3rem; position: relative; overflow:hidden;}
.home-case .items-group li:not(:nth-child(4n)){margin-right: 0.3rem;}
.home-case .items-group li .Ispic{ height: 3.37rem; transition: 0.3s ease-out;}
.home-case .items-group li:hover .Ispic{transform: scale(1.1);}
.home-case .items-group li:nth-child(2) .Ispic,
.home-case .items-group li:nth-child(4) .Ispic,
.home-case .items-group li:nth-child(5) .Ispic,
.home-case .items-group li:nth-child(7) .Ispic{ height: 4.2rem;}
.home-case .items-group li:nth-child(5),
.home-case .items-group li:nth-child(7){ margin-top: -0.83rem;}
.home-case .items-group li .txt{position: absolute; bottom: 0; width: 100%;left: 0;z-index: 5;color: #fff; padding: 0 0.9rem 0.5rem 0.49rem;}
.home-case .items-group li .txt h3{margin: 0; font-size:calc(30 / 16 * 1em);}
.home-case .items-group li .txt p{line-height: calc(26 / 16 * 1em); margin: calc(24 / 16 * 1em) 0;}
.home-case .items-group li .more{font-size: calc(14 / 16 * 1em); display: inline-block;padding-right: 0.41rem; background: url(../images/btn.png) no-repeat right center; background-size: 0.21rem auto;transition: 0.3s;}
.home-case .items-group li:hover .more{padding-right: 0.6rem;}
.home-case .items-group li .cover{position: absolute; left: 0; width: 100%;z-index: 1; height: 100%; top: 0;
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 ); /* IE6-9 */
}

.bg_f8f8f8{background-color: #f8f8f8;}

.Current{padding: 0.2rem 0; line-height: calc(30 / 14 * 1em);font-size: calc(14 / 16 * 1em);}
.Current span{color: #e50014;}
.Current span.yellow { color: #f7c327;}
.Current.yellow a:hover{color: #f7c327;}

.Current a{background: url(../images/cur-a.svg) no-repeat right center;background-size:  auto 0.07rem; margin-right: 0.1rem;display: inline-block;padding-right: 1em;}
.Current .auto-inner{padding-left: 0.26rem; background: url(../images/icon/cur-home.svg) no-repeat left top 0.06rem; background-size:0.16rem auto;}

.column-name{font-size: calc(36 / 16 * 1em);font-weight: 600; padding: 0.5rem 0;}

.Pages{display: table; margin: 0.6rem auto 0.7rem; overflow: hidden;font-size: calc(14 / 16 * 1em); line-height: calc(40 / 14 * 1em);}
.Pages a{cursor: pointer;}
.Pages em{font-style: normal; overflow: hidden;display: inline-block;vertical-align: top;}
.Pages > span{float: left;}
.Pages em a{float: left; min-width: 0.4rem;text-align: center; background-color: #fff;color: #333333;transition: 0.3s;}
.Pages em a + a{margin-left: 0.05rem;}
.Pages em a:hover,
.Pages em a.a_cur{background-color: #e50014;color: #fff;}


    .Pages.yellow em a:hover,
    .Pages.yellow em a.a_cur {
        background-color: #f7c327;
        color: #fff;
    }

.Pages b{color: #e50014;}
    .Pages.yellow b {
        color: #f7c327;
    }

.Pages .p_item{margin-right: 0.2rem;}
.Pages .p_page{margin-left: 0.2rem; overflow: hidden;}
.Pages .p_page > *{float: left;}
.Pages .p_page > a{color: #fff;width: 1rem; background-position: center; background-size: 100% 100%;text-align: center; background-repeat: no-repeat;transition: 0.3s;}
.Pages .p_page > a.a_prev{background-image: url(../images/page/a_prev.svg); margin-right: 0.3rem;}
.Pages .p_page > a.a_prev:hover{background-image: url(../images/page/a_prev_hover.svg);}
.Pages .p_page > a.a_next{background-image: url(../images/page/a_next.svg); margin-left: 0.3rem;}
.Pages .p_page > a.a_next:hover{background-image: url(../images/page/a_next_hover.svg);}


 
        .Pages.yellow .p_page > a.a_prev:hover {
            background-image: url(../images/page/ha_prev_hover.svg);
        }

 

        .Pages.yellow .p_page > a.a_next:hover {
            background-image: url(../images/page/ha_next_hover.svg);
        }

.Pages .p_count{margin-right: 0.1rem;}

.operation{border-bottom: 1px solid #e6e6e6; padding: 0.6rem 0;}
.operation .all{display: flex;align-items: center; height: 0.7rem;}
.operation .all a{margin-left: 0.5rem;cursor: pointer; line-height: calc(22 / 16 * 1em);}
.operation .all a:before{width: 0.18rem; height: 0.22rem; display: inline-block; content: ''; background-position: center; background-repeat: no-repeat; background-size: contain; vertical-align: bottom; margin-right: 0.1rem;}
.operation .all a.clearCart:before{background-image: url(../images/icon/clear.svg);}
.operation .all a.empty:before{background-image: url(../images/icon/emptycart.svg);}
.operation .all a:not(:hover){color: #333333;}
.operation .all a:hover:before{animation: icon-bounce 0.5s alternate;}
.operation .total{margin-right: 0.85rem;}
.operation .total dl{display: flex;align-items: center; height: 0.7rem;}
.operation .total dl > *{display: flex; align-items: center;}
.operation .total dl span{color: #e50014;}
    .operation.yellow .total dl span {
        color: #f7c327;
    }

.operation .all.yellow a:hover {color: #f7c327;}
.operation .total #price{font-family:'Oswald';font-weight: 500;font-size: calc(40 / 16 * 1em); margin-left: 0.2rem;}
.operation .total dd span{ border-bottom: 1px solid #333333; min-width: 0.34rem;text-align: center;padding: 0.04rem 0.1rem;}
.operation .total dd:after{display: inline-block; content: '';width: 1px; height: 0.18rem; margin:  0 0.19rem; background-color: #b3b3b3;}
.operation.yellow .all a:hover{color: #f7c327;}


.showPic{position: fixed; text-align: center; display: none; top: 0; left: 0; width: 100%; height: 100vh; z-index: 9999; background-color: rgba(0,0,0,0.8);}
.showPic img,
.showPic video{width: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}

.btn-group a{cursor: pointer; float: left; width: 3rem;text-align: center; line-height: 0.7rem;color: #fff; font-size: calc(18 / 16 * 1em);}
.btn-group a.w_auto{width: auto; padding: 0 0.2rem;}
.btn-group a.w_250{width: 2.5rem;}
.btn-group a.w_240{width: 2.4rem;}
.btn-group a.w_200{width: 2rem;}
.btn-group a.w_280{width: 2.8rem;}
.btn-group a.w_400{width: 4rem;}
.btn-group a.lh60{line-height: 0.6rem;}
.btn-group a + a{margin-left: 0.2rem;}
.btn-group a.red{background-color: #e50014;}
    .btn-group a.yellow {
        background-color: #f7c327;
    }
.btn-group a.color_999{background-color: #999999;}
.btn-group a.color_333{background-color: #333333;}
.btn-group a.color_b5{background-color: #b5b5b5;}
.btn-group a .icon{display: inline-block; vertical-align: middle; width: 0.3rem; height: 0.3rem; background-position: 0 0; background-repeat: no-repeat;background-size: contain; margin-right: 0.1rem;}
.btn-group a.add-cart .icon{background-image: url(../images/icon/cart.svg);}
.btn-group a.add-favorites .icon{background-image: url(../images/icon/nav-favorites-white.svg);}
.btn-group a.download-list .icon{background-image: url(../images/icon/download.svg);}
.btn-group a:hover .icon{ animation: icon-bounce 0.5s alternate;}
center.btn-group a{float: none;display: inline-block;}
.btn-group a.create-order{width: 2.5rem;}
.btn-group.row-5 a{width: calc((100% - 0.1rem * 4) / 5); margin: 0;}
.btn-group.row-5 a:not(:nth-child(5n)){margin-right: 0.1rem;}
.btn-group[class*=row-3] a{width: calc((100% - 0.1rem * 2) / 3); margin: 0;}
.btn-group[class*=row-3] a:not(:nth-child(3n)){margin-right: 0.1rem;}
.btn-group.row-3-flex a{display: flex; height: 0.7rem;align-items: center; justify-content: center; line-height: calc(20 / 18 * 1em); text-align: left;}

.table-list table{width: 100%;}
.table-list td{text-align: center; line-height: calc(22 / 18 * 1em); height:0.8rem;font-size: calc(18 / 16 * 1em);  font-family: 'Poppins';font-weight: 400;  color: #333;}
.table-list > table > tbody > tr > td{background-color: #ffffff; border-bottom: 1px solid #e5e5e5;}
.table-list .tr-top td{color: #fff; background-color: #e50014;font-weight: 600;}
.table-list.yellow .tr-top td {
    background-color: #f7c327;
}
.table-list .tr-top td label i{border-color: #fff;}
.td_w60{width: 0.6rem;}
.td_w76{width: 0.76rem;}
.td_w86{width: 0.86rem;}
.td_w90{width: 0.9rem;}
.td_w95{width: 0.95rem;}
.td_w110{width: 1.1rem;}
.td_w119{width: 1.19rem;}
.td_w126{width: 1.26rem;}
.td_w132{width: 1.32rem;}
.td_w137{width: 1.37rem;}
.td_w144{width: 1.44rem;}
.td_w150{width: 1.5rem;}
.td_w156{width: 1.56rem}
.td_w166{width: 1.66rem}
.td_w170{width: 1.7rem;}
.td_w175{width: 1.75rem;}
.td_w185{width: 1.85rem}
.td_w190{width: 1.9rem}
.td_w199{width: 1.99rem}
.td_w200{width: 2rem;}
.td_w206{width: 2.06rem;}
.td_w210{width: 2.1rem;}
.td_w218{width: 2.18rem;}
.td_w240{width: 2.4rem;}
.td_w250{width: 2.5rem;}
.td_w266{width: 2.66rem;}
.td_w288{width: 2.88rem;}
.td_nw{white-space: nowrap;}

.table-list table table td{font-size: 1em;}
.table-list table table td:nth-child(1){width: 1.12rem;}
.table-list table table td:nth-child(2){width: 1.9rem;}
.table-list table table td:nth-child(3){width: 1.64rem;}
.table-list table table td:nth-child(4){width: 1.78rem;}
.table-list table table td:nth-child(6){width: .9rem;}
.table-list table table td:nth-child(7){width: 1.32rem;}
.table-list table table td:nth-child(8){width: 1.32rem;}
.table-list table table td:nth-child(9){width: 1.19rem;}

.table-list td label{display: inline-block;vertical-align: middle;}
.table-list td label i{display: block; margin: 0;}
.table-list td .td-more{ padding-right:0.26rem; background: url(../images/num-more.svg) no-repeat right 1px center;background-size: auto 0.16rem; display: inline-block;}
.table-list td .td-more:hover{background-image: url(../images/num-more-on.svg);}
.table-list td .td-more.yellow:hover{background-image: url(../images/num-more-hon.svg);color: #f7c327;}

.table-list .td-pic{width: 0.6rem; display: table; margin: 0 auto;}
.table-list td .unit{display: block;color: #999999;}
.table-list .tr-top td .unit{color: #fff;font-size: calc(14 / 18 * 1em);font-weight: 400;}
.table-list .td-desc .inner{overflow: hidden; height: calc(22 / 18 * 1em);}
.table-list .td-desc.has-more .inner{ cursor: pointer; }
.table-list .td-desc.has-more{padding: 0.2rem 0; background: url(../images/dot.svg) no-repeat center bottom; background-size: auto 0.04rem;position: relative;}
.table-list .td-desc .tips{position: absolute; left: 50%; width: 3rem; top: calc(100% + 10px);margin-left: -1.5rem; background-color: #fff; border-radius: 0.05rem; box-shadow: 0 -0.03rem 0.1rem rgba(0,0,0,0.15); padding: 0.1rem;font-size: calc(14 / 18 * 1em); text-align: left;}
.table-list .td-desc .tips:before{position: absolute;content: ''; border: 5px solid transparent; border-bottom-color:#fff; left: 50%; margin-left: -5px;bottom: 100%;}

.add-quantity{display: table; margin: 0 auto;width: 100%; overflow: hidden;background-color: #f5f5f5;}
.add-quantity > *{float: left;}
.add-quantity a{width: 0.33rem; height: 0.4rem; background-position: center; background-repeat: no-repeat; background-size: 0.09rem auto; cursor: pointer;} 
.add-quantity .text{width: calc(100%  - 0.33rem * 2); border: 1px solid #e6e6e6;border-top: 0;border-bottom: 0;line-height: 0.22rem;height: 0.22rem;text-align: center; margin: 0.09rem 0; background: none;}
.add-quantity a.mins{background-image: url(../images/mins.svg);}
.add-quantity a.plus{background-image: url(../images/plus.svg);}

#load-info #load-table{ margin-bottom: 0.5rem;}
#load-table tr:not(.tr-top) td{background-color: #f8f8f8;border-bottom: 0;}

#order-table td{border-bottom: 0;}
#order-table tr:nth-child(2n-1):not(.tr-top) td{background-color: #f8f8f8;}

#parts-table tr:not(.tr-top) td{height: 1.1rem;}

.red-table table{width: 100%;}
.red-table td{width: calc(100% / 5);background-color: #f8f8f8; border: solid 1px #e5e5e5;text-align: center;font-family: 'Poppins';font-weight: 500;color: #e50014; line-height: calc(30 / 18 * 1em); font-size: calc(18 / 16 * 1em); padding: 0.16rem 0;}
    .red-table td.yellow {
        color: #f7c327;
    }

    .prod-apply {
        text-align: center;
    }
.prod-apply textarea{width: 100%;display: block; line-height: calc(36 / 16 * 1em); padding:0.1rem 0.28rem;border: solid 1px #f0f0f0; margin-bottom: 0.4rem;}
.prod-apply textarea::placeholder{color: #bfbfbf;}
.prod-apply .btn input[type='button']{width: 2rem; height: 0.6rem; background-color: #e50014;color: #fff;font-size: calc(18 / 16 * 1em); border: 0;cursor: pointer;}

.operate{display: table;margin: 0 auto;}
.operate a{float: left; height: 0.22rem; background-position: center; background-repeat: no-repeat; background-size: contain; width: 0.22rem;cursor: pointer; margin: 0 0.1rem; transition: 0.3s;}
.operate a.lock{width: 0.17rem; background-image:url(../images/icon/locking.png);}
.operate a.cart{width: 0.28rem; background-image:url(../images/icon/nav-cart.svg);position: relative;z-index: 1; position: relative; padding-right: 16px;}
.operate a.cart .oper-star{display: inline-block; width: 10px; height: 10px; background: url(../images/ico_1.jpg) no-repeat center; background-size: cover; position: absolute; top: 0; right: 0;}
.operate a.view{width: 0.19rem; background-image:url(../images/icon/details.svg);}
.operate a.order-view{width: 0.19rem; background-image:url(../images/icon/order-view.svg);}
.operate a.delivery-view{width: 0.24rem; background-image:url(../images/icon/nav-logistics.svg);}

.operate a.save{background-image:url(../images/icon/save.svg);}
.operate a.custom{background-image:url(../images/icon/custom.svg); width: 0.24rem;}
.operate a.warranties{background-image:url(../images/icon/nav-warranties.svg); width: 0.25rem;}
.operate a.maintenance{background-image:url(../images/icon/nav-maintenance.svg);}
.operate a.edit{background-image:url(../images/icon/edit.svg);}
.operate a.favorites{width: 0.24rem;background-image:url(../images/icon/nav-favorites.svg);}
.operate a.favorites.on,
.operate a.favorites:hover{ background-image: url(../images/icon/nav-favorites-on.svg);}
.operate a.lock:hover{ background-image: url(../images/icon/locking-on.png);}
.operate.yellow a.lock:hover{ background-image: url(../images/icon/locking-hon.png);}
.operate a.cart:hover{ background-image: url(../images/icon/nav-cart-on.svg);}
.operate.yellow a.cart:hover{ background-image: url(../images/icon/nav-cart-hon.svg);}
.operate a.view:hover{ background-image: url(../images/icon/details-on.svg);}
.operate.yellow a.view:hover{ background-image: url(../images/icon/details-hon.svg);}
.operate a.order-view:hover{ background-image: url(../images/icon/order-view-on.svg);}
.operate.yellow a.order-view:hover{ background-image: url(../images/icon/order-view-hon.svg);}
.operate a.delivery-view:hover{ background-image: url(../images/icon/nav-logistics-on.svg);}
.operate.yellow a.delivery-view:hover{background-image:url(../images/icon/nav-logistics-hon.svg);}
.operate a.save:hover{ background-image: url(../images/icon/save-on.svg);}
.operate a.custom:hover{background-image:url(../images/icon/custom-on.svg);}
.operate a.warranties:hover{background-image:url(../images/icon/nav-warranties-on.svg); }
.operate a.maintenance:hover{background-image:url(../images/icon/nav-maintenance-on.svg);}
.operate a.edit:hover{background-image:url(../images/icon/edit-on.svg);}
.operate a.delect{background-image: url(../images/close-light-black.svg); }
.operate a.delect:hover{background-image: url(../images/close-light.svg); }
.operate.yellow a.delect:hover{background-image: url(../images/close-hlight.svg); }
.operate a.copy{background-image: url(../images/icon/copy.svg); }
.operate a.copy.on,
.operate a.copy:hover{background-image: url(../images/icon/copy-on.svg); }
.operate a.view +  a.delect{margin-left: 0.24rem;}

.operate a.cart > span{position: absolute; left: 50%; transform: translateX(-50%); top: 100%; width: min-content;white-space: nowrap;font-size: calc(12 / 18 * 1em);}
.operate a.cart:not(:hover) > span{color: #999999;}
.operate a.cart i[class*=num-]{position: absolute; border-radius: 0.15rem; background-color: #e50014;color: #fff; min-width: 0.15rem;text-align: center; line-height: 0.17rem;height: 0.15rem; right:100%;top: -0.07rem;font-style: normal;font-size: 0.12rem; padding: 0 0.05rem; margin-right: -0.15rem;}

center.operate{display: flex;align-items: center; justify-content: center; flex-wrap: wrap;}
center.operate a{float: none;display: inline-block; margin: 0.05rem 0.06rem;}

.filtering{margin-bottom: 0.5rem; background-color: #fff; padding: 0.5rem 0.6rem;}
.filtering-2{padding-left: 0.42rem;}
.filtering table{width: 100%;}
.filtering td{padding: 0.1rem 0;font-family: 'Poppins'; font-weight: 400;font-size: calc(18 / 16 * 1em); vertical-align: middle; }
.filtering td[class*=t-tit-]{text-align: right;padding-right: 0.32rem;font-weight: 500; line-height:calc(22 / 18 * 1em);}
.filtering td.t-tit-1{width: 1.44rem;}
.filtering td.t-tit-2{width: 2.68rem;}
.filtering td.t-tit-3{width: 2.3rem;}
.filtering td:nth-child(2){width: 4.54rem; position: relative;}
.filtering .radio-group,
.filtering .checkbox-group{background-color: #f8f8f8; padding: 0.16rem 0.35rem; }
.filtering .checkbox-group label{margin-top: 2px;margin-bottom: 2px;}
.filtering .checkbox-group label i{margin-right: 0.15rem;}
.filtering .radio-group{padding-right: 0;}
.filtering .radio-group label:not(:last-child){margin-right: 0.19rem;}

.filter-search{position: relative;z-index: 1; padding-right: 0.6rem;border: solid 1px #e4e4e4;}
.filter-search .text{width: 100%;height: 0.54rem; line-height: 0.54rem; padding: 0 0.2rem; font-size: calc(18 / 16 * 1em); border: 0;	color: #bfbfbf;}
.filter-search .text.focus{color:#333;}
.filter-search .btn{position: absolute;right: 0; top: 0;height: 100%; width: 0.6rem; cursor: pointer; background: url(../images/icon/search-red.svg) no-repeat center center; background-size: auto 0.18rem;}

    .filter-search.yellow .btn {
        background: url(../images/icon/search-yellow.svg) no-repeat center center;
        background-size: auto 0.18rem;
    }

    .details-box {
        background-color: #fff;
        padding: 0.6rem;
    }
.details-box.nopb{padding-bottom: 0;}

.filtering .search-btn{display: inline-block; width: .56rem; height: .56rem; position: absolute; top: .1rem; right: 0; background: url(../images/icon/search.svg) no-repeat center #e50014; background-size: 40%; cursor: pointer;}

.photo-list{padding-bottom: 0;}
.photo-list li{float: left; width: calc((100% - 0.61rem) / 2);}
.photo-list li:not(:nth-child(2n)){margin-right: 0.6rem;}
.photo-list li .tit{text-align: center;font-size: calc(24 / 16 * 1em); line-height: calc(89 / 24 * 1em);}
    .photo-list li .Ispic {
        padding-bottom: calc(600 / 600 * 100%);
    }

.photo-list ol{float: left;width: calc((100% - 0.39rem) / 3); margin-bottom: 0.39rem;}
.photo-list ol:not(:nth-child(3n)){margin-right: 0.39rem;}
.photo-list ol .Ispic{padding-bottom: calc(550 / 410 * 100%);}

.full-Confige table{width: 100%;}
.full-Confige tr td{font-size: calc(18 / 16 * 1em);border-bottom: 0.2rem solid #fff; height: 0.76rem;font-family: 'Poppins';font-weight: 400;}
.full-Confige td:not([class*=t-name]){background-color: #f8f8f8;}
.full-Confige td[class*=t-name]{text-align: right; padding-right: 0.32rem;font-weight: 500;}
.full-Confige td.t-name{width: 3.2rem;}
.full-Confige td.t-name-3{width: 1.93rem;}
.full-Confige td.t-name-4{width: 1.56rem; padding-right: 0.28rem;}
.full-Confige td.t-name-2 ~ td:not([class*=t-name]){width:1.8rem;}
.full-Confige td.t-name-2 ~ td .info{padding-right: 0.1rem; padding-left: 0.3rem;}
.full-Confige td .info{padding: 0.15rem 0.35rem; line-height: calc(25 / 18 * 1em);}
.full-Confige td.img-slider{background-color: #fff; width: 3.75rem;}

.click-more{text-align: center; margin-top: 0.2rem; display: none;}
.click-more a{color: #e50014;cursor: pointer;display: inline-block;  }
    .click-more.yellow a {
        color: #f7c327;
    }
    .click-more a:after {
        display: block;
        content: '';
        margin: 0.2rem auto 0;
        width: 0.11rem;
        height: 0.06rem;
        background: url(../images/open-more.svg) no-repeat center center;
        background-size: contain;
        animation: infinite icon-down 1s alternate;
    }
.click-more a.hide{display: none;}
.click-more a.hide:after{display: block; content: ''; margin: 0.2rem auto 0; width: 0.11rem; height: 0.06rem;background: url(../images/open-moret.svg) no-repeat center center; background-size: contain;animation: infinite icon-down 1s alternate;}

.has-slider{padding-right: 0.34rem;}    
.img-slider .slider{width: 3rem; margin-left: 0.49rem;position: relative;}
.img-slider li .Ispic{padding-bottom: calc(208 / 300 * 100%);}
.img-slider .slider .open-popUp{position: absolute;  width: 0.28rem; height: 0.28rem; background: url(../images/view.svg) no-repeat center; background-size: contain; right: 0.1rem; top: 0.1rem;z-index: 20; cursor: pointer;}

.list-slider-table{position: relative;z-index: 4;}
.list-slider-table .slick-dots{position: absolute; right: -0.6rem; top: -1.5rem;z-index: 5;}
.list-slider-table .slick-dots li{list-style: none;width: 0.6rem; line-height: 0.6rem; background-color: #f8f8f8; text-align: center; counter-increment:my; border-radius: 0; height: 0.6rem;color: #333333;font-size: calc(18 / 16 * 1em); font-weight: 500;font-family: 'Poppins'; opacity: 1;}
.list-slider-table .slick-dots li:before{content: counter(my);}
.list-slider-table .slick-dots li.slick-active{background-color: #e50014;color: #fff;}
.list-slider-table .slick-dots li:not(:last-child){margin-right: 0.1rem;}

.input-text{background-color: #f8f8f8;position: relative;}
.input-text textarea::placeholder,
.input-text input::placeholder{color: #bfbfbf;}
.input-text-line{border: solid 1px #e4e4e4;}
[class*=input-text] textarea,
[class*=input-text]  input{width: 100%; line-height: 0.56rem; border: 0;padding: 0 0.2rem; background: none;font-family: 'Poppins'; font-size: 0.18rem; font-weight: 400;}
[class*=input-text]  input{height: 0.56rem; }
[class*=input-text] textarea{display: block;}

.tips-word{position: absolute; left: 100%; top: 0; line-height: 0.56rem;color: #bfbfbf;padding-left: 0.21rem;font-family: 'Poppins';font-weight: 400;}
.tips-word.w180{width: 1.8rem;}

.trans-info{padding: 0 0.3rem 0.2rem;}
.trans-info .ul-form li:not(:last-child){ margin-bottom: 0.19rem;}
.trans-info .ul-form li label{display: block; overflow: hidden; line-height: 0.58rem;}
.trans-info .ul-form li .input-text{float: right; width: calc(1165 / 1380 * 100%);}
.trans-info .ul-form li label input[type='radio'] + i{vertical-align: middle;}

.address-form{ padding: 0 0.3rem 0.5rem;}
.address-form .change-tab{padding: 0.3rem 0;border-bottom: 1px solid #ebebeb; margin-bottom: 0.4rem;}
.address-form .change-tab .page{font-size: calc(18 / 16 * 1em); }
.address-form .change-tab .page ul{display: table; height: 0.6rem;}
.address-form .change-tab .page ul > *{display: table-cell;vertical-align: middle;}
.address-form .change-tab .page li{padding-left: 0.1rem;cursor: pointer;}
.address-form .change-tab .page li span{display: block;line-height: 0.6rem;text-align: center; min-width: 0.6rem;background-color: #f8f8f8;color: #333333;}
.address-form .change-tab .page li.on span{ background-color: #e50014; color: #fff;}
    .address-form .change-tab .page.yellow li.on span {
        background-color: #f7c327;
        color: #fff;
    }
.table-form table{width: 100%;}
.table-form td{padding-bottom: 0.2rem;}
.table-form td[class*=f-name]{text-align: right;font-family: 'Poppins';font-size: calc(18 / 16 * 1em);font-weight: 500;color: #333333; padding-right: 0.32rem;}
.table-form td.f-name{width: 2.06rem;}
.table-form td.f-name-2{width: 1.6rem;}
.table-form td.f-name-3{width: 3.14rem;}
    .table-form td.f-name-3a {
        width: 3.6rem;
    }
.table-form td .err{color: #e50014;}
.table-form.yellow td .err {
    color: #f7c327;
}
.table-form td.mid{width: 6.4rem;}
.table-form td.price{vertical-align: bottom;text-align: right;}
.table-form td.price span{color: #e50014; font-size: calc(46 / 18 * 1em);font-family: 'Oswald';font-weight: 500;}
.table-form.yellow td.price span {
    color: #f7c327;
}
#account-table{padding-right: 1.51rem;}

.pay-remark{padding-left: 0;}
.pay-remark .table-form td.f-name{width: 2.49rem; vertical-align: top; line-height: 0.56rem;}

.order-search{padding: 0.3rem;background-color: #fff;}
.order-search .filter-search{width: calc(380 / 1380 * 100%);}
.order-status{width: calc(960 / 1380 * 100%); font-size: calc(18 / 16 * 1em);}
.order-status dl > *{float: left;}
.order-status dl dt{width: 1.21rem; padding-left: 0.44rem; background: url(../images/filter.png) no-repeat left center; background-size: 0.34rem auto;line-height: calc(22 / 18 * 1em); padding-top: 0.09rem; min-height: 0.56rem;}

    .order-status.yellow dl dt {
        background: url(../images/hfilter.png) no-repeat left center;
        background-size: 0.34rem auto;
    }

    .order-status dl dt.long {
        width: 1.99rem;
    }
.order-status dl dd{width: calc((100% - 1.21rem - 0.08rem * 4) / 5); text-align: center;cursor: pointer;}
.order-status dl dd a{display: block; line-height: 0.56rem;background-color: #f8f8f8; transition: 0.3s;}
.order-status dl dd a:hover,
.order-status dl dd.on a{background-color: #e50014;color: #fff;}
    .order-status.yellow dl dd a:hover,
    .order-status.yellow dl dd.on a {
        background-color: #f7c327;
        color: #fff;
    }

.order-status dl dd:not(:nth-of-type(5n)){margin-right: 0.08rem;}
.order-status  .ul-select-box{width: calc(100% - 1.21rem);}

#delivery-search .filter-search{width: calc(270 / 1380 * 100%); margin-right: 0.4rem;}
#delivery-search .fl.order-status{width: calc(733 / 1380 * 100%);}
#delivery-search .fl.order-status dl dd{width: calc((100% - 1.99rem - 0.08rem * 2) / 3); }
#delivery-search .fl.order-status dl dd:not(:nth-of-type(5n)){margin-right:0;}
#delivery-search .fl.order-status dl dd:not(:nth-of-type(3n)){margin-right: 0.08rem;}
#delivery-search .fr.order-status{width: calc(298 / 1380 * 100%);}
#delivery-search .fr.order-status dl dd{margin: 0; width: calc(100% - 1.21rem);}
#delivery-search .fr.order-status .checkbox-group{display: flex;align-items: center; height: 0.56rem;}
#delivery-search .fr.order-status .checkbox-group label:not(:last-child){margin-right: 0.19rem;}

.ul-select-box{position: relative;z-index: 30;font-size: 0.16rem;}
.ul-select-box .selected{background: url(../images/select2.svg) no-repeat right 0.25rem center #f8f8f8; line-height: 0.56rem; padding-left: 0.2rem;padding-right: 0.5rem; cursor: pointer;}
.ul-select-box ol{position: absolute; top: 100%;left: 0;width: 100%;background-color: #f8f8f8;z-index: 40; box-shadow: 0 0.1rem 0.1rem rgba(0,0,0,0.1);display: none; }
.ul-select-box ol li a{display: block;cursor: pointer;padding: 0.1rem 0.2rem; transition: 0.3s;line-height: 1.5;}
.ul-select-box ol li a:hover{padding-left: 0.3rem; background-color: #e50014;color: #fff;}

.total-price-table{padding: 0.6rem 0;}
.total-price-table td{text-align: right; font-size: calc(18 / 16 * 1em);color: #333333;line-height: calc(36 / 18 * 1em);}
.total-price-table td.name{padding-right: 0.3rem;}

.lr-account > div{width: calc(695 / 1440 * 100%); padding:0 0.3rem 0.3rem;}
.lr-account .sub-title{font-size: calc(20 / 16 * 1em); margin-bottom: 0; border-bottom: 0;}
.lr-account .line-box{border: solid 1px #f0f0f0; padding: 0.2rem;}
.lr-account .line-box > *{overflow: auto; height:1.84rem;}
/* 定义滚动条 */
.lr-account .line-box > *::-webkit-scrollbar{width:4px;background-color:#ededed;}
.lr-account .line-box > *::-webkit-scrollbar-track{background-color:#ededed;}
.lr-account .line-box > *::-webkit-scrollbar-thumb{border-radius:2px;background-color:#e60011;}

.lr-account .textarea{width: 100%; border: 0;display: block;color: #666666;line-height: calc(30 / 18 * 1em); font-weight: 400;font-family: 'Poppins';font-size: calc(18 / 16 * 1em); }
.lr-account .textarea::placeholder{color: #bfbfbf; }
.lr-account .list dd{line-height: calc(30 / 18 * 1em); font-size: calc(18 / 16 * 1em);color: #666666;}
.lr-account .limit{float: left; line-height: 0.6rem;color: #333333; margin-left: 0.3rem;}
.lr-account .limit b{margin-right: 0.2rem;}
.lr-account .limit b .i{font-style: normal;display: inline-block;border:0; border-bottom: 1px solid #333333; line-height: calc(24 / 16 * 1em);height: calc(24 / 16 * 1em);width: 0.6rem;text-align: center;}

#advanced-search .sub-title:before{display: none;}

.explain-parsing{padding-top: 0.4rem;}
.explain-parsing h3{color: #e50014;font-size: calc(24 / 16 * 1em); margin: 0 0 0.45rem 0;}
.explain-parsing p{ font-size: calc(18 / 16 * 1em);color: #333333; line-height: calc(30 / 18 * 1em); }
.explain-parsing .notice {color: #666;line-height: calc(30 / 16 * 1em);}
.explain-parsing .notice .err{color: #e50014;}

.merge-info{display: flex;align-items: center; justify-content: center;}
.merge-info .slot{padding: 0 0.05rem;}

.line{height: 1px; background-color: #e6e6e6;}

.highclass-tips{ padding-left:0.33rem; background: url(../images/tips.svg) no-repeat left center; background-size: auto 0.22rem; line-height: calc(22 / 18 *  1em); font-size: calc(18 / 16 * 1em);}
.highclass-tips span{color: #e50014;}

.car-fixed-tab{position: relative; height: 1.56rem;}
.car-fixed-tab .inner{position: absolute; left: 0; top: 0; width: 100%; padding: 0.5rem 0;transition: 0.3s;}
.car-fixed-tab .inner.hang{position: fixed;    top: 1.8rem;
    background-color: #fff;}
.car-fixed-tab.fixed .inner{position: fixed;z-index: 100;background-color: #f8f8f8;padding: 0.1rem 0; box-shadow: 0 0 0.1rem rgba(0,0,0,0.3);}
.car-fixed-tab li{float: left; width: calc((100% - 0.08rem * 4) / 5);text-align: center;cursor: pointer; line-height: 0.56rem;background-color: #ffffff;color: #1a1a1a;transition: 0.3s;}
.car-fixed-tab li:not(:nth-child(5n)){margin-right: 0.08rem;}
.car-fixed-tab li:hover,
.car-fixed-tab li.on{background-color: #e50014;color: #fff;}

    .car-fixed-tab.yellow li:hover,
    .car-fixed-tab.yellow li.on {
        background-color: #f7c327;
        color: #fff;
    }

.edit-table table{width: 100%;}
.edit-table td{padding-bottom: 0.2rem;font-family: 'Poppins'; font-weight: 400;}
.edit-table  .input-text{background-color: transparent; border: 1px solid #e4e4e4;}
.edit-table  .input-text input{padding: 0 0.35rem;}
.edit-table td[class*=t-name]{text-align: right;color: #333333;font-size: calc(18 / 16 * 1em); font-weight: 500; padding-right: 0.32rem; line-height: calc(22 / 18 * 1em);}
.edit-table  .t-name{width: 2.97rem;}
.edit-table  .group{ padding: 0.18rem 0.35rem;background-color: #f8f8f8;}
.edit-table  .group label{margin: 0;}
.edit-table  .group label:not(:last-child){margin-right: 0.4rem;}

[v-cloak] {
    display: none !important;
}
.expand-btn{display: inline-block; user-select: none; margin-left: 30px; background-color: #e50014; width: 20px; height: 20px; line-height: 20px; cursor: pointer; text-align: center;}

.upload-photos{padding: 0.3rem;}
.upload-photos > .btn-group .tips{color: #e50014; font-size: calc(18 / 16 * 1em); line-height: calc(22 / 18 * 1em); padding-top: 0.1rem;display: inline-block; margin-left: 0.2rem;}
.upload-photos .line + .after-upload-list{margin-top: 0.4rem;}

.after-upload-list{margin-top: 0.2rem;}
.after-upload-list li{overflow: hidden; border-top: 1px solid #ebebeb;padding-bottom: 0.2rem;padding-top: 0.4rem;}
.after-upload-list li .pic{width: calc(1002 / 1380 * 100%);}
.after-upload-list li .desc{width: calc(100% - (1002 / 1380 * 100%)); padding: 0 0.3rem 0 0.48rem;}
.after-upload-list li .pic .Ispic{padding-bottom: calc(660 / 1002 * 100%);}
.after-upload-list li .name{font-size: calc(18 / 16 * 1em);color: #333333; padding: 0.28rem 0 0.25rem 0;}
.after-upload-list li .btn-group a{width: 100%;}
.after-upload-list .desc textarea{width: 100%;display: block;border: solid 1px #e4e4e4; padding: 0.2rem;font-size: calc(18 / 16 * 1em);}
.after-upload-list .desc textarea::placeholder{color: #bfbfbf;}
.after-upload-list ol{float: left;width: calc((100% - 0.3rem * 2) / 3); margin-bottom: 0.2rem;}
.after-upload-list ol:not(:nth-child(3n)){margin-right: 0.3rem;}
.after-upload-list ol .pic .Ispic{padding-bottom: calc(300 / 440 * 100%);}
.after-upload-list ol .pic {margin-bottom: 0.3rem;}
.after-upload-list ol  .btn-group a{float: right;}

.batch-edit-table table{width: 100%;}
.batch-edit-table table td{font-family: 'Poppins';font-weight: 400;font-size: calc(18 / 16 * 1em);color: #333333; height: 0.8rem;text-align: center;}
.batch-edit-table tr:nth-child(2n-1) td:not(.no){background-color: #f8f8f8;}
.batch-edit-table tr.tr-top td:not(.no){background-color: #333333;color: #fff;}
.batch-edit-table tr.tr-top td.td-red{background-color: #e50014;}
.batch-edit-table .input-text{background-color: #ffffff; border: solid 1px #e4e4e4; margin: 0 0.06rem;}
.batch-edit-table table td:nth-child(6){padding-left: 0.06rem;}
.batch-edit-table table td:nth-child(8){padding-right: 0.06rem;}

.parts-home-ban .slick-dots{position: absolute; left: 0;z-index: 30; width: 100%; bottom: 0.3rem;}
.parts-home-ban .slick-arrow{width: 0.4rem; height: 0.4rem; margin-top: -0.2rem; transform: skewX(-15deg);border-radius: 0;background: #e50014;}
.parts-home-ban.yellow .slick-arrow{background: #f7c327;}

.parts-home-ban.yellow .slick-dots li.slick-active{background-color: #f7c327 !important;}

.parts-home-ban .slick-prev{left: 0.7rem;}
.parts-home-ban .slick-next{right: 0.7rem;}
.parts-home-ban .slick-arrow:before{position: absolute;content: ''; width: 0.1rem; height: 0.15rem; left: 50%;top: 50%;margin:-0.075rem 0 0 -0.05rem;transform: skewX(15deg);background-position: center; background-repeat: no-repeat; background-size: contain;}
.parts-home-ban .slick-prev:before{background-image: url(../images/btn-prev-light.svg);}
.parts-home-ban .slick-next:before{background-image: url(../images/btn-next-light.svg);}

.home-more{ width: 1.85rem; line-height: 0.51rem;color: #e50014;font-size: calc(14 / 16 * 1em);background: url(../images/view-bg.svg) no-repeat; background-size: 100% 100%; padding-left: 0.21rem;  cursor: pointer;}
.home-more:after{display: inline-block;content: ''; margin-left: 0.15rem; width: 0.24rem; height: 0.12rem; vertical-align: middle; background: url(../images/more.png) no-repeat center center; background-size: contain;transition: 0.3s;}

.home-more.yellow{color: #f7c327;}
.home-more.yellow:after{display: inline-block;content: ''; margin-left: 0.15rem; width: 0.24rem; height: 0.12rem; vertical-align: middle; background: url(../images/hmore.png) no-repeat center center; background-size: contain;transition: 0.3s;}

.home-product > .fr{width: 100%;}
.home-product  .txt{width: 50%;color: #fff; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.home-product .fl .txt{background-image: url(../images/hp-bg-red.png);}
.home-product .fr .txt{background-image: url(../images/hp-bg-black.png);}
.home-product  .pic{overflow: hidden;}
.home-product  .pic .Ispic{height: 3.6rem;transition: 0.3s ease-out;}
.home-product  .ytable:hover .pic .Ispic{transform: scale(1.1);}
.home-product  .txt .inner{padding: 0 0.5rem;}
.home-product  .txt .name{font-weight: 600; font-size: calc(24 / 16 * 1em); line-height: 1.5;}
.home-product  .txt .price{font-size: calc(28 / 16 * 1em); margin: 0.12rem 0 0.54rem 0;}
.home-product  .txt .price .th{margin-left: 0.36rem; opacity: 0.5; text-decoration: line-through;}
.home-product  .txt .home-more{display: block;}
.home-product  .txt .home-more:hover:after{margin-left: 0.25rem;}
.home-product .fl  .home-arrows{ right: 0.6rem;}

.home-slider{position: relative;z-index: 3;}
.home-arrows{position: absolute; right: 0.1rem; margin-bottom:0.3rem; bottom: 100%;}
.home-arrows .slick-arrow{position: relative; float: left; left: auto; top: auto; margin: 0; width: 0.4rem; height: 0.4rem; background: none; border: 1px solid #999999; transform: skewX(-15deg); border-radius:0; right: auto;transition: 0.3s;}
.home-arrows .slick-next{margin-left: 0.1rem;}
.home-arrows .slick-arrow:after{position: absolute;transform: skewX(15deg); content: ''; background-repeat: no-repeat; background-position: center; background-size: contain; width: 0.1rem; height: 0.15rem; top: 50%; left: 50%;margin: -0.075rem 0 0 -0.05rem;}
.home-arrows .slick-prev:after{background-image: url(../images/btn-prev-light-gray.svg);}
.home-arrows .slick-next:after{background-image: url(../images/btn-next-light-gray.svg);}
.home-arrows .slick-arrow:hover{background: #e50014; border-color: #e50014;}
.home-arrows .slick-prev:hover:after{background-image: url(../images/btn-prev-light.svg);}
.home-arrows .slick-next:hover:after{background-image: url(../images/btn-next-light.svg);}

.home-arrows.yellow .slick-arrow:hover{background: #f7c327; border-color: #f7c327;}

.home-ldsj{position: relative;z-index: 1; overflow: hidden;}
.home-ldsj .home-more{width: 2.3rem; height: 0.64rem;background-image: url(../images/view-bg-red.svg);position: absolute; left: 0.5rem; top: 50%;margin-top: -0.32rem;line-height: 0.64rem;color: #fff;padding-left: 0.38rem;z-index: 4;}
.home-ldsj .home-more:after{background-image: url(../images/more-white.png); }
.home-ldsj a:hover .home-more:after{margin-left: 0.25rem;}
.home-ldsj .Ispic{ padding-bottom: calc(360 / 1440 * 100%);transition: 0.3s ease-out;}
.home-ldsj a:hover .Ispic{transform: scale(1.05);}

.home-hand-machines .slider{margin: 0 -0.15rem;}
.home-hand-machines li a{display: block; margin: 0 0.15rem;position: relative;}
.home-hand-machines .pic{overflow: hidden;}
.home-hand-machines .pic img{transition: 0.3s ease-out;}
.home-hand-machines a:hover .pic img{transform: scale(1.05);}
.home-hand-machines .txt{position: absolute;left: 0;width: 100%;bottom: 0; min-height: 1.09rem; text-align: center;color: #101010;}
.home-hand-machines .txt .name{font-size: calc(24 / 16 * 1em); font-weight: 500;}
.home-hand-machines .txt p{font-weight: 100;font-size: calc(22 / 16 * 1em); line-height: calc(36 / 22 * 1em); margin: 0.5em 0 0 0;}
.home-hand-machines a:hover .txt .name{color: #e50014;}
.home-hand-machines .txt .price{color: #e50014;font-size: calc(36 / 16 * 1em); font-weight: 500; margin-top: 0.16rem;}

.home-hand-machines .txt.yellow .name{
    font-size: .2rem;
}
.home-hand-machines .txt.yellow .name2{
    font-size: .16rem;
    color: #999999;
    margin-top: .1rem;
}
.home-hand-machines a:hover .txt .name{color: #333333;}
.home-hand-machines .txt.yellow p{
    font-size: .3rem;
    color: #f7c327;
    font-weight: bold;
}

#Specials li a{border: 1px solid transparent;}
#Specials li a:hover{border-color: #e50014;}
#Specials .txt{min-height: 1.26rem;}

.home-machines-tyres .slider{margin: 0 -0.15rem;}
.home-machines-tyres li a{display: block; margin: 0 0.15rem;border: solid 1px #ebebeb;transition: 0.3s;}
.home-machines-tyres li a:hover{border-color: #e50014;}
.home-machines-tyres .txt {padding-bottom: 0.3rem;}
.home-machines-tyres  .pic{overflow: hidden;}
.home-machines-tyres  .pic .Ispic{height: 2.75rem; background-size: contain;transition: 0.3s ease-out;}
.home-machines-tyres  a:hover .pic .Ispic{transform: scale(1.05);}
.home-machines-tyres .txt .name{text-align: center;font-weight: 100; font-size: calc(22 / 16 * 1em);color: #000;}

.home-battery-chargers .slider{margin: 0 -0.15rem;}
.home-battery-chargers  li a{display: block; margin: 0 0.15rem;position: relative;color: #1a1a1a;}
.home-battery-chargers  li .txt{position: absolute;z-index: 10;left: 0;width:50%;height: 100%; top: 0;padding: 0 0.49rem;}
.home-battery-chargers  li h3{margin: 0;font-size: calc(24 / 16 * 1em); line-height: calc(40 / 24 * 1em);}
.home-battery-chargers  li .model{line-height: calc(40 / 22 * 1em);font-size: calc(22 / 16 * 1em); font-weight: 100; margin-bottom: 0.4rem;}
.home-battery-chargers  li .home-more{background-image: url(../images/view-bg-line.svg);color: #1a1a1a;}
.home-battery-chargers  li .home-more:after{background-image: url(../images/more-black.png);}
.home-battery-chargers  li a:hover .home-more{background-image: url(../images/view-bg-red.svg);color: #fff;}
.home-battery-chargers  li a:hover .home-more:after{background-image: url(../images/more-white.png);}

.parts-prod_info .img-group{width: calc(642 / 1360 * 100%);}
.parts-prod_info .txt-area{width: calc(660 / 1360 * 100%);}
.parts-prod_info .slider-for{border: 1px solid #ebebeb; margin-bottom: 0.2rem;}
.parts-prod_info .img-group .Ispic{padding-bottom: 100%;}
.parts-prod_info .slider-nav .Ispic{border: 1px solid #ebebeb;margin: 0 0.1rem; padding-bottom: calc(100% - 0.2rem - 2px);}
.parts-prod_info .slider-nav .slick-current .Ispic{border-color: #e50014;}
.parts-prod_info .slider-nav{padding: 0 0.39rem;position: relative;}
.parts-prod_info .slider-nav .slider{overflow: hidden;}
.parts-prod_info .slider-nav .slick-list{overflow: inherit; padding-right: 0.41rem;}
.parts-prod_info .slick-arrow{background-color: transparent; border-radius: 0; width: 0.39rem; height: 100%; top: 0;margin: 0;}
.parts-prod_info .slick-prev{left: 0; background-image: url(../images/btn-prev-gray.svg); background-position: center;}
.parts-prod_info .slick-next{right: 0; background-image: url(../images/btn-next-gray.svg); background-position: center;}
.parts-prod_info .txt-area .add-quantity{max-width:1.6rem;}
.parts-prod_info .txt-area .tit{font-size: 0.42rem;font-weight: 500; margin: 1em 0;}
.parts-prod_info .txt-area .type dd{line-height: 2;}
.parts-prod_info .txt-area .type dd:nth-child(1){margin-bottom: 0.1rem;}
.parts-prod_info .txt-area .type dd span{color: #666;}
.parts-prod_info .txt-area .type .price{font-size: calc(36 / 16 * 1em);color: #e50014;font-family: 'Oswald';font-weight: 500;font-style: normal;}
.parts-prod_info .add-num{margin: 0.5rem 0;}
.parts-prod_info .add-num .name{color: #666; padding-right: 0.15rem;}

.home-gird li{float: left;width: calc((100% - 0.3rem) / 2);position: relative;}
.home-gird li:nth-child(1) ~ li{margin-left: 0.3rem;}
.home-gird li:nth-child(3){margin-top: 0.3rem;}
.home-gird  li .home-title{padding-top: 0;}
.home-gird  li:nth-child(1) .home-title{position: absolute; left: 0.5rem;top: 0.5rem;}
.home-gird li .txt{position: absolute; height: 100%; width: 100%;left: 0;top: 0;z-index: 4; padding-left: 0.5rem;}
.home-gird  li:nth-child(1) .txt{padding-top: 1.12rem;}
.home-gird  li p,
.home-gird  li .name{font-size: calc(24 / 16 * 1em);}
.home-gird  li .name{font-weight: 500;}
.home-gird  li:nth-child(1) .name{font-size: calc(28 / 16 * 1em);}
.home-gird  li p{font-weight: 100; margin: 0.5em 0 0 0;}
.home-gird  li .home-more{margin-top: 0.3rem; background-image: url(../images/view-bg-red.svg); color: #fff;}
.home-gird  li .home-more:after{background-image: url(../images/more-white.png);}
.home-gird  li:hover .home-more:after{margin-left: 0.25rem;}
.home-gird li .a-url{position: absolute; z-index: 40; left: 0;top: 0; width: 100%; height: 100%;}

.home-clip-slider .home-slider .slick-current a{clip-path:url(#navPath);width: calc(520 / 480 * 100%);opacity: 1;}
.home-clip-slider .home-slider .slick-current + .slick-slide a{clip-path:url(#navPath2); width: calc(540 / 480 * 100%); margin-left: -0.4rem;opacity: 1;}
.home-clip-slider .home-slider .slick-current + .slick-slide + .slick-slide a{clip-path:url(#navPath3); margin-left: -0.6rem; opacity: 1;}
.home-clip-slider .Ispic{height:4rem; opacity: 0.7;transition: 0.3s;}
.home-clip-slider  li a:hover .Ispic{opacity: 0.5;}
.home-clip-slider li a{position: relative;display: block;transition: all 0.5s , opacity 0.5s; opacity: 0; overflow: hidden;}
.home-clip-slider li .pic{background-color: #000;}
.home-clip-slider li .txt{position: absolute; left: 0; z-index: 10; bottom: 0.4rem;width: 60%;}
.home-clip-slider .home-slider .slick-current .txt{left: 0.4rem;}
.home-clip-slider .home-slider .slick-current + .slick-slide .txt{left: 0.95rem;}
.home-clip-slider .home-slider .slick-current + .slick-slide + .slick-slide .txt{left: 0.62rem;}
.home-clip-slider li .name{font-size: calc(24 / 16 * 1em); line-height: calc(36 / 24 * 1em);text-transform: uppercase; color: #fff; font-weight: 500;}
.home-clip-slider  li .home-more{ background-image: url(../images/view-bg-red.svg); color: #fff;}
.home-clip-slider  li .home-more:after{background-image: url(../images/more-white.png);}
.home-clip-slider  li .more{ height: 0; overflow: hidden; transition: 0.3s;}
.home-clip-slider  li a:hover .more{ height: 0.52rem;margin-top: 0.2rem; }

.img-Desc{margin: 0 -0.2rem;}
.img-Desc .slider-for .Ispic{background-size: contain; padding-bottom: calc(640 / 1360 * 100%);}
.img-Desc .slider-for .slick-arrow{width: 1rem; height: 1rem; margin-top: -0.5rem;}
.img-Desc .slider-for .slick-prev{left: -0.5rem; background-position: right 0.23rem center;}
.img-Desc .slider-for .slick-next{right: -0.5rem;background-position: left 0.23rem center;}
.img-Desc .slider-for .desc{max-width: 10.8rem; line-height: calc(20 / 16 * 1em);color: #333; margin: calc(28 / 16 * 1em) auto;}
.img-Desc .slider-nav{max-width: 10.8rem; margin: 0 auto;}
.img-Desc .slider-nav .Ispic{padding-bottom:calc(80 / 170  * 100%);border: solid 1px #ebebeb;margin: 0 0.09rem;}
.img-Desc .slider-nav .slider{margin: 0 -0.09rem; overflow: inherit;}
.img-Desc .slider-nav .slick-current .Ispic{border-color: #e50014;}
.img-Desc .slider-nav .slick-arrow{background-color: transparent; background-position: center center; width: 0.16rem; height: 0.16rem; margin-top: -0.08rem;}
.img-Desc .slider-nav .slick-prev{background-image: url(../images/btn-prev-gray.svg);}
.img-Desc .slider-nav .slick-next{background-image: url(../images/btn-next-gray.svg);}

.chl .title{font-size: calc(40 / 16 * 1em); padding: .5rem 0 .2rem; text-align: center;}
.chl .title::first-letter{color: #e50014;}
.chl .all-title{margin: .3rem 0 .5rem;}
.chl .list{margin: 0 -.2rem;}
.chl .list .li{width: 33.333%; float: left; padding: 0 .2rem; margin-bottom: .5rem;}
.chl .list .li .box{display: block; border: 1px solid #e6e6e6; transition: all .3s; padding: .5rem .4rem .48rem .4rem;}
.chl .list .li:hover .box{border: 1px solid #fff; box-shadow: 0 0 10px 5px rgba(0,0,0,0.05);}
.chl .list .li .tit{font-size: calc(30 / 16 * 1em); text-align: center; padding-bottom: .18rem; background: url(../images/item-tit-line.png) no-repeat center bottom; background-size: .65rem .03rem;}
.chl .list .li .pic-box{position: relative;}
.chl .list .li .pic{width: 100%; padding-top: 3.1rem; background-repeat: no-repeat; background-size: 86%; background-position: center; transition: all .3s;}
.chl .list .li:hover .pic{background-size: 91%;}
.chl .list .li .zoom{width: .22rem; height: .22rem; background: url(../images/icon/zoom-icon.png) no-repeat center; background-size: 100%; position: absolute; top: 1rem; right: .53rem; cursor: pointer;}
.chl .list .li .data{display: flex; justify-content: space-evenly;}
.chl .list .li .data li{width: 33.333%; text-align: center;}
.chl .list .li .data li .img{height: .6rem;}
.chl .list .li .data li:nth-child(1) .img{background: url(../images/chl-icon01.png) no-repeat center; background-size: auto .6rem;}
.chl .list .li .data li:nth-child(2) .img{background: url(../images/chl-icon02.png) no-repeat center; background-size: auto .6rem;}
.chl .list .li .data li:nth-child(3) .img{background: url(../images/chl-icon03.png) no-repeat center; background-size: auto .6rem;}
.chl .list .li .data .txt{font-size: 1em; color: #555; line-height: 1.2; margin-top: .1rem; padding-left: .15rem;}
.chl .list .li .link{display: flex; justify-content: space-between; padding-top: .4rem;}
.chl .list .li .link li{width: .4rem; opacity: 0.5; transition: all .3s; border-bottom: 2px solid #e60011; padding-bottom: .16rem;}
.chl .list .li .link li:hover{opacity: 1;}
.chl .list .li .link .icon{height: .18rem;}
.chl .list .li .link .icon01{background: url(../images/icon/item-icon01.png) no-repeat center; background-size: contain;}
.chl .list .li .link .icon02{background: url(../images/icon/item-icon02.png) no-repeat center; background-size: contain;}
.chl .list .li .link .icon03{background: url(../images/icon/item-icon03.png) no-repeat center; background-size: contain;}
.chl .list .li .link .icon04{background: url(../images/icon/item-icon04.png) no-repeat center; background-size: contain;}

.chl .jump{position: fixed; top: 37%; right: .96rem; width: .94rem; height: .94rem; background: url(../images/icon/choose-icon.png) no-repeat center; background-size: 100%; cursor: pointer; z-index: 10;}
.chl .jump.on{background: url(../images/icon/close-icon.png) no-repeat center; background-size: 100%;}
.chl .jump .box{position: absolute; top: 1.25rem; left: 50%; width: 2.86rem; transform: translateX(-50%); background-color: #f7f7f7; padding: .12rem; display: none;}
.chl .jump .search-box{width: 100%; position: relative; line-height: .36rem; padding: 0 .16rem; border: 1px solid #e3e3e3; background-color: #fff; margin-bottom: .1rem;}
.chl .jump input{width: 100%; border: none; padding-right: .2rem; font-size: 1em;}
.chl .jump .btn{position: absolute; width: .14rem; height: .14rem; right: .16rem; top: 50%; transform: translateY(-50%); background: url(../images/icon/search-icon.png) no-repeat center; background-size: 100%;}
.chl .jump ul{background-color: #fff; max-height: 288px; overflow-y: auto;}
.chl .jump ul::-webkit-scrollbar{width: 4px; height: 1px;}
.chl .jump ul::-webkit-scrollbar-thumb{border-radius: 4px; background-color: #e60011;}
.chl .jump ul::-webkit-scrollbar-track{border-radius: 4px; background-color: #F3F4F8;}
.chl .jump ul::-webkit-scrollbar-button{display: none;}
.chl .jump ul li{line-height: .5rem;}
.chl .jump ul li .main-class{padding: 0 .2rem;}
.chl .jump ul li.on{border-top: 1px solid #e60011; background-color: #fef2f3;}
.chl .jump ul li.on .main-class{background: url(../images/icon/pull-icon.png) no-repeat calc(100% - .2rem) center;}
.chl .jump .sub{display: none; background-color: #fff; padding: 0 .2rem;}
.chl .jump .sub a{font-size: calc(14 / 16 * 1em); color: #888;}

.chl .cover{position: fixed; width: 100%; height: 100vh; top: 0; left: 0; background-color: rgba(0,0,0,0.5); z-index: 230; display: none;}
.chl .window{position: absolute; top: 50%; left: 50%; background-color: #fff; transform: translate(-50%,-50%); padding: .4rem;max-height: 90%;overflow-y: scroll;}
.chl .cover .close{position: absolute; top: .2rem; right: .2rem; background: url(../images/close.svg) no-repeat center; width: .13rem; height: .13rem; background-size: 100%; cursor: pointer;}
.chl .cover .slide-for{height: 6.4rem; border: 1px solid #c9c9c9; overflow: hidden;}
.chl .cover .slide-for .slick-arrow{width: 1rem; height: 1rem;}
.chl .cover .slide-for .slick-prev{left: -.5rem; background-position: right 0.25rem center;}
.chl .cover .slide-for .slick-next{right: -.5rem; background-position: left 0.25rem center;}
.chl .cover .slide-for li{display: flex; justify-content: center; align-items: center; height: 6.4rem;}
.chl .cover .slide-for img{height: 5.5rem;}
.chl .cover .intro{margin: .25rem 0; font-size: 1em; padding: 0 1.4rem; line-height: 1.5; letter-spacing: 2px;}
.chl .cover .slide-nav{margin: 0 1.4rem;}
.chl .cover .slide-nav li{display: flex; justify-content: center; align-items: center; height: .8rem; border: 1px solid #c9c9c9; transition: all .3s; margin: 0 .1rem;}
.chl .cover .slide-nav img{height: .6rem;}
.chl .cover .slide-nav li.slick-current{border: 1px solid #e60011;}
.chl .cover .slide-nav .slick-arrow{background-color: transparent;}
.chl .cover .slide-nav .slick-prev{background: url(../images/btn-prev-gray.svg) no-repeat center; left: -.5rem;}
.chl .cover .slide-nav .slick-next{background: url(../images/btn-next-gray.svg) no-repeat center; right: -.5rem;}


.data-sharing .mid{border-bottom: 1px solid #ebebeb;}
.data-sharing .top-search{margin-right: .6rem;}
.data-sharing .home-title{margin-bottom: .5rem;}
.data-sharing .home-title h3{background-size: 1.77rem 0.05rem; background-position: left bottom;}
.data-sharing .left{width: 50%; float: left;}
.data-sharing .right{width: 50%; float: left; padding-left: .85rem;}
.data-sharing .left ul{margin-top: -.2rem;}
.data-sharing .left .li{padding-right: .5rem; margin-top: .5rem;}
.data-sharing .left .li a{display: flex; justify-content: space-between; align-items: center;}
.data-sharing .left .li .pic{width: 1.4rem; height: 1.4rem; border: 1px solid #e3e3e3; background-size: 100%; background-repeat: no-repeat; background-position: center; transition: all .3s;}
.data-sharing .left .li:hover .pic{background-size: 110%;}
.data-sharing .left .li .content{width: calc(100% - 1.4rem); padding-left: .35rem;}
.data-sharing .left .li .class{position: relative; font-size: 1em; color: #e60011; font-weight: lighter; padding-left: .26rem;}
.data-sharing .left .li .class::before{content: ''; background-color: #e60011; width: .15rem; height: .02rem; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.data-sharing .left .li .tit{font-size: calc(18 / 16 * 1em); line-height: 1.2; margin: .1rem 0;}
.data-sharing .left .li .home-more{background-image: url(../images/view-bg-line.svg);color: #1a1a1a; width: 1.13rem; line-height: .3rem; font-size: calc(10 / 16 * 1em); padding-left: .13rem;}
.data-sharing .left .li .home-more:after{background-image: url(../images/more-black.png); margin-left: .06rem; width: .12rem; height: .06rem;}
.data-sharing .left .li a:hover .home-more{background-image: url(../images/view-bg-red.svg);color: #fff;}
.data-sharing .left .li a:hover .home-more:after{background-image: url(../images/more-white.png);}
.data-sharing .left .slick-dots{margin-top: .5rem;}
.data-sharing .left .slick-dots li{margin-right: .06rem;}

.data-sharing .right ul{padding-bottom: .15rem; position: relative;}
.data-sharing .right .li{padding: 0 0 .3rem; transition: all .3s;}
.data-sharing .right .li a{display: block; margin-left: .25rem; padding-top: .3rem; position: relative; border-top: 1px solid #e3e3e3; background: url(../images/icon/more-icon.png) no-repeat right .52rem bottom .1rem;}
.data-sharing .right .li .date{font-weight: lighter; color: #888; font-size: calc(14 / 16 * 1em); padding-bottom: .2rem; transition: all .3s;}
.data-sharing .right .li .tit{font-size: calc(20 / 16 * 1em); transition: all .3s;}
.data-sharing .right .li:hover{box-shadow: 0 0 .15rem 5px rgba(0,0,0,0.05);}
.data-sharing .right .li:hover a{background: url(../images/icon/more-icon-on.png) no-repeat right .52rem bottom .1rem;}
.data-sharing .right .li:hover a::before{content: ''; height: .6rem; width: .02rem; background-color: #e60011; bottom: 0; left: -.25rem; position: absolute;}
.data-sharing .right .li:hover .tit,
.data-sharing .right .li:hover .date{transform: translateX(.05rem);}
.data-sharing .right .slick-dots{top: -.7rem; bottom: auto; left: auto; right: 0; display: inline-block; position: absolute;}
.data-sharing .right .slick-dots li{display: inline-block;}
.data-sharing .right .slick-dots li:last-child{margin-right: 0;}

.data-sharing .slick-dots li{border-radius: 0; width: .12rem; height: .12rem; background-color: #fff; position: relative;}
.data-sharing .slick-dots li::before{content: ''; background-color: #e5e5e5; width: .04rem; height: .04rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.data-sharing .slick-dots li.slick-active{background-color: #e60011;}
.data-sharing .slick-dots li.slick-active::before{background-color: #f8f8f8;}


.data-sharing .leftm{width: 31.25%; float: left;}
.data-sharing .leftm .list > li{margin-bottom: .1rem;}
.data-sharing .leftm .list .tit{line-height: .54rem; font-size: calc(18 / 16 * 1em); padding: 0 .5rem; background: url(../images/plus.svg) no-repeat right .5rem center #f2f2f2; background-size: .1rem; cursor: pointer;padding-right: 10px;}
.data-sharing .leftm .list .tit.on{color: #fff; background: url(../images/minus.png) no-repeat right .5rem center #e60011;}
.data-sharing .leftm .list .sub{padding: .3rem .5rem .2rem; border: 1px solid #e3e3e3; display: none;}
.data-sharing .leftm .list .tit1{font-size: calc(18 / 16 * 1em); color: #555; margin-bottom: .05rem; cursor: pointer; background: url(../images/pull.png) no-repeat right center;}
.data-sharing .leftm .list .tit1.on{background: url(../images/pull-on.png) no-repeat right center; color: #e60011;}
.data-sharing .leftm .list .sub1{line-height: 2; font-size: calc(14 / 16 * 1em); font-weight: lighter; padding: .1rem 0; display: none;}
.data-sharing .leftm .list .tit2{cursor: pointer;}
.data-sharing .leftm .list .tit2.on a{ color: #e60011;}
.data-sharing .rightd{width: 67.22%; float: right; padding: 0 .45rem .3rem; border: 1px solid #f2f2f2; min-height: 4.84rem;}

.data-sharing .rightd dd{padding-top: .6rem;}
.data-sharing .rightd dd .tit{font-size: calc(18 / 16 * 1em); color: #555; margin-bottom: .3rem;}
.data-sharing .rightd dd .btn{display: inline-block; width: 1.78rem; line-height: .48rem; position: relative; margin-right: .1rem; text-align: center; padding-left: .25rem; font-size: calc(14 / 16 * 1em); color: #555;}
.data-sharing .rightd dd .btn:hover::before{content: ''; background-color: #e60011; width: 100%; height: .02rem; position: absolute; bottom: 0; left: 0;}
.data-sharing .rightd dd .view{background: url(../images/view-icon.png) no-repeat .42rem center #f8f8f8;}
.data-sharing .rightd dd .download{background: url(../images/download-icon.png) no-repeat .42rem center #f8f8f8;}
.data-sharing .rightd dd .collect{background: url(../images/collect-icon.png) no-repeat .42rem center #f8f8f8;}
.data-sharing .rightd dd .collect.on{ background-image: url(../images/collect-icon_on.png);}

.FavoritesList .ul{border-top: 1px solid #f2f2f2;}
.FavoritesList li{ padding: .25rem 6.2rem .25rem 0; position: relative; border-bottom: 1px solid #f2f2f2;}
.FavoritesList li .tit{ font-size: .18rem; line-height: .48rem; position: relative; color: #555555; padding-left: 10px;}
.FavoritesList li .tit::before{ content: ''; width: 3px; height: 3px; background-color: #555555; border-radius: 100%; position: absolute; left: 0; top: 0; bottom: 0; margin: auto;}
.FavoritesList li .tit:hover{ color: #e60011;}
.FavoritesList li .tit:hover::before{ background-color:#e60011;}
.FavoritesList li .btn-box{ position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.FavoritesList li .btn{display: inline-block; width: 1.78rem; line-height: .48rem; position: relative; margin-right: .1rem; text-align: center; padding-left: .25rem; font-size: calc(14 / 16 * 1em); color: #555;}
.FavoritesList li .btn:hover::before{content: ''; background-color: #e60011; width: 100%; height: .02rem; position: absolute; bottom: 0; left: 0;}
.FavoritesList li .view{background: url(../images/view-icon.png) no-repeat .42rem center #f8f8f8;}
.FavoritesList li .download{background: url(../images/download-icon.png) no-repeat .42rem center #f8f8f8;}
.FavoritesList li .collect{background: url(../images/collect-icon.png) no-repeat .3rem center #f8f8f8;}
.FavoritesList li .collect.on{ background-image: url(../images/collect-icon_on.png);}


.table-list td{position: relative;}
.table-list td .drop-dow-box{
    position: absolute;
    width: 100%;
    top: 0.8rem;
    z-index: 1;
    line-height: 1;
    background: #fff;
    list-style: none;
    border: 1px solid #e5e5e5;
    display: none;

}
.table-list td.show-drop .drop-dow-box{
    display: block;
}
.table-list td .drop-dow-box li{
    line-height: 1.5;
}

.Parks_newCon .title{ font-weight: normal; margin: 3% 0 2%; font-family: 'Poppins';font-size: calc(18 / 16 * 1em);}
.Parks_newCon .title .time{font-size: calc(26 / 16 * 1em); display: inline-block; margin-left: 5px;}
.Parks_newCon .des .ul{ display: flex; flex-flow: row wrap; gap: 1em; margin-bottom: 3%; font-family: 'Poppins';font-size: calc(18 / 16 * 1em);}
.Parks_newCon .des .ul .num{font-size: calc(26 / 16 * 1em); display: inline-block; margin-left: 5px;}
.Parks_newCon .table table{ width: 100%;font-size: calc(18 / 16 * 1em); margin-bottom: 3%;table-layout: fixed;}
.Parks_newCon .table table td{font-family: 'Poppins';}
.Parks_newCon .table table td,
.Parks_newCon .table table th{ padding: 10px; border: 1px solid #fff;}
.Parks_newCon .table table tr{ background-color: #fcece8;}
.Parks_newCon .table table tr:nth-child(2n){ background-color: #f8d7cd;}
.Parks_newCon .table table td:nth-child(1),
.Parks_newCon .table table th:nth-child(1){ width: 80px;}
.Parks_newCon .table table td:nth-child(4),
.Parks_newCon .table table th:nth-child(4){ width: 30%;}
.Parks_newCon .table table th{ vertical-align: top; text-align: left; color: #000; background-color: #de6700;line-height: 1.6;font-size: calc(20 / 16 * 1em); font-weight: bold; font-family: Arial,sans-serif; font-size: calc(16 / 16 * 1em);}


/* 20250310 */
.home-title_n{display: flex;justify-content: space-between;align-items: flex-end;}
.home-title_n a{color:#999;display: block;margin-bottom:10px;}
.home-title_n a:hover{color:#e50014;}
.home-order .table table{width:100%;}
.home-order .table table td{height:calc(60 / 16 * 1em);padding:5px 10px;text-align: center;font-family: 'Poppins';border:1px solid #e5e5e5;}
.home-order .table .trTit td{background: #333;color:#fff !important;font-size: calc(18 / 16 * 1em);font-weight: bold;}
.home-order .table table td:nth-child(4),
.home-order .table table td:nth-child(5){color:#e50014;font-weight: bold;;}
.home-order .table table td a{display: inline-block;line-height: 30px;padding:0 15px;background: #ccc;color:#fff;border-radius: 3px;}
.home-order .table table td a:hover{background: #e50014;}