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


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

/*****头部****/
header {padding: 0.3rem 0 0.3rem;background: #0598fa;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; }
header .logo a {display: block;}
header .header-right { float: left;width: 100%;}
header .tel {float: right;margin-right: 0.2rem;margin-top: 0.20rem;}
header .tel img { width: 0.36rem; display: inline-block; margin-right: 0.08rem;vertical-align: text-bottom;}
header .tel em { font-size: 0.28rem;color: #d3b466;font-weight: bold;}
header .menu_open {width: 0.6rem;float: right;}
header .ss-top{width: 58%;float: left;}
header .ss-top:before {width: 0.24rem;height: 0.24rem;float: left;content: "";}
header .ss-top .ss-srk{width:70%;height: 0.6rem;line-height: 0.6rem;border-radius: 0.3rem 0 0 0.3rem;margin: 0;padding-left: 0.2rem;float: left;font-size: 0.24rem;}
header .ss-top .ss-an{width: 16%;height: 0.6rem;line-height: 0.6rem;text-align:center;color:#fff;border-radius: 0px 3rem 3rem 0px;background:#fff url(../images/ico_img_cha.png) no-repeat center center;font-size: 0.24rem;float: left;}

/*****导航****/
.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: 1.1rem;right: -100%;background-color: #fff;float: left;transition-duration: .5s;overflow: auto;}
.nav.open{right: 0;transition-duration:.5s;transition-delay:.2s;}
.nav-top{padding-bottom:.10rem;border-bottom:1px solid #eee;padding-left:.3rem;background:#008eec;}
.nav-top .phone{width:3.2rem;height:.6rem;line-height:.6rem;background-color:#008eec;border-radius:.3rem;text-align:center;margin-top:.2rem;float:left;font-size:.36rem;margin-left:1.5rem;color:#fff;}
.nav-top .phone a{font-size:.36rem;color:#fff;}
.nav-top .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:.20rem 0;border-bottom:1px solid #eee;width: 33%;float: left;text-align: center;}
.nav ul li p{font-size:.32rem;color:#fff;padding: 0rem ;}
.nav ul li p a{color:#333;}

.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.68rem;height: 0.68rem;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;}


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

/*****底部****/
footer {background-color: #2a2a2b;padding: 0.7rem 0.23rem 1.6rem 0.32rem;position: relative;}
footer .footnav {margin-bottom: 0.3rem; text-align: center;}
footer .footnav p{ font-size:0.3rem; line-height: 0.3rem; color: #fff;}
footer .footnav p a{ margin: 0 0.1rem; color:#fff;}
footer .foot_n p{ font-size: 0.24rem; color: #aaaaaa; text-align: center; line-height: 0.4rem;}
footer .foot_n a{color: #aaaaaa;}
.submenu {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;}
.submenu ul li { float: left; width: 20%;text-align: center;}
.submenu ul li .pic {width: 0.45rem;height: 0.45rem;margin: 0 auto 0.05rem;}
.submenu ul li p {font-size: 0.24rem;color: #333;}

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

/*****焦点图*****/
.jdtimg{height: 4.2rem;background: #fff;padding-top: .4rem;margin-bottom: 0.15rem;padding: 0.2rem 0 0 0 !important;}
.jdtimg img{width: 100%;height: 3.9rem;overflow: hidden;object-fit: cover;}
.jdtimg .swiper-slide a{display: block;width: 100%;height: 100%;position: relative;}
.jdtimg .swiper-pagination-bullet{width: 10px; height:10px;background: rgb(255,255,255);border-radius: 0.3rem;opacity: .5;margin-right: 0.1rem;}
.jdtimg .swiper-pagination-bullet-active{opacity: 1;}

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

/****热门游戏推荐****/
.rmyx{margin-top: 0.5rem;height: 0.5rem;overflow: hidden;}
.rmyx img{ width:0.3rem; height: 0.3rem; margin-right: 0.1rem;float: left; margin-top: 0.05rem;}
.rmyx p{font-size: 0.30rem;font-weight: bold;float: left;}
.rmyx span{font-size: 0.24rem; float: right;  margin-top: 0.05rem; 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: #0598fa;border: 1px solid #0598fa; 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.6rem;float: left;margin-left: 0.2rem;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: #999;font-size: 0.24rem;margin:.08rem 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: #0598fa;margin-left:0.1rem;}
.yxfl_n p{font-size: 0.20rem;color: #888;display: block;width: 100%;}



.yx_bwlb .swiper-slide li{overflow: hidden;margin:.2rem 0;position: relative;display: flex;align-items: center;border-bottom: 1px #eaeaea solid;padding-bottom: .3rem;}
.yx_bwlb .swiper-slide li:last-child{margin-bottom: 0px;border-bottom: none;}
.yx_bwlb .swiper-slide .g-yxlbz{width: 5.5rem;float: left;}
.yx_bwlb .swiper-slide .g-yxlbz img{width: 1.4rem;height: 1.4rem;overflow: hidden;border-radius: 0.24rem;float: left;margin-right: .2rem;}
.yx_bwlb .swiper-slide dl{width: 3.8rem;float: left;}
.yx_bwlb .swiper-slide dt{font-size: .32rem; height: .4rem;line-height: .4rem; overflow: hidden;font-weight: normal;white-space: nowrap;text-overflow: ellipsis;margin-bottom: .1rem;}
.yx_bwlb .swiper-slide dt a{color: #333;}
.yx_bwlb .swiper-slide dd:nth-child(2){font-size: .24rem;color: #aaa; height: .4rem;line-height: .4rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.yx_bwlb .swiper-slide dd:nth-child(2) em{display: inline-block;float: left;margin-right: .5rem;position: relative;}
.yx_bwlb .swiper-slide dd:nth-child(2) em:nth-child(1)::after{content: "";position: absolute;top: 4px;right: -12px;height: 10px;width: 1px;background: #E5E5E5;}
.yx_bwlb .swiper-slide .g-yxlby{display: block;width: 1.06rem;height: .52rem;position: absolute;font-size: .22rem; bottom: .72rem;right: .1rem;line-height: .52rem;text-align: center; box-sizing: border-box;background:#fff;border-radius: 5px;color: #fff;background: #30acff; border: 1px #30acff solid;}
.yx_bwlb .swiper-slide dd:nth-child(3){font-size: .22rem;color: #888; height: .4rem;line-height: .4rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}




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

.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;}

.hj_sylb{position: relative;display: block;}
.hj_sylb .swiper-container {margin-top: 0.3rem;padding: 0.05rem 0;}
.hj_sylb .swiper-slide {padding: 0;box-sizing: border-box;width: 3.4rem ;padding:0 0.15rem;height: 3.2rem;}
.hj_sylb .swiper-slide a{display: block; height: 3.2rem;background: #fff;border-radius: 0.12rem;position: relative;margin: 0;box-shadow: 0px 2px 5px #eee;}
.hj_sylb .swiper-slide:nth-child(odd){ border-right: none;}
.hj_sylb .swiper-pagination{ margin-top: 0.2rem; width: 100%;}
.hj_sylb .swiper-pagination-bullet { margin-left: 0.15rem; background-color: #dddddd; opacity: 1;}
.hj_sylb .swiper-pagination-bullet-active {background-color: #0598fa;width: 0.6rem;border-radius: 0.1rem;}
.hj_sylb .swiper-slide img{height: 2rem;overflow: hidden;object-fit: cover;border-radius: .12rem .12rem 0 0;}
.hj_sylb .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;}
.hj_sylb .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;}

.hj_sylb ul{display: table;}
.hj_sylb li{width: 33.33%; float: left;height: .6rem;margin-top: .2rem;}
.hj_sylb li a{width: 90%;border: 1px solid #e0e0e0; border-radius:30px;padding: 0 3%;box-sizing: border-box;  display: block; height: 100%; text-align: center;  line-height:.6rem;font-size: .24rem;color: #666666; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.hj_sylb li:nth-child(1) a,.hj_sylb li:nth-child(5) a,.hj_sylb li:nth-child(6) a,.hj_sylb li:nth-child(11) a,.hj_sylb li:nth-child(12) a{color: #3d85cc;border-color: #3d85cc;}
.hj_sylb li:nth-child(2) a,.hj_sylb li:nth-child(7) a,.hj_sylb li:nth-child(10) a,.hj_sylb li:nth-child(15) a{color: #3dcc9c;border-color: #3dcc9c}
.hj_sylb li:nth-child(3) a,.hj_sylb li:nth-child(8) a,.hj_sylb li:nth-child(13) a{color: #ff4c4c;border-color: #ff4c4c;}
.hj_sylb li:nth-child(4) a,.hj_sylb li:nth-child(9) a,.hj_sylb li:nth-child(14) a{color: #e68a00;border-color: #e68a00;}


.hot_xwlb 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;}
.hot_xwlb li:first-child {border-top: 0;}
.hot_xwlb li .img-a{width: 2.2rem;height: 1.4rem;overflow: hidden;}
.hot_xwlb li .img-a img{border-radius: .06rem;width: 100%;height: 100%;overflow: hidden;}
.hot_xwlb li .strategy-con {width: 4.6rem;height: 1.4rem;display: flex;flex-direction: column;justify-content: flex-start; align-items: flex-start;}
.hot_xwlb li .strategy-con a{width: 100%;overflow: hidden; max-height: .8rem;line-height: .4rem;font-size: .28rem;color: #333; margin-bottom: .2rem; text-align: left;}
.hot_xwlb li .strategy-con div{font-size: .22rem;color: #c2c2c2;}
.hot_xwlb li .strategy-con div span{font-size: .22rem;color: #c2c2c2;padding: 0 .12rem;display: inline-block;max-width: 1.8rem;height: .36rem;line-height: .36rem;overflow: hidden;vertical-align: bottom;}

/*****排行榜*****/
.phb{display: inline-block;width: 100%; margin-top: 0.3rem;}
.phb .tabs {display: inline-block;margin:0; width: 100%; border: 1px solid #0598fa; 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: #0598fa;}
.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;}


/*****友情链接*****/
.yqljlb{ width: 100%;display: inline-block;}
.yqljlb li{width: 31%;box-sizing: border-box;line-height: 0.7rem;border-radius: 30px;text-align: center; float: left;overflow: hidden;margin-top: 0.2rem;white-space: nowrap;border: 1px solid #eee; text-overflow: ellipsis;height: 0.7rem;margin-right: 3%;padding: 0 0.1rem;}
.yqljlb li a{ color: #454545;}
.yqljlb li:nth-child(3n){ margin-right:0px;}


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

/****游戏库分类****/
.yxtc1{display: inline-block;}
.yxtc1 li{width: 2.2rem;height: 1.3rem;float: left;margin-right: 0.25rem;border: 1px solid #dddddd;padding: 0.25rem 0.2rem;box-sizing: border-box;border-radius: 0.1rem;margin-top: 0.3rem;}
.yxtc1 li:nth-child(3n){margin-right: 0;}
.yxtc{display: inline-block;}
.yxtc li{width: 2.2rem;height: 1.3rem;float: left;margin-right: 0.25rem;border: 1px solid #dddddd;padding: 0.25rem 0.20rem;box-sizing: border-box;border-radius: 0.1rem;margin-top: 0.3rem;}
.yxtc li:nth-child(3n){margin-right: 0;}
.yxtc_t{width: 0.65rem;height: 0.65rem;float: left;margin-top: 0.05rem;}
.yxtc_t img{width: 100%; height: 100%;  margin-top: 0.05rem;}
.yxtc_n{float: left;display: inline-block;margin-left: 0.10rem;width: 1rem;overflow: hidden;}
.yxtc_n h4{  font-size:0.26rem; font-weight: bold; color: #333333;}
.yxtc_n p{font-size: 0.20rem;color: #0598fa;display: block;width: 100%;}
.yxtc_t span.iconfont{font-size: 0.65rem;color: #333;}
.yxtc_t a{line-height: 0.65rem;}


.yxtc{overflow: hidden;}
.yxtc ul{overflow: hidden;height: 4.8rem;}
.yxtc .show {height: auto;}
.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/rmyx1.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/rmyx2.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;}


/******游戏列表页*****/
.yxcolu{width: 100%; height: 0.8rem;}
.yxcolu a{width: 22%;text-align: center;display: block;line-height: 0.8rem;float: left;font-size: 0.30rem;color: #333;}
.yxcolu a.active{ color: #f55555;}
.yxcolu a.filter-bar{color: #f55555;text-align: right;width: 30%;}
.yxcolu a.filter-bar img{width: 0.3rem;height: 0.3rem;margin-right: 0.2rem;float: right;margin-top: 0.26rem;margin-left: 0.1rem;}


.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: #0598fa; color: #FFFFFF; border: 1px solid #0598fa;}


.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: #eee;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: #f5f5f5;width: 100%;box-sizing: border-box;}
.page li a:hover,.page li a.phover{ background: #00a3af; color: #fff; border: 1px #00a3af solid; text-decoration: none;}

/*****新闻列表页****/
.xwlb_box{ display: block;}
.xwlb_box .xwlb_yb p{margin-top: 0.22rem;color: #888888;}
.xwlb_box li{ padding-bottom: 0.3rem; border-bottom:1px dashed #ccc;height: 1.7rem;margin-top: .2rem;}
.xwlb_box li:last-child{ padding-bottom: 0rem; border-bottom: 0px solid #eee;}


.hotzt_lb{display: inline-block;margin-top: .2rem;}
.hotzt_lb li{height: .66rem; border:1px #eaeaea solid; border-radius: .18rem; margin-right: 2%;padding: 0 1%; line-height: .66rem;text-align: center;font-size: .26rem;color: #999;margin-bottom: .12rem;width: 47%;display: inline-block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.hotzt_lb li a{ font-size: 0.24rem; color: rgb(143, 125, 125);}
.hotzt_lb li:nth-child(2n){margin-right: 0;}


.sp_jxlb{ width: 100%; display: inline-block;padding: 0 !important;}
.yxbz_li{padding: .1rem;}
.yxbz_li li{width: 46%; margin-bottom: .2rem;float: left;margin:.1rem 2%;}
.yxbz_li li img{width: 100%; height: 2rem; object-fit: cover; border-radius: 5px;overflow: hidden;}
.yxbz_li li p{margin-top: 10px; text-align: center;height: .4rem;color: #333; line-height: .3rem;width: 100%;font-size: .27rem; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.yxbz_li li:nth-of-type(3),.yxbz_li li:nth-of-type(8){width: 96%;}
.yxbz_li li:nth-of-type(3) img,.yxbz_li li:nth-of-type(8) img{height: 3rem;}


.splbbox li{box-sizing: border-box;padding: 0 0.15rem;float: left;width: 50%;height: 2.8rem;position: relative;}
.splbbox li img{border-radius: 0.15rem;display: block;width: 100%;height: 2.25rem;object-fit: cover;overflow: hidden;}
.splbbox li::before{content: "";width: .6rem;height: .6rem;display: inline-block;background: url(../images/play_b.png) no-repeat;background-size: .6rem .6rem;position: absolute;left: 50%;margin-left: -.3rem;top: 29%;}
.splbbox li p{line-height: 0.25rem;padding: 0.15rem 0.15rem 0.2rem 0.15rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

/* 软件详细页面 */
.game_download {position: relative;overflow: hidden;}
.game_download .bg {height: 4.26rem;position: relative;left: 0;right: 0;width: 100%;overflow: hidden;}
.game_download .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;}
.game_download .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);}
.app-box {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);}
.app-box .img {text-align: center;width: 2rem;margin: 0 auto;}
.app-box .img img { width: 2rem; height: 2rem; display: block;  border-radius: .48rem; margin-top: -1.4rem;}
.app-box h1 {font-size: .4rem;text-align: center;line-height: 2;font-weight: bold;letter-spacing: 0.02rem;}
.infos {display: flex;flex-wrap: wrap;padding: .1rem .8rem .2rem}
.infos li {width: 50%;font-size: .24rem;line-height: .5rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.infos li span {color: #999;}
.app-box .btn {display: block;line-height: 0.4rem;font-size: .34rem;background: #f55555;border-radius: .2rem;color: #fff;text-align: center;margin: 0 1rem .3rem;padding:.1rem 0}
.app-box .btn p{font-size: .2rem;}
.yxxq{ width: 100%; display: inline-block;}
.game_xbt{width: 100%;height: 0.7rem;margin-bottom: 0;}
.game_xbt p{font-size: 0.32rem;height: 0.68rem;line-height: 0.68rem;display: inline-block;width: auto;}
.game_xbt p::before{content: "";width: 4px;height: .3rem;display: inline-block;background: #0598fa;margin-right: .15rem;vertical-align: top;margin-top: .2rem;}
.game_xbt span{ float: right;    line-height: 0.68rem;}
.game_xbt span a{ font-size: 0.2rem; color: #888;    line-height: 0.68rem;}

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

.yxxq_n.show {height: auto;}
.yxxq .gmopen1{width: 1.5rem;height: 0.5rem;text-align: center;border-radius: 0.1rem;background-color: #fdeee7;color: #0598fa;line-height: 0.5rem; margin-top: 0.2rem;}

.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;}



/****新闻详细****/
.xwxx{padding-top: .3rem;}
.xwxx 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;}
.nxq_info{ width: 100%;text-align: center;}
.nxq_info .item{ color: #999999; font-size: 0.24rem;margin: 0 1%; display: inline-block;max-width: 46%;overflow: hidden;height: .22rem;line-height: .22rem;white-space: nowrap; text-overflow: ellipsis;}
.nxq_info .item .iconfont{color: #0598fa;}
.nxq_text{ padding: 0.3rem 0; font-size: 0.28rem; color: #666666;}
.nxq_text 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;}
.nxq_text p{ margin-bottom: 0.2rem; line-height: 1.8;margin-top:0.15rem;text-indent: 2em;clear:both;word-break: break-all;/*英文强制换行*/}
.nxq_text img{display: block;margin:auto;max-width: 80%;}

.nxq_text p:last-child{ margin-bottom: 0;}
.nxq_text  iframe{width:100% !important; height:300px !important;}
.nxq_text img {
    width: 100% !important;
    height: auto !important;
    width: auto\9;
    /* ie8 */
    display: block;
    -ms-interpolation-mode: bicubic;
    /*为了照顾ie图片缩放失真*/
}

.nxq_text{overflow: hidden;border-top: 1px solid #eee;margin-top: 0.3rem;}
.nxq_text.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;}

/***排行榜***/
.phb1{display: inline-block;width: 100%; margin-top: 0rem;}
.phb1 .yxn {width: 3.1rem;}

.phb_banner{ margin-top: 0.1rem;}
.crumbs1 {height: 0.70rem;line-height: 0.75rem;background-color: #eee;font-size: 0.24rem; color: #666666;    margin-top: 0rem;}
.crumbs1 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;}

.hjy_text{width: 100%;background-color: #fff;display: inline-block;margin-bottom: 0.2rem;box-shadow: 0px 2px 5px #eee;}
.hjy_text img{width: 100%;height: 4.1rem;object-fit: cover;}
.hjy_text h1{font-size: 0.3rem;font-weight: bold;text-align: center;margin-top: 0.2rem;color: #333;}
.hjy_text p{font-size: 0.24rem;line-height:0.36rem;margin: 0.2rem 0 0.5rem 0;padding: 0 0.3rem;color: #666;}
.hjy_text span{font-size: .22rem;padding: 0 0.3rem;display: block;margin-bottom: .1rem;box-sizing: border-box;text-align: center;color: #666;}

/*游戏合集*/
.yxhj_lb{background: #fff;overflow: hidden;padding-top: .3rem;padding-left: .1rem;}
.yxhj_lb li{position: relative; float: left;width: 3.25rem;margin-right: 0.4rem;margin-bottom: 0.4rem;}
.yxhj_lb li:nth-child(2n+2){margin-right: 0;}
.yxhj_lb li img{display: block; width: 100%;height: 1.83rem;border-radius: 0.12rem 0.12rem 0 0;object-fit: cover;}
.yxhj_lb li p{width: 100%; height: 0.7rem; line-height: 0.7rem; background: #F6F6F6; opacity: 1; border-radius: 0px 0px 0.08rem 0.08rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;font-size: 0.3rem;color: #333; text-align: center; box-sizing: border-box;padding: 0 0.2rem;}



.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;}

/*****关于我们****/
.about-tit{width: 100%; height: 0.8rem;}
.about-tit a{width: 20%;text-align: center;display: block;line-height: 0.8rem;float: left;font-size: 0.30rem;color: #333;font-weight: bold;}
.about-tit a.active{ color: #f55555;}


.about-rig{padding: 0;font-size: 0.28rem;color: #666666;overflow: hidden;}
.about-rig p{margin-bottom: 0.2rem;line-height: 1.8;margin-top:0.15rem;clear:both;overflow: hidden;word-wrap: break-word;word-break: normal;}
.about-rig 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: #0598fa;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.24rem;float: left; height: 1.24rem; overflow: hidden;}
.yxt img{ width: 100%; height: 100%; border-radius: 0.2rem;}

.game_li .yxt{ width: 1.3rem  !important; height: 1.3rem  !important;}


.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:#0598fa;margin:0 5px}
.lb-btn{width: 1.2rem;height: 0.7rem;float: right;border: 1px solid #0598fa; background: #0598fa;  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: #0598fa; 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 #0598fa; 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: #0598fa;}
.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;}
.phb_box li{ padding: 0.2rem;margin: 0.2rem auto 0 auto;width: 100%;height: 2.2rem;border-bottom: 1px #ddd dashed;display: inline-block;}
.phb_box .item-l,
.phb_box .item-r {
 float:left
}
.phb_box .item-l,
.phb_box .item-l a,
.phb_box .item-l img {
 width:1.5rem;
 height:1.5rem
}
.phb_box .item-l {
 position:relative;
 z-index:1
}
.phb_box .item-l i {
display: block;
left: -0.14rem;
top: -0.2rem;
width: 0.48rem;
height: 0.5rem;
line-height: 0.46rem;
padding-right: 0.04rem;
overflow: hidden;
font-size: 0.32rem;
font-style: normal;
text-align: center;
color: #201986;
background: url('../images/num.png') no-repeat;
background-size:100% auto;
font-weight: bold;
position: absolute;
}

.phb1 ul.phb_box:nth-child(1) li:nth-child(1) .item-l i{
    display:block;
    position:absolute;
    z-index:3;
    left:-0.3rem;
    top:-0.26rem;
    width: 1.32rem;
   height: 0.84rem;
   background: url('../images/nuy.png') no-repeat;
   background-size: 100% auto;
   
}

.phb1 ul.phb_box:nth-child(1) li:nth-child(2) .item-l i{
    display:block;
    position:absolute;
    z-index:3;
    left:-0.3rem;
    top:-0.26rem;
    width: 1.32rem;
   height: 0.84rem;
   background: url('../images/nue.png') no-repeat;
   background-size: 100% auto;
   
}

.phb1 ul.phb_box:nth-child(1) li:nth-child(3) .item-l i{
    display:block;
    position:absolute;
    z-index:3;
    left:-0.3rem;
    top:-0.26rem;
    width: 1.32rem;
   height: 0.84rem;
   background: url('../images/nus.png') no-repeat;
   background-size: 100% auto;
   
}

.phb1 ul.phb_box:nth-child(1) li:nth-child(1) .item-l i,.phb1 ul.phb_box:nth-child(1) li:nth-child(2) .item-l i,.phb1 ul.phb_box:nth-child(1) li:nth-child(3) .item-l i{
    font-size: 0;
}

.phb_box .item-r {
 width:4.8rem;
 margin-left:0.34rem ;
 position: relative;
}
.phb_box .elm {
 font-size:0
}
.phb_box .elm span,
.phb_box .elm a {
 *display:inline;
 *zoom:1;
 display:inline-block;
 vertical-align:middle
}
.phb_box .link-btn {
 margin-left:-0.05rem;
 margin-top:0.05rem
}
.phb_box .link-btn a {
 width:0.6rem;
 height:0.4rem;
 border-radius:0.05rem;
 margin-left:0.05rem;
 font-size:0.22rem;
 text-align:center;
 color:#3b74c7;
 line-height:0.4rem;
 border:1px solid #78aaf9;
 box-sizing:border-box;
 font-family:微软雅黑;
 font-weight:normal
}
.phb_box .role-info {
 height:0.3rem
}
.phb_box .name {
 display:block;
 height:0.5rem;
 overflow:hidden;
 font:0.32rem 微软雅黑
}
.phb_box p {
 color:#f2567e
}
.phb_box .item-b .name {
 color:#ef962d
}
.phb_box .item-c .name {
 color:#77a9fc
}
.phb_box .item-d .name {
 color:#6e7e88
}
.phb_box .item-e .name {
 color:#7c7a61
}
.phb_box .test-info {
 padding-top:0.1rem;
 box-sizing:border-box;

}
.phb_box .test-info span {
 width:50%;
 height:0.3rem;
 line-height:0.3rem;
 margin-top:0.14rem;
 overflow:hidden;
 font-size:0.24rem;
 color:#808080
}
.phb_box .test-info strong {
 font-size:0.22rem;
 color:#e97d8b;
 font-weight: normal;
 margin-left: .3rem;
}
.phb_box .item-a .test-info span {
 font-size:0.24rem;
 color:#808080
}
.phb_box .item-b .test-info span {
 color:#808080
}
.phb_box .item-c .test-info span {
 color:#808080
}
.phb_box .item-d .test-info span {
 color:#808080
}
.phb_box .item-e .test-info span {
 color:#808080
}
.phb_box .down-btn {
 height:0.6rem;
 margin-left:0rem;
 margin-top:0.2rem
}
.phb_box .down-btn a {
 width:1.5rem;
 height:0.52rem;
 line-height:0.52rem;
 border-radius:.05em;
 overflow:hidden;
 font-size:0.26rem;
 text-align:center;
 color:#fff;
 border:1px #fa7676 solid;
 background: #fa7676;
}
.phb_box .item-e .down-btn a {
 background-color:#6088e3
}
.phb_box .down-btn a.zq {
 border-color:#30acff;
 color: #fff;
 background: #30acff;
 margin-left: .15rem;
}


.phb_box .praise{ width: 2.5rem!important;    margin-top: 0rem!important;}
.phb_box{position: relative;}
.phb_box .praise{width: 2rem;margin: 0;position: absolute;left: 50%;top: .5rem;}
.phb_box #praise{float: left;margin: 0;width: 0.4rem;}
.phb_box #praise-txt{float: left;margin-top: 0.05rem;margin-left: 0;}
.phb_box #praise-txt em{display: inline-block;max-width: 1rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;vertical-align: top;}

.phb_box .praise img{ width: 0.35rem !important;height: 0.35rem;}
.phb_box .praise { height: 0.34rem !important;}



/*****礼包详情***/
.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 #0598fa; background: #0598fa;  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: #0598fa !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;}


/******搜索结果****/
.sea-tit{width: 100%;background: #f5f5f5;padding: .25rem 0 0 0;}
.sea-tit a{width: 17%;text-align: center;display: block;line-height: 0.6rem;height: .6rem;overflow: hidden; float: left;font-size: 0.28rem; color: #666;border: 1px solid #666;margin-left: 2%;border-radius: 5px;margin-bottom: .2rem;}
.sea-tit a.active{ color: #fff;background: #f55555;border-color: #f55555;}
.tag-box p{ font-size: 0.24rem; line-height: 30px;}
.ssyx{ width: 100%;  margin-top: 0.2rem; font-size: 0.3rem; font-weight: bold; margin-bottom: 0.1rem;}
.ssgd{ width: 100%; height: 0.7rem; line-height: 0.7rem; background: #ededed; font-size: 0.24rem; text-align: center; border-radius: 0.1rem; margin-top: 0.3rem; margin-bottom: 0.3rem;}

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

.ss_bzlb li{margin-top: .20rem;width: 47.5%;float: left;display: table;background-color: rgb(255,255,255);}
.ss_bzlb li:nth-child(2n){float: right;}
.ss_bzlb li img{width: 100%;border-radius: 10px;height: 2rem;object-fit: cover;overflow: hidden;}
.ss_bzlb li p{width: 100%;display: inline-block;height: .56rem;line-height: .56rem;overflow: hidden;text-align: center;color: #535353;}

/****玩家评论****/
.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 #0598fa;text-align: center;line-height: 0.62rem;border-radius: 0.1rem;margin-top: 0.25rem; background: #0598fa;}
.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;}


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



.wzdtlb dt{margin-top: 0.5rem;font-size: 0.3rem;font-weight: bold;height: .4rem;line-height: .4rem;}
.wzdtlb dt i{  width: .4rem; height: .4rem; display: inline-block; float: left; margin-right: 10px;vertical-align: middle;}
.wzdtlb dt a{color: #444;}
.wzdtlb dt a:hover{ color: #0598fa;}
.yxk_bq{overflow: hidden;height:auto;position:relative;}
.yxk_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;}
.yxk_bq li:nth-child(3n){margin-right: 0rem;}
.yxk_bq li a{height: 0.66rem;line-height: 0.66rem;color: rgb(143, 125, 125);text-align: center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.yxk_bq li a:hover,.yxk_bq a.maprmore:hover,.yxk_bq a.maprless:hover{ background: #0598fa; border-color: #0598fa; color: #fff; text-decoration: none;border-radius: .7rem;}
.yxk_bq li a,.yxk_bq a.maprmore,.yxk_bq a.maprless{width: 100%;display: inline-block;font-size: 0.24rem;}
.yxk_bq a.maprmore,.yxk_bq a.maprless{ height: 30px; line-height: 30px;color: #fff; text-indent: 18px;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%);}
.yxk_bq a.maprmore:before,.yxk_bq a.maprless:before{ content: ""; width: 9px; height: 5px; display: inline-block; background:url(../images/ghoticon.png) no-repeat -145px -96px; float: right; margin: 13px 18px 0px 0px;}
.yxk_bq 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: #0598fa; border-color: #0598fa; 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,.yxk_bq 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,.yxk_bq a.maprless{ margin-top: 10px; float: left;}


.maprk{overflow: hidden;height: 2.45rem;margin-top: 0.3rem;}
.maprk.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;}

.maprk1{overflow: hidden;height: 4.15rem;margin-top: 0.3rem;}
.maprk1.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;}



.maprk2{overflow: hidden;height: 4.15rem;margin-top: 0.3rem;}
.maprk2.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;}


.maprk3{overflow: hidden;height: 4.15rem;margin-top: 0.3rem;}
.maprk3.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: #f55555;}


.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: #f55555;}


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


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



/****最新更新*****/
.zxgl_lb{ width: 100%; display: inline-block;}
.zxgl_lb li{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;}
.zxgl_lb li a{font-size: 0.24rem;color: #333;display: inline-block;width: 71%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.zxgl_lb li span{ float: right; color: #999; font-size: 0.2rem;}

.zxgl_lb 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;}
.zxgl_lb p a{font-size: 0.24rem;color: #333;display: inline-block;width: 71%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.zxgl_lb p span{ float: right; color: #999; font-size: 0.2rem;}


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

/****首页专区大全滚动***/
.sy_zq{position: relative;display: block;width: 100%;background: url(../images/min_g.jpg) no-repeat;padding: .3rem .2rem .4rem .2rem;}
.sy_zq .swiper-container {margin-top: 0.2rem;padding: 0.05rem 0;height: 2rem;}
.sy_zq .swiper-slide {padding: 0;box-sizing: border-box;height: 2rem;width: 3.5rem;padding: 0;padding-right: .2rem;}
.sy_zq .swiper-slide a{display: block;width: 100%;height: 100%;position: relative;}
.sy_zq .swiper-slide img{height:100%;width: 100%; object-fit: cover;overflow: hidden;border-radius: 5px;}
.sy_zq .swiper-slide p{position:absolute;left: 0;bottom: 0;height: .6rem;line-height: .6rem;font-size: .26rem; background: rgba(0, 0, 0, .5);color: #fff;text-align: center; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding: 0 .1rem;box-sizing: border-box;width: 100%;border-radius: 0 0 5px 5px;}

.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: #f55555;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;}

.sy_zq .rmyx p,.sy_zq .rmyx a{color: #fff;}


/****专区列表
.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: #0598fa;border: 1px solid #0598fa;border-radius: 0.08rem;float: right;text-align: center;margin-top: 0.325rem;background: #fff !important;font-size: 0.24rem}

****/
.arro_box li{ width: 100%; height: auto; border-top: 0.02rem solid #f5f5f5; margin-top: 0.36rem; padding-top: 0.36rem;}
.zhuanti_li:nth-child(1){border-top: 0;margin-top:0;padding-top:0;}
.zhuanti_li .top{width: 100%;height: 1.6rem;border-radius: 0.1rem;object-fit: cover;overflow: hidden;}
.zhuanti_li_bottom{width: 100%;height: 0.99rem;margin-top: 0.36rem;}
.zhuanti_li_bottom img{float: left;width: 0.99rem;height: 0.99rem;border-radius: 0.24rem;}
.zhuanti_li_title{float: left;width: 4rem;height: 0.99rem;font-size: 0.32rem;overflow: hidden;margin-left: 0.27rem;}
.zhuanti_li_title span{float: left;width: 100%;height: 0.45rem;line-height: 0.45rem;overflow: hidden;text-align: left;white-space: nowrap;text-overflow: ellipsis;}
.zhuanti_li_title .title{color: #2a2a2a;}
.zhuanti_li_title .des{color: #999999;margin-top: 0.04rem;font-size: 0.22rem;}
.zhuanti_li_pf{float: right;margin-top: .12rem; width: 1.4rem;height: .66rem;text-align: center;background: #30acff; line-height: .66rem; border: 1px solid #30acff;color: #fff;display: inline-block;border-radius: .06rem;font-size: .22rem;box-sizing: border-box;}
.zhuanti_li_pf span{font-size: 0.25rem;}
.arro_box li:nth-child(1){border-top: 0;margin-top: 0;padding-top: 0;}

/****游戏列表一排4个****/
.jpxy_lb{display: inline-block;width: 100%;margin-top: 0.2rem;}
.jpxy_lb li{float: left;width: 1.78rem !important;text-align: center;margin-top: 0.1rem;padding: 0;margin-right: 0.35rem;padding-bottom: .1rem;}
.jpxy_lb li img{border-radius:0.36rem;width: 1.78rem;height: 1.78rem;}
.jpxy_lb li p{height: 0.34rem;width: 100%;line-height: 0.34rem;font-size: 0.26rem;color: #4b4b4b;text-align: center;margin-top: .1rem;}
.jpxy_lb li p a{color: #4b4b4b;}
.jpxy_lb li span{ width: 100%;height: 0.3rem; font-size: 0.20rem; color: #999999; margin-bottom: 0.15rem; display: block;overflow: hidden;}
.jpxy_lb li a{display: block;width: 100%;height: 100%;position: relative;}
.yxbtn{display: block;width: 1.2rem;height: .6rem;line-height: .6rem;border: 1px solid #0598fa;color: #0598fa;display: inline-block;border-radius: .06rem;font-size: .28rem;box-sizing: border-box;}
.yxbtn a{color: #0598fa;display: block;width: 100%;height: 100%;}
.yxbtn2{width: 1.2rem;line-height: 0.52rem;text-align: center;color: #fff;border-radius: 0.08rem; float: right;text-align: center;margin-top: 0.375rem;font-size: 0.24rem;background: #0598fa !important;}
.yxbtn2 a{color: #fff;}
.game_li li:last-child{padding-bottom: 0rem; border-bottom: 0px solid #eee;}
.game_li .yxn p{color: #999;font-size: 0.2rem;width: 100%;float: left;}

.xgyxzx{box-sizing: border-box;width:auto !important;overflow: hidden;position: relative;}
.xgyxzx .swiper-slide{width: 100% !important;}
.xgyxzx 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;}
.xgyxzx li:first-child {border-top: 0;}
.xgyxzx li .img-a{width: 2.4rem;height: 1.6rem;overflow: hidden;margin-right: .2rem;}
.xgyxzx li .img-a img{border-radius: .2rem;width: 100%;height: 100%;overflow: hidden;}
.xgyxzx li .strategy-con {width: 4.3rem;height: 1.6rem;display: flex;flex-direction: column;justify-content: flex-start; align-items: flex-start;}
.xgyxzx li .strategy-con a{width: 100%;overflow: hidden; height: .8rem;line-height: .4rem;font-size: .28rem;color: #333; margin-bottom: .35rem; text-align: left;}
.xgyxzx li .strategy-con div{font-size: .22rem;color: #c2c2c2;}
.xgyxzx li .strategy-con div span{font-size: .22rem;color: #c2c2c2;padding: 0 .12rem;display: inline-block;max-width: 1.8rem;height: .36rem;line-height: .36rem;overflow: hidden;vertical-align: bottom;}
.zxyxnr .yxn,.gametag .yxn{padding-top: 0;}

/****热门游戏推荐****/
.rmyx{margin-top: auto;height: 0.6rem;overflow: hidden;}
.rmyx img{width: 0;height: 0;margin-right: 0.1rem;float: left;margin-top: 0.05rem;}
.rmyx p{font-size: 0.36rem;font-weight: 600;float: left;line-height: 0.4rem;}
.rmyx span{font-size: 0.24rem; float: right;  margin-top: 0.05rem; color: #999999;}

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


/***精选视频**/
.symarvsp{width:100% ;overflow: hidden;margin-top: 0.3rem; position: relative;box-sizing: border-box;}
.symarvsp a{display: block;width: 100%;height: 3.2rem;position: relative;}
.symarvsp img{ width: 100%; height:3.2rem ; border-radius: 5px;object-fit: cover;}
.symarvsp p{font-size: 0.28rem;text-align: center;height: .66rem;line-height: .66rem;border-radius: 0 0 5px 5px; position: absolute;left: 0;bottom: 0;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding: 0 .1rem;box-sizing: border-box;background: rgba(0, 0, 0, .6);color: #fff;}
.symarvsp a:after {margin: 0 auto;display: block;height: 0.8rem;width: 0.8rem;background: url(../images/sp2.png) no-repeat;content: ".";position: absolute;z-index: 99;top: 30%;left: 46%;background-size: 100%;}


.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 ;}



.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: #0598fa !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;}
.infos{ padding: 0.2rem !important; background: #f5f5f5; margin-bottom: 0.2rem; }
.app-box .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 #0598fa; border-radius: 1rem; margin-right: 0.3rem; color: #0598fa; font-size: 0.26rem;}
.phb1 .yxn p{width: 1.2rem;float: left;}

.phbyxcolu{width: 100%;background: #f5f5f5;padding: .25rem 0 0 0;}
.phbyxcolu a{width: 17%;text-align: center;display: block;line-height: 0.6rem;height: .6rem;overflow: hidden; float: left;font-size: 0.28rem; color: #666;border: 1px solid #666;margin-left: 2%;border-radius: 5px;margin-bottom: .2rem;}
.phbyxcolu a.active{ color: #fff;background: #f55555;border-color: #f55555;}


.gjc{ width: 100%; height:0.8rem;  background: url(../images/ioc-bq1.png) no-repeat 0.2rem center #f9f9f9;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;}



/**视频详情页面**/
.spxqcont{position: relative;}
.spxqcont .return{position: absolute;left: 0.3rem;top: 0.3rem;}
.spxqcont .return img{width: 0.2rem;overflow: hidden;height: auto;}
.spxqcont .enlarge{position: absolute;right: 0.3rem;bottom: 0.25rem;}
.spxqcont .enlarge img{width: 0.4rem;overflow: hidden;height: 0.4rem;}
.spxqcont .vidbox{width: 100%;overflow: hidden;height: auto !important;}
.spxqcont .vidbox iframe {width: 100% !important;height: 300px !important;}
.spxqcont .player{position: absolute;left:50%;top:50%;margin-top: -0.5rem;margin-left: -0.5rem;}
.spxqcont .player img{width: 1rem;overflow: hidden;height: 1rem;}
.spxqsm{border-bottom: 0.2rem #f0f3f8 solid;padding: 0.2rem;position: relative;}
.spxqsm h1{font-size: 0.34rem;font-weight: normal;color: #111;width: 100%; overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.spxqsm p{margin: 0.1rem 0rem; line-height: 0.3rem;height: 0.3rem;box-sizing: border-box;}
.spxqsm 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;}
.spxqsm p span i{overflow: hidden;display: inline-block;float: left;margin: 0.02rem 0.05rem 0 0.1rem;}
.spxqsm p .thumbs i{width: 0.24rem; height: 0.24rem;background: url(../images/video_pic7.jpg) no-repeat;background-size: 0.24rem  0.24rem;}
.spxqsm p .comment i{width: 0.45rem; height: 0.4rem;background: url(../images/video_pic8.jpg) no-repeat;background-size: 0.45rem  0.4rem;}
.spxqsm p .play i{width: 0.25rem; height: 0.25rem;background: url(../images/icon_viewVideo.png) no-repeat;background-size: 0.25rem  0.25rem;}
.sp_hxh{padding: 0.3rem .2rem .1rem;}
.sp_hxh .game_xbt{margin-bottom: .15rem;}
.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;}
.ghxx{ width: 100%;}
.ghxx img{ width: 100%; height: auto; }
.ghxx h1{ font-size: 0.3rem; margin: 0.3rem 0;}
.ghxx .infos {
    padding: 0rem !important;
    background: #fff;
    margin-bottom: 0.2rem;
}


.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;}
.comment-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: #f55555;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 #0598fa solid; border-radius: 3px; font-size: 0.28rem; background: #0598fa !important; color: #fff !important; width: 100%; margin-top: 0.2rem;}
input[type="button" i]{ background: none; color: #666;}
input{ font-size: 0.24rem;}


.app-box .ios{ background: #0598fa !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: #f55555 !important;}
.zanList .praise img{    width: 0.35rem !important;height: 0.35rem;}
.zanList .praise { height: 0.55rem !important;}





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


.kfph_xqy{background: rgba(255, 255, 255, 0.5);padding:0;}
.kfph_xqy dt{ height: .8rem;}
.kfph_xqy dt ul{ height:.8rem;background: #0598fa;border-left: 1px #0598fa solid;}
.kfph_xqy 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;border-right: 1px #0598fa solid;}
.kfph_xqy dd ul{height: .8rem;border-left: 1px solid #ffded3;border-right: 1px solid #ffded3;}
.kfph_xqy 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: #fffdef;border-bottom:1px solid #ffded3; box-sizing: border-box;padding:0px .1rem;}
.kfph_xqy dd li a{color: #333;}
.kfph_xqy dd ul:hover li{ background:#f6f5f5;}
.kfph_xqy dd ul:hover li a{ color: #333;}
.kfph_xqy dd li:nth-child(1),.kfph_xqy dd li:nth-child(2),.kfph_xqy dt li:nth-child(1),.kfph_xqy dt li:nth-child(2){ width: 22%;}
.kfph_xqy dd li:nth-child(3),.kfph_xqy dt li:nth-child(3){ width: 56%;}
.kfph_xqy dl:last-of-type dd ul{border-left: 1px solid #ededed;border-right: 1px solid #ededed;}
.kfph_xqy dl:last-of-type dd li{background: #fff;border-bottom: 1px solid #ededed;}
.kfph_xqy dl:last-of-type dd ul:hover li{ background: #f6f5f5;}
.kfph_xqy dl:last-of-type dd ul:hover li a{color: #333;}
.kfph_xqy dd ul:hover li:last-child a,.kfph_xqy dl:last-of-type dd ul:hover li:last-child a{color: #fff;background: #ff6460;}
.kfb-top{margin-top: 15px;}
.kfph_xqhbt{width: 98%;height: .66rem;margin-bottom: .2rem;}
.kfph_xqhbt li{width: 30.2%;display: inline-block;border:1px #666 solid;margin: 0 .1rem;border-radius: 5px;float: left;height:.66rem;line-height: .66rem;cursor: pointer;padding: 0 .1rem;box-sizing: border-box;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-align: center;font-size: .3rem;}
.kfph_xqhbt li.thistab{background: #0598fa;color: #fff;border-color: #0598fa;}

.kfph_xqh{margin-top: .2rem;padding: .2rem;}
.kfph_xqhnr a{display: inline-block;border: 1px solid #eee;box-sizing: border-box;float: left; margin-right: 2%;margin-bottom: 8px;line-height:.8rem; border-radius: 5px;padding: 0 .09rem;color: #6b6b6b;width: 31.33%;text-align: center;font-size: .24rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.kfph_xqhnr a:hover{ color: #fff; text-decoration: none; background: #0598fa; border-color: #0598fa;}
.kfph_xqhnr a:nth-child(3n){margin-right: 0;}

.kfph_xqyjs{padding: .2rem;border: 1px #f5f5f5 solid;font-size: .24rem;line-height: .4rem;}
.mapic1{background: url(../images/mapico.png) no-repeat 0px 0px;background-size: .4rem auto;}
.mapic2{background: url(../images/mapico.png) no-repeat 0px -.57rem;background-size: .4rem auto;}
.mapic3{background: url(../images/mapico.png) no-repeat 0px -1.05rem;background-size: .4rem auto;}
.mapic4{background: url(../images/mapico.png) no-repeat 0px -1.6rem;background-size: .4rem auto;}
.mapic5{background: url(../images/mapico.png) no-repeat 0px -2.1rem;background-size: .4rem auto;}
.mapic6{background: url(../images/mapico.png) no-repeat 0px -2.64rem;background-size: .4rem auto;}
.mapic7{background: url(../images/mapico.png) no-repeat 0px -3.2rem;background-size: .4rem auto;}
.mapic8{background: url(../images/mapico.png) no-repeat 0px -3.75rem;background-size: .4rem auto;}
.mapic9{background: url(../images/mapico.png) no-repeat 0px -4.3rem;background-size: .4rem auto;}
.mapic10{background: url(../images/mapico.png) no-repeat 0px -4.8rem;background-size: .4rem auto;}
.mapic11{background: url(../images/mapico.png) no-repeat 0px -5.3rem;background-size: .4rem auto;}

.dbxqpl{position: fixed;left: 0;bottom: 0;width: 100%;background: #fff;border-top: 1px #eaeaea solid;z-index: 999;padding-bottom: .3rem;}
.dbxqpl .comment-url{background: #f1f1f1 url(../images/xqpl2.png) no-repeat .3rem center;background-size: .3rem .3rem; border-radius: 30px;padding-left: .8rem; height: .72rem;line-height: .72rem;padding-top: 0;border: none;}
.dbxqpl .hfck{bottom: 0;border-top: 1px #eaeaea solid;}


#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%;}






.zx_tit{width: 100%;background: #f5f5f5;padding: .25rem 0 0 0;}
.zx_tit li{width: 17%;text-align: center;display: block;line-height: 0.6rem;height: .6rem;cursor: pointer; overflow: hidden; float: left;font-size: 0.28rem; color: #666;border: 1px solid #666;margin-left: 2%;border-radius: 5px;margin-bottom: .2rem;}
.zx_tit li.active{ color: #fff;background: #f55555;border-color: #f55555;}


.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;}
.sls_cont{background: #fff;width: 100%;}
.sls-yf{padding: 2.2rem .2rem 1.2rem .2rem;width: 100%;}
.sls-yf .sls_left{width:100%;overflow: hidden;text-align: center;padding: 0;}
.sls-yf .sls_left img{width: auto;overflow: hidden;display: block;margin:0 auto;}
.sls-yf .sls_rig{margin-top:.3rem;width: 100%;}
.sls-yf .sls_tit{border-bottom: 1px #eee solid;padding-bottom: .2rem;margin-bottom: .2rem;}
.sls-yf .sls_tit h1{font-size: .36rem;line-height: .8rem;}
.sls-yf .sls_tit h1 i{color: #f90;}
.sls-yf .sls_tit p{font-size: .26rem;}
.sls-yf .sls_ms{font-size: .26rem;}
.sls-yf .sls_ms a{display: inline-block;padding: 0 .12rem;background: #ff0000;border-radius: 2px;height: .66rem;line-height: .66rem;color: #fff;font-size: .3rem;}
.sls-yf .sls_ms p{color: #888;height: .7rem;line-height:.7rem;vertical-align: top;margin-bottom:.1rem;}
.sls-yf .sls_ms p img{margin: 0 .05rem;width: .24rem;height: .24rem;overflow: hidden;display: inline-block;}
.hotab-tit .nav-tabs li a{font-size: .28rem;}

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






/*相关资讯*/
.furwls .furbsw a {
    width:100%;
    overflow:hidden;
    display:block;
    margin-top:.2rem;
    border-bottom: 1px #eaeaea dashed;
    padding-bottom: .2rem;
   }
   .furwls .furbsw a span {
    float:left;
    display:block;
    width:.4rem;
    height:.4rem;
    background:#D1D1D1;
    border-radius:6px 6px 4px 6px;
    text-align:center;
    line-height:.4rem;
    font-size:.22rem;
    color:#FFFFFF;
    margin-top:1px;
    font-weight: bold;
    margin-right: .15rem;
   }
   .furwls .furbsw a:nth-child(1) span,
   .furwls .furbsw a:nth-child(2) span,
   .furwls .furbsw a:nth-child(3) span {
    background:#FF881E
   }
   .furwls .furbsw a p {
    float:left;
    width:76%;
    font-size:.28rem;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:#333333;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
   }
   .furwls .furbsw a em{
    float: right;
    font-size: .28rem;
    color: #999;
   }
   .furwls .furbsw a:hover p {
    color:#FF881E
   }





   /*开服表页面*/
.yswklb{
    padding:.2rem 0 0;
  }
  .yswklb a{  
    max-width: 95%;
    height: .66rem;
    line-height: .66rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    float: left;
    margin-right:.15rem;
    border:solid 1px #ddd;
    border-radius: 4px;
    margin-bottom: .15rem;
    padding: 0 .2rem;
    box-sizing: border-box;
    color: #333;
    font-size: .24rem;
  
  }



  .yswkta{
    padding: .3rem .2rem 0 .2rem;
  }
  .yswkta ul{
    border-top: 1px #ddd dashed;margin-top: .3rem;padding-top: .3rem;
}
  .yswkta li{width: 100%;height: 1.2rem;margin-bottom: .3rem;}
  .yswkta li img{width: 1.2rem; height: 1.2rem;border-radius: .26rem;float: left;margin-right: .2rem;}
  .yswkta li dl{width: 55%;float: left;}
  .yswkta li dt{font-size: .3rem;font-weight: normal;color: #333333; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: .05rem;}
  .yswkta li dt a{color: #333333;}
  .yswkta li dd{display: block; font-size: .22rem;font-weight: 500;color: #999999;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
  .yswkta li dd:nth-child(2){margin-bottom: .05rem;}
  .yswkta li .tabtn{width: 1.4rem;height: .66rem;line-height: .66rem;text-align: center;float: right;margin-top: .27rem;background: #0598fa;border-radius: 5px;color: #fff;font-size: .28rem;}
  .yswkta li .tabtn a{color: #fff;}
  .yswkta 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;}
  .yswkta .nrt{margin-bottom: .2rem;text-align: center;font-size: .22rem;color: #999;}
  .yswkta .uom{text-align: center;font-size: .22rem;color: #666;height: .3rem;line-height: .3rem;margin-top: .1rem;margin-bottom: .1rem;}
  .yswkta .uom::before{content: "";width: .3rem;height: .3rem;background: url(../images/icoll.png) no-repeat center center;margin-right: .1rem; background-size: .3rem .3rem;display: inline-block;vertical-align: top;}
  .yswkta .uom em{color: #999;margin-left: 10px;}
  .yswkta .uom 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;}
  .yswkta .uom 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;}


 /*游戏评论*/
.xqwjpl{
    margin-top: .2rem;
    background: #fff;
}
#glName-wrap{
 height:36px;
 margin-bottom:10px;
 color: #676767;
 line-height: 36px;
}


#glName,
#userName {
 border:none;
 width:132px;
 padding:1px 3px 1px 5px;
 height:30px;
 line-height:30px;
 margin:1px 0px 0 59px;
 color: #676767;
}
#subCmt {
 margin:5px 1% 0 0
}
.cmtList-reply {
 display:inline-block;
 zoom:1;
 width:72px;
 height:23px;
 overflow:hidden;
 line-height:22px;
 color:#2f82f9;
 text-align:center
}
.cmtList-ft span.hover {
 background-position:-240px 0
}
.cmtList-name {
 display:inline
}
.u_commentSend {
  position: relative;
  height: 3rem;
  padding: 0rem 0 .2rem;
  overflow: hidden;
  width: 100%;
}
.u_commentSend .text_box {
  position: relative;
  height: 1.5rem;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 2px;
}
.u_commentSend .text_box textarea {
  position: absolute;
  left: 0;
  width: 96%;
  display: block;
  height: 1.2rem;
  padding: .1rem 2%;
  border: none;
  resize: none;
  outline: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.u_commentSend .text_box span {
  position: absolute;
  top: 100%;
  right: 0;
  line-height: 38px;
  text-align: right;
  color: #999;
}
.u_commentSend .commentSend_btn {
  overflow: hidden;
  margin-top: 20px;
}
.u_commentSend .commentSend_btn div {
  float: left;
  width: 107px;
  line-height: 34px;
  font-size: 14px;
}
.u_buttom.yellow {
  background: #2f82f9;
}
.u_buttom {
  line-height: 30px;
  text-align: center;
  font-size: 12px;
  color: #fff;
  border-radius: 2px;
  cursor: pointer;
}
.u_commentSend .commentSend_btn span {
  line-height: 34px;
  color: #999;
  margin-left: 10px;
}
.sjepl li {
    padding: 0.3rem 0;
    border-bottom: solid 1px #ececec; }
  
  .sjepl .sjepl_s {
    position: relative;
    height: 1rem;
    padding-bottom: 0.2rem; }
  
  .sjepl .sjepl_i {
    position: absolute;
    width: .8rem;
    height: .8rem;
    border-radius: 100%; }
    .sjepl .sjepl_i img {
      display: block;
      border-radius: 100%;
      width: 100%;
      height: 100%; }
  
  .sjepl .info {
    margin-left: 1rem; }
    .sjepl .info .name {
      font-size: 0.3rem;
      color: #666;
      line-height: 0.5rem;
      overflow: hidden;
      white-space: nowrap;
      padding-right: 1rem;
      text-overflow: ellipsis;
    }
  
  .sjepl .sjepl_p {
    position: relative;
    display: inline-block;
    width: 1.7rem;
    height: 0.26rem;
    top: 0.075rem; }
  
  .sjepl .star {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    display: inline-block;
    width: 1.7rem;
    height: 0.26rem;
    background: url(../images/star_centre.png) no-repeat;
    background-size: 100% auto;
    background-size: 100% 0.27rem; }
  
  .sjepl .mark {
    position: absolute;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    z-index: 1;
    display: inline-block;
    height: 0.27rem;
    background: #ffa92d; 
    width: 100%;
}
  
  .sjepl .time {
    position: absolute;
    line-height: 0.5rem;
    top: 0;
    right: 0;
    color: #999999;
    font-size: 0.28rem; }
  
  .sjepl .content_box {
    position: relative;
    margin: 0 0 0 1rem;
    font-size: .28rem;
    line-height: .5rem;
 }
  
  

  
  .sjepl .footer {
    padding-top: 0.2rem;
    font-size: 0.24rem;
    line-height: 0.4rem;
    margin-left: 1rem;  position: relative;
    color: #999999;}
.sjepl .footer:before {
        content: "";
        float: left;
        width: 0.3rem;
        height: 0.4rem;
        background: url(../images/icon_comment_from.png) no-repeat;
        background-size: 100% auto;
        margin: 0.05rem 0.2rem 0 0; display: inline-block;}
  

#commentNum{
    color: #666;font-size: .22rem;float: right;
}


.kflb_n{ display: block;}
.kflb_n li{ margin-top: 0.2rem; display: inline-block; padding-bottom: 0.3rem; border-bottom: 1px solid #eee;width: 100%;}
.kflb_n img{ width: 1rem;float: left; height: 1rem; overflow: hidden;border-radius: 0.2rem;}
.kflb_n .yxn{width: 3.6rem;float: left;margin-left: 0.2rem;padding-right: 0rem;overflow: hidden;padding-top: .05rem;}
.kflb_n .yxn p:nth-child(1){ font-size: 0.3rem; color: #333;}
.kflb_n .yxn p:nth-child(2){display: block;color: #999;font-size: 0.24rem;margin:.05rem 0 0 0;white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;}
.kflb_n li:last-child{padding-bottom: 0rem; border-bottom: 0px solid #eee;}
.kflb_n .yxbtn2{float: right;margin-top: .225rem;}

.jpxy_lb li a {
  text-overflow: ellipsis;
  overflow: hidden;
}


  /*详情样式2*/
  /*
.yxxq_n p strong {
  color: #333;
  font-weight: 700;
  border-left: 4px solid #008bff;
  background-color: #f5f5f5;
  display: block;text-indent: 0;
font-size: .28rem;
line-height: 0.5rem;
margin-bottom: .16rem;
padding: 0 0 0 .1rem;
margin-top:.15rem;
}
*/
.yxxq_n h3 {
   color: #333;
  font-weight: 700;
  border-left: 4px solid #008bff;
  background-color: #f5f5f5;
  display: block;text-indent: 0;
font-size: .28rem;
line-height: 0.5rem;
margin-bottom: .16rem;
padding: 0 0 0 .1rem;
margin-top:.15rem;
}

  /*20220221*/
  .yswkta li i{float: left;
    font-size: 12px;
    color: #fff;
    margin-top: 18px;
    margin-right: 12px;
    width: 22px;
    height: 22px;
    border-radius: 2px;
    background: #e2e2e2;
    line-height: 22px;
    text-align: center;}
    .yswkta .swiper-slide:nth-child(1) li:nth-child(1) i{background: #ff6600}
    .yswkta .swiper-slide:nth-child(1) li:nth-child(2) i{background: #ffa800}
    .yswkta .swiper-slide:nth-child(1) li:nth-child(3) i{background: #ffc000}
    .yswkta li dl{width: 50%;}
    .yswkta li .tabtn{width: 1.2rem;}
    .yswkta ul{padding-top: 0;margin-top: 0;border-top: none;}
  

.yxxq_n p{font-size: 0.24rem;line-height: 0.52rem;color: #333;margin-bottom: .1rem;margin-top: .2rem;}

.nxq_text h3 {
   color: #333;
  font-weight: 700;
  border-left: 4px solid #008bff;
  background-color: #f5f5f5;
  display: block;text-indent: 0;
font-size: .28rem;
line-height: 0.5rem;
margin-bottom: 0.3rem;
padding: 0 0 0 .1rem;
margin-top: 0.3rem;
}

    .yxDetail_5{
      padding: .2rem .3rem;
    }
    .yxDetail_5 li{
      width: 100%;width: 100%;
      display: flex;
      align-items: center;
      margin-bottom: 15px;width: 100%;
      display: flex;
      align-items: center;
      margin-bottom: 15px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
    }
    .yxDetail_5 li span{
      width: 60px;
    font-size: 14px;
    color: #333;
    text-align: right;
    display: inline-block;
    margin-right: 10px;
    }
    
    .yxDetail_5 li em{
      flex: 1;
      font-size: 13.5px;
      color: #999;

    }
    
    .yxDetail_5 li a{color: #0598fa;}
    
    .yxDetail_5 li em.qcann{color: #0598fa;cursor: pointer;}
    .yxDetail_5 li em.qcann2{color: #0598fa;cursor: pointer;}
    
    
    .hide{display: none;}
    .power{
    
      position: fixed;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0,0,0,.7);
      z-index: 20;
      
      
     
    }
    .power2{
    
      position: fixed;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0,0,0,.7);
      z-index: 20;
      
      
     
    }
    .powerN{
       
      position: fixed;
      top: 30%;
      left: 50%;
      -webkit-transform: translate(-50%,-50%);
      transform: translate(-50%,-50%);
      z-index: 30;
      height: 4.6rem;
      width: 92%;
      box-sizing: border-box;
      background: transparent;
      border-radius: 20px;
    
    }
    .powerN .powerC{position: relative;
      display: block;
      cursor: pointer;
      text-align: center;
      width: 50%;
      height: .8rem;
      border: 0;
      background: linear-gradient(to right, rgb(5, 152, 250), rgb(82, 186, 255));
      color: #fff;
      font-size: .34rem;
      border-radius: 26px;
      line-height: .8rem;
      margin: .2rem auto .3rem;
      overflow: hidden;
      white-space: nowrap;}
    .powerN .powerC2{position: relative;
      display: block;
      cursor: pointer;
      text-align: center;
      width: 50%;
      height: .8rem;
      border: 0;
      background: linear-gradient(to right, rgb(5, 152, 250), rgb(82, 186, 255));
      color: #fff;
      font-size: .34rem;
      border-radius: 26px;
      line-height: .8rem;
      margin: .2rem auto .3rem;
      overflow: hidden;
      white-space: nowrap;}
    .powerN .powerB{position: relative;
      width: 100%;
      height: 2.6rem;
      background-image: url(../images/maskRule.png);
      background-size: 100% 100%;
      text-align: center;
      border-top-left-radius: 8px;
      border-top-right-radius: 8px;font-size: .42rem;
      color: #fff;
      font-weight: bold;
      padding-top: 22px;
      line-height: 2.2rem;
      white-space: nowrap;
      overflow: hidden;}
    
    .powerM{
      background-color: #fff;
    position: relative;
    padding: 10px;
    top: -30px;
    border-radius: 20px;
     
    }
    .powerMr{
      display: block;
    width: 100%;
    height: 5rem;
    border-radius: 20px;
    padding: 0 10px 0 15px;
    line-height: .6rem;
    font-size: .3rem;
    margin: .2rem auto 0;
    overflow: auto;
    }
    .powerM p{
      line-height:.6rem;
    font-size: .3rem;
    }
    .powerM strong{
      line-height: .6rem;
    font-size: .3rem;
    }
	
.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*****/
.zxlb_xn{ display: block;}
.zxlb_xn 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;}
.zxlb_xn li a{color: #000;font-size:.26rem;}
.zxlb_xn span{color: #999;float:right;font-size:.20rem;line-height:.5rem;}
.zxlb_xn li em {
    float:left;
    display:block;
    width:1.1rem;
    height:.4rem;
    background:#0598fa;
    border-radius:6px 6px 4px 6px;
    text-align:center;
    line-height:.4rem;
    margin-top:1px;
    font-weight: bold;
    margin-right: .15rem;
   }
.zxlb_xn li a.zxlb_xnys{color: #FFFFFF;font-size:.20rem;}



.arealb{position: relative;display: block;}
.arealb .swiper-container {margin-top: 0.1rem;padding: 0.05rem 0;height: 2.5rem;}
.arealb .swiper-slide {padding: 0;box-sizing: border-box;height: 1.8rem;width: 3.4rem !important;padding: 0;margin-right: 0.2rem;}
.arealb .swiper-slide:nth-child(odd){ border-right: none;}
.arealb .swiper-slide p { white-space: nowrap;overflow: hidden; text-overflow: ellipsis;font-size: 0.28rem; color: #ffffff; font-weight: normal; background: rgba(0, 0, 0, 0.5); position: relative; margin-top: -0.5rem; height: 0.5rem; line-height: 0.5rem; text-align: center;padding: 0 0.2rem; overflow: hidden;box-sizing: border-box;width: 100%;}
.arealb .swiper-slide p img {width: 0.65rem;display: inline-block;margin-right: 0.17rem;}
.arealb .swiper-pagination{ margin-top: 0.2rem; width: 100%;}
.arealb .swiper-pagination-bullet { margin-left: 0.15rem; background-color: #d9d9d9; opacity: 1;}
.arealb .swiper-pagination-bullet-active {background-color: #0598fa;width: 0.6rem;border-radius: 0.1rem;}
.arealb .swiper-slide img{ width: 100%; height: 100%;}




.hjbtn3{width: 1.4rem;line-height: 0.52rem;text-align: center;color: #fff;border-radius: 0.08rem; float: right;text-align: center;margin-top: 0.375rem;font-size: 0.26rem;background: #F50000 !important;}
.hjbtn3 a{color: #fff;}







/*合集列表详情*/
.cez_hjrbo {
	width: 100%;
  height: auto;
  background: #fff;
  position: relative;
  overflow: hidden;
  box-sizing: border-box
}
.cez_rimg {
	width: 100%;
	height: 2.8rem;
	overflow: hidden;
}
.cez_rimg img{
	width: 100%;
	height: 3.3rem;
	overflow: hidden;
	object-fit: cover;
}
.cez_hjbt {
	width: 100%;
  height: auto;
  background: #fff;
	padding:0.2rem;
  position: relative;
  overflow: hidden;
  box-sizing: border-box
}
.cez_hjbt h1 {
  color: #333;
  font-weight: bold;
	font-size: 0.32rem;
	width: 100%;
	float: left;
	overflow: hidden;
	line-height: 0.48rem;
	margin-bottom: 0.12rem;
}
.Ctitle h3{ font-weight: normal; }
.cez_gksj {
	width:100%;
	overflow: hidden;
}
.cez_gksj span {	 
	color: #999;
	display: inline-block;
    line-height: 0.6rem;
	font-size: 0.26rem;
}
span.cez_gdkd em{	
	color: #55ae03;
    margin: 0 0.04rem;
    font-weight: bold;
}
.cez_hjbt > .cez_hjwz {
    width: 100%;
	position: relative;
	margin: 0.12rem 0 0.04rem 0;
    overflow: hidden;
    font-size: 0.28rem;
	color: #333;
    line-height: 0.46rem;
    height: 1.38rem;
    font-family: arial, "Microsoft YaHei", "\5fae\8f6f\96c5\9ed1";
}
.cez_hjwz .cez_rolh {
    width: 100%;
    height: auto;
    line-height:  0.46rem;
    font-size: 0.28rem;
    position: absolute;
    left: 0%;
    top: 0;
    box-sizing: border-box;
}
.cez_hjwz botton {
    width: 2rem;
    position: absolute;
    right: 0;
    bottom: -2px;
    cursor: pointer;
    color: #0099ff;
    font-size: 0.26rem;
    text-align: right;
	font-weight: bold;	
	background-image: linear-gradient(to right,rgba(249,249,249,0.8),rgba(249,249,249,1));
}
/*弹出*/
.m_alert {
  width: 90%;
  height: auto;
  max-height: 70%;
  padding: 0.52rem 0.36rem 0.36rem 0.36rem;
  box-sizing: border-box;
  display: block;
  overflow: hidden;
  background: #fff;
  border-radius: 4px;
  position: fixed;
  font-size: 0.3rem;
  line-height: 0.48rem;
  top: 10%;
  left: 5%;
  z-index: 99999;
}
#m_close {
  width: auto;
  height: auto;
  font-size: 0.24rem;
  font-weight: normal;
  background: #333;
  color: #fff;
  padding: 0 0.24rem;
  display: block;
  overflow: hidden;
  position: fixed;

  right: 5%;
  top: 15%;
  z-index: 10;
  border-radius: 0 0 0 0.12rem
}
#m_alertbg {
  width: 100%;
  height: 100%;
  background: #000;

  opacity: 0.6;
  display: block;
  overflow: hidden;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99998;
}


/* 基础表格样式 */
.nxq_text table {
  border-collapse: collapse;
  width: 100%;
  font-family: Arial, sans-serif;
}

.nxq_text tbody td, th {
  border: 1px solid #ddd;
  padding: 8px;
  text-align: left;
}

.nxq_text tbody th {
  background-color: #f8f9fa;
  color: #333;
}

.nxq_text 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;
}