.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: #14b9c8;position: fixed;left: 0;top: 0;width: 100%;z-index: 999;box-shadow: 0px 2px 5px #eee;}
header .logo { width: 2rem; height: 0.65rem; float: left; margin-left: 1.8rem;}
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 .nav-btn {width: 0.42rem;float: left;margin-top: 0.15rem;margin-left: 0.23rem;}
header .search{display: none;width: 100%;height:1rem;background: #14b9c8;float: right;margin-top: 0.15rem;padding-top: 0.2rem;}
header .search:before {width: 0.24rem;height: 0.24rem;float: left;content: "";}
header .search .sea_inp{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 .search .sea_btn{width: 1.5rem;height: 0.6rem;line-height: 0.6rem;text-align:center;color:#fff;border-radius: 0px 3rem 3rem 0px;background:rgba(255, 255, 255, 0.5);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;left: -100%;background-color: #fff;float: left;transition-duration: .5s;overflow: auto;}
.nav.open{left: 0;transition-duration:.5s;transition-delay:.2s;}
.nav-top{padding-bottom:.10rem;border-bottom:1px solid #eee;padding-left:.3rem;background:#2ecbd9;}
.nav-top .phone{width:3.2rem;height:.6rem;line-height:.6rem;background-color:#2ecbd9;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;margin-top: .05rem;}



/*****底部****/
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;}
.suspension {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;}
.suspension ul li { float: left; width: 20%;text-align: center;}
.suspension ul li .pic {width: 0.45rem;height: 0.45rem;margin: 0 auto 0.05rem;}
.suspension 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;}
.jdtimg .swiper-slide a{display: block;width: 100%;height: 100%;position: relative;}
.jdtimg .swiper-slide a div{position: absolute;left: 0;bottom: 0rem;width: 100%;padding: 0 .2rem;height: 1rem; box-sizing: border-box;text-align: center;padding-bottom: .27rem; background: #00000050;}
.jdtimg .swiper-slide a div p{display: block;width: 100%;line-height: .67rem;height: .67rem;overflow: hidden;color: #ffffff;white-space: nowrap;text-overflow: ellipsis;font-size: .28rem;}
.jdtimg .swiper-pagination-bullet{width: 0.56rem; height: 0.08rem;background: #ffffff40;border-radius: 0.04rem;opacity: 1;margin-right: 0.1rem;}
.jdtimg .swiper-pagination-bullet-active{background: linear-gradient(to right, #ffbf86, #e94a4a);}

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

/****热门游戏推荐****/
.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: #e94a4a;border: 1px solid #e94a4a; 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个****/
.yxlb2{ display: block;}
.yxlb2 li{ margin-top: 0.2rem; display: inline-block; padding-bottom: 0.3rem; border-bottom: 1px solid #eee;}
.yxt{ width: 1.3rem;float: left; height: 1.3rem; overflow: hidden;}
.yxt img{ width: 100%; height: 100%; border-radius: 0.2rem;}
.yxn{width: 4.1rem;float: left;margin-left: 0.2rem;padding-right: 0.3rem;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;}
.yxlb2 li:last-child{padding-bottom: 0rem; border-bottom: 0px solid #eee;}

/****游戏分类****/
.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: #e94a4a;margin-left:0.1rem;}
.yxfl_n p{font-size: 0.20rem;color: #888;display: block;width: 100%;}



.bwyx .swiper-slide li{overflow: hidden;margin:.2rem 0;position: relative;display: flex;align-items: center;border-bottom: 1px #eaeaea solid;padding-bottom: .3rem;}
.bwyx .swiper-slide li:last-child{margin-bottom: 0px;border-bottom: none;}
.bwyx .swiper-slide .g-yxlbz{width: 5.5rem;float: left;}
.bwyx .swiper-slide .g-yxlbz img{width: 1.4rem;height: 1.4rem;overflow: hidden;border-radius: 0.24rem;float: left;margin-right: .2rem;}
.bwyx .swiper-slide dl{width: 3.8rem;float: left;}
.bwyx .swiper-slide dt{font-size: .32rem; height: .4rem;line-height: .4rem; overflow: hidden;font-weight: normal;white-space: nowrap;text-overflow: ellipsis;}
.bwyx .swiper-slide dt a{color: #333;}
.bwyx .swiper-slide dd:nth-child(2){width:1.7rem ;height: .5rem;background: url(../images/pfimgh.png) repeat-x left center;vertical-align: middle;position: relative;}
.bwyx .swiper-slide dd:nth-child(2) i{display: inline-block;position: absolute;left: 0;bottom: 0;background: url(../images/pfimg.png) repeat-x left center;vertical-align: middle;width: 90%;height: .5rem;}
.bwyx .swiper-slide dd:nth-child(3){font-size: .24rem;color: #aaa; height: .36rem;line-height: .36rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.bwyx .swiper-slide dd:nth-child(3) em{display: inline-block;float: left;margin-right: .5rem;position: relative;}
.bwyx .swiper-slide dd:nth-child(3) em:nth-child(1)::after{content: "";position: absolute;top: 4px;right: -12px;height: 10px;width: 1px;background: #E5E5E5;}
.bwyx .swiper-slide .g-yxlby{display: block;width: 1.14rem;height: .56rem;position: absolute;bottom: .72rem;right: .1rem;line-height: .56rem;text-align: center; box-sizing: border-box;background:#14b9c8;border-radius: 5px;color: #fff;}





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

.zxlb{width: 100%;margin-top: 0.3rem;display: inline-block;}
.zxlb_t{  float: left;overflow: hidden;width: 2.2rem;height: 1.4rem;border-radius: .06rem;}
.zxlb_t img{width: 100%; height: 100%;}
.zxlb_n{overflow: hidden;width: 4.6rem;float: right;}
.zxlb_n h3{font-size: 0.28rem; color: #333;font-weight: normal;}
.zxlb_n p{ font-size: 0.24rem; color: #666666;}
.zxlb_n 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;}
.zxlb_n 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;}

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

.rmgllb 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;}
.rmgllb li:first-child {border-top: 0;}
.rmgllb li .img-a{width: 2.2rem;height: 1.4rem;overflow: hidden;}
.rmgllb li .img-a img{border-radius: .06rem;width: 100%;height: 100%;overflow: hidden;}
.rmgllb li .strategy-con {width: 4.6rem;height: 1.4rem;display: flex;flex-direction: column;justify-content: flex-start; align-items: flex-start;}
.rmgllb 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;}
.rmgllb li .strategy-con div{font-size: .22rem;color: #c2c2c2;}
.rmgllb 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 #e94a4a; 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: #e94a4a;}
.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;}


/*****友情链接*****/
.linklb{ width: 100%;display: inline-block;}
.linklb li{width: 31%;box-sizing: border-box;line-height: 0.7rem; 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;}
.linklb li a{ color: #454545;}
.linklb 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: #e94a4a;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: #e94a4a;}
.yxcolu a.filter-bar{color: #e94a4a;text-align: right;width: 30%;}
.yxcolu a.filter-bar img{width: 0.27rem;height: 0.27rem;margin-right: 0.2rem;float: right;margin-top: 0.28rem;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: #e94a4a; color: #FFFFFF; border: 1px solid #e94a4a;}


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

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

.hotzt_lb{display: inline-block;margin-top: .2rem;}
.hotzt_lb li{height: .66rem; background-color: #f3f3f3; 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;}


.yxsp{ width: 100%; display: inline-block;padding: 0 !important;}
.marvsp{border-bottom: 10px #f5f5f5 solid;padding:.2rem .2rem .3rem;}
.marvsp:nth-child(1){padding-top: 0;}
.marvsp .tit{font-size:.28rem;line-height: .4rem; color: #222222; line-height: .4rem;font-weight: normal;margin-bottom: .2rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.marvsp .img{height: 3.64rem;position: relative;margin-bottom: .2rem;}
.marvsp .img img{height: 100%;width: 100%;overflow: hidden;border-radius: 5px;object-fit: cover;}
.marvsp .img i{width: 1rem;height: 1rem;position: absolute;top: 50%;left: 50%;margin-top: -.5rem; margin-left: -.5rem;background-image: url(../images/icon_playvideo.png);background-size: cover;background-repeat: no-repeat;}
.marvsp .info{height: .3rem;line-height: .3rem;}
.marvsp .info .fl{color: #666;}
.marvsp .info .fr{display: inline-block;max-width: 50%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.marvsp .info .fr::before{content: "";width: .26rem;height: .26rem;display: inline-block;background: url(../images/icon_viewVideo.png) no-repeat;background-size: .26rem .26rem;vertical-align: middle;margin-right: .05rem;}

/* 软件详细页面 */
.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: #e94a4a;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;}
.yxxq_b{width: 100%;height: 0.7rem;margin-bottom: 0;}
.yxxq_b p{font-size: 0.32rem;height: 0.68rem;line-height: 0.68rem;display: inline-block;width: auto;}
.yxxq_b p::before{content: "";width: 4px;height: .3rem;display: inline-block;background: #e94a4a;margin-right: .15rem;vertical-align: top;margin-top: .2rem;}
.yxxq_b span{ float: right;    line-height: 0.68rem;}
.yxxq_b 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: #e94a4a;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;}
.pui-art-met{ width: 100%;text-align: center;}
.pui-art-met .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;}
.pui-art-met .item .iconfont{color: #e94a4a;}
.pui-art-body{ padding: 0.3rem 0; font-size: 0.28rem; color: #666666;}
.pui-art-body 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;}
.pui-art-body p{ margin-bottom: 0.2rem; line-height: 1.8;margin-top:0.15rem;text-indent: 2em;clear:both;word-break: break-all;/*英文强制换行*/}
.pui-art-body img{display: block;margin:auto;max-width: 80%;}

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

.pui-art-body{overflow: hidden;border-top: 1px solid #eee;margin-top: 0.3rem;}
.pui-art-body.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 #2ecbd9; color: #2ecbd9; border-radius: 0.1rem; display: block;}

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

/*游戏合集*/
.afhej{background: #fff;overflow: hidden;padding-top: .2rem;}
.afhej li{padding-bottom: 0.2rem;height:3rem;position: relative;overflow: hidden;}
.afhej li img{width: 100%;height:100%;overflow: hidden;object-fit: cover;}
.afhej li p{font-size: .28rem; height: 1rem;line-height: 1rem;font-weight: normal;position: absolute;left: 0;bottom: 0.2rem;background: linear-gradient(to top, #202020 0%, transparent 100%); width: 96%;padding: 0 2%;}
.afhej li p em{color: #fff;display: inline-block;float: left;width: 70%;overflow: hidden;height: 1rem;line-height: 1rem;font-weight: 600;}
.afhej li span{display: inline-block;height: 1rem;line-height: 1rem;font-size: 0.22rem;color: #eee;width: 29%;text-align: right;}
.afhej li span b{color:#f84b44;}

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

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


.gywm_n{padding: 0;font-size: 0.28rem;color: #666666;overflow: hidden;}
.gywm_n p{margin-bottom: 0.2rem;line-height: 1.8;margin-top:0.15rem;clear:both;overflow: hidden;word-wrap: break-word;word-break: normal;}
.gywm_n 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: #e94a4a;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;}

.yxlb2 .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{ font-size: 0.3rem; color: #333;}
.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:#e94a4a;margin:0 5px}
.lb-btn{width: 1.2rem;height: 0.7rem;float: right;border: 1px solid #e94a4a; background: #e94a4a;  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: #e94a4a; 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 #e94a4a; 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: #e94a4a;}
.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;}
.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;}


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


/******搜索结果****/
.ssjg{width: 100%; height: 0.8rem;}
.ssjg a{width: 20%;text-align: center;display: block;line-height: 0.8rem;float: left;font-size: 0.30rem;color: #333; font-weight: bold;;}
.ssjg a.active{ color: #e94a4a;}
.sszs 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;}

/******搜索视频****/
.ssspli{margin-top: .20rem;width: 47.5%;float: left;display: table;background-color: rgb(255,255,255);}
.ssspli:nth-child(2n){float: right;}
.ssspli img{width: 100%;border-radius: 10px;height: 1.62rem;object-fit: cover;overflow: hidden;}
.ssspli 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.5rem;height: 0.7rem;float: right;border: 1px solid #14b9c8;text-align: center;line-height: 0.70rem;border-radius: 0.1rem;margin-top: 0.25rem; background: #14b9c8;}
.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 .zxlb_n 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: #e94a4a;}
.yxcolu1 a.filter-bar{color: #e94a4a;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;}



.maprcont dt{margin-top: 0.5rem;font-size: 0.3rem;font-weight: bold;height: .4rem;line-height: .4rem;}
.maprcont dt i{  width: .4rem; height: .4rem; display: inline-block; float: left; margin-right: 10px;vertical-align: middle;}
.maprcont dt a{color: #444;}
.maprcont dt a:hover{ color: #e94a4a;}
.yxk_bq{overflow: hidden;height:auto;position:relative;}
.yxk_bq li{float: left;height: .66rem;background-color: #f3f3f3; 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: #e94a4a; border-color: #e94a4a; 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; background-color: #f3f3f3; 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: #e94a4a; border-color: #e94a4a; 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;}

/******最新更新******/
.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: #e94a4a;}


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


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


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



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

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


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

/****首页专区大全滚动***/
.zqdq{position: relative;display: block;width: 100%;}
.zqdq .swiper-container {margin-top: 0.3rem;padding: 0.05rem 0;height: 4.2rem;}
.zqdq .swiper-slide {padding: 0;box-sizing: border-box;height: 3.8rem;width: 100% !important;padding: 0;margin-right: .01rem;}
.zqdq .swiper-slide:nth-child(odd){ border-right: none;}
.zqdq .swiper-slide .zqgimg img{height:2.2rem;border-radius: 0.2rem;object-fit: cover;overflow: hidden;margin-bottom: .3rem;}
.zqdq .swiper-pagination{width: 100%;bottom: 0rem !important;}
.zqdq .swiper-pagination-bullet { margin-left: 0.15rem; background-color: #d9d9d9; opacity: 1;width: 10px;height: 10px;}
.zqdq .swiper-pagination-bullet-active {background-color: #e94a4a;width: 0.8rem;border-radius: 0.1rem;}
.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: #e94a4a;border-radius: inherit;}
.zqjs .circle-score span{font-weight: bold; font-size: 0.32rem; position: relative;z-index: 3;color: #ffffff;vertical-align: middle;}
.zqjs .circle-score span i{font-style: normal;font-size: 0.26rem;}

/****专区列表
.zqdq{display: inline-block;}
.areali{width: 100%;padding-bottom: 0.3rem;margin-top: 0.3rem;border-bottom: 1px solid #eee;display: inline-block;}
.areali 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;}
.areali .btn{width: 1.34rem;line-height: 0.55rem;color: #e94a4a;border: 1px solid #e94a4a;border-radius: 0.08rem;float: right;text-align: center;margin-top: 0.325rem;background: #fff !important;font-size: 0.24rem}

****/
.areali{display: block;padding: 0.27rem 0 0.3rem 0;padding-top: 0.27rem;border-bottom: 0.01rem solid #eeeeee; position: relative;overflow: hidden;}
.areali .imgBox{float: left;width: 1.6rem;height: 1.6rem;position: relative; margin: 0 0.3rem 0 0rem;}
.areali .imgBox img{width: 1.6rem;height: 1.6rem;overflow: hidden;border-radius: 22%;}
.areali .cont{float: left;width: 2.4rem;margin-right: 0.14rem;}
.areali .cont .name{width:4.6rem;height: 0.51rem;line-height: 0.51rem;color: #000;font-size: 0.3rem;margin-bottom: 0.23rem;white-space: nowrap;text-overflow: ellipsis;}
.areali .cont .name a{color: #000;}
.areali .cont p{line-height: 0.43rem; font-size: 0.2rem;color: #999;white-space: nowrap;overflow: hidden;}
.areali .cont p.type{margin-top: 0.14rem;height: 0.48rem;white-space: nowrap;overflow: hidden;}
.areali .cont p.type span { float: left; height: 0.4rem; line-height: 0.4rem; padding: 0 0.22rem; font-size: 0.2rem; color: #4fb3ff; border: 0.01rem solid #68beff; border-radius: 0.2rem; margin: 0 0.07rem 0.1rem 0; }
.areali .cont p.type span:nth-child(2n) { color: #f4a76d; border: 0.01rem solid #f4a76d; }
.areali .cont p.type span:nth-child(3n) { color: #ef8692; border: 0.01rem solid #f08f9a; }
.areali .source{float: right;position: relative;padding-top: .6rem;}
.areali .source .mark{position: absolute;top: 0.6rem;right: 1.6rem;margin: auto;width: 1rem; height: 0.52rem;border-radius: 0.08rem;line-height: 0.52rem;font-size: 0.24rem;color: #fff;text-align: center; border:1px #e94a4a solid;}
.areali .source .mark a{color: #e94a4a;}
.areali .source .enterBt{width: 1.4rem;line-height: 0.55rem;text-align: center; color: #fff; border-radius: 0.08rem; float: right; text-align: center;background: #14b9c8 !important;font-size: 0.28rem;}
.areali .source .enterBt a{color: #fff;}

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

.zxxg{box-sizing: border-box;width:auto !important;overflow: hidden;position: relative;}
.zxxg .swiper-slide{width: 100% !important;}
.zxxg 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;}
.zxxg li:first-child {border-top: 0;}
.zxxg li .img-a{width: 2.4rem;height: 1.6rem;overflow: hidden;margin-right: .2rem;}
.zxxg li .img-a img{border-radius: .2rem;width: 100%;height: 100%;overflow: hidden;}
.zxxg li .strategy-con {width: 4.3rem;height: 1.6rem;display: flex;flex-direction: column;justify-content: flex-start; align-items: flex-start;}
.zxxg li .strategy-con a{width: 100%;overflow: hidden; height: .8rem;line-height: .4rem;font-size: .28rem;color: #333; margin-bottom: .35rem; text-align: left;}
.zxxg li .strategy-con div{font-size: .22rem;color: #c2c2c2;}
.zxxg 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:50% !important;float: left; margin-right: 0; overflow: hidden;margin-top: 0.3rem; position: relative;padding:0 2%;box-sizing: border-box;}
.symarvsp img{ width: 100%; height:2.8rem ; border-radius: 0.2rem;object-fit: cover;}
.symarvsp p{font-size: 0.28rem;color: #333;margin-top: 0.1rem;text-align: center;}
.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: 40%;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 ;}



.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: #e94a4a !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 #e94a4a; border-radius: 1rem; margin-right: 0.3rem; color: #e94a4a; font-size: 0.26rem;}
.phb1 .yxn p{width: 1.2rem;float: left;}

.phbyxcolu{width: 100%; height: 0.8rem;}
.phbyxcolu a{width: 20%;text-align: center;display: block;line-height: 0.8rem;float: left;font-size: 0.30rem;color: #333;}
.phbyxcolu a.active{color: #e94a4a;}
.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;}
.vidlike{padding: 0.3rem .2rem .1rem;}
.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: #e94a4a;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 #e94a4a solid; border-radius: 3px; font-size: 0.28rem; background: #e94a4a !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: #14b9c8 !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: #e94a4a !important;}
.zanList .praise img{    width: 0.35rem !important;height: 0.35rem;}
.zanList .praise { height: 0.55rem !important;}





/*开服排行页面*/
.fkblb{padding: .2rem 0;}
.fkblb 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;}
.fkblb li:nth-child(3n+3){margin-right: 0px;}
.fkblb 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}
.fkblb li a:hover{ border:1px solid #e94a4a;background:#e94a4a;color: #fff;}


.kfbcont{background: rgba(255, 255, 255, 0.5);padding:0;}
.kfbcont dt{ height: .8rem;}
.kfbcont dt ul{ height:.8rem;background: #14b9c8;border-left: 1px #14b9c8 solid;}
.kfbcont 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 #14b9c8 solid;}
.kfbcont dd ul{height: .8rem;border-left: 1px solid #ffded3;border-right: 1px solid #ffded3;}
.kfbcont 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;}
.kfbcont dd li a{color: #333;}
.kfbcont dd ul:hover li{ background:#f6f5f5;}
.kfbcont dd ul:hover li a{ color: #333;}
.kfbcont dd li:nth-child(1),.kfbcont dd li:nth-child(2),.kfbcont dt li:nth-child(1),.kfbcont dt li:nth-child(2){ width: 22%;}
.kfbcont dd li:nth-child(3),.kfbcont dt li:nth-child(3){ width: 56%;}
.kfbcont dl:last-of-type dd ul{border-left: 1px solid #ededed;border-right: 1px solid #ededed;}
.kfbcont dl:last-of-type dd li{background: #fff;border-bottom: 1px solid #ededed;}
.kfbcont dl:last-of-type dd ul:hover li{ background: #f6f5f5;}
.kfbcont dl:last-of-type dd ul:hover li a{color: #333;}
.kfbcont dd ul:hover li:last-child a,.kfbcont dl:last-of-type dd ul:hover li:last-child a{color: #fff;background: #ff6460;}
.kfb-top{margin-top: 15px;}
.psyxtjtextbt{width: 98%;height: .66rem;background: #f5f5f5;margin-bottom: .2rem;}
.psyxtjtextbt li{width: 33.33%;display: inline-block;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;}
.psyxtjtextbt li.thistab{background: #14b9c8;color: #fff;}

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

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


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





.gx_zbbt{width: 100%; height: 0.8rem;}
.gx_zbbt 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;}
.gx_zbbt li.active{ color: #ff5500;}


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


.mapic11{background: url(../images/mapico.png) no-repeat 0px -5.3rem;background-size: .4rem auto;}

.maprk2{overflow: hidden;height: 2.45rem;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: 2.45rem;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;}

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


/*相关资讯*/
.jiuzxow .jiuzsi a {
    width:100%;
    overflow:hidden;
    display:block;
    margin-top:.2rem;
    border-bottom: 1px #eaeaea dashed;
    padding-bottom: .2rem;
   }
   .jiuzxow .jiuzsi 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;
   }
   .jiuzxow .jiuzsi a:nth-child(1) span,
   .jiuzxow .jiuzsi a:nth-child(2) span,
   .jiuzxow .jiuzsi a:nth-child(3) span {
    background:#FF881E
   }
   .jiuzxow .jiuzsi 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
   }
   .jiuzxow .jiuzsi a em{
    float: right;
    font-size: .28rem;
    color: #999;
   }
   .jiuzxow .jiuzsi a:hover p {
    color:#FF881E
   }



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


  
 .aoloxg a:nth-child(3n) {margin-right: 0;}
  
  .aoloxg a:nth-child(1),.aoloxg a:nth-child(8),.aoloxg a:nth-child(15){ background: #ffa41e; }
  .aoloxg a:nth-child(2),.aoloxg a:nth-child(9),.aoloxg a:nth-child(16){ background: #ff7d64; }
  .aoloxg a:nth-child(3),.aoloxg a:nth-child(10),.aoloxg a:nth-child(17){ background: #2dbbe0; }
  .aoloxg a:nth-child(4),.aoloxg a:nth-child(11),.aoloxg a:nth-child(18){ background: #59ca63; }
  .aoloxg a:nth-child(5),.aoloxg a:nth-child(12),.aoloxg a:nth-child(19){ background: #868cf4; }
  .aoloxg a:nth-child(6),.aoloxg a:nth-child(13),.aoloxg a:nth-child(20){ background: #1ec2eb; }
  .aoloxg a:nth-child(7),.aoloxg a:nth-child(14),.aoloxg a:nth-child(21){ background: #7db65d; }
  .aoloxg a:hover{background: #14b9c8;color: #fff;}
  
  



  .apserlb a:hover{
    background: #f85802;
    border-color:#f85802 ;
    color: #fff;
  }
  .mjkbg{
    padding: .3rem .2rem 0 .2rem;
  }
  .mjkbg ul{
    border-top: 1px #ddd dashed;margin-top: .3rem;padding-top: .3rem;
}
  .mjkbg li{width: 100%;height: 1.2rem;margin-bottom: .3rem;}
  .mjkbg li img{width: 1.2rem; height: 1.2rem;border-radius: .26rem;float: left;margin-right: .2rem;}
  .mjkbg li dl{width: 55%;float: left;}
  .mjkbg li dt{font-size: .3rem;font-weight: normal;color: #333333; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: .05rem;}
  .mjkbg li dt a{color: #333333;}
  .mjkbg li dd{display: block; font-size: .22rem;font-weight: 500;color: #999999;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
  .mjkbg li dd:nth-child(2){margin-bottom: .05rem;}
  .mjkbg li .tabtn{width: 1.4rem;height: .66rem;line-height: .66rem;text-align: center;float: right;margin-top: .27rem;background: #14b9c8;color: #fff;font-size: .28rem;}
  .mjkbg li .tabtn::before{content: "";width: .26rem;height: .26rem;background: url(../images/xzicoh.png) no-repeat;display: inline-block;background-size: .26rem .26rem;margin-right: .05rem;}
  .mjkbg li .tabtn a{color: #fff;}
  .mjkbg 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;}
  .tagxsj{margin-bottom: .2rem;text-align: center;font-size: .22rem;color: #999;}
  .tagxlll{text-align: center;font-size: .22rem;color: #666;height: .3rem;line-height: .3rem;margin-top: .1rem;margin-bottom: .1rem;}
  .tagxlll::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;}
  .tagxlll em{color: #999;margin-left: 10px;}
  .tagxlll 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;}
  .tagxlll 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: #14b9c8;
}
.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;
}
.mjkpl{margin-top: 20px;}
.mjkpl li{padding:20px 0;border-top:1px #e8eaeb solid;}
.mjkpl li .wy_z{width: .6rem;height: .6rem;float: left;margin-right: .17rem;}
.mjkpl li .wy_z img{width: 100%;height: 100%;border-radius: 50%;}
.mjkpl li .wy_y{width: 86%;float: left;}
.mjkpl li .wy_y h5{height: 34px;line-height: 34px;font-size: .3rem;font-weight: normal; color: #262522;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.mjkpl li .wy_y h5 i{font-size: .24rem;color: #bbb;margin-left: .1rem;}

.mjkpl li .wy_y p:nth-child(2){line-height: 26px;color: #555;}
.mjkpl li .wy_y p:nth-child(3){height: 30px;line-height: 30px;color: #9fa4aa;font-size: 12px;}
.mjkpl li .wy_y p:nth-child(3) em{float: right;margin-left: .2rem;cursor: pointer;}
.mjkpl li .wy_y p:nth-child(3) em::before{content: "";display: inline-block;width: 17px;height: 17px;vertical-align: middle;margin-right: 6px;}
.mjkpl li .wy_y p:nth-child(3) em::before{background: url(../images/dz.png);margin-top: -5px;}



.mjkpl li .wy_y p:nth-child(3) em:hover{color: #ff7526;}
#commentNum{
    color: #666;font-size: .22rem;float: right;
}


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

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

 
  /*详情样式3*/
  /*
.yxxq_n p strong {
height: .5rem;
margin: .4rem 0 .2rem 0;
padding: 0 0 0 .15rem;
font-size: .4rem;
font-weight: 700;
line-height: .3rem;
text-indent: 0;
border-left: 10px solid #e9443e;
color: #e9443e;
display: block;
border-bottom: 1px #bbb dashed;
}
*/

.yxxq_n h3{
 height: .5rem;
margin: .4rem 0 .2rem 0;
padding: 0 0 0 .15rem;
font-size: .4rem;
font-weight: 700;
line-height: .3rem;
text-indent: 0;
border-left: 10px solid #e9443e;
color: #e9443e;
display: block;
border-bottom: 1px #bbb dashed;
}

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

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

.pui-art-body h3{
 height: .5rem;
margin: .5rem 0 .5rem 0;
padding: 0 0 0 .15rem;
font-size: .4rem;
font-weight: 700;
line-height: .4rem;
text-indent: 0;
border-left: 10px solid #e9443e;
color: #e9443e;
display: block;
border-bottom: 1px #bbb dashed;
white-space:nowrap;
overflow: hidden;
text-overflow:ellipsis; /*省略号*/
}



    .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: 13.5px;
    color: #333;
    text-align: right;
    display: inline-block;
    margin-right: 10px;
    }
    
    .yxDetail_5 li em{
      flex: 1;
      font-size: 13px;
      color: #999;
    }
    
    .yxDetail_5 li a{color: #14b9c8;}
    
    .yxDetail_5 li em.qcann{color: #14b9c8;cursor: pointer;}
    
    
    .yxDetail_5 li em.qcann2{color: #14b9c8;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(254, 186, 0), rgb(254, 208, 0));
      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(254, 186, 0), rgb(254, 208, 0));
      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*****/
.ifocuzxlb{ display: block;}
.ifocuzxlb 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;}
.ifocuzxlb li a{color: #000;font-size:.26rem;}
.ifocuzxlb span{color: #999;float:right;font-size:.20rem;line-height:.5rem;}
.ifocuzxlb li em {
    float:left;
    display:block;
    width:1.1rem;
    height:.4rem;
    background:#00b1c1;
    border-radius:6px 6px 4px 6px;
    text-align:center;
    line-height:.4rem;
    margin-top:1px;
    font-weight: bold;
    margin-right: .15rem;
   }
.ifocuzxlb li a.ifocuzxlbys{color: #FFFFFF;font-size:.20rem;}




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




/* hjxqy */
.zgb_hjqnr{padding:.2rem .3rem}
.zgb_hjqnr img{display:block;width:100%;height:3.46rem;margin-bottom:.16rem;object-fit: cover;}
.zgb_hjqnr .zgb_hxqjs{height:1.7rem;overflow:hidden;position:relative;}
.zgb_hjqnr .auto_box2{height:auto;}
.zgb_hjqnr p{font-size:.28rem;margin-bottom:.28rem;color: #454545;line-height: .42rem;}
.zgb_hjqnr .zgb_hxqzs2{width:3rem;color:#0091ff;text-align:right;font-size:.28rem;position:absolute;right:0;bottom:0;background:linear-gradient(to right,rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 1),rgba(255, 255, 255, 1) , rgba(255, 255, 255, 1) , rgba(255, 255, 255, 1));}
.zgb_hjqnr .zgb_hxqzs2 i{display:inline-block;width:0;height:0;margin-right:.1rem;position:relative;top:.04rem;border-top:.1rem solid #0091ff;border-right:.1rem solid transparent;border-bottom:.1rem solid transparent;border-left:.1rem solid transparent;}
.zgb_hjqnr .zgb_hxqzs2 i.up{border-top-color:transparent;border-bottom-color:#0091ff;top:-.04rem;}

.zgb_hjqnr .hjnr_bt{display: flex;margin: .15rem 0 .16rem;align-items: center;}
.zgb_hjqnr .hjnr_bt h1{flex: 1;font-size: 16px;color: #333;font-weight: 600;line-height: .42rem;}
.zgb_hjqnr .zgb_hjsj{display: flex;margin: .15rem 0 .16rem;align-items: center;}
.zgb_hjqnr .zgb_hjsj em{font-size:.26rem;color:#ababab;}
.zgb_hjqnr p{color: #666;font-size: 14px;}


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

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

.pui-art-body tbody th {
  background-color: #f8f9fa;
  color: #333;
}

.pui-art-body 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;
}