.hot-mian{position:relative}.hot-mian .hot-sel{overflow:hidden;width:100%;height:1.3rem;background:#09141f;position:relative;border-top:.02rem solid #2a3a54}.hot-mian .hot-sel .swiper{width:12.84rem;height:100%;margin:0 auto;overflow:hidden}.hot-mian .hot-sel .swiper .swiper-slide{font-size:.24rem;color:#fff;text-align:center;cursor:pointer;position:relative;width:6.4rem!important;border-right:.02rem solid #2a3a54}.hot-mian .hot-sel .swiper .swiper-slide img{width:100%;height:100%}.hot-mian .hot-sel .swiper .swiper-slide i{display:block;width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,.6);opacity:1;pointer-events:none;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.hot-mian .hot-sel .swiper .swiper-slide span{width:100%;height:.05rem;background:#ffc42b;position:absolute;left:0;bottom:0;z-index:2}.hot-mian .hot-sel .swiper .swiper-slide .hot-sel-tt{display:table;width:100%;height:100%;position:absolute;left:0;bottom:0;z-index:3;color:#d4d3d4}.hot-mian .hot-sel .swiper .swiper-slide .hot-sel-tt p{display:table-cell;vertical-align:middle;line-height:.3rem;padding:0 .2rem}.hot-mian .hot-sel .swiper .swiper-slide span,.hot-mian .hot-sel .swiper .swiper-slide-thumb-active i,.hot-mian .hot-sel .swiper .swiper-slide:hover i{opacity:0;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.hot-mian .hot-sel .swiper .swiper-slide-thumb-active span,.hot-mian .hot-sel .swiper .swiper-slide:hover span{opacity:1;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.hot-mian .hot-sel .swiper .swiper-slide-thumb-active .hot-sel-tt,.hot-mian .hot-sel .swiper .swiper-slide:hover .hot-sel-tt,.hot-mian .hot-thumbs a,.hot-mian .hot-thumbs a:hover p,.hot-mian .hot-thumbs a:hover strong,.product_sec .product_con li a p,.product_sec .product_con li a strong{color:#fff}.hot-mian .hot-sel .left_mask,.hot-mian .hot-sel .right_mask{width:50%;height:1.3rem;position:absolute;top:0;z-index:3;pointer-events:none}.hot-mian .hot-sel .left_mask{background:-webkit-gradient(linear,left top,right top,color-stop(34%,#09141f),color-stop(50%,rgba(255,255,255,0)),to(rgba(255,255,255,0)));background:-webkit-linear-gradient(left,#09141f 34%,rgba(255,255,255,0) 50%,rgba(255,255,255,0));background:-o-linear-gradient(left,#09141f 34%,rgba(255,255,255,0) 50%,rgba(255,255,255,0));background:linear-gradient(to right,#09141f 34%,rgba(255,255,255,0) 50%,rgba(255,255,255,0));left:0}.hot-mian .hot-sel .right_mask{background:-webkit-gradient(linear,right top,left top,color-stop(34%,#09141f),color-stop(50%,rgba(255,255,255,0)),to(rgba(255,255,255,0)));background:-webkit-linear-gradient(right,#09141f 34%,rgba(255,255,255,0) 50%,rgba(255,255,255,0));background:-o-linear-gradient(right,#09141f 34%,rgba(255,255,255,0) 50%,rgba(255,255,255,0));background:linear-gradient(to left,#09141f 34%,rgba(255,255,255,0) 50%,rgba(255,255,255,0));right:0}.hot-mian .swiper-button-next:after,.hot-mian .swiper-button-prev:after,.hot-mian .swiper-rtl .swiper-button-next:after,.hot-mian .swiper-rtl .swiper-button-prev:after{content:none}.hot-mian .hot-sel .hot-next,.hot-mian .hot-sel .hot-prev{position:absolute;top:50%;margin-top:-.2rem;cursor:pointer;z-index:10;background-color:transparent;outline:0}.hot-mian .hot-sel .hot-prev{left:16.5%;background:url(../img/sprite/icon/hot_prevh-66a5c1ba0a.png) no-repeat 0 0/.24rem .37rem;width:.24rem;height:.37rem}.hot-mian .hot-sel .hot-next{right:16.5%;background:url(../img/sprite/icon/hot_nexth-0b3f357f29.png) no-repeat 0 0/.24rem .37rem;width:.24rem;height:.37rem}.hot-mian .hot-thumbs{overflow:visible!important}.hot-mian .hot-thumbs .swiper-slide{position:relative;height:7rem;width:100%}.hot-mian .hot-thumbs .swiper-slide .hot-bpic{width:100%;height:7rem}.hot-mian .hot-thumbs .swiper-slide .hot-thumbs-mask{position:absolute;left:0;bottom:0;width:100%;height:2rem;background:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.7)),to(rgba(255,255,255,0)));background:-webkit-linear-gradient(bottom,rgba(0,0,0,.7),rgba(255,255,255,0));background:-o-linear-gradient(bottom,rgba(0,0,0,.7),rgba(255,255,255,0));background:linear-gradient(to top,rgba(0,0,0,.7),rgba(255,255,255,0))}.hot-mian .hot-thumbs .swiper-slide .hot-con{position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:7.8rem;text-align:center}.hot-mian .hot-thumbs .swiper-slide .hot-con strong{font-size:.56rem;line-height:.7rem}.hot-mian .hot-thumbs .swiper-slide .hot-con p{font-size:.16rem;line-height:.24rem}.hot-mian .hot-thumbs .swiper-slide .hot-con span,.product_sec .product_tt a{display:block;height:.56rem;border-radius:.5rem;color:#fff;font-size:.2rem;text-align:center;line-height:.56rem}.hot-mian .hot-thumbs .swiper-slide .hot-con span{background:-webkit-gradient(linear,right top,left top,color-stop(60%,#ffc52b),to(#ea9616));background:-webkit-linear-gradient(right,#ffc52b 60%,#ea9616);background:-o-linear-gradient(right,#ffc52b 60%,#ea9616);background:linear-gradient(to left,#ffc52b 60%,#ea9616);margin:.16rem auto .34rem;width:2.66rem}.hot-mian .hot-thumbs .swiper-slide .hot-con span:hover{-webkit-box-shadow:0 0 .3rem #ea9616;box-shadow:0 0 .3rem #ea9616}.product_sec{padding-top:.78rem;padding-bottom:1.06rem}.product_sec .product_tt{position:relative}.product_sec .product_tt strong{font-size:.5rem;color:#105aa3;line-height:.54rem}.product_sec .product_tt p{font-size:.28rem}.product_sec .product_tt a{width:2.4rem;background:-webkit-gradient(linear,right top,left top,color-stop(60%,#0a93f1),to(#2f77c4));background:-webkit-linear-gradient(right,#0a93f1 60%,#2f77c4);background:-o-linear-gradient(right,#0a93f1 60%,#2f77c4);background:linear-gradient(to left,#0a93f1 60%,#2f77c4);position:absolute;right:0;top:0}.product_sec .product_tt a:hover{opacity:.8}.product_sec .product_con li{width:12rem;height:4.35rem;background:#12131d;margin-top:.66rem;position:relative;color:#fff}.product_sec .product_con li img{width:7.43rem;height:100%}.product_sec .product_con li .product_mask{width:6.54rem;height:100%;position:absolute;right:0;top:0;background:-webkit-gradient(linear,right top,left top,color-stop(80%,#12131d),to(rgba(255,255,255,0)));background:-webkit-linear-gradient(right,#12131d 80%,rgba(255,255,255,0));background:-o-linear-gradient(right,#12131d 80%,rgba(255,255,255,0));background:linear-gradient(to left,#12131d 80%,rgba(255,255,255,0))}.product_sec .product_con li .product_txt{width:4.8rem;position:absolute;right:.42rem;top:.52rem}.product_sec .product_con li .product_txt h3{width:5.2rem;font-size:.32rem;line-height:.4rem;color:#1195f5;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;word-wrap:break-word}.product_sec .product_con li .product_txt p{font-size:.16rem;line-height:.3rem;margin-top:.2rem;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;word-wrap:break-word}.product_sec .product_con li .product_txt strong{line-height:.62rem;font-size:.24rem;display:block;border-top:.01rem solid #5f5f5f;padding-top:.08rem;margin-top:.24rem}.product_sec .product_con li .product_btn{position:absolute;left:6.8rem;bottom:.48rem}.product_sec .product_con li .product_btn.product_btn2{bottom:.2rem}.product_sec .product_con li .product_btn a{display:inline-block;font-size:.2rem;width:1.74rem;height:.52rem;line-height:.52rem;border:.01rem solid #fff;border-radius:.1rem;color:#fff;text-align:center}.product_sec .product_con li .product_btn a i{display:inline-block;margin-right:.07rem;vertical-align:middle;margin-top:-.05rem}.product_sec .product_con li .product_btn a:nth-child(1){margin-right:.32rem}.product_sec .product_con li .product_btn a.product_luckyee i{background:url(../img/sprite/icon/pro_dot_luckyee-1fc079d842.png) no-repeat 0 0/.38rem .38rem;width:.38rem;height:.38rem}.product_sec .product_con li .product_btn a.product_luckyee:hover{border:.01rem solid #12131d;background:-webkit-linear-gradient(70deg,#ea9616,#fdc02a);background:-o-linear-gradient(70deg,#ea9616,#fdc02a);background:linear-gradient(20deg,#ea9616,#fdc02a)}.product_sec .product_con li .product_btn a.product_steam i{background:url(../img/sprite/icon/pro_dot_steam-d95e54d239.png) no-repeat 0 0/.38rem .38rem;width:.38rem;height:.38rem}.product_sec .product_con li .product_btn a.product_steam:hover{border:.01rem solid #12131d;background:-webkit-linear-gradient(70deg,#4670be,#1a8eea);background:-o-linear-gradient(70deg,#4670be,#1a8eea);background:linear-gradient(20deg,#4670be,#1a8eea)}