@charset "utf-8";
.bannerBox{position:relative;overflow:hidden;background:#fff;height:3.1rem;padding:0.2rem 0}
.bannerBox .swiper-container{width:100%;height:100%;border-radius:0.1rem}
.bannerBox .swiper-wrapper{transform:translate3d(0px,0px,0px);transition-duration:300ms}
.bannerBox a{display:block;width:100%;height:100%}
.bannerBox img{display:block;width:6.32rem;height:3.1rem;border-radius:0.25rem}
.bannerBox .swiper-pagination-bullet{width:.1rem;height:.1rem;background:#ddd;border-radius:0;opacity:1;margin-right:0.06rem;border-radius:.05rem}
.bannerBox .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#fff;width:.25rem}
.bannerBox .swiper-container-horizontal .titbox > .swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:-.02rem;left:0;width:100%}
.bannerBox .swiper-container{width:100%;height:100%;border-radius:.1rem}
.bannerBox .swiper-slide{position:relative;text-align:center;font-size:.18rem;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;width:6.32rem;border-radius:.25rem;overflow:hidden}
.titbox{height:0.2rem;display:block;background:rgba(0,0,0,0.6);width:13.5%;margin:0 auto;margin-top:-0.32rem;z-index:6666;position:relative;border-radius:0.1rem}
ul.gmcol_ul{display:-ms-flexbox;display:flex;height:2.52rem;overflow:scroll;margin:0.12rem 0 0.2rem 0}
ul.gmcol_ul li{float:left;margin-right:0.24rem;width:5.04rem;height:100%;overflow:hidden;border-radius:0.24rem;-ms-flex-negative:0;flex-shrink:0;text-align:center;position:relative}
ul.gmcol_ul li:last-child{margin-right:0}
ul.gmcol_ul li a{display:block;height:100%;width:100%}
ul.gmcol_ul li a img{width:100%;height:100%;object-fit: cover;}
ul.gmcol_ul li .xbox_name{width:100%;position:absolute;bottom:0;left:0;font-size:0.28rem;line-height:0.6rem;height:0.6rem;background:rgba(0,0,0,0.4);color:#fff}
ul.aplist_ul{padding-bottom:0.2rem}
ul.aplist_ul .card-li{display:flex;justify-content:space-between;padding:0.24rem 0;border-bottom:1px dashed #f2f2f2;align-items:center}
ul.aplist_ul .pic-box{flex:0 0 auto;width:1.4rem;margin-right:0.2rem;overflow:hidden;-webkit-border-radius:0.28rem;-moz-border-radius:0.28rem;border-radius:0.28rem;height:1.4rem}
ul.aplist_ul .pic-box img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
ul.aplist_ul .list_con{flex:1 1 auto;display:flex;max-width:3.4rem;flex-direction:column;justify-content:center}
ul.aplist_ul .list_con .h4{margin-bottom:0.1rem;color:#333333;width:4.2rem;text-align:left;font-size:0.32rem;line-height:1.5;height:0.48rem;overflow:hidden}
ul.aplist_ul .list_con .h4 a {color:#333333;display: block;}
ul.aplist_ul .list_con .desc{line-height:0.4rem;display:flex}
ul.aplist_ul .list_con .desc span{color:#999999;font-size:0.24rem;line-height:0.4rem}
ul.aplist_ul .list_con .desc span:before{width:1px;height:0.16rem;background-color:#cccccc}
ul.aplist_ul .list_con .desc span + span:before{content:"";display:inline-flex;margin:0 0.15rem}
ul.aplist_ul .list_con p{width:97%;display:block;height:0.44rem;color:#5e5e5e;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font:0.26rem "\5FAE\8F6F\96C5\9ED1";line-height:0.44rem}
ul.aplist_ul .btn{flex:0 0 1.1rem;height:0.56rem;margin-top:0.52rem;overflow:hidden;background-color:#f5f5f5;-webkit-border-radius:0.1rem;-moz-border-radius:0.1rem;border-radius:0.1rem;color:#00b35d;text-align:center;line-height:0.56rem;font-size:0.28rem}
ul.aplist_ul .apcrd_li{display:flex;justify-content:space-between;padding:0.24rem 0;border-bottom:1px dashed #f2f2f2;align-items:center}
.con_boxinfo ul.game_ul{display:flex;flex-wrap:wrap}
ul.game_ul li{width:25%;padding:0 0.1rem;box-sizing:border-box;margin:0.2rem 0 0.12rem 0}
ul.game_ul li a{width:100%;overflow:hidden;display:block}
ul.game_ul .pic-box{display:block;margin:0 auto;overflow:hidden;width:1.4rem;height:1.4rem;-webkit-border-radius:0.24rem;-moz-border-radius:0.24rem;border-radius:0.24rem}
ul.game_ul .pic-box img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border: 1px solid #eee;box-sizing: border-box;border-radius: 0.28rem;}
ul.game_ul .info-head{display:block;overflow:hidden;height:0.6rem;color:#333333;text-align:center;font-weight:400;font-size:0.28rem;line-height:0.6rem}
ul.game_ul .btn{display:block;margin:0 auto;width:80%;height:0.56rem;border-radius:0.12rem;box-sizing:border-box;color:#00b35d;text-align:center;font-size:0.28rem;line-height:0.56rem;background-color: #f5f5f5}
.sort_title{margin-bottom:0.12rem;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;position:relative}
.sort_title::after{content:'';width:100%;height:.02rem;background:#eee;position:absolute;bottom:0;left:0;display:block}
.sort_title h2{padding:.2rem 0;font-size:0.32rem;color:#333;position:relative;z-index:2}
.sort_title a{color:#00b35d;font-size:0.28rem;padding-right:0.2rem;position:relative}
.sort_title a::after{content:'';display:inline-block;position:absolute;top:50%;transform:translateY(-50%);right:0rem;width:.12rem;height:.16rem;background-position:-2.2rem -.2rem;background-image:url("../images/icon.png");background-repeat:no-repeat;background-size:10rem 10rem}
.sort_cont{display:-ms-flexbox;display:flex;overflow:scroll;margin:0.12rem 0 0.2rem 0}
.sort_cont .sort_item{width:100%;float:left;margin-right:0.5rem;overflow:hidden;border-radius:0.24rem;-ms-flex-negative:0;flex-shrink:0;position:relative}
.sort_cont .sort_item:last-child{margin-right:0}
ul.apsort_ul{overflow:hidden;margin-top:0.16rem}
ul.apsort_ul li{width:2.18rem;height:.98rem;float:left;border-radius:.1rem;margin-right:.12rem;margin-bottom:.2rem;position:relative;background-image:url(../images/icon.png);background-size:10rem 10rem;display:inline-block}
ul.apsort_ul li:nth-child(3n){margin-right:0}
ul.apsort_ul li:nth-child(1){background-position:-.08rem -.63rem}
ul.apsort_ul li:nth-child(2){background-position:-2.45rem -.63rem}
ul.apsort_ul li:nth-child(3){background-position:-2.45rem -1.74rem}
ul.apsort_ul li:nth-child(4){background-position:-4.86rem -2.85rem}
ul.apsort_ul li:nth-child(5){background-position:-4.82rem -3.93rem}
ul.apsort_ul li:nth-child(6){background-position:-4.86rem -.63rem}
ul.apsort_ul li a{display:block;width:100%;height:100%}
ul.apsort_ul li span{font-size:.3rem;color:#fff;position:absolute;top:0.12rem;left:.2rem;line-height:.4rem}
ul.apsort_ul li p{font-size:.24rem;color:#fff;position:absolute;top:.52rem;left:.2rem;line-height:.32rem}
a.apsr_btn{height:.6rem;text-align:center;line-height:.6rem;border-radius:.1rem;color:#999;background:#f5f5f5;display:block;margin-bottom:0.2rem}
a.apsr_btn i{background-image:url(../images/icon.png);background-size:10rem 10rem;display:inline-block;width:.2rem;height:.16rem;background-position:-3.44rem -.4rem;margin-left:0.12rem}
.con_boxinfo ul.zjbbList{zoom:1;overflow:hidden;display:block;padding-bottom:0.2rem}
ul.zjbbList li{width:50%;float:left;height:auto;position:relative;overflow:hidden;border-bottom:1px solid #e2e2e2}
ul.zjbbList li>a{display:block;padding:0.28rem 0;border-right:1px solid #e2e2e2;overflow:hidden}
ul.zjbbList li:nth-child(2n)>a{padding-left:0.2rem;border-right:none}
ul.zjbbList li img{float:left;display:block;box-sizing:border-box;border:1px solid #eee;margin-right:0.2rem;width:1.24rem;height:1.24rem;border-radius:0.2rem}
ul.zjbbList li p{width:1.70rem;display:block;height:1.24rem;overflow:hidden;position:relative}
ul.zjbbList li p span{color:#333;font-weight:normal;font-size:.3rem;line-height:0.4rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
ul.zjbbList li p em{display:block;width:100%;position:absolute;bottom:0.04rem;left:0;text-decoration:none;font-size:0.24rem;color:#999}