header {
    background: url(../../images/headerbg.png) no-repeat center;
    background-size: cover;
    margin-top: -5px;
    position: relative;
}



/* 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 {padding: 10px;padding-bottom: 0px; font-weight: bold;font-size: 20px;}
.wap_title .swipermore { display: inline-flex; align-items: center;justify-content: center;height: 35px;position: absolute;right: 12px;top: 10px; width:34px;border-radius: 5px;color: #fff;
background:var(--theme);background: linear-gradient(90deg, var(--tinge) 0%, var(--theme) 100%);}
.wap_title .swipermore i {font-size:33px}
.swiper-container-a {width:100%;height:100%;position:relative;}


.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: #1b2838}
.in-platforms li:nth-child(2){background: #f66c2d}
.in-platforms li:nth-child(3){background: #128c12}
.in-platforms li:nth-child(4){background: #229fd0}
.in-platforms li:nth-child(5){background: #118585}
.in-platforms li:nth-child(6){background: #039ed9}


.swiper_block {padding-top: 0px;position: relative;}
.swiper-wrapper{overflow-x: auto; height: auto;position: relative;}


.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;}
.recommended .swiper-container-a .swiper-wrapper {  overflow-x: auto;height: auto;}