@charset "utf-8";
/* CSS Document */

 /**********************************新首页7**********************************/
.dzJiao{ width: 100%; height: 340px; position: relative;}
.dzJiaoIn{ width: 100%; height: 340px; }
.dzJiaoSwiper{ width: 100%; position: relative; overflow: hidden;}
.dzJiaoSwiper .swiper-wrapper{ width: 100%;}
.dzJiaoSwiper .swiper-wrapper .swiper-slide{ width: 100%;}
.dzJiaoSwiper .swiper-wrapper .swiper-slide a{ display: block; width: 100%; height:340px;}
.dzJiaoSwiper .swiper-wrapper .swiper-slide a span.dzJiaoBg1{ width: 100%; height: 340px; background: #FF581F; display:block; display: flex; align-items: center; justify-content: center;}
.dzJiaoSwiper .swiper-wrapper .swiper-slide a span img{ width: 1380px; height: 340px;} 
.dzJiaoSwiper .swiper-pagination{ position:absolute;  bottom:15px; z-index: 100;}
.dzJiaoSwiper .swiper-pagination-bullet{ width: 15px; height: 15px; border: 1px solid #ffffff; background: #000000; opacity: 0.3; box-sizing: border-box; margin: 0px 7px !important; }
.dzJiaoSwiper .swiper-pagination-bullet-active{ background: #ffffff; opacity: 1;}

@media screen and (max-width:768px){
  .dzJiaoSwiper .swiper-wrapper .swiper-slide a span img{ width: 100%; height: 50vw;}
  .dzXscjBox{ right: 0px; } 
  .dzJiao{ height: 50vw;}
  .dzJiaoIn{ height: 50vw;}
  .dzJiaoSwiper .swiper-wrapper .swiper-slide a{ height: 50vw;}
  .dzJiaoSwiper .swiper-wrapper .swiper-slide a span.dzJiaoBg1{ height: 50vw;}
}


.dzFlscBox{ width:1380px; margin: auto; margin-top:50px;}
.dzFlscTltle{ width:100%;}
.dzFlscTltle h2{ float: left; font-size: 24px; font-weight: bold; color: #000000;}
.dzFlscTltle span a{ display: block; float: right; margin-top:8px;}
.dzFlscIn{ width:100%;}
.dzFlscSwiper{ width:100%;}
.dzFlscSwiper .swiper-wrapper{ width:100%; }
.dzFlscSwiper .swiper-wrapper .swiper-slide{ width:100%;}
.dzFlscSwiper .swiper-wrapper .swiper-slide .dzFlscList{ width:100%;}
.dzFlscSwiper .swiper-wrapper .swiper-slide .dzFlscList li{ float:left; width: 251px; margin: 30px 0px 0px 31px;}
.dzFlscSwiper .swiper-wrapper .swiper-slide .dzFlscList li:nth-child(5n+1){ margin-left:0px;}
.dzFlscSwiper .swiper-wrapper .swiper-slide .dzFlscList li .dzFlscCont1{ height:195px; box-sizing: border-box; background: #FFFFFF;  border: 1px solid #EEEEEE; border-radius: 5px;}
.dzFlscSwiper .swiper-wrapper .swiper-slide .dzFlscList li .dzFlscCont1 .dzFlscCont1In a{ display: block; text-decoration: none;}
.dzFlscSwiper .swiper-wrapper .swiper-slide .dzFlscList li .dzFlscCont1 .dzFlscCont1In a span{ display: block;  display: flex; align-items: center; justify-content: center; width: 100%; height: 60px; margin-top:25px; padding: 0px 20px; box-sizing: border-box;}
.dzFlscSwiper .swiper-wrapper .swiper-slide .dzFlscList li .dzFlscCont1 .dzFlscCont1In a span img{ width: 100%; height: 100%; object-fit: cover;}
.dzFlscSwiper .swiper-wrapper .swiper-slide .dzFlscList li .dzFlscCont1 .dzFlscCont1In a p{ height: 18px; line-height: 18px; overflow: hidden; color: #666666; text-align: center; margin-top:20px;}
.dzFlscSwiper .swiper-wrapper .swiper-slide .dzFlscList li .dzFlscCont1 .dzFlscCont1In a p em{ color: #F52E3A;}
.dzFlscCont2{ padding: 0px 15px; box-sizing: border-box; margin-top:15px;}
.dzFlscCont2 a{ display: block;}
.dzFlscCont2 a.bg1{ width: 80px; height: 30px; background: #f8da5f; line-height: 30px; overflow: hidden; text-align: center; border-radius: 5px; float: left; color: #ffffff;}
.dzFlscCont2 a.bg2{ width: 80px; height: 30px; background: #eeeeee; line-height: 30px; overflow: hidden; text-align: center; border-radius: 5px; float: right; color: #666666;}


@media screen and (max-width:768px){
.dzFlscBox{ width:94%; margin-left:3%; margin-top:30px;} 
.dzFlscSwiper .swiper-wrapper .swiper-slide .dzFlscList li{ width: 48%; margin-left:4%; margin-top:20px;}
.dzFlscSwiper .swiper-wrapper .swiper-slide .dzFlscList li:nth-child(5n+1){ margin-left:4%;}
.dzFlscSwiper .swiper-wrapper .swiper-slide .dzFlscList li:nth-child(2n+1){ margin-left:0px;}
.dzFlscCont2 a.bg1{ width: 65px;}
.dzFlscCont2 a.bg2{ width: 65px;}
  
}


.dzDzhjTitle{ width:100%; height: 44px; border-bottom: 1px solid #DEDEDE; margin-top:30px;}
.dzDzhjTitle h1{ float: left; font-size: 24px; font-weight: bold; color: #000000;} 
.dzDzhjMenu{ float: left;}
.dzDzhjMenu li{ float: left; height: 44px; margin: 0px 0px 0px 47px;} 
.dzDzhjMenu li a{ display: block; float: left; height: 41px; border-bottom: 3px solid #F4F4F4; font-size: 16px; color: #333333; text-decoration: none;}
.dzDzhjMenu li.current a{border-bottom: 3px solid #f8da5f; font-weight: bold; color: #f8da5f;}
.dzDzhjTitle span a{ display: block; float:right;}
.dzDzhjList{ width:100%;}
.dzDzhjList li{ float:left; width:240px; height:360px; background: #ffffff; border-radius: 5px; margin: 30px 0px 0px 30px;}   
.dzDzhjList li:nth-child(4n+1){ margin-left:0px;}
.dzDzhjList li:hover{box-shadow: 0px 6px 15px 0px rgba(0, 0, 0, 0.05);}
.dzDzhjList li .dzDzhjImg{ width: 240px; height:240px; position:relative;}
.dzDzhjList li .dzDzhjImg a{ display: block; width: 240px; height: 240px;  border-radius: 5px 5px 0px 0px; overflow: hidden;}
.dzDzhjList li .dzDzhjImg a img{ width: 100%; height: 100%; object-fit: cover; border-radius: 5px 5px 0px 0px; transition: transform 0.5s;}
.dzDzhjList li .dzDzhjImg a:hover img{ transform:scale(1.1);}
.dzDzhjList li .dzDzhjImg a span{ display: block; height: 24px; border-radius: 6px 6px 6px 0px; background: #f8da5f; position:absolute; left: 0px; top: 0px; line-height: 24px; font-weight: bold; padding: 0px 6px; color: #ffffff;} 
.dzDzhjList li dl{ margin: auto; margin: 0px 15px;}
.dzDzhjList li dl dt{ height: 43px; line-height: 22px; overflow: hidden; margin-top:15px;} 
.dzDzhjList li dl dt span{ display: block; float: left; height: 16px; line-height: 16px; color: #ffffff; background: #f8da5f; font-size: 12px; padding:0px 5px; overflow: hidden; border-radius: 3px; margin: 3px 10px 0px 0px;} 
.dzDzhjList li dl dd{ margin-top:7px;}
.dzDzhjList li dl dd em{ display: block; float: left;}
.dzDzhjList li dl dd em p.cont1{ height: 16px; line-height: 16px; overflow: hidden; font-size: 12px; color: #999999;}
.dzDzhjList li dl dd em p.cont2{ height: 20px; line-height: 20px; overflow: hidden; font-size: 18px; font-weight: bold; color: #F52E3A; margin-top:10px;}
.dzDzhjList li dl dd em p.cont2 b{ display:block; width: 20px; height: 20px; background: url(../images/gglogo1.png) no-repeat; float: left; margin: 0px 5px 0px 0px;}
 

.dzDzhjList li dl dd i{ display: block; height: 32px; margin-top:5px; font-style: normal; font-weight: bold; color: #999999; margin: 11px 0px 0px 15px; float: left; font-size: 16px;}
.dzDzhjList li dl dd i a{ display: block; width: 78px; height: 32px; line-height: 32px; overflow: hidden; background: #F6F6F6; border-radius: 100px; text-align: center; font-weight: bold; color: #949494; font-style: normal; text-decoration: none;}
.dzDzhjList li dl dd i a:hover{ background: #f8da5f; color: #ffffff;}

.dzDzhjList2 li{ width: 207px; height: 325px;}
.dzDzhjList2 li .dzDzhjImg{ width:207px; height:207px; position:relative;}
.dzDzhjList2 li .dzDzhjImg a{ display: block; width:207px; height:207px;  border-radius: 5px 5px 0px 0px; overflow: hidden;}

@media screen and (max-width:768px){
.dzMain{ width:94%; margin:auto;}
.dzLeft{ width:100%;}
.dzDzhjTitle{ position: relative; margin-top:30px;}
.dzDzhjTitle h1{ float:none;}
.dzDzhjTitle span a{ float: none; position:absolute; right: 0px; top:5px;}
.dzDzhjMenu{ float: none; margin: 20px 0px 0px 0px; width: 100%;}
.dzDzhjMenu li{ margin-left: 0px; margin-right: 20px; margin-top:20px; height: 30px;}
.dzDzhjMenu li a{height: 30px;}
.dzDzhjList li{ width: 48%; height: auto; padding-bottom: 15px; margin-left:4%;}
.dzDzhjList li .dzDzhjImg{ width: 100%; height: 45vw;}
.dzDzhjList li .dzDzhjImg a{ width:100%; height: 45vw;}
.dzDzhjList li:nth-child(2n+1){ margin-left:0px;}

}


.dzRight{ float: right; width: 300px;}
.dzSxzrBox{ width: 100%; background: #ffffff; margin-top:30px; padding-bottom: 20px;} 
.dzSxzrTitle{ padding-top:20px; margin-left:20px; margin-right:20px;}
.dzSxzrTitle h2{ float: left; font-size: 20px; font-weight:bold; color: #000000;}
.dzSxzrTitle span a{ display: block; float: right; font-size: 12px; margin-top:3px;}
.dzSxzrList{ width: 100%; margin-top:15px;}
.dzSxzrList li{ width:100%; margin-top:10px; padding:10px 0px;}
.dzSxzrList li:hover{ background: #fffae8;}
.dzSxzrList li span a{ display: block; float: left; width:86px; height: 86px; border-radius: 5px; overflow: hidden; margin-left:20px;}
.dzSxzrList li span a img{  width: 100%; height: 100%; object-fit: cover;  border-radius: 5px; transition: transform 0.5s;}
.dzSxzrList li span a:hover img{ transform:scale(1.1);}
.dzSxzrList li dl{ float: right; width: calc(100% - 145px); margin-right: 20px;}
.dzSxzrList li dl dt a{ display: block; max-height: 40px; line-height: 20px; overflow: hidden;}
.dzSxzrList li dl dd.cont1{ margin-top:10px;}
.dzSxzrList li dl dd.cont1 em{ display: block; float:left;}
.dzSxzrList li dl dd.cont1 em.left{ height: 24px; background: #f8da5f; line-height: 24px; border-radius: 3px; font-size: 12px; color: #ffffff; padding: 0px 5px; max-width: 72px; overflow: hidden;}
.dzSxzrList li dl dd.cont1 em.right{ height: 22px; border: 1px solid #f8da5f; border-radius: 3px; max-width: 70px; line-height: 22px; overflow: hidden; margin-left:5px; white-space: nowrap;}
.dzSxzrList li dl dd.cont1 em.right b{ display:block; float:left; width: 24px; height: 22px; background: #f8da5f; line-height: 22px; overflow: hidden; text-align: center; font-size: 12px; color: #ffffff; font-weight: normal;}
.dzSxzrList li dl dd.cont1 em.right i{ display:inline-block;  font-size: 12px; font-style: normal; line-height: 22px; padding-right: 3px; color: #f8da5f; }
.dzSxzrList li dl dd.cont2{ margin-top:10px;}
.dzSxzrList li dl dd.cont2 em{ display: block; float: left; height: 20px; line-height: 20px; overflow: hidden; font-size: 16px; font-weight: bold; color: #F52E3A; margin-top:3px;}  
.dzSxzrList li dl dd.cont2 em b{ display: block; width: 20px; height: 20px; background: url(../images/gglogo1.png) no-repeat; float: left; margin-right: 5px;}
.dzSxzrList li dl dd.cont2 i{ display: block; float: left; font-style:normal; color: #999999; margin: 3px 0px 0px 10px; font-weight: bold;}
.dzSxzrList li dl dd.cont2 a{ display: block; float: right; width: 68px; height: 24px; background: #EEEEEE; border-radius: 100px; line-height: 24px; overflow: hidden; text-align: center; font-weight: bold; color: #949494; font-size: 12px; text-decoration: none;}
.dzSxzrList li dl dd.cont2 a:hover{ background: #f8da5f; color: #ffffff;}

@media screen and (max-width:768px){
  .dzRight{ width: 100%;}
  .dzSxzrBox{ margin-top:30px;}

}



 /**********************************帮助中心7**********************************/
.dzzBzzxLeft{ float: left; width: 200px; background: #ffffff; margin-top:30px; padding-bottom: 10px;}
.dzzBzzxTitle{ width:100%; height: 56px;  background: #f8da5f;}
.dzzBzzxTitle h1{ margin: 0px 0px 0px 20px; font-size: 18px; line-height: 56px; font-weight: bold; color: #ffffff;}
.dzzBzzxMenu{ width:100%;}
.dzzBzzxMenu li{ width: 100%; height: 56px;}
.dzzBzzxMenu li a{ display: block; width:140px; height: 56px; padding: 0px 0px 0px 60px; font-size: 16px; color: #333333; text-decoration: none; line-height: 56px; overflow: hidden;}
.dzzBzzxMenu li a.hover{ background: #f7f7f7; font-weight: bold; color: #333333;} 
.dzzBzzxMenu li a:hover{ background: #f7f7f7; font-weight: bold; color: #333333;} 

@media screen and (max-width:768px){
  .dzzBzzxLeft{ width: 100%;}
  .dzzBzzxMenu li{ float:left; width: 50%; height: 40px;}
  .dzzBzzxMenu li a{ width: 100%; padding-left: 0px; text-align: center; height: 40px; line-height: 45px;}
}


.dzzBzzxRight{ float: right; width: 1150px; background: #ffffff; padding-bottom: 30px; margin-top:30px;} 
.dzzBzzxRight dl{ border-bottom: 1px solid #F0F0F0; margin: 30px 20px 0px 20px; padding-bottom: 15px;}  
.dzzBzzxRight dl dt{ line-height: 30px; font-size: 18px; color: #333333; font-weight: bold; width: 100%;}
.dzzBzzxRight dl dt p{ float: right; width: calc(100% - 47px);}
.dzzBzzxRight dl dt b{ display: block; float: left; width: 37px; height: 35px; background: url(../images/bg1.png) no-repeat -300px -330px;
    background: image-set(url(../images/bg1.png) 1x, url(../images/bg1-2x.png) 2x)  no-repeat -300px -330px; 
    background: -webkit-image-set(url(../images/bg1.png) 1x, url(../images/bg1-2x.png) 2x) no-repeat -300px -330px;
     margin: 0px 10px 0px 0px;}
.dzzBzzxRight dl dd{ line-height: 30px; font-size: 16px; color: #666666;}
.dzzBzzxRight dl dd b{ display: block; float: left; width: 37px; height: 35px; background: url(../images/bg1.png) no-repeat -345px -330px;
    background: image-set(url(../images/bg1.png) 1x, url(../images/bg1-2x.png) 2x)  no-repeat -345px -330px; 
    background: -webkit-image-set(url(../images/bg1.png) 1x, url(../images/bg1-2x.png) 2x) no-repeat -345px -330px;
     margin: 15px 10px 0px 0px; }
.dzzBzzxRight dl dd p{ float: right; width:calc(100% - 47px); margin-top:15px;}
.dzzBzzxRight dl:last-child{ border-bottom: none;}


@media screen and (max-width:768px){
  .dzzBzzxLeft{ float: none;}
  .dzzBzzxRight{ float: none; width: 100% !important; padding-top: 1px;}


}



/**********************************打折好价**********************************/
.dzzPtaiBox{ width:100%; background: #ffffff; margin-top:30px;}
.dzzPtaiBox dl{ margin: auto; border-bottom: 1px solid #F6F6F6; padding-bottom: 25px; margin: 0px 20px;}
.dzzPtaiBox dl dt{ float: left; height: 18px; line-height: 18px; overflow: hidden; color: #999999; margin-top:20px; font-weight: bold; margin-right: 0px;}
.dzzPtaiBox dl dd a{ display: block; float: left; margin: 20px 0px 0px 20px; font-weight: bold;}
.dzzPtaiBox dl dd a:hover{ text-decoration: none;}
.dzzPtaiBox dl dd a.hover{ text-decoration: none; color: #f8da5f; font-weight: bold;}
.dzzPtaiBox dl:last-child{ border-bottom: none;}


@media screen and (max-width:768px){
  .dzzPtaiBox{ margin-top:30px;}
}




 
/**********************************打折好价商品详情**********************************/
.dzzGfqjdBox{ width:100%; background: #ffffff;  padding-bottom: 30px; margin-top:30px;}
.dzzGfqjdIn{ margin: 0px 20px;} 

.dzzGfqjdRight{ float: right; margin-top:30px; width: calc(100% - 480px);}
.dzzGfqjdRight dl{ width: 100%;}
.dzzGfqjdRight dl dt{ line-height: 30px; font-size: 20px; font-weight: bold; color: #333333;}
.dzzGfqjdRight dl dt span{ display: block; float: left; font-size: 12px; font-weight: bold; color: #ffffff; height: 24px; background: #f8da5f;  border-radius: 6px; line-height: 24px; padding:0px 6px; margin: 5px 5px 0px 0px;}
.dzzGfqjdRight dl dt em{ display: block; font-size: 14px; color:#F52E3A; margin-top:10px;}
.dzzGfqjdRight dl dd.cont1{ width:100%; border-radius: 3px; margin-top:10px; padding-bottom: 15px;}
.dzzGfqjdRight dl dd.cont1 p.cont4 span{ display: block; float: left; color: #999999; margin-top:15px;}
.dzzGfqjdRight dl dd.cont1 p.cont4 em{ display:block;}
.dzzGfqjdRight dl dd.cont1 p.cont4 em i{ display: block; float: left; margin: 10px 0px 0px 10px;}
.dzzGfqjdRight dl dd.cont1 p.cont4 em i input[type=radio]{ display: none;}
.dzzGfqjdRight dl dd.cont1 p.cont4 em i label{ font-style: normal; background: #f0f0f0; height: 30px; line-height: 30px; padding: 0px 10px; display: block; float: left; border-radius: 5px; cursor: pointer;}
.dzzGfqjdRight dl dd.cont1 p.cont4 em i label:hover{ background: #f8da5f; color: #ffffff;}
.dzzGfqjdRight dl dd.cont1 p.cont4 em i input[type=radio]:checked + label{ background: #f8da5f; color: #ffffff;}
.dzzGfqjdRight dl dd.cont2{ width: 146px;}
.dzzGfqjdRight dl dd.cont2 a{ display: block; width: 146px; height: 48px; background: #f8da5f; border-radius: 6px; line-height: 48px; text-align: center; font-size: 16px; font-weight: bold; color: #ffffff; text-decoration: none; margin-top:10px;}
.dzzGfqjdRight dl dd.cont2 a:hover{ background: #fdd42d;}
.dzzGfqjdRight dl dd.cont2 span{ display: block; width: 146px; height: 48px; background: #cccccc; border-radius: 6px; line-height: 48px; text-align: center; font-size: 16px; font-weight: bold; color: #ffffff; text-decoration: none; margin-top:10px;}


.dzzGfqjdRight dl dd.cont3{ margin-top:15px;}
.dzzGfqjdRight dl dd.cont3 span{ font-size: 20px; font-weight: bold; color: #F52E3A; display: block; float:left; line-height: 30px;}
.dzzGfqjdRight dl dd.cont3 span em{ font-size: 16px; color: #999999; font-weight: bold;}
.dzzGfqjdRight dl dd.cont3 i{ display: block; float:left; height: 30px; line-height: 30px; padding: 0px 10px; font-style: normal; border-radius: 5px; margin: 0px 0px 0px 10px;}
.dzzGfqjdRight dl dd.cont3 i.bg1{ background:#F52E3A; color: #ffffff;}
.dzzGfqjdRight dl dd.cont3 i.bg2{ background:#f0f0f0; color: #333333;}

.dzzGfqjdMsg{ margin-top:20px;}  
.dzzGfqjdMsg h2{ font-size: 16px;  font-weight: bold; color: #333333; margin-bottom: 13px;} 
.dzzGfqjdMsg p{ line-height: 31px; color: #666666;}
.dzzGfqjdMsg p.red{ color:#F52E3A;}
.dzzRmtjTitle{margin-top:30px;}
.dzzRmtjTitle h2{ font-size: 20px; font-weight: bold; color: #000000;}

.zrXxkLeft{ float:left; width: 450px; margin-top:20px;}
.zrXxkLeft .swiper-container {width:450px;}
.zrXxkLeft .gallery-top{ width:450px; height:450px; border:1px solid #EEEEEE; background:#ffffff; box-sizing: border-box;}
.zrXxkLeft .gallery-top .swiper-slide{ width:450px; height:450px; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.zrXxkLeft .gallery-top .swiper-slide img{ max-height:430px; }
.zrXxkLeft .gallery-top .swiper-button-prev,.zrXxkLeft .gallery-top .swiper-button-next{ width:50px; height:50px; background:url(../images/zhobg3.png) no-repeat }
.zrXxkLeft .gallery-top .swiper-button-prev{ background-position:-220px -270px;}
.zrXxkLeft .gallery-top .swiper-button-next{ background-position:-280px -270px;}
.zrXxkLeft .gallery-thumbs{ height:106px; margin-top:25px; }
.zrXxkLeft .gallery-thumbs .swiper-slide{ width:106px; height:106px; box-sizing: border-box; border:1px solid #EEEEEE; background:#ffffff; display: flex; justify-content:center; align-items: center; cursor:pointer;}
.zrXxkLeft .gallery-thumbs .swiper-slide img{ max-height:100px; overflow: hidden;}
.zrXxkLeft .gallery-thumbs .swiper-slide-thumb-active{ border:2px solid #f8da5f; padding: 0; margin-top:0px}

@media screen and (max-width:768px){
  .dzzGfqjdRight{ width: calc(100% - 0px); margin-top:20px;}
  .dzRight1{ width: 100% !important;}
  .dzzGfqjdRight dl dd.cont1 p.cont4 span{ float: none;}
  .dzzGfqjdRight dl dd.cont1 p.cont4 em i{ margin-left:0px; margin-right: 10px;}
  .zrXxkLeft .gallery-thumbs{ height:70px; margin-top:10px; }
  .zrXxkLeft .gallery-thumbs .swiper-slide{ width:70px; height:70px;}
  .zrXxkLeft .gallery-thumbs .swiper-slide img{ max-height:62px;}
  .dzzGfqjdRight dl dd.cont3{ margin-top:10px;}
  .zrXxkLeft .gallery-top .swiper-button-prev,.zrXxkLeft .gallery-top .swiper-button-next{ display: none;}

}

.gougoubi { width: 25px;height:25px; fill: currentColor; overflow: hidden;margin-right:5px; float:left; margin-top:2px;}
.gougoubi1{width: 25px;height:25px; fill: currentColor; overflow: hidden;margin-right:5px;  vertical-align: middle;}
.gougoubi2{width: 20px;height:20px; fill: currentColor; overflow: hidden;}


/**********************************个人中心**********************************/
/**左边**/
.dzzGrzxBox{ float: left; width:200px; margin-top:30px; padding-bottom: 30px; background:#ffffff;} 
.dzzGrzxIn{ margin: 0px 20px;} 
.dzzGrzxCont{ width: 100%; margin-top:20px;}
.dzzGrzxCont span{ display: block; width: 40px; height: 40px; float: left; margin:12px 0px 0px 0px;}
.dzzGrzxCont span img{ width: 100%; height: 100%; object-fit: cover; border-radius: 100px;}
.dzzGrzxCont dl{ float: right; width:calc(100% - 50px); height: 60px; margin-top:10px;}  
.dzzGrzxCont dl dt{color: #000000; font-weight: bold; height: 18px; line-height:18px; overflow: hidden;}
.dzzGrzxCont dl dd{ height: 14px; background: #F52E3A; line-height: 14px; padding: 0px 4px; border-radius: 3px; float: left; color: #ffffff; font-size: 10px; margin-top:10px; font-weight: bold;}
.dzzGrzxji{ width:100%; margin-top:10px;}
.dzzGrzxji span{ display: block; float: left; width: 60px; height: 16px; line-height: 16px; overflow: hidden; font-size: 12px; color: #666666;}
.dzzGrzxji em.bg1{ display: block; float: left; height: 10px; border: 1px solid #FFB30F; width:65px; margin-top:3px;} 
.dzzGrzxji em.bg1 b{ display: block; float: left; width: 30%; height: 10px; background: #FFB30F;} 
.dzzGrzxji em.bg2{ display: block; float: left; height: 10px; border: 1px solid #06C285; width:65px; margin-top:3px;}
.dzzGrzxji em.bg2 b{ display: block; float: left; width: 70%; height: 10px; background: #06C285;}
.dzzGrzxji i{ display: block; float: left; font-style: normal; width: 25px; height: 16px; line-height: 16px; overflow: hidden; font-size: 12px; color: #666666; margin-left:5px;}

.dzzGrzxMenu{ width:100%; margin-top:25px;} 
.dzzGrzxMenu li{ width: 100%; height:46px; margin-top:10px;}
.dzzGrzxMenu li a{ display: block; width: 100%; height: 46px; font-size: 15px; color: #666666; text-decoration:none; line-height: 48px; overflow: hidden;}
.dzzGrzxMenu li a b{ display: block; float:left; width: 21px; height: 21px; background: url(../images/bg1.png) no-repeat; 
    background: image-set(url(../images/bg1.png) 1x, url(../images/bg1-2x.png) 2x)  no-repeat; 
    background: -webkit-image-set(url(../images/bg1.png) 1x, url(../images/bg1-2x.png) 2x) no-repeat;
    margin: 13px 5px 0px 30px;}
.dzzGrzxMenu li a b.icon1{  background-position: -100px -195px;}
.dzzGrzxMenu li a b.icon2{  background-position: -130px -195px;}
.dzzGrzxMenu li a b.icon3{  background-position: -160px -195px;}
.dzzGrzxMenu li a b.icon4{  background-position: -190px -195px;}
.dzzGrzxMenu li a b.icon5{  background-position: -220px -195px;}
.dzzGrzxMenu li a b.icon6{  background-position: -250px -195px;}
.dzzGrzxMenu li a b.icon7{  background-position: -280px -195px;}
.dzzGrzxMenu li a.hover{ background: #f8da5f; font-weight: bold; color: #ffffff; }
.dzzGrzxMenu li a:hover{ background: #f8da5f; font-weight: bold; color: #ffffff; }
.dzzGrzxMenu li a.hover b.icon1{  background-position: -100px -230px;}
.dzzGrzxMenu li a.hover b.icon2{  background-position: -130px -230px;}
.dzzGrzxMenu li a.hover b.icon3{  background-position: -160px -230px;}
.dzzGrzxMenu li a.hover b.icon4{  background-position: -190px -230px;}
.dzzGrzxMenu li a.hover b.icon5{  background-position: -220px -230px;}
.dzzGrzxMenu li a.hover b.icon6{  background-position: -250px -230px;}
.dzzGrzxMenu li a.hover b.icon7{  background-position: -280px -230px;}
.dzzGrzxMenu li a:hover b.icon1{  background-position: -100px -230px;}
.dzzGrzxMenu li a:hover b.icon2{  background-position: -130px -230px;}
.dzzGrzxMenu li a:hover b.icon3{  background-position: -160px -230px;}
.dzzGrzxMenu li a:hover b.icon4{  background-position: -190px -230px;}
.dzzGrzxMenu li a:hover b.icon5{  background-position: -220px -230px;}
.dzzGrzxMenu li a:hover b.icon6{  background-position: -250px -230px;}
.dzzGrzxMenu li a:hover b.icon7{  background-position: -280px -230px;}
.dggbMenu2{ display: none;}

@media screen and (max-width:768px){
  .dzzGrzxBox{ float:none; width: 100%; padding-top:1px; padding-bottom: 15px;}
  .dzzGrzxCont{ float: left;}
  .dzzGrzxji{ float: right; width:200px; margin-top:-50px;}
  .dzzGrzxMenu{ display: none;}
  .dggbMenu2{ float: left; display: block; margin-right: 20px; margin-left:20px;} 
 .dggbMenu2 .swiper-wrapper{ width: 100%;}
 .dggbMenu2 .swiper-wrapper .swiper-slide{ width: auto; margin: 10px 20px 0px 0px; height: 41px !important; float: left; }
 .dggbMenu2 .swiper-wrapper .swiper-slide a{ display: block; font-size: 16px; font-weight: bold; color: #333333; height: 41px;}
 .dggbMenu2 .swiper-wrapper .swiper-slide a.hover{ height: 36px; border-bottom: 5px solid #f8da5f; color:#f8da5f;}

}


/**右边**/
.dzzGrzxRight{ float: right; width:1150px; background: #ffffff; margin-top:30px; padding-bottom: 30px;}
.dzzGrzxRightIn{ margin: 0px 20px;} 
.dzzZhyeBox{ width:100%; margin-top:30px;}

.dzzZhyeIn{ float: left; width: 500px; height: 148px; border: 1px solid #FF9AA0; border-radius: 6px; background: linear-gradient(180deg, #FFF4F5 0%, #FFFCFC 99%); box-sizing: border-box;}
.dzzZhyeIn dl{ float: left; width:calc(100% - 150px); margin: 30px 0px 0px 30px;}
.dzzZhyeIn dl dt{ color: #333333; font-weight: bold; height: 18px; line-height: 18px; overflow: hidden;}
.dzzZhyeIn dl dd.cont1{ height: 34px; line-height: 34px; overflow: hidden; font-size: 30px; font-weight: bold; color: #F52E3A; margin-top:10px;}  
.dzzZhyeIn dl dd.cont2{  margin-top:20px; color: #999999; height: 18px; line-height: 18px; overflow: hidden;} 
.dzzZhyeIn dl dd.cont2 span{ color: #F52E3A;}
.dzzZhyeIn em{ font-style: normal;}
.dzzZhyeIn em a{ display: block; float: right; width: 70px; height: 34px; background:#F52E3A; border-radius: 100px; line-height: 34px; text-align: center; font-weight: bold; color: #ffffff;  text-decoration: none; margin: 55px 30px  0px 0px;} 
.dzzZhyeIn em a:hover{ background:#e22a35 ;}
.dzzSxflBox{ float: right; width: 590px;}
.dzzSxflLeft{ float: left; width: 40%;margin-left:20px; box-sizing: border-box;}
.dzzSxflLeft dl{ width:100%;}
.dzzSxflLeft dl dt{ height: 18px; line-height: 18px; overflow: hidden; color: #999999; text-align: center;}
.dzzSxflLeft dl dd{ height: 20px; line-height: 20px; overflow: hidden; font-size: 16px; font-weight: bold; color: #F52E3A; text-align: center; margin-top:10px;}  
.dzzSxflLeft dl.cont1{ margin-top:10px;}
.dzzSxflLeft dl.cont2{ margin-top:32px;}
.dzzTixing{ border: 1px solid #FEE394; background: #FFFAEC; padding-bottom: 10px; margin-top:30px; border-radius: 3px;}
.dzzTixing p{ margin: auto; color: #666666; line-height: 25px; margin-top:10px; padding: 0px 20px;}
.dzzSxflMiddle{ float: left; width: 1px; height: 74px; background: #EEEEEE; margin-top:40px; margin-left:10px;}
.dzzSxflRight{ width:40%;  float: left; }
.dzzSxflRight dl{ width:100%;}
.dzzSxflRight dl dt{ height: 18px; line-height: 18px; overflow: hidden; color: #999999; text-align: center;}
.dzzSxflRight dl dd{ height: 20px; line-height: 20px; overflow: hidden; font-size: 16px; font-weight: bold; color: #F52E3A; text-align: center; margin-top:10px;}  
.dzzSxflRight dl.cont1{ margin-top:10px;}
.dzzSxflRight dl.cont2{ margin-top:32px;}

@media screen and (max-width:768px){
  .dzzZhyeIn{ width: 100%;}
  .dzzSxflBox{ width: 100%; margin-top:20px;}

}


.dzzJjdzBox{ width: 100%; margin-top:40px;} 
.dzzJjdzTitle h1{ float: left; font-size: 24px; font-weight: bold; color: #333333;} 
.dzzJjdzTitle span a{ display: block; float: right; margin-top:3px;}
.dzzJjdzTitle span a b{ display: block; float: left; width: 11px; height: 11px; background: url(../images/bg1.png) no-repeat -350px -200px;
    background: image-set(url(../images/bg1.png) 1x, url(../images/bg1-2x.png) 2x)  no-repeat -350px -200px; 
    background: -webkit-image-set(url(../images/bg1.png) 1x, url(../images/bg1-2x.png) 2x) no-repeat -350px -200px;
     margin: 5px 5px 0px 0px;}
.dzzJjdzTitle span a:hover b{background-position: -365px -200px;}


.qsMainIn3{width:1110px; margin-top:20px;}
.qssggbTable3{ width: 100%; border-top: 1px solid #eeeeee; }
.qssggbTable3 thead {height: 60px; background: #F4F4F4; border-bottom: 1px solid #eeeeee;}
.qssggbTable3 thead tr{ height: 60px;}
.qssggbTable3 thead tr th span{ display: block; height: 60px; color: #333333; font-weight: bold; line-height: 60px; overflow: hidden; }
.qssggbTable3 thead tr th span.width1{ text-align: left; width:150px; padding-left: 20px;}
.qssggbTable3 thead tr th span.width2{ text-align: center; width: 150px; padding-left:20px; }
.qssggbTable3 thead tr th span.width3{text-align:center; width:100px; padding-left:20px;}
.qssggbTable3 thead tr th span.width4{text-align:center; width:200px; padding-left:20px;}
.qssggbTable3 thead tr th span.width5{text-align:center; width:150px; padding-left:20px;}
.qssggbTable3 thead tr th span.width6{text-align:center; width:100px; padding-left:20px;}
.qssggbTable3 thead tr th span.width7{text-align:center; width:100px; padding-left:20px;}
.qssggbTable3 tbody{ width: 100%;}
.qssggbTable3 tbody tr{ height:60px; border-bottom: 1px solid  #eeeeee;}
.qssggbTable3 tbody tr td span{ display: block; height: 60px;  color: #333333;  line-height: 60px; overflow: hidden;}
.qssggbTable3 tbody tr td span.width1{ width:150px; margin-left:20px;}
.qssggbTable3 tbody tr td span.width2{ width: 150px; margin-left:20px; text-align:center;}
.qssggbTable3 tbody tr td span.width3{ width: 100px; margin-left:20px; text-align:center;}
.qssggbTable3 tbody tr td span.width4{ width: 200px; margin-left:20px; text-align:center;}
.qssggbTable3 tbody tr td span.width4 .gougoubi2{ margin-right: 5px; vertical-align: middle;}
.qssggbTable3 tbody tr td span.width5{ width: 150px; margin-left:20px; text-align:center; color: #f52e3a; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.qssggbTable3 tbody tr td span.width6{ width: 100px; margin-left:20px; text-align: center;}
.qssggbTable3 tbody tr td span.width7{ width: 100px; margin-left:20px; text-align:center; }
.qssggbTable3 tbody tr td span.width7 a{ color: #2697FF;}
.qssggbTable3 tbody tr:hover{ background: #f3f3f3;}


@media screen and (max-width:768px){
  .qsMainIn3{ 
	width: 100%;
	padding: 0px; 
	overflow-x: scroll; 
	cursor: grab; user-select:none; margin-top:20px; float:inherit;}
.qsMainIn3::-webkit-scrollbar { width: 4px; /* Chrome, Safari, Opera */height: 4px;}
.qsMainIn3::-webkit-scrollbar-thumb {background-color: #cbcbcb; /* 滚动条thumb颜色 */ border-radius: 4px; /* 滚动条thumb圆角 */ }
.qsMainIn3::-webkit-scrollbar-track { background-color: #ebebeb; /* 滚动条track颜色 */}
.qsMainIn3::-ms-scrollbar {width: px;height: 4px; /* Edge, IE */}
.qsMainIn3::-ms-scrollbar-thumb { background-color: #cbcbcb; /* 滚动条thumb颜色 */ border-radius: 4px; /* 滚动条thumb圆角 */}
.qsMainIn3::-ms-scrollbar-track {background-color: #ebebeb; /* 滚动条track颜色 */}
.table-cell-shadow-right:before{ box-shadow: inset 10px 0 8px -8px #00000026;position: absolute; top: 0; right: 0;  bottom: -1px; width: 30px; transform: translate(100%); transition: box-shadow .3s; content: ""; pointer-events: none}
.qsMainIn3 thead tr th:nth-child(1){ position:sticky; left: 0px; z-index: 101; background: #F4F4F4; }
.qsMainIn3 tbody tr td:nth-child(1){ position:sticky; left: 0px;  z-index: 100; background: #ffffff; }
.table-cell-shadow-right:before{ box-shadow: inset 10px 0 8px -8px #00000026;position: absolute; top: 0; right: 0;  bottom: -1px; width: 30px; transform: translate(100%); transition: box-shadow .3s; content: ""; pointer-events: none}
}



.dzzJjdzBox1{ margin-top:30px;}
.dzzJjdzTitle em{ float: left; display: block; margin: 3px 0px 0px 20px;}
.dzzJjdzSelect{ float: left; margin-left:80px;}
.dzzJjdzSelectTitle{ float: left; color: #666666; line-height: 32px;}
.dzzJjdzSelectIn{ float:left; margin-left:5px;}
.dzzJjdzSelectIn select{ float: left; width: 135px; height: 32px; box-sizing: border-box; border: none; border: 1px solid #E4E4E4; color: #333333; outline: none; padding-left: 5px; background: none;}
.dzzJjdzSelectIn select option{ height: 32px; line-height: 32px; color: #999999;}
.dzzJjdzSelect1{ margin-left:30px;}

.dzzZwddBox{ width: 100%; text-align: center; margin-top:50px;}
.dzzZwddBox img{ width: 272px; height: 149px;}
.dzzZwddBox span{ display: block; text-align: center; font-size: 16px; color: #666666; margin-top:10px;}


@media screen and (max-width:768px){
  .dzzGrzxRight{ width: 100%;}
  .dzzJjdzTitle{ position:relative;}
  .dzzJjdzTitle span{ position:absolute; top: 0px; right: 0px;}
  .dzzJjdzSelect{ margin-top:20px;  float:none; margin-left:0px;} 
  .dzzJjdzTitle em{ float: none; margin-top:-20px; margin-left:80px;}
  .dzzJjdzSelectIn select{ width: 250px;}
  .dzzJjdzTitle h1{ margin-right: 10px;}

}



/**返利说明**/
.dzzFlsmBg{ width:100%; height: 100%; background-color: rgba(0,0,0,0.4); position:absolute; left: 0px; top: 0px; position:fixed; z-index: 100;}
.dzzFlsmIn{ width: 664px; height: 462px; background: #FFFFFF; border: 1px solid #E6E6E6; box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.15); border-radius: 5px; position:absolute; left: 50%; top: 50%; margin-left:-332px; margin-top:-231px;} 
.dzzFlsmCont{ margin: 0px 32px;}
.dzzFlsmCont h2{ font-size: 16px; font-weight: bold; color: #333333; margin-top:29px;} 
.dzzFlsmCont dl{ width:100%; margin-top:30px;}
.dzzFlsmCont dl dt{ font-weight: bold; color: #F52E3A;}
.dzzFlsmCont dl dd{ line-height: 25px; margin-top:20px; color: #666666;}
.dzzFlsmSubmit{ width:100%;}
.dzzFlsmSubmit a{ display: block; float: left;}
.dzzFlsmSubmit a.bg1{ width: 120px; height: 38px; background: #f8da5f; line-height: 38px; text-align: center; overflow: hidden; border-radius: 100px; color: #ffffff; text-decoration: none; margin: 35px 0px 0px 176px;}
.dzzFlsmSubmit a:hover.bg1{ background: #f8da5f;}
.dzzFlsmSubmit a.bg2{ width: 120px; height: 38px; box-sizing: border-box; border: 1px solid #E6E6E6;  border-radius: 100px; line-height: 38px; text-align: center;  color: #333333; text-decoration: none; margin: 35px 0px 0px 24px;}
.dzzFlsmSubmit a:hover.bg2{ border: 1px solid #f8da5f; color: #f8da5f;}


@media screen and (max-width:768px){
  .dzzFlsmIn{ width: 94%; height: auto; margin-left:0px; margin-top:0px;left: 3%; top: 7%; padding-bottom: 20px;}
  .dzzFlsmSubmit a.bg1{ margin-left:0px; margin-top:20px;} 
  .dzzFlsmSubmit a.bg2{ margin-top:20px;}

}


.dzzMyflBg{ width: 100%; height: 100%; background-color: rgba(0,0,0,0.4); position:absolute; left: 0px; top: 0px; position:fixed;}
.dzzMyflBox{ width: 480px; height: 260px; background: #FFFFFF; border: 1px solid #E6E6E6; box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.15); border-radius: 5px; position:absolute; left: 50%; top: 50%; margin-left:-240px; margin-top:-130px;}  
.dzzMyflIn{ margin:0px 25px;} 
.dzzMyflIn h2{ font-size:16px; font-weight: bold; color: #333333; margin-top:30px;}
.dzzMyflIn p.cont1{ font-size: 16px; text-align: center; color: #666666; line-height: 28px; margin-top:20px;} 
.dzzMyflIn p.cont2{ margin-top:20px; display: flex; align-items: center; justify-content: center; color: #333333;} 
.dzzMyflIn p.cont2 b{ display: block; float: left; width: 18px; height: 21px; background: url(../images/bg1.png) no-repeat 0px -280px; 
    background: image-set(url(../images/bg1.png) 1x, url(../images/bg1-2x.png) 2x)  no-repeat 0px -280px; 
    background: -webkit-image-set(url(../images/bg1.png) 1x, url(../images/bg1-2x.png) 2x) no-repeat 0px -280px;
    margin: 0px 5px 0px 0px;} 
.dzzMyflIn p.cont3{ margin-top:20px; display: flex; align-items: center; justify-content: center;}
.dzzMyflIn p.cont3 a{ display: block; float: left; text-decoration:none; }
.dzzMyflIn p.cont3 a.bg1{ width:120px; height: 38px; background: #f8da5f; border-radius: 100px; line-height: 38px; text-align: center; overflow: hidden; color: #ffffff;}
.dzzMyflIn p.cont3 a.bg2{ width:120px; height: 38px; box-sizing: border-box; border-radius: 100px; line-height: 38px; text-align: center; overflow: hidden; color: #333333; border: 1px solid #E6E6E6; margin-left:20px;}
.dzzMyflIn p.cont3 a:hover.bg1{ background: #f8da5f;}
.dzzMyflIn p.cont3 a:hover.bg2{ color: #f8da5f; border: 1px solid #f8da5f;}

@media screen and (max-width:768px){
.dzzMyflBox{ width: 94%; height:auto; padding-bottom: 20px; margin-left:0px; margin-top:0px; left: 3%; top: 35%;}

}


/**订单详情**/
.dzzDdxqBg{ width: 100%; height: 100%; background-color: rgba(0,0,0,0.4); position:absolute; left: 0px; top: 0px; position:fixed; z-index: 102;}
.dzzDdxqIn{ width: 668px; background: #FFFFFF; border: 1px solid #E6E6E6; box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.15); border-radius: 5px; position:absolute; left: 50%; top: 50%; margin-left:-334px; margin-top:-270px;}
.dzzDdxqTitle{ margin-top:30px; margin-left:20px; margin-right: 20px;}
.dzzDdxqTitle h2{ float: left; font-size: 16px; font-weight: bold; color: #333333;}
.dzzDdxqTitle span{ display: block; float: right; width: 14px; height: 14px; background: url(../images/bg1.png) no-repeat -360px -230px; 
    background: image-set(url(../images/bg1.png) 1x, url(../images/bg1-2x.png) 2x)  no-repeat -360px -230px; 
    background: -webkit-image-set(url(../images/bg1.png) 1x, url(../images/bg1-2x.png) 2x) no-repeat -360px -230px;cursor: pointer; margin-top:3px;}  
.dzzDdxqList{ width:94%; margin: auto; padding-top:5px;}
.dzzDdxqList li{ width:100%; border-bottom: 1px solid #EEEEEE; margin-top:18px; padding-bottom: 15px;}
.dzzDdxqList li .dzzDdxqName{ float: left; width: 235px; color: #999999; height: 18px; line-height: 18px; overflow: hidden;}
.dzzDdxqList li .dzzDdxqCont{ float: right; width: 345px; text-align:right; color: #666666; line-height: 22px;} 
.dzzDdxqList li:last-child{ border-bottom: none;}

@media screen and (max-width:768px){
.dzzDdxqIn{ width: 94%; margin-left:0px; margin-top:0px; left: 3%; top: 10%;}
.dzzDdxqList li .dzzDdxqName{ width: 100px; overflow:auto; height: auto;}
.dzzDdxqList li .dzzDdxqCont{ width:calc(100% - 120px);}
}





/**********************************商品详情**********************************/
.dzzSjjjBox{ width:1050px; background: #ffffff; padding-bottom: 30px; margin-top:30px;}
.dzzSjjjIn{ margin:0px 30px;}
.dzzSjjjTb{ width: 100%; padding-top:30px;}
.dzzSjjjTb span{ display:block; float: left; width: 215px; height: 140px; border: 1px solid #EEEEEE; display: flex; align-items: center; justify-content: center; border-radius: 5px;}
.dzzSjjjTb span img{ max-width: 215px; max-height: 140px;}
.dzzSjjjTb dl{ float: left; width: calc(100% - 421px); margin: 20px 0px 0px 30px;}
.dzzSjjjTb dl dt{ height: 24px; line-height: 24px; overflow: hidden; font-size: 20px; font-weight: bold; color: #333333;}
.dzzSjjjTb dl dd.cont1{ height: 24px; line-height: 24px; overflow: hidden; font-size: 20px; font-weight: bold; color: #F52E3A; margin-top:20px;}  
.dzzSjjjTb dl dd.cont2{ height: 18px; line-height: 18px; overflow: hidden; color: #999999; margin-top:20px;}
.dzzSjjjTb em a{ display: block; float: right; width: 146px; height: 48px; background: #f8da5f; border-radius: 6px; line-height: 48px; text-align: center; font-size: 16px; font-weight: bold; color: #ffffff; text-decoration: none; margin-top:40px;}
.dzzSjjjTb em a:hover{ background: #f8da5f;}
.dzzSjjjCont{ width:100%; margin-top:30px;}
.dzzSjjjTitle h2{ font-size: 16px; color: #333333; font-weight: bold;} 
.dzzSjjjMsg{ line-height: 25px; color: #666666; margin-top:20px;}
.dzzSjjjFl{ width: 100%; margin-top:30px;}
.dzzSjjjFl dl{ width: 100%;}
.dzzSjjjFl dl dt{ width: 100%; height: 44px; background: #F6F6F6; border-radius: 3px;}
.dzzSjjjFl dl dt span{ display: block; float: left; height: 44px; line-height: 44px; overflow: hidden; font-weight: bold; color: #333333;} 
.dzzSjjjFl dl dt span.width1{ width:70%; padding-left: 20px; box-sizing: border-box;}
.dzzSjjjFl dl dt span.width2{ width:30%; padding-left: 20px; box-sizing: border-box;}
.dzzSjjjFl dl dd{ height: 45px; border-bottom: 1px solid #F6F6F6;}
.dzzSjjjFl dl dd span{ display: block; float: left; height: 45px; line-height: 45px; overflow: hidden;}
.dzzSjjjFl dl dd span.width1{ width:70% ; padding-left:20px; color: #666666; box-sizing: border-box;}
.dzzSjjjFl dl dd span.width2{ width:30% ; padding-left:20px; color: #F52E3A; box-sizing: border-box;}
.dzzSjjjFl dl dd:last-child{ border-bottom: none;}
.dzzFanliBox{ width: 100%; margin-top:20px;}
.dzzFanliTitle{ width: 100%; height: 44px; background: #F6F6F6; border-radius: 3px; line-height: 44px;}
.dzzFanliTitle h2{ font-weight: bold; color: #333333; margin:0px 0px 0px 20px;}
.dzzFanliCont{ margin-top:20px; margin-left:20px;}
.dzzFanliCont p{ color: #666666; margin-top:10px;}
.dzzFanliCont p b{ display: block; width: 4px;  height: 4px; background: #999999; border-radius:100px; float: left; margin: 15px 10px 0px 0px;} 
.dzzFanliCont p em{ display: block; width:calc(100% - 20px); float:left; line-height: 30px;}

@media screen and (max-width:768px){
  .dzzSjjjBox{ width: 100%; margin-top:30px;}
  .dzzSjjjTb span{ float: none; margin: auto;}
  .dzzSjjjTb dl{ float:none; width: 100%; margin-left:0px; text-align: center;}
  .dzzSjjjTb em a{ float:none; width: 100%; margin-top:20px;}

}






/**********************************单个平台搜索**********************************/
.dzzZhpxBox{ width: 1380px; background: #ffffff; padding-bottom: 30px; margin-top:30px;} 
.dzzZhpxBox dl{ margin: 0px 30px;}
.dzzZhpxBox dl dd{ width: 100%;}
.dzzZhpxBox dl dd a{ display: block; float: left; text-decoration:none; margin:30px 30px 0px 0px;}
.dzzZhpxBox dl dd a h2{ color: #333333; float: left;}
.dzzZhpxBox dl dd a b{ display: block; width: 9px; height: 5px; background: url(../images/bg8.png) no-repeat 0px -170px; 
    background: image-set(url(../images/bg8.png) 1x, url(../images/bg8-2x.png) 2x)  no-repeat 0px -170px; 
    background: -webkit-image-set(url(../images/bg8.png) 1x, url(../images/bg8-2x.png) 2x) no-repeat 0px -170px;
    float: left; margin: 7px 0px 0px 5px;}
.dzzZhpxBox dl dd a em{ display: block; float: left; width: 7px; height: 10px; background:url(../images/bg8.png) no-repeat; 
    background: image-set(url(../images/bg8.png) 1x, url(../images/bg8-2x.png) 2x)  no-repeat; 
    background: -webkit-image-set(url(../images/bg8.png) 1x, url(../images/bg8-2x.png) 2x) no-repeat;
    margin: 5px 0px 0px 5px;} 
.dzzZhpxBox dl dd a em.icon1{ background-position: -40px -170px;}
.dzzZhpxBox dl dd a em.icon2{ background-position: -50px -170px;}
.dzzZhpxBox dl dd a em.icon3{ background-position: -60px -170px;}
.dzzZhpxBox dl dd a.hover h2{ color: #F52E3A;}
.dzzZhpxBox dl dd a.hover b{ background-position: -15px -170px;}

@media screen and (max-width:768px){
  .dzzZhpxBox{ width: 100%; margin-top:20px;}

}


.dzzZhpxList{ width:1380px;}
.dzzZhpxList li{ float: left; width:250px; height:420px; background: #ffffff; border-radius: 6px; margin: 30px 0px 0px 32px;}
.dzzZhpxList li:nth-child(5n+1){ margin-left:0px;}
.dzzZhpxList li .dzzZhpxImg{ width: 250px; height:250px; position: relative;}
.dzzZhpxList li .dzzZhpxImg a{ display: block; width:250px; height:250px; object-fit: cover; border-radius: 5px 5px 0px 0px;overflow: hidden;}
.dzzZhpxList li .dzzZhpxImg a img{ width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s; border-radius: 5px 5px 0px 0px; }
.dzzZhpxList li .dzzZhpxImg a:hover img{ transform:scale(1.1);}
.dzzZhpxList li .dzzZhpxImg span{ display: block; height: 24px; padding: 0px 5px; background: #f8da5f; border-radius: 5px 5px 5px 0px; position:absolute; left: 0px; top: 0px; line-height: 24px; color: #ffffff; font-size: 12px; font-weight: bold;}
.dzzZhpxList li .dzzZhpxCont{ margin: 0px 20px;}
.dzzZhpxList li .dzzZhpxCont dl{ width: 100%; margin-top:15px;}
.dzzZhpxList li .dzzZhpxCont dl dt a{ height: 40px; line-height: 20px; overflow: hidden; display: block;}
.dzzZhpxList li .dzzZhpxCont dl dd.cont1{ margin-top:10px; height: 24px; overflow: hidden;}
.dzzZhpxList li .dzzZhpxCont dl dd.cont1 span{ display: block; float: left; height: 24px; background: #f8da5f; border-radius: 3px; color: #ffffff; line-height: 24px; padding: 0px 5px; font-size: 12px; margin-right:7px;}
.dzzZhpxList li .dzzZhpxCont dl dd.cont1 em{ display: block; box-sizing: border-box; height: 20px; border: 1px solid #f8da5f; float: left; border-radius: 3px; padding-right: 5px; margin-top:2px; color: #f8da5f; font-size: 12px; line-height: 20px;}
.dzzZhpxList li .dzzZhpxCont dl dd.cont1 em b{ display: block; float: left; width: 24px; height: 18px; background: #f8da5f; text-align: center; color: #ffffff; font-weight: normal; font-size: 12px;}
.dzzZhpxList li .dzzZhpxCont dl dd.cont2{ margin-top:13px; height: 22px; line-height: 22px; overflow: hidden;}
.dzzZhpxList li .dzzZhpxCont dl dd.cont2 p{ float: left; color: #B7B7B7; font-size: 12px; margin-right: 5px;}
.dzzZhpxList li .dzzZhpxCont dl dd.cont2 span{ display: block; float:left; font-size: 18px; font-weight: bold; color: #F52E3A;} 
.dzzZhpxList li .dzzZhpxCont dl dd.cont2 span b{ display: block; float: left; width: 20px; height: 20px; background: url(../images/gglogo1.png) no-repeat; margin-right: 5px;}

.dzzZhpxList li .dzzZhpxCont dl dd.cont2 em{ display: block; float: left; color: #999999; font-weight: bold; font-size: 16px; margin: 1px 0px 0px 10px;}
.dzzZhpxList li .dzzZhpxCont dl dd.cont3{ margin-top:13px;}
.dzzZhpxList li .dzzZhpxCont dl dd.cont3 a{ display: block; float: left; width: calc(100% - 95px); height: 18px; line-height: 18px; overflow: hidden; color: #B7B7B7; text-decoration: none;}
.dzzZhpxList li .dzzZhpxCont dl dd.cont3 a:hover{ color: #f8da5f; text-decoration: underline;}
.dzzZhpxList li .dzzZhpxCont dl dd.cont3 span{ display: block; float: right; text-align: right; width: 80px; height: 18px; line-height: 18px; overflow: hidden; color: #B7B7B7;}
.dzzZhpxList li .dzzZhpxCont dl dd.cont3 span em{ color: #F52E3A;}
.dzzZhpxList li:hover{ box-shadow: 0px 6px 15px 0px rgba(0, 0, 0, 0.05);}


@media screen and (max-width:768px){
  .dzzZhpxList{ width: 100%;}
  .dzzZhpxList li{ width: 48%; height: auto !important; padding-bottom: 15px; margin-left:4%;}
  .dzzZhpxList li .dzzZhpxImg{ width: 100%; height: 45vw;}
  .dzzZhpxList li .dzzZhpxImg a{ width: 100%; height:45vw;}
  .dzzZhpxList li:nth-child(5n+1){ margin-left:4%;}
  .dzzZhpxList li:nth-child(2n+1){ margin-left:0px;}
  .dzzZhpxList li:last-of-type{ display: none; }

}





/**********************************提现**********************************/
/**中间**/
.dzzTixianBox{ float: left; width:820px; background: #ffffff; padding-bottom:60px; margin:30px 0px 0px 30px;} 
.dzzTixianIn{ margin-top:30px; margin-left:20px; margin-right: 20px;}
.dzzTixianIn h2{ float: left; font-size: 18px; font-weight: bold; color: #333333; margin-top:5px;} 
.dzzTxjlBox{ float: right;}
.dzzTxjlBox a{ display: block; height: 36px; border: 1px solid #E6E6E6; float: left; border-radius: 100px; padding: 0px 15px; line-height: 36px; color: #666666; text-decoration: none; margin: 0px 0px 0px 18px;}
.dzzTxjlBox a b{ display: block; float: left; width:16px; height: 16px; background: url(../images/bg1.png) no-repeat;
    background: image-set(url(../images/bg1.png) 1x, url(../images/bg1-2x.png) 2x)  no-repeat; 
    background: -webkit-image-set(url(../images/bg1.png) 1x, url(../images/bg1-2x.png) 2x) no-repeat;
     margin: 10px 5px 0px 0px;}
.dzzTxjlBox a b.icon1{ background-position: -30px -280px;}
.dzzTxjlBox a b.icon2{ background-position: -55px -280px;}
.dzzTxjlBox a:hover{ border: 1px solid #F52E3A; color: #F52E3A;}
.dzzTxjlBox a:hover b.icon1{ background-position: -80px -280px;}
.dzzTxjlBox a:hover b.icon2{ background-position: -100px -280px;}
.dzzTxjlBg{ margin: 0px 20px;}
.dzzTxjlMsg{ width:100%; height: 80px; box-sizing: border-box; border:1px solid #FF9AA0; border-radius: 6px; margin-top:20px; background: linear-gradient(180deg, #FFF4F5 0%, #FFFCFC 99%);}
.dzzTxjlMsg p{ margin: 22px 0px 0px 30px; color: #333333; font-weight:bold; float: left;}
.dzzTxjlMsg p span{ font-size: 30px; color: #F52E3A;}
.dzzBangBox{ width: 320px; margin: auto; margin-top:30px;} 
.dzzBangIn{ width: 320px; text-align: center;}
.dzzBangIn img{ width: 200px; height:120px;}
.dzzBangIn p{ color: #333333; margin-top:10px;}
.dzzBangIn p span{ color: #F52E3A; font-weight: bold;}
.dzzBangCont{ width: 320px; padding-top:10px;}
.dzzBangCont li{ width: 320px; margin-top:20px;}
.dzzBangCont li .dzzBangTitle{ float: Left; width:45px; height: 42px; line-height: 42px; overflow: hidden; color: #999999;}
.dzzBangCont li .dzzBangText{ float:left; width: 250px; height: 42px; box-sizing: border-box;} 
.dzzBangCont li .dzzBangText input.text1{ width: 240px; height: 42px; border: none; background-color: none; border: 1px solid #EEEEEE; padding-left: 10px; color: #CCCCCC; outline: none; border-radius: 3px; margin-left:20px; }
.dzzBangCont li .dzzBangText1{ float:left; width: 250px; height: 42px; border: 1px solid #EEEEEE; margin:0px 0px 0px 20px;}
.dzzBangCont li .dzzBangText1 input.text1{ float: left; width: 125px; height: 42px; border: none; background: none; padding-left: 10px; outline: none; color: #CCCCCC;} 
.dzzBangCont li .dzzBangText1 span a{ display: block; float: right; color: #F52E3A; text-decoration: none; line-height: 42px; margin-right:10px;}
input::placeholder {color: #cccccc;}
.dzzBangCont li .dzzBangSubmit{ width: 180px; height: 48px; margin-left:65px; padding-top:10px;}
.dzzBangCont li .dzzBangSubmit input.submit1{ width: 180px; height: 48px; border: none; background: none; background: #f8da5f; border-radius: 100px; line-height: 48px; text-align: center; font-size: 16px; color: #ffffff; font-weight: bold; outline: none; cursor: pointer;}
.dzzBangCont li .dzzBangSubmit input.submit1:hover{ background: #f8da5f;}
.dzzBanghover{ background: #e22a35!important;}
.dzzTxjeBg{ overflow: hidden; margin: 0px 20px;}
.dzzTxjlMsg em{ display: block; float: right; margin: 38px 30px 0px 0px; color: #999999;}
.dzzTxjlMsg em span{ color: #F52E3A;}
.dzzTxjeBox{ width: 100%; padding-top:10px;}
.dzzTxjeBox li{ width: 100%; margin-top:20px;}
.dzzTxjeBox li .dzzTxjeTitle{ float: left; width: 60px; height: 36px; line-height: 36px; overflow: hidden; color: #333333;}
.dzzTxjeBox li .dzzTxjeRadio{ float: left; margin-left:5px; margin-top:8px;}
.dzzTxjeBox li .dzzTxjeRadio span{ display: block; float: left; margin-left:15px; color: #333333;}
.dzzTxjeBox li .dzzTxjeIn{ float:left; width: calc(100% - 150px); margin:0px 0px 0px 20px;}
.dzzTxjeBox li .dzzTxjeIn .dzzTxjeCont{ width: 100%;}
.dzzTxjeBox li .dzzTxjeIn .dzzTxjeCont .dzzTxjeWei{ width: auto; float: left;}
.dzzTxjeBox li .dzzTxjeIn .dzzTxjeCont .dzzTxjeWei a{ display: block; height: 54px; border: 1px solid #E6E6E6; border-radius: 3px; text-decoration: none; line-height: 54px; padding-right: 10px;}
.dzzTxjeBox li .dzzTxjeIn .dzzTxjeCont .dzzTxjeWei a span{ display: block; float:left; width: 13px; height: 13px; background: url(../images/bg1.png) no-repeat;
    background: image-set(url(../images/bg1.png) 1x, url(../images/bg1-2x.png) 2x)  no-repeat; 
    background: -webkit-image-set(url(../images/bg1.png) 1x, url(../images/bg1-2x.png) 2x) no-repeat;
     margin: 20px 0px 0px 10px;}
.dzzTxjeBox li .dzzTxjeIn .dzzTxjeCont .dzzTxjeWei a span.bg1{ background-position: -125px -280px;}
.dzzTxjeBox li .dzzTxjeIn .dzzTxjeCont .dzzTxjeWei a span.bg2{ background-position: -145px -280px;}
.dzzTxjeBox li .dzzTxjeIn .dzzTxjeCont .dzzTxjeWei a b{ display: block; float: left; width: 23px; height: 20px; background:url(../images/bg1.png) no-repeat;
    background: image-set(url(../images/bg1.png) 1x, url(../images/bg1-2x.png) 2x)  no-repeat; 
    background: -webkit-image-set(url(../images/bg1.png) 1x, url(../images/bg1-2x.png) 2x) no-repeat;
     margin: 18px 0px 0px 15px;}
.dzzTxjeBox li .dzzTxjeIn .dzzTxjeCont .dzzTxjeWei a b.icon1{ background-position: -170px -275px;}
.dzzTxjeBox li .dzzTxjeIn .dzzTxjeCont .dzzTxjeWei a b.icon2{ background-position: -200px -275px;}
.dzzTxjeBox li .dzzTxjeIn .dzzTxjeCont .dzzTxjeWei a p{ color: #999999; margin-left:10px; float:left;}
.dzzTxjeBox li .dzzTxjeIn .dzzTxjeCont .dzzTxjeWei a p em{ color: #333333;}
.dzzTxjeBox li .dzzTxjeIn .dzzTxjeCont .dzzTxjeWei a.hover{ border: 1px solid #F52E3A;}
.dzzTxjeBox li .dzzTxjeIn .dzzTxjeCont .dzzTxjeWei a:hover{ border: 1px solid #F52E3A;}
.dzzTxjeBox li .dzzTxjeIn .dzzTxjeCont .dzzQbdLink a{ display: block; float: left; color: #F52E3A; text-decoration: none; margin: 20px 0px 0px 10px;}
.dzzTxjeBox li .dzzTxjeIn .dzzTxjeCont .dzzQbdLink a:hover{ text-decoration: underline;}
.dzzTxjeBox li .dzzQbdSubmit{ width: 180px; height: 48px; margin:62px 0px 0px 180px;}
.dzzTxjeBox li .dzzQbdSubmit input.submit1{ width: 180px; height: 48px; border: none; background: none; background: #D7D7D7; border-radius: 100px; font-size: 16px; font-weight:bold; color: #ffffff; outline: none; cursor:pointer;}
.dzzTxjeContIn{ margin-top:20px;}


@media screen and (max-width:768px){
.dzzTixianBox{ width: 100%; margin-left:0px; padding-bottom: 30px;}
.dzzBangCont li .dzzBangText{ width: 240px;} 
.dzzBangCont li .dzzBangText input.text1{ width: 230px; }
.dzzBangCont li .dzzBangText1{ float:left; width: 240px;}
.dzzBangCont li .dzzBangText1 input.text1{ width: 125px; }
.dzzTxjlMsg{ height: auto; padding-bottom: 20px;}
.dzzTxjlMsg p{ float: none; margin-top:15px;}
.dzzTxjlMsg em{ float: none; margin-top:15px; margin-left:30px;}
.dzzTixianIn{ margin-top:15px;}
.dzzTixianIn h2{ float: none;}
.dzzTxjlBox{ float: none; margin-top:15px;}
.dzzTxjeBox li .dzzTxjeTitle{ float: none;}
.dzzTxjeBox li .dzzTxjeRadio{ float: none; margin-left:0px;}
.dzzTxjeBox li .dzzTxjeIn{ float: none; width: 100%; margin-left:0px;}
.dzzTxjeBox li .dzzQbdSubmit{ margin: auto;}

}



/**提现成功**/
.dzzTxcgBg{ width: 100%; height: 100%; background-color: rgba(0,0,0,0.4); position:absolute; left: 0px; top: 0px; position:fixed; z-index: 100;}
.dzzTxcgBox{ width: 480px; height: 253px;  background: #FFFFFF; border: 1px solid #E6E6E6;  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.15); border-radius: 5px; position:absolute; left: 50%; top: 50%; margin-left:-240px; margin-top:-126.5px;} 
.dzzTxcgBox h2{ font-size: 16px; font-weight: bold; color: #333333; margin: 30px 0px 0px 30px;}
.dzzTxcgBox dl{ width: 265px; margin: auto; margin-top:30px;} 
.dzzTxcgBox dl dt{ text-align: center; font-size: 16px; color: #666666; margin:0px 0px 0px 0px; line-height: 30px;}
.dzzTxcgBox dl dd{ margin-top:35px;}
.dzzTxcgBox dl dd a{ display: block; float: left;} 
.dzzTxcgBox dl dd a.bg1{ width: 120px;height: 38px; background: #F52E3A; border-radius: 100px; line-height: 38px; text-align: center; color: #ffffff; text-decoration:none;} 
.dzzTxcgBox dl dd a.bg2{ width: 120px; height: 38px; border: 1px solid #E6E6E6; border-radius: 100px; line-height: 38px; text-align: center; color: #333333; text-decoration:none; box-sizing: border-box; margin: 0px 0px 0px 20px;} 
.dzzTxcgBox dl dd a:hover.bg1{ background: #E22A35;}
.dzzTxcgBox dl dd a:hover.bg2{ border: 1px solid #F52E3A; color: #F52E3A;}


@media screen and (max-width:768px){
  .dzzTxcgBox{ width: 94%; height: auto; margin-left:0px; margin-top:0px; left: 3%; top: 35%; padding-bottom: 20px;} 

}


/**提现记录**/
.dzzJiluBg{ width: 100%; height: 100%; background-color: rgba(0,0,0,0.4); position:absolute; left: 0px; top: 0px; position:fixed; z-index: 100;}
.dzzJiluBox{ width: 660px; height:495px;  background: #FFFFFF; border: 1px solid #E6E6E6;  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.15); border-radius: 5px; position:absolute; left: 50%; top: 50%; margin-left:-330px; margin-top:-247.5px;}
.dzzJiluTitle{ margin-top:25px; margin-left:20px; margin-right: 20px;}
.dzzJiluTitle h1{ font-size: 16px; font-weight:bold; color: #333333; float: left;}
.dzzJiluTitle span{ display: block; float:right; width: 14px; height: 14px; background: url(../images/bg1.png) no-repeat -360px -230px; 
    background: image-set(url(../images/bg1.png) 1x, url(../images/bg1-2x.png) 2x)  no-repeat -360px -230px; 
    background: -webkit-image-set(url(../images/bg1.png) 1x, url(../images/bg1-2x.png) 2x) no-repeat -360px -230px;
    cursor: pointer; margin-top:5px;}
.dzzJiluSelect{margin-top:20px; margin-left:20px; margin-right:20px;}
.dzzJiluName{ float:left; width: 70px; height: 32px; line-height: 32px; overflow: hidden; color: #666666; }
.dzzJiluSelectIn{ float: left;}
.dzzJiluSelectIn select{ width: 136px; height: 32px; border: none; background: none; border: 1px solid #E4E4E4; border-radius: 3px; outline: none;}

.qsMainIn4{width:100%; margin-top:20px; height: 360px; overflow: hidden; overflow-y: scroll; margin-left:20px; margin-right: 20px;}
.qssggbTable4 thead {height: 45px; background: #F4F4F4;}
.qssggbTable4 thead tr{ height: 45px;}
.qssggbTable4 thead tr th span{ display: block; height: 45px; color: #333333; font-weight: bold; line-height: 45px; overflow: hidden; border-bottom: 1px solid #eeeeee;}
.qssggbTable4 thead tr th span.width1{ text-align: center; width:120px; }
.qssggbTable4 thead tr th span.width2{ text-align: center; width: 210px; }
.qssggbTable4 thead tr th span.width3{text-align:center; width:150px; }
.qssggbTable4 thead tr th span.width4{text-align:center; width:130px; }
.qssggbTable4 tbody{ width: 100%;}
.qssggbTable4 tbody tr{ height:45px; border-bottom: 1px solid #eeeeee;}
.qssggbTable4 tbody tr td span{ display: block; height: 45px;  color: #333333;  line-height: 45px; overflow: hidden; background: #ffffff;}
.qssggbTable4 tbody tr td span.width1{ width:120px; text-align: center;}
.qssggbTable4 tbody tr td span.width2{ width:210px; text-align:center;}
.qssggbTable4 tbody tr td span.width3{ width:150px; text-align:center;}
.qssggbTable4 tbody tr td span.width4{ width:130px; text-align:center;}


.qsMainIn4{ width: 100%; padding: 0px; overflow-x: scroll; cursor: grab; user-select:none; margin-top:20px; float:inherit;}
.qsMainIn4::-webkit-scrollbar { width: 4px; /* Chrome, Safari, Opera */height: 4px;}
.qsMainIn4::-webkit-scrollbar-thumb {background-color: #cbcbcb; /* 滚动条thumb颜色 */ border-radius: 4px; /* 滚动条thumb圆角 */ }
.qsMainIn4::-webkit-scrollbar-track { background-color: #ebebeb; /* 滚动条track颜色 */}
.qsMainIn4::-ms-scrollbar {width: px;height: 4px; /* Edge, IE */}
.qsMainIn4::-ms-scrollbar-thumb { background-color: #cbcbcb; /* 滚动条thumb颜色 */ border-radius: 4px; /* 滚动条thumb圆角 */}
.qsMainIn4::-ms-scrollbar-track {background-color: #ebebeb; /* 滚动条track颜色 */}
.table-cell-shadow-right:before{ box-shadow: inset 10px 0 8px -8px #00000026;position: absolute; top: 0; right: 0;  bottom: -1px; width: 30px; transform: translate(100%); transition: box-shadow .3s; content: ""; pointer-events: none}
.qsMainIn4 thead tr th:nth-child(1){ position:sticky; left: 0px; z-index: 101; background: #F4F4F4; }
.qsMainIn4 tbody tr td:nth-child(1){ position:sticky; left: 0px;  z-index: 100; background: #ffffff; }
.table-cell-shadow-right:before{ box-shadow: inset 10px 0 8px -8px #00000026;position: absolute; top: 0; right: 0;  bottom: -1px; width: 30px; transform: translate(100%); transition: box-shadow .3s; content: ""; pointer-events: none}


@media screen and (max-width:768px){
  .dzzJiluBox{ width: 94%; height: auto; margin-left:0px; margin-top:0px; left: 3%; top: 20%;} 
  .qsMainIn4{ width: 90%;} 


}




/**********************************网站地图**********************************/
.dzzJrdzwBox{ width: 1380px; margin-top:40px;}
.dzzJrdzwTitle{ width:100%;}
.dzzJrdzwTitle h2{ font-size: 18px; font-weight: bold; color: #000000;}
.dzzJrdzwTitle h1{ font-size: 18px; font-weight: bold; color: #000000;}
.dzzJrdzwBg{ width:100%; background: #FFFFFF; margin-top:20px;}
.dzzJrdzwBg dl{ border-bottom: 1px solid #EEEEEE; padding-bottom: 30px; margin-left: 20px; margin-right: 20px;}
.dzzJrdzwBg dl dt{ float: left; width: 60px; line-height: 18px; height: 18px; overflow: hidden; text-align: right; margin-top:20px; font-weight: bold;} 
.dzzJrdzwBg dl dd{ float: right; width: calc(100% - 75px);}
.dzzJrdzwBg dl dd a{ display: block; float: left; margin: 20px 0px 0px 30px;}
.dzzJrdzwBg dl:last-child{ border-bottom:none;}

@media screen and (max-width:768px){
  .dzzJrdzwBox{ width: 100%; margin-top:30px;}
}




/**********************************我的资产**********************************/
.dzzJjdzSelect2{ margin-left:60px;}
.dzzShijian{ float: left; width: 136px; height: 32px; border:1px solid #E4E4E4; border-radius: 3px; } 
.dzzShijian1{ margin-left:10px;}
.dzzShijian input.text1{ width: 136px; height: 32px; border:none; background: none; box-sizing: border-box; outline: none; float: left; padding-left:10px;}
.dzzShijianXian{ float: left; width: 5px; height: 1px; background: #B7B7B7; margin: 15px 0px 0px 10px;}
.dzzJjdzTitle1 h2{ margin-top:10px;}

@media screen and (max-width:768px){
  .dzzJjdzTitle h1{ float:none;}
  .dzzJjdzSelect2{ margin-left:0px; float: none;}
  .dzzShijian{ width: 110px;}
}

.qsMainIn5{width:100%; margin-top:20px; margin-left:0px; }
.qssggbTable5 thead {height: 45px; background: #F4F4F4;}
.qssggbTable5 thead tr{ height: 45px;}
.qssggbTable5 thead tr th span{ display: block; height: 45px; color: #333333; font-weight: bold; line-height: 45px; overflow: hidden; border-bottom: 1px solid #eeeeee;}
.qssggbTable5 thead tr th span.width1{ text-align: center; width:150px; }
.qssggbTable5 thead tr th span.width2{ text-align: center; width: 200px; }
.qssggbTable5 thead tr th span.width3{text-align:center; width:160px; }
.qssggbTable5 thead tr th span.width4{text-align:center; width:150px; }
.qssggbTable5 thead tr th span.width5{text-align:center; width:150px; }
.qssggbTable5 thead tr th span.width6{text-align:center; width:300px; }
.qssggbTable5 tbody{ width: 100%;}
.qssggbTable5 tbody tr{ height:45px; border-bottom: 1px solid #eeeeee;}
.qssggbTable5 tbody tr td span{ display: block; height: 45px;  color: #333333;  line-height: 45px; overflow: hidden; background: #ffffff;}
.qssggbTable5 tbody tr td span.width1{ width:150px; text-align: center;}
.qssggbTable5 tbody tr td span.width2{ width:200px; text-align:center;}
.qssggbTable5 tbody tr td span.width3{ width:160px; text-align:center;}
.qssggbTable5 tbody tr td span.width4{ width:150px; text-align:center;}
.qssggbTable5 tbody tr td span.width5{ width:150px; text-align:center;}
.qssggbTable5 tbody tr td span.width6{ width:300px; text-align:center; line-height:20px; height: 40px; display: flex; align-items: center; justify-content: center;}

.qsMainIn5{ width: 100%; padding: 0px; overflow-x: scroll; cursor: grab; user-select:none; margin-top:20px; float:inherit;}
.qsMainIn5::-webkit-scrollbar { width: 4px; /* Chrome, Safari, Opera */height: 4px;}
.qsMainIn5::-webkit-scrollbar-thumb {background-color: #cbcbcb; /* 滚动条thumb颜色 */ border-radius: 4px; /* 滚动条thumb圆角 */ }
.qsMainIn5::-webkit-scrollbar-track { background-color: #ebebeb; /* 滚动条track颜色 */}
.qsMainIn5::-ms-scrollbar {width: px;height: 4px; /* Edge, IE */}
.qsMainIn5::-ms-scrollbar-thumb { background-color: #cbcbcb; /* 滚动条thumb颜色 */ border-radius: 4px; /* 滚动条thumb圆角 */}
.qsMainIn5::-ms-scrollbar-track {background-color: #ebebeb; /* 滚动条track颜色 */}
.table-cell-shadow-right:before{ box-shadow: inset 10px 0 8px -8px #00000026;position: absolute; top: 0; right: 0;  bottom: -1px; width: 30px; transform: translate(100%); transition: box-shadow .3s; content: ""; pointer-events: none}
.qsMainIn5 thead tr th:nth-child(1){ position:sticky; left: 0px; z-index: 101; background: #F4F4F4; }
.qsMainIn5 tbody tr td:nth-child(1){ position:sticky; left: 0px;  z-index: 100; background: #ffffff; }
.table-cell-shadow-right:before{ box-shadow: inset 10px 0 8px -8px #00000026;position: absolute; top: 0; right: 0;  bottom: -1px; width: 30px; transform: translate(100%); transition: box-shadow .3s; content: ""; pointer-events: none}




/**********************************文章列表**********************************/
.dzLeibBox{ width:100%; background: #ffffff; margin-top:30px;}
.dzLeibBox dl{ border-bottom: 1px solid #f6f6f6; padding-bottom: 15px; margin-left: 15px; margin-right:15px;}
.dzLeibBox dl dt{ float:left; width: 70px; height: 18px; line-height: 18px; overflow: hidden; color: #999999; margin-top:25px;} 
.dzLeibBox dl dd{ float:right; width: calc(100% - 70px);}
.dzLeibBox dl dd a{ display: block; float:left; border: 1px solid #ffffff; border-radius: 6px; padding: 0px 10px; color: #333333; text-decoration: none; height: 23px; margin: 20px 0px 0px 15px; line-height: 23px;}
.dzLeibBox dl dd a.hover{ background: #f8da5f; border: 1px solid #f8da5f; color: #ffffff;}
.dzLeibBox dl:last-child{  border-bottom: none;}


.dzJcmBox{ width: 100%; background: #ffffff;  padding-bottom: 30px; margin-top:30px;}
.dzJcmList{ margin: 0px 15px;}
.dzJcmList li{ width:100%; border-bottom: 1px solid #f6f6f6; padding-bottom: 25px; padding-top:25px;}
.dzJcmList li span a{ display: block; float: left; width: 210px; height: 140px; overflow: hidden; border-radius: 5px;}
.dzJcmList li span a img{ width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s; }
.dzJcmList li span a:hover img{ transform:scale(1.1);}
.dzJcmList li dl{ float: right; width: calc(100% - 230px);}
.dzJcmList li dl dt a{ display: block; height: 20px; line-height: 20px; overflow: hidden; font-size: 16px; font-weight: bold;} 
.dzJcmList li dl dd.cont1{ height: 16px; line-height: 16px; overflow: hidden; font-size: 12px; color: #999999; margin-top:8px;}
.dzJcmList li dl dd.cont2{ height: 40px; line-height: 20px; overflow: hidden; color: #666666; margin-top:8px;}
.dzJcmList li dl dd.cont2 a{ color: #fb5c24; text-decoration: none;}
.dzJcmList li dl dd.cont3{ margin-top:10px;}
.dzJcmList li dl dd.cont3 a{ display: block; width: 110px; height: 35px; border: 1px solid #f8da5f; border-radius: 6px; background: #f8da5f; display: flex; align-items: center; justify-content: center; text-decoration: none;}
.dzJcmList li dl dd.cont3 a em{ display: block; float: left; color: #ffffff;}
.dzJcmList li dl dd.cont3 a b{ display: block; float: left; width: 17px; height: 17px; background: url(../images/bg8.png) no-repeat -230px -230px; 
    background: image-set(url(../images/bg8.png) 1x, url(../images/bg8-2x.png) 2x)  no-repeat -230px -230px; 
    background: -webkit-image-set(url(../images/bg8.png) 1x, url(../images/bg8-2x.png) 2x) no-repeat -230px -230px; margin: 0px 0px 0px 5px;}
.dzJcmList li:hover dl dd.cont3 a em{ color: #ffffff;}
.dzJcmList li:hover dl dd.cont3 a b{ background-position: -250px -230px;}
@media screen and (max-width:768px){
  .dzJcmList li span a{ width: 150px; height: 100px; margin-top:20px;}
  .dzJcmList li dl{ width: calc(100% - 170px);}


}


.dzRmscList{ width: 100%; padding-top: 5px;}
.dzRmscList li{ margin-top:15px;}
.dzRmscList li a{ display: block; width:100%; height: 110px; overflow: hidden; border-radius: 5px;} 
.dzRmscList li a img{ width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s;}
.dzRmscList li a:hover img{ transform:scale(1.1);}

@media screen and (max-width:768px){
  .dzRmscList li a{ height: 25vw;}
}


.dzGwjyList{ width:100%; padding-top: 5px;}
.dzGwjyList li{ margin-top:15px;}
.dzGwjyList li span a{ display: block; float:left; width: 114px; height: 74px; overflow: hidden; border-radius: 6px;}
.dzGwjyList li span a img{ width: 114px; height: 74px; transition: transform 0.5s;}
.dzGwjyList li span a:hover img{ transform:scale(1.1);}
.dzGwjyList li dl{ float: right; margin-top:5px; width: calc(100% - 134px);}
.dzGwjyList li dl dt a{ display: block; height: 40px; line-height: 20px; overflow: hidden;}
.dzGwjyList li dl dd{ height: 16px; line-height: 16px; overflow: hidden; font-size: 12px; color: #999999; margin-top:7px;} 

@media screen and (max-width:768px){
  .dzGwjyList{ width: 100%;}

}




/**********************************文章详情页**********************************/
.dzJcxhBox{ width:100%; background: #ffffff; padding-bottom: 30px; margin-top:30px;}  
.dzJcxhTitle{ border-bottom: 1px solid #f6f6f6; padding-bottom: 20px; padding-top:20px; margin: 0px 15px;}


.dzJcxhTitle h1 { font-size: 22px; font-weight: bold; color: #333333; text-align: center;} 
.dzJcxhTitle p{ height: 18px; line-height: 18px; overflow: hidden; color: #999999; text-align: center; margin-top:15px;}
.dzJcxhCont{font-size: 16px; color: #333333; line-height: 36px; margin-top:20px; margin-left:20px; margin-right:20px;} 
.dzJcxhCont p{ font-size: 16px; color: #333333; line-height: 36px; margin-top:20px;}
.dzJcxhCont img{ margin-top:20px; max-width: 840px;}
.dzJcxhImg{ text-align: center;}
.dzBwzzyBox{ width:100%px; box-sizing: border-box; border:2px solid #f52e3a; background: #ffffff; padding-bottom: 20px; margin-top:30px;}
.dzBwzzyBox p{ padding-top: 20px; color:#f52e3a; line-height: 24px; margin: 0px 15px;}

.dzShangBox{ width: 100%; margin-top:30px;}
.dzShangBox span{ display: block; margin: 0px 0px 0px 20px; float: left; width:450px; height: 50px;}
.dzShangBox span a{ display: block; width: 100%; height: 50px; line-height: 50px; overflow: hidden; padding: 0px 15px; box-sizing: border-box; background: #ffffff; float: left;}
.dzShangBox span:nth-child(2n+1){ margin-left:0px;}

.dzZxwzBox{ width:100%; background: #ffffff; margin-top:30px; padding-bottom: 30px;} 
.dzZxwzIn{ margin: 0px 15px;}
.dzJcmList1 li dl{ margin-top:15px;}
.dzJcmList1 li dl dd.cont1{ margin-top:18px;}
.dzJcmList1 li dl dd.cont2{ margin-top:18px;}

@media screen and (max-width:768px){
  .dzShangBox{ margin-top:10px;}
  .dzShangBox span{ width: 100%; margin-left:0px; float:none; margin-top:20px;}
  .dzZxwzIn{ margin: 0px 15px;}

}



/**********************************我的足迹**********************************/
.dzzWdzjTitle{ margin-top:20px; margin-left: 20px; margin-right:20px;}

.dzzWdzjTitle h1{ float: left; font-size: 18px; font-weight: bold; color: #333333;}
.dzzWdzjTitle a{ display: block; float: right;}
.dzzWdzjTitle a b{ display: block; float: left; width: 14px; height: 14px; background:url(../images/bg1.png) no-repeat -240px -280px; 
    background: image-set(url(../images/bg1.png) 1x, url(../images/bg1-2x.png) 2x)  no-repeat -240px -280px; 
    background: -webkit-image-set(url(../images/bg1.png) 1x, url(../images/bg1-2x.png) 2x) no-repeat -240px -280px;
    margin: 3px 5px 0px 0px;}
.dzzWdzjTitle a:hover b{ background-position: -260px -280px;}

.dzzWdzjright{ float: right; width: 1150px; background: #ffffff; padding-bottom: 40px; margin-top:30px;} 
.dzDzhjList1{ margin: 0px 20px; width: 1140px;}
.dzDzhjList1 li{ float:left; width:253px; height:380px; background: #ffffff; border-radius: 5px; margin: 30px 0px 0px 30px; border: 1px solid #eeeeee; box-sizing: border-box;}   
.dzDzhjList1 li:nth-child(4n+1){ margin-left:0px;}
.dzDzhjList1 li:hover{box-shadow: 0px 6px 15px 0px rgba(0, 0, 0, 0.05);}
.dzDzhjList1 li .dzDzhjImg{ width: 253px; height:253px; position:relative;}
.dzDzhjList1 li .dzDzhjImg a{ display: block; width: 253px; height: 253px;  border-radius: 5px 5px 0px 0px; overflow: hidden;}
.dzDzhjList1 li .dzDzhjImg a img{ width: 100%; height: 100%; object-fit: cover; border-radius: 5px 5px 0px 0px; transition: transform 0.5s;}
.dzDzhjList1 li .dzDzhjImg a:hover img{ transform:scale(1.1);}
.dzDzhjList1 li .dzDzhjImg a span{ display: block; height: 24px; border-radius: 5px 5px 5px 0px; background: #f8da5f; position:absolute; left: 0px; top: 0px; line-height: 24px; font-weight: bold; padding: 0px 6px; color: #ffffff;} 
.dzDzhjList1 li dl{ margin: auto; margin: 0px 15px;}
.dzDzhjList1 li dl dt{ height: 43px; line-height: 22px; overflow: hidden; margin-top:15px;} 
.dzDzhjList1 li dl dt span{ display: block; float: left; height: 16px; line-height: 16px; color: #ffffff; background: #f8da5f; font-size: 12px; padding:0px 5px; overflow: hidden; border-radius: 3px; margin: 3px 10px 0px 0px;} 
.dzDzhjList1 li dl dd{ margin-top:7px;}
.dzDzhjList1 li dl dd em{ display: block; float: left;}
.dzDzhjList1 li dl dd em p.cont1{ height: 16px; line-height: 16px; overflow: hidden; font-size: 12px; color: #999999;}
.dzDzhjList1 li dl dd em p.cont2{ height: 20px; line-height: 20px; overflow: hidden; font-size: 18px; font-weight: bold; color: #F52E3A; margin-top:10px;} 
.dzDzhjList1 li dl dd em p.cont2 b{ display: block; float: left; width: 20px; height: 20px; background: url(../images/gglogo1.png) no-repeat; margin: 0px 5px 0px 0px;}
.dzDzhjList1 li dl dd i{ display: block; float: left;  height: 32px; font-style: normal; font-weight: bold; color: #999999; font-size: 16px; margin: 12px 0px 0px 10px;}
.dzDzhjList1 li dl dd i a{ display: block; width: 78px; height: 32px; line-height: 32px; overflow: hidden; background: #F6F6F6; border-radius: 100px; text-align: center; font-weight: bold; color: #949494; font-style: normal; text-decoration: none;}
.dzDzhjList1 li dl dd i a:hover{ background: #f8da5f; color: #ffffff;}

@media screen and (max-width:768px){
  .dzzWdzjright{ width: 100%;}
  .dzDzhjList1{ width: 94%; margin: 0px 3%;}
  .dzDzhjList1 li{ width: 48% !important; height: auto !important; padding-bottom: 15px; margin-left:4%; }
  .dzDzhjList1 li .dzDzhjImg{ width: 100%; height: 45vw;}
  .dzDzhjList1 li .dzDzhjImg a{ width: 100%; height:45vw;}
  .dzDzhjList1 li:nth-child(4n+1){ margin-left:4%;}
  .dzDzhjList1 li:nth-child(2n+1){ margin-left:0px;}
  .dzDzhjList1 li:last-child{ display: none; }
}




/**********************************消息中心**********************************/
.dzzXxzxTitle{ width:100%; margin-top:30px;}
.dzzXxzxTitle h1{ font-weight: bold; font-size: 18px; color: #000000;}
.dzzXxzxBox{ width:100%; background: #ffffff; margin-top:20px; padding-bottom: 15px;}
.dzzXxzxList{ margin: 0px 30px;}
.dzzXxzxList li{border-top:1px solid #EEEEEE; padding-bottom: 20px;}
.dzzXxzxList li span{ display: block; float: left; width: 44px; height: 44px; background: url(../images/bg8.png) no-repeat; 
    background: image-set(url(../images/bg8.png) 1x, url(../images/bg8-2x.png) 2x)  no-repeat; 
    background: -webkit-image-set(url(../images/bg8.png) 1x, url(../images/bg8-2x.png) 2x) no-repeat;
    margin-top:30px;}
.dzzXxzxList li span.bg1{ background-position: 0px -225px;} 
.dzzXxzxList li span.bg2{ background-position: -50px -225px;}
.dzzXxzxList li span.bg3{ background-position: -100px -225px;}
.dzzXxzxList li span.bg4{ background-position: -150px -225px;}
.dzzXxzxList li dl{ float: right; width:calc(100% - 64px); margin-top:25px;}
.dzzXxzxList li dl dt{line-height: 20px; font-size: 16px; font-weight: bold; color: #333333;}
.dzzXxzxList li dl dd{  line-height: 18px; color: #999999; margin-top:10px;}
.dzzXxzxList li:first-child{ border-top: none;}





/**********************************账户设置**********************************/
.dzzZhszMenu{ width:100%; height: 45px; border-bottom: 1px solid #EEEEEE; margin-top:30px;}
.dzzZhszMenu li{ float: left; margin:0px 30px 0px 40px; cursor: pointer; height: 45px;}
.dzzZhszMenu li a{ display: block;}
.dzzZhszMenu li a h2{ font-size: 18px; color: #000000; text-align: center; height: 41px; display: block;}
.dzzZhszMenu li a b{ display: block; height: 4px; background: #ffffff; border-radius: 100px;}
.dzzZhszMenu li a.current h2{ font-weight: bold; color: #000000;}
.dzzZhszMenu li a.current b{ background: #f8da5f;}

@media screen and (max-width:768px){
.dzzZhszMenu li{ margin-left:20px; margin-right: 0px;}

}

.dzzZhszList{ width: 100%; margin: auto;}  
.dzzZhszList li{ width: 100%; margin-top:20px;}
.dzzZhszList li .dzzZhszTitle{ float: left; width: 270px;  text-align: right; height: 42px; line-height: 42px; overflow: hidden; color: #999999;}
.dzzZhszList li .dzzZhszTitle span{ color: #F52E3A;} 
.dzzZhszList li .dzzZhszCont{ float: left; width: 200px; height: 42px; line-height: 42px; overflow: hidden; color: #333333; margin-left:20px;}
.dzzZhszList li .dzzZhszText{ float: left; width: 200px; height: 42px; margin-left:20px;}
.dzzZhszList li .dzzZhszText input.text1{ width: 190px; height: 42px; border: none; background: none; background: #F6F6F6; border-radius: 3px; padding-left: 10px; outline: none;} 
.dzzZhszList li .dzzZhszText input::placeholder{ color: #333333;}
.dzzZhszList li .dzzZhszImg{ float: left; margin-left:20px;}
.dzzZhszList li .dzzZhszImg  img{ width: 62px; height: 62px; border-radius: 100px;}
.dzzZhszList li .dzzZhszXiugai{ line-height: 62px; margin-left:10px; float: left;}
.dzzZhszList li .dzzZhszTitle1{ line-height: 62px;}
.dzzZhszList li .dzzZhszCheck{ float: left; margin: 12px 0px 0px 20px;}
.dzzZhszList li .dzzZhszCheck span{ display: block; float: left; margin-right: 20px;}
.dzzZhszList li .dzzShxzBox{ float: left; width: 200px; height: 42px;  margin-left:20px;}
.dzzZhszList li .dzzShxzBox input.text1{ width: 200px; height: 42px; border: none; background: none; background: #F6F6F6; border-radius: 3px; outline: none; padding-left: 10px; box-sizing: border-box;}
.dzzZhszList li .dzzZhszTextarea{ float:left; width: 700px; height: 60px; margin-left:20px;}
.dzzZhszList li .dzzZhszTextarea textarea{ width: 710px; height: 70px; background: none; border:none; background: #F6F6F6; border-radius: 3px; outline:none; color: #BBBBBB; font-family: "微软雅黑"; font-size: 14px; padding: 10px 0px 0px 10px;}
.dzzZhszList li .dzzZhszSubmit{ width: 180px; height: 48px; margin:0px 0px 0px 320px; padding-top:20px;}
.dzzZhszList li .dzzZhszSubmit input.submit1{ width: 180px; height: 48px; border: none; background: none; background: #f8da5f; border-radius: 100px; font-size: 16px; color: #FFFFFF; font-weight: bold; outline: none;}
.dzzZhszList li .dzzDluMsg{ float: left; margin:10px 0px 0px 10px; color: #F52E3A; font-size: 12px;}

@media screen and (max-width:768px){
  .dzzZhszList{ width:94%; overflow: hidden;}
  .dzzZhszList li{ width: 100%; margin-top:10px;}
  .dzzZhszList li .dzzZhszTitle{ width: 100%; text-align: left;}
  .dzzZhszList li .dzzDluMsg{ width: 100%; margin-left:0px;}
  .dzzZhszList li .dzzZhszCont{ width: 100%; margin-left:0px;}
  .dzzZhszList li .dzzZhszText{ width: 100%; margin-left:0px;}
  .dzzZhszList li .dzzZhszText input.text1{ width: 100%;}
  .dzzZhszList li .dzzShxzBox{ width: 100%; margin-left:0px; }
  .dzzZhszList li .dzzShxzBox input.text1{ width: 100%;}
  .dzzZhszList li .dzzZhszTextarea{ width: 100%; margin-left:0px;}
  .dzzZhszList li .dzzZhszTextarea textarea{ width: 100%;}
  .dzzZhszList li .dzzZhszSubmit{ margin-left:0px; margin: auto; margin-top:20px;} 
  .dzzZhszList li .dzzZhszSubmit input.submit1{ background:#f8da5f ;}
  .dzzZhszList li .dzzZhszImg{ margin-left:0px; margin-top:20px;}

}



/**提示性别**/
.dzzTishiBg{ width: 100%; height: 100%; background-color: rgba(0,0,0,0.4); position:absolute; left: 0px; top: 0px; position:fixed; z-index: 100;}
.dzzTishiBox{ width: 480px; height: 260px; background: #ffffff; border-radius: 5px; position:absolute; left: 50%; top: 50%; margin-left:-240px; margin-top:-130px;} 
.dzzTishiBox dl{ margin-top:30px; margin-left:30px; margin-right: 30px;}
.dzzTishiBox dl dt{ font-size: 16px; font-weight: bold; color: #333333;}
.dzzTishiBox dl dd.cont1{ width: 290px; margin: auto; text-align: center; font-size: 16px; color: #666666; line-height: 28px; margin-top:35px;}
.dzzTishiBox dl dd.cont2{ width: 290px; margin: auto; margin-top:35px;}
.dzzTishiBox dl dd.cont2 a{ display: block; float: left; text-decoration: none;}
.dzzTishiBox dl dd.cont2 a.bg1{ width: 120px; height: 38px; background: #f8da5f; line-height: 38px; border-radius: 100px; text-align: center; color: #ffffff;}
.dzzTishiBox dl dd.cont2 a.bg2{ width: 120px; height: 38px; box-sizing: border-box; border: 1px solid #E6E6E6; border-radius: 100px; line-height: 38px; text-align: center; color: #333333; margin-left:20px;} 

@media screen and (max-width:768px){
  .dzzTishiBox{ width: 94%; margin-left:0px; left: 3%;} 

}


/**上传头像**/
.dzzSctxBg{ width: 100%; height: 100%; background-color: rgba(0,0,0,0.4); position:absolute; left: 0px; top: 0px; position:fixed; z-index: 100;}
.dzzSctxBox{ width:580px; height: 490px; background: #ffffff; border-radius: 5px; position:absolute; left: 50%; top: 50%; margin-left:-290px; margin-top:-245px;}
.dzzSctxTitle{ font-size: 16px; font-weight: bold; color: #333333; margin-top:30px; margin-left:30px; margin-right: 30px;}  
.dzzSctxIn{ margin: 0px 30px;}
.dzzSctxLeft{ float: left; width: 300px; height: 300px; background: #F6F6F6; margin-top:20px;}
.dzzSctxRight{ float: left; width: 120px; margin:30px 0px 0px 60px;} 
.dzzSctxImg{ width: 120px; height: 120px; border-radius: 100px; background: #F6F6F6;}
.dzzSctxImg img{ width: 120px; height: 120px; border-radius: 100px;}
.dzzSctxRight dl{ width: 120px; margin-top:25px;}
.dzzSctxRight dl dt{ text-align: center; color: #B2B2B2;}
.dzzSctxRight dl dd{ color: #F52E3A; text-align: center; margin-top:15px;}
.res-only {position: absolute;width: 1px;height: 1px; padding: 0; margin: -1px;clip: rect(0,0,0,0); border: 0;}
.imageBox{position: relative; height: 300px;width: 300px; border:1px solid #aaa;  background: #F6F6F6;overflow: hidden;background-repeat: no-repeat;cursor:move;}
.imageBox .thumbBox{position: absolute; top: 50%; left: 50%;width: 150px; height: 150px; margin-top: -75px;margin-left: -75px; box-sizing: border-box;border: 1px solid rgb(102, 102, 102); box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.5); background: none repeat scroll 0% 0% transparent; }
.imageBox .spinner{ position: absolute; top: 0;left: 0; bottom: 0; right: 0; text-align: center;line-height: 300px;background: rgba(0,0,0,0.7);}
.choosepic{ height: 18px; border: none;background: none;  color: #F52E3A;outline: none;float: left;text-align:center; cursor: pointer;}
.picopt1{ width: 20px;height: 20px;border: none; background: none; background: url(../images/bg8.png) 0px -190px; 
    background: image-set(url(../images/bg8.png) 1x, url(../images/bg8-2x.png) 2x)  no-repeat 0px -190px; 
    background: -webkit-image-set(url(../images/bg8.png) 1x, url(../images/bg8-2x.png) 2x) no-repeat 0px -190px;
    outline: none; float: right;margin-left:10px; cursor: pointer;}
.picopt2{ width: 20px;height: 20px;border: none; background: none; background: url(../images/bg8.png) -25px -190px; 
    background: image-set(url(../images/bg8.png) 1x, url(../images/bg8-2x.png) 2x)  no-repeat -25px -190px; 
    background: -webkit-image-set(url(../images/bg8.png) 1x, url(../images/bg8-2x.png) 2x) no-repeat -25px -190px;
    outline: none; float: right;margin-left:10px; cursor: pointer;}
.picopt1:hover{  background: url(../images/bg8.png) -50px -190px; 
    background: image-set(url(../images/bg8.png) 1x, url(../images/bg8-2x.png) 2x)  no-repeat -50px -190px; 
    background: -webkit-image-set(url(../images/bg8.png) 1x, url(../images/bg8-2x.png) 2x) no-repeat -50px -190px;}
.picopt2:hover{  background: url(../images/bg8.png) -75px -190px;  
    background: image-set(url(../images/bg8.png) 1x, url(../images/bg8-2x.png) 2x)  no-repeat -75px -190px; 
    background: -webkit-image-set(url(../images/bg8.png) 1x, url(../images/bg8-2x.png) 2x) no-repeat -75px -190px;}
.action{margin-top:15px;}
.dzzYzsjSubmit1 input.submit1{ border:none; border:none; width: 120px; height: 38px; background: #f8da5f; line-height: 38px; border-radius: 100px; text-align: center; color: #ffffff; margin-left:50px; float: left;}
.dzzYzsjSubmit1 a.bg2{ width: 120px; height: 38px; box-sizing: border-box; border: 1px solid #E6E6E6; border-radius: 100px; line-height: 38px; text-align: center; color: #333333; margin-left:20px; display: block; float: left;}
.dzzSctxSubmit{ width: 265px; margin: auto; margin-top:40px;}  
.dzzSctxSubmit a{ display: block; float: left; text-decoration: none;}
.dzzSctxSubmit a.bg1{ width: 120px; height: 38px; background: #F52E3A; line-height: 38px; border-radius: 100px; text-align: center; color: #ffffff;}
.dzzSctxSubmit a.bg2{ width: 120px; height: 38px; box-sizing: border-box; border: 1px solid #E6E6E6; border-radius: 100px; line-height: 38px; text-align: center; color: #333333; margin-left:20px;}
.dzzSctxSubmit a:hover.bg1{ background: #E22A35;}
.dzzSctxSubmit a:hover.bg2{ border: 1px solid #F52E3A; color: #F52E3A;}



@media screen and (max-width:768px){
  .dzzSctxBox{ width: 94%; margin-left:0px; left: 3%; height: 350px; margin-top:-125px;}
  .dzzSctxLeft{ width: 150px; height:150px;}
  .imageBox{ width:150px; height:150px; }
  .dzzSctxRight{ width:100px; float: right; margin-left:0px;}
  .dzzSctxImg{ width:100px; height: 100px;}
  .dzzSctxImg img{ width:100px; height:100px;}
  .dzzSctxRight dl{ width: 100px;}
  .dzzYzsjSubmit1{ margin-top:30px !important;}
  .imageBox .thumbBox{ width: 100px; height: 100px; margin-top:-50px; margin-left:-50px;}

}



/**账户安全**/
.dzzZhaqBox{ margin: 0px 20px;}
.dzzZhaqBox li{ width:100%; height: 50px; border-bottom: 1px solid #EEEEEE; margin-top:20px;}
.dzzZhaqBox li .dzzZhaqTitle{ float: left; width:160px; height: 30px; line-height: 30px; overflow: hidden;}
.dzzZhaqBox li .dzzZhaqTitle a{ display: block; font-weight: bold;}
.dzzZhaqBox li .dzzZhaqTitle a b{ display: block; float:left; width: 30px; height:30px; background: url(../images/bg1.png) no-repeat; 
    background: image-set(url(../images/bg1.png) 1x, url(../images/bg1-2x.png) 2x)  no-repeat; 
    background: -webkit-image-set(url(../images/bg1.png) 1x, url(../images/bg1-2x.png) 2x) no-repeat;
    margin: 0px 20px 0px 0px;} 
.dzzZhaqBox li .dzzZhaqTitle a b.icon1{ background-position: 0px -320px;}
.dzzZhaqBox li .dzzZhaqTitle a b.icon2{ background-position: -40px -320px;}
.dzzZhaqBox li .dzzZhaqIn{ float: right; width:calc(100% - 160px); display: flex; justify-content: flex-end; margin-top:5px;}
.dzzZhaqBox li .dzzZhaqIn a{  color: #333333; font-weight: bold; display: block; text-decoration: none;}
.dzzZhaqBox li .dzzZhaqIn a b{ display: block; float: right; width: 9px; height: 15px; background: url(../images/bg1.png) no-repeat -80px -330px; 
    background: image-set(url(../images/bg1.png) 1x, url(../images/bg1-2x.png) 2x)  no-repeat -80px -330px; 
    background: -webkit-image-set(url(../images/bg1.png) 1x, url(../images/bg1-2x.png) 2x) no-repeat -80px -330px;
    margin: 3px 0px 0px 20px;}
.dzzZhaqBox li .dzzZhaqCont{ float: right; width: calc(100% - 160px); display: flex; justify-content: flex-end; margin-top:5px;}
.dzzZhaqBox li .dzzZhaqCont p{ float: left; color: #999999; margin-right: 20px;}
.dzzZhaqBox li .dzzZhaqCont a{ display: block; float: left;}
.dzzZhaqBox li .dzzZhaqCont a b{ display: block; float: right; width: 9px; height: 15px; background: url(../images/bg1.png) no-repeat -80px -330px; 
    background: image-set(url(../images/bg1.png) 1x, url(../images/bg1-2x.png) 2x)  no-repeat -80px -330px; 
    background: -webkit-image-set(url(../images/bg1.png) 1x, url(../images/bg1-2x.png) 2x) no-repeat -80px -330px;
    margin: 3px 0px 0px 10px;}
.dzzZhaqBox li .dzzZhaqWei{ float: right;  width: calc(100% - 160px); display: flex; justify-content: flex-end; margin-top:5px;}
.dzzZhaqBox li .dzzZhaqWei a{ color: #999999; display: block; text-decoration: none;}
.dzzZhaqBox li .dzzZhaqWei a b{ display: block; float: right; width: 9px; height: 15px; background: url(../images/bg1.png) no-repeat -80px -330px; 
    background: image-set(url(../images/bg1.png) 1x, url(../images/bg1-2x.png) 2x)  no-repeat -80px -330px; 
    background: -webkit-image-set(url(../images/bg1.png) 1x, url(../images/bg1-2x.png) 2x) no-repeat -80px -330px;
    margin: 3px 0px 0px 20px;}
.dzzZhaqBox li .dzzZhaqXiu{ float: right; width: calc(100% - 160px); display: flex; justify-content: flex-end; margin-top:5px;}
.dzzZhaqBox li .dzzZhaqXiu a{ display: block;}
.dzzZhaqBox li .dzzZhaqXiu a b{ display: block; float: right; width: 9px; height: 15px; background: url(../images/bg1.png) no-repeat -80px -330px; 
    background: image-set(url(../images/bg1.png) 1x, url(../images/bg1-2x.png) 2x)  no-repeat -80px -330px; 
    background: -webkit-image-set(url(../images/bg1.png) 1x, url(../images/bg1-2x.png) 2x) no-repeat -80px -330px;
    margin: 3px 0px 0px 10px;}
.dzzSjzhBox{ margin-top:40px; margin-left:20px; margin-right: 20px;} 
.dzzSjzhBox h2{ color: #999999;}
.dzzSjzhIn{ width:100%; margin-top:30px;}
.dzzSjzhIn span a{ display: block; float: left; width: 180px; font-weight: bold; line-height: 30px;}
.dzzSjzhIn span a b{ display: block; float: left; width: 30px; height: 30px; background: url(../images/bg1.png) no-repeat; 
    background: image-set(url(../images/bg1.png) 1x, url(../images/bg1-2x.png) 2x)  no-repeat; 
    background: -webkit-image-set(url(../images/bg1.png) 1x, url(../images/bg1-2x.png) 2x) no-repeat;
    margin-right: 20px;}
.dzzSjzhIn span a b.icon1{ background-position: -100px -320px;}
.dzzSjzhIn p.cont1{ float: right;  display: flex; justify-content: flex-end; margin-top:5px; color: #999999;}
.dzzSjzhIn p.cont1 a{ font-weight: bold;}
.dzzSjzhIn p.cont2{ float: right; margin-top:5px;} 
.dzzSjzhIn p.cont2 a{ font-weight: bold;}




/**解绑提示**/
.dzzJbtsBg{ width: 100%; height: 100%; background-color: rgba(0,0,0,0.4); position:absolute; left: 0px; top: 0px; position:fixed; z-index: 100;}
.dzzJbtsBox{ width:480px; height: 225px; background: #ffffff; border-radius: 5px; position:absolute; left: 50%; top: 50%; margin-left:-240px; margin-top:-112.5px;}
.dzzJbtsBox h2{ font-size: 16px; color: #333333; font-weight: bold;  margin: 30px 0px 0px 30px;}
.dzzJbtsBox p{ text-align: center; color: #666666; font-size: 16px; margin-top:30px;}

@media screen and (max-width:768px){
  .dzzJbtsBox{ width: 94%; margin-left:0px; left: 3%;}
}




/**绑定手机号码**/
.dzzBdsjhmBg{ width: 100%; height: 100%; background-color: rgba(0,0,0,0.4); position:absolute; left: 0px; top: 0px; position:fixed; z-index: 100;}
.dzzBdsjhmBox{ width:480px; background: #ffffff; border-radius: 5px; position:absolute; left: 50%; top: 50%; margin-left:-240px; margin-top:-180px; padding-bottom: 40px;}
.dzzBdsjhmBox h2{ font-size: 16px; font-weight: bold; margin: 25px 0px 0px 30px; color: #333333;} 
.dzzBdsjhmList{ width: 100%;}
.dzzBdsjhmList li{ width: 100%; margin-top:20px;}
.dzzBdsjhmList li .dzzBdsjhmTitle{ float: left; width:120px; height: 42px; line-height: 42px; overflow: hidden; color: #999999; text-align:right;}
.dzzBdsjhmList li .dzzBdsjhmText1{ float: left; width:calc(100% - 200px); height: 42px;  margin-left: 20px;}
.dzzBdsjhmList li .dzzBdsjhmText1 input.text1{ width:100%; height: 42px; border: none; background: none; border:1px solid #EEEEEE; outline: none; padding-left: 10px; box-sizing: border-box;} 
.dzzBdsjhmList li .dzzBdsjhmText2{ float: left; width:calc(100% - 200px); height: 42px; border:1px solid #EEEEEE; box-sizing: border-box; margin-left: 20px;}
.dzzBdsjhmList li .dzzBdsjhmText2 input.text2{ float: left; border: none; background: none; height: 42px; outline: none; padding-left: 10px; width: 100px;}
.dzzBdsjhmList li .dzzBdsjhmText2 span{ display: block; float: right; line-height: 42px; margin-right: 10px; color: #F52E3A; cursor: pointer;}
.dzzBdsjhmList li .dzzDluMsg{ font-size: 12px;color: #F52E3A; margin-left:140px; margin-top:5px;}

@media screen and (max-width:768px){
  .dzzBdsjhmBox{ width: 94%; margin-left:0px; left: 3%;}
  .dzzBdsjhmList li .dzzBdsjhmTitle{ float: none; width: 100%; text-align: left; margin-left:20px;}
  .dzzBdsjhmList li .dzzBdsjhmText1{ float: none; width:90%;}
  .dzzBdsjhmList li .dzzDluMsg{ margin-left:20px;}
  .dzzBdsjhmList li .dzzBdsjhmText2{ float:none; width: 90%;}
  .dzzBdsjhmBox h2{ margin-left:20px;}



}


/**设置登录密码**/
.dzzBdsjhmList li .dzzBdsjhmText3{ float: left; width:calc(100% - 200px); height: 42px; border:1px solid #EEEEEE; box-sizing: border-box; margin-left:20px;}
.dzzBdsjhmList li .dzzBdsjhmText3 input.text3{ float: left; border: none; background: none; height: 42px; outline: none; padding-left: 10px; width: 190px;}
.dzzBdsjhmList li .dzzBdsjhmText3 span{ display: block; float: right; width: 17px; height: 11px; background: url(../images/bg1.png) no-repeat; 
    background: image-set(url(../images/bg1.png) 1x, url(../images/bg1-2x.png) 2x)  no-repeat; 
    background: -webkit-image-set(url(../images/bg1.png) 1x, url(../images/bg1-2x.png) 2x) no-repeat;
    margin: 15px 10px 0px 0px; cursor: pointer;}
.dzzBdsjhmList li .dzzBdsjhmText3 span.bg2{ background-position: -140px -330px; }
.dzzBdsjhmList li .dzzBdsjhmText3 span.bg1{ background-position: -165px -330px; }
.dzzBdsjhmList li .dzzBdsjhmText4{ float: left; width: 250px; height: 42px; line-height: 42px; color: #333333; margin-left:20px;}
@media screen and (max-width:768px){
  .dzzBdsjhmList li .dzzBdsjhmText3{ width: 90%;}


}



/**提现账户**/
.dzzTxzhList{ margin: 0px 20px;}
.dzzTxzhList li{ width: 100%; border-bottom: 1px solid #EEEEEE; height: 60px; margin-top:20px;}
.dzzTxzhList li .dzzTxzhLeft{ float:left; width:180px; line-height: 40px; color: #333333;}
.dzzTxzhList li .dzzTxzhLeft b{ display: block; float: left; width: 40px; height: 40px; background: url(../images/bg1.png) no-repeat -200px -325px; 
    background: image-set(url(../images/bg1.png) 1x, url(../images/bg1-2x.png) 2x)  no-repeat -200px -325px; 
    background: -webkit-image-set(url(../images/bg1.png) 1x, url(../images/bg1-2x.png) 2x) no-repeat -200px -325px;
    margin-right: 15px;}
.dzzTxzhList li:last-child{ border-bottom:none;}
.dzzTxzhList li .dzzTxzhRight{ float: right; width:calc(100% - 180px); text-align: right; margin-top:10px;}
.dzzTxzhList li .dzzTxzhLeft1{ float: left; width:180px;}
.dzzTxzhList li .dzzTxzhLeft1 b{ display: block; float: left; width: 40px; height: 40px; background: url(../images/bg1.png) no-repeat -250px -325px; 
    background: image-set(url(../images/bg1.png) 1x, url(../images/bg1-2x.png) 2x)  no-repeat -250px -325px; 
    background: -webkit-image-set(url(../images/bg1.png) 1x, url(../images/bg1-2x.png) 2x) no-repeat -250px -325px;
    margin-right: 15px;}
.dzzTxzhList li .dzzTxzhLeft1 dl{ float: left; width: calc(180px - 60px);}
.dzzTxzhList li .dzzTxzhLeft1 dl dt{ height: 18px; line-height: 18px; overflow: hidden;} 
.dzzTxzhList li .dzzTxzhLeft1 dl dd{ height: 16px; line-height: 16px; overflow: hidden; font-size: 12px; color: #999999; margin-top:5px;}
.dzzTxzhList li .dzzTxzhRight1{ margin-top:15px;}



/**删除账户**/
.dzzSczhBg{ width: 100%; height: 100%; background-color: rgba(0,0,0,0.4); position:absolute; left: 0px; top: 0px; position:fixed;}
.dzzSczhBox{ width:480px; background: #ffffff; border-radius: 5px; position:absolute; left: 50%; top: 50%; margin-left:-240px; margin-top:-125px;  height: 250px; }
.dzzSczhTitle{margin-top:30px; margin-left:25px; margin-right: 25px;}
.dzzSczhTitle h2{ font-weight: bold; font-size: 16px; color: #333333;}
.dzzSczhBox p{ width: 250px; margin:auto; text-align: center; font-size: 16px; color: #666666; line-height: 30px; margin-top:30px;}
.dzzSctxSubmit1{ margin-top:30px;}
.dzzSctxSubmit input.bg1{ background: none; border: none; width: 120px; height: 38px; background: #F52E3A; line-height: 38px; border-radius: 100px; text-align: center; color: #ffffff; outline: none; float: left;}

@media screen and (max-width:768px){
.dzzSczhBox{ width: 94%; margin-left:0px; left:3%;}


}



/**绑定支付宝**/
.dzzBdzfbBg{ width: 100%; height: 100%; background-color: rgba(0,0,0,0.4); position:absolute; left: 0px; top: 0px; position:fixed; z-index: 100;}
.dzzBdzfbBox{ width:480px; background: #ffffff; border-radius: 5px; position:absolute; left: 50%; top: 50%; margin-left:-240px; margin-top:-260px; height:520px;}
.dzzBdzfbTitle{margin-top:30px; margin-left:25px; margin-right: 25px;}
.dzzBdzfbTitle h2{ font-size: 16px; font-weight: bold; color: #333333;}
.dzzBdzfbList{ width:100%; margin-left: 30px; padding-top: 10px;}
.dzzBdzfbList li{ width: 100%; margin-top:20px;}
.dzzBdzfbList li .dzzBdzfbName{ float: left; width:75px; height: 42px; line-height: 42px; color: #999999; text-align: right; overflow: hidden;}
.dzzBdzfbList li .dzzBdzfbText1{ float: left; width: calc(100% - 120px); height: 42px; margin: 0px 0px 0px 20px;}
.dzzBdzfbList li .dzzBdzfbText1 input.text1{ width: calc(100% - 45px); height: 42px; border: none; background: none; border: 1px solid #EEEEEE; border-radius: 3px; outline: none; padding-left:10px; box-sizing: border-box;}
.dzzBdzfbList li .dzzBdzfbText2{ float: left; width: calc(100% - 160px); height: 42px; margin: 0px 0px 0px 20px; box-sizing: border-box; border: 1px solid #EEEEEE; border-radius: 3px;}
.dzzBdzfbList li .dzzBdzfbText2 input.text2{ float: left; width:140px; height: 42px; border: none; box-sizing: border-box; background: none; outline: none; margin-left:10px;}
.dzzBdzfbList li .dzzBdzfbText2 span{ display: block; float: right; margin: 10px 10px 0px 0px; color: #F52E3A; cursor: pointer;}
.dzzBdzfbList li .dzzYzsjSubmit{ margin-top:30px;}
.dzzBdzfbList li .dzzDluMsg{ font-size: 12px; color:#F52E3A; margin-left:95px; margin-top:5px;}
.dzzBdzfbMsg{ font-size: 12px; text-align: center; color: #F52E3A; margin-top:20px;}

@media screen and (max-width:768px){
.dzzBdzfbBox{ width: 94%; margin-left:0px; left: 3%; height: auto; padding-bottom: 20px; top:45%;}
.dzzBdzfbTitle{ margin-top:20px;}
.dzzBdzfbList li{ margin-top:0px;}
.dzzBdzfbList li .dzzBdzfbText2 input.text2{ width: 100px;}
.dzzBdzfbList li .dzzBdzfbName{ float: none; width: 100%; text-align: left;}
.dzzBdzfbList li .dzzBdzfbText1{ float: none; width: 95%; margin-left:0px;}
.dzzBdzfbList li .dzzDluMsg{ margin-left:0px;}
.dzzBdzfbMsg{ margin-left:20px; margin-right: 20px;}
.dzzBdzfbList li .dzzBdzfbText2{ width:82%; margin-left:0px;}

}



/**验证手机**/
.dzzYzsjBg{ width: 100%; height: 100%; background-color: rgba(0,0,0,0.4); position:absolute; left: 0px; top: 0px; position:fixed;z-index: 100;}
.dzzYzsjBox{ width:500px; height: 310px; background: #ffffff; border-radius: 5px; position:absolute; left: 50%; top: 50%; margin-left:-250px; margin-top:-155px;}
.dzzYzsjTitle{ margin-top:25px; margin-left:25px; margin-right: 25px;}
.dzzYzsjTitle h2{ font-weight: bold; font-size: 16px; color: #333333;}
.dzzYzsjMsg{ color: #666666;  margin-top:25px; margin-left:25px; margin-right: 25px;} 
.dzzYzsjText{ margin-top:15px; margin-left:25px; margin-right: 25px;}
.dzzYzsjText span{ display: block; float: left; height: 40px; width: 50px; border-bottom:2px solid #F1F1F1; margin: 0px 10px 0px 0px;}
.dzzYzsjText span input{ width: 50px; height: 40px; border: none; background: none; outline: none; text-align: center; font-size: 20px; color: #333333;} 
.dzzYzsjYan{  margin-top:15px; margin-left:25px; margin-right: 25px;}
.dzzYzsjYan p{ color: #999999; margin-top:10px;}
.dzzYzsjSubmit{ width:260px; margin: auto; margin-top:20px;}
.dzzYzsjSubmit input.submit1{ width: 120px; height: 38px; border: none; background: none; background: #F52E3A; border-radius: 100px; color: #ffffff; outline: none; float: left;}
.dzzYzsjSubmit a{ display: block; width: 120px; height: 38px; box-sizing: border-box; border:1px solid #E6E6E6; border-radius: 100px; line-height: 38px; text-align: center; color: #333333; text-decoration: none; float: left; margin:0px 0px 0px 20px;}
.dzzYzsjSubmit1{ margin-top:40px;}
.dzzYzsjSubmit a:hover{ border:1px solid #E22A35; color: #F52E3A;} 
.dzzYzsjSubmit input.submit1:hover{ background: #E22A35;}

@media screen and (max-width:768px){
  .dzzYzsjBox{ width:94%; margin-left:0px; left: 3%;}

}






/**********************************新订单详情**********************************/
.ndzDzxqTitle{ font-size: 24px; font-weight: bold; color: #333333; margin-top:20px;}
.ndzDzxqTitle a{ display: block; color: #333333;}
.ndzDzxqList{ width: 100%;}
.ndzDzxqList li{ margin-top:25px;}
.ndzDzxqList li span{ display: block; float: left; width:300px; text-align: right; font-size: 16px; height: 30px; line-height: 30px; font-weight: bold;}
.ndzDzxqList li em{ display: block; float: left; margin: 0px 0px 0px 30px; width: calc(100% - 330px);  font-size: 16px; height: 30px; line-height: 30px;}
.ndzDzxqList li em i{ font-style: normal; font-weight: bold; color: #E22A35;}
.ndzDzxqList li em .gougoubi2{ vertical-align: middle; margin-right: 5px;}

.ndzDzxqList li em.red{ color: #f52e3a;}
.ndzDzxqList li em.blue{ color: #2697FF;}

.ndzDzxqSubmit{ margin-top:20px; margin-left:245px;}
.ndzDzxqSubmit a{ display: block; width:150px; height: 40px; background: #f8da5f; line-height: 40px; overflow: hidden; text-align: center; font-size: 16px; font-weight: bold; border-radius: 5px; color: #ffffff;}
.ndzDzxqSubmit a:hover{ color: #ffffff; background: #fdd42d;}

@media screen and (max-width:768px){
  .ndzDzxqList li span{ width:55%; text-align: left; font-size: 14px;}
  .ndzDzxqList li em{ margin-left:0px; text-align: right; width: calc(45% - 20px); float: right; word-wrap:break-word; font-size: 14px;} 
  .ndzDzxqSubmit{ margin-left:0px;}
  .ndzDzxqSubmit a{ margin: auto;}

}

.ndzZytsBg{ width: 100%; height: 100%; background-color: rgba(0,0,0,0.4); position:absolute; left: 0px; top: 0px; position:fixed; z-index: 101;}
.ndzZytsBox{  width: 480px; background: #FFFFFF; border: 1px solid #E6E6E6; box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.15); border-radius: 5px; position:absolute; left: 50%; top: 43%; margin-left:-240px; margin-top:-130px; padding-bottom: 20px;}
.ndzZytsTitle{ margin: 0px 20px; padding-top: 20px;}
.ndzZytsTitle h2{ font-size: 20px; font-weight: bold; color: #333333; float: left;}
.ndzZytsTitle span{ display: block; float: right; width: 17px; height: 17px; background: url(../images/zhobg3.png) no-repeat -160px 0px; background-size:200px 200px; margin-top:5px; cursor: pointer;} 
.ndzZytsIn{ width: 70%; margin: auto; margin-top:30px;}
.ndzZytsIn li{ margin-top:15px;}
.ndzZytsIn li b{ display: block; float: left; width: 7px; height: 7px; border-radius: 100px; margin: 7px 10px 0px 0px;}
.ndzZytsIn li b.icon1{ background:#E22A35;}
.ndzZytsIn li b.icon2{ background:#333333;}
.ndzZytsIn li span{ display: block; float: left; width: calc(100% - 17px);}
.ndzZytsIn li span.red{ color: #E22A35;}
.ndzZytsCont{ text-align: center; margin-top:30px;}
.ndzZytsCont span{ font-size: 18px; color: #333333; font-weight: bold;}
.ndzZytsCont em{ font-size: 18px; color: #E22A35; font-weight: bold; margin:0px 5px;}
.ndzZytsCont i{ font-style: normal; font-size: 16px; font-weight: bold; color: #999999;}
.ndzZytsSubmit{ display:flex; align-items: center; justify-content: center;}
.ndzZytsSubmit a{ display: block; float: left; width: 100px; height: 40px; line-height: 40px; overflow:hidden; text-align: center; border-radius: 5px; font-size: 16px; font-weight: bold; margin: 20px 10px 0px 10px;}
.ndzZytsSubmit a.bg1{ background: #f8da5f; color: #ffffff;}
.ndzZytsSubmit a.bg2{ background: #e1e1e1; color: #333333;}

@media screen and (max-width:768px){
  .ndzZytsBox{ width: 94%; margin-left:0px; left: 3%;}
}





/**********************************新个人中心**********************************/
.ndzLosenBox{ width: 100%; margin-top:20px;}
.ndzLosenIn{ float: left; border-right: 1px solid #eeeeee; padding-right: 30px;}
.ndzLosenIn img{ width: 60px; height: 60px; float: left; border-radius: 100px;}
.ndzLosenIn span{ display: block; float: left; font-weight: bold; font-size: 16px; color: #333333; margin:20px 0px 0px 10px;} 
.ndzLosenRight{ margin: 17px 0px 0px 30px; float: left; font-size: 16px; font-weight: bold;}

@media screen and (max-width:768px){
  .ndzLosenBox{ position: relative;}
  .ndzLosenIn{ border-right: none; padding-right: 0px;}
  .ndzLosenRight{ margin:0px 0px 0px 0px;}
  .ndzLosenIn span{ margin-top:5px;}
  .ndzLosenRight{ position:absolute; left: 70px; top: 35px;}

}

.ndzDogBox{ width: 100%; border: 1px solid #eeeeee; margin-top:30px; padding-bottom: 20px;}
.ndzDogLeft{ float: left; width: 240px; margin: 20px 0px 0px 20px;}
.ndzDogLeft p{ color: #333333; font-size: 16px;}
.ndzDogLeft span{ display: block; font-size: 24px; font-weight: bold; color: #333333; word-wrap:break-word; margin-top:20px; line-height: 30px;}
.ndzDogLeft span em{ color:#E22A35; font-weight: bold;}
.ndzDogLeft span b{ color: #999999; font-weight: normal; font-weight: bold; font-size: 18px;}
.ndzDogLeft i{ display: block; margin-top:20px; font-style: normal;}
.ndzDogLeft i a{ display: block; float: left; width: 100px; height: 35px; line-height: 35px; text-align: center; font-size: 16px; font-weight: bold; border-radius: 5px;}
.ndzDogLeft i a.bg1{ background: #f8da5f; color: #ffffff; }
.ndzDogLeft i a.bg2{ background: #e1e1e1; color: #333333; margin-left:20px;}
.ndzDogLeft i a:hover.bg1{ background:#fdd42d;}
.ndzDogRight{ width:800px; height: 156px;  float: right; margin: 20px 20px 0px 0px; box-sizing: border-box;}

@media screen and (max-width:768px){
  .ndzDogLeft{  float:none; width:calc(100% - 40px);}
  .ndzDogRight{ float: none; width:calc(100% - 40px); margin-left:20px;}

}


.qsMainIn6{width:1110px; margin-top:20px;}
.qssggbTable6{ width: 100%; border-top: 1px solid #eeeeee; }
.qssggbTable6 thead {height: 60px; background: #F4F4F4; border-bottom: 1px solid #eeeeee;}
.qssggbTable6 thead tr{ height: 60px;}
.qssggbTable6 thead tr th span{ display: block; height: 60px; color: #333333; font-weight: bold; line-height: 60px; overflow: hidden; }

.qssggbTable6 thead tr th span.width1{ text-align: left; width:200px; padding-left: 20px;}
.qssggbTable6 thead tr th span.width2{ text-align: center; width:100px; padding-left:20px; }
.qssggbTable6 thead tr th span.width3{text-align:center; width:100px; padding-left:20px;}
.qssggbTable6 thead tr th span.width4{text-align:center; width:100px; padding-left:20px;}
.qssggbTable6 thead tr th span.width5{text-align:center; width:100px; padding-left:20px;}
.qssggbTable6 thead tr th span.width6{text-align:center; width:250px; padding-left:20px;}
.qssggbTable6 thead tr th span.width7{text-align:center; width:100px; padding-left:20px;}

.qssggbTable6 tbody{ width: 100%;}
.qssggbTable6 tbody tr{ height:60px; border-bottom: 1px solid  #eeeeee;}
.qssggbTable6 tbody tr td span{ display: block; height: 60px;  color: #333333;  line-height: 60px; overflow: hidden;}
.qssggbTable6 tbody tr td span.width1{ width:200px; margin-left:20px;}
.qssggbTable6 tbody tr td span.width2{ width: 100px; margin-left:20px; text-align:center;}
.qssggbTable6 tbody tr td span.width3{ width: 100px; margin-left:20px; text-align:center;}
.qssggbTable6 tbody tr td span.red{ color: #e22a49;}
.qssggbTable6 tbody tr td span.green{ color: #13c682;}
.qssggbTable6 tbody tr td span.blue{ color: #0081d5;}


.qssggbTable6 tbody tr td span.width4{ width: 100px; margin-left:20px; text-align:center;}
.qssggbTable6 tbody tr td span.width5{ width: 100px; margin-left:20px; text-align:center;}
.qssggbTable6 tbody tr td span.width6{ width: 250px; margin-left:20px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.qssggbTable6 tbody tr td span.width7{ width: 100px; margin-left:20px; text-align:center; }
.qssggbTable6 tbody tr td span.width7 a{ color: #2697FF;}
.qssggbTable6 tbody tr:hover{ background: #f3f3f3;}


@media screen and (max-width:768px){
  .qsMainIn6{ 
	width: 100%;
	padding: 0px; 
	overflow-x: scroll; 
	cursor: grab; user-select:none; margin-top:20px; float:inherit;}
.qsMainIn6::-webkit-scrollbar { width: 4px; /* Chrome, Safari, Opera */height: 4px;}
.qsMainIn6::-webkit-scrollbar-thumb {background-color: #cbcbcb; /* 滚动条thumb颜色 */ border-radius: 4px; /* 滚动条thumb圆角 */ }
.qsMainIn6::-webkit-scrollbar-track { background-color: #ebebeb; /* 滚动条track颜色 */}
.qsMainIn6::-ms-scrollbar {width: px;height: 4px; /* Edge, IE */}
.qsMainIn6::-ms-scrollbar-thumb { background-color: #cbcbcb; /* 滚动条thumb颜色 */ border-radius: 4px; /* 滚动条thumb圆角 */}
.qsMainIn6::-ms-scrollbar-track {background-color: #ebebeb; /* 滚动条track颜色 */}
.table-cell-shadow-right:before{ box-shadow: inset 10px 0 8px -8px #00000026;position: absolute; top: 0; right: 0;  bottom: -1px; width: 30px; transform: translate(100%); transition: box-shadow .3s; content: ""; pointer-events: none}
.qsMainIn6 thead tr th:nth-child(1){ position:sticky; left: 0px; z-index: 101; background: #F4F4F4; }
.qsMainIn6 tbody tr td:nth-child(1){ position:sticky; left: 0px;  z-index: 100; background: #ffffff; }
.table-cell-shadow-right:before{ box-shadow: inset 10px 0 8px -8px #00000026;position: absolute; top: 0; right: 0;  bottom: -1px; width: 30px; transform: translate(100%); transition: box-shadow .3s; content: ""; pointer-events: none}
}

.ndzHbbzList{ margin: 0px 20px;}
.ndzHbbzList li{ margin-top:15px;}
.ndzHbbzTitle{ width: 100%; text-align: left; line-height: 35px; height: 35px; overflow: hidden; font-size: 16px; font-weight: bold;}
.ndzHbbzMsg{ width: 100%; margin: 10px 0px 0px 0px; font-size: 14px;}
.ndzHbbzMsg span{ color: #999999;}
.ndzHbbzSelect{ float: left; width: 100%; position: relative; margin: 0px 0px 15px 0px; }
.ndzHbbzName{ height: 35px; border: 1px solid #eeeeee;}
.ndzHbbzName span{ display: block; float: left; height: 35px; line-height: 35px; padding-left: 10px; font-size: 14px;}
.ndzHbbzName em{ display: block; float: right; width: 9px; height: 6px; background: url(../images/zhobg3.png) no-repeat -65px -70px; background-size: 200px 200px; margin: 15px 10px 0px 0px;}
.ndzHbbzSub{ background: #ffffff; border: 1px solid #eeeeee; position:absolute; left: 0px; top: 35px; width: 100%;}
.ndzHbbzSub a{ display: block; height: 35px; line-height: 35px; overflow: hidden; padding-left: 10px; box-sizing: border-box;} 
.ndzHbbzSub a:hover{ background:#f3f3f3; color: #333333;}
.ndzHbbzFuzhi{ width: 100%; border: 1px solid #eeeeee; box-sizing:border-box; background: #f9f9f9;}
.ndzCode{ float: left; width: 122px; height: 122px; margin: 20px 0px 0px 20px;}
.ndzCode img{ padding: 5px; border: 1px solid #eeeeee; background: #ffffff; width: 100px; height:100px;}
.ndzCodeRight{ float: left; width: calc(100% - 172px); margin: 0px 0px 0px 15px; }
.ndzCodeTitle{ margin-top:20px;}
.ndzCodeTitle span{ display: block; float: left; margin-top:5px; font-weight: bold; font-size: 16px;}
.ndzCodeTitle em{ display: block; float: right; width: 18px; height: 21px; background: url(../images/zhobg3.png) no-repeat -80px -135px; background-size: 200px 200px; cursor: pointer;}
.ndzCodeMsg{ margin-top:20px; word-wrap:break-word;}
.ndzHbbzText{ width:100%; border: 1px solid #eeeeee; height: 35px;}
.ndzHbbzText input.text1{ width: 100%; height: 35px; border:none; background: none; padding-left: 10px; font-size: 14px;}
.ndzHbbzText input::placeholder{ color: #333333;}
.ndzHbbzSubmit1{ float: left;}
.ndzHbbzSubmit1 input.submit1{ width: 100px; height: 35px; border:none; background: none; background: #f8da5f; border-radius: 5px; font-weight: bold; font-size: 16px; color: #ffffff; cursor: pointer;}
.ndzHbbzSubmit2{ margin-left:20px; float: left;}
.ndzHbbzSubmit2 input.submit2{ width: 100px; height: 35px; border:none; background: none; background: #e1e1e1; border-radius: 5px; font-weight: bold; font-size: 16px; color: #333333; cursor: pointer;}
.ndzHbbzSubmitIn{ display:flex; align-items: center; justify-content: center;}
.ndzHbbzSubmit1 input.submit1:hover{ background:#fdd42d;}






/**********************************新商品详情**********************************/
.dzLeft2{ width: 1380px;}
.dzDzhjList3{ width: 100%;}
.dzDzhjList3 li{ margin-left:30px; width: 252px; height:380px;}
.dzDzhjList3 li:nth-child(4n+1){ margin-left:30px;}
.dzDzhjList3 li:nth-child(5n+1){ margin-left:0px;}
.dzDzhjList3 li .dzDzhjImg{ width:252px; height:252px; position:relative;}
.dzDzhjList3 li .dzDzhjImg a{ display: block; width:252px; height:252px;  border-radius: 5px 5px 0px 0px; overflow: hidden;}
@media screen and (max-width:768px){
  .dzLeft2{ width:100% !important;}
  .zrXxkLeft{ width: 100%;}
  .zrXxkLeft .swiper-container {width:100%;}
  .zrXxkLeft .gallery-top{ width:100%; height: 250px;}
  .zrXxkLeft .gallery-top .swiper-slide{ width:100%; height:250px;}
  .dzDzhjList3 li{ width: 48%; height: auto !important; margin-left:4%;}
  .dzDzhjList3 li .dzDzhjImg{ width: 100%; height: 38vw;}
  .dzDzhjList3 li .dzDzhjImg a{ width: 100%; height: 38vw;}
  .dzDzhjList3 li:nth-child(4n+1){ margin-left:4%;}
  .dzDzhjList3 li:nth-child(5n+1){ margin-left:4%;}
  .dzDzhjList3 li:nth-child(2n+1){ margin-left:0px;}
  .zrXxkLeft .gallery-top .swiper-slide img{ max-height: 230px;}

}

.ndzDzhjLeft{ float: left; width:300px; background: #ffffff; margin-top:30px; padding-bottom: 20px;}
.ndzDzhjIn span{ font-size: 16px; font-weight: bold; display: block; margin:20px 20px 0px 20px; line-height: 25px;}
.ndzDzhjIn span a:hover{ text-decoration:underline;}
.ndzDzhjIn em{ display:block; margin: 0px 20px;}
.ndzDzhjIn em i{ display: block; width: 100%; margin-top:15px;}
.ndzDzhjIn i input[type=radio]{ display:block; float: left; margin: 5px 10px 0px 0px; width: 10px; height: 10px;}
.ndzDzhjIn i label{ font-style: normal; cursor: pointer; word-break: break-all; float: left; width:calc(100% - 20px);}
.ndzDzhjRight{ width: 1010px; background:#ffffff; float: right; margin-top:30px; padding-left:20px; padding-right: 20px; padding-bottom: 30px;}
.ndzDzhjList{ width:100%;}
.ndzDzhjList li{ float:left; width:316px; background: #ffffff; border-radius: 5px; border: 1px solid #eeeeee; box-sizing: border-box; padding-bottom: 20px; margin: 30px 0px 0px 31px;}   
.ndzDzhjList li:hover{box-shadow: 0px 6px 15px 0px rgba(0, 0, 0, 0.05);}
.ndzDzhjList li .dzDzhjImg{ width: 316px; height:316px; position:relative;}
.ndzDzhjList li .dzDzhjImg a{ display: block; width: 316px; height: 316px;  border-radius: 5px 5px 0px 0px; overflow: hidden;}
.ndzDzhjList li .dzDzhjImg a img{ width: 100%; height: 100%; object-fit: cover; border-radius: 5px 5px 0px 0px; transition: transform 0.5s;}
.ndzDzhjList li .dzDzhjImg a:hover img{ transform:scale(1.1);}
.ndzDzhjList li .dzDzhjImg a span{ display: block; height: 24px; border-radius: 6px 6px 6px 0px; background: rgba(0, 0, 0, 0.5); position:absolute; left: 0px; top: 0px; line-height: 24px; font-weight: bold; padding: 0px 6px; color: #ffffff;} 
.ndzDzhjList li dl{ margin: 0px 15px;}
.ndzDzhjList li dl dt{ height: 42px; line-height: 22px; overflow: hidden; margin-top:15px;} 
.ndzDzhjList li dl dd{ margin-top:15px;}
.ndzDzhjList li dl dd span{ display: block; float: left; margin-top:7px;}
.ndzDzhjList li dl dd span em{ display: block; float: left; font-size: 18px; font-weight: bold; color:#F52E3A;}
.ndzDzhjList li dl dd span i{ display: block; float: left; font-style:normal; font-size: 16px; font-weight: bold; margin:2px 0px 0px 10px; color: #999999;}
.ndzDzhjList li dl dd p a{ display: block; float:right; width: 100px; height: 35px; line-height: 35px; text-align: center; background:#f8da5f; border-radius: 5px; color: #ffffff; overflow: hidden;}
.ndzDzhjList li:nth-child(3n+1){ margin-left:0px;}
.ndzZhexuanBox{ display: none;}
 
@media screen and (max-width:768px){
  .ndzDzhjList li{ width: 48%; margin-left:4%;}
  .ndzDzhjList li .dzDzhjImg{ width: 100%; height: 45vw;}
  .ndzDzhjList li .dzDzhjImg a{ width:100%; height: 45vw;}
  .ndzDzhjList li:nth-child(3n+1){ margin-left:4%;}
  .ndzDzhjList li:nth-child(2n+1){ margin-left:0px;}
  .ndzDzhjList li dl dt{height: 43px;}
  .ndzDzhjList li dl dd{ margin-top:10px;}
  .ndzDzhjList li dl dd span{ float: none;}
  .ndzDzhjList li dl dd p a{ float: none; margin: auto; margin-top:10px;}
  .ndzDzhjIn{ display:none;}
  .ndzDzhjLeft{ width: 100%; padding-bottom: 0px; float: none; margin-top:20px; overflow: hidden;}
  .ndzZhexuanBox{ display: block; height: 40px;}
  .ndzZhexuanBox h2{ float: left; font-size: 18px; font-weight: bold; height: 35px; margin: 10px 0px 0px 20px;}
  .ndzZhexuanBox span{ display: block; float: right; margin: 13px 20px 0px 0px;}
  .ndzZhexuanBox span em{ display: block; float:left; cursor: pointer;}
  .ndzZhexuanBox span b{ display: block; float: left; width: 9px; height: 6px; background: url(../images/zhobg3.png) no-repeat -65px -70px; background-size: 200px 200px; margin: 7px 0px 0px 5px;}
  .ndzDzhjRight{ width: 100% !important; float: none; background:none; padding-left: 0px; margin-top:0px; padding-bottom: 0px; padding-right: 0px;}
  
  }

.ndzDzhjList2 li{ margin-left:38px;}
.ndzDzhjList2 li:nth-child(3n+1){ margin-left:38px;}
.ndzDzhjList2 li:nth-child(4n+1){ margin-left:0px;}

@media screen and (max-width:768px){
  .ndzDzhjList2 li{ margin-left:4%;}
  .ndzDzhjList2 li:nth-child(2n+1){ margin-left:0px;}
  .ndzDzhjList2 li:nth-child(2n){ margin-left:4%;}
  
}

.ndzDzhjList3{ margin-left:20px; margin-right: 20px;}
.ndzDzhjList3 li{ width:350px;}   
.ndzDzhjList3 li .dzDzhjImg{ width: 350px; height:350px;}
.ndzDzhjList3 li .dzDzhjImg a{ width: 350px; height: 350px;}

@media screen and (max-width:768px){
.dzzWdzjright2{ float: none; background:none; margin-top:0px; padding-bottom: 0px;}
.dzzWdzjTitle{ margin-left: 0px; margin-right: 0px;}
.ndzDzhjList3{ margin-left:0px; margin-right: 0px;} 
.ndzDzhjList3 li{ width: 48%; margin-left:4%;}
.ndzDzhjList3 li .dzDzhjImg{ width: 100%; height: 45vw;}
.ndzDzhjList3 li .dzDzhjImg a{ width:100%; height: 45vw;}

.ndzTanxBg{ width: 100%; height: 100%; background-color: rgba(0,0,0,0.4); position:absolute; left: 0px; top: 0px; position:fixed; z-index: 101;}
.ndzTanxBox{  width:100%; background: #FFFFFF; box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.15); border-radius: 5px 5px 0px 0px; position:absolute; left: 0px; bottom:0px; padding-bottom: 20px;}
.ndzTanxTitle{ margin: 0px 20px; margin-top:15px;} 
.ndzTanxTitle h2{ float: left; font-size: 16px; font-weight: bold; color: #333333;}
.ndzTanxTitle span{ display: block; float: left; width: 17px; height: 17px; background: url(../images/zhobg3.png) no-repeat -160px 0px; background-size: 200px 200px; float: right; margin-top:4px; cursor: pointer;}
.ndzTanxIn{ margin: 15px 20px 0px 20px;}
.ndzTanxCont{ margin: 0px 20px;}
.ndzTanxCont em{ display:block;}
.ndzTanxCont em a{ display: block;}
.ndzTanxCont em i{ display: block; float: left; margin: 15px 15px 0px 0px;}
.ndzTanxCont em i input[type=radio]{ display:none}
.ndzTanxCont em i label{ font-style: normal; background: #f0f0f0; height: 30px; line-height: 30px; padding: 2px 10px 2px 10px; display: block; float: left; border-radius: 5px; cursor: pointer;}
.ndzTanxCont em i label:hover{ background: #fcf0b5; color: #333333; border: 2px solid #fed813; padding: 0px 8px;}
.ndzTanxCont em i input[type=radio]:checked + label{ background: #fcf0b5; color: #333333; border: 2px solid #fed813; padding: 0px 8px;}



}

@font-face {
  font-family: "fanhui"; /* Project id  */
  src: url('../font/iconfont2.ttf') format('truetype');
}

.fanhui {
  font-family: "fanhui" !important;
  font-size: 18px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right:5px;
  
}

.fanhui:before {
  content: "\e716";
}


.qsJzgdBox a{ width: 200px; height: 40px; display: block; background:  #f8da5f; border-radius: 5px; margin: auto; margin-top:20px; line-height: 40px; overflow: hidden; text-align: center; color: #ffffff; font-size: 16px;} 
.qsJzgdBox a:hover{ color: #ffffff; background:#fdd42d;}

.ndzYujiBox{ text-align: center; margin-top:30px;}
.ndzYujiBox em{display: block; font-size: 20px; color: #333333; margin-top:20px; font-weight: bold;}
.ndzYujiBox span{ display: block; font-size: 16px; color: #333333; margin-top:20px;}

@font-face {
  font-family: "duihao"; /* Project id  */
  src: url('../font/iconfont3.ttf') format('truetype');
}

.duihao {
  font-family: "duihao" !important;
  font-size: 45px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #39c381;
}

.duihao:before {
  content: "\e521";
}