/*banner*/
.ind-banner{width: 100%; overflow: hidden; z-index: 1;} 
.ind-banner .swiper-slide {position: relative; }
.ind-banner .swiper-slide .bg { height: 672px;}
.ind-banner .swiper-slide a{ display: block; width: 100%; height: 100%; }
.ind-banner .swiper-pagination{ position: absolute; text-align: center; left: 0; bottom: 20px!important; } 
.ind-banner .swiper-pagination-bullet { position: relative; width: auto; width: 8px; height: 8px; opacity: 1; border-radius: 50%; background: #fff; margin-left: 10px!important; margin-right: 10px!important; } 
.ind-banner .swiper-pagination-bullet-active { width: 40px; height: 8px; border-radius: 24px;}
/*banner结束*/

.zjpjDiv{ position: relative; }

.indexPart0{ position: relative; }

.indexFloor{ background: #f5f5f5; padding: 38px 0 30px; }
.indexFloor1{ padding: 100px 0 30px; }
.indexFloor .toptop{ height: 38px; position: relative; }
.indexFloor .title{ font-size: 30px; line-height: 30px; color: #333; }
.indexFloor .tab{ padding-left: 60px; }
.indexFloor .tab li{ margin-right: 45px; font-size: 16px; height: 38px; line-height: 38px; float: left; position: relative; }
.indexFloor .tab li:after{ content: ''; position: absolute; left: 50%; width: 0; bottom: 0; height: 2px; background: #e62129; }
.indexFloor .tab .liNow{ color: #e62129; }
.indexFloor .tab .liNow:after{ left: 0; width: 100%; }
.indexFloor .more{ position: absolute; right: 0; top: 0; font-size: 18px;}
.indexFloor .more a{ display: block; line-height: 38px; }
.indexFloor .more a:hover{ color: #e62129; }
.indexFloor .list{ padding-top: 70px; }
.indexFloor .list ul{ margin-right: -40px; }
.indexFloor .list li{ float: left; width: 25%; padding-bottom: 40px;}
.indexFloor .list li .box{ margin-right: 40px; border: #f0f0f0 solid 1px; background: #fff; height: 520px; padding-top: 35px; box-sizing: border-box;}
.indexFloor .list li .imgDiv{ height: 284px; box-sizing: border-box; position:relative; overflow: hidden;}
.indexFloor .list li .imgDiv img{ max-width: 270px; max-height: 284px; }
.indexFloor .list li .name{ font-size: 20px; padding: 20px 40px 0; }
.indexFloor .list li .name a{ display: block; color: #333; overflow: hidden; height: 32px; line-height: 32px; }
.indexFloor .list li .amount{ font-size: 14px; color: #999; padding: 28px 40px 0; height: 45px; }
.indexFloor .list li .botDiv{ position: relative; padding: 0 40px; }
.indexFloor .list li .price{ font-size: 30px; color: #e62129; line-height: 30px; }
.indexFloor .list li .wen{ font-size: 16px; color: #999; }
.indexFloor .list li .btn{ position: absolute; right: 40px; top: 0; }
.indexFloor .list li .btn a{ display: block; width: 80px; height: 45px; border-radius: 24px; line-height: 45px; background: #c9c9c9 url(../images/nimg26_2.png) center no-repeat; }
.indexFloor .list li .name a:hover{ color: #e62129; }
.indexFloor .list li .btn a:hover{ background: #e62129 url(../images/nimg26_2.png) center no-repeat;}
.indexFloor .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}

.indexAD{ background: #f5f5f5;}
.indexAD .imgDiv img{ width: 100%; }

.memberBox{ padding: 30px 0 120px; background: #f9fafb;}
.memberTitle{ height: 80px; background: #e62129; padding-left: 30px; color: #fff; line-height: 80px; font-size: 24px; }
.memberTitle em{ font-size: 18px; padding-left: 15px; font-family:din; color: rgba(255,255,255,0.5);}

.memberNav{ border: #f0f0f0 solid 1px; padding: 0 30px 28px; background: #fff; }
.memberNav li{ font-size: 16px; height: 60px; position: relative;}
.memberNav li:after{ content: ''; background: #f0f0f0; width: 100%; height: 1px; position: absolute; left: 0; bottom: 0;}
.memberNav li a{ display: block; height: 60px; line-height: 60px; overflow: hidden; position: relative;}
.memberNav li a:after{ content: ''; position: absolute; right: 0; top: 50%; margin-top: -5px; width: 6px; height: 10px; background: url(../images/ico3.png) no-repeat; }
.memberNav li a:hover, .memberNav li .aNow{ color: #e62129;}
.memberNav li a:hover:after, .memberNav li .aNow:after{ background: url(../images/ico3on.png) no-repeat;}

.datum .title{ height: 60px; background: #f2f2f2; line-height: 60px; padding-left: 50px; color: #e62129; font-size: 16px; }
.datum .bigBox{ background: #fff; border: #dfdfdf solid 1px; padding: 50px 100px 90px 265px; }
.datum .list li{ float: left; width: 210px; padding: 0 20px 0 110px; margin-bottom: 5px; position: relative; font-size: 14px; height: 48px; line-height: 24px; overflow: hidden;}
.datum .list li em{ position: absolute; left: 0; top: 0; text-align: right; display: block; width: 90px; }

.screenDiv{ margin-bottom: 40px; height: 60px; background: #f2f2f2; position: relative; overflow: hidden; }
.screenDiv2{ background: #eff1f3; margin-bottom: 30px; }
.screenDiv .sala{ padding-left: 32px; }
.screenDiv .sala li{ float: left; margin-right: 100px; font-size: 16px; }
.screenDiv2 .sala li{ margin-right: 50px; }
.screenDiv .sala li a{ color: #333; line-height: 60px;}
.screenDiv .sala li .aNow{ color: #e62129; }
.screenDiv .btnDiv{ position: absolute; right: 30px; top: 0;}
.screenDiv .btnDiv a{ display: block; line-height: 60px; padding-left: 25px; font-size: 16px; background: url(../images/nimg16_6.png) left center no-repeat; }
.screenDiv .btnDiv a:hover{ background: url(../images/nimg16_6on.png) left center no-repeat;}

.chooseModal-box { width: 100%; height: 100%; position: fixed; left: 0; top: 0; align-items: center; z-index: 99; background: rgba(0, 0, 0, 0.5); display: none;}
.chooseModal-box.on {
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
}

.chooseLayer{ width: 800px; height: 350px; margin: 0 auto; background: #fff; position: relative; box-sizing: border-box;}
.chooseLayer .close{ display:block; position:absolute; right:18px; top:15px; width:30px; height:30px; background: url(../images/close.png) center no-repeat; background-size: 30px;}
.chooseLayer .title{ height: 60px; line-height: 60px; background: #f2f2f2; padding-left: 18px; font-size: 18px; }
.chooseLayer .mxfDiv{ padding: 25px 18px 0; }
.chooseLayer .list{ border: #dcdfe6 solid 1px; border-bottom: none; }
.chooseLayer .list li{ border-bottom: #dcdfe6 solid 1px; padding: 14px 345px 14px 124px; box-sizing: border-box; position: relative; height: 58px; }
.chooseLayer .list li em{ display: block; position: absolute; left: 24px; font-size: 14px; line-height: 58px; top: 0; }
.chooseLayer .list .hala{ border-left: #dcdfe6 solid 1px; overflow: hidden;}
.chooseLayer .list .hala dd{ float: left; cursor: pointer; width: 20%; text-align: center; font-size: 14px; }
.chooseLayer .list .hala dd a{ display: block; height: 28px; line-height: 28px; color: #666; border-top: #dcdfe6 solid 1px; border-bottom: #dcdfe6 solid 1px; border-right: #dcdfe6 solid 1px;  }
.chooseLayer .list .hala .ddNow{ background: #e62129; color: #fff; border-top: #e62129 solid 1px; border-bottom: #e62129 solid 1px; border-right: #e62129 solid 1px; }
.chooseLayer .list .box{ height: 28px; border: #dcdfe6 solid 1px;}
.chooseLayer .list .input1{ box-sizing: border-box; padding-left: 35px; font-size: 14px; height: 28px; line-height: 28px; background: #fff url(../images/nimg15_1.jpg) 12px center no-repeat; }
.chooseLayer .btnGroup{ float: right; padding-top: 16px; }
.chooseLayer .btnGroup li{ float: left; margin-left: 15px; }
.chooseLayer .btnGroup li a{ display: block; width: 113px; height: 38px; line-height: 38px; text-align: center; font-size: 14px; color: #999; border: #dcdfe6 solid 1px; border-radius: 8px; }
.chooseLayer .btnGroup li a:hover, .chooseLayer .btnGroup li .btn1{ background: #e62129; border: #e62129 solid 1px; color: #fff; }


.gift .list ul{ margin-right: -38px; }
.gift .list li{ float: left; width: 50%; padding-bottom: 35px;}
.gift .list li .box{ margin-right: 38px; }
.gift .list li .imgDiv{ background: #eaeaea; height: 300px; box-sizing: border-box; position:relative; overflow: hidden;}
.gift .list li .imgDiv img{ max-width: 420px; max-height: 280px; }
.gift .list li .botDiv{ position: relative; height: 172px; padding: 30px 32px 0; box-sizing: border-box; border: #ebebeb solid 1px; border-top: none; }
.gift .list li .name{ height: 32px; line-height: 32px; color: #333; font-size: 20px; overflow: hidden; }
.gift .list li .msgLie{ padding-top: 18px; }
.gift .list li .msgLie dd{ font-size: 16px; line-height: 36px; color: #666;}
.gift .list li .btnDiv{ position: absolute; right: 32px; bottom: 20px; width: 115px; height: 40px; line-height: 40px; color: #fff; background: #e62129; font-size: 16px; text-align: center; border-radius: 8px; }
.gift .list li .ended{ background: #c2c2c2;}
.gift .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.gift .list li .box:hover .name{ color: #e62129; }

.giftShow .name{ font-size: 36px; line-height: 48px; color: #252e3c; font-weight: bold; padding-bottom: 35px; }
.giftShow .txt{ height: 38px; border-bottom: #eff1f3 solid 1px; padding-left: 16px; position: relative; font-size: 18px; color: #252e3c; font-weight: bold; line-height: 18px; }
.giftShow .txt:before{ content: ''; position: absolute; left: 0; top: 0; width: 4px; height: 18px; background: #e62129; }
.giftShow .msgList{ padding: 12px 0 45px; overflow: hidden;}
.giftShow .msgList li{ float: left; width: 50%; line-height: 32px; color: #535d6d; font-size: 16px; }
.giftShow .content{ padding: 12px 0 45px; line-height: 32px; color: #535d6d; font-size: 16px;}
.giftShow .imgList{ padding-top: 20px; width: 865px; }
.giftShow .imgList ul{ margin-right: -50px; }
.giftShow .imgList li{ float: left; width: 33.33%; }
.giftShow .imgList li .limg{ margin-right: 50px;}
.giftShow .imgList li .limg img{ width: 255px; }
.giftShow .btnDiv{ width: 380px; margin: 60px auto 0; }
.giftShow .btnDiv a{ display: block; width: 100%; height: 48px; line-height: 48px; background: #e01d31; text-align: center; color: #fff; font-size: 14px; font-weight: bold; }

.sideList{ background: #f8f9fa; padding: 60px 35px; }
.sideList .title{ font-size: 30px; line-height: 30px; color: #252e3c; font-weight: bold; padding-bottom: 32px; position: relative; }
.sideList .title:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 44px; height: 4px; background: #e01d31; }
.sideList .list{ padding-top: 25px; border-bottom: #d6dadf solid 1px; }
.sideList .list li{ padding: 35px 0 25px; }
.sideList .list li a{ display: block; width: 100%; height: 100%; }
.sideList .list li .imgDiv{ overflow: hidden; }
.sideList .list li .imgDiv img{ width: 100%; }
.sideList .list li .name{ padding-top: 24px; line-height: 30px; height: 60px; overflow: hidden; font-size: 16px; color: #252e3c; font-weight: bold; }
.sideList .list li .time{ margin-top: 12px; height: 32px; line-height: 32px; position: relative; font-size: 16px; color: #cacbcd; font-family: mont; }
.sideList .list li .time:after{ content: ''; position: absolute; right: 0; top: 0; width: 32px; height: 32px; background: url(../images/nimg32_1.png) center no-repeat; }
.sideList .list li:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.sideList .list li:hover .name{ color: #e62129; }
.sideList .backBtn{ padding-top: 50px; }
.sideList .backBtn a{ display: block; width: 100%; height: 48px; line-height: 48px; color: #fff; text-align: center; font-size: 14px; font-weight: bold; background: #e62129;}

.password .title{ height: 60px; background: #f2f2f2; line-height: 60px; padding-left: 50px; color: #e62129; font-size: 16px; }
.password .bigBox{ background: #fff; border: #dfdfdf solid 1px; padding: 60px 0 155px; }
.password .form{ width: 718px; margin: 0 auto; }
.password .form li{ padding-bottom: 38px; }
.password .form li .txt{ font-size: 14px; color: #535d6d; height: 35px; }
.password .form li .box{ height: 48px; border: #d6dadf solid 1px; }
.password .form li .input1{ width: 100%; font-size: 14px; line-height: 48px; height: 48px; box-sizing: border-box; padding: 0 24px; }
.password .btnDiv{ padding-top: 16px; width: 718px; margin: 0 auto; }
.password .btnDiv a{ display: block; width: 100%; height: 50px; line-height: 50px; color: #fff; text-align: center; font-size: 16px; background: #e62129;}

.adApply .list ul{ margin-right: -38px; }
.adApply .list li{ float: left; width: 50%; padding-bottom: 35px;}
.adApply .list li .box{ margin-right: 38px; border: #ebebeb solid 1px; }
.adApply .list li .imgDiv{ overflow: hidden;}
.adApply .list li .imgDiv img{ width: 100%; }
.adApply .list li .botDiv{ position: relative; height: 172px; padding: 30px 32px 0; box-sizing: border-box;}
.adApply .list li .name{ height: 32px; line-height: 32px; color: #333; font-size: 20px; overflow: hidden; }
.adApply .list li .msgLie{ padding-top: 18px; }
.adApply .list li .msgLie dd{ font-size: 16px; line-height: 36px; color: #666;}
.adApply .list li .msgLie em{ color: #e62129;}
.adApply .list li .btnDiv{ position: absolute; right: 32px; bottom: 20px; width: 113px; height: 38px; line-height: 38px; color: #666; border: #666 solid 1px; font-size: 16px; text-align: center; border-radius: 8px; }
.adApply .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.adApply .list li .box:hover .name{ color: #e62129; }
.adApply .list li .box:hover .btnDiv{ background: #e62129; border: #e62129 solid 1px; color: #fff;}

.applyShow .name{ font-size: 36px; line-height: 48px; color: #252e3c; font-weight: bold; padding-bottom: 75px; }
.applyShow .msgList{ padding-bottom: 55px; overflow: hidden;}
.applyShow .msgList li{ line-height: 32px; font-size: 16px; }
.applyShow .bigImg img{ width: 100%; }
.applyShow .btnDiv{ width: 380px; margin: 70px auto 0; }
.applyShow .btnDiv a{ display: block; width: 100%; height: 48px; line-height: 48px; background: #e01d31; text-align: center; color: #fff; font-size: 14px; font-weight: bold; }

.promotion .list ul{ margin-right: -38px; }
.promotion .list li{ float: left; width: 50%; padding-bottom: 35px;}
.promotion .list li .box{ margin-right: 38px; border: #ebebeb solid 1px; }
.promotion .list li .imgDiv{ overflow: hidden;}
.promotion .list li .imgDiv img{ width: 100%; }
.promotion .list li .botDiv{ position: relative; height: 172px; padding: 30px 32px 0; box-sizing: border-box;}
.promotion .list li .name{ height: 32px; line-height: 32px; color: #333; font-size: 20px; overflow: hidden; }
.promotion .list li .msgLie{ padding-top: 18px; }
.promotion .list li .msgLie dd{ font-size: 16px; line-height: 36px; color: #666;}
.promotion .list li .btnDiv{ position: absolute; right: 32px; bottom: 20px; width: 115px; height: 40px; line-height: 40px; color: #fff; background: #e62129; font-size: 16px; text-align: center; border-radius: 8px; }
.promotion .list li .ended{ background: #c2c2c2;}
.promotion .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.promotion .list li .box:hover .name{ color: #e62129; }

.productBox{ background: #f2f2f2; }

.productPart1{ background: #fff; border: #e9e9e9 solid 1px; padding: 30px 130px 35px 30px; overflow: hidden;}
.productPart1 .detail-box{ width: 666px; border: #e9e9e9 solid 1px; box-sizing: border-box;}
.productPart1 .detail-box .imgDiv img{ width: 100%; }
.productPart1 .detail-box .list .item { display: none; position: relative;}
.productPart1 .detail-box .list .item.on { display: block; animation: fadeOfOpacity .5s linear;}
.productPart1 .box-container{ width: 666px; position: relative; margin-top: 30px; }
.productPart1 .img-swiper{ width: 572px; margin: 0 auto; }
.productPart1 .img-swiper .limg{ border: #fff solid 1px; cursor: pointer; text-align:center; }
.productPart1 .img-swiper .swiper-slide img{ width: 128px; }
.productPart1 .swiper-slide.swiper-slide-active .limg{ border: #e9e9e9 solid 1px;  }
.productPart1 .swiper-btn{ position: absolute; display: block; width: 30px; height: 30px; top: 50%; margin-top: -15px; }
.productPart1 .prev{ left: 0; background: url("../images/nimg30_left.png") center no-repeat; }
.productPart1 .next{ right: 0; background: url("../images/nimg30_right.png") center no-repeat;}
.productPart1 .prev:hover{ background: url("../images/nimg30_lefton.png") center no-repeat;}
.productPart1 .next:hover{ background: url("../images/nimg30_righton.png") center no-repeat;}

.productPart1 .rightDiv{ width: 640px; padding-top: 60px; }
.productPart1 .name{ font-size: 24px; line-height: 32px; color: #333; text-transform: uppercase; padding-bottom: 12px; }
.productPart1 .msgDiv{ background: #f5f5f5; padding: 20px; }
.productPart1 .wen{ font-size: 18px; line-height: 26px; padding-bottom: 20px; }
.productPart1 .price{ font-size: 30px; color: #e62129; line-height: 30px; }
.productPart1 .size{ padding: 24px 0 0 136px; position: relative; overflow: hidden; }
.productPart1 .size em{ display: block; position: absolute; left: 20px; top: 24px; line-height: 35px; font-size: 18px; }
.productPart1 .size ul{ margin-right: -6px; }
.productPart1 .size li{ float: left; width: 25%; padding-bottom: 10px; }
.productPart1 .size li .box{ margin-right: 6px; }
.productPart1 .size li a{ display: block; height: 35px; line-height: 35px; color: #999; font-size: 14px; text-align: center; background: #f6f6f6; }
.productPart1 .size li a:hover{ background: #e62129; color: #fff; }
.productPart1 .btnGroup{ padding-top: 45px; }
.productPart1 .btnGroup li{ float: left; margin-right: 25px; }
.productPart1 .btnGroup li:last-child{ margin-right: 0; }
.productPart1 .btnGroup li a{ display: block; width: 165px; height: 50px; line-height: 50px; text-align: center; color: #fff; font-size: 18px; }
.productPart1 .btnGroup li .btn1{ background: #0180eb; }
.productPart1 .btnGroup li .btn2{ background: #ff9900; }
.productPart1 .btnGroup li .btn3{ background: #e62129; }

@keyframes fadeOfOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.productPart2{ padding-top: 45px; }
.hotPro{ border: #e9e9e9 solid 1px; background: #fff; }
.hotPro .title{ height: 60px; line-height: 60px; border-bottom: #e9e9e9 solid 1px; background: #f7f7f7; padding-left: 28px; font-size: 18px; color: #333; }
.hotPro .list{ padding: 20px 18px; }
.hotPro .list li{ padding-bottom: 25px; text-align: center; }
.hotPro .list li .imgDiv{ border: #e6e6e6 solid 1px; overflow: hidden;}
.hotPro .list li .imgDiv img{ width: 100%; }
.hotPro .list li .name{ font-size: 20px; line-height: 20px; overflow: hidden; color: #333; padding-top: 15px; height: 28px; line-height: 28px; }
.hotPro .list li .wen{ font-size: 14px; color: #e62129; padding-top: 5px; }
.hotPro .list li:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}

.proMsg{ border: #e9e9e9 solid 1px; background: #fff; }
.proMsg .title{ height: 60px; line-height: 60px; border-bottom: #e9e9e9 solid 1px; background: #f7f7f7; padding-left: 28px; font-size: 18px; color: #333; }
.proMsg .list{ background: #fff; padding: 25px 46px; overflow: hidden;}
.proMsg .list li{ float: left; font-size: 16px; line-height: 30px; padding-right: 150px; }

.proImg{ border: #e9e9e9 solid 1px; background: #fff; margin-top: 30px; }
.proImg .title{ height: 60px; line-height: 60px; border-bottom: #e9e9e9 solid 1px; background: #f7f7f7; padding-left: 28px; font-size: 18px; color: #333; }
.proImg .bigImg{ padding: 90px; }
.proImg .bigImg img{ width: 100%; }

.offerPart1.other{ padding: 20px 0 105px; }
.offerPart1 .title{ height: 56px; line-height: 56px; position: relative; padding-left: 14px; font-size: 18px; color: #333;}
.offerPart1 .title:before{ content: ''; position: absolute; left: 0; top: 50%; margin-top: -9px; width: 4px; height: 18px; background: #e62129; }

.offer_t{ height: 60px; background: #f2f2f2;  }
.offer_t .pj{ height: 60px; line-height: 60px; float: left; text-align: center; font-size: 16px; color: #333;}
.offer_t .li01{ width: 7.68%; }
.offer_t .li02{ width: 22.25%; text-align: left;}
.offer_t .li03{ width: 13.32%; }
.offer_t .li04{ width: 13.97%; }
.offer_t .li05{ width: 15.27%; }
.offer_t .li06{ width: 15.9%; }
.offer_t .li07{ width: 11.61%; }


.select{ position: relative; display: inline-block;}
.select dt{height: 60px;line-height: 60x; display: block; cursor: pointer; overflow: hidden; position: relative; z-index: 5;}
.select dt a{ color: #333; position: relative; padding-right: 20px; display: inline-block; overflow: hidden; } 
.select dt a:after{ content: ''; position: absolute; right: 0; top: 50%; margin-top: -3px; width: 10px; height: 5px; background: url(../images/selectIco.png) no-repeat;}
.select dt a.on{ color: #e62129;}
.select dt a.on:after{ background: url(../images/selectIcoon.png) no-repeat;}
.select dd{ position: absolute; right: 0px; top: 60px; z-index: 8; width: 110px;} 
.select dd ul { overflow: auto; padding: 5px 0; background: #fff; -webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.1); box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);} 
.select dd ul li{line-height: 36px; height: 36px; cursor: pointer; color: #333; font-size: 14px; padding: 0 10px;}
.select dd ul li:hover{ color: #fff; background: #e62129;}

.offer_m{ margin-top: 20px; clear: both; overflow: hidden; }
.offer_m li{ height: 138px; border: #dfdfdf solid 1px; margin-bottom: 20px;}
.offer_mb1{ width: 7.68%; text-align: center;}
.offer_mb1 input{ position:relative; top:20px;}
.offer_mb2{ width: 22.25%; position:relative; height:138px; padding-right:10px; padding-left:115px; box-sizing: border-box; }
.offer_mb2 .imgDiv{ position:absolute; top:20px; left:0px; border: #cbcbcb solid 1px;}
.offer_mb2 .imgDiv img{ width: 98px;}
.offer_mb2 .name{ font-size: 14px; color: #333; line-height: 24px; }
.offer_mb3{ width: 13.32%; line-height: 138px; text-align: center; color: #333; font-size: 14px; }
.offer_mb4{ width: 13.97%; line-height: 138px; text-align: center; color: #333; font-size: 14px; }
.offer_mb5{ width: 15.27%; line-height: 138px; text-align: center; color: #333; font-size: 14px; }
.offer_mb6{ width: 15.9%; line-height: 138px; text-align: center; color: #333; font-size: 14px; }
.offer_mb7{ width: 11.61%; line-height: 138px; text-align: center; color: #333; font-size: 14px; }

.offerPart2{ padding: 12px 0 30px; }
.offerPart2 .title{ height: 56px; line-height: 56px; position: relative; padding-left: 14px; font-size: 18px; color: #333; border-bottom: #f2f2f2 solid 1px;}
.offerPart2 .title:before{ content: ''; position: absolute; left: 0; top: 50%; margin-top: -9px; width: 4px; height: 18px; background: #e62129; }
.offerPart2 .btnDiv{ padding: 30px 0 0 30px; }
.offerPart2 .btnDiv a{ display: block; width: 148px; height: 148px; border: #dcdfe6 dashed 1px; background: url(../images/nimg24_1.png) center no-repeat; }

.offerPart3{ padding-bottom: 120px; }
.offerPart3.other{ padding-bottom: 20px; }
.offerPart3 .title{ height: 56px; line-height: 56px; position: relative; padding-left: 14px; font-size: 18px; color: #333; border-bottom: #f2f2f2 solid 1px;}
.offerPart3 .title:before{ content: ''; position: absolute; left: 0; top: 50%; margin-top: -9px; width: 4px; height: 18px; background: #e62129; }
.offerPart3 .form{ padding: 30px 80px 50px 120px; }
.offerPart3.other .form{ padding: 30px 80px 0 120px; }
.offerPart3 .form ul{ margin-right: -65px; }
.offerPart3 .form li{ float: left; width: 50%; padding-bottom: 20px;}
.offerPart3 .form .li01, .offerPart3 .form .li02{ width: 100%; }
.offerPart3 .form li .box{ margin-right: 65px; padding-left: 95px; position: relative; }
.offerPart3 .form .li02 .box{ padding-right: 160px; }
.offerPart3 .form li .txt{ position: absolute; left: 0; top: 0; line-height: 50px; font-size: 14px;}
.offerPart3 .form li .mxfDiv{ border: #dcdfe6 solid 1px; border-radius: 4px; }
.offerPart3 .form li .input1{ width: 100%; height: 48px; line-height: 48px; font-size: 14px; box-sizing: border-box; padding-left: 20px; }
.offerPart3 .form li .links{ position: absolute; right: 0; top: 0; width: 160px; }
.offerPart3 .form li .links a{ display: block; text-align: center; line-height: 48px; color: #d81e06; font-size: 14px; }
.offerPart3 .form li .links a:hover{ text-decoration: underline; }
.offerPart3 .form li textarea{ width: 100%; box-sizing: border-box; padding: 15px 20px; height: 115px; font-size: 14px; }
.offerPart3 .btnDiv{ width: 380px; margin: 0 auto; }
.offerPart3 .btnDiv a{ display: block; width: 100%; height: 48px; line-height: 48px; background: #e62129; text-align: center; color: #fff; font-size: 14px; font-weight: bold; }

.offerPart4{ padding-bottom: 120px; }
.offerPart4 .title{ height: 56px; line-height: 56px; position: relative; padding-left: 14px; font-size: 18px; color: #333;}
.offerPart4 .title:before{ content: ''; position: absolute; left: 0; top: 50%; margin-top: -9px; width: 4px; height: 18px; background: #e62129; }
.order_t{ height: 60px; overflow: hidden; background: #f2f2f2; }
.order_t li{ float: left; font-size: 16px; color: #333; line-height: 60px; text-align: center;}
.order_t .li01{ width: 6.5%; }
.order_t .li02{ width: 26%; }
.order_t .li03{ width: 16.2%; }
.order_t .li04{ width: 17.5%; }
.order_t .li05{ width: 17.5%; }
.order_t .li06{ width: 16.3%; }
.order_m{ border: #f2f2f2 solid 1px; border-top: none; }
.order_m li{ height: 60px; }
.order_m li:nth-child(2n){ background: #fbfbfb; }
.order_m li .order_mb{ line-height: 60px; font-size: 14px; text-align: center; }
.order_m li .order_mb1{ width: 6.5%; }
.order_m li .order_mb2{ width: 26%; text-align: left; box-sizing: border-box; padding: 0 30px;}
.order_m li .order_mb3{ width: 16.2%; }
.order_m li .order_mb4{ width: 17.5%; }
.order_m li .order_mb5{ width: 17.5%; }
.order_m li .order_mb6{ width: 16.3%; }

.supplier .toptop{ height: 60px; background: #eff1f3; margin-bottom: 30px; padding-left: 50px; position: relative; overflow: hidden;}
.supplier .toptop li{ float: left; padding-right: 45px; font-size: 16px;}
.supplier .toptop li a{ display: block; height: 60px; line-height: 60px; color: #333; }
.supplier .toptop li .aNow{ color: #e62129; font-weight: bold; }
.supply_t{ height: 60px; background: #eff1f3; }
.supply_t .pj{ height: 60px; line-height: 60px; float: left; text-align: center; font-size: 16px; color: #333;}
.supply_t .li01{ width: 11.3%; }
.supply_t .li02{ width: 20.5%;}
.supply_t .li03{ width: 16.3%; }
.supply_t .li04{ width: 18%; }
.supply_t .li05{ width: 16.3%; }
.supply_t .li06{ width: 17.6%; }

.supply_m{ clear: both; overflow: hidden; border-top: #e4e6ea solid 1px; }
.supply_m li{ background: #fff; height: 75px; border: #e4e6ea solid 1px; border-top: none; }
.supply_mb1{ width: 11.3%; line-height: 75px; text-align: center; color: #87919e; font-size: 16px; }
.supply_mb2{ width: 20.5%; line-height: 75px; text-align: center; color: #87919e; font-size: 16px; }
.supply_mb3{ width: 16.3%; line-height: 75px; text-align: center; color: #87919e; font-size: 16px; }
.supply_mb4{ width: 18%; line-height: 75px; text-align: center; color: #87919e; font-size: 16px; }
.supply_mb5{ width: 16.3%; line-height: 75px; text-align: center; color: #87919e; font-size: 16px; }
.supply_mb6{ width: 17.6%; line-height: 75px; text-align: center; color: #87919e; font-size: 16px; }

.purchase_t{ height: 60px; background: #eff1f3; }
.purchase_t .pj{ height: 60px; line-height: 60px; float: left; text-align: center; font-size: 16px; color: #333;}
.purchase_t .li01{ width: 8.5%; }
.purchase_t .li02{ width: 14.2%;}
.purchase_t .li03{ width: 12.4%; }
.purchase_t .li04{ width: 9%; }
.purchase_t .li05{ width: 7.7%; }
.purchase_t .li06{ width: 25.9%; }
.purchase_t .li07{ width: 10.3%; }
.purchase_t .li08{ width: 12%; }

.purchase_m{ clear: both; overflow: hidden; border-top: #e4e6ea solid 1px; }
.purchase_m li{ background: #fff; height: 75px; border: #e4e6ea solid 1px; border-top: none; }
.purchase_mb{ text-align: center; color: #87919e; font-size: 14px; height: 75px;}
.purchase_mb1{ width: 8.5%; line-height: 75px; }
.purchase_mb2{ width: 14.2%; box-sizing: border-box; padding: 0 5px; line-height: 22px; }
.purchase_mb3{ width: 12.4%; line-height: 75px; }
.purchase_mb4{ width: 9%; line-height: 75px; }
.purchase_mb5{ width: 7.7%; line-height: 75px; }
.purchase_mb6{ width: 25.9%; font-size: 0; }
.purchase_mb7{ width: 10.3%; line-height: 75px; }
.purchase_mb8{ width: 12%; line-height: 75px; color: #e01d31;  }
.purchase_mb6 dd{ display: inline-block; margin: 0 5px; }
.purchase_mb6 dd a{ font-size: 14px; display: block; width: 78px; height: 28px; line-height: 28px; color: #87919e; border: #ecf0f4 solid 1px; border-radius: 24px;}
.purchase_mb6 dd a:hover{ border: #d9193a solid 1px; color: #d9193a; }

.cartDiv{ margin-top: 15px; position: relative; height: 60px; background: #f6f6f6; padding-left: 40px; }
.cartDiv .check{ line-height: 60px; color: #333; font-size: 16px; }
.cartDiv .check input{ position: relative; top: 2px; margin-right: 16px; width: 15px; height: 15px; }
.cartDiv .links{ padding-left: 86px; }
.cartDiv .links li{ float: left; margin-right: 75px; }
.cartDiv .links a{ display: block; height: 60px; line-height: 60px; position: relative; padding-left: 28px; font-size: 16px;}
.cartDiv .links a img{ position: absolute; left: 0; top: 50%; margin-top: -10px; }
.cartDiv .btnGroup{ position: absolute; right: 40px; top: 10px; border-radius: 24px; overflow: hidden; width: 240px;}
.cartDiv .btnGroup li{ float: left; width: 120px; text-align: center; font-size: 16px;}
.cartDiv .btnGroup a{ display: block; height: 40px; line-height: 40px; color: #fff;}
.cartDiv .btnGroup .btn1{ background: #ff9900; }
.cartDiv .btnGroup .btn2{ background: #d81e06; }

.record .toptop{ height: 60px; background: #f2f2f2; margin-bottom: 30px; padding-left: 50px; position: relative; overflow: hidden;}
.record .toptop .links li{ float: left; padding-right: 45px; font-size: 16px;}
.record .toptop .links li a{ display: block; height: 60px; line-height: 60px; color: #333; }
.record .toptop .links li .aNow{ color: #e62129; font-weight: bold; }
.record .btnGroup{ position: absolute; right: 35px; top: 10px; }
.record .btnGroup li{ float: left; margin-left: 15px; }
.record .btnGroup li a{ display: block; width: 108px; height: 38px; border: #dbdbdb solid 1px; text-align: center; line-height: 38px; background: #fff; font-size: 16px; }
.record .btnGroup li a:hover{ background: #e62129; border: #e62129 solid 1px; color: #fff; }

.record_t{ height: 60px; background: #f2f2f2; }
.record_t .pj{ height: 60px; line-height: 16px; float: left; text-align: center; font-size: 16px; color: #333; width: 8.33%;}
/*.record_t .li01{ width: 7.7%; }
.record_t .li02{ width: 20.5%;}
.record_t .li03{ width: 16.3%; }
.record_t .li04{ width: 18%; }
.record_t .li05{ width: 16.3%; }
.record_t .li06{ width: 17.6%; }*/

.record_m{ clear: both; overflow: hidden; border-top: #e4e6ea solid 1px; }
.record_m li{ background: #fff; height: 75px; border: #e4e6ea solid 1px; border-top: none; }
.record_mb{ width: 8.33%; line-height: 75px; text-align: center; color: #999; font-size: 14px; }
/*.record_mb1{ width: 7.7%; line-height: 75px; text-align: center; color: #87919e; font-size: 14px; }
.record_mb2{ width: 20.5%; line-height: 75px; text-align: center; color: #87919e; font-size: 14px; }
.record_mb3{ width: 16.3%; line-height: 75px; text-align: center; color: #87919e; font-size: 14px; }
.record_mb4{ width: 18%; line-height: 75px; text-align: center; color: #87919e; font-size: 14px; }
.record_mb5{ width: 16.3%; line-height: 75px; text-align: center; color: #87919e; font-size: 14px; }
.record_mb6{ width: 17.6%; line-height: 75px; text-align: center; color: #87919e; font-size: 14px; }
*/
.record_mb12{ color: #e62129; }


.category{ padding: 30px 0 120px; }
.typeDiv{ padding-bottom: 30px; border-top: #eee solid 1px; }
.typeDiv li{ position: relative; overflow: hidden; padding-left: 130px; padding-top: 10px; padding-bottom: 10px; border-bottom: #eee solid 1px; }
.typeDiv li em{ position: absolute; left: 0; top: 10px; font-size: 14px; color: #333; line-height: 38px; }
.typeDiv dd{ float: left; padding-right: 32px;}
.typeDiv dd a{ font-size: 14px; line-height: 38px; color: #333; }
.typeDiv dd a:hover{ color: #e62129; }

.category .pjDiv{ position: relative; background: #f2f2f2; height: 80px; margin-bottom: 60px; padding-left: 30px;}
.category .form{ padding: 20px 0 0 100px; position: relative; }
.category .form em{ position: absolute; left: 0; top: 20px; color: #333; font-size: 16px; line-height: 40px; }
.category .input1{ float: left; width: 113px; height: 38px; line-height: 38px; border: #dbdbdb solid 1px; background: #fff; font-size: 14px;}
.category .symbol{ padding: 0 20px; font-size: 16px; line-height: 40px; }
.category .symbol2{ padding: 0 30px;}
.category .btnDiv{ padding-left: 60px; }
.category .btnDiv a{ display: block; width: 115px; height: 40px; line-height: 40px; background: #e62129; font-size: 16px; color: #fff; text-align: center; }

.category .pjDiv .tab2{ position: absolute; right: 30px; top: 28px; }
.category .pjDiv .tab2 li{ float: left; margin-left: 25px; width: 22px; height: 22px; position: relative; }
.category .pjDiv .tab2 li .img1{ opacity: 0; position: absolute; left: 0; top: 0;}
.category .pjDiv .tab2 .liNow img{ opacity: 0; }
.category .pjDiv .tab2 .liNow .img1{ opacity: 1; }

.category_t{ height: 60px; background: #f2f2f2;  }
.category_t .pj{ height: 60px; line-height: 60px; float: left; text-align: center; font-size: 14px; color: #333;}
.category_t .li01{ width: 7.2%; text-align: left; text-indent: 20px; }
.category_t .li02{ width: 17.9%;}
.category_t .li03{ width: 12.4%; }
.category_t .li04{ width: 12.5%; }
.category_t .li05{ width: 12.5%; }
.category_t .li06{ width: 12.5%; }
.category_t .li07{ width: 12.5%; }
.category_t .li08{ width: 12.5%; }

.category_m{ clear: both; overflow: hidden; padding-bottom: 10px;}
.category_m li{ height: 60px;}
.category_m li:nth-child(2n){ background: #fbfbfb; }
.category_mb1{ width: 7.2%; }
.category_mb1 input{ position:relative; top:20px; left: 20px;}
.category_mb2{ width: 17.9%; line-height: 60px; text-align: center; color: #333; font-size: 14px;  }
.category_mb3{ width: 12.4%; line-height: 60px; text-align: center; color: #333; font-size: 14px; }
.category_mb4{ width: 12.5%; line-height: 60px; text-align: center; color: #333; font-size: 14px; }
.category_mb5{ width: 12.5%; line-height: 60px; text-align: center; color: #333; font-size: 14px; }
.category_mb6{ width: 12.5%; line-height: 60px; text-align: center; color: #333; font-size: 14px; }
.category_mb7{ width: 12.5%; line-height: 60px; text-align: center; color: #333; font-size: 14px; }
.category_mb8{ width: 12.5%; line-height: 60px; text-align: center; color: #333; font-size: 14px; }

.category .imgList ul{ margin-right: -34px; }
.category .imgList li{ float: left; width: 25%; padding-bottom: 50px; }
.category .imgList li .box{ margin-right: 34px; }
.category .imgList li .imgDiv{ border: #e6e6e6 solid 1px; overflow: hidden;}
.category .imgList li .imgDiv img{ width: 100%; }
.category .imgList li .name{ padding-top: 15px; height: 30px; line-height: 30px; color: #333; font-size: 20px; overflow: hidden; }
.category .imgList li .wen{ font-size: 14px; color: #999; line-height: 30px; }
.category .imgList li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.category .imgList li .box:hover .name{ color: #e62129; }
































































