.wrap {padding: 0 0.2rem;}
body { padding-top: .86rem;}
div,li{box-sizing: border-box;}   


.clear {clear: both; height: 1px; background: #f2f6fc; width: 100%;}
.ten {margin: 0.5rem 0;clear: both;}
.ten1 {margin: 0.5rem 0 0 0;}
.ten2 {margin: 0 0 0.2rem 0;}
.ten3 {margin: 0.2rem 0 0 0;}

/*****头部****/
header {padding: 0.2rem 0 0.2rem;background: #fff;position: fixed;left: 0;top: 0;width: 100%;z-index: 999;box-shadow: 0px 2px 5px #eee;}
header .logo { width: 2rem; height: 0.65rem; float: left;margin-left: 0rem;}
header .logo a {display: block;}
header .header-right { float: left;width: 100%;}
header .esym_sea {float: right;}
header .esym_sea img { width: 0.4rem; display: inline-block; margin-right: 0.08rem;vertical-align: text-bottom;cursor: pointer;margin-top: .1rem;}
header .esym_sea em { font-size: 0.28rem;color: #d3b466;font-weight: bold;}
header .esym_nav {width: 0.4rem;float: right;margin-left: .3rem;margin-top: .1rem;cursor: pointer;}
header .esym_ssh{display: none;width: 100%;height:1rem;background: #38c34b;float: right;position: absolute;left: 0;top: 0;padding: .15rem .4rem;}
header .esym_ssh form{width:100%;display: inline-block;background: rgb(255,255,255,.3);border-radius: 0.5rem;}
header .esym_ssh .sint{width:76%;height: 0.7rem;line-height: 0.7rem;border-radius: 0.5rem 0 0 .5rem;margin: 0;outline:none;border: 0px; padding-left: 0.2rem;float: left;font-size: 0.24rem;background: none;color: #fff;}
header .esym_ssh .sbtn{width:1rem;height: .7rem;line-height: .7rem;float: right;background: url(../images/ss_b.png) no-repeat center center;background-size: .35rem .35rem;}
header .esym_ssh .sint:hover{border: 0px;}

.bjty{background: #fff;padding: .2rem .3rem;box-sizing: border-box;}
.mart2{margin-top: .2rem;}

/*****导航****/
.nav-box {position: fixed; left: 0;top: 0;height: 100%;width: 100%;background-color: rgba(0, 0, 0, 0);z-index: -1;pointer-events: none;}
.nav-box.open {background-color: rgba(0, 0, 0, 0);transition-duration: 1s;z-index: 500;}
.nav{width: 100%;height: 100%;position: fixed;z-index: 9999999999;top: .96rem;right: -100%;background-color: #fff;float: left;transition-duration: .5s;overflow: auto;}
.nav.open{right: 0;transition-duration:.5s;transition-delay:.2s;}
.navdk{padding-bottom:.10rem;border-bottom:1px solid #eee;padding-left:.3rem;background:#23c268;}
.navdk .phone{width:3.2rem;height:.6rem;line-height:.6rem;background-color:#23c268;border-radius:.3rem;text-align:center;margin-top:.2rem;float:left;font-size:.36rem;margin-left:1.5rem;color:#fff;}
.navdk .phone a{font-size:.36rem;color:#fff;}
.navdk .phone a img{width:.37rem;display:inline-block;margin-right:.08rem;vertical-align:text-bottom;}
.nav .close{margin:.2rem .2rem 0 0;float:right;}
.nav .close i{font-size:.46rem;color:#fff;float:right;}
.nav ul{margin:0 .35rem;}
.nav ul li{padding:.30rem 0;width: 33%;float: left;text-align: center;border-right: 1px #eaeaea solid;border-bottom: 1px #eaeaea solid;}
.nav ul li p{font-size:.26rem;color:#fff;padding: 0rem ;}
.nav ul li p a{color:#555;}

.nav ul li p .icon-zhankai1{display:none;}
.nav ul li p.open .icon-zhankai{display:block;}
.nav ul li p.open .icon-zhankai1{display:block;}
.nav ul li div{background-color:rgba(255,255,255,0.2);border-radius:0.15rem;overflow:hidden;margin-top:0.20rem;padding:0.10rem 0rem;display:block;}
.nav ul li div a{display:block;font-size:0.26rem;color:#eee;margin:0.1rem 0;font-size:.26rem;color:#666;float:left;width:25%;}
.nav ul li p i{width: 0.6rem;height: 0.6rem;background-size: cover;display: block;margin: 0 auto;margin-bottom: 0.1rem;}
.nav_1{background: url(../images/tb1.png) no-repeat;}
.nav_2{background: url(../images/tb2.png) no-repeat;}
.nav_3{background: url(../images/tb3.png) no-repeat;}
.nav_4{background: url(../images/tb4.png) no-repeat;}
.nav_5{background: url(../images/tb5.png) no-repeat;}
.nav_6{background: url(../images/tb6.png) no-repeat;}
.nav_7{background: url(../images/tb7.png) no-repeat;}
.nav_8{background: url(../images/tb8.png) no-repeat;}
.nav_9{background: url(../images/tb9.png) no-repeat;}
.nav_10{background: url(../images/tb10.png) no-repeat;}
.nav_11{background: url(../images/tb11.png) no-repeat;}
.nav_12{background: url(../images/tb12.png) no-repeat;}
.nav_13{background: url(../images/tb13.png) no-repeat;}
.nav_14{background: url(../images/tb14.png) no-repeat;}
.nav_15{background: url(../images/tb15.png) no-repeat;}
.nav_16{background: url(../images/tb16.png) no-repeat;}
.nav ul li p{padding: 0rem !important;}
.nav ul li{width: 33.33%!important;}
.nav ul li:nth-child(3n){border-right: none;}


/**详情头部**/
.xqhead{height: 1.15rem;box-sizing: border-box;}
.xqhead .goback{width: 2rem;float: left;position:absolute;margin-left: .1rem;margin-top: .1rem;}
.xqhead .goback img{width: .22rem;height: .42rem;overflow: hidden;}
.xqhead .esym_sea{float: right;}
.xqhead .nav{top: 1rem;}
.xqhead .esym_nav{float: right;}

/*****底部****/
footer {background-color: #2a2a2b;padding: 0.7rem 0.23rem 1.6rem 0.32rem;position: relative;}
footer .esym_bn {margin-bottom: 0.3rem; text-align: center;}
footer .esym_bn p{ font-size:0.3rem; line-height: 0.3rem; color: #fff;}
footer .esym_bn p a{ margin: 0 0.1rem; color:#fff;}
footer .esym_bw p{ font-size: 0.24rem; color: #aaaaaa; text-align: center; line-height: 0.4rem;}
footer .esym_bw a{color: #aaaaaa;}
.esym_navav {background-color: #fff;padding: 0.2rem 0 0.15rem;position: fixed;left: 0;bottom: 0;width: 100%;z-index: 99;box-shadow: 0px 0px 10px #bbb;}
.esym_navav ul li { float: left; width: 20%;text-align: center;}
.esym_navav ul li .pic {width: 0.45rem;height: 0.45rem;margin: 0 auto 0.05rem;}
.esym_navav ul li p {font-size: 0.24rem;color: #333;}

.banners{margin-top: 0.2rem;}
.esy_bxg .banners{margin-top: 0;}

/*****焦点图*****/
.es_iny{height: 3.9rem; margin-top: .2rem;}
.es_iny img{width: 100%;height: 3.9rem;overflow: hidden;object-fit: cover;}
.es_iny .swiper-slide a{display: block;width: 100%;height: 100%;position: relative;}
.es_iny .swiper-pagination-bullet{width: .2rem; height:.2rem;background: rgb(255,255,255);border-radius: 0.3rem;opacity: .5;margin-right: 0.1rem;}
.es_iny .swiper-pagination-bullet-active{background: #ff6460;}

/*****首页导航****/
.esysnav ul {margin-bottom: 0.14rem;padding-top: .3rem;}
.esysnav ul li { float: left;width: 20%;text-align: center;}
.esysnav ul li:nth-child(5n){margin-right: 0;}
.esysnav ul li .pic{width: 0.8rem;height: 0.8rem;overflow: hidden;margin: 0 auto 0.15rem;}
.esysnav ul li .pic img{width: auto; height:100%;}
.esysnav ul li p{font-size: 0.24rem; color: #666;}

/****热门游戏推荐****/
.esy_xti{margin-top: 0.5rem;height: 0.5rem;overflow: hidden;}
.esy_xti img{ width:0.3rem; height: 0.3rem; margin-right: 0.1rem;float: left; margin-top: 0.05rem;position: relative;}
.esy_xti p{height: .4rem;
    line-height: .4rem;
    font-size: .32rem;
    color: #000;
    font-weight: 700;float: left;margin-top: .1rem;}
.esy_xti span{font-size: 0.24rem; float: right;  margin-top: 0.15rem; color: #999999;}



/****游戏列表一排4个****/
.yxlb1{display: inline-block;}
.yxlb1 li{float: left;width: 25%;text-align: center;margin-top: 0.3rem;padding: 0 0.2rem;}
.yxlb1 li img{ border-radius:0.25rem;width: 1.4rem;height: 1.4rem;}
.yxlb1 li p{width: 100%;font-size: 0.26rem;margin-bottom: 0;margin-top: 0.15rem;}
.yxlb1 li p a{color: #333333;}
.yxlb1 li span{ width: 100%;height: 0.3rem; font-size: 0.20rem; color: #999999; margin-bottom: 0.15rem; display: block;}
.yxbtn{ display: block;width: 100%;height: 0.5rem; text-align: center; color: #38c34b;border: 1px solid #38c34b; line-height: 0.5rem;border-radius: 0.1rem;}

/****新游上线****/
.xytj{width: 100%;display: inline-block;position: relative; margin: 0.3rem 0 0 0;}
.xytj img{ width: 100%;height: auto; border-radius:0.25rem;}
.xytj p{width: 100%;position: absolute;display: block;height: 0.6rem;background-color: rgba(0, 0, 0, .5);color: #fff;bottom: 0;z-index:10;padding: 0 0.2rem;line-height: 0.6rem;box-sizing: border-box;border-radius: 0 0 0.25rem 0.25rem;}
.xytj p span{ float: right; font-size: 0.22rem;}

/****游戏列表一排1个****/
.game_li{ display: block;}
.game_li li{ margin-top: 0.2rem; display: inline-block; padding-bottom: 0.3rem; border-bottom: 1px solid #eee;width: 100%;}
.yxt{ width: 1.3rem;float: left; height: 1.3rem; overflow: hidden;}
.yxt img{ width: 100%; height: 100%; border-radius: 0.2rem;}
.yxn{width: 3.5rem;float: left;margin-left: 0.3rem;padding-right: 0rem;overflow: hidden;padding-top: 0rem;}
.yxn a{ font-size: 0.3rem; color: #333;}
.yxn p{ color: #666; font-size: 0.24rem;}
.yxn span{display: block;color: #515151;font-size: 0.24rem;margin:.15rem 0 0.05rem 0;}
.yxn span i{margin: 0 .12rem;color: #d1d1d1;}
.game_li li:last-child{padding-bottom: 0rem; border-bottom: 0px solid #eee;}
.game_li li a{display: block;width: 100%;height: 100%;}

/****游戏分类****/
.yxfl{display: inline-block;}
.yxfl li{width: 3.4rem;height: 1.3rem;float: left;margin-right: 0.3rem;border: 1px solid #dddddd;padding: 0.25rem;box-sizing: border-box;border-radius: 0.1rem; margin-top: 0.3rem;}
.yxfl li:nth-child(2n){margin-right: 0;}
.yxfl_t{ width: 0.65rem; height: 0.65rem; float: left;}
.yxfl_t img{width: 100%; height: 100%;  margin-top: 0.05rem;}
.yxfl_n{float: left;display: inline-block;margin-left: 0.2rem;width: 2rem;}
.yxfl_n h4{  font-size:0.3rem; font-weight: normal; color: #333333;}
.yxfl_n h4 span{ font-size:0.2rem; color: #38c34b;margin-left:0.1rem;}
.yxfl_n p{font-size: 0.20rem;color: #888;display: block;width: 100%;}

.bsbgw{background: #fff;}
.esybw{padding: .2rem 0;}
.esybw li{float: left;width: 25%;text-align: center;margin-top: 0.1rem;padding: 0;padding-bottom: .1rem;}
.esybw li img{border-radius:0.22rem;width: 1.3rem;height: 1.3rem;display: block;margin: 0 auto;}
.esybw li .bt{height: 0.32rem;width: 100%;line-height: 0.32rem;font-size: 0.24rem;color: #686b6a;text-align: center;margin-top: .1rem;font-weight: normal; margin-bottom: .05rem;overflow: hidden;display: block;white-space: nowrap;text-overflow: ellipsis;}
.esybw li a .bt{color: #686b6a;}
.esybw li a{display: block;width: 100%;height: 100%;position: relative;}
.esybw li .btn{ display: block;
    width: 1rem;
    height: .4rem;
    border: 1px solid #38c34b;
    color: #38c34b;
    font-size: .25rem;
    text-align: center;
    border-radius: .24rem;
    line-height: .4rem;
    margin: .1rem auto 0 auto;}



.esyzhx li{overflow: hidden;margin:.3rem 0;position: relative;}
.esyzhx li:last-child{margin-bottom: 0px;border-bottom: none;}
.esyzhx img{width: 1.3rem;height: 1.3rem;overflow: hidden;border-radius: 25%;float: left;margin-right: .2rem;}
.esyzhx dl{width: 3.3rem;float: left;}
.esyzhx dt{font-size: .3rem; height: .4rem;line-height: .4rem; overflow: hidden;font-weight: normal;white-space: nowrap;text-overflow: ellipsis;margin-bottom: .05rem;}
.esyzhx dt a{color: #333;}
.esyzhx dd,.esyzhx dd{font-size: .22rem;color: #999; height: .4rem;line-height: .4rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.esyzhx .btn{float: right;
    width: 1.4rem;
    height: .6rem;
    overflow: hidden;
    text-align: center;
    line-height: .6rem;
    font-size: .26rem;
    background: #ff6460;
    color: #fff;margin-top: .35rem;}
.esyzhx dd:nth-child(2){margin-top: 0rem; color: #666;}




.gamehr li{border-bottom: 1px dashed #ddd;padding-bottom: .3rem;}
.gamehr li dd:nth-child(2) i{ color: #e0e0e0;}

/*****资讯模块*****/

.zxlb{width: 100%;margin-top: 0.3rem;display: inline-block;}
.xwlb_zb{  float: left;overflow: hidden;width: 2.2rem;height: 1.4rem;}
.xwlb_zb img{width: 100%; height: 100%;overflow: hidden;object-fit: cover;}
.xwlb_yb{overflow: hidden;width: 4.6rem;float: right;}
.xwlb_yb h3{font-size: 0.28rem; color: #333;font-weight: normal;}
.xwlb_yb p{ font-size: 0.24rem; color: #666666;}
.xwlb_yb i{display: inline-block;width: 46%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding-right: .1rem;box-sizing: border-box; background: url(../images/nics.png) no-repeat left center;background-size: .3rem .2rem;padding-left: .4rem;float: left;}
.xwlb_yb span{ font-size: 0.2rem; color: #999999;background: url(../images/nicot.png) no-repeat left center;background-size: .2rem .2rem;padding-left: .3rem;}


.tab_con .marvsp:nth-child(2n){margin-right: 0;}

.collelb{position: relative;display: block;}
.collelb .swiper-container {margin-top: 0.3rem;padding: 0.05rem 0;}
.collelb .swiper-slide {padding: 0;box-sizing: border-box;width: 3.4rem ;padding:0 0.15rem;height: 3.2rem;}
.collelb .swiper-slide a{display: block; height: 3.2rem;background: #fff;border-radius: 0.12rem;position: relative;margin: 0;box-shadow: 0px 2px 5px #eee;}
.collelb .swiper-slide:nth-child(odd){ border-right: none;}
.collelb .swiper-pagination{ margin-top: 0.2rem; width: 100%;}
.collelb .swiper-pagination-bullet { margin-left: 0.15rem; background-color: #dddddd; opacity: 1;}
.collelb .swiper-pagination-bullet-active {background-color: #38c34b;width: 0.6rem;border-radius: 0.1rem;}
.collelb .swiper-slide img{height: 2rem;overflow: hidden;object-fit: cover;border-radius: .12rem .12rem 0 0;}
.collelb .name{width: 100%;font-weight: 600; height: 0.56rem;line-height: 0.56rem;color: #333333;font-size: 0.3rem;text-indent: 0.2rem;padding-right:2%;box-sizing: border-box;text-overflow: ellipsis; margin-top: 0.14rem;white-space: nowrap;overflow: hidden;position: relative;}
.collelb .text{width: 100%; height: 0.33rem; line-height: 0.33rem;color: #8e8e8e; font-size: 0.22rem;text-indent: 0.2rem;padding-right: 2%;box-sizing: border-box; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}


.collelb ul{display: table;}
.collelb li{float: left; width: 33.33%;-webkit-box-sizing: border-box;padding: .15rem .05rem;}
.collelb li a{font-size: .24rem;color: #333; text-align: center; line-height: .6rem;padding: 0 .1rem;box-sizing: border-box; border: 1px solid #f3f3f3; background: #fbfbfb;-webkit-box-sizing: border-box;-webkit-border-radius: 15px;display: block; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.collelb li:nth-child(1) a{background: #3bdbc6;border: 1px solid #3bdbc6;color: #fff;}
.collelb li:nth-child(6) a{background: #ee5c3a;border: 1px solid #ee5c3a;color: #fff;}
.collelb li:nth-child(8) a{background: #fdbf2b;border: 1px solid #fdbf2b;color: #fff;}
.collelb li:nth-child(10) a{background: #457bde; border: 1px solid #457bde;color: #fff;}
.collelb li:nth-child(14) a{background: #8152df;border: 1px solid #8152df;color: #fff;}

.new_l li{width: 100%;height: 2.2rem;padding: .2rem 0 .32rem; padding-top: 0.3rem; display: flex;align-items: center;justify-content: space-between;border-top: 1px solid #f5f5f5;}
.new_l li:first-child {border-top: 0;}
.new_l li .img-a{width: 2.4rem;height: 1.4rem;overflow: hidden;}
.new_l li .img-a img{border-radius: .06rem;width: 100%;height: 100%;overflow: hidden;object-fit: cover;}
.new_l li .hn-zb {width: 4.4rem;height: 1.4rem;}
.new_l li .hn-zb p:nth-child(1){width: 98%;overflow: hidden; max-height: .88rem;line-height: .44rem;font-size: .3rem; margin-bottom: .15rem; text-align: left;}
.new_l li .hn-zb p:nth-child(1) a{color: #333;}
.new_l li .hn-zb p:nth-child(2){font-size: .22rem;color: #999;height: .4rem;line-height: .4rem;}
.new_l li .hn-zb p:nth-child(2) span{font-size: .22rem;color: #999;display: inline-block;max-width: 1.8rem;height: .4rem;line-height: .4rem;overflow: hidden;vertical-align: bottom;}
.new_l li .hn-zb p:nth-child(2) em{float: right;}
.new_l li .hn-zb p:nth-child(2) em::before{content: "";display: inline-block;width: .27rem;height: .27rem;background: url(../images/time.png) no-repeat;background-size: .27rem .27rem;vertical-align: middle;margin-right: .1rem;}




.esy_nl li{ display: block; padding: 0.25rem 0; overflow: hidden; position: relative; border-bottom: 1px solid #e5e5e5; }
.esy_nl li .pic { width: 2.2rem; height: 1.4rem; float: left; margin-right: 0.25rem;object-fit: cover;margin-left: .01rem; }
.esy_nl li .tit { font-size: 0.3rem; color: #3f4140; height: 0.96rem; line-height: 0.48rem; overflow: hidden; margin-bottom: 0.15rem; text-align: justify; }
.esy_nl li .time { color: #a5a8a6; font-size: 0.24rem; overflow: hidden;}
.esy_nl li .icon-time { vertical-align: -1px; margin-right: 0.08rem; }




.esy_nl li .strategy-con{width:62%;height:1.5rem;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}
.strategy-con>a{width:100%;overflow:hidden;height:.8rem;line-height:.4rem;font-size:.3rem;color:#333;margin-bottom:.35rem;text-align:left}
.strategy-con p{font-size:.26rem;height:.8rem;line-height:.4rem;color:#626262;overflow:hidden;width:100%;margin-bottom:.1rem;text-align:left}
.strategy-con div{font-size:.22rem;color:#c2c2c2;white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;width: 100%;}
.strategy-con div span{display:inline-block;max-width:60%;float: right;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;position: relative;}
.strategy-con div span::before{content: "";width: .24rem;height: .24rem;display: inline-block;background: url(../images/time.png) no-repeat;background-size: .24rem .24rem;margin-right: .1rem;vertical-align: top;margin-top: .04rem;}
.strategy-con div i{display: inline-block;max-width: 36%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;position: relative;float: left;}
.strategy-con div i::before{content: "";width: .24rem;height: .24rem;display: inline-block;background: url(../images/llt.png) no-repeat;background-size: .24rem .24rem;margin-right: .1rem;vertical-align: top;margin-top: .04rem;}
.strategy-con div a{font-size:.26rem;color:#c2c2c2;display:inline-block;max-width:2rem;height:.4rem;line-height:.4rem;overflow:hidden;vertical-align:bottom;text-align:left}

/*****排行榜*****/
.phb{display: inline-block;width: 100%; margin-top: 0.3rem;}
.phb .tabs {display: inline-block;margin:0; width: 100%; border: 1px solid #38c34b; border-radius: 0.1rem;}
.phb .tabs li { width: 25%;height: 0.8rem; line-height: 0.8rem; text-align: center; border-radius: 0; float: left; margin: 0;}
.phb .tabs li a {  font-size: 0.28rem;color: #333333;font-weight: normal;}
.phb .tabs li.thistab {background-color: #38c34b;}
.phb .tabs li.thistab a {color: #ffffff;}
.phb .tab_conbox {text-align: left;}
.phb .tab_conbox .top {width: 100%;height: 3rem;margin-bottom: 0.18rem;}
.phb .tab_conbox .bottom img {width: 3.45rem;height: 3rem; float: left;}
.phb_nr_tb{width: 0.65rem; height: 1.2rem;line-height: 1.2rem;float: left;background: url(../images/phb4.jpg) no-repeat center center;background-size: 100%;font-size: 0.24rem;color: #707171;text-align: center;font-weight: bold;margin-right: 0.2rem;}
.phb .yxn { width: 3.5rem;}
.tab_con .phb_n:nth-child(1) .phb_nr_tb{background: url(../images/phb1.jpg) no-repeat center center;    background-size: 100%; font-size: 0;}
.tab_con .phb_n:nth-child(2) .phb_nr_tb{background: url(../images/phb2.jpg) no-repeat center center;    background-size: 100%;font-size: 0;}
.tab_con .phb_n:nth-child(3) .phb_nr_tb{background: url(../images/phb3.jpg) no-repeat center center;    background-size: 100%; font-size: 0;}
.phb_n{ width: 100%; display: inline-block; padding-bottom: 0.2rem; border-bottom: 1px #ddd solid; margin-top: 0.2rem;}
.tab_con .phb_n:last-child{border-bottom: 0px #ddd solid; padding-bottom: 0rem;}


/*****友情链接*****/
.sjjslink{ width: 100%;display: inline-block;}
.sjjslink li{width: 33.33%;box-sizing: border-box;line-height: 0.44rem;float: left;overflow: hidden;margin-top: 0.2rem;white-space: nowrap; text-overflow: ellipsis;height: 0.44rem;padding-right: 5%;}
.sjjslink li a{ color: #454545;}
.sjjslink li:nth-child(3n){ margin-right:0px;}


/****当前****/
.esym_wz {height: 0.70rem;line-height: 0.75rem;font-size: 0.24rem; color: #666666;    margin-top: .3rem;}
.esym_wz .wrap{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.esym_wz a { color: #666666;}

/****游戏库分类****/
.gmopen{ width: 100%; height: 0.6rem; font-size:0.24rem;  color: #666; text-align: center; background-color: #eee; line-height: 0.6rem; margin-top: 0.2rem;}

.lx_l{ margin-top: 0.3rem;}
.lx_t1{ width:3.4rem; height: 1.5rem; background: url(../images/esy_xti1.jpg) no-repeat;background-size: 100%; padding:0.15rem 0 0 0.65rem;  color:#fff; float: left;}
.lx_t1 p,.lx_t2 p{font-size: 0.3rem; font-weight: bold;    margin-bottom: 0.05rem;}
.lx_t1 span,.lx_t2 span{ font-size: 0.24rem; }
.lx_t2{ width:3.4rem; height:1.5rem; background: url(../images/esy_xti2.jpg) no-repeat; background-size: 100%;padding:0.15rem 0 0 0.65rem;  color:#fff;  float: right;}
.lx_l a:hover{ text-decoration: none;}
.lx_l span{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; max-width: 90%;}

.yxwf{display: inline-block;}
.yxwf li{width: 2.2rem;height: 1.3rem;float: left;margin-right: 0.25rem;border: 1px solid #dddddd;padding: 0.25rem 0.15rem;box-sizing: border-box;border-radius: 0.1rem; margin-top: 0.3rem;}
.yxwf li:nth-child(3n){margin-right: 0;}
.yxwf .yxtc_n {margin-left: 0.10rem;width: 1.1rem;}
.wrap .phb_n:last-child{border-bottom: 0px #ddd solid;    padding-bottom: 0rem;}
.tab_con .phb_n:nth-child(1) .phb_nr_tb{background: url(../images/phb1.jpg) no-repeat center center;    background-size: 100%; font-size: 0;}
.tab_con .phb_n:nth-child(2) .phb_nr_tb{background: url(../images/phb2.jpg) no-repeat center center;    background-size: 100%;font-size: 0;}
.tab_con .phb_n:nth-child(3) .phb_nr_tb{background: url(../images/phb3.jpg) no-repeat center center;    background-size: 100%; font-size: 0;}


/******游戏列表页*****/
.esy_nt{height: 0.8rem;box-sizing: border-box;background: #fff;}
.esy_nt a{width: 22%;text-align: center;display: block;line-height: 0.8rem;float: left;font-size: 0.30rem;color: #666;border-bottom: 2px #fff solid;}
.esy_nt a.active{color: #ff6460;
    border-bottom: 2px solid #ff6460;
    position: relative;}




.esy_nt a.filter-bar{color: #ff6460;text-align: right;width: 30%;cursor: pointer;}
.esy_nt a.filter-bar img{width: 0.3rem;height: 0.3rem;margin-right: 0.2rem;float: right;margin-top: 0.26rem;margin-left: 0.05rem;}


.cate-mask-in{background: rgba(0,0,0,0.4); position:absolute; left: 0; top: 0; right: 0; bottom: 0; display: none; z-index: 999;}
.cate-popover{ background: #FFFFFF; position: fixed; right: 0; width: 80%; top: 0; height: 100%; overflow-y: auto; z-index: 1000; padding:0.3rem; visibility: hidden; opacity: 0; transform: translateX(70%); -webkit-transform: translateX(70%); transition: .5s all;-webkit-transition: .5s all;}
.cate-popover.show{ visibility: visible; opacity: 1; transform: translateX(0); -webkit-transform: translateX(0);}
.cate-section{ padding: 0.25rem 0; border-bottom: 1px solid #E5E5E5;}
.cate-close{position: absolute;right: 0.2rem;top: 0.2rem;}
.cate-close .iconfont{ color: #999899; font-size: 0.5rem;}
.cate-hd {height: 0.48rem;margin-bottom: 0.2rem;}
.cate-hd span{display: inline-block;font-size: 0.3rem;vertical-align: middle;font-weight: bold;}
.cate-hd .cate-ico{width: 0.48rem;height: 0.48rem;line-height: 0.48rem;background-repeat:no-repeat;background-position: center;background-size: contain;margin-right: 0.1rem;}
.cate-hd .tc-ico{ background-image: url(../images/yxlx.png);}
.cate-hd .style-ico{background-image: url(../images/yxtc.png);}
.cate-hd .pt-ico{background-image: url(../images/yxpt.png);}
.cate-list {overflow: hidden;margin: 0 -.08rem;}
.cate-list li{padding:.08rem .08rem;float: left;}
.cate-list li .cate-sm-box{ display: block; border-radius: 3px; border: 1px solid #cccccc; height: 0.48rem; line-height: 0.48rem; padding: 0 0.15rem; font-size: 0.24rem; color: #808080;}
.cate-list li.active .cate-sm-box{ background: #38c34b; color: #FFFFFF; border: 1px solid #38c34b;}


.page{ margin: 0.4rem auto 0 auto; text-align: center;}
.page li{display: inline-block;width: 45%;}
.page li a{padding: 0.15rem 0.25rem;line-height: 0.30rem;color: #666;font-size: 0.24rem;border: 1px #ededed solid;display: inline-block;background: #fff;width: 100%;box-sizing: border-box;}
.page li span{padding: 0.15rem 0.25rem;line-height: 0.30rem;color: #666;font-size: 0.24rem;border: 1px #ededed solid;display: inline-block;background: #fff;width: 100%;box-sizing: border-box;}
.page li a:hover,.page li a.phover{ background: #38c34b; color: #fff; border: 1px #38c34b solid; text-decoration: none;}

/*****新闻列表页****/


.esy_zta{display: inline-block;margin-top: .2rem;}
.esy_zta a{ display: block;
    width: 48%;
    height: .7rem;
    line-height: .7rem;
    float: left;
    margin: 0 2% .2rem 0;
    border: #e2e2e2 1px solid;
    font-size: .28rem;
    color: #666;
    padding: 0 5px;
    box-sizing: border-box;
    border-radius: 5px;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;background: #f8f8f8;}
.esy_zta a:nth-child(2n){margin-right: 0;}

.sjbzlist{margin-top: .2rem;}
.es_inl{ width: 100%; display: inline-block;padding: 0 !important;}
.sjbzlist li{width: 100%; margin-bottom: .3rem;position: relative;}
.sjbzlist li:nth-child(2n){margin-right: 0;}
.sjbzlist li img{width: 100%; height: 2.4rem; object-fit: cover; overflow: hidden;border-radius: 5px;}
.sjbzlist li p{height: .6rem;position: absolute;padding: 0 2.7rem 0 .1rem;border-radius: 0 0 5px 5px; box-sizing: border-box; left: 0;bottom: 0; color: #fff; line-height: .6rem;width: 100%;font-size: .26rem;background: rgba(0, 0, 0, .5); white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.sjbzlist li i{position: absolute;right: .1rem;bottom: .12rem;font-size: .22rem;color: #fff;}


.xiht_n .sjbzlist{padding: 0;}
.xiht_n .sjbzlist li{width: 49%;margin-right: 2%;float: left;position: relative;}
.xiht_n .sjbzlist li img{height: 2rem;}
.xiht_n .sjbzlist li:nth-child(2n){margin-right: 0;}
.tagbz{padding: .1rem 0 !important;}
.esy_sn li{
  width: 100%;
float: left;
margin-top: 10px;
background: #fff;
box-shadow: 1px 1px 2px #ccc;
overflow: hidden;
padding:10px;
}
.esy_sn li a{
    display: block;
}

.esy_sn li img{width:100%;height: 3.6rem;overflow: hidden;object-fit: cover;border-radius: 0;}
.esy_sn li a{display:block;position: relative;}
.esy_sn li a p{font-size:.3rem; color:#1f1f20; padding-top:6px; width:100%; height:.6rem; line-height:.6rem; overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
.esy_sn li a:hover{color:#f00;}
.esy_sn li .div1{color:#565656; line-height:.3rem; font-size:.22rem;}
.esy_sn li .div1 span{float:left; margin-right:.1rem;}
.esy_sn li .div1 span i{color:#f00;}
.esy_sn li .div1 span.renqi{margin:0;float: right;width:35%; overflow:hidden; height:.3rem;text-align: right;white-space: nowrap;}
.esy_sn li b{content: "";width: .8rem;height: .8rem;position: absolute;display: inline-block;left: 50%;margin-left: -.4rem;top: 36%;background: url(../images/bg4.png) no-repeat;background-size: .8rem .8rem;}



/* 软件详细页面 */
.esy_down {position: relative;overflow: hidden;}
.esy_down .bg {height: 4.26rem;position: relative;left: 0;right: 0;width: 100%;overflow: hidden;}
.esy_down .bg:before {content: '';display: inline-block;width: 100%;height: 100%;background: rgba(0, 0, 0, .6);position: absolute;top: 0;left: 0;z-index: 2;}
.esy_down .bg i {display: inline-block;height: 4.26rem;width: 100%;position: absolute;top: 0;left: 0;z-index: 1;background-size: 7.5rem 7.5rem;background-position: center;-webkit-filter: blur(.1rem);filter: (.1rem);}
.esy_di {background: #fff;border-radius: .2rem;margin: .2rem;margin-top: -1.5rem;position: relative;z-index: 10;padding: .2rem;box-shadow: 0 0 .2rem rgba(0, 0, 0, .1);}
.esy_di .img {text-align: center;width: 2rem;margin: 0 auto;}
.esy_di .img img { width: 2rem; height: 2rem; display: block;  border-radius: .48rem; margin-top: -1.4rem;}
.esy_di h1 {font-size: .4rem;text-align: center;line-height: 2;font-weight: bold;letter-spacing: 0.02rem;}
.esy_jbx {display: flex;flex-wrap: wrap;padding: .1rem 0rem .2rem;background: #F8F8F8;border-radius: 5px;padding: .1rem .3rem;margin-top: .1rem;}
.esy_jbx li {width: 46%;font-size: .24rem;line-height: .4rem;float: left; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin: .1rem 0;padding-bottom: .1rem;}
.esy_jbx li:nth-child(2n){width: 52%;}
.esy_jbx li span {color: #555;display: block;}
.esy_jbx li em{color: #999;font-size: .24rem;overflow: hidden;}
.esy_jbx li a{color: #38c34b;}
.esy_di .btn {display: block;line-height: 0.4rem;font-size: .34rem;background: #38c34b;border-radius: .2rem;color: #fff;text-align: center;margin: 0 1rem .3rem;padding:.1rem 0}
.esy_di .btn p{font-size: .2rem;}
.yxxq{ width: 100%; display: inline-block;}
.tit_gy{width: 100%;height: 0.7rem;margin-bottom: .3rem;position: relative;}
.tit_gy p{font-size: 0.34rem;height: 0.68rem;line-height: 0.68rem;display: inline-block;width: auto;font-weight: bold;}
.tit_gy p::before{content: "";display: inline-block;margin-top: .16rem;background: #e1e1e1;left: 0;bottom: 0rem; background-image: none;display: block;width: 100%;height: 2px; background-image: linear-gradient(90deg,#ddd 0,#f5f5f5 23.392%,#f5f5f5 100%); border-radius: 1px;position: absolute;}
.tit_gy span{ float: right;    line-height: 0.68rem;}
.tit_gy span a{ font-size: 0.2rem; color: #888;    line-height: 0.68rem;}

.esy_gxq{overflow: hidden;height:auto;margin-top: 0.3rem;}
.esy_gxq p{ font-size: 0.28rem; line-height: 1.8em; color: #333;}
.esy_gxq img{display: block;margin:auto;max-width: 80%;}

.esy_gxq.show {height: auto;}
.yxxq .gmopen1{width: 1.5rem;height: 0.5rem;text-align: center;border-radius: 0.1rem;background-color: #fdeee7;color: #38c34b;line-height: 0.5rem; margin-top: 0.2rem;}
/*
.esy_gxq p strong {
    height: .6rem;
    margin: .4rem 0 .2rem 0;
    padding: 0 0 0 .15rem;
    font-size: .32rem;
    font-weight: 700;
    line-height: .6rem;
    text-indent: 0;
    border-left: 5px solid #ff6460;
    color: #ff6460;
    display: block;
    background: #fafafa;
    }
      
*/
    
    .esy_gxq h3{
     height: .6rem;
    margin: .4rem 0 .2rem 0;
    padding: 0 0 0 .15rem;
    font-size: .32rem;
    font-weight: 700;
    line-height: .6rem;
    text-indent: 0;
    border-left: 5px solid #ff6460;
    color: #ff6460;
    display: block;
    background: #fafafa;
    }


.swiper-container.sw1 {margin: 0.3rem 0 0 0;padding-bottom: 0.266667rem;}
.swiper-container.sw1 .swiper-wrapper {-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;}
.swiper-container.sw1 .swiper-wrapper .swiper-slide {width: 55%  !important;padding-right: 0.266667rem;}
.swiper-container.sw1 .swiper-wrapper .swiper-slide img {width: 100%;height: 5.2rem;display: block;object-fit: cover;}


.phb_banner{margin-top: .3rem;}
.phb_banner{margin:.5rem .2rem 0 .2rem;border-radius: 5px;}
.phb_banner img{border-radius: 5px;}

.phb_gg{margin:.2rem 0rem 0 0rem;border-radius: 5px;}



.esy_bw{padding: 0 .2rem;margin-top: .1rem;}

.esy_bw h1{font-size: 0.34rem;font-weight: normal;color: #111;width: 100%; overflow: hidden; max-height: 1rem;}
.esy_bw p{margin: 0.1rem 0rem; line-height: 0.3rem;height: 0.3rem;box-sizing: border-box;}

/****新闻详细****/
.esy_nxn h1{font-size: 0.36rem;color:#626262;margin-bottom: 0.15rem;font-weight: normal;max-height: 1.1rem;line-height: .55rem;overflow: hidden;text-align: center;}
.esy_nxt{ width: 100%;text-align: center;}
.esy_nxt .item{ color: #999999; font-size: 0.24rem;margin: 0 1%; display: inline-block;max-width: 96%;overflow: hidden;height: .22rem;line-height: .22rem;white-space: nowrap; text-overflow: ellipsis;}
.esy_nxt .item .iconfont{color: #38c34b;}
.esy_nxq{ padding: 0.3rem 0; font-size: 0.28rem; color: #666666;}
.esy_nxq li{width:auto;font-size:.3rem;margin:0.15rem 0 0.15rem 0;border-bottom:1px #bbb dashed;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.esy_nxq p{ margin-bottom: 0.2rem; line-height: 1.8;margin-top:0.15rem;text-indent: 2em;clear:both;word-break: break-all;/*英文强制换行*/}
.esy_nxq img{display: block;margin:auto;max-width: 80%;}

.esy_nxq p:last-child{ margin-bottom: 0;}


.esy_nxq iframe {
            width: 80%;              /* 可根据需要调整 */
            height: 70%;             /* 可根据需要调整 */
            border: 2px solid #333;
            border-radius: 8px;
        }
        
.esy_nxq img {
    width: 100% !important;
    height: auto !important;
    width: auto\9;
    /* ie8 */
    display: block;
    -ms-interpolation-mode: bicubic;
    /*为了照顾ie图片缩放失真*/
}

.esy_nxq{overflow: hidden;border-top: 1px solid #eee;margin-top: 0.3rem;}
.esy_nxq.show {height: auto;}
.gmopen2{ width: 100%; height: 0.6rem; font-size:0.24rem;  color: #666; text-align: center; background-color: #eee; line-height: 0.6rem; margin-top: 0.2rem;}

/***排行榜***/
.phnr{display: inline-block;position: relative;
  top: -0.48rem;padding: 0 8px;width: 100%;box-sizing: border-box;}
.phnr .yxn {width: 3.1rem;}

.esym_wz1 {height: 0.70rem;line-height: 0.75rem;background-color: #eee;font-size: 0.24rem; color: #666666;    margin-top: 0rem;}
.esym_wz1 a { color: #666666;}

/****合集***/
.hj{display: inline-block;}
.hjlb{width: 100%;padding-bottom: 0.3rem;margin-top: 0.3rem;border-bottom: 1px solid #eee;display: inline-block;}
.hjlb img{ width:2.8rem; height: 1.65rem; float: left;}
.hjsm{float: left;margin-left: 0.3rem;width: 4rem;}
.hjsm h1{ font-size: 0.3rem; font-weight: normal; line-height: 0.36rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; color: #333;}
.hjsm p{font-size: 0.24rem;font-weight: normal;line-height: 0.30rem;color: #888;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin: 0.2rem 0;}
.hjsm .btn{ width: 1.7rem;height: 0.5rem; line-height: 0.5rem; text-align: center; border: 1px solid #ff7327; color: #ff7327; border-radius: 0.1rem; display: block;}

.esyhx_w{width: 100%;background-color: #fff;display: inline-block;margin-bottom: 0.2rem;box-shadow: 0px 2px 5px #eee;position: relative;}
.esyhx_w img{width: 100%;height: 3.7rem;overflow: hidden;object-fit: cover;}
.esyhx_w h5{font-size: 0.32rem;font-weight: bold;overflow: hidden; padding: 0 .2rem;box-sizing: border-box;width: 100%;height: .8rem;line-height: .8rem;margin-top: .2rem;}
.esyhx_w p{font-size: 0.28rem;line-height:0.36rem;margin: 0rem 0 0.5rem 0;padding: 0 0.2rem;}
.esyhx_w span{font-size: .22rem;padding: 0 0.2rem;color: #fff;position: absolute;right: 0;top: 3.2rem;background: rgba(0, 0, 0, .2);}
/*游戏合集*/
.eshelb{overflow: hidden;padding-top: .1rem;}
.eshelb  li:nth-child(1) {
    box-shadow: 0 .1rem .1rem rgba(0,139,255,.05);
  }
  .eshelb li {
   
  }
  .eshelb li {
    position: relative;
    float: left;
    width: 100%;
    max-height: 4rem;
    min-height: 2.28rem;
    background: #fff;
    box-shadow: 0 .01rem .06rem .06rem rgba(0,139,255,.05);
    margin-bottom: .35rem;
    position: relative;
    overflow: hidden;
    padding-top: .2rem;
  }
  .eshelb ul li > a {
    width: 3rem;
    height: 1.68rem;
    overflow: hidden;
    float: left;
  }
  .eshelb ul li > a img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    overflow: hidden;
    border-radius: 5px;
  }
  .eshelb ul li .info {
    float: right;
    width: 3.6rem;
    height: 1.96rem;
  }
  .eshelb ul li .info p:nth-child(1) {
    color: #292929;
    margin-bottom: .1rem;
    line-height: .38rem;
    height: .38rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: .3rem;
    font-weight: bold;
  }
  .eshelb ul li .info p:nth-child(1) a{
    color: #292929;
  }
  .eshelb ul li .info p:nth-child(2) {
    color: #5c5c5c;
    line-height: .36rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: .24rem;
  }
  .eshelb span {
    top: .2rem;
    left: .05rem;
    display: block;
    width: 1.5rem;
    height: .4rem;
    line-height: .4rem;
    font-size: .22rem;
    color: #fff;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.4) 34%, rgba(0, 0, 0, 0) 100%);
    border-radius: .1rem 0 0 0;
    position: absolute;
    overflow: hidden;
  }
  .eshelb span i{
    color: #f00;
  }


.eshelb em {
    line-height: .24rem;
    font-size: .2rem;
    color: #999;
    margin-top: .15rem;
    display: block;
    white-space: nowrap;
    overflow: hidden;

}
.eshelb em::before {
    content: "";
    display: inline-block;
    width: .2rem;
    height: .2rem;
    background-image: url(../images/time.png);
    background-repeat: no-repeat;
    background-size: .2rem .2rem;
    margin-right: .06rem;
    vertical-align: middle;
    position: relative;
  }

  .xreGame {
    float: left;
    display: block;
    margin: .25rem 0 .3rem;
  }
  .xreGame a {
    float: left;
color: #292929;
width: 1.42rem;
height: 1.55rem;
margin-right: 0;
overflow: hidden;
font-size: .24rem;
text-align: center;
  }
  .xreGame img{
    width: 1.12rem;
height: 1.12rem;
border-radius: .2rem;
margin-bottom: .08rem;
display: block;
margin: 0 auto;
  }
  .xreGame .morexy {
    position: relative;
    width: 2.22rem;
    height: .9rem;
    margin: .12rem 0 0 .13rem;
  }

  .xreGame .morexy img {
    display: block;
    float: left;
    width: .9rem;
    height: .9rem;
    border-radius: .2rem;
    border: .06rem solid #fff;
    position: absolute;
    top: -.06rem;
  }
  .xreGame .morexy img:nth-of-type(1) {
    z-index: 5;
    left: -.06rem;
  }
  .xreGame .morexy img:nth-of-type(2) {
    z-index: 4;
    left: .35rem;
  }
  .xreGame .morexy img:nth-of-type(3) {
    z-index: 3;
    left: .76rem;
  }
  .xreGame .morexy span {
    display: block;
    background: #E9EBEE;
    width: .9rem;
    height: .9rem;
    border-radius: .9rem .4rem .4rem .9rem;
    position: absolute;
    top: 0;
    z-index: 2;
    left: 1.32rem;
  }.xreGame .morexy span i {
    display: block;
    width: .18rem;
    height: .75rem;
    position: absolute;
    right: .15rem;
    top: .08rem;
    background: url(../images/more.png) no-repeat;
    background-size: .18rem .75rem;
  }



.rmhjtj{ display: inline-block; width: 100%;}
.rmhjtj li{ width:3.4rem ; height: 1.8rem; float: left; margin-top: 0.3rem; margin-right: 0.3rem; position: relative; overflow: hidden; border-radius: 0.1rem;}
.rmhjtj li:nth-child(2n){margin-right: 0;}
.rmhjtj li p{ display: block; position: absolute; bottom: 0; width: 100%; height: 0.5rem; font-size: 0.24rem; text-align: center; background-color: rgba(0, 0, 0, .5); line-height: 0.5rem; color: #fff; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

/*****关于我们****/
.esy_gyl{width: 100%; height: .8rem;padding: 0 .2rem;background: #fff;}
.esy_gyl a{width:19.2%;text-align: center;display: block;line-height: .8rem;float: left;font-size: 0.3rem;color: #666;position: relative;margin-right:1%;border-bottom: 2px #fff solid;}
.esy_gyl a:nth-child(5){margin-right: 0;}
.esy_gyl a.on{color: #ff6460;
    border-bottom: 2px solid #ff6460;
    position: relative;}



.esy_gyr{padding: 0;color: #666666;overflow: hidden;font-size: .3rem;}
.esy_gyr p{line-height: .5rem;clear:both;overflow: hidden;word-wrap: break-word;word-break: normal;}
.esy_gyr p:last-child{ margin-bottom: 0;}



/****游戏名字*****/
.yxmz{ width: 100%; display: inline-block; margin-top: 0.3rem;}
.yxmz_i{ width: 100%; height: 4.0rem; overflow: hidden; border-radius: 0.1rem; position: relative; }
.yxmz_i img{ width: 100%; height:100%; }
.yxmz_i p{ display: block; position: absolute; bottom: 0; width: 100%; height: 0.5rem; font-size: 0.24rem; text-align: center; background-color: rgba(0, 0, 0, .5); line-height: 0.5rem; color: #fff;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.yxmz_b{margin-top: 0.5rem;height: 0.5rem;overflow: hidden;border-bottom: 1px solid #eee;padding-bottom: 0.2rem;width: 100%;box-sizing: unset;}
.yxmz_b img{ width:0.36rem; height: 0.36rem; margin-right: 0.1rem;float: left; margin-top: 0.1rem;}
.yxmz_b p{font-size: 0.30rem;font-weight: bold;float: left;}
.yxmz_b span{font-size: 0.24rem; float: right;  margin-top: 0.05rem; color: #999999;}
.yxmz_n{margin-top: 0.4rem;display: inline-block;padding-bottom: 0.3rem;width: 100%;border-bottom: 1px solid #eee;}
.wrap .yxmz_n:last-child{ margin-bottom: 0;border-bottom: 0px solid #eee;}


/*****礼包导航****/

.lbtj{width: 100%;display: inline-block;position: relative; margin: 0.3rem 0 0 0;}
.lbtj img{ width: 100%;height: auto; border-radius:0.25rem;}
.lbtj_l{width: 100%;position: absolute;display: block;height: 1.2rem;background-color: rgba(0, 0, 0, .5);color: #fff;bottom: 0;z-index:10;padding: 0 0.2rem;box-sizing: border-box;border-radius: 0 0 0.25rem 0.25rem;}
.lbtj_l h1{ font-size: 0.3rem; color: #fff; margin-top: 0.2rem;width: 80%;overflow: hidden;white-space: nowrap; text-overflow: ellipsis;}
.lbtj_l h1 a{ color: #fff; }
.lbtj_l p{color: #fff;width: 80%;overflow: hidden;white-space: nowrap; text-overflow: ellipsis;}
.lbtj_l .btn{float: right;position: absolute;right: 0.2rem;top: 0.35rem;width: 1rem;height: 0.5rem;background: #38c34b;text-align: center;line-height: 0.5rem;border-radius: 1rem;color: #fff;font-size: 0.24rem;}

.xslb{ display: block;}
.xslb li{ margin-top: 0.2rem; display: inline-block; padding-bottom: 0.3rem; border-bottom: 1px solid #eee;}
.yxt{ width: 1.5rem;float: left; height: 1.5rem; overflow: hidden;}
.yxt img{ width: 100%; height: 100%; border-radius: 0.2rem;}



.xslb li:last-child{padding-bottom: 0rem; border-bottom: 0px solid #eee;}

.gameDetail p{line-height:26px;color:#888888;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:90%;}
.explainStatusBg{width: 50%;height:8px;background:#e1e1e1;float:left;margin:5px 5px 0 0;overflow:hidden;border-radius: 0.1rem;}
.explainStatusOver{width:70%;height:8px;background:#ffcc00;float:left;}
.yxn1 a,.yxn strong{ font-size: 0.3rem; color: #333;font-weight: normal;}
.yxn1 p{ color: #666; font-size: 0.24rem;}
.yxn1{width: 4.3rem;float: left;margin-left: 0.3rem;padding-right: 0.2rem;overflow: hidden;}
.orange{color:#38c34b;margin:0 5px}
.lb-btn{width: 1.2rem;height: 0.7rem;float: right;border: 1px solid #38c34b; background: #38c34b;  text-align: center;line-height: 0.70rem;border-radius: 0.1rem;margin-top: 0.25rem;}
.lb-btn a{color: #fff;}
.lqrs img{ width: 0.23rem; height: 0.23rem; float: left; margin-right: 0.15rem; margin-top: 0.05rem;}
.lqrs{ margin-top: 0.1rem;}

.zxlb{ width: 100%;}
.zxlb li{width: 100%;padding-bottom: 0.3rem;border-bottom: 1px solid #eee;display: inline-block;}
.zxlb li:last-child{padding-bottom: 0rem; border-bottom: 0px solid #eee;}
.zxlb li img{width: 0.8rem; height: 0.8rem; float: left; border-radius: 0.25rem;}
.zxlb li p{width: 5.3rem;float: left;display: block;font-size: 0.3rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-left: 0.2rem;margin-top: 0.15rem;}
.zxlb li .btn{ width: 0.8rem; height:0.8rem; float: right; display: block; background: #38c34b; color: #fff; font-size: 0.24rem; text-align: center; line-height: 0.8rem; border-radius: 0.2rem;}


.lbb{display: inline-block;width: 100%; margin-top: 0.3rem;}
.lbb .tabs {display: inline-block;margin:0; width: 100%; border: 1px solid #38c34b; border-radius: 0.1rem;}
.lbb .tabs li {width: 33.3%;height: 0.8rem;line-height: 0.8rem;text-align: center;border-radius: 0;float: left;margin: 0;}
.lbb .tabs li a {  font-size: 0.28rem;color: #333333;font-weight: normal;}
.lbb .tabs li.thistab {background-color: #38c34b;}
.lbb .tabs li.thistab a {color: #ffffff;}
.lbb .tab_conbox {text-align: left;}
.lbb .tab_conbox .top {width: 100%;height: 3rem;margin-bottom: 0.18rem;}
.lbb .tab_conbox .bottom img {width: 3.45rem;height: 3rem; float: left;}
.phb_nr_tb{width: 0.65rem; height: 1.2rem;line-height: 1.2rem;float: left;background: url(../images/phb4.jpg) no-repeat center center;background-size: 100%;font-size: 0.24rem;color: #707171;text-align: center;font-weight: bold;margin-right: 0.2rem;}
.lbb .yxn { width: 3.5rem;}
.tab_con .phb_n:nth-child(1) .phb_nr_tb{background: url(../images/phb1.jpg) no-repeat center center;    background-size: 100%; font-size: 0;}
.tab_con .phb_n:nth-child(2) .phb_nr_tb{background: url(../images/phb2.jpg) no-repeat center center;    background-size: 100%;font-size: 0;}
.tab_con .phb_n:nth-child(3) .phb_nr_tb{background: url(../images/phb3.jpg) no-repeat center center;    background-size: 100%; font-size: 0;}
.tab_con .phb_n:last-child{border-bottom: 0px #ddd solid; padding-bottom: 0rem;}

.esy_pm li{
background: #fff;
border-radius: 10px;
padding: 0.24rem 0;
margin-bottom: 0.22rem;
width: 100%;
overflow: hidden;
display: block;
}

.rank-num{
  position: relative;
  width: .7rem;
  float: left;
}
.rank-num em{
  display: block;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  text-align: center;
  line-height: 0.4rem;
  color: #666666;
  background: #ddd;
  font-size: 12px;
   margin: 0.5rem 0.12rem 0;

}
.rank-imgs{
  display: block;
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 15px;
  overflow: hidden;
  margin-right: 0.2rem;
  float: left;
}
.rank-imgs img{
  width: 100%;
  height: 100%;
  border-radius: 15px;
}
.rank-info{
  float: left;
  width: 3.2rem;
}
.rank-info-tit{
  display: block;
  width: 90%;
  color: #333333;
  font-size: 16px;
  line-height: 20px;
  margin: 0.1rem 0;
  height: 20px;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}

.rank-type{
  font-size: 12px;
  color:#999999;
  margin-bottom: 0.1rem;
}
.rank-detail{
  color: #999999;
  font-size: 12px;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}
.rank-load-btn{
  display: block;
  margin-right: 0.2rem;
  width: 1.1rem;
  height: 0.56rem;
  text-align: center;
  line-height: 0.56rem;
  color: #fff !important;
  background: #38c34b !important;
  border-radius: 5px;
  font-size: 14px;
  margin-top: 0.1rem;
  float: right;
}

.esy_pm:nth-child(1) li:nth-of-type(1) .rank-load-btn,.esy_pm:nth-child(1) li:nth-of-type(2) .rank-load-btn,.esy_pm:nth-child(1) li:nth-of-type(3) .rank-load-btn{
  background:#ff6460 !important;
}


.esy_pm:nth-child(1) li:nth-of-type(1) .zq,.esy_pm:nth-child(1) li:nth-of-type(2) .zq,.esy_pm:nth-child(1) li:nth-of-type(3) .zq{
  background: #31a4fd !important;
}

.esy_pm li .zq{background: #31a4fd !important;}

.esy_pm:nth-child(1) li:nth-of-type(1) .rank-num em{
  width: 0.4rem;
  height: 0.48rem;
  background: url(../images/prize-1.png) no-repeat 0 0 ;
  background-size: 100% 100%;
  color: transparent;
  margin-top: 0;
  border-radius: 0;
  top: -0.24rem;
  position: relative;
}
.esy_pm:nth-child(1) li:nth-of-type(2) .rank-num em{
  width: 0.4rem;
  height: 0.48rem;
  background: url(../images/prize-2.png) no-repeat 0 0 ;
  background-size: 100% 100%;
  color: transparent;
  margin-top: 0;
  border-radius: 0;
  top: -0.24rem;
  position: relative;
}
.esy_pm:nth-child(1) li:nth-of-type(3) .rank-num em{
  width: 0.4rem;
  height: 0.48rem;
  background: url(../images/prize-3.png) no-repeat 0 0 ;
  background-size: 100% 100%;
  color: transparent;
  margin-top: 0;
  border-radius: 0;
  top: -0.24rem;
  position: relative;
}
.more-btn{
  width: 90%;
  height: 0.68rem;
  line-height: 0.68rem;
  text-align: center;
  color: #fff;
  background: #40a1ff;
  margin: 0 5%;
  position: relative;
  top: -0.48rem;
}



.footer-box{
  background-color:#fff;
  font-size: 14px;
  color: #666666;
  height:50px;
  line-height: 50px;
  text-align: center;
}




.rank-top{
  width: 100%;
height: 1.8rem;
background: url(../images/m_rank_top.png) no-repeat 0 0;
  background-size: auto;
background-size: 100% 100%;
margin-top: 12px;
font-size: 26px;
color: #fff;
font-weight: bold;
text-align: center;
line-height: 1.4rem;
letter-spacing: 4px;
}




.esy_pm .praise{ width: 1.2rem!important;    margin-top: 0rem!important;position: absolute;right: 0rem;top: .3rem;text-align: center;}
.esy_pm{position: relative;}
.esy_pm #praise{margin: 0 auto;width: 0.4rem;height: .5rem;}
.esy_pm #praise-txt{margin-top: 0rem;margin-left: 0;width: 100%;text-align: center;white-space: nowrap;overflow: hidden;}
.esy_pm #praise-txt em{display: inline-block;max-width: 80%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;vertical-align: top;text-align: center;}

.esy_pm .praise img{ width: 0.4rem !important;height: 0.4rem;}
.esy_pm .praise { height: 0.34rem !important;}

.sjbrmg{margin-top: .1rem;}

.sjbrmg li{width: 50% !important;float: left;padding:0 0.2rem;overflow: hidden;margin-top: 0.15rem;position: relative;box-sizing: border-box;padding-left: 0.15rem;}
.sjbrmg li img{ width: 100%; height:1.8rem ;border-radius:5px;}
.sjbrmg li p{font-size: 0.3rem;color: #333;margin-top: 0.1rem;text-align: center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.sjbzxg{margin-top: .2rem;}
.sjbzxg li{margin-top: 0.2rem;
    display: inline-block;
    padding-bottom: 0.3rem;
    border-bottom: 1px solid #eee;}
.sjbzxg .img-a{width: 2.5rem !important;height: 1.6rem !important;float: left;}
.sjbzxg .img-a img{width: 100%;height: 100%;border-radius: 5px;object-fit: cover;}
.sjbzxg dl{float: left;
    margin-left: 0.3rem;
    overflow: hidden;width:3.7rem;}
    .sjbzxg  dt,dd{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
    .sjbzxg dt{ font-size: 0.3rem; }
    .sjbzxg dt a{color: #333;}
    .sjbzxg dd:nth-child(3), .sjbzxg dd:nth-child(2){display: block;color: #999;font-size: 0.24rem;margin: 0.05rem 0;}
    .sjbzxg dd:nth-child(4){color: #666;
        font-size: 0.24rem;
        width: 100%;
        float: left;}



/*****礼包详情***/
.lbb_n{ margin-top: 0.2rem; display: inline-block; padding-bottom: 0.3rem; border-bottom: 1px solid #eee;}

.sy-raty{height: 16px;margin-bottom: 6px;}
.stars{margin-top: 1px;background: url(../images/scro.png) no-repeat;width: 66px;height: 14px;/*修改*/}
.star5{background-position: 0px 0px;display: inline-block;/*新增*/}
.star4{background-position: -13px -14px;display: inline-block;/*新增*/}
.star3{background-position: -26px -14px;display: inline-block;/*新增*/}
.star2{background-position: -39px -14px;display: inline-block;/*新增*/}
.star1{background-position: -52px -14px;display: inline-block;/*新增*/}
.star0{background-position: -78px 0px;display: inline-block;/*新增*/}
.star4b{background-position: -13px 0px;display: inline-block;/*新增*/}
.star3b{background-position: -26px 0px;display: inline-block;/*新增*/}
.star2b{background-position: -39px 0px;display: inline-block;/*新增*/}
.star1b{background-position: -52px 0px;display: inline-block;/*新增*/}
.star0b{background-position: -65px 0px;display: inline-block;/*新增*/}

.lb-btn1{width: 1.5rem;height: 0.6rem;float: right;border: 1px solid #38c34b; background: #38c34b;  text-align: center;line-height: 0.6rem;border-radius: 0.1rem;margin-top: 0.25rem;}
.lb-btn1 a{color: #fff;}
.yxn2 a{ font-size: 0.3rem; color: #333;}
.yxn2 p{ color: #666; font-size: 0.24rem;}
.yxn2{width: 4.1rem;float: left;margin-left: 0.3rem;padding-right: 0.2rem;overflow: hidden;}
.lbjs{font-size: 0.24rem;color: #333333;line-height: 0.36rem;margin-top: 0.2rem;}
.lblq-btn{width: 100%;height: 0.6rem;line-height: 0.6rem;background: #38c34b !important;color: #fff;text-align: center;border-radius: 0.1rem;display: block;margin-top: 0.2rem;}

.lbxqjs p{ font-size: 0.24rem; color: #666; line-height: 0.4rem;}
.lbxqjs{ margin-top: 0.3rem;}


/******搜索结果****/
.esy_ssb{width: 100%;padding: 0 .2rem;box-sizing: border-box;background: #fff;}
.esy_ssb a{float: left;width:24%;height: .8rem;margin-bottom: .1rem; margin-right: 1%; cursor: pointer; line-height: .8rem;color: #666;text-align: center;border-bottom: 2px #fff solid; font-size: .3rem;overflow: hidden;position: relative;}
.esy_ssb a:nth-child(4n){margin-right: 0;}
.esy_ssb a.on{color: #ff6460;
    position: relative;}
    .esy_ssb a.on::before {
      display: inline-block;
position: absolute;
left: 25%;
bottom: 0;
width: 50%;
height: 2px;
content: '';
background: #ff6460;
      } 



.esy_sou a{width:19%;}
.esy_sou a:nth-child(4n){margin-right: 1%;}
.esy_sou a:nth-child(5n){margin-right: 1%;}

.esy_sst p{ font-size: 0.24rem; line-height: 30px;}
.esy_sxb{ width: 100%;  margin-top: 0.2rem; font-size: 0.3rem; font-weight: bold; margin-bottom: 0.1rem;}
.esy_smo{ width: 100%; height: 0.7rem; line-height: 0.7rem; background: #eaeaea; font-size: 0.24rem; text-align: center; border-radius: 0.1rem; margin-top: 0.3rem; margin-bottom: 0.3rem;color: #666;}
.esy_smo a{color: #666;}

.essea_xw{width: 100%;}
.essea_xw li{height: 1.68rem;border-bottom: 1px solid #eaedf2;}
.essea_xw li .ssn_i{float: left;}
.essea_xw li .ssn_i img{display: block;margin-right: .25rem;margin-top: .24rem;width: 1.5rem;height: 1.2rem;border-radius: .2rem;object-fit: cover;}
.essea_xw li p{width: 4.8rem;float: left;height: 1.3rem;overflow: hidden;padding-top: .2rem;}
.essea_xw li p a{display: table-cell;height: 1.28rem;font-size: .28rem;color: #666;font-weight: normal;vertical-align: middle;}

.esy_gxy{width: 100%;}
.esy_gxy li{  width:100%;
  height:1.2rem;
  margin-bottom:.3rem}
.esy_gxy li img{width:1.2rem;
  height:1.2rem;
  border-radius:.26rem;
  overflow:hidden;
  float: left;  border-radius: 16%;margin-right: .2rem;}
.esy_gxy li .xtext{width: 3.5rem;overflow: hidden;float: left;}
.esy_gxy li h6{ width:100%;
  height:.7rem;
  font-size:.28rem;
  font-weight:bold;
  color:#333333;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  line-height: .7rem;}
.esy_gxy li p{  height:.24rem;
  line-height:.24rem;
  font-size:.24rem;
  font-weight:500;
  color:#999999;overflow: hidden;}


.esy_gxy li .ann{  width:1.6rem;
  height:.68rem;
  line-height:.68rem;
  font-size:.28rem;
  font-weight:bold;
  color:#FFFFFF;
  text-align:center;
  background:#ff6460;
  float: right;
  margin-top: .26rem;}







/******搜索视频****/

/****玩家评论****/
.wjpk{ width: 100%; display: block;}
.wjpl li{ width: 100%; margin-top: 0.3rem; padding-bottom: 0.3rem; border-bottom:1px  solid #eee ;  display: inline-block;}
.wjpl_l{ width: 1.2rem; height: 1.2rem; float: left; border-radius: 100%;}
.wjpl_l img{ width: 100%;height: 100%;}
.wjpl_r{ float: right; width: 5.5rem;}
.wjpl_r h1{ font-size: 0.3rem; font-weight: bold; color: #333;}
.wjpl_r h1 span{ font-size: 0.24rem; font-weight: normal; color: #888; float: right;}
.wjpl_r p{ font-size: 0.24rem; line-height: 0.36rem;overflow: hidden; text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 3; -webkit-box-orient: vertical; margin: 0.1rem 0;}
.pls{ width: 50%; float: left; background: url(/images/pl2.jpg) no-repeat center left; padding-left: 0.5rem;}
.hfs{ width: 50%; float: left; background: url(/images/pl3.jpg) no-repeat center left; padding-left: 0.5rem;}

.wjpl{overflow: hidden;height: 8.2rem;margin-top: 0.3rem;}
.wjpl.show {height: auto;}
.gmopen3{ width: 100%; height: 0.6rem; font-size:0.24rem;  color: #666; text-align: center; background-color: #eee; line-height: 0.6rem; margin-top: 0.2rem;}



/*******游戏专区****/
/*****导航****/
.zq-nav {margin-top: 0.5rem;}
.zq-nav ul {margin-bottom: 0.14rem;}
.zq-nav ul li {float: left;width: 20%;text-align: center;margin-bottom: 0;}
.zq-nav ul li:nth-child(5n){margin-right: 0;}
.zq-nav ul li .pic{width: 0.7rem;height:0.7rem;overflow: hidden;margin: 0 auto 0.15rem;}
.zq-nav ul li .pic img{width: auto; height:100%;}
.zq-nav ul li p{font-size: 0.28rem; color: #333;}

.yxzq-xz{ margin-top: 0.2rem; display: inline-block; }
.yxzq-xz .yxbtn2{width: 1.06rem;height: 0.62rem;float: right;border: 1px solid #38c34b;text-align: center;line-height: 0.62rem;border-radius: 0.1rem;margin-top: 0.25rem; background: #38c34b;}
.yxzq-xz .yxbtn2 a{color: #fff;}
.yxzq-xz .yxn {width: 4.0rem;}

/****热点内容****/
.rdnr{width: 100%;}
.rdnr li{width: 100%;margin-top: 0.3rem;padding-bottom: 0.3rem;border-bottom: 1px solid #eee;display: inline-block;}
.rdnr li img{ width: 1.5rem; height: 1.2rem; float: left; border-radius: 0.2rem;}
.rdnr_r{float: right;width: 5.3rem;}
.rdnr_r h1{ font-size: 0.3rem; color: #333; overflow: hidden;white-space: nowrap; text-overflow: ellipsis;}
.rdnr_r p{ font-size: 0.24rem; color: #666;overflow: hidden; text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.rdnr li:last-child{border-bottom: 0px #ddd solid; padding-bottom: 0rem;}

/****卡组推荐****/
.kztj{width: 100%;display:  inline-block;}
.kztj li{width: 2.25rem;margin-top: 0.3rem;display: inline-block; float: left; margin-right: 0.15rem;} 
.kztj li img{width: 2.25rem; height: 1.5rem; border-radius: 0.1rem;}
.kztj li p{font-size: 0.3rem; color: #333;overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: center; }
.kztj li:nth-child(3n){margin-right: 0rem;}

/*****专区闻列表页****/
.zqxwlb{ display: block;}
.zqxwlb .xwlb_yb p{margin-top: 0.3rem;color: #888888;}
.zqxwlb .zxlb{ padding-bottom: 0.3rem; border-bottom: 1px solid #eee;}
.zqxwlb .zxlb:last-child{ padding-bottom: 0rem; border-bottom: 0px solid #eee;}

.zqrmsp{ width: 100%; display: inline-block;}
.zqrmsp li{width: 100%;box-sizing: border-box;padding-left: 0.55rem;background: url(/images/zqsp-x.jpg) no-repeat left 0.08rem;overflow: hidden;margin-top: 0.25rem;display: block;}
.zqrmsp li a{font-size: 0.24rem;color: #333;display: inline-block;width: 71%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.zqrmsp li span{ float: right; color: #999; font-size: 0.2rem;}


/*****专区卡组推荐****/
/******游戏列表页*****/
.esy_nt1{width: 100%; height: 0.8rem;}
.esy_nt1 a{width: 20%;text-align: center;display: block;line-height: 0.8rem;float: left;font-size: 0.30rem;color: #333;}
.esy_nt1 a.active{ color: #38c34b;}
.esy_nt1 a.filter-bar{color: #38c34b;text-align: right;width: 20%;}
.esy_nt1 a.filter-bar img{width: 0.27rem;height: 0.27rem;margin-right: 0.2rem;float: right;margin-top: 0.28rem;margin-left: 0.15rem;}



.esydt_l dt{margin-top: 0.6rem;font-size: 0.34rem;height: .7rem;line-height: .6rem;position: relative;border-bottom: 1px #eaeaea solid;}
.esydt_l dt i{  width: .6rem; height: .6rem; display: inline-block; float: left;vertical-align: middle;margin-right: .1rem;}
.esydt_l dt a{color: #666;font-weight: 700;}
.esydt_l dt a:hover{ color: #38c34b;}
.esydt_l dl:nth-child(1) dt{margin-top: .2rem;}
.esydt_i{overflow: hidden;height:auto;position:relative;}
.esydt_i li{float: left;height: .66rem;border-radius: 5px;background: #f8f8f8;border:1px #e2e2e2 solid; margin-right: 2%; padding: 0 1%; line-height: .66rem;text-align: center;font-size: .26rem;margin-bottom: .15rem; width: 32%;display: inline-block;}
.esydt_i li:nth-child(3n){margin-right: 0rem;}
.esydt_i li a{height: 0.66rem;line-height: 0.66rem;color: #666;text-align: center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.esydt_i li:hover{ background: #38c34b; border-color: #38c34b; text-decoration: none;}
.esydt_i li a{width: 100%;display: inline-block;font-size: 0.24rem;}
.esydt_i li:hover a{ color: #fff;}

.esydt_i a.maprmore{position:absolute;right:85px;top:50px;}
.map_rukou{margin-top: .2rem;}

.yxopen_bq{margin-bottom: 0.2rem;overflow: hidden;position:relative;}
.yxopen_bq li{float: left;height: .66rem; border:1px #eaeaea solid; border-radius: .7rem; margin-right: 2%;padding: 0 1%; line-height: .66rem;text-align: center;font-size: .26rem;margin-bottom: .2rem;width: 31%;display: inline-block;}
.yxopen_bq li a{height: auto;line-height: 0.66rem;color: rgb(143, 125, 125);text-align: center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.yxopen_bq li a:hover,.yxopen_bq a.mapzqmore:hover,.yxopen_bq a.mapzqless:hover{ background: #38c34b; border-color: #38c34b; color: #fff; text-decoration: none;border-radius: .7rem;}
.yxopen_bq li a,.yxopen_bq a.mapzqmore,.yxopen_bq a.mapzqless{display: inline-block;width: 100%;font-size: 0.24rem;}
.yxopen_bq li:nth-child(3n){margin-right: 0rem;}
.yxopen_bq a.mapzqmore,.yxopen_bq a.mapzqless{color: #fff; text-indent: 8px; height: 32px; line-height: 32px; text-indent: 30px;background:#ff6823; background: -moz-linear-gradient(left, #ff8046 0%, #ff5101 100%);
    background: -webkit-linear-gradient(left, #ff8046 0%,#ff5101 100%);
    background: -ms-linear-gradient(left, #ff8046 0%,#ff5101 100%);
    background: linear-gradient(to right, #ff8046 0%,#ff5101 100%);}
.yxopen_bq a.mapzqmore:before,.yxopen_bq a.mapzqless:before{ content: ""; width: 9px; height: 5px; display: inline-block; background:url(../images/ghoticon.png) no-repeat -145px -96px; float: right; margin: 13px 30px 0px 0px;}
.yxopen_bq a.mapzqless:before,.esydt_i a.maprless:before{moz-transform:scaleY(-1);-webkit-transform:scaleY(-1);-o-transform:scaleY(-1);transform:scaleY(-1);/*IE*/filter:FlipV;}
.yxopen_bq a.mapzqmore{position:absolute;right:58px;top:94px;}
.yxopen_bq a.mapzqless,.esydt_i a.maprless{ margin-top: 10px; float: left;}


.esydt_k{overflow: hidden;height: 2.3rem;margin-top: 0.3rem;}
.esydt_k.show {height: auto;}
.gmopen4{ width: 100%; height: 0.6rem; font-size:0.24rem;  color: #666; text-align: center; background-color: #eee; line-height: 0.6rem; margin-top: 0.2rem;cursor: pointer;}

.esydt_k1{overflow: hidden;height: 4.15rem;margin-top: 0.3rem;}
.esydt_k1.show {height: auto;}
.gmopen5{ width: 100%; height: 0.6rem; font-size:0.24rem;  color: #666; text-align: center; background-color: #eee; line-height: 0.6rem; margin-top: 0.2rem;cursor: pointer;}



.esydt_k2{overflow: hidden;height: 4.15rem;margin-top: 0.3rem;}
.esydt_k2.show {height: auto;}
.gmopenr{ width: 100%; height: 0.6rem; font-size:0.24rem;  color: #666; text-align: center; background-color: #eee; line-height: 0.6rem; margin-top: 0.2rem;cursor: pointer;}


.esydt_k3{overflow: hidden;height: 4.15rem;margin-top: 0.3rem;}
.esydt_k3.show {height: auto;}
.gmopenp{ width: 100%; height: 0.6rem; font-size:0.24rem;  color: #666; text-align: center; background-color: #eee; line-height: 0.6rem; margin-top: 0.2rem;cursor: pointer;}





/******最新更新******/
.zxgx{width: 100%; height: 0.8rem;}
.zxgx a{width: 16.6%;text-align: center;display: block;line-height: 0.8rem;float: left;font-size: 0.30rem;color: #333;font-weight: bold;}
.zxgx a.active{ color: #ff6460;}


.zxgx li{width: 16.6%;text-align: center;display: block;line-height: 0.8rem;float: left;font-size: 0.30rem;color: #333;font-weight: bold;cursor: pointer;}
.zxgx li.thistab{ color: #ff6460;}


.dayright{ width: 980px; float: left; background: #fff; border: 1px #eee solid;}


.gltdtab td.tdleft{ width: 740px;}



/****最新更新*****/
.esy_gxw{ width: 100%; display: inline-block;}
.esy_gxw li{width: 100%;box-sizing: border-box;padding-left: 0.4rem;background: url(../images/zuixin.png) no-repeat left top;overflow: hidden;margin-top: 0.25rem;display: block;background-size: .32rem .32rem;border-bottom: 1px #eaeaea dashed;padding-bottom: .2rem;}
.esy_gxw li a{font-size: 0.28rem;color: #333;display: inline-block;width: 71%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.esy_gxw li em{ float: right; color: #999; font-size: 0.22rem;line-height: .4rem;}

.esy_gxw p{width: 100%;box-sizing: border-box;padding-left: 0.4rem;background: url(../images/zuixin.png) no-repeat left center;overflow: hidden;margin-top: 0.25rem;display: block;background-size: .32rem .32rem;}
.esy_gxw p a{font-size: 0.24rem;color: #333;display: inline-block;width: 71%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.esy_gxw p em{ float: right; color: #999; font-size: 0.2rem;}


/****首页推荐滚动***/
.yxlb1{width: 100%;}

/****首页专区大全滚动***/
.eszqs{position: relative;display: block;width: 100%;padding: .2rem 0rem 0rem 0rem;}
.esyzq {margin-top: .2rem;}
.esyzq li{width: 3rem;padding: 0 .1rem;}
.esyzq li a{display: block;background: #fff;border-radius:10px;width: 100%;height: 3.8rem;padding-top: .2rem;box-sizing: border-box;}
.esyzq li img{display: block;width: 1.6rem;height: 1.6rem;border-radius: 22%;margin: 0 auto;}
.esyzq li .bt{padding: 0 .2rem;text-align: center;font-size: .3rem;color: #333;height: .6rem;line-height: .6rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.esyzq li .txt{color: #999;
  height: 0.4rem;
  line-height: 0.4rem;
  overflow: hidden;font-size: .22rem;padding: 0 .2rem;text-align: center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.esyzq li .btn{display: block;
  width: 1.26rem;
  padding: 0.08rem 0;
  font-size: 0.3rem;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  cursor: pointer;
  background-color: #FFF;
  color: #333;
  border: 1px solid #E9E9E9;
  border-radius: 0.06rem;margin: .1rem auto 0;}





.zqjs{width: 100%;height: 1rem;display: flex;align-items: center;justify-content: flex-start;}
.zqjs img{border-radius: 25%;height: 1rem;width: 1rem;overflow: hidden;float: left;}
.zqjs .zt-middle{width: 5.1rem;height: 1rem;box-sizing: border-box; display: flex; flex-direction: column; align-items: flex-start; justify-content: center;padding-left: 0.27rem; text-align: left;}
.zqjs .zt-middle a{font-size: 0.3rem;line-height: 0.36rem;color: #2a2a2a;display: block;width: 100%;height: 0.36rem;overflow: hidden;margin-bottom: 0.1rem;}
.zqjs .zt-middle p{font-size: 0.22rem;height: 0.36rem; line-height: 0.36rem; color: #999999;overflow: hidden;width: 100%;}
.zqjs .circle-score{position: relative;display: flex;justify-content: center;align-items: center; width: 0.64rem;height: 0.64rem;text-decoration: none;background: transparent; border-radius: 50%; counter-reset: value var(--gauge-value);--percentage: calc(var(--gauge-value) / var(--gauge-max-value) * 100%);background: conic-gradient(#e74c3c var(--percentage), #ffffff 0); --gauge-max-value: 100; flex-direction: column; margin: 0;color: #ffffff;background: #e74c3c;}
.zqjs .circle-score::before {position: absolute; content: "";display: flex; justify-content: center;align-items: center;width: 85%;height: 85%;background: #ff6460;border-radius: inherit;}
.zqjs .circle-score span{font-weight: bold; font-size: 0.32rem; position: relative;z-index: 3;color: #ffffff;vertical-align: middle;}
.zqjs .circle-score span i{font-style: normal;font-size: 0.26rem;}




/****专区列表
.zqdq{display: inline-block;}
.arro_lb{width: 100%;padding-bottom: 0.3rem;margin-top: 0.3rem;border-bottom: 1px solid #eee;display: inline-block;}
.arro_lb img{width: 1.2rem;height: 1.2rem;float: left;border-radius: 0.2rem;}
.zqdq-sm{float: left;margin-left: 0.2rem;width: 4rem;}
.zqdq-sm h1{ font-size: 0.3rem; font-weight: normal; line-height: 0.36rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; color: #333;}
.zqdq-sm p{font-size: 0.24rem;font-weight: normal;line-height: 0.22rem;color: #888;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-top:.15rem;}
.zqdq-sm p em{color: #ff5500;}
.arro_lb .btn{width: 1.34rem;line-height: 0.55rem;color: #38c34b;border: 1px solid #38c34b;border-radius: 0.08rem;float: right;text-align: center;margin-top: 0.325rem;background: #fff !important;font-size: 0.24rem}

****/
.specialnr li {
    width:48.5%;
    float:left;
    margin-right: 3%;
    margin-bottom: .2rem;
   }
   .specialnr li:nth-child(2n){margin-right: 0;}
   .specialnr .item {
    background:#fbfbfb;
    display:block;
    border-radius:2px;
    overflow:hidden;
    border: 1px #eaeaea solid;
   }
   .specialnr .item img {
    width:100%;
    height:1.6rem
   }
   .specialnr .txt {
    background:#fff;
    height:.6rem;
    line-height:.6rem;
    color:#333;
    padding:0 1.05rem 0 8px;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
    position: relative;
   }
   .specialnr .txt .lnk {
    width:.88rem;
    color:#ff712d;
    height:.6rem;
    line-height:.6rem;
    float:right;
    background: url(../images/zqico.png) no-repeat right center;
    background-size: .3rem .3rem;
    position: absolute;
    right: .08rem;
    top: 0;
   }

/****游戏列表一排4个****/
.esy_rm{display: inline-block;width: 100%;margin-top: 0.2rem;}
.esy_rm li{float: left;width: 25%;text-align: center;margin-top: 0.1rem;padding: 0;padding-bottom: .1rem;}
.esy_rm li img{border-radius:0.22rem;width: 1.3rem;height: 1.3rem;display: block;margin: 0 auto;}
.esy_rm li strong{height: 0.5rem;width: 100%;line-height: 0.5rem;font-size: 0.28rem;color: #4b4b4b;text-align: center;margin-top: .1rem;font-weight: normal; margin-bottom: .05rem;overflow: hidden;display: block;white-space: nowrap;text-overflow: ellipsis;}
.esy_rm li a strong{color: #4b4b4b;}
.esy_rm li a{display: block;width: 100%;height: 100%;position: relative;}
.esy_rm li p{ display: block;
    width: 1.16rem;
    height: .46rem;
    border: 1px solid #38c34b;
    color: #38c34b;
    font-size: .22rem;
    text-align: center;
    border-radius: .24rem;
    line-height: .46rem;
    margin: 0 auto;}
.yxbtn{display: block;width: 1.2rem;height: .6rem;line-height: .6rem;border: 1px solid #38c34b;color: #38c34b;display: inline-block;border-radius: .06rem;font-size: .28rem;box-sizing: border-box;}
.yxbtn a{color: #38c34b;display: block;width: 100%;height: 100%;}
.yxbtn2{width: 1.24rem;border-radius: .28rem;border: solid 1px #38c34b;color: #38c34b;margin-top: .5rem; box-sizing: border-box;text-align: center;display: block;padding: .08rem 0;float: right;}
.yxbtn2 a{color: #fff;}
.game_li li:last-child{padding-bottom: 0rem; border-bottom: 0px solid #eee;}
.game_li .yxn p{color: #515151;font-size: 0.2rem;width: 100%;float: left;}

.esy_rm .jp-btn{width: 1.12rem; height: 0.5rem; display: block; border-radius: 0.05rem;text-align: center;line-height: 0.5rem; color: #fff; font-size: 0.25rem; margin: 0 auto;background: #ff7316;}
.esy_rm .jp-btn a{color: #fff;display: block;width: 100%;height: 100%;}

.esy_rm li .bt{height: 0.32rem;width: 100%;line-height: 0.32rem;font-size: 0.24rem;color: #686b6a;text-align: center;margin-top: .1rem;font-weight: normal; margin-bottom: .05rem;overflow: hidden;display: block;white-space: nowrap;text-overflow: ellipsis;}




.today{width: 100%;height: 4.5rem;background: url(../images/mindex_bg.png) no-repeat 0 0; background-size: auto;background-size: 100% 100%;margin-bottom: 0.16rem;border-top: 8px #f1f1f1 solid;}
.tod_t{
    width: 94%;
    margin: 0 3%;
    height: 1.64rem;
    position: relative;
}
.tod_t em{
    display: block;
    width:.7rem;
    height: 1.8rem;
    position: absolute;
    top: -4px;
    left: 0;
    background: url(../images/m_yzz_icon.png) no-repeat;
    background-size: 100%;
    color: #fff;
    font-size: .3rem;
    font-weight: bold;
}
.tod_t em i{
    padding-top: .06rem;
    display: inline-block;
    width: .4rem;
    margin-left: .15rem;
    line-height: .32rem;
}
.tod_t ul{
    margin-left: .7rem;
    background: #fff;
    padding: .1rem 0 .2rem;
}
.tod_t ul li{
    padding-top: .1rem;
    /* margin-bottom: 8px; */
}
.tod_t ul li a{
    display: flex;
    color: #333333;
    font-size: .28rem;

}
.tod_t ul li a span{
    display: block;
    width:0;
    height:0;
    border: 5px solid transparent;
    border-left-color: #cccccc;
    margin-left: 10px;
    vertical-align: top;
    margin-top: .1rem;
}
.tod_t ul li a div{
    width: 88.2%;
    white-space: nowrap;
    /* text-overflow: ellipsis; */
    overflow: hidden;
    word-break: break-all;
}


.tod_ga li img{
    border-radius: 50%;

}

.gamezx{box-sizing: border-box;width:auto !important;overflow: hidden;position: relative;}
.gamezx .swiper-slide{width: 100% !important;}
.gamezx li{width: 100%;height: 2.2rem;padding: .2rem 0 .32rem; padding-top: 0.3rem; display: flex;align-items: center;justify-content: space-between;border-top: 1px solid #f5f5f5;}
.gamezx li:first-child {border-top: 0;}
.gamezx li .img-a{width: 2.4rem;height: 1.4rem;overflow: hidden;}
.gamezx li .img-a img{border-radius: .06rem;width: 100%;height: 100%;overflow: hidden;}
.gamezx li .hn-zb {width: 4.4rem;height: 1.4rem;}
.gamezx li .hn-zb p:nth-child(1){width: 98%;overflow: hidden; max-height: .88rem;line-height: .44rem;font-size: .3rem; margin-bottom: .15rem; text-align: left;}
.gamezx li .hn-zb p:nth-child(1) a{color: #333;}
.gamezx li .hn-zb p:nth-child(2){font-size: .22rem;color: #999;height: .4rem;line-height: .4rem;}
.gamezx li .hn-zb p:nth-child(2) span{font-size: .22rem;color: #999;display: inline-block;max-width: 1.8rem;height: .4rem;line-height: .4rem;overflow: hidden;vertical-align: bottom;}
.gamezx li .hn-zb p:nth-child(2) em{float: right;}
.gamezx li .hn-zb p:nth-child(2) em::before{content: "";display: inline-block;width: .27rem;height: .27rem;background: url(../images/time.png) no-repeat;background-size: .27rem .27rem;vertical-align: middle;margin-right: .1rem;}


.zxyxnr .yxn,.gametag .yxn{padding-top: 0;}

/****热门游戏推荐****/
.esy_xti{margin-top: auto;height: 0.6rem;overflow: hidden;position: relative;}
.esy_xti img{width: 0;height: 0;margin-right: 0.1rem;float: left;margin-top: 0.05rem;}
.esy_xti span{font-size: 0.24rem; float: right;  margin-top: 0.15rem; color: #999999;}

.esy_xti1{margin-top: 0.5rem;height: 0.6rem;overflow: hidden;border-bottom: 1px solid #eee;}
.esy_xti1 img{width: 0.4rem;height: 0.4rem;margin-right: 0.1rem;float: left;}
.esy_xti1 p{font-size: 0.34rem;font-weight: bold;float: left;line-height: 0.4rem;}
.esy_xti1 span{font-size: 0.24rem; float: right;  margin-top: 0.05rem; color: #999999;}


/***精选视频**/
.vimre{width:50% ;overflow: hidden;margin-top: 0.3rem; position: relative;box-sizing: border-box;padding: 0 .1rem;}
.vimre a{display: block;width: 100%;height: 2.2rem;position: relative;}
.vimre img{ width: 100%; height:100%; object-fit: cover;}
.vimre p{font-size: 0.28rem; height: .6rem;position: absolute;left: 0;bottom: 0;background: rgb(0,0,0,.5); line-height: .6rem;width: 99%;box-sizing: border-box;text-align: center; padding: 0 .1rem; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #fff;}
.vimre b{display: block;height:.8rem;width: .8rem;background:url(../images/bg4.png) center center no-repeat;content: ".";z-index: 11; position: absolute;z-index: 9;left: 0rem;bottom: 0rem;background-size: .4rem .4rem;}
.bq_v{  position: absolute;
    left: 0;
    top: 0;
    color: #FFF;
    z-index: 99;
    font-size: .22rem;
    background: #ff5500;
    padding: .02rem .1rem;
    border-radius: 0 3px 3px 3px;
  }

.syrmgl{width: 50% !important;float: left;padding-right: 0.3rem;overflow: hidden;margin-top: 0.15rem;position: relative;box-sizing: border-box;padding-left: 0.15rem;}
.syrmgl img{ width: 100%; height:2.5rem ; border-radius: 0.2rem;}
.syrmgl h3{font-size: 0.3rem;color: #333;margin-top: 0.1rem;text-align: center;}
.syrmgl p{overflow: hidden; text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 3; -webkit-box-orient: vertical; font-size: 0.24rem; color: #999;margin-top: 0.1rem;}


.rmgh .syrmgl img{ width: 100%; height:2rem ; border-radius: 0.2rem;}


.ztxx{ float: left;margin-left: 0.2rem; width: 55%;}
.ztgd .swiper-slide .ztdt{ width: 100%; height:3rem ;}

.sjxty{margin-top: .3rem;}

.sjxty .swiper-slide{
    flex-shrink: 0;
    width: 4.4rem !important;
    overflow: hidden;
    margin-right: 0.40rem;
    position: relative;
}
.sjxty .swiper-slide img{
    display: block;
width:100%;
height: 2.2rem;
object-fit: cover;
}
.sjxty .swiper-slide .info{
    padding: 0.2rem 0rem 0 0rem;
}
.sjxty .swiper-slide .info .text{
    font-size: 0.28rem;
height: 0.44rem;
width: 100%;
line-height: 0.44rem;
color: #333;
margin-bottom: 0.14rem;
overflow: hidden;
text-align: center;
}
.sjxty .swiper-slide .info .tag{
    font-size: 0.22rem;
height: 0.3rem;
width: 4rem;
line-height: 0.3rem;
color: #999;
overflow: hidden;
}
.sjxty .swiper-slide .info .date{
    float: left;
}
.sjxty .swiper-slide .info .name{
    float: right;
width: 2.17rem;
text-align: right;
overflow: hidden;
}
.sjxty .swiper-slide .gg{
    position: absolute;
width: 0.85rem;
height: 0.4rem;
text-align: center;
line-height: 0.4rem;
background: rgba(0, 0, 0, 0.5);
left: 0;
top: 1.8rem;
font-size: 0.22rem;
color: #fff;
}

.esy_spg{padding: .3rem;box-sizing: border-box;background: #fff;}
.es_inl li{width: 80%;padding: 0 .1rem;box-sizing: border-box; float: left;height: 2.5rem;}
.es_inl li img{width: 100%;height: 2.5rem;overflow: hidden;object-fit: cover;border-radius: 0;}
.es_inl li a{width: 100%;height: 100%;display: inline-block;position: relative;}
.es_inl li .info{width: 100%;box-sizing: border-box; height: .5rem;line-height: .5rem;font-size: .28rem; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;text-align: center;}
.es_inl li a .info{color: #333;}
.es_inl li .bt{display: block;
  width:86%;
  padding: 0 .1rem;
  height: .6rem;
  line-height: .6rem;
  border-radius: 5px;
  overflow: hidden;
  font-size: .28rem;
  background: rgba(44,51,65,0.5);
  position: absolute;
  top:50%;
  margin-top: -.3rem;
  left: 7%;
  color: #FFFFFF;
  text-align: center;}


 
  .es_inhj li {
    position: relative;
    float: left;
    width: 100%;
    max-height: 4.2rem;
    min-height: 2.28rem;
    background: #fff;
    position: relative;
    overflow: hidden;
    padding-top: .2rem;
  }
  .es_inhj ul li > a {
    width: 100%;
    height: 2.2rem;
    overflow: hidden;
    float: left;
    padding-left: .01rem;
    box-sizing: border-box;
  }
  .es_inhj ul li > a img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    overflow: hidden;
    border-radius: 5px;

  }
  .es_inhj ul li .info {
    position: absolute;
    left: 0;
    top: 1.8rem;
    padding: 0 .1rem;
    width: 100%;
    box-sizing: border-box;
    line-height: .6rem;
    height: .6rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: .28rem;
    font-weight: bold;
    background: rgba(0, 0, 0, .5);
    color: #fff;
    font-weight: normal;
    border-radius: 0 0 5px 5px;
  }
  .es_inhj ul li .info a{
    color: #fff;
  }
  .es_inhj span {
    top: .2rem;
    left: .05rem;
    display: block;
    width: 1.5rem;
    height: .4rem;
    line-height: .4rem;
    font-size: .22rem;
    color: #fff;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.4) 34%, rgba(0, 0, 0, 0) 100%);
    border-radius: .1rem 0 0 0;
    position: absolute;
    overflow: hidden;
  }
  .es_inhj span i{
    color: #f00;
  }









.yxk_lb li{ margin-top: 0.2rem; display: inline-block; padding-bottom: 0.3rem; border-bottom: 1px solid #eee;width: 100%;}
.yxk_lb li a{display: block;width: 100%;height: 100%;}
.yxk_lb li img{width: 1.3rem;height: 1.3rem;float: left;margin-right: .2rem;border-radius: 22%;overflow: hidden;}
.yxk_lb li .yxn p{width: 100%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display: block;}
.yxk_lb li .yxn p:nth-child(1){font-size: 0.3rem;color: #333;margin-bottom: .05rem;}
.yxk_lb li .yxn p span{max-width: 50%; height: 0.3rem; line-height: 0.3rem;margin-top: 0.14rem;overflow: hidden;font-size: 0.24rem;color: #808080;float: left;}
.yxk_lb li .yxn p:nth-child(2){width:1.75rem;height: .24rem;background: url(../images/hjpf1.png) repeat-x;position: relative;background-size: .35rem auto;}
.yxk_lb li .yxn p:nth-child(2) i{display: inline-block;position: absolute;left: 0;bottom: 0;background: url(../images/hjpf2.png) repeat-x;width: 90%;height: .24rem;background-size: .35rem auto;}
.yxk_lb li .yxn p:last-child{font-size: .24rem;color: #999;margin-top: .1rem;}

.cqlsy{ margin-top: 0.3rem; width: 100%;}
.cqyxwf{width: 47.5% !important;float: left;margin-right: 0.3rem;overflow: hidden;margin-top: 0.15rem;position: relative;box-sizing: border-box;margin-bottom: 0.2rem;}
.cqyxwf:nth-child(2n){margin-right: 0rem;}
.cqyxwf img{width: 100%;height: 2rem;border-radius: 0.2rem;}
.cqyxwf h3{font-size: 0.3rem;color: #333;margin-top: 0.1rem;text-align: center;}
.cqyxwf p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-size: 0.24rem;color: #999;margin-top: 0.1rem;}



/****游戏详情热门手游滚动****/
.xq-rmsy{ width: 100%;display: inline-block;}
.xq-rmgd{display: inline-block;width: 88%;float: right;}
.xq-rmgd li{float: left;width: 1.5rem !important;text-align: center;margin-top: 0;padding: 0;margin-right: 0.15rem;}
.xq-rmgd li img{border-radius:0.25rem;width: 1.5rem;height: 1.5rem;}
.xq-rmgd li p{width: 100%;font-size: 0.26rem;margin-bottom: 0;margin-top: 0.15rem;}
.xq-rmgd li p a{color: #333333;}
.xq-rmgd li span{ width: 100%;height: 0.3rem; font-size: 0.20rem; color: #999999; margin-bottom: 0.15rem; display: block;}

.xq-rmbt {width: 9%;height: 2rem;color: #fff; overflow: hidden; -webkit-box-flex: 0; -ms-flex: none; flex: none; text-align: center; background: url(../images/xqrmgd.jpg) no-repeat; background-size: cover; font-weight: bold; font-size: 0.3rem; padding: 0.1rem 0.1rem; float: left;}


/***开测***/
.kcsj{width: 100%;background: url(../images/kfb.png) no-repeat;background-size: contain;height: 0.5rem;text-indent: 0.2rem;line-height: 0.5rem;color: #fff;margin-bottom: 0.2rem;}
.kcys{ color: #38c34b !important;}
.lskc{background-image: url(../images/kfb1.png) !important; color: #333 !important;}
.kfb{ background-color: #eee;}

/***原创作者**/

.yczuoz{position: relative;display: block;width: 100%;margin-top: 0.1rem;height: 2.26rem;overflow: hidden;}
.yczuoz img{width: 1.65rem;height: 1.65rem;float: left;border-radius: 100%;margin: 0.3rem 0;}
.yczuoz_n{float: left;margin-left: 0.2rem;width: 5.2rem;margin-top: 0.2rem;}
.yczuoz_n h3{font-size: 0.3rem;font-weight: normal;line-height: 0.36rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #fff;margin-top: 0.2rem;}
.yczuoz_n p{font-size: 0.24rem;font-weight: normal;line-height: 0.36rem;color: #ddd;margin: 0.2rem 0;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.yczuoz .bg {height: 4rem;position: absolute;left: 0;right: 0;width: 100%;overflow: hidden;z-index: -1;}
.yczuoz .bg:before {content: '';display: inline-block;width: 100%;height: 100%;background: rgba(0, 0, 0, .6);position: absolute;top: 0;left: 0;z-index: 2;}
.yczuoz .bg i {display: inline-block;height: 4.26rem;width: 100%;position: absolute;top: 0;left: 0;z-index: 1;background-size: 7.5rem 7.5rem;background-position: center;-webkit-filter: blur(.2rem);filter: (.2rem);}


.mjrzq{ font-size: 0.24rem !important; padding: 0.05rem 0.2rem !important; border: 1px solid #eee !important; margin-right: 0.2rem !important; display: block; border-radius: 0.5rem !important; margin-top: 0.05rem !important;}
.zanList .praise{ width: 1.5rem!important;    margin-top: 0.1rem!important;}
.yxt{ width: 1.5rem  !important; height: 1.5rem  !important;}
.esy_jbx{  margin-bottom: 0.2rem; }
.esy_di .btn{ margin-top: 0.22rem;}
.zqzt{ width:100%; display: inline-block; text-align: center;  margin-top: 0.3rem;  margin-bottom: 0.5rem;}
.zqzt a{padding: 0.15rem 0.5rem; border: 1px solid #38c34b; border-radius: 1rem; margin-right: 0.3rem; color: #38c34b; font-size: 0.26rem;}
.phnr .yxn p{width: 1.2rem;float: left;}

.esbd_t{width: 100%;padding: .3rem .2rem;box-sizing: border-box;background: #fff;margin-top: .2rem;}
.esbd_t ul li{
  width: 18%;
  float: left;
  margin-right: 2.5%;
  border: 1px solid #40a1ff;
  border-radius: 3px;
}
.esbd_t ul li:nth-child(5){margin-right: 0;}
.esbd_t ul li a{
  color: #40a1ff;
  text-align: center;
  line-height: 0.5rem;
  display: block;
  font-size: 14px;
  overflow: hidden;
  height: 0.5rem;

}
.esbd_t ul li.active{
  background: #40a1ff !important;
}

.esbd_t ul li.active a{
  color: #fff !important;
}

.esbd_t ul li:nth-child(2){
  border:1px solid #ff4040 !important;
}
.esbd_t ul li:nth-child(3){
   border:1px solid #5ac089 !important;
}
.esbd_t ul li:nth-child(4){
   border:1px solid #ff9e40 !important;
}
.esbd_t ul li:nth-child(5){
   border:1px solid #56bbd1 !important;
}


.esbd_t ul li:nth-child(2) a{
  color: #ff4040 !important;
}
.esbd_t ul li:nth-child(3) a{
   color: #5ac089 !important;
}
.esbd_t ul li:nth-child(4) a{
   color: #ff9e40 !important;
}
.esbd_t ul li:nth-child(5) a{
   color: #56bbd1 !important;
}



.esbd_t ul li:nth-child(2).active{
  background: #ff4040 !important;
}
.esbd_t ul li:nth-child(3).active{
   background: #5ac089 !important;
}
.esbd_t ul li:nth-child(4).active{
   background: #ff9e40 !important;
}
.esbd_t ul li:nth-child(5).active{
   background: #56bbd1 !important;
}


.gjc{ width: 100%; height:0.8rem;  background: url(../images/ioc-bq1.png) no-repeat 0.2rem center #fff;border-radius: 5px; background-size: auto; line-height: 0.8rem; padding: 0 0.2rem 0 0.8rem; overflow: hidden; box-sizing: border-box; margin-top:0.3rem ;}

.gmopen, .gmopen6{ width: 100%; height: 0.6rem; font-size:0.24rem;  color: #666; text-align: center; background-color: #eee; line-height: 0.6rem; margin-top: 0.2rem;cursor: pointer;}



/**视频详情页面**/
.esy_play{position: relative;}
.esy_play .return{position: absolute;left: 0.3rem;top: 0.3rem;}
.esy_play .return img{width: 0.2rem;overflow: hidden;height: auto;}
.esy_play .enlarge{position: absolute;right: 0.3rem;bottom: 0.25rem;}
.esy_play .enlarge img{width: 0.4rem;overflow: hidden;height: 0.4rem;}
.esy_play .vidbox{width: 100%;overflow: hidden;height: auto !important;}
.esy_play .vidbox iframe {width: 100% !important;height: 300px !important;}
.esy_play .player{position: absolute;left:50%;top:50%;margin-top: -0.5rem;margin-left: -0.5rem;}
.esy_play .player img{width: 1rem;overflow: hidden;height: 1rem;}
.esy_vbw{border-bottom: 0.2rem #f0f3f8 solid;padding: 0.2rem;position: relative;}
.esy_vbw h1{font-size: 0.34rem;font-weight: normal;color: #111;width: 100%; overflow: hidden; max-height: 1rem;}
.esy_vbw p{margin: 0.1rem 0rem; line-height: 0.3rem;height: 0.3rem;box-sizing: border-box;}
.esy_vbw p span{ max-width: 48%;float: left;font-size: 0.22rem;color: #999;padding-right: .2rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;box-sizing: border-box;}
.esy_vbw p span i{overflow: hidden;display: inline-block;float: left;margin: 0.02rem 0.05rem 0 0.1rem;}
.esy_vbw p .thumbs i{width: 0.24rem; height: 0.24rem;background: url(../images/video_pic7.jpg) no-repeat;background-size: 0.24rem  0.24rem;}
.esy_vbw p .vidx_toj i{width: 0.45rem; height: 0.4rem;background: url(../images/video_pic8.jpg) no-repeat;background-size: 0.45rem  0.4rem;}
.esy_vbw p .play i{width: 0.25rem; height: 0.25rem;background: url(../images/icon_viewVideo.png) no-repeat;background-size: 0.25rem  0.25rem;}
.xiht_n{padding: 0.3rem .2rem .1rem;}
.xiht_n .tit_gy{margin-bottom: .3rem;}
.vlikeli{padding: 0;padding-top: 0.3rem;}
.vlikeli li{height: 1.6rem;margin-bottom: 0.3rem;}
.likelileft{width: 2.2rem;float: left;margin-right: 0.3rem;}
.likelileft img{width: 2.2rem;overflow: hidden;height: 1.6rem;border-radius: 0.08rem;}


.wjpl .downzkbox{overflow: hidden;height: 7.35rem;margin-top: 0.1rem;}
.wjpl .show {height: auto;}
.wjpl .gmopen1{ width: 96%; height: 1rem; font-size:0.3rem;cursor: pointer; color: #d3d2d1; text-align: right;line-height: 1rem;margin: 0.2rem 0.2rem 0 0;}

.jmgh .yxt{width: 2.5rem  !important;height: 1.6rem  !important;}

.jmgh .yxn{width: 4.3rem  !important;}
.gxqy{ width: 100%;}
.gxqy img{ width: 100%; height: auto; }
.gxqy h1{ font-size: 0.3rem; margin: 0.3rem 0 0 0;}
.gxqy .esy_jbx {
    padding: 0rem !important;
    background: #fff;
    margin-bottom: 0.2rem;
}


.sjgxtext {display: flex;flex-wrap: wrap;padding: 0rem .1rem .2rem}
.sjgxtext li {width: 50%;font-size: .24rem;color: #666;line-height: .5rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin: .1rem 0;border-bottom: 1px #ddd solid;}
.sjgxtext li span {color: #999;font-size: .22rem;}
.sjgxtext li a{color: #38c34b;}


.vid_xqtj{margin-top: .1rem;}
.vid_xqtj li{padding: .2rem 0;position: relative; height: 1.61rem;border-bottom: 1px dashed #e5e5e5;}
.vid_xqtj li img{width: 2.2rem;height: 1.21rem;overflow: hidden;border-radius: 3px;float: left;}
.vid_xqtj li div{float: right;width: 4.6rem;}
.vid_xqtj li div h3{height: .8rem;line-height: .4rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-weight: normal;font-size: .28rem;color: #333;}
.vid_xqtj li div p{height: .24rem;line-height: .24rem;overflow: hidden;display: block;margin-top: .1rem;font-size: .22rem;}

/****评论回复***/
.plhh{width: 100%;padding: 1.5rem 0.5rem;box-sizing: border-box;}

/****玩家评论****/
.wjpk{ width: 100%; display: block;}
.wjpl li{ width: 100%; margin-top: 0.3rem; padding-bottom: 0.3rem; border-bottom:1px  solid #eee ;  display: inline-block;}
.wjpl_l{ width: 0.5rem; height: 0.5rem; float: left; border-radius: 100%;}
.wjpl_l img{ width: 100%;height: 100%;}
.wjpl_r{margin-left: 0.78rem;}
.wjpl_r h1{ font-size: 0.3rem; font-weight: bold; color: #333;}
.wjpl_r h1 span{ font-size: 0.24rem; font-weight: normal; color: #888; float: right;}
.wjpl_r p{ font-size: 0.24rem; line-height: 0.36rem;overflow: hidden; text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 3; -webkit-box-orient: vertical; margin: 0.1rem 0;}
.pls{ width: 50%; float: left; }
.hfs{width: 17%;float: right;background: url(../images/pl3.jpg) no-repeat center left;padding-left: 0.4rem;}
.wjpl{overflow: hidden;height: auto;margin-top: 0.3rem;}
.wjpl.show {height: auto;}
.gmopen3{ width: 100%; height: 0.6rem; font-size:0.24rem;  color: #666; text-align: center; background-color: #eee; line-height: 0.6rem; margin-top: 0.2rem;}
.vidx_toj-url {padding: 0.1rem 0.1rem 0 0.62rem;height: 1.28rem;line-height: 0.42rem;border-radius: 0.04rem;border: 1px #ccc solid;box-sizing: border-box;color: #959595;background: url(../images/icon_02.png) no-repeat 0.1rem 0.1rem; margin-top: 0.3rem;}
.reply { padding: 0.12rem 0.2rem 0.2rem 0.2rem; margin-top: 0.2rem; background: #f5f5f5; border-radius: 0.1rem; position: relative;  margin-bottom: 0.2rem;;}
.reply p {line-height: 0.5rem;}
.reply p span {color: #959595;vertical-align: top;}
.replaymore { display: block; width: 5.3rem;height: 0.64rem;line-height: 0.64rem;margin: 0.16rem auto 0.1rem;border-radius: 0.06rem; border: 1px #ccc solid; background: #fff !important; color: #555; font-size: 0.26rem; text-align: center;}
.lookmore {display: block;width: 100%;height: 0.9rem;line-height: 0.9rem;color: #ff6460;text-align: center;position: relative;}
.lookmore::after { position: absolute; top: 0; width: 0.3rem; height: 0.9rem; content: ""; left: 50%; margin-left: -1.2rem; background: url(../images/load.gif) center center no-repeat; background-size: 0.28rem 0.28rem;}
.hfck{position: fixed;bottom: 1.2rem;left: 0;background: #fff;padding: 0.3rem;width: 100%;z-index: 999;display: none;}
.hfck .title { display: flex; justify-content: space-between; border-bottom: 1px solid #ededed; padding-bottom: 0.3rem; margin-bottom: 0.3rem;}
.hfck .title >span {height: 0.5rem;line-height: 0.5rem;font-size: 0.3rem;color: #222;}
#bgDiv {position: absolute;  /*绝对定位*/left: 0px;top: 0px;background-color: black;opacity: 0.4; /*设置不透明度，即可以看到层下面的内容，但是由于层的遮挡，背景是不可以进行操作的*/display: none;width: 100%;height: 10000%;z-index: 99;}
.data-info-public textarea {width: 100%;height: 1.5rem;padding: 2px 3px;border: 1px #ebebeb solid;color: #999;box-sizing: border-box;}
.stj-btn { height: 0.6rem; line-height: 0.6rem; padding: 0 0.3rem; margin: 0; margin-right: 0.2rem; display: inline-block; border: 1px #38c34b solid; border-radius: 3px; font-size: 0.28rem; background: #38c34b !important; color: #fff !important; width: 100%; margin-top: 0.2rem;}
input[type="button" i]{ background: none; color: #666;}
input{ font-size: 0.24rem;}


.esy_di .ios{ background: #ff6460 !important;margin-top: 0rem;}


/*动态点赞开始*/
.praise{width:1.5rem;height: 1.2rem;margin: 0.3rem auto;cursor: pointer;font-size: 12px;text-align:center;position: relative;}
#praise{ display:block; width:0.7rem; height:0.7rem; margin:0.2rem auto;}
#praise-txt{height:0.3rem;line-height:0.3rem;display: block;}
.praise img{width: 0.7rem !important;height: 0.7rem;display:block;margin: 0 auto;}
.praise img.animation{ animation: myfirst 0.5s; -moz-animation: myfirst 0.5s;	/* Firefox */ -webkit-animation: myfirst 0.5s;	/* Safari 和 Chrome */ -o-animation: myfirst 0.5s;	/* Opera */}
#add-num{display:none;}
#add-num .add-animation{ color: #000; position:absolute; top:-15px; left: 10px; font-size: 15px; opacity: 0; filter: Alpha(opacity=0); -moz-opacity:0; animation: mypraise 0.5s ; -moz-animation: mypraise 0.5s ;	/* Firefox */ -webkit-animation: mypraise 0.5s ;	/* Safari 和 Chrome */-o-animation: mypraise 0.5s ;	/* Opera */font-style:normal;}
.praise .hover , #add-num .add-animation.hover , #praise-txt.hover{  color: #EB4F38;}

/*点赞图标放大动画开始*/
@keyframes myfirst
{0%{width:0.7rem;}50%{ width:0.5rem; }100% {width:0.7rem;}}
@-moz-keyframes myfirst /* Firefox */
{ 0%{width:0.7rem;}50%{width:0.5rem;}100% {width:0.7rem;}}
@-webkit-keyframes myfirst /* Safari 和 Chrome */
{0%{ width:0.7rem; }50%{ width:0.5rem;}100% { width:0.7rem; }}
@-o-keyframes myfirst /* Opera */
{ 0%{width:0.7rem;} 50%{ width:0.5rem; }100% { width:0.7rem; }}
/*点赞数量加减动画开始*/
@keyframes mypraise
{0%{top:-15px;opacity: 0;filter: Alpha(opacity=0);-moz-opacity:0;}
    25%{top:-20px;opacity: 0.5;filter: Alpha(opacity=50);-moz-opacity:0.5;}
    50%{top:-25px;opacity: 1;filter: Alpha(opacity=100);-moz-opacity:1;}
    75%{top:-30px;opacity: 0.5; filter: Alpha(opacity=50); -moz-opacity:0.5;}
    100% {top:-35px;opacity: 0;filter: Alpha(opacity=0);-moz-opacity:0;}}
@-moz-keyframes mypraise /* Firefox */
{0%{top:-15px;opacity: 0;filter: Alpha(opacity=0);-moz-opacity:0;}
    25%{ top:-20px;opacity: 0.5;filter: Alpha(opacity=50);-moz-opacity:0.5;}
    50%{top:-25px;opacity: 1;filter: Alpha(opacity=100);-moz-opacity:1;}
    75%{top:-30px;opacity: 0.5;filter: Alpha(opacity=50);-moz-opacity:0.5;}
    100% {top:-35px; opacity: 0; filter: Alpha(opacity=0); -moz-opacity:0;}}
@-webkit-keyframes mypraise /* Safari 和 Chrome */
{0%{top:-15px;opacity: 0;filter: Alpha(opacity=0);-moz-opacity:0;}
    25%{top:-20px;opacity: 0.5;filter: Alpha(opacity=50);-moz-opacity:0.5;}
    50%{top:-25px;opacity: 1;filter: Alpha(opacity=100);-moz-opacity:1;}
    75%{top:-30px;opacity: 0.5;filter: Alpha(opacity=50);-moz-opacity:0.5;}
    100% {top:-35px;opacity: 0;filter: Alpha(opacity=0);-moz-opacity:0;}}
@-o-keyframes mypraise /* Opera */
{0%{top:-15px;opacity: 0;filter: Alpha(opacity=0);-moz-opacity:0;}
    25%{top:-20px;opacity: 0.5;filter: Alpha(opacity=50);-moz-opacity:0.5;}
    50%{top:-25px;opacity: 1;filter: Alpha(opacity=100);-moz-opacity:1;}
    75%{top:-30px;opacity: 0.5;filter: Alpha(opacity=50);-moz-opacity:0.5;}
    100% {top:-35px;opacity: 0;filter: Alpha(opacity=0);-moz-opacity:0;}}
/*点赞数量加减动画结束*/
/*动态点赞结束*/
.zanList{position: relative;}
.zanList .praise{width: 2rem;bottom: 0.02rem;margin: 0;float: left;}
.zanList #praise{float: left;margin: 0;width: 0.4rem;}
.zanList #praise-txt{float: left;margin-top: 0.05rem;margin-left: 0;}
.phb_nr li{position: relative;}
.zanMedia {position: relative; height: 573px;}
.zanMedia .praise{width: 130px;    position: absolute;bottom: -35px;    margin: 0px auto;}
.zanMedia #praise{    float: left;}
.zanMedia .praise img {width: 25px !important;height: 25px;}
.zanMedia #praise-txt{    float: left;color: #a8a9a9;}
.zanPic {position: relative;}
.zanPic .praise{width: 130px;    position: absolute;bottom: 0px;right: 0; margin: 0;}
.zanPic #praise{    float: left;}
.zanPic .praise img {width: 25px !important;height: 25px;}
.zanPic #praise-txt{    float: left;color: #a8a9a9; text-align: left;}
.mjrzq{font-size: 0.18rem !important;color: #ff6460 !important;}
.zanList .praise img{    width: 0.35rem !important;height: 0.35rem;}
.zanList .praise { height: 0.55rem !important;}





/*开服排行页面*/
.esy_kwn{padding: .2rem 0;}
.esy_kwn li{display: block;width: 31.66%;height: .7rem;line-height: .7rem; float: left;margin: 0 2% .2rem 0;cursor: pointer;font-size: .24rem;}
.esy_kwn li:nth-child(3n+3){margin-right: 0px;}
.esy_kwn li a{display: block;width: 100%;height: 100%;background: #f8f8f8;border: 1px #e2e2e2 solid; font-size: .28rem; color: #666;padding: 0 5px;box-sizing: border-box;border-radius: 5px;text-align: center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
.esy_kwn li a:hover{ border:1px solid #38c34b;background:#38c34b;color: #fff;}


.esy_kbn{background: rgba(255, 255, 255, 0.5);padding:0;}
.esy_kbn dt{ height: .8rem;}
.esy_kbn dt ul{ height:.8rem;background: #38c34b;}
.esy_kbn dt li{ width: 14.28%;line-height:.8rem; float: left;text-align: left; font-size: 15px; color: #fff;box-sizing: border-box;padding:0px .1rem;font-weight: bold;}
.esy_kbn dd ul{height: .8rem;border-left: 1px solid #eaeaea;border-right: 1px solid #eaeaea;}
.esy_kbn dd li{ width: 14.28%; line-height:.8rem; float: left;text-align: left;font-size: .24rem;color:#333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; background: #fafafa;border-bottom:1px solid #eaeaea; box-sizing: border-box;padding:0px .1rem;}
.esy_kbn dd li a{color: #333;}
.esy_kbn dd ul:hover li{ background:#f6f5f5;}
.esy_kbn dd ul:hover li a{ color: #333;}
.esy_kbn dd li:nth-child(1),.esy_kbn dd li:nth-child(2),.esy_kbn dt li:nth-child(1),.esy_kbn dt li:nth-child(2){ width: 22%;}
.esy_kbn dd li:nth-child(3),.esy_kbn dt li:nth-child(3){ width: 56%;}
.esy_kbn dl:last-of-type dd ul{border-left: 1px solid #ededed;border-right: 1px solid #ededed;}
.esy_kbn dl:last-of-type dd li{background: #fff;border-bottom: 1px solid #ededed;}
.esy_kbn dl:last-of-type dd ul:hover li{ background: #f6f5f5;}
.esy_kbn dl:last-of-type dd ul:hover li a{color: #333;}
.esy_kbn dd ul:hover li:last-child a,.esy_kbn dl:last-of-type dd ul:hover li:last-child a{color: #fff;background: #ff6460;}
.kfb-top{margin-top: 15px;}
.esy_xoabt{width: 100%;height: .8rem;border-bottom: 1px #eaeaea solid;margin-bottom: .2rem;}
.esy_xoabt li{width: 33.33%; display: inline-block;color:#666;float: left;height:.8rem;line-height: .7rem;cursor: pointer;padding: 0 .1rem;box-sizing: border-box;border-bottom: 2px #fff solid; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-align: center;font-size: .3rem;}
.esy_xoabt li.thistab{color: #ff6460;
    position: relative;}
    .esy_xoabt li.thistab::before {
        display: inline-block;
        position: absolute;
        left: 25%;
        bottom: 0;
        width:50%;
        height: 2px;
        content: '';
        background: #ff6460;
      } 



.esy_xoa{margin-top: .2rem;padding: .2rem;position: relative;}
.esy_xoa_lb a{display: inline-block;border: 1px solid #e2e2e2;
  background-color: #f8f8f8;color: #666; box-sizing: border-box;float: left; margin-right: 2%;font-size: .28rem; margin-bottom: .2rem;line-height:.66rem; border-radius: 5px;padding: 0 .09rem;width: 31.66%;text-align: center;font-size: .24rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.esy_xoa_lb a:hover{color: #38c34b;border-color: #38c34b;background: #fff;}
.esy_xoa_lb a:nth-child(3n){margin-right: 0;}

.esy_kwnw{padding: .2rem;border: 1px #f5f5f5 solid;font-size: .24rem;line-height: .4rem;}
.dtico1{background: url(../images/wzdt.png) no-repeat 0px 0px;background-size: .55rem;}
.dtico2{background: url(../images/wzdt.png) no-repeat 0px -.7rem;background-size: .55rem;}
.dtico3{background: url(../images/wzdt.png) no-repeat 0px -1.45rem;background-size: .55rem;}
.dtico4{background: url(../images/wzdt.png) no-repeat 0px -2.2rem;background-size: .55rem;}
.dtico5{background: url(../images/wzdt.png) no-repeat 0px -2.9rem;background-size: .55rem;}
.dtico6{background: url(../images/wzdt.png) no-repeat 0px -8.8rem;background-size: .55rem;}
.dtico7{background: url(../images/wzdt.png) no-repeat 0px -3.65rem;background-size: .55rem;}
.dtico8{background: url(../images/wzdt.png) no-repeat 0px -4.4rem;background-size: .55rem;}
.dtico9{background: url(../images/wzdt.png) no-repeat 0px -5.1rem;background-size: .55rem;}
.dtico10{background: url(../images/wzdt.png) no-repeat 0px -5.85rem;background-size: .55rem;}
.dtico11{background: url(../images/wzdt.png) no-repeat 0px -6.55rem;background-size: .55rem;}
.dtico12{background: url(../images/wzdt.png) no-repeat 0px -7.25rem;background-size: .55rem;}



.esydt_t{position: relative;}
.esydtb{ position: absolute; right: 0px;cursor: pointer;top:.15rem; color: #ff6460;font-size: .22rem;width: 2rem;height: .4rem;line-height: .4rem;text-align: right;}
.esydt_box dd.esydt_n ul{height: 150px;overflow: hidden;}
.esydt_box dd.esydt_n ul.show{height: auto;}




#imgTemp_x_viewer{width: 88% !important;max-width: 88% !important;}


.page a{padding: 0.15rem 0.25rem;line-height: 0.30rem;color: #666;font-size: 0.24rem;border: 1px #ededed solid;display: inline-block;background: #eee;width: 100%;box-sizing: border-box;}
.page span{padding: 0.15rem 0.25rem;line-height: 0.30rem;color: #666;font-size: 0.24rem;border: 1px #ededed solid;display: inline-block;background: #f5f5f5;width: 100%;box-sizing: border-box;}
.page a,.page span{display: inline-block;width: 45%;}






.esy_gxt{width: 100%;padding: 0 .2rem;background: #fff;border-bottom: 1px #eaeaea solid;}
.esy_gxt li{float: left;width:15.83%;height: .8rem;margin-bottom: .1rem; margin-right: 1%; cursor: pointer; line-height: .8rem;color:#666; border-bottom: 2px solid #fff;text-align: center;border-radius: 2px; font-size: .3rem;overflow: hidden;position: relative;}
.esy_gxt li:nth-child(6n){margin-right: 0;}
.esy_gxt li.active{color: #ff6460;
    border-bottom: 2px solid #ff6460;
    position: relative;}





.yxlb2 li{height: 1.5rem;}
#newList .tab{ display: none;}
#newList .tab.on{display: block;}
/*最新更新翻页*/
#page_navigation{width: 100%;text-align: center;margin: 10px auto;}
#page_navigation a{padding: 0.15rem 0.25rem;line-height: 0.30rem;color: #666;font-size: 0.24rem;border: 1px #ededed solid;display: inline-block;background: #eee;width: 46% !important;box-sizing: border-box;margin: 0 .05rem;}
#page_navigation a:hover,#page_navigation .active_page{ background: #ff4c4c; color: #fff; border: 1px #ff4c4c solid; text-decoration: none;}
#page_navigation a.page_link{display: none;}


/*404开始*/
.four_top{position:relative;margin-top:-1.05rem;}
.esyfour_cont{background: #fff;width: 100%;}
.esyfour_yf{padding: 1rem .2rem 1.2rem .2rem;width: 100%;margin-top: .4rem;}
.esyfour_yf .esyfour_left{width:100%;overflow: hidden;text-align: center;padding: 0;}
.esyfour_yf .esyfour_left img{width: auto;overflow: hidden;display: block;margin:0 auto;}
.esyfour_yf .esyfour_rig{margin-top:.3rem;width: 100%;}
.esyfour_yf .esyfour_tit{border-bottom: 1px #eee solid;padding-bottom: .2rem;margin-bottom: .2rem;}
.esyfour_yf .esyfour_tit h1{font-size: .36rem;line-height: .8rem;}
.esyfour_yf .esyfour_tit h1 i{color: #ff6460;}
.esyfour_yf .esyfour_tit p{font-size: .26rem;}
.esyfour_yf .esyfour_ms{font-size: .26rem;}
.esyfour_yf .esyfour_ms a{display: inline-block;padding: 0 .12rem;background: #38c34b;border-radius: 2px;height: .66rem;line-height: .66rem;color: #fff;font-size: .3rem;}
.esyfour_yf .esyfour_ms p{color: #888;height: .7rem;line-height:.7rem;vertical-align: top;margin-bottom:.1rem;}
.esyfour_yf .esyfour_ms p img{margin: 0 .05rem;width: .24rem;height: .24rem;overflow: hidden;display: inline-block;}

    

.xqzqa{ width:100%; display: inline-block; text-align: center;  margin-top: 0.3rem;  margin-bottom: 0.5rem;}
.xqzqa a{padding: 0.15rem 0.5rem; border: 1px solid #ff5500; border-radius: .2rem; margin-right: 0.3rem; color: #ff5500; font-size: 0.26rem;}





   /*开服表页面*/
   .esy_k_t{
    padding:.2rem 0 0;
  }
  .esy_k_t a{  
    max-width:95%;
    height: .62rem;
    line-height: .62rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    float: left;
    margin-right:.15rem;
    border-radius: 3rem;
    margin-bottom: .15rem;
    padding: 0 .2rem;
    box-sizing: border-box;
    color: #f1516c;
    font-size: .24rem;background: #ffedee;
  
  }


  .esy_k_t a:nth-child(2n) { color: #45b97c; background: #edfff5; }
  .esy_k_t a:nth-child(3n) { color: #796cb0; background: #f1edff; }
  .esy_k_t a:nth-child(4n) { color: #009ad6; background: #edfaff; }
  .esy_k_t a:nth-child(5n) { color: #4e72b8; background: #edf3ff; }
  .esy_k_t a:nth-child(6n) { color: #dea32c; background: #fff9ed; }
  .esy_k_t a:nth-child(7n) { color: #f69c9f; background: #ffedee; }
  .esy_k_t a:nth-child(8n) { color: #8f8f8f; background: #eeeeee; }
  .esy_k_t a:hover{background: #ff802b;color: #fff;}
  
  

  .esy_k_b ul{
    border-top: 1px #ddd dashed;margin-top: .3rem;padding-top: .3rem;
}
  .esy_k_b li{width: 100%;height: 1.5rem;margin-bottom: .3rem;border-bottom: 1px #eaeaea dashed;padding-bottom: .2rem;}
  .esy_k_b li img{width: 1.2rem; height: 1.2rem;border-radius: .26rem;float: left;margin-right: .2rem;}
  .esy_k_b li .info{width: 50%;float: left;}
  .esy_k_b li .bt{font-size: .3rem;font-weight: normal;color: #333333; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: .05rem;}
  .esy_k_b li .bt a{color: #333333;}
  .esy_k_b li .txt{display: block; font-size: .22rem;font-weight: 500;color: #999999;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
  .esy_k_b li .txt:nth-child(2){margin-bottom: .05rem;}
  .esy_k_b li .btn{width:1.6rem;
    height:.68rem;
    line-height:.68rem;
    font-size:.28rem;
    font-weight:bold;
    color:#FFFFFF;
    text-align:center;
    background:#ff6460;
    float: right;
    margin-top: .26rem;}
  .esy_k_b li .btn a{color: #38c34b;}
  .esy_k_b h1{height: .6rem;line-height: .6rem;font-size: .34rem; text-align: center;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding: 0 .2rem;display: block;color: #333;}
  .esy_k_s{margin-bottom: .2rem;text-align: center;font-size: .22rem;color: #999;}
  .esy_k_l{text-align: center;font-size: .22rem;color: #666;height: .3rem;line-height: .3rem;margin-top: .1rem;margin-bottom: .1rem;}
  .esy_k_l::before{content: "";width: .3rem;height: .3rem;background: url(../images/ll.png) no-repeat center center;margin-right: .1rem; background-size: .3rem .3rem;display: inline-block;vertical-align: top;}
  .esy_k_l em{color: #999;margin-left: 10px;}
  .esy_k_l span{width:1.5rem ;height: .3rem;display: inline-block; background: url(../images/pfimgh.png) repeat-x left center;vertical-align: top;position: relative;background-size: .3rem .3rem;}
  .esy_k_l span i{display: inline-block;position: absolute;left: 0;bottom: 0;background: url(../images/pfimg.png) repeat-x left center;vertical-align:top;height: .3rem;background-size: .3rem .3rem;}


/*评论*/

     .game-comment-list  li {
      padding: 0.44444rem 0 0.33333rem;
      border-bottom: 0.01389rem solid #EBEBEB; }
         .game-comment-list  li .user {
         width: 100%;
        height: .8rem;}
           .game-comment-list  li .user .avatar {
            display: inline-block;
            width: .8rem;
            height: .8rem;
            margin-right: 0.22222rem;
            border-radius: 50%;
            border: 0.01389rem solid rgba(0, 0, 0, 0.03);
            overflow: hidden; float: left;}
             .game-comment-list  li .user .name {
                display: inline-block;
                font-family: PingFangSC-Medium;
                font-size: 0.3rem;
                color: #45474D;
                letter-spacing: 0;
                line-height: 0.4rem;
            height: 0.4rem;overflow: hidden;width: 80%;}
         .game-comment-list  li .content {
          position: relative;
          display: block;
          font-family: PingFangSC-Regular;
          color: #616366;
          letter-spacing: 0;
          font-size: 0.24rem;
          line-height: 0.4rem;
          text-align: justify;margin-top: .15rem; padding-left: 1rem; }
         .game-comment-list  li .other {
          display: flex;
          justify-content: space-between; margin-top: -.05rem;}
           .game-comment-list  li .other .time {
            display: inline-block;
            font-family: PingFangSC-Regular;
            font-size: 0.24rem;
            color: #919499;
            letter-spacing: 0; }
           .game-comment-list  li .other .rl {
            display: flex;
            height: 0.44444rem;
            justify-content: space-around;
            align-items: center;}
             .game-comment-list  li .rl .item {
              margin-right: 0.44444rem; }
               .game-comment-list  li .rl .item:last-child {
                margin-right: 0; }
               .game-comment-list  li .rl .item .icon-like {
                display: inline-block;
                width: 0.44444rem;
                height: 0.44444rem;float: left;}
                 .game-comment-list  li .rl .item .icon-like {
                  background-image: url("../images/index.png");
                  background-repeat: no-repeat;
                  background-size: contain;
                  background-position: center center;background-size:80%; }
               .game-comment-list  li .rl .item .num {
                font-family: PingFangSC-Regular;
                font-size: 0.24rem;
                color: #919499;
                letter-spacing: 0;
                vertical-align: top; }

  /*相关资讯*/
.esy_zxa {
    width: 100%;
    overflow: hidden;
}
.esy_zxa li{
    display: block;
    box-sizing: border-box;
    position: relative;
    width: 100%;
    overflow: hidden;
    font-size: 0.28rem;
    color: #333333;
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-left: 0.4rem;
height: 0.6rem;
line-height: .6rem;
}
.esy_zxa li a{
  color: #333;
}

.esy_zxa li:before {
    content: '';
position: absolute;
left: 0;
width: .2rem;
height: .2rem;
top: .2rem;
background: url(../images/dian2.png) no-repeat;
background-size: .2rem .2rem;
}


.esyss_sp li{width: 100%;height: 3rem;overflow: hidden;margin-bottom: .3rem;}
.esyss_sp li img{width: 100%;height: 3rem;overflow: hidden;object-fit: cover;border-radius: 5px;}
.esyss_sp li a{width: 100%;height: 100%;display: inline-block;position: relative;}
.esyss_sp li .bt{display: block;
  width:86%;
  padding: 0 .1rem;
  height: .8rem;
  line-height: .8rem;
  border-radius: 5px;
  overflow: hidden;
  font-size: .28rem;
  background: rgba(44,51,65,0.5);
  position: absolute;
  top:50%;
  margin-top: -.4rem;
  left: 7%;
  color: #FFFFFF;
  text-align: center;}
  .esyss_sp li b{display: block;height:.8rem;width: .8rem;background:url(../images/bg4.png) center center no-repeat;content: ".";z-index: 11; position: absolute;z-index: 9;left: 0rem;bottom: 0rem;background-size: .4rem .4rem;}
  .esyss_sp li em{position: absolute;right: 0;bottom: .1rem;padding: .08rem .15rem;font-size: .24rem;color: #fff;border-radius: 5px 0 2px 0;}

  .g-today-title { width: 100%; height: 48px; padding-top: 0.1rem; display: block; overflow: hidden;background: #fff; }
  .g-today-title strong { width: auto; height: 38px; line-height: 38px; font-size: 0.34rem; font-weight: bold; color: #fff; padding: 0 35px 0 15px; background: #ff7777; float: left; display: inline; overflow: hidden; position: relative; zoom: 1; }
  .g-today-title strong i { width: 38px; height: 38px; background: #fff; border-radius: 18px / 37px; display: block; overflow: hidden; position: absolute; right: -30px; top: 0; }
  

  .g-today-top { width: 100%; height: auto; padding: .2rem .2rem; border-bottom: 1px solid #eee; display: -webkit-box; overflow: hidden; }

  .g-today-top img { width: 1.3rem; height: 1.3rem; margin: 0 .2rem 0 0; display: block; overflow: hidden;float: left;}

  .g-today-top .today-mid { width: auto; height: auto; box-sizing: border-box; display: block; overflow: hidden; -webkit-box-flex: 1; }
  .g-today-top .today-mid .ptit { width: 100%; height: .4rem; line-height: .4rem; font-size:.3rem; font-weight: normal; color: #333; display: block; overflow: hidden; margin-top: .08rem; }
  .g-today-top .today-mid .ptxt { width: 100%; height:.6rem; line-height: .3rem; font-size: .24rem; font-weight: normal; color: #999; display: block; overflow: hidden; margin: .08rem 0 0; }

.zqdqesy{background: url(../images/section-bg.png) no-repeat;background-size: 100% 100%;height: 5.4rem;padding: .3rem ;}
.zqdqesy .esy_xti p,.zqdqesy .esy_xti span a{color: #fff;}

.esy_hj{margin-top: .2rem;}
.esy_hj li { display: block; width: 100%; height: 3.6rem;  position: relative; padding: 0 0.1rem ; }
.esy_hj li a{display: block;background: #f5f5f5; border-radius: 5px;height: 100%;}
.esy_hj li a img { display: block; width: 100%; height: 2.22rem; border-radius: 5px 5px 0 0;object-fit: cover; }
.esy_hj li a .name { width: 6.4rem; height: 0.56rem; line-height: 0.56rem; color: #333333; font-size: 0.32rem; text-indent: 0.42rem; font-weight: bold; margin-top: 0.14rem; white-space: nowrap; overflow: hidden; position: relative; text-overflow: ellipsis;}
.esy_hj li a p.name::before{ content: ""; position: absolute; width: 0.07rem; height: 0.3rem; background: #ff6460; left: 0; top: 0; bottom: 0; margin: auto; }
.esy_hj li a .txt{ width: 6.4rem; height: 0.33rem; line-height: 0.33rem; color: #8e8e8e; font-size: 0.24rem; text-indent: 0.42rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }


  /*20220221*/
  .esy_k_b li{position: relative;}
  .esy_k_b li i{
    font-size: 12px;
    color: #fff;
    width: 22px;
    height: 22px;
    border-radius:.1rem 0 .1rem 0;
    background: rgba(0, 0, 0, .5);
    line-height: 22px;
    text-align: center;position: absolute;left: .01rem;top: 0; }
    .esy_k_b .swiper-slide:nth-child(1) li:nth-child(1) i{background: #ff6600}
    .esy_k_b .swiper-slide:nth-child(1) li:nth-child(2) i{background: #ffa800}
    .esy_k_b .swiper-slide:nth-child(1) li:nth-child(3) i{background: #ffc000}
    .esy_k_b li .info{width: 50%;}
    .esy_k_b ul{padding-top: 0;border-top: none;}
    .esy_k_b li img{margin-left: .01rem;}





    

    .esy_jbx li em.nfaie{color: #38c34b;cursor: pointer;}


    .hide{display: none;}
    .nfaiy{
    
      position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.7);
    z-index: 20;
      
      
     
    }
    .nfaiy2{
    
      position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.7);
    z-index: 20;
      
      
     
    }
    .nfeBox{
       
      position: fixed;
     top: 50%;
     left: 50%;
     -webkit-transform: translate(-50%,-50%);
     transform: translate(-50%,-50%);
     z-index: 30;
     height: 460px;
     background-color: #fff;
     -webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0,.2);
     box-shadow: 0 2px 8px 0 rgba(0,0,0,.2);
     border-radius: 12px;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     width: 90%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    }
    .nfeBox .rClose{position: absolute;bottom:-0.8rem;left: 50%;margin-left: -.4rem; text-align: center; background:url(../images/close.png) no-repeat;width:.8rem;height: .8rem;background-size: .8rem .8rem; border: 0; cursor: pointer;}
    .nfeBox .rClose2{position: absolute;bottom:-0.8rem;left: 50%;margin-left: -.4rem; text-align: center; background:url(../images/close.png) no-repeat;width:.8rem;height: .8rem;background-size: .8rem .8rem; border: 0; cursor: pointer;}
    .nfeBox .rTitle{position: relative;width: 100%;height:60px;line-height: 60px;border-radius: 8px 8px 0 0; text-align: left;background: #38c34b; font-size: .34rem;text-align: center; color: #fff;padding: 0 15px;box-sizing: border-box;}
    
    .nfeMain{width: 100%;
      height: 380px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding:.3rem;
      overflow-y: scroll;
    }
    .nfeMain p{text-align: left;margin-bottom: .2rem;font-size: .28rem;}
    .nfeMain strong{display: block;font-size:.3rem;
      margin-bottom: .05rem;
      color: #000;
      text-align: left;
      font-weight: normal;
      border-top: 1px #eaeaea dashed;
      padding-top: .12rem;
      margin-top: .08rem;
    }

    .esy_nxq h3{
     height: .5rem;
    margin: .5rem 0 .5rem 0;
    padding: 0 0 0 .15rem;
    font-size: .4rem;
    font-weight: 700;
    line-height: .4rem;
    text-indent: 0;
    border-left: 5px solid #ff6460;
    color: #ff6460;
    display: block;
    background: #fafafa;
    white-space:nowrap;
    overflow: hidden;
    text-overflow:ellipsis; /*省略号*/
    }
    
.xaznd-sj p{text-align: center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: .28rem;}
.xaznd-sj em{color:#999;margin: 0 .1rem;}

.xyyxx li em.nfaie{color: #33acff;cursor: pointer;}
.xyyxx li em.nfaie2{color: #33acff;cursor: pointer;}
.xyyxx {display: flex;flex-wrap: wrap;border-radius: 5px;padding: .1rem 0rem;}
.xyyxx li {width: 100%;font-size: .28rem;line-height: .6rem;float: left;background: #F8F8F8; overflow: hidden;white-space: nowrap;padding: 0 .3rem;box-sizing: border-box; text-overflow: ellipsis;margin: .08rem 0;}
.xyyxx li span {color: #555;display: inline-block;width: 1.2rem;text-align: right;margin-right: .15rem;margin-left: -.1rem;}
.xyyxx li em{color: #999;font-size: .26rem;overflow: hidden;}
.xyyxx li a{color: #33acff;}
.xyyxy .btn {display: block;line-height: 0.4rem;font-size: .34rem;background: #33acff;border-radius: .2rem;color: #fff;text-align: center;margin: 0 1rem .3rem;padding:.1rem 0}
.xyyxy .btn p{font-size: .2rem;}

.xaznd-sj p{text-align: center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: .28rem;}
.xaznd-sj em{color:#999;margin: 0 .1rem;}



/****240113最新更新2*****/
.fn_zxlb{ display: block;}
.fn_zxlb li{ margin-top: 0.2rem; display: inline-block; padding-bottom: 0.2rem; border-bottom: 1px solid #eee;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.fn_zxlb li a{color: #000;font-size:.26rem;}
.fn_zxlb span{color: #999;float:right;font-size:.20rem;line-height:.5rem;}
.fn_zxlb li em {
    float:left;
    display:block;
    width:1.1rem;
    height:.4rem;
    background:#f39600;
    border-radius:6px 6px 4px 6px;
    text-align:center;
    line-height:.4rem;
    margin-top:1px;
    font-weight: bold;
    margin-right: .15rem;
   }
.fn_zxlb li a.fn_zxlbys{color: #FFFFFF;font-size:.20rem;}




.esyzhx .hjbtn3{float: right;
    width: 1.4rem;
    height: .6rem;
    overflow: hidden;
    text-align: center;
    line-height: .6rem;
    font-size: .28rem;
    background: #00B8F5;
    color: #fff;margin-top: .35rem;}
	




/* hjxq */
.hya_xsimg {
  width: 100%;
  height: 195px;
  position: relative;
  margin-bottom: 0px;
  padding: 0;
  background: #fff;
  overflow: hidden;
  z-index: 10;
}
.hya_xsimg img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 195px;
  z-index: 11;
  object-fit: cover;
}
.hya_xsimg .hya_jsny {
  width: 100%;
  height: 85px;
  padding: 8px;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.6);
  position: absolute;
  left: 0;
  bottom: 0px;
  z-index: 12;
  color: #fff;
  font-size: 15px;
}
.hya_xsimg .hya_jsny p {
  width: 100%;
  height: 66px;
  line-height: 25px;
}
.hya_xsimg .hya_jsny p marquee {
  width: 100%;
  height: 66px;
}
.hya_xbsj {
  width: 100%;
  height: auto;
  overflow: hidden;
  background-color: #fff;
  padding: 10px 12px;
  box-sizing: border-box;
}
.hya_xbsj h1 {
  max-width: 100%;
  height: auto;
  line-height: 30px;
  z-index: 10005;
  color: #444;
  overflow: hidden;
  font-size: 16px;
}
.hya_htsj {
  position: relative;
  float: left;
  line-height: 26px;
  height: 26px;
  width: 100%;
  background-color: #fff;
  margin-top: 4px;
  color: #666;
}
.hxgyk {
  margin-right: 16px;
  background: url(../images/gyskico.png) 0 1px no-repeat;
  background-size: 18px 14px;
  padding-left: 22px;
}
.hjxtime {
  background: url(../images/colltime.png) 0 1px no-repeat;
  padding-left: 22px;
}


.hya_jsny botton {
    width: 1.4rem;
    position: absolute;
    right: 0;
    bottom: -2px;
    cursor: pointer;
    color: #FF6633;
    font-size: 0.28rem;
    text-align: right;
	font-weight: bold;	
	background-image: linear-gradient(to right,rgba(249,249,249,0.8),rgba(249,249,249,1));
}


    .hide{display: none;}
    .hya_jdxz{
    
      position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.7);
    z-index: 20;
      
      
     
    }
	

    .hejBox{
       
      position: fixed;
     top: 50%;
     left: 50%;
     -webkit-transform: translate(-50%,-50%);
     transform: translate(-50%,-50%);
     z-index: 30;
     height: 280px;
     background-color: #fff;
     -webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0,.2);
     box-shadow: 0 2px 8px 0 rgba(0,0,0,.2);
     border-radius: 12px;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     width: 90%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    }
	
    .hejBox .hjsq2{position: absolute;bottom:4.7rem;left: 92%;margin-left: -.4rem; text-align: center; background:url(../images/hjbtg.png) no-repeat;width:.8rem;height: .8rem;background-size: .8rem .8rem; border: 0; cursor: pointer;}
	
    .hejBox .siaoen{position: relative;width: 100%;height:35px;line-height: 60px;border-radius: 8px 8px 0 0; text-align: left;background: #fff; font-size: .34rem;text-align: center; color: #fff;padding: 0 15px;box-sizing: border-box;}
    
    .hjsMain{width: 100%;
      height: 230px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding:.3rem;
      overflow-y: scroll;
    }
    .hjsMain p{text-align: left;margin-bottom: .2rem;font-size: .28rem;}
    .hjsMain strong{font-size:.3rem;
      margin-bottom: .05rem;
      color: #000;
      text-align: left;
      font-weight: normal;
      border-top: 1px #eaeaea dashed;
      padding-top: .12rem;
      margin-top: .08rem;
    }



/* 基础表格样式 */
.esy_nxq table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
  font-family: Arial, sans-serif;
  box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}


.esy_nxq thead th {
  background-color: #4CAF50;
  color: white;
  text-align: left;
  padding: 12px;
  border-bottom: 2px solid #ddd;
}


.esy_nxq tbody td {
  padding: 12px;
  border-bottom: 1px solid #ddd;
  transition: background-color 0.3s ease;
}


.esy_nxq tbody tr:nth-child(even) {
  background-color: #f9f9f9;
}


.esy_nxq tbody tr:hover {
  background-color: #f5f5f5;
}


.esy_nxq tbody td:last-child {
  text-align: right;
}

.esy_nxq em { font-style: italic;}











/* m更多相关表格1 */
#tfhover1.tftable1 {
    width: 100%;
    border-collapse: collapse;
    font-family: 'Segoe UI', 'Microsoft YaHei', sans-serif;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    border-radius: 8px;
    overflow: hidden;
}

#tfhover1.tftable1 th {
    background-color: #f8f9fa;
    color: #2c3e50;
    font-weight: 600;
    font-size: 16px;
    padding: 8px;
    border-bottom: 2px solid #e9ecef;
    text-align: center;
	word-break: break-all;
}

#tfhover1.tftable1 td {
    padding: 8px 6px;
    border-bottom: 1px solid #f1f3f5;
    transition: all 0.2s ease;
	word-break: break-all;
	
}

#tfhover1.tftable1 tr:last-child td {
    border-bottom: none;
}

#tfhover1.tftable1 tr:hover td {
    background-color: #f8fafc;
    transform: translateY(-1px);
}

#tfhover1.tftable1 a {
    color: #3498db;
    text-decoration: none;
    font-weight: 500;
    transition: color 0.2s;
    display: flex;
	color: rgb(0, 112, 192);
	max-width: 160px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;
}


/* 更多相关表格2 */
#tfhover2.tftable2 {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 8px;
    background: linear-gradient(135deg, #f5f7fa 0%, #f8f9ff 100%);
    font-family: 'Playfair Display', Georgia, serif;
    position: relative;
    padding: 10px;
    border-radius: 24px;
    overflow: visible;
}


#tfhover2.tftable2::before {
    content: '';
    position: absolute;
    top: -20px;
    left: -20px;
    right: -20px;
    bottom: -20px;
    background: 
        radial-gradient(circle at 20% 30%, rgba(173, 216, 230, 0.15) 0%, transparent 50%),
        radial-gradient(circle at 80% 20%, rgba(221, 160, 221, 0.1) 0%, transparent 50%),
        radial-gradient(circle at 40% 80%, rgba(152, 251, 152, 0.1) 0%, transparent 50%);
    z-index: -1;
    border-radius: 32px;
}

#tfhover2.tftable2 th {
    background: linear-gradient(135deg, #6a11cb 0%, #2575fc 100%);
    color: white;
    font-weight: 600;
    font-size: 18px;
    padding: 5px;
    text-align: center;
    border-radius: 18px 18px 8px 8px;
    box-shadow: 0 8px 32px rgba(106, 17, 203, 0.2);
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
	word-break: break-all;
}

#tfhover2.tftable2 th::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(90deg, 
        transparent 0%, 
        rgba(255, 255, 255, 0.2) 50%, 
        transparent 100%);
    transform: translateX(-100%);
    animation: shimmer 3s infinite;
}



#tfhover2.tftable2 td {
    padding: 0;
    background: white;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 
        0 4px 20px rgba(0, 0, 0, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.8);
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    border: 1px solid rgba(255, 255, 255, 0.5);
	word-break: break-all;
}

#tfhover2.tftable2 tr:hover td {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 
        0 12px 40px rgba(106, 17, 203, 0.15),
        inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

#tfhover2.tftable2 td::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #6a11cb, #2575fc);
    opacity: 0.8;
}

#tfhover2.tftable2 a {
    color: #2c3e50;
    text-decoration: none;
    font-weight: 500;
    display: flex;
    padding: 5px 5px;
    position: relative;
    z-index: 1;
    transition: all 0.4s;
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(5px);
	color: rgb(0, 112, 192);
	max-width: 152px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;
}


/* 更多相关表格3 */
#tfhover3.tftable3 {
    width: 100%;
    border-collapse: collapse;
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 16px;
    box-shadow: 
        0 8px 32px rgba(31, 38, 135, 0.15),
        inset 0 1px 0 rgba(255, 255, 255, 0.2);
    font-family: 'SF Pro Display', -apple-system, BlinkMacSystemFont, sans-serif;
    overflow: hidden;
}

#tfhover3.tftable3 th {
    background: rgba(255, 255, 255, 0.25);
    color: #1d1d1f;
    font-weight: 600;
    font-size: 16px;
    padding: 5px;
    text-align: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    letter-spacing: -0.01em;
    position: relative;
	word-break: break-all;
}

#tfhover3.tftable3 th::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 20%;
    width: 60%;
    height: 2px;
    background: linear-gradient(90deg, transparent, rgba(0, 122, 255, 0.6), transparent);
}

#tfhover3.tftable3 td {
    padding: 5px 5px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
	word-break: break-all;
}

#tfhover3.tftable3 tr:last-child td {
    border-bottom: none;
}

#tfhover3.tftable3 tr:hover td {
    background: rgba(255, 255, 255, 0.2);
    transform: translateX(10px);
}

#tfhover3.tftable3 a {
    color: #007AFF;
    text-decoration: none;
    font-weight: 500;
    display: flex;
    padding: 1px 0;
    position: relative;
    transition: all 0.3s;
	color: rgb(0, 112, 192);
	max-width: 160px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;
}


/* 更多相关表格4 */
#tfhover4.tftable4 {
    width: 100%;
    border-collapse: collapse;
    background: #f8fcff;
    border-radius: 10px;
    overflow: hidden;
    font-family: 'Segoe UI', system-ui, sans-serif;
}

#tfhover4.tftable4 th {
    background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
    color: white;
    padding: 5px;
    text-align: center;
    font-weight: 500;
    font-size: 15px;
    letter-spacing: 0.5px;
	word-break: break-all;
}

#tfhover4.tftable4 td {
    padding: 5px 5px;
    border-bottom: 1px solid #e8f4ff;
	word-break: break-all;
}

#tfhover4.tftable4 tr:last-child td {
    border-bottom: none;
}

#tfhover4.tftable4 tr:hover td {
    background: #f0f9ff;
}

#tfhover4.tftable4 a {
    color: #0891b2;
    text-decoration: none;
    display: flex;
    align-items: center;
    padding: 4px 0;
	color: rgb(0, 112, 192);
	max-width: 160px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;
}


/* 更多相关表格5 */
#tfhover5.tftable5 {
    width: 100%;
    border-collapse: collapse;
    background: #e0e5ec;
    border: none;
    border-radius: 20px;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    overflow: hidden;
    box-shadow: 
        9px 9px 16px rgba(163, 177, 198, 0.6),
        -9px -9px 16px rgba(255, 255, 255, 0.5);
}

#tfhover5.tftable5 th {
    background: linear-gradient(145deg, #d1d9e6, #ffffff);
    color: #2c3e50;
    font-weight: 600;
    font-size: 17px;
    padding: 5px;
    text-align: center;
    border-bottom: 2px solid #e0e5ec;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.8);
	word-break: break-all;
    box-shadow: 
        inset 2px 2px 5px rgba(163, 177, 198, 0.3),
        inset -2px -2px 5px rgba(255, 255, 255, 0.8);
}

#tfhover5.tftable5 td {
    padding: 8px;
    transition: all 0.3s;
    position: relative;
	word-break: break-all;
}

#tfhover5.tftable5 tr:nth-child(odd) td {
    background: #e0e5ec;
}

#tfhover5.tftable5 tr:nth-child(even) td {
    background: #f0f3f7;
}

#tfhover5.tftable5 tr:hover td {
    background: linear-gradient(145deg, #ffffff, #d1d9e6);
    transform: translateY(-2px);
    box-shadow: 
        4px 4px 8px rgba(163, 177, 198, 0.4),
        -4px -4px 8px rgba(255, 255, 255, 0.8);
    z-index: 2;
}

#tfhover5.tftable5 td:first-child {
    border-left: 3px solid transparent;
}

#tfhover5.tftable5 tr:hover td:first-child {
    border-left-color: #3498db;
}

#tfhover5.tftable5 a {
    color: #2c3e50;
    text-decoration: none;
    font-weight: 500;
    display: flex;
    padding: 5px 5px;
    border-radius: 12px;
    background: #e0e5ec;
    transition: all 0.3s;
	color: rgb(0, 112, 192);
    box-shadow: 
        inset 2px 2px 5px rgba(163, 177, 198, 0.3),
        inset -2px -2px 5px rgba(255, 255, 255, 0.8);
	max-width: 145px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;
}