.piao-wem{
    width:.8rem;
    height: .8rem;
    position: fixed;
    bottom: 2rem;
    right: 0.2rem;
    z-index: 10;
    background: #fff;
    border-radius: 0.1rem;
    padding: 0.1rem;
    box-shadow: 0 0 0.1rem rgba(0,0,0,.175);
}

.piao-box{
    width: 80%;
    position: fixed;
    z-index: 12;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%,-50%,0) scale(0.8);
    background: #fff;
    padding: 0.2rem;
    border-radius: 0.2rem;
    opacity: 0;
    visibility: hidden;
    transition: all .3s;
}
.piao-box.on{
      opacity: 1;
    visibility: visible;
        transform: translate3d(-50%,-50%,0) scale(1);
}
.piao-box .close{
     width: 0.8rem;
    height: 0.8rem;
    padding-top: 4px;
    border-radius: 50%;
    font-size: 0.35rem;
    color: #FFFFFF;
    border: 2px solid #fff;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -1.2rem;
    z-index: 30;
    display: flex;
    align-items: center;
    justify-content: center;
}
.piao-mask{
    
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 11;
      transition: all .3s;
          opacity: 0;
    visibility: hidden;
}
.piao-mask.on{
    opacity: 1;
    visibility: visible;
}

/*=========
  首页
  ==========*/

.home-hds {
    position: relative;
    padding-left: .25rem;
}

.home-hds::before {
    display: block;
    content: "";
    width: .04rem;
    height: 100%;
    background-color: var(--main-theme-color);
    background-image: linear-gradient(to right, rgba(75, 166, 229, 0), rgba(75, 166, 229, .6));
    position: absolute;
    left: 0;
    top: 0;
}

.home-hds .entitle {
    font-size: .44rem;
    text-transform: uppercase;
    background: linear-gradient(to right, #0465ae, #25afff);
    -webkit-background-clip: text;
    color: transparent;
    position: relative;
    line-height: 1.05;
}

.home-hds .title {
    font-size: .36rem;
    color: var(--home-thmem-color);
    line-height: 1.2;
    margin-top: .08rem;
}

.home-subhead .title {
    font-size: .36rem;
    font-weight: bold;
    color: var(--home-thmem-color);
}

.home-subhead .entitle {
    font-size: .24rem;
    color: #6a7780;
    text-transform: uppercase;
    margin-top: .08rem;
}


/*=========
  首页---头部
  ==========*/

.home-header {
    width: 100%;
    max-width: 750px;
    padding: 0 .18rem;
    position: absolute;
    top: .32rem;
    z-index: 999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.home-header .logo {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 .58rem;
    flex: 0 0 .58rem;
}

.home-header .logo img {
    display: block;
    width: 100%;
}

.home-header .topc {
    margin-left: .2rem;
    width: calc(100% - .78rem);
    height: .8rem;
    background: rgba(255, 255, 255, .35);
    border-radius: .12rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.home-header .topc .sear {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
}

.home-header .topc .sear .iconfont {
    display: block;
    width: .38rem;
    margin-left: .15rem;
    font-size: .3rem;
    font-weight: bold;
    color: #b8eaff;
}

.home-header .topc .sear .text {
    font-size: .22rem;
    color: #bdecff;
    margin-left: .1rem;
}

.home-header .topc .city {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: .8rem;
    position: relative;
    padding: 0 .2rem;
    font-size: .22rem;
    line-height: normal;
}

.home-header .topc .city:before {
    display: block;
    content: "";
    width: 1px;
    height: .4rem;
    background: #99e1ff;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.home-header .topc .city .iconfont {
    font-size: .18rem;
    color: #b8eaff;
    margin-right: .09rem;
    line-height: normal;
    margin-top: .05rem;
}

.home-header .topc .city span {
    display: block;
    white-space: nowrap;
    color: #bdecff;
}


/*=========
  首页---广告图切换
  ==========*/

.home-banner {
    position: relative;
    z-index: 1;
}

.home-banner .swiper-slide img {
    display: block;
    width: 100%;
    height: 11.15rem;
}

.home-banner .swiper-pagination {
    padding: 0 .41rem;
    bottom: 2.72rem;
    font-size: 0;
    text-align: left;
}

.home-banner .swiper-pagination .swiper-pagination-bullet {
    width: .48rem;
    height: .02rem;
    background: #fff;
    border-radius: 0;
    opacity: 1 !important;
    margin: 0;
}

.home-banner .swiper-pagination .swiper-pagination-bullet-active {
    background: #00cbe3;
}

.home-banner .getime {
    font-size: .28rem;
    color: #fff;
    padding-bottom: .3rem;
    position: absolute;
    left: .41rem;
    bottom: 2.72rem;
    z-index: 22;
}

.home-banner .addms {
    width: 100%;
    height: .42rem;
    background: #fff;
    border-top-left-radius: .42rem;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 22;
}

.home-banner .addms:after {
    display: block;
    content: "";
    width: .42rem;
    height: .42rem;
    background: url(../images/rad26-white.png) no-repeat;
    transform: rotate(180deg);
    background-size: 100% 100%;
    position: absolute;
    right: 0;
    top: -100%;
    z-index: 22;
}


/*=========
  首页---功能栏
  ==========*/

.home-box {
    position: relative;
    z-index: 2;
}

.home-searchbar {
    background: #fff;
    border-radius: .22rem;
    margin-top: -2.3rem;
    position: relative;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    overflow: hidden;
    -webkit-box-shadow: 0 .1rem .2rem rgba(230, 230, 230, .64);
    box-shadow: 0 .1rem .2rem rgba(230, 230, 230, .64);
}

.home-searchbar .item {
    width: 50%;
    height: 1.7rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 .24rem;
    position: relative;
    overflow: hidden;
}

.home-searchbar .item:not(:first-child):not(:nth-child(2)) {
    border-top: .02rem solid #e9eff3;
}

.home-searchbar .item:not(:nth-child(2n)) {
    border-right: .02rem solid #f5f7f9;
}

.home-searchbar .item .title {
    font-size: .28rem;
    font-weight: bold;
    color: var(--home-thmem-color);
}

.home-searchbar .item .title span {
    display: inline-block;
    width: .97rem;
    height: .3rem;
    line-height: .28rem;
    border: 1px solid #1ec2ff;
    border-radius: .04rem;
    vertical-align: middle;
    margin-left: .1rem;
    font-size: .2rem;
    color: #0082b2;
    text-align: center;
    background: #a8dbf9;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.home-searchbar .item .title span:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(234, 252, 255, .64)), to(rgba(255, 255, 255, .0)));
    background-image: linear-gradient(to right, rgba(234, 252, 255, .64), rgba(255, 255, 255, .0));
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

.home-searchbar .item .info {
    font-size: .22rem;
    color: #768086;
    margin-top: .04rem;
    letter-spacing: .02rem;
}

.home-searchbar .item .icon {
    display: block;
    content: "";
    width: .56rem;
    height: .65rem;
    background-repeat: no-repeat;
    background-position: left center;
    position: absolute;
    right: .36rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.home-searchbar .item:nth-child(1):before {
    display: block;
    content: "";
    width: .88rem;
    height: .9rem;
    background: rgba(233, 246, 255, .7);
    border-radius: 50%;
    position: absolute;
    left: -.16rem;
    top: -.14rem;
    z-index: -1;
}

.home-searchbar .item:nth-child(2):before {
    display: block;
    content: "";
    width: 1.1rem;
    height: 1.1rem;
    background: rgba(233, 246, 255, .7);
    border-radius: 50%;
    position: absolute;
    right: -.34rem;
    top: -.36rem;
    z-index: -1;
}

.home-searchbar .item:nth-child(3):before {
    display: block;
    content: "";
    width: .72rem;
    height: .72rem;
    background: rgba(233, 246, 255, .7);
    border-radius: 50%;
    position: absolute;
    right: .9rem;
    bottom: -.38rem;
    z-index: -1;
}

.home-searchbar .item:nth-child(4):before {
    display: block;
    content: "";
    width: 1.18rem;
    height: 1.18rem;
    background: rgba(233, 246, 255, .7);
    border-radius: 50%;
    position: absolute;
    right: .1rem;
    top: -.57rem;
    z-index: -1;
}

.home-searchbar .item:nth-child(1) .icon {
    background-image: url(../images/searchbar-icon1.png);
    background-size: .56rem .58rem;
}

.home-searchbar .item:nth-child(2) .icon {
    background-image: url(../images/searchbar-icon2.png);
    background-size: .49rem .64rem;
}

.home-searchbar .item:nth-child(3) .icon {
    background-image: url(../images/searchbar-icon3.png);
    background-size: .52rem .43rem;
}

.home-searchbar .item:nth-child(4) .icon {
    background-image: url(../images/searchbar-icon4.png);
    background-size: .39rem .37rem;
}


/*=========
  首页---品牌
  ==========*/

.home-brand {
    margin-top: .64rem;
}

.home-brand .head {
    padding-bottom: .34rem;
    background: #fff;
    border-radius: 0 0 .43rem 0;
    position: relative;
    z-index: 2;
}

.home-brand .head:after {
    display: block;
    content: "";
    width: .26rem;
    height: .26rem;
    background: url(../images/rad26-white.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 0;
    bottom: -.26rem;
}

.home-brand .box {
    margin-top: -.43rem;
    position: relative;
    z-index: 1;
}

.home-brand .box .swiper-slide img {
    display: block;
    width: 100%;
    height: 10.96rem;
}

.home-brand .box .swiper-slide .text {
    width: calc(100% - .48rem);
    padding-right: .42rem;
    position: absolute;
    left: 0;
    top: 1.14rem
}

.home-brand .box .swiper-slide .text .title {
    font-size: .44rem;
    color: #fff;
    line-height: .58rem;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(.6rem);
    transform: translateY(.6rem);
    -webkit-transition: all .6s ease .1s;
    transition: all .6s ease .1s;
}

.home-brand .box .swiper-slide .text .desc {
    font-size: .28rem;
    line-height: .48rem;
    color: #fff;
    margin-top: .36rem;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(.6rem);
    transform: translateY(.6rem);
    -webkit-transition: all .6s ease .4s;
    transition: all .6s ease .4s;
}

.home-brand .box .swiper-slide-active .text .title {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.home-brand .box .swiper-slide-active .text .desc {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.home-brand .box .tabtit {
    width: calc(100% - 0.48rem);
    background: rgba(195, 217, 234, .84);
    border-radius: .12rem;
    margin-top: -.67rem;
    overflow: hidden;
    position: absolute;
    left: .24rem;
    bottom: .94rem;
    z-index: 2;
}

.home-brand .box .tabtit ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-flow: wrap;
}

.home-brand .box .tabtit ul li {
    width: 33.333%;
    height: 1.94rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #000;
    position: relative;
    cursor: pointer;
    z-index: 1;
}

.home-brand .box .tabtit ul li:not(:nth-child(3n+1)):before {
    display: block;
    content: "";
    width: 1px;
    height: 100%;
    background: #bfe4ff;
    position: absolute;
    left: 0;
    top: 0;
}

.home-brand .box .tabtit ul li:after {
    display: block;
    content: "";
    width: 100%;
    height: 1px;
    background: #bfe4ff;
    position: absolute;
    left: 0;
    top: 0;
}

.home-brand .box .tabtit ul li:nth-child(1)::after,
.home-brand .box .tabtit ul li:nth-child(2)::after,
.home-brand .box .tabtit ul li:nth-child(3)::after {
    display: none;
}

.home-brand .box .tabtit ul li .iconfont {
    font-size: .57rem;
    height: .57rem;
    line-height: .57rem;
}

.home-brand .box .tabtit ul li .title {
    font-size: .28rem;
    margin-top: .14rem;
}

.home-brand .box .tabtit ul li.active {
    color: #fff;
}

.home-brand .box .tabtit ul li.active .bgcor {
    width: 100%;
    height: 100%;
    background-color: #1182d6;
    background-image: linear-gradient(to bottom, rgba(165, 224, 255, 0), rgba(165, 224, 255, .6));
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

.home-brand .box .tabtit ul li.active .bgcor:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to bottom, rgba(0, 63, 168, .66), rgba(10, 63, 168, 0));
    position: absolute;
    left: 0;
    top: 0;
}


/*=========
  首页---活动
  ==========*/

.home-activity {
    margin-top: .49rem;
}

.home-activity .box {
    background: url(../images/activity-ibg.jpg) no-repeat;
    background-size: 100% 100%;
    padding: .3rem 0 .75rem 0;
}

.home-purchase {
    background: #fff;
    border-radius: .12rem;
    padding: .24rem .22rem;
    -webkit-box-shadow: 0 -.04rem 0 inset rgba(41, 255, 242, .8);
    box-shadow: 0 -.04rem 0 inset rgba(41, 255, 242, .8);
}

.home-purchase .subtop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.home-purchase .subtop .title {
    font-size: .32rem;
    font-weight: bold;
    color: #1d949c;
}

.home-purchase .subtop .more {
    font-size: .2rem;
    font-weight: bold;
    color: #0f736c;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.home-purchase .subtop .more .iconfont {
    font-size: .14rem;
    margin-left: .04rem;
    display: block;
    margin-bottom: .02rem;
}

.home-purchase .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    margin-top: .25rem;
}

.home-purchase .list .item {
    width: 32%;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#a9efeb), to(#61c3be));
    background-image: linear-gradient(to bottom, #a9efeb, #61c3be);
    border-radius: .1rem;
    padding: .06rem;
    position: relative;
    overflow: hidden;
}

.home-purchase .list .item:not(:nth-child(3n)) {
    margin-right: 2%;
}

.home-purchase .list .item a {
    display: block;
    width: 100%;
    height: 100%;
    background: #f7f7f7;
    border-radius: .1rem;
}

.home-purchase .list .item .pic {
    width: 100%;
    height: 0;
    padding-bottom: 88%;
    position: relative;
    overflow: hidden;
}

.home-purchase .list .item .pic img {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.home-purchase .list .item .text {
    width: calc(100% + .12rem);
    height: .9rem;
    background-repeat: no-repeat;
    background-image: url(../images/purchase-tdc_on.png);
    background-size: 100% 100%;
    margin-top: -.11rem;
    margin-left: -.06rem;
    margin-bottom: -.06rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1.2;
}

.home-purchase .list .item:nth-child(2n) .text {
    background-image: url(../images/purchase-tdc.png);
}

.home-purchase .list .item .text .price {
    font-family: "Arial";
    font-size: .32rem;
    font-weight: bold;
    color: #fff;
    margin-top: .08rem;
    position: relative;
}

.home-purchase .list .item .text .unprice {
    font-family: "Arial";
    font-size: .22rem;
    font-weight: bold;
    color: rgba(211, 244, 242, .6);
    text-decoration: line-through;
}

.home-discount {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    margin-top: .4rem;
}

.home-discount .item {
    display: block;
    width: 48.5%;
    border-radius: .12rem;
    overflow: hidden;
}

.home-discount .item:not(:nth-child(2)) {
    margin-right: 3%;
}

.home-discount .item img {
    display: block;
    width: 100%;
}


/*=========
  首页---甄选优品
  ==========*/

.home-superior {
    padding: .5rem 0 .66rem 0;
    border-radius: 0 0 .43rem 0;
    background: #fff;
    position: relative;
    z-index: 2;
}

.home-superior:after {
    display: block;
    content: "";
    width: .26rem;
    height: .26rem;
    background: url(../images/rad26-white.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 0;
    bottom: -.26rem;
}

.home-superior .box {
    margin-top: .34rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
}

.home-superior .box .item {
    display: block;
    width: 48.5%;
    position: relative;
}

.home-superior .box .item:not(:first-child):not(:nth-child(2)) {
    margin-top: .3rem;
}

.home-superior .box .item:not(:nth-child(2n)) {
    margin-right: 3%;
}

.home-superior .box .item .pic {
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    position: relative;
    overflow: hidden;
}

.home-superior .box .item .pic img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.home-superior .box .item .text {
    padding: .36rem .24rem .26rem .24rem;
    background: #fff;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}
.home-superior .box .item .text .attr.fly{
    position: absolute;
    z-index: 0;
    left: 0.24rem;
    top: 0.24rem;
}
.home-superior .box .item .text .attr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    line-height: .32rem;
}

.home-superior .box .item .text .attr span {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 .32rem;
    flex: 0 0 .32rem;
    height: .32rem;
    background: #2a74c7;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .2rem;
    color: #fff;
}

.home-superior .box .item .text .attr .new {
    background: #2a74c7;
}

.home-superior .box .item .text .attr .recom {
    background: #d68c23;
}

.home-superior .box .item .text .attr .hot {
    background: #d62323;
}

.home-superior .box .item .text .attr em {
    font-size: .32rem;
    font-weight: bold;
    line-height: .32rem;
    color: var(--home-thmem-color);
    /*margin-left: .15rem;*/
}

.home-superior .box .item .text .title {
    font-size: .22rem;
    height: .6rem;
    line-height: .3rem;
    color: #354957;
    margin-top: .13rem;
    -webkit-transition: color .5s ease;
    transition: color .5s ease;
}

.home-superior .box .item .text .price {
    font-family: "Arial";
    font-size: .32rem;
    font-weight: bold;
    color: var(--main-theme-color);
    line-height: 1.25;
    margin-top: .11rem;
}

.home-superior .box .item .text .price span {
    font-size: .22rem;
    color: #aeb5b9;
    text-decoration: line-through;
    margin-left: .14rem;
}

.home-superior .box .item:hover .text {
    -webkit-box-shadow: 1px 0 .14rem rgba(9, 72, 111, .25);
    box-shadow: 1px 0 .14rem rgba(9, 72, 111, .25);
}

.home-superior .box .item:hover .text .title {
    color: var(--main-theme-color);
}

.home-superior .more {
    width: 100%;
    height: .88rem;
    border: .02rem solid #e0e4e7;
    font-family: "Arial";
    font-size: .28rem;
    font-weight: bold;
    color: var(--home-thmem-color);
    text-align: center;
    text-transform: uppercase;
    border-radius: .12rem;
    letter-spacing: .02rem;
    margin-top: .34rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.home-superior .more:hover {
    background: var(--main-theme-color);
    border-color: var(--main-theme-color);
    color: #fff !important;
}


/*=========
  首页---关于我们
  ==========*/

.home-about {
    position: relative;
    z-index: 1;
    margin-top: -.43rem;
}

.home-about .item {
    display: block;
    position: relative;
}

.home-about .item .pic img {
    display: block;
    width: 100%;
}

.home-about .item .text {
    width: calc(100% - .48rem);
    position: absolute;
    left: 0;
    top: 1.44rem
}

.home-about .item .text .title {
    font-size: .54rem;
    font-weight: bold;
    color: #fff;
    line-height: .66rem;
    text-shadow: .12rem 0 .24rem rgba(11, 52, 169, .6);
}

.home-about .item .text .entitle {
    font-size: .48rem;
    line-height: .52rem;
    color: #fff;
    text-transform: uppercase;
    text-shadow: .12rem 0 .24rem rgba(11, 52, 169, .6);
    margin-top: .12rem;
}

.home-about .item .text .more {
    font-size: .24rem;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    margin-top: .96rem;
}


/*=========
  首页---产品保障
  ==========*/

.home-safeguard {
    background: #fff;
    position: relative;
    z-index: 2;
    border-radius: .48rem 0 0 0;
    padding: .87rem 0 .64rem 0;
    margin-top: -.48rem;
}

.home-safeguard:after {
    display: block;
    content: "";
    width: .26rem;
    height: .26rem;
    background: url(../images/rad26-white.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: 0;
    top: -.26rem;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.home-safeguard .subentitle {
    font-family: "Arial";
    font-size: .48rem;
    font-weight: bold;
    color: var(--home-thmem-color);
    text-align: center;
    text-transform: uppercase;
    line-height: 1.25;
}

.home-safeguard .subtitle {
    font-size: .32rem;
    font-weight: bold;
    color: var(--home-thmem-color);
    text-align: center;
    line-height: 1.25;
}

.home-safeguard .box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    margin-top: .42rem;
}

.home-safeguard .box .item {
    width: 27.2%;
    padding: .2rem 0;
    text-align: center;
}

.home-safeguard .box .item:not(:nth-child(3n)) {
    margin-right: 8.6%;
}

.home-safeguard .box .item .icon {
    width: .87rem;
    height: .77rem;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin: 0 auto;
}

.home-safeguard .box .item .title {
    font-size: .28rem;
    font-weight: bold;
    color: var(--home-thmem-color);
    margin-top: .32rem;
}

.home-safeguard .box .item .desc {
    font-size: .22rem;
    line-height: .36rem;
    color: #768086;
    margin-top: .14rem;
}

.home-safeguard .box .item .desc span {
    color: var(--main-theme-color);
}


/*=========
  首页---底部
  ==========*/

.home-botphone {
    background: url(../images/home-botphone.png) no-repeat center bottom #f9fbfc;
    background-size: 5.5rem 3.91rem;
    /*padding: 1.7rem 0 1.1rem 0;*/
     padding: 2.3rem 0 1.1rem 0;
    text-align: center;
    
    position: relative;
    
}

.home-botphone .home-botphone-abs{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    font-size: .26rem;
    color: #768086;
    line-height: 1.8;
    padding: 0.32rem 0.24rem;
}

.home-botphone .title {
    font-size: .32rem;
    color: var(--home-thmem-color);
}

.home-botphone .phone {
    /*font-size: .66rem;*/
     font-size: .48rem;
    font-weight: bold;
    color: var(--main-theme-color);
    line-height: 1.25;
    margin-top: .12rem;
}

.home-botphone .phone a {
    color: var(--main-theme-color);
}

.home-botphone .info {
    font-size: .26rem;
    color: #768086;
    margin-top: .14rem;
}


/*=========
  首页---顶部搜索
  ==========*/

.search-wrapper {
    padding: .27rem .24rem;
    /*overflow-x: hidden;*/
}

.search-form {
    background: rgba(249, 249, 249, .43);
    height: .8rem;
    border-radius: .04rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.search-form .btns {
    width: .7rem;
    height: .8rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .28rem;
    font-weight: bold;
    cursor: pointer;
    padding: 0 .1rem;
    color: #000e19;
}

.search-form .input {
    display: block;
    width: calc(100% - .7rem);
    padding: 0 .2rem;
    font-size: .24rem;
    height: .8rem;
    line-height: .8rem;
}

.searchnew-list {
    margin-top: .48rem;
}

.searchnew-list .title {
    font-size: .24rem;
    color: #000e19;
    padding-left: .18rem;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.searchnew-list .title:before {
    display: block;
    content: "";
    width: .04rem;
    height: .2rem;
    background: #000e19;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.searchnew-list .title .del {
    width: .32rem;
    height: .32rem;
    background: url(../images/del.png) no-repeat center;
    background-size: .2rem .2rem;
}

.searchnew-list ul {
    margin-top: .26rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    margin-right: -.32rem;
}

.searchnew-list ul li {
    height: .6rem;
    line-height: .6rem;
    margin-right: .32rem;
    margin-bottom: .12rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fcfcfc;
    border-radius: .3rem;
    font-size: .24rem;
    color: #555c65;
    padding: 0 .46rem;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


/*=========
  搜索结果
  ==========*/

.search-ban {
    height: 2.86rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 .49rem;
}

.search-ban .text {
    width: 100%;
    border-left: .06rem solid #3388f1;
    padding-left: .2rem;
    padding-top: .03rem;
    padding-bottom: .02rem;
    line-height: 1.25;
}

.search-ban .text .title {
    font-size: .32rem;
    font-weight: bold;
    color: var(--home-thmem-color);
    margin-bottom: .04rem;
    letter-spacing: .01rem;
}

.search-ban .text .info {
    font-size: .28rem;
    color: #7c8387;
    line-height: 1.4;
}

.search-ban .text .info span {
    color: #3388f1;
    font-weight: bold;
    padding: 0 .08rem;
}

.serch-result .tit {
    font-size: .24rem;
    color: #596268;
    line-height: .3rem;
    padding-top: .38rem;
    padding-bottom: .1rem;
}

.serch-result .notherr {
    font-size: .24rem;
    color: #8f979d;
    line-height: .38rem;
    margin-top: .04rem;
}
.serch-result .showall{
    border-radius: 0.04rem;
    height: 0.8rem;
    border: 1px solid #ccc;
    text-align: center;
    line-height: 0.8rem;
    box-sizing: content;
}
.serch-result .list .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    transition: all 0s;
    padding: .15rem 0;
}

.serch-result .list .item .pic {
    width: 2.44rem;
    height: 2.44rem;
    background: #e0ddda;
    overflow: hidden;
}

.serch-result .list .item .pic img {
    display: block;
    width: 100%;
    height: 100%;
}

.serch-result .list .item .text {
    width: calc(100% - 2.44rem);
    padding-left: .28rem;
    padding-right: .7rem;
    padding-top: .07rem;
    color: var(--home-thmem-color);
}

.serch-result .list .item .text .attr {
    font-size: .28rem;
    font-weight: bold;
}

.serch-result .list .item .text .title {
    font-size: .24rem;
    margin-top: .04rem;
    color: #354957;
}

.serch-result .list .item .text .tsd {
    padding-bottom: .52rem;
}

.serch-result .list .item .text .price {
    font-size: .28rem;
    font-weight: bold;
    margin-top: .3rem;
    margin-bottom: .2rem;
}

.serch-result .list .item .text .price .t {
    font-size: .22rem;
    font-weight: normal;
    color: #c7cccf;
    margin-left: .12rem;
    text-decoration: line-through;
}

.serch-result .list .item .text .desc {
    font-size: .22rem;
    line-height: .36rem;
    color: #999;
}
.serch-result .list .partslist .types.btbox{
    background: #fff;
    position: sticky;z-index: 2;
    top: -1px;
    padding-top: 0.24rem;
    padding-bottom: 0.24rem;
}
.serch-result .list .partslist .types {
    padding: .15rem 0 .15rem .22rem;
    line-height: .3rem;
    font-size: .24rem;
    font-weight: bold;
    letter-spacing: .02rem;
    position: relative;
}
.serch-result .list .partslist .types .s{
    font-size: 0.8em;
    font-weight: 400;
    padding-left: 0.3rem;
}
.serch-result .list .partslist .types .s b{
    font-size: 1.4em;
        color: var(--main-theme-color);
        font-weight: bold;
}
.serch-result .list .partslist .types:before {
    display: block;
    content: "";
    width: .04rem;
    height: .2rem;
    background: #000e19;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.serch-result .list .partslist .item .text .title {
    color: var(--home-thmem-color);
}


.serch-result .list .partslist .types .rightselect{
    position: absolute;
    right:0;
    top: 50%;
    transform: translateY(-50%);
    height: .8rem;
    line-height: .8rem;
     color: var(--main-theme-color);
     padding-right: 0.2rem;
     cursor: pointer;
}
.serch-result .list .partslist .types .rightselect:before{
     display: block;
    content: "";
   width:  0.1rem;
   height: 0.1rem;
   border-right: 2px solid #999;
    border-bottom: 2px solid #999;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -0.06rem;
    transform: rotate(45deg);
}

.pupselectboxbg{
    background: rgba(0,0,0,0.5);
    height: 100%;
    width: 100%;
    position: fixed;
    left: 0;
    top:0;
    visibility: hidden;
    opacity: 0;
    transition: all .2s;
    z-index: 10;
    
}
.pupselectboxbg.on{
    visibility: visible;
    opacity: 1;
}
.pupselectbox{
    width: 80%;
    max-width: 300px;
    background: #FFF;
    border-radius: 0.08rem;
    box-shadow: 0 0 0.2rem rgba(0,0,0,0.1);
    position: fixed;
    left: 50%;
    top: 50%;
    opacity: 0;
    visibility: hidden;
    transform:translate3d(-50%,-50%,0) scale(1.1);
    text-align: center;
    max-height: 70vh;
    overflow: auto;
    z-index: 20; transition: all .2s;
    
}
.pupselectbox.on{
        opacity: 1;
    visibility: visible;
     transform:translate3d(-50%,-50%,0) scale(1);
}
.pupselectbox .it:nth-child(1){
    border: 0;
}
.pupselectbox .it{
    font-size: 0.3rem;
    border-top: 1px solid #eee;
    line-height: 1.4;
    padding: 0.2rem;
}
.pupselectbox .it.on{
    color: #fff;
    background: var(--main-theme-color);
        
}
/*=========
  地址
  ==========*/

.addcity-search {
    padding: .15rem .4rem 0 .12rem;
    display: flex;
}

.addcity-search .close {
    width: .92rem;
    height: .92rem;
    line-height: normal;
    font-size: .3rem;
    color: #4b5455;
    transition: all 0s;
}

.addcity-search .form {
    width: calc(100% - 1.08rem);
    height: .92rem;
    background: #fff;
    border: 1px solid #e4e4e4;
    border-radius: .14rem;
    box-shadow: 0 0 .1rem rgba(168, 173, 168, .2);
    position: relative;
    padding: 0 .88rem;
}

.addcity-search .form .btns {
    display: block;
    width: .34rem;
    font-size: .3rem;
    font-weight: bold;
    color: #b9beb9;
    position: absolute;
    left: .38rem;
    top: 50%;
    transform: translateY(-50%);
}

.addcity-search .form .input {
    display: block;
    width: 100%;
    height: .9rem;
    line-height: .9rem;
    font-size: .26rem;
}

.addcity-tips {
    height: 1.03rem;
    font-size: .29rem;
    color: #393b39;
}

.addcity-tips .iconfont {
    font-size: .27rem;
    margin-right: .06rem;
}

.list-addcity .item .udtext {
    background: #f9f9f9;
    color: #989d98;
    font-size: .24rem;
    height: .64rem;
    line-height: .64rem;
    padding: 0 .4rem;
}

.list-addcity .item .dist {
    padding: 0 .4rem;
}

.list-addcity .item .dist .curl {
    display: block;
    height: 1.06rem;
    line-height: 1.05rem;
    font-size: .28rem;
    color: #393b39;
}

.list-addcity .item .dist .curl:not(:last-child) {
    border-bottom: 1px solid #f6f6f6;
}

.addcity-rzm {
    width: .42rem;
    height: 80vh;
    display: flex;
    flex-direction: column;
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    right: 0;
    top: 10vh;
    z-index: 9999;
}

.addcity-rzm .item {
    flex: 1;
    font-size: .24rem;
    color: #fff;
}

.addcity-rzm .item.on {
    background: var(--main-theme-color);
}


/*=========
  产品分类
  ==========*/

.products-topimg .swiper-slide .attr {
    width: 1.28rem;
    height: .32rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: .17rem;
    font-size: .22rem;
    color: #fff;
    letter-spacing: .01rem;
    background: url(../images/proattr.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: 0;
    top: 0;
}

.products-topimg .swiper-pagination {
    width: auto;
    left: auto;
    right: .24rem;
    bottom: .16rem;
    border-radius: .02rem;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.products-topimg .swiper-pagination .swiper-pagination-bullet {
    margin: 0;
    background: #fff;
    opacity: 1;
    border-radius: 0;
    width: .09rem;
    height: .04rem;
}

.products-topimg .swiper-pagination .swiper-pagination-bullet-active {
    background: var(--main-theme-color);
}

.products-classify {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    padding: .28rem 0 .08rem 0;
}

.products-classify .item {
    width: 33.333%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--home-thmem-color);
    background: #fff;
    padding: .65rem .53rem;
    position: relative;
    margin-bottom: .2rem;
}

.products-classify .item:not(:nth-child(3n)):before {
    display: block;
    content: "";
    width: 1px;
    height: .8rem;
    background: #cecece;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.products-classify .item .pic {
    max-width: 80%;
    height: .5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}

.products-classify .item .pic img {
    max-height: 100%;
    filter: grayscale(100%) contrast(200%);
    -webkit-filter: grayscale(100%) contrast(200%);
}

.products-classify .item .title {
    font-size: .24rem;
    height: .34rem;
    line-height: .34rem;
    margin-top: .2rem;
    text-align: center;
}


/*=========
  产品列表
  ==========*/

.products-hd {
    padding-bottom: .34rem;
    background: #fff;
    width: 100%;
    max-width: 750px;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 666;
    -webkit-transition: all .3s ease;
    transition: all .3s ease-out;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.products-hd.nofixed {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}

.products-choose {
    padding: .24rem 0;
}

.products-choose ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.products-choose ul li {
    padding: 0 .74rem;
    position: relative;
    font-size: .28rem;
}

.products-choose ul li:not(:last-child):before {
    display: block;
    content: "";
    width: .02rem;
    height: 13px;
    background: #686868;
    position: absolute;
    right: -.01rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.products-choose ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: .5rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 .1rem;
    color: #686868;
}

.products-choose ul li a .iconfont {
    height: .5rem;
    line-height: .9;
    font-size: .12rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    margin-left: .14rem;
    color: #22282d;
}

.products-choose ul li a.down .iconfont .iconup-copy {
    color: var(--main-theme-color);
}

.products-choose ul li a.up .iconfont .icondrop_down {
    color: var(--main-theme-color);
}

.list-products {
    padding: .36rem 0;
    border-top: 1px solid #f5f5f5;
}

.list-products .dditem {
    margin-bottom: .2rem;
}

.list-products .dditem .types {
    padding: .15rem 0 .15rem .22rem;
    margin-bottom: .15rem;
    line-height: .3rem;
    font-size: .24rem;
    font-weight: bold;
    letter-spacing: .02rem;
    position: relative;
}

.list-products .dditem .types:before {
    display: block;
    content: "";
    width: .04rem;
    height: .2rem;
    background: #000e19;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.list-products .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    transition: all 0s;
}

.list-products .item:not(:last-child) {
    margin-bottom: .22rem;
}

.list-products .item .pic {
    width: 2.44rem;
    height: 2.44rem;
    background: #e0ddda;
    overflow: hidden;
}

.list-products .item .pic img {
    display: block;
    width: 100%;
    height: 100%;
}

.list-products .item .text {
    width: calc(100% - 2.44rem);
    padding-left: .28rem;
    padding-right: .7rem;
    padding-top: .07rem;
    color: var(--home-thmem-color);
}

.list-products .item .text .attr {
    font-size: .28rem;
    font-weight: bold;
    margin-right: .2rem;
}

.list-products .item .text .title {
    font-size: .24rem;
    margin-right: .2rem;
    margin-top: .04rem;
}

.list-products .item .text .price {
    font-size: .28rem;
    font-weight: bold;
    margin-top: .3rem;
    margin-bottom: .2rem;
}

.list-products .item .text .price .t {
    font-size: .22rem;
    font-weight: normal;
    color: #c7cccf;
    margin-left: .12rem;
    text-decoration: line-through;
}

.list-products .item .text .desc {
    font-size: .22rem;
    line-height: .36rem;
    color: #999;
}

.list-products .item .addCart {
    width: .66rem;
    height: .66rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid #3388f1;
    font-size: .32rem;
    color: #3388f1;
    position: absolute;
    right: .12rem;
    top: .11rem;
}

.products-loader {
    padding-bottom: .06rem;
}


/*=========
  产品详情
  ==========*/

.goods-info {
    background: #fff;
    padding: .44rem .24rem;
}

.goods-info .text {
    display: flex;
    justify-content: space-between;
}

.goods-info .text .intro .attr {
    font-size: .32rem;
    font-weight: bold;
    color: var(--home-thmem-color);
}

.goods-info .text .intro .title {
    font-size: .24rem;
    color: #354957;
    line-height: 1.25;
}

.goods-info .text .inprice {
    white-space: nowrap;
    text-align: right;
    margin-left: .4rem;
}

.goods-info .text .inprice .price {
    font-size: .44rem;
    font-weight: bold;
    color: var(--main-theme-color);
    line-height: 1.25;
}

.goods-info .text .inprice .priceto {
    font-size: .22rem;
    color: #c7cccf;
    text-decoration: line-through;
}

.goods-info .indo {
    font-size: .22rem;
    color: #999;
    max-width: 5.53rem;
    margin-top: .3rem;
}

.goods-info .intypes {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: .03rem;
    white-space: nowrap;
}

.goods-info .intypes .tn {
    font-size: .22rem;
    color: #999;
}

.goods-info .intypes .btn {
    font-size: .22rem;
    color: var(--main-theme-color);
    margin-left: .5rem;
}

.goods-info .intypes .btn .iconfont {
    font-size: .16rem;
    margin-left: .08rem;
}

.goods-choose {
    background: #fff;
    padding: 0 .24rem;
    margin-top: .24rem;
}

.goods-choose .item {
    height: 1.3rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.goods-choose .item:not(:last-child) {
    border-bottom: 1px solid #f2f2f2;
}

.goods-choose .item .label {
    width: 1.2rem;
    font-size: .28rem;
    color: var(--home-thmem-color);
}
.goods-choose .item .label.c {
      width:2.8rem;
}
.goods-choose .item .label span{
    font-size: 0.8em;
}
.goods-choose .item .text {
    max-width: calc(100% - 1.2rem);
    padding-left: .14rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: .24rem;
    color: #999;
}

.goods-choose .item.kc .text {
    width: calc(100% - 1.2rem);
}

.goods-choose .item .text .mall {
    font-size: .24rem;
    color: #999;
}

.goods-choose .item .text .mall .cored {
    color: #bc183f;
}

.goods-choose .item .text .btnsdh {
    width: 1.62rem;
    height: .64rem;
    background: var(--main-theme-color);
    border-radius: .32rem;
    font-size: .24rem;
    color: #fff;
}

.goods-choose .item .text .botts .btns {
    display: block;
    width: .4rem;
    height: .4rem;
    position: relative;
}

.goods-choose .item .text .botts .btns:before {
    display: block;
    content: "";
    width: 8px;
    height: 2px;
    background: #000e19;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.goods-choose .item .text .botts .btns.inc:after {
    display: block;
    content: "";
    width: 2px;
    height: 8px;
    background: #000e19;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.goods-choose .item .text .botts .btns[disabled] {
    opacity: .5;
}

.goods-choose .item .text .botts .input {
    display: block;
    width: .6rem;
    height: .4rem;
    line-height: .4rem;
    background: #f9fbfc;
    font-size: .24rem;
    font-weight: bold;
    color: #000e19;
    text-align: center;
}

.goods-comment {
    margin-top: .24rem;
    background: #fff;
    padding: 0 .24rem .4rem;
}

.goods-comment .head {
    height: 1.18rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #f2f2f2;
}

.goods-comment .head .tit {
    font-size: .28rem;
    color: var(--home-thmem-color);
}

.goods-comment .head .tit .count {
    font-size: .22rem;
    margin-left: .06rem;
    line-height: 1.25;
    vertical-align: -.02rem;
}

.goods-comment .head .rts {
    font-size: .24rem;
}

.goods-comment .head .rts .cor_primary {
    color: var(--main-theme-color);
}

.goods-comment .head .rts .iconfont {
    font-size: .14rem;
    margin-left: .1rem;
}

.goods-comment .list-allcomment .item {
    padding: .42rem 0;
    margin-bottom: 0;
}

.goods-comment .list-allcomment .item:not(:last-child) {
    border-bottom: 1px solid #f2f2f2;
}

.goods-comment .list-allcomment .item .uinfo .pic {
    flex: 0 0 .56rem;
    height: .56rem;
}

.goods-comment .list-allcomment .item .uinfo .text .grade {
    margin-top: .05rem;
}

.goods-comment .list-allcomment .item .uinfo .time {
    top: .28rem;
}

.goods-comment .list-allcomment .item .uimg .tbox .li {
    width: 1.64rem;
    height: 1.64rem;
}

.goods-comment .cmore {
    width: 2.66rem;
    height: .8rem;
    border: 1px solid #ededed;
    border-radius: .4rem;
    margin: .08rem auto 0;
    font-size: .28rem;
    color: var(--home-thmem-color);
}

.goods-comment .cmore:hover {
    background: var(--main-theme-color);
    border-color: var(--main-theme-color);
    color: #fff !important;
}

.goods-showtext .subtitle {
    font-size: .28rem;
    color: #7c8287;
    padding: .4rem .24rem;
}

.goods-showtext .editor img {
    height: auto;
    object-fit: contain;
}


/*=========
  产品详情---底部
  ==========*/

.goods-tfot {
    width: 100%;
    max-width: 750px;
    height: 1rem;
    margin: 0 auto;
    position: fixed;
    bottom: 1rem;
    z-index: 999;
    background: #fff;
    display: flex;
    border-top: 1px solid rgba(0, 0, 0, .05);
}

.goods-tfot .mycart {
    width: 1.66rem;
    height: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.goods-tfot .mycart .iconfont {
    position: relative;
    font-size: .32rem;
}

.goods-tfot .mycart .iconfont .num {
    min-width: 14px;
    height: 14px;
    line-height: 14px;
    background: var(--main-theme-color);
    padding: 0 2px;
    border-radius: 7px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    overflow: hidden;
    position: absolute;
    right: -15px;
    top: -.1rem;
}

.goods-tfot .mycart .iconfont .num span {
    display: block;
    transform: scale(.75);
}

.goods-tfot .mycart .text {
    font-size: .2rem;
    color: var(--home-thmem-color);
    margin-top: .08rem;
}

.goods-tfot>.btns {
    flex: 1;
    height: 1rem;
    background: #71a9d3;
    font-size: .32rem;
    color: #fff;
}

.goods-tfot>.btns:hover {
    color: #fff !important;
}

.goods-tfot>.btns-primary {
    background: var(--main-theme-color);
}


/*=========
  选型
  ==========*/

.sedmodel {
    min-height: 100vh;
    padding-bottom: 1rem;
    background: url(../images/sedmodel-bg.jpg) no-repeat center;
    background-size: cover;
}

.sedmodel .box {
    padding: 2.3rem 0;
}

.sedmodel .top {
    padding: 0 .17rem;
}

.sedmodel .top .cate {
    font-size: .24rem;
    color: #fff;
    position: relative;
    padding-top: .28rem;
}

.sedmodel .top .cate:before {
    display: block;
    content: "";
    width: .28rem;
    height: .04rem;
    background: #fff;
    position: absolute;
    left: 0;
    top: 0;
}

.sedmodel .top .entitle {
    font-family: "Arial";
    font-size: .4rem;
    color: #fff;
    text-transform: uppercase;
    margin-top: .3rem;
    line-height: 1.25;
}

.sedmodel .top .subtitle {
    font-size: .32rem;
    color: #fff;
}

.sedmodel-catelist {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    margin-top: .7rem;
}

.sedmodel-catelist .item {
    width: 48.4%;
    height: 1.9rem;
    background: #fff;
    margin-bottom: 3.2%;
    border-radius: .12rem;
    padding: 0 .24rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.sedmodel-catelist .item:not(:nth-child(2n)) {
    margin-right: 3.2%;
}

.sedmodel-catelist .item:before {
    display: block;
    content: "";
    width: 1.55rem;
    height: 1.55rem;
    background: #f2f5f7;
    border-radius: 50%;
    position: absolute;
    left: -.87rem;
    top: -1rem;
    z-index: -1;
}

.sedmodel-catelist .item .title {
    font-size: .28rem;
    font-weight: bold;
    color: var(--home-thmem-color);
}

.sedmodel-catelist .item .title span {
    display: inline-block;
    width: .97rem;
    height: .3rem;
    line-height: .28rem;
    border: 1px solid #1ec2ff;
    border-radius: .04rem;
    vertical-align: middle;
    margin-left: .1rem;
    font-size: .2rem;
    color: #0082b2;
    text-align: center;
    background: #a8dbf9;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.sedmodel-catelist .item .title span:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(234, 252, 255, .64)), to(rgba(255, 255, 255, .0)));
    background-image: linear-gradient(to right, rgba(234, 252, 255, .64), rgba(255, 255, 255, .0));
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

.sedmodel-catelist .item .info {
    font-size: .22rem;
    color: #768086;
    margin-top: .08rem;
    letter-spacing: .04rem;
}

.sedmodel-catelist .item .icon {
    display: block;
    content: "";
    width: .56rem;
    height: .65rem;
    background-repeat: no-repeat;
    background-position: left center;
    position: absolute;
    right: .36rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.sedmodel-catelist .item:last-child .icon {
    background-position: right center;
}

.sedmodel-catelist .item:nth-child(1) .icon {
    background-size: .56rem .58rem;
}

.sedmodel-catelist .item:nth-child(2) .icon {
    background-size: .49rem .64rem;
}

.sedmodel-catelist .item:nth-child(3) .icon {
    background-size: .52rem .43rem;
}

.sedmodel-catelist .item:nth-child(4) .icon {
    background-size: .39rem .37rem;
}


/*=========
  选型-车型搜索-列表
  ==========*/

.spmodel-top {
    width: 100%;
    max-width: 750px;
    position: -webkit-sticky;
    position: sticky;
    z-index: 22;
    background: #fff;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    top: 0;
}

.spmodel-top.fixed {
    -webkit-transform: translateY(-1.1rem);
    transform: translateY(-1.1rem);
}

.spmodel-top .hd {
    padding-top: .3rem;
    position: relative;
    z-index: 3;
    background: #fff;
}

.spmodel-types {
    border-bottom: 1px solid var(--main-theme-color);
}

.spmodel-types .item {
    height: 1.05rem;
    line-height: 1.05rem;
    font-size: .28rem;
    color: #030303;
    text-align: center;
    cursor: pointer;
    position: relative;
}

.spmodel-types .item.active {
    font-weight: bold;
    color: var(--main-theme-color);
}

.spmodel-types .item.active:before,
.spmodel-types .item.active:after {
    display: block;
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    left: 50%;
    bottom: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.spmodel-types .item.active:before {
    border-left: .09rem solid transparent;
    border-right: .09rem solid transparent;
    border-bottom: .1rem solid var(--main-theme-color);
}

.spmodel-types .item.active:after {
    border-left: .08rem solid transparent;
    border-right: .08rem solid transparent;
    border-bottom: .11rem solid #fff;
    bottom: -1px;
}

.searchmodel-brand {
    padding: 0 .14rem;
    border-bottom: 1px solid #e3e3e3;
}

.searchmodel-brand .item {
    height: 1.06rem;
    line-height: 1.06rem;
    font-size: .28rem;
    color: #686868;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

.searchmodel-brand .item.active {
    color: var(--main-theme-color);
}

.searchmodel-brand .item.active .iconfont {
    color: var(--main-theme-color);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.searchmodel-brand .item .iconfont {
    font-size: .14rem;
    color: #22282d;
    margin-left: .1rem;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    margin-top: -.05rem;
}

.searchmodel-brand .item:not(:last-child):after {
    display: block;
    content: "";
    width: .02rem;
    height: .12rem;
    background: #9a9a9a;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.spmodel-choose {
    width: 100%;
    background: #fff;
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 2;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
}

.spmodel-choose.on {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.spmodel-choose dl {
    padding: .35rem 0 .35rem 0;
    max-height: calc(100vh - 7rem);
    overflow-x: hidden;
    overflow-y: auto;
}

.spmodel-choose dl dd ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    margin-right: -.2rem;
}

/*.spmodel-choose dl dd ul li {*/
/*    height: .5rem;*/
/*    line-height: .48rem;*/
/*    font-size: .24rem;*/
/*    color: #999;*/
/*    padding: 0 .32rem;*/
/*    margin-right: .2rem;*/
/*    margin-bottom: .2rem;*/
/*    border: 1px solid #e0e0e0;*/
/*}*/


.spmodel-choose dl dd ul li{
    height: 0.8rem;
    height: 0.8rem;
    line-height: 0.8rem;
    display: block;
    width: 100%;
    font-size: 0.28rem;
    border-top: 1px solid #eee;
    padding: 0 0.2rem;
    
}
.spmodel-choose dl dd ul li:nth-child(1){
    border: 0;
}



.spmodel-choose dl dd ul li.active {
/*background: #eee;*/
    color: var(--main-theme-color);
    background:var(--main-theme-color);
    color: #fff;
}




/*.spmodel-choose dl dd ul li.active {*/
/*    border-color: var(--main-theme-color);*/
/*    color: var(--main-theme-color);*/
/*}*/

.spmodel-choose .bot {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.spmodel-choose .bot .btns {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-shadow: 0 1px 0 inset #f5f5f5;
    box-shadow: 0 1px 0 inset #f5f5f5;
    height: .8rem;
    background: #fff;
    font-size: .28rem;
    color: #777;
    text-align: center;
}

.spmodel-choose .bot .btns-primary {
    background: var(--main-theme-color);
    color: #fff;
}

.select-maskbg {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .6);
    -webkit-transition: all .3s;
    transition: all .3s;
    opacity: 0;
    visibility: hidden;
    z-index: 21;
}

.select-maskbg.on {
    opacity: 1;
    visibility: visible;
}

.list-searchmodel .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: .28rem .2rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #f5f5f5;
    position: relative;
}

.list-searchmodel .item:first-child {
    padding-top: .1rem;
}

.list-searchmodel .item .pic {
    width: 1.4rem;
    height: 1.12rem;
    overflow: hidden;
}

.list-searchmodel .item .pic img {
    display: block;
    width: 100%;
    height: 100%;
}

.list-searchmodel .item .text {
    width: calc(100% - 1.4rem);
    padding: 0 .4rem;
}

.list-searchmodel .item .text .subinfo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.list-searchmodel .item .text .subinfo .types {
    height: .3rem;
    line-height: .28rem;
    font-size: .22rem;
    color: var(--main-theme-color);
    border: 1px solid var(--main-theme-color);
    border-radius: .04rem;
    white-space: nowrap;
    padding: 0 .11rem;
}

.list-searchmodel .item .text .subinfo .title {
    font-size: .28rem;
    color: var(--home-thmem-color);
    margin-left: .17rem;
    line-height: .3rem;
}

.list-searchmodel .item .text .desc {
    font-size: .24rem;
    color: #6c747a;
    margin-top: .1rem;
}

.list-searchmodel .item .more {
    font-size: .2rem;
    color: #959595;
    position: absolute;
    right: .12rem;
    top: .66rem;
}


/*=========
  选型-车型搜索-详情
  ==========*/

.searchmodel-thumpic .swiper-slide img {
    display: block;
    width: 100%;
}

.searchmodel-thumpic .pagination {
    min-width: .92rem;
    height: .46rem;
    background: rgba(0, 0, 0, .4);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: "Arial";
    font-size: .2rem;
    font-weight: bold;
    color: #fff;
    border-radius: .27rem 0 0 .27rem;
    padding: 0 .3rem;
    position: absolute;
    right: 0;
    bottom: .4rem;
    z-index: 33;
}

.searchmodel-thumpic .pagination span {
    font-size: .26rem;
    margin-right: .03rem;
}

.searchmodel-text {
    background: #fff;
    padding: .46rem .24rem .36rem;
}

.searchmodel-text .subinfo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.searchmodel-text .subinfo .types {
    height: .3rem;
    line-height: .28rem;
    font-size: .22rem;
    color: var(--main-theme-color);
    border: 1px solid var(--main-theme-color);
    border-radius: .04rem;
    white-space: nowrap;
    padding: 0 .11rem;
    margin-top: .05rem;
}

.searchmodel-text .subinfo .title {
    font-size: .32rem;
    font-weight: bold;
    color: var(--home-thmem-color);
    margin-left: .17rem;
    line-height: .4rem;
}

.searchmodel-text .desc {
    font-size: .24rem;
    color: #354957;
    margin-top: .07rem;
}

.searchmodel-text .stype {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    margin-top: .2rem;
}

.searchmodel-text .stype .item {
    font-size: .22rem;
    color: #686868;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 2;
}

.searchmodel-text .stype .item:not(:last-child):after {
    display: block;
    content: "";
    width: 1px;
    height: .15rem;
    background: #9a9a9a;
    margin: 0 .24rem;
}

.searchmodel-parts {
    border-top: .24rem solid #f7f7f7;
}

.searchmodel-parts .subtitle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding: .4rem 0 .34rem 0;
}

.searchmodel-parts .subtitle .title {
    font-size: .28rem;
    font-weight: bold;
    color: var(--home-thmem-color);
}

.searchmodel-parts .subtitle span {
    font-family: "Arial";
    font-size: .22rem;
    font-weight: bold;
    color: var(--main-theme-color);
    margin-left: .05rem;
    margin-bottom: .02rem;
}


/*=========
  选型-参数搜索
  ==========*/

.caster {
    padding: .36rem 0;
}

.caster .proditem {
    background: #f7f8fa;
    padding: .26rem 0 .34rem 0;
}

.caster .proditem .subtitle {
    font-size: .28rem;
    color: var(--home-thmem-color);
    letter-spacing: .04rem;
    text-align: center;
    line-height: .44rem;
}

.caster .proditem .types {
    margin-top: .11rem;
    margin-left: .28rem;
    position: relative;
    overflow: hidden;
}

.caster .proditem .types ul {
    font-size: 0;
    white-space: nowrap;
    overflow-x: auto;
}

.caster .proditem .types ul li {
    display: inline-block;
    width: 1.6rem;
    height: 1.6rem;
    background: #fff;
    border: .02rem solid #fff;
    color: #000e19;
    padding: .07rem;
    text-align: center;
}

.caster .proditem .types ul li:not(:last-child) {
    margin-right: .12rem;
}

.caster .proditem .types ul li .ct {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.caster .proditem .types ul li .img {
    width: .36rem;
    height: .36rem;
}

.caster .proditem .types ul li .img img {
    min-height: .36rem;
    max-height: .42rem;
    filter: grayscale(100%) contrast(200%);
    -webkit-filter: grayscale(100%) contrast(200%);
}

.caster .proditem .types ul li .name {
    width: 100%;
    font-size: .2rem;
    height: .3rem;
    line-height: .3rem;
    margin-top: .07rem;
    text-align: center;
    white-space: normal;
}

.caster .proditem .types ul li.active {
    border-color: var(--main-theme-color);
    color: var(--main-theme-color);
}

.caster .proditem .types ul li.active .img img {
    filter: none;
}

.caster .list {
    display: flex;
    justify-content: space-between;
    flex-flow: wrap;
    margin-top: .3rem;
    padding-bottom: .46rem;
}

.caster .list .item {
    width: calc(50% - .12rem);
    padding: .28rem .24rem .36rem .24rem;
    background: #f7f8fa;
    margin-bottom: .12rem;
    display: flex;
    flex-flow: wrap;
}

.caster .list .item:not(:nth-child(n-1)) {
    margin-left: .12rem;
}

.caster .list .item .label {
    width: 100%;
    height: .6rem;
    line-height: .6rem;
    font-size: .28rem;
    color: var(--home-thmem-color);
    letter-spacing: .02rem;
    padding-left: .05rem;
}

.caster .list .item .label span {
    font-size: .24rem;
    color: #8b949b;
}

.caster .list .item .input-block {
    width: 100%;
    margin-top: .08rem;
    position: relative;
}

.caster .list .item .input {
    display: block;
    width: 100%;
    height: .72rem;
    line-height: .72rem;
    background: #fff;
    padding: 0 .22rem;
    font-size: .24rem;
    letter-spacing: .02rem;
}

.caster .list .item .input::-webkit-input-placeholder {
    color: #a4acb2;
}

.caster .list .item .input::-moz-placeholder {
    color: #a4acb2;
}

.caster .list .item .input:-ms-input-placeholder {
    color: #a4acb2;
}

.caster .list .item .select {
    display: block;
    width: 100%;
    height: .72rem;
    outline: none;
    border: 0;
    font-size: .24rem;
    letter-spacing: .02rem;
    padding: 0 .22rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff;
}

.caster .list .item .setbtn {
    font-size: .18rem;
    color: #7e7e7e;
    position: absolute;
    right: .2rem;
    top: 50%;
    transform: translateY(-50%);
}

.caster .list .firstitem {
    width: 100%;
    padding-top: .36rem;
    margin-bottom: .3rem;
}

.caster .list .firstitem .label {
    width: auto;
    height: .89rem;
    line-height: .89rem;
}

.caster .list .firstitem .input-block {
    margin-top: 0;
    flex: 1;
    margin-left: .28rem;
}

.caster .list .firstitem .select {
    height: .89rem;
}

.caster-result {
    padding-bottom: .4rem;
}

.search-nothing {
    background: rgba(249, 249, 249, .43);
    padding: .28rem .24rem;
}

.search-nothing .text {
    font-size: .24rem;
    letter-spacing: .01rem;
    color: var(--main-theme-color);
    text-align: center;
    line-height: .34rem;
}

.search-nothing .form {
    width: 5.56rem;
    height: .68rem;
    background: #fff;
    border: 1px solid #e4e4e4;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: .22rem auto 0;
    border-radius: .34rem;
}

.search-nothing .form .btns {
    width: .67rem;
    height: .67rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .28rem;
    font-weight: bold;
    color: #000e19;
}

.search-nothing .form .input {
    display: block;
    height: .67rem;
    line-height: .68rem;
    margin-right: .4rem;
    font-size: .24rem;
    margin-left: .2rem;
}

.search-nothing .form .input.place {
    color: #999;
}


/*=========
  选型-型号识别
  ==========*/

.scan-model {
    padding: .64rem .24rem 1.64rem;
}

.scan-model .tit {
    font-size: .24rem;
    color: #354957;
    text-align: center;
}

.scan-model .boxpic {
    width: 4.74rem;
    height: 4.74rem;
    margin: .6rem auto 0;
    position: relative;
}

.scan-model .boxpic .bg {
    width: 100%;
    height: 100%;
    background: url(../images/scan_bg.jpg) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.scan-model .boxpic .bg img {
    max-width: 100%;
    max-height: 100%;
}

.scan-model .boxpic .linebg {
    width: 100%;
    height: .42rem;
    background: url(../images/scane_linebg.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 0;
    top: 0;
    animation: scanne_line 5s infinite linear;
}

@keyframes scanne_line {
    0% {
        transform: translateY(-.14rem);
    }
    50% {
        transform: translateY(4.44rem);
    }
    100% {
        transform: translateY(-.14rem);
    }
}

.scan-model .tips {
    font-size: .22rem;
    color: #868f96;
    text-align: center;
    line-height: 1.56;
    margin: .42rem auto 0;
}

.scan-model .tips .tt {
    font-size: .26rem;
    font-weight: bold;
    color: var(--main-theme-color);
    margin-top: .32rem;
}

.scan-model .tool {
    display: flex;
    width: 6rem;
    margin: .6rem auto 0;
}

.scan-model .tool .btns {
    display: block;
    width: 0;
    flex: 1;
    height: .88rem;
    line-height: .86rem;
    background: #fff;
    border: 1px solid var(--main-theme-color);
    font-size: .32rem;
    color: var(--main-theme-color);
    text-align: center;
    border-radius: .44rem;
    position: relative;
}

.scan-model .tool .btns-primary {
    background-color: var(--main-theme-color);
    color: #fff;
}

.scan-model .tool .btns:not(:last-child) {
    margin-right: .24rem;
}

.scan-model .tool .btns .tu-box {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    border-radius: .44rem;
    position: absolute;
    left: 0;
    top: 0;
}


/*=========
  选型-型号识别-结果
  ==========*/

.scan-result .search-ban {
    background-color: #e8f1f2;
    background-size: 3.76rem 2.64rem;
    background-position: right bottom;
}

.scan-result .search-ban .text {
    border-left-color: var(--main-theme-color);
}

.scan-result .search-ban .text .info span {
    color: var(--main-theme-color);
}

.scan-result .search-nothing .form .input {
    width: 3.8rem;
}

.scan-result .search-wrapper {
    padding-top: 0;
}


/*=========
  关于我们
  ==========*/

.about-banner img {
    display: block;
    width: 100%;
}

.about-box {
    padding: .46rem .28rem;
    font-size: .28rem;
    line-height: 1.6;
}

.about-title {
    height: .44rem;
    line-height: .44rem;
    font-size: .36rem;
    font-weight: bold;
    color: var(--home-thmem-color);
    position: relative;
    padding-left: .18rem;
    margin-bottom: .44rem;
}

.about-title:before {
    display: block;
    content: "";
    width: .06rem;
    height: 100%;
    background-color: #3d6f9c;
    background-image: linear-gradient(to bottom, rgba(142, 198, 255, .56), rgba(142, 198, 255, 0));
    border-radius: .03rem;
    position: absolute;
    left: 0;
    top: 0;
}

.about-s1 .editor {
    font-size: .28rem;
    line-height: 1.6;
    color: var(--home-thmem-color);
    text-align: justify;
}

.about-s2 {
    margin-top: .58rem;
}

.about-s2 .video video {
    display: block;
    width: 100%;
}

.about-footer {
    padding: .58rem .24rem;
    background-image: linear-gradient(to bottom, #2e92cd, #0a70c3);
    color: #fff;
    text-align: center;
}

.about-footer .flogo img {
    height: 1.14rem;
}

.about-footer .title {
    font-size: .26rem;
    margin-top: .18rem;
}

.about-footer .phone {
    font-size: .48rem;
    font-weight: bold;
    line-height: 1.15;
    margin-top: .06rem;
    letter-spacing: .02rem;
}

.about-footer .phone a {
    color: #fff !important;
}

.about-footer .info {
    font-size: .28rem;
    margin-top: .1rem;
    margin-bottom: .14rem;
}


/*=========
  活动页
  ==========*/

.activity {
    background: url(../images/ad_bg.jpg) repeat;
    min-height: 100vh;
}

.activity .subimg img {
    display: block;
    width: 100%;
}

.activity .box {
    margin: 0 .49rem;
    padding: .4rem .3rem .1rem .3rem;
    position: relative;
    box-shadow: inset 0 0 .2rem rgba(130, 177, 226, .35);
    background: linear-gradient(#dcf6fa 0%, #e3f8fb 15%, #fff 100%);
    margin-top: -1.2rem;
}

.activity .box:after {
    display: block;
    content: "";
    width: 100%;
    height: .14rem;
    background: url(../images/acttline.png) repeat-x;
    background-size: auto 100%;
    position: absolute;
    left: 0;
    bottom: -.14rem;
    z-index: 2;
}

.activity .box .subconts {
    background: url(../images/actit_bg.png) no-repeat center;
    background-size: auto .38rem;
}

.activity .box .subconts .tit {
    font-size: .4rem;
    font-weight: bold;
    line-height: .5rem;
    color: var(--main-theme-color);
}

.activity .box .list {
    margin-top: .34rem;
    display: flex;
    flex-flow: wrap;
}

.activity .box .list .item {
    display: block;
    width: 2.81rem;
    height: 4.1rem;
    background: url(../images/tosdi_bg.png) no-repeat;
    background-size: 100% 100%;
    margin-bottom: .3rem;
    padding: .36rem .16rem 0;
    position: relative;
    transition: all 0s;
}

.activity .box .list .item:not(:nth-child(2n)) {
    margin-right: .3rem;
}

.activity .box .list .item .pic {
    display: flex;
    justify-content: center;
    height: 1.54rem;
}

.activity .box .list .item .pic img {
    max-height: 100%;
}

.activity .box .list .item .title {
    font-size: .28rem;
    color: #fff;
    line-height: 1.2;
    text-align: center;
    margin-top: .2rem;
}

.activity .box .list .item .price {
    font-size: .36rem;
    text-align: center;
    background: linear-gradient(to bottom, #f7fdfe, #c9f2f9);
    -webkit-background-clip: text;
    color: transparent;
    line-height: 1.3;
    margin-top: .02rem;
}

.activity .box .list .item .textprice {
    font-size: .24rem;
    color: rgba(255, 255, 255, .5);
    text-decoration: line-through;
    text-align: center;
    margin-top: .02rem;
}

.activity .box .list .item .desc {
    width: 100%;
    height: .64rem;
    line-height: .64rem;
    padding: 0 .16rem;
    font-size: .24rem;
    color: #fefefe;
    text-align: center;
    text-shadow: 0 .04rem .06rem rgba(14, 73, 105, .4);
    position: absolute;
    left: 0;
    bottom: .02rem;
}

.activity .box .list .item .desc:after {
    display: block;
    content: "";
    width: 2.58rem;
    height: .02rem;
    background: rgba(255, 255, 255, .5);
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
}

.activity .sk-loader {
    padding-top: .14rem;
}

.activity .foots {
    padding: 1.3rem .24rem;
    color: #fff;
    text-align: center;
}

.activity .foots .flogo img {
    height: 1.3rem;
}

.activity .foots .title {
    font-size: .26rem;
    margin-top: .18rem;
    color: rgba(255, 255, 255, .7);
}

.activity .foots .phone {
    font-size: .48rem;
    font-weight: bold;
    line-height: 1.15;
    margin-top: .06rem;
    letter-spacing: .02rem;
}

.activity .foots .phone a {
    color: #fff !important;
}

.activity .foots .info {
    font-size: .28rem;
    margin-top: .1rem;
    margin-bottom: .14rem;
}