/**
 * DESCRIPTION    ˫ʮһ»î¶¯ 2022
 * AUTHOR  Chenlq  
 * TIME  2022-9-11
 */
* {
    vertical-align: baseline;
    font-weight: inherit;
    font-family: 'Arial', 'Microsoft YaHei', '΢ÈíÑźÚ';
    font-style: inherit;
    font-size: 100%;
    outline: 0;
    padding: 0;
    margin: 0;
    border: 0;
    line-height:inherit;
    list-style:none;
    text-decoration:none;
}

:focus {
  outline: none;
}
a {
  color: #fff;
  text-decoration: none;
}

a img {
  border: 0;
}
img {
  image-rendering: -moz-crisp-edges;  
  image-rendering: -o-crisp-edges;      
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
  vertical-align: middle;
}
table {
  empty-cells: show;
}
del {
  text-decoration: line-through;
}
button::-moz-focus-inner,
input[type=reset]::-moz-focus-inner,
input[type=button]::-moz-focus-inner,
input[type=submit]::-moz-focus-inner,
input[type=file] > input[type=button]::-moz-focus-inner {
  border: 0;
  padding: 0;
}
fieldset {
  padding: 0;
  margin: 0;
  border:0;
}
figure{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

body{  
  font-size: 0;  
  min-width: 1209px;
 overflow-x: hidden;

}
.video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-play-control .vjs-icon-placeholder, .vjs-icon-play,.dklijian .daren figure,.bimai11 .tabtit dd,.pingce .gallery-thumbs li:hover figure,.pingce .gallery-thumbs .swiper-slide-thumb-active figure,.gallery-thumbs .swiper-slide-thumb-active figure,.swiper-button-next, .swiper-container-rtl .swiper-button-prev,.swiper-button-prev, .swiper-container-rtl .swiper-button-next,#topback:before,.fuli .lrBox .weibofl:before,.fuli .lrBox .qunfl:after,#topback:hover:before{
  background:url(https://www.yesky.com/TLimages2009/yesky/special/double11_2022/images/icon.png) no-repeat;
}
.wrap{
  width: 1209px;
  margin:0 auto;
}
.header{
  width: 100%;
  height: 740px;
  background:url(https://www.yesky.com/TLimages2009/yesky/special/double11_2022/images/head_bg.jpg) no-repeat center bottom;
  background-size: cover;
  display: inline-block;
}
.header .headeicon{
  width: 100%;
  height: 720px;
  background:url(https://www.yesky.com/TLimages2009/yesky/special/double11_2022/images/head_main.png) no-repeat center top; 
  position: relative;
  display: inline-block;
}
.header .headeicon dt{
  margin: 100px 0 0 73px;
  width:123px;
  height: 89px;
  background:url(https://www.yesky.com/TLimages2009/yesky/special/double11_2022/images/jd_logo.jpg) no-repeat;
  display: inline-block;    
}
.headeicon dd {
  position: absolute;
  display: inline-block;
}
.mainlayout{
  width: 100%; 
  /*height: 6646px; */ /* 2022-10-25*/
  background:#4010a0 url(https://www.yesky.com/TLimages2009/yesky/special/double11_2022/images/main_bg.jpg) no-repeat center top;
  background-size: cover;
  display: inline-block;  

}
.title{
  width: 100%;
  height: 187px;
  text-align: center;
  background:url(https://www.yesky.com/TLimages2009/yesky/special/double11_2022/images/title.png) no-repeat center top;
  display: inline-block;
}
.dkzhibo{
  display: none; /*2022-10-25*/
}
.dkzhibo .title{
  height: 186px;
  background-position: 0 0;
}
.dklijian .title{ 
  /*margin-top: 53px; */   /*2022-10-25*/
  background-position: 0 -192px;
}
.bimai11 .title{  
  background-position: 0 -384px;
}
.wanzhuan11 .title{  
  background-position: 0 -576px;
}
.pingce .title{  
  background-position: 0 -768px;
}
.haowu .title{  
  background-position: 0 -960px;
}
.fuli .title{
  background-position: 0 -1152px;
}
/*{
  background-image:linear-gradient(to bottom,#9088fe,#4b3ef9); 
}*/
.dkzhibo .lrBox{
  margin-top: 8px;
  width: 100%;
  height: 479px;   
  background:url(https://www.yesky.com/TLimages2009/yesky/special/double11_2022/images/dkzb_bg.png) no-repeat center top;
  display: inline-block;
}
.dkzhibo .video_box{
  margin: 50px 0 0 35px;
  width: 662px;
  height: 374px;
  float: left;
}
.video-js.vjs-16-9, .video-js.vjs-4-3, .video-js.vjs-fluid{
  border-radius: 10px;
}
.dkzhibo .video_box .vjs-poster{
  border-radius: 10px;
}
.video-js .vjs-tech{
  border-radius: 10px;
}
.video-js .vjs-big-play-button{
    border: 0;
    background: none!important;

}
.video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-play-control .vjs-icon-placeholder, .vjs-icon-play{
  width: 108px;
  height: 110px;
  background-position: -254px -78px;
  top: -20px;
  font-size: 0;
}
.dkzhibo .zbtkcp{
  width: 485px;
  float: right;
  position: relative;
}
.dkzhibo .zbtkcp h4{
  margin-top:9px;
  width: 100%;
  height: 98px;
  background:url(https://www.yesky.com/TLimages2009/yesky/special/double11_2022/images/zhibo_tit.png) no-repeat center top;
  display: inline-block;
}
.dkzhibo .zbtkcp #zbcpswiper{
  margin-top: 8px;
  width:100%;
  height: 352px;
  overflow: hidden;
  float: right;
}
.dkzhibo .zbtkcp #zbcpswiper li{
  width: 435px;
  height: 131px!important;
  margin-bottom: 45px;
}
.dkzhibo .zbtkcp #zbcpswiper li figure{
  margin-right: 20px;
  width: 170px;
  height: 129px;
  border:#c8c8c6 solid 1px;
  border-radius: 10px;
  float: left;
}
.dkzhibo .zbtkcp #zbcpswiper li figure img{
  max-width: 170px;
  max-height: 129px;
  border-radius: 10px;
  display: block;
}
.dkzhibo .zbtkcp #zbcpswiper li dt{
  font-size: 20px;
  color:#fff;
  font-weight: bold;
  line-height: 30px;
  height: 60px;
  overflow:hidden;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.dkzhibo .zbtkcp #zbcpswiper li dt a{
  color:#fff;
}
.dkzhibo .zbtkcp #zbcpswiper li dd{
  margin-top: 43px;
}
.dkzhibo .zbtkcp #zbcpswiper li dd .price{  
  font-size: 24px;
  color:#fff;
  font-weight: bold;
  display: inline-block;
}
.btn{
  width: 100px;
  height: 30px;
  font-size: 14px;
  color:#42009d;
  text-align: center;
  line-height: 30px;
  font-weight: 500;
  background-image:linear-gradient(165deg,#f6f6a5,#f4ecf7,#7be6fe);
  box-shadow: 0 2px 8px rgb(79 29 196 / 75%);  
  border-radius: 30px;
  display: inline-block;
}
.dkzhibo .zbtkcp #zbcpswiper li dd .btn{  
  float: right;
}
.dkzhibo .zbtkcp #zbcpswiper li:hover dt a,.dkzhibo .zbtkcp #zbcpswiper li:hover dt{
  color:#fff000;
}
.dkzhibo .zbtkcp #zbcpswiper li:hover dd .price{
  color:#fff000;
}
.dkzhibo .zbtkcp #zbcpswiper li:hover dd .btn{
  background-image:linear-gradient(90deg,#ff2b5f,#fb7d4b);
  color:#fff;
}
.dklijian .lrBox{
  margin-top: 10px;
  width: 100%;
  height: 564px;
  background:url(https://www.yesky.com/TLimages2009/yesky/special/double11_2022/images/dklj_bg.png) no-repeat center top;
  display: inline-block;
}
.dklijian .lr1,.dklijian .lr2{
  width: 100%;
  padding: 65px 45px 0 45px;
  box-sizing: border-box;
  display: inline-block;
}
.dklijian .daren{
  margin-right: 18px;
  width: 320px;
  float: left;
}
.dklijian .daren figure{
  width: 156px;
  height: 156px; 
  margin-right: 14px;
  background-position: -364px -163px;  
  float: left; 
}
.dklijian .daren:hover figure{
  background-position: -364px 0;
}
.dklijian .daren figure img{
  width: 146px;
  height: 146px;
  margin:5px;
  border-radius: 50%;
  display: block;
}
.dklijian .daren dl{
  margin-top: 12px;
}
.dklijian .daren dl dt{
  font-size: 18px;
  color:#fff;
  font-weight: 500;
}
.dklijian .daren:hover dl dt{
  color:#fef500;
}
.dklijian .daren dl dt p{
  line-height: 32px;
}
.dklijian .daren dl dd{
  margin-top: 10px;
}
.dklijian .daren dl dd{
  font-size: 12px;
  line-height: 22px;
  color:#fff;
}
.dklijian .daren dl dd span,.dklijian .daren dl dd a{
  color:#fff;
}
.dklijian .daren:hover dl dd span,.dklijian .daren:hover dl dd a{
  color:#fbec00;
}
.dklijian .daren li{  
  width: 370px!important;
  float: left;
  background:#fff;
}
.swipertj{
  width: 772px;  
  overflow:hidden;
  display: inline-block;
}
.dklijian .swipertj li{
  width: 370px;    
  float: left;
}
.dklijian .swipertj li a{
  color:#fff;
}
.dklijian .swipertj li figure{
  margin-right: 10px; 
  width: 185px;
  height: 139px;
  border:#c8c8c6 solid 1px;
  border-radius: 10px; 
  float: left;   
}
.dklijian .swipertj li figure img{
  max-width: 185px;
  max-height: 139px;
  border-radius: 10px;
  display: block;
}
.dklijian .swipertj li dt p.cpname{
  margin-top:10px;
  font-size: 18px;
  color:#fff;
  font-weight: 500; 
  line-height: 1; 
  height: 18px; 
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
 .dklijian .swipertj li dl dt p.cpdigest{
  margin-top: 12px;
  font-size: 16px;
  color:#fff;
  line-height: 24px;
  height: 72px;
  overflow:hidden;
  text-overflow: -o-ellipsis-lastline;  
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
} 
.dklijian .swipertj li dl dd{
  margin-top: 6px;
}
.dklijian .swipertj li .btn{
  width: 75px;
  height: 22px;
  line-height: 22px;
  font-size: 12px;
  color:#42009d;
  float: right;
}
.dklijian .swipertj li dl .price{
  font-size: 16px;
  color:#fff;
  font-weight: bold;
  display: inline-block;
}
.dklijian .swipertj li dl .price small{
  font-weight: normal;
}
.dklijian .swipertj li:hover p,.dklijian .swipertj li:hover a{
  color:#fffc00!important;
}
.dklijian .swipertj li:hover .btn{
  background-image:linear-gradient(90deg,#ff2b5f,#fb7d4b);
  color:#fff!important;
}
.dklijian .lr2{
  padding-top: 70px;
}
.dklijian .lr2 .daren{
  float: right;
  margin-right: 0;
  margin-left: 18px;
}
.bimai11 .tabtit{
  margin-top: 14px;
  width:1211px;
  height: 68px;
  display: inline-block;
}
.bimai11 .tabtit dd{  
  width: 173px;
  height: 56px;
  background-position:-5px 0;
  margin-right: 0px;
  font-size: 24px;
  color:#fffefc;
  font-weight: bold;
  text-align: center;
  line-height: 56px;
  float: left;
  cursor: pointer;
}
.bimai11 .tabtit dd:nth-of-type(7){
  margin-right: 0;
}
.bimai11 .tabtit dd.on{
  width: 173px;  
  height: 68px;
  margin-right: 0;
  background-position:-183px 0; 
   
}
.bimai11 ul{
  display: none;
}
.bimai11 li{
  margin-top:36px;
  width: 400px;
  height: 590px;
  margin-right: 4.5px;
  background:url(https://www.yesky.com/TLimages2009/yesky/special/double11_2022/images/bimai_bg.png) no-repeat center top;
  float: left;  
}
.bimai11 li:nth-of-type(2n){
  
}
.bimai11 li:nth-of-type(3n){
  margin-right: 0;
}
.bimai11 li figure{
  margin: 22px 0 0 20px;
  width: 344px;
  height: 257px;
  border:#f4f4f4 solid 1px;
  border-radius: 10px;
  display: inline-block;
}
.bimai11 li figure img{
  max-width: 344px;
  max-height: 257px;
  border-radius: 10px;
  display: block;
}
.bimai11 li dl{
  margin: 18px 0 0 29px;
  width: 335px;  
  display: inline-block;
}
.bimai11 li dl dt .cpname{
  font-size: 20px;
  color:#fff;
  font-weight: bold;
  line-height: 30px;
  height: 60px;
  overflow:hidden;
  text-overflow: -o-ellipsis-lastline;  
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.bimai11 li dl dt a{
  color:#fff;
}
.bimai11 li dl dt .price{
  margin-top: 8px;
  font-size: 18px;
  color:#fff;
  font-weight: bold;
}
.bimai11 li dl dt .price big{
  font-size: 35px;
  vertical-align: -3px;
}
.bimai11 li dl dd .cpdigest{
  margin-top: 10px;
  font-size: 14px;
  color:#fff;
  line-height: 22px; 
  height: 66px; 
  overflow:hidden;
  text-overflow: -o-ellipsis-lastline;  
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
}
.bimai11 li dl dd .btn{
  margin-top: 20px;
  width: 114px;
  height: 34px;
  font-size: 16px;
  line-height: 34px;
  float: right;
}
.bimai11 li:hover p,.bimai11 li:hover p a{
  color:#fffc00!important;
}
.bimai11 li:hover dl dd .btn{
  background-image:linear-gradient(90deg,#ff2b5f,#fb7d4b);
  color:#fff!important;
}
.bimai11 li:hover dl dd .cpdigest{
  color:#fbfe27;
}
.wanzhuan11 .lrBox{
  width: 100%;
  height: 885px;
  background:url(https://www.yesky.com/TLimages2009/yesky/special/double11_2022/images/wanzhuan11.png) no-repeat center top;
  display: inline-block;
}
.wanzhuan11 ul{
  padding-left: 40px; 
}
.wanzhuan11 li{
  margin-right:46px;
  width: 538px;  
  float: left;
}
.wanzhuan11 li a{
  display: inline-block;
} 
.wanzhuan11 li figure {
  width: 536px;
  height: 301px;
  border: #f4f4f4 solid 1px;
  border-radius: 10px;
  display: inline-block;
}
.wanzhuan11 li figure img{
  max-width: 536px;
  max-height: 301px;
  border-radius: 10px;
  display: block;
}
.wanzhuan11 li h4{
  margin-top: 15px;
  font-size: 18px;
  color:#fff;
  font-weight: 500;
  display: inline-block;
}
.wanzhuan11 li:hover h4 a,.wanzhuan11 li:hover h4{
  color:#fff000!important;
  font-weight: bold;
}

.wanzhuan11 li p{
  margin-top: 10px;
  font-size: 14px;
  color:#fff;
  line-height: 22px;
  height: 66px;
  overflow:hidden;
  text-overflow: -o-ellipsis-lastline;  
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
}
.wanzhuan11 ul.wzlist1{
  margin-top: 45px;
  display: inline-block;
}
.wanzhuan11 li p a,.wanzhuan11 li p span{
  color:#fee903;
}
.wanzhuan11 li:hover h4{
  color:#fff000;
}
.wanzhuan11 ul.wzlist2{
  margin-top: 35px;
  padding-left: 36px;
}
.wanzhuan11 ul.wzlist2 li{
  margin-right: 10px;
  width: 370px;
  height: 208px;
}
.wanzhuan11 ul.wzlist2 figure{
  width: 368px;
  height: 206px;
}
.wanzhuan11 ul.wzlist2 figure img{
  max-width:368px;
  max-height: 206px;
}
.wanzhuan11 ul.wzlist2 li p{
  font-size: 12px;
  height: 88px;
  overflow:hidden;
  text-overflow: -o-ellipsis-lastline;  
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  -webkit-box-orient: vertical; 
}
.pingce .lrBox{
  width: 100%;
  height: 713px;
  background:url(https://www.yesky.com/TLimages2009/yesky/special/double11_2022/images/pctj_bg.png) no-repeat center top;
  display: inline-block;
}
.pingce .gallery-thumbs{
  margin-top: 77px;
  margin:77px 35px 0 35px;
  width: 1139px;
  overflow:hidden;
}
.pingce .gallery-thumbs li{
  margin-right: 25px;
  width: 266px;
  float: left
}
.pingce .gallery-thumbs li:nth-of-type(4n){
  margin-right: 0;
}
.pingce .gallery-thumbs li figure{
  margin-right: 15px;
  width: 112px;
  height: 112px;
  background-image: linear-gradient(to bottom,#f6f6a5,#f4ecf7,#7be6fe);
  border-radius: 10px;
  float: left;
}
.pingce .gallery-thumbs li figure img{
  max-width: 108px;
  max-height: 108px;
  border-radius: 10px;
  display: block;
}
.pingce .gallery-thumbs li dt{
  font-size: 14px;
  color:#fff;
  line-height: 24px;
  height: 48px;
  overflow:hidden;
  text-overflow: -o-ellipsis-lastline;  
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.pingce .gallery-thumbs li .price{
  margin-top: 8px;
  font-size: 16px;
  color:#fff;
  font-weight: bold;
}
.pingce .gallery-thumbs li .btn{
  margin-top: 10px;
  width: 85px;
  height: 23px;
  line-height: 23px;
  font-size: 12px;
}
.pingce .gallery-thumbs li:hover figure,.pingce .gallery-thumbs .swiper-slide-thumb-active figure{
  background-position: -1px -339px;  
}

.pingce .gallery-thumbs li:hover p,.pingce .gallery-thumbs li:hover a,.gallery-thumbs .swiper-slide-thumb-active p,.gallery-thumbs .swiper-slide-thumb-active a,.pingce .gallery-thumbs li:hover dt,.gallery-thumbs .swiper-slide-thumb-active dt{
  color:#fbfe00!important;
}
.pingce .gallery-thumbs li:hover .btn,.gallery-thumbs .swiper-slide-thumb-active .btn{
  background-image:linear-gradient(90deg,#ff2b5f,#fb7d4b);
  color:#fff!important;
}
.pingce .pinceV{
  margin-top: 70px;
  width: 100%;
  text-align: center;
  display: inline-block;
  position: relative;
}
.pingce .gallery-top{
  width: 668px;
  height: 376px;
  margin: 0 auto;
  overflow: hidden;
}
.pingce .gallery-top li{
  width: 668px;
  height: 376px;
  border-radius: 10px;
  position: relative;
}
.pingce .gallery-top li video{
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
.haowu .lrBox{
  background:none;
  position: relative;
}
.haowu .haowuSwiper{
  width: 1208px;
  height: 920px;
  overflow: hidden;
}
.haowu li{
  width: 293px;
  height: 920px;
  float: left; 
}
.haowu li > div{
  margin-bottom: 34px;
  width: 293px;
  height: 426px;
  background:url(https://www.yesky.com/TLimages2009/yesky/special/double11_2022/images/hwzc_bg.png) no-repeat -2px top;  
  display: inline-block;
}
.haowu li > div figure{
  margin: 17px 0 0 17px;
  width: 257px;
  height: 192px;
  border: #f4f4f4 solid 1px;
  border-radius: 10px;
  display: inline-block;
}
.haowu li > div figure img{
  max-width: 257px;
  max-height: 192px;
  border-radius: 10px;
  display: block;
}
.haowu li > div dl {
    margin: 10px 0 0 17px;
    width: 257px;
    display: inline-block;
}
.haowu li > div dl dt .cpname {
  font-size: 16px;
  color: #fff;
  font-weight: bold;
  line-height: 24px;
  height: 48px;
  overflow: hidden;
  text-overflow: -o-ellipsis-lastline;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.haowu li > div  dl dt .price {
  margin-top: 7px;
  font-size: 16px;
  color: #fff;
  font-weight: bold;
}
.haowu li > div dl dt .price big {
  font-size: 22px;
  vertical-align: -3px;
}
.haowu li > div dl dd .cpdigest {
  margin-top: 2px;
  font-size: 12px;
  color: #fff;
  line-height: 22px;
  height: 66px;
  overflow: hidden;
  text-overflow: -o-ellipsis-lastline;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
}
.haowu li > div dl dd .btn {
    margin-top: 10px;
    width: 86px;
    height: 25px;
    font-size: 12px;
    line-height: 25px;
    float: right;
}
.haowu li > div:hover a,.haowu li > div:hover p{
  color:#fffc00!important;
}
.haowu li > div:hover dl dd .btn{
  background-image:linear-gradient(90deg,#ff2b5f,#fb7d4b);
  color:#fff!important;
}
.fuli .lrBox{
  width: 100%;
  height: 610px;
  background:url(https://www.yesky.com/TLimages2009/yesky/special/double11_2022/images/fl_bg.png) no-repeat center top;
  display: inline-block;
  position: relative;
}
.fuli .lrBox .weibofl{
  width: 585px;
  height: 594px;
  text-align: center;
  float: left;
}
.fuli .lrBox .weibofl:before{
  content:'';
  width: 139px;
  height: 150px;
  background-position: 0 -178px;
  display: inline-block;
  position: absolute;
  bottom: 0;
  left:-82px; 
}
.fuli .lrBox .weibofl p{
  margin-top: 220px;
  font-size: 26px;
  color:#fff;
  font-weight: 500;
}
.fuli .lrBox .weibofl figure{
  margin-top: 85px;
  width: 407px;
  height: 206px;
  border:#faf92a solid 2px;
  border-radius: 10px;
  display: inline-block;
}
.fuli .lrBox .weibofl figure img{
  max-width: 407px;
  max-height: 206px;
  border-radius:10px; 
}
.fuli .lrBox .qunfl{
  width: 587px;
  height: 598px;
  text-align: center;
  float: right;
}
.fuli .lrBox .qunfl:after{
  content:'';
  width: 95px;
  height: 93px;
  background-position: -168px -178px;
  display: inline-block;
  position: absolute;
  right: -30px;
  top: -20px;
}
.fuli .lrBox .qunfl p{
  margin-top: 157px;
  font-size: 22px;
  color:#fff;
  font-weight: 500;
}
.fuli .lrBox .qunfl .p2{
  margin-top: 81px;
}
.fuli .lrBox .qunfl .p2 span{
  color:#fcff00;
}
.fuli .lrBox .qunfl .rwm{
  margin-top: 35px;
}
.fuli .lrBox .qunfl .rwm img{
  width: 199px;
  height: 196px;
  border:#fffc29 solid 2px;
  border-radius: 10px;
}
#topback{
  width: 78px;
  height: 78px;
  text-align: center;
  background:#584bfb;
  border-radius: 10px;
  position: fixed;  
  right: 10px;
  bottom: 100px;
  z-index: 999;
  cursor: pointer;  
  display:none ;
}
#topback:before{
  margin-top: 7px;
  content:'';
  width: 55px;
  height: 33px;
  background-position:-161px -307px;
  display: inline-block; 
}
#topback:hover:before{
  background-position: -282px -199px;
}
#topback p{
  margin-top: 9px;
  width: 100%;
  height: 29px;
  line-height: 29px;
  font-size:14px ;
  color:#fff;
  background:#4e42e8;
  border-radius: 0 0 10px 10px;
}



.bottom{
  width: 100%;
  height: 516px;
  background:url(https://www.yesky.com/TLimages2009/yesky/special/double11_2022/images/foor.jpg) no-repeat center top;
  background-size: cover;
  display: inline-block;
}
.ztjgqc_header{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}
.ztjgqc_header dl dd{
  color: #999!important;
}
.ztjgqc_header dl dd a:link, .ztjgqc_header dl dd a:visited{
  color: #333!important;
}

.ztjgqc_floor{
  padding-top: 100px!important;
  color:#fff!important;
}
.ztjgqc_floor a:link, .ztjgqc_floor a:visited{
  color:#fff!important;
}

.swiper-pagination{
    margin-top:33px;
    position: static;
}
.swiper-pagination-bullet{
    margin: 0 5px;
    width:10px;
    height:10px;
    background:#fffc65;
    opacity:1;
}
.swiper-pagination-bullet-active{
    opacity:1;
    width: 30px;
    border-radius: 10px;
    background:#f68a22;
}
.haowu .swiper-pagination{
  margin-top: 0
}
.zbtkcp .swiper-pagination{  
  width: 10px;  
  position:absolute;
  right: 20px;  
  top: 50%;
  transform: translate3d(0px,-50%,0);
}
.zbtkcp .swiper-pagination-bullet{
  margin: 5px 0;
}
.zbtkcp .swiper-pagination-bullet-active{
  width: 10px;
  height: 30px;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{
    right: 50%;
    left: auto;
    margin-right:-450px;
    width: 42px;
    height: 70px;
    background-position:-62px -86px;        
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{
  left: 50%;
  right: auto;
  margin-left:-450px;
  width: 42px;
  height: 70px;
  background-position:0 -86px;   
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{
    opacity: .2;
    cursor: auto;
    pointer-events: none;
}
.swiper-button-prev.swiper-button-disabled{
  opacity: 1;
  background-position:-120px -86px; 
  z-index: 10;
  pointer-events:initial;
}
.swiper-button-next.swiper-button-disabled{
  opacity: 1;
  background-position:-177px -86px; 
  z-index: 10;
  pointer-events:initial;
}
.swiper-button-next, .swiper-button-prev{
  margin-top: -35px;
}
.cpBar{  
  left: 50%;
  will-change: transform;
}
.gadget1{ 
  width: 156px;
  height: 254px; 
  top: 270px; 
  margin-left: -700px;
  background: url(https://www.yesky.com/TLimages2009/yesky/special/double11_2022/images/h_f_l1.png) top center no-repeat;  
}
.gadget2{
  width: 72px;
  height: 97px;
  top: 445px; 
  margin-left: -428px;
  background: url(https://www.yesky.com/TLimages2009/yesky/special/double11_2022/images/h_f_l2.png) top center no-repeat;
}
.gadget3{ 
  width: 85px;
  height: 124px;
  top: 145px; 
  margin-left: 336px;
  background: url(https://www.yesky.com/TLimages2009/yesky/special/double11_2022/images/h_f_r1.png) top center no-repeat;
}
.gadget4{ 
  width: 212px;
  height: 113px;
  top: 248px; 
  margin-left: 480px;
  background: url(https://www.yesky.com/TLimages2009/yesky/special/double11_2022/images/h_f_r2.png) top center no-repeat;
}
.gadget5{
  width: 118px;
  height: 113px; 
  top: 427px; 
  margin-left: 370px;
  background: url(https://www.yesky.com/TLimages2009/yesky/special/double11_2022/images/h_f_r3.png) top center no-repeat;
}

.updownAni{
  -webkit-animation:upDown 2.6s .2s infinite linear;
  animation:upDown 2.6s .2s infinite linear;
  }
.updownAni2{
  -webkit-animation:upDown 2.6s .8s infinite linear;
  animation:upDown 2.6s .8s infinite linear;
  }
.leftrightAni{
  -webkit-animation:leftRight 2s .6s infinite linear;
  animation:leftRight 2s .6s infinite linear;
  }
.leftbottomAni{
  -webkit-animation:leftBottom 2s .2s infinite linear;
  animation:leftBottom 2s .2s infinite linear;
  }

@media screen and (max-width: 1024px){
  .header {
      background-size: auto;
  }
  .mainlayout{
    background-size: auto;
  }
}
@-webkit-keyframes upDown{
  0%{
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
  }
  50% {
    -webkit-transform: translate(0px,5px);
    transform: translate(0,5px);
  }
  100%{
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
  }
}
@-moz-keyframes upDown{
  0%{
    -moz-transform: translate(0,0);
    transform: translate(0,0);
  }
  50% {
    -moz-transform: translate(0px,5px);
    transform: translate(0,5px);
  }
  100%{
    -moz-transform: translate(0,0);
    transform: translate(0,0);
  }
}
@keyframes upDown{
  0%{
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
  }
  50% {
    -webkit-transform: translate(0px,5px);
    transform: translate(0,5px);
  }
  100%{
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
  }
}
@-webkit-keyframes tlToBr{
  0%{
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
  }
  50% {
    -webkit-transform: translate(5px,3px);
    transform: translate(5px,3px);
  }
  100%{
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
  }
}
@keyframes tlToBr{
  0%{
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
  }
  50% {
    -webkit-transform: translate(5px,3px);
    transform: translate(5px,3px);
  }
  100%{
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
  }
}
@-webkit-keyframes downUp{
  0%{
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
  }
  50% {
    -webkit-transform: translate(-5px,-3px);
    transform: translate(-5px,-3px);
  }
  100%{
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
  }
}
@keyframes downUp{
  0%{
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
  }
  50% {
    -webkit-transform: translate(-5px,-3px);
    transform: translate(-5px,-3px);
  }
  100%{
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
  }
}
@-webkit-keyframes tlToBr02{
  0%{
    -webkit-transform: translate(5px,3px);
    transform: translate(5px,3px);
  }
  50% {
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
  }
  100%{
    -webkit-transform: translate(5px,3px);
    transform: translate(5px,3px);
  }
}
@keyframes tlToBr02{
  0%{
    -webkit-transform: translate(5px,3px);
    transform: translate(5px,3px);
  }
  50% {
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
  }
  100%{
    -webkit-transform: translate(5px,3px);
    transform: translate(5px,3px);
  }
}
@-webkit-keyframes rtTobl{
  0%{
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
  }
  50% {
    -webkit-transform: translate(0px,-5px);
    transform: translate(0px,-5px);
  }
  100%{
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
  }
}
@keyframes rtTobl{
  0%{
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
  }
  50% {
    -webkit-transform: translate(0px,-5px);
    transform: translate(0px,-5px);
  }
  100%{
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
  }
}
@-webkit-keyframes rtTobl02{
  0%{
    -webkit-transform: translate(5px,-2px);
    transform: translate(5px,-2px);
  }
  50% {
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
  }
  100%{
    -webkit-transform: translate(5px,-2px);
    transform: translate(5px,-2px);
  }
}
@keyframes rtTobl02{
  0%{
    -webkit-transform: translate(5px,-2px);
    transform: translate(5px,-2px);
  }
  50% {
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
  }
  100%{
    -webkit-transform: translate(5px,-2px);
    transform: translate(5px,-2px);
  }
}
@-webkit-keyframes rtTobl03{
  0%{
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
  }
  50% {
    -webkit-transform: translate(5px,-2px);
    transform: translate(5px,-2px)
  }
  100%{
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
  }
}
@keyframes rtTobl03{
  0%{
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
  }
  50% {
    -webkit-transform: translate(5px,-2px);
    transform: translate(5px,-2px)
  }
  100%{
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
  }
}
.downUp,.upDown,.tlToBr,.tlToBr02,.rtTobl,.rtTobl02,.rtTobl03{
  -webkit-animation-duration: 2s;
  animation-duration:2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: visible!important;
  backface-visibility: visible!important;
  -webkit-transform-origin: top center;
  transform-origin: top center;
  animation-iteration-count:infinite;
  -webkit-animation-iteration-count:infinite;
}
.upDown{
  -webkit-animation-name: upDown;
  animation-name: upDown;
}
.downUp{
  -webkit-animation-name: downUp;
  animation-name: downUp;
}
.tlToBr{
  -webkit-animation-name: tlToBr;
  animation-name: tlToBr;
}
.tlToBr02{
  -webkit-animation-name: tlToBr02;
  animation-name: tlToBr02;
}
.rtTobl{
  -webkit-animation-name: rtTobl;
  animation-name: rtTobl;
}
.rtTobl02{
  -webkit-animation-name: rtTobl02;
  animation-name: rtTobl02;
}
.rtTobl03{
  -webkit-animation-name: rtTobl03;
  animation-name: rtTobl03;
}
@-webkit-keyframes leftRight{
  0%{
    -webkit-transform: translate(0,0);
  }
  50% {
    -webkit-transform: translate(5px,0px);
  }
  100%{
    -webkit-transform: translate(0,0);
  }
}
@-moz-keyframes leftRight{
  0%{
    -moz-transform: translate(0,0);
  }
  50% {
    -moz-transform: translate(5px,0px);
  }
  100%{
    -moz-transform: translate(0,0);
  }
}
@keyframes leftRight{
  0%{
    transform: translate(0,0);
  }
  50% {
    transform: translate(5px,0px);
  }
  100%{
    transform: translate(0,0);
  }
}
@-webkit-keyframes leftBottom{
  0%{
    -webkit-transform: translate(0,0);
  }
  50% {
    -webkit-transform: translate(5px,-5px);
  }
  100%{
    -webkit-transform: translate(0,0);
  }
}
@-moz-keyframes leftBottom{
  0%{
    -moz-transform: translate(0,0);
  }
  50% {
    -moz-transform: translate(5px,-5px);
  }
  100%{
    -moz-transform: translate(0,0);
  }
}
@keyframes leftBottom{
  0%{
    transform: translate(0,0);
  }
  50% {
    transform: translate(5px,-5px);
  }
  100%{
    transform: translate(0,0);
  }
}