header {position:relative;z-index:11;}






.wsiper-warp{display: flex;    padding-bottom: 17px;background:#393939;}



.swiper-container {flex: 1}
.swiper-container .swiper-slide {text-align:center;font-size:18px;/* Center slide text vertically */ 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;}
.swiper-container .swiper-slide img {width:95%;border-radius:15px;margin:15px auto;margin-bottom:0px;}
.swiper-container .swiper-pagination-bullet {width:14px;height:14px;background:#fff;}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {bottom:10px}

.swiper-container  .proname{position: absolute;width: 95%; margin: 15px auto;bottom: -16px;background:#000000bf;padding:12px 10px;color:#fff;display: flex;justify-content: space-between;border-bottom-left-radius:15px;border-bottom-right-radius:15px;}
.swiper-container  .proname .title{font-size: 22px;}
.swiper-container  .proname .c_price{font-size: 17px;text-decoration: line-through;padding-right: 11px;}
.swiper-container  .proname .s_us{font-size:25px;color: #fc0;font-weight: bold;}
.swiper-container  .proname .web-price{float: right;}


/* end-time */
.item .end-time{position:absolute;right:0px;bottom:0px;height:68px;z-index:0;min-width: 245px;    z-index: 11;}
.item .end-time li{float:left;color:#fff;text-shadow:.2rem 0 .5rem #000,-.2rem 0 .5rem #000,0 .2rem .5rem #000,0 -.2rem .5rem #000}
.item .end-time .esymbol{ padding:0px 4px;line-height: 33px; }
.item .end-time li p{font-size:12px;text-align: center;}
.item .end-time .time_box{display:flex;justify-content:flex-start;align-items:center;width:100%;height:20px}
.item .end-time .sales{padding-right: 6px;float: left;line-height:37px;}
.item .end-time .sales span{color:#fff;font-size:18px;opacity: 0.9;text-shadow:.2rem 0 .5rem #000,-.2rem 0 .5rem #000,0 .2rem .5rem #000,0 -.2rem .5rem #000}
.item .end-time .end-in{width:50px;color:#d5d6da;font-size:14px;float:left}
.item .end-time .end-number{color:#fff;font-size:18px;margin-bottom:2px;float: left;}
.item .end-time .end-number li span{height:38px;line-height:38px;min-width: 36px;background-color:#0d0917;opacity:.8;border-radius:5px;font-size: 22px;}
.item .end-time .end-number .eday,.ehour,.emin,.esec{padding:0px 6px;display:inline-block;text-align:center}
.item .end-time .end-number .esymbol{display:inline-block;text-align:center}


.wap_title {font-size:26px;font-weight:bold;background:transparent;color:#000;position:relative;padding-left: 24px;margin-top: 22px;}
.wap_title .swipermore { display: inline-flex; align-items: center;justify-content: center;height: 35px;position: absolute;right: 12px;top: 8px; width:34px;border-radius: 5px;color: #fff;
background: #a03eed;}
.wap_title .swipermore i {font-size:33px}
.swiper-container-a {width:100%;height:100%;}
.swiper-container-a .swiper-slide {text-align:left;padding-left:5px;font-size:18px;}
.swiper-container-a .swiper-wrapper {overflow-x:auto;}




.in-platforms{margin-bottom: 25px}
.in-platforms ul{display: flex;justify-content: space-between; padding: 0px 10px;flex-wrap:wrap}
.in-platforms li{width:30%;border-radius:31px;height: 120px;margin:15px 0px;margin-top:0px;position:relative;overflow: hidden;text-align: center;opacity: 0.8;transition:all 0.5s linear;}
.in-platforms li a{display: block;height: 100%;}
.in-platforms li:hover{opacity: 1}
.in-platforms li img{margin-top:20px;height:65px;}
.in-platforms li em{width: 100%;color:#fff;position: absolute;bottom:10px;padding:2px;text-align: center;left: 0px;background:#06060652;font-size:18px;}
.in-platforms li:nth-child(1){background: #d66d97}
.in-platforms li:nth-child(2){background: #f19431}
.in-platforms li:nth-child(3){background: #7aba42}
.in-platforms li:nth-child(4){background: #479ffd}
.in-platforms li:nth-child(5){background: #6cd2c0}
.in-platforms li:nth-child(6){background: #b163ef}



.recommended .swiper-container-a .swiper-wrapper{overflow-x: auto; height: auto;}

.recommended{padding: 34px 0px;background: #092c58;margin-bottom: 22px}
.recommended li{width: 500px}
.recommended li a{display: block;overflow: hidden;border-radius: 10px;box-shadow:0 1px 3px rgba(34, 25, 25, 0.4)}
.recommended li .proimg{width: 100%}
.recommended  .proname{position:absolute;bottom: 0px;background:#00000091;color:#fff;padding:8px;border-bottom-right-radius:12px;border-bottom-left-radius:12px;width: 96%;}
.recommended  .proname .title{font-size: 22px;}
.recommended  .proname .c_price{font-size: 17px;text-decoration: line-through;padding-left: 12px;}
.recommended  .proname .s_us{font-size:25px;color: #fc0;font-weight: bold;}
.recommended   .proname .web-price{padding-right:12px;}
.recommended .proname .platform {position: absolute; bottom: 16px; right: 20px;}
.recommended .proname .platform img {height: 34px;margin: 5px;}