.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: #00b1c1;position: fixed;left: 0;top: 0;width: 100%;z-index: 999;}
header .logo { width: 2rem; height: 0.65rem; float: left; margin-left: 2.5rem;}
header .logo a {display: block;}
header .header-right { float: left;width: 100%;}
header .tel {float: left;margin-left: 0.1rem;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: right;margin-top: 0.15rem;margin-right: 0.23rem;}
header .search{display: none;width: 100%;height:1rem;background: #19c6d6;float: left;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:#ff5500;background: -moc-leftinear-gradient(left, #ff8e55 0%, #ff5500 100%);background: -webkit-linear-gradient(left, #ff8e55 0%,#ff5500 100%);background: -ms-linear-gradient(left, #ff8e55 0%,#ff5500 100%);background: linear-gradient(to right, #ff8e55 0%,#ff5500 100%);font-size: 0.24rem;float: left;}

/*****导航****/
.nav-box {position: fixed; left: 0;top: 0;height: 100%;width: 100%;background-color: rgba(0, 0, 0, 0);z-index: -1;pointer-events: none;}
.nav-box.open {background-color: rgba(0, 0, 0, 0);transition-duration: 1s;z-index: 500;}
.nav{width: 100%;height: 100%;position: fixed;z-index: 9999999999;top: 1.1rem;right: -100%;background-color: #fff;float: right;transition-duration: .5s;overflow: auto;}
.nav.open{right: 0;transition-duration:.5s;transition-delay:.2s;}
.nav-top{padding-bottom:.10rem;border-bottom:1px solid #eee;padding-left:.3rem;background:#14B9C8;}
.nav-top .phone{width:3.2rem;height:.6rem;line-height:.6rem;background-color:#14B9C8;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;}


/*****底部****/
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: linear-gradient(to bottom, #14b9c8 63%, #32bbc7 24%, #c4f0f4 , #fff);padding-top: .4rem;margin-bottom: 0.15rem;}
.jdtimg img{border-radius: 0.22rem;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; border-radius: 0 0 0.22rem 0.22rem;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, #19e3f5, #14b9c8);}

/*****首页导航****/
.index-nav {margin-top: 0.7rem;}
.index-nav ul {margin-bottom: 0.14rem;}
.index-nav ul li { float: left;width: 20%;text-align: center;margin-bottom: 0.4rem;}
.index-nav ul li:nth-child(5n){margin-right: 0;}
.index-nav ul li .pic{width: 0.76rem;height: 0.76rem;overflow: hidden;margin: 0 auto 0.15rem;}
.index-nav ul li .pic img{width: auto; height:100%;}
.index-nav 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: #14B9C8;border: 1px solid #14B9C8; line-height: 0.55rem;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,.yxlb2 .zxlb{ margin-top: 0.2rem; display: inline-block; padding-bottom: 0.3rem; border-bottom: 1px solid #eee;}
.yxt{ width: 1.2rem;float: left; height: 1.2rem; overflow: hidden;}
.yxt img{ width: 100%; height: 100%; border-radius: 0.2rem;}
.yxn{width: 4.2rem;float: left;margin-left: 0.2rem;padding-right: 0.3rem;overflow: hidden;}
.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.2rem;margin:.08rem 0 0.05rem 0;}
.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: #14B9C8;margin-left:0.1rem;}
.yxfl_n p{font-size: 0.20rem;color: #888;display: block;width: 100%;}

/*****资讯模块*****/
.zxmk{display: inline-block;width: 100%;}
.zxmk .tabs {display: inline-block;margin:0; width: 100%; border: 1px solid #14B9C8; border-radius: 0.1rem;}
.zxmk .tabs li { width: 33.3%;height: 0.8rem; line-height: 0.8rem; text-align: center; border-radius: 0; float: left; margin: 0;}
.zxmk .tabs li a {  font-size: 0.3rem;color: #333333;font-weight: bold;}
.zxmk .tabs li.thistab {background-color: #14B9C8;}
.zxmk .tabs li.thistab a {color: #ffffff;}
.zxmk .tab_conbox {text-align: left;}
.zxmk .tab_conbox .top {width: 100%;height: 3rem;margin-bottom: 0.18rem;}
.zxmk .tab_conbox .bottom img {width: 3.45rem;height: 3rem; float: left;}

.zxlb{width: 100%;margin-top: 0.3rem;display: inline-block;}
.zxlb_t{  float: left;overflow: hidden;width: 2.6rem;height: 1.5rem;border-radius: .06rem;}
.zxlb_t img{width: 100%; height: 100%;}
.zxlb_n{overflow: hidden;width: 4.2rem;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 .jcsp:nth-child(2n){margin-right: 0;}

.zthj{position: relative;display: block;}
.zthj .swiper-container {margin-top: 0.3rem;padding: 0.05rem 0;}
.zthj .swiper-slide {padding: 0;box-sizing: border-box;width: 3.4rem ;padding:0 0.15rem;height: 3.8rem;}
.zthj .swiper-slide a{display: block; height: 3.6rem;background: #f5f5f5;border-radius: 0.22rem;position: relative;margin: 0 0.16rem 0 0.02rem;}
.zthj .swiper-slide:nth-child(odd){ border-right: none;}
.zthj .swiper-pagination{ margin-top: 0.2rem; width: 100%;}
.zthj .swiper-pagination-bullet { margin-left: 0.15rem; background-color: #dddddd; opacity: 1;}
.zthj .swiper-pagination-bullet-active {background-color: #14B9C8;width: 0.6rem;border-radius: 0.1rem;}
.zthj .swiper-slide img{height: 2.4rem;overflow: hidden;object-fit: cover;border-radius: .22rem .22rem 0 0;}
.zthj .name{width: 100%;height: 0.56rem;line-height: 0.56rem;color: #333333;font-size: 0.3rem;text-indent: 0.42rem;padding-right:2%;box-sizing: border-box;text-overflow: ellipsis; margin-top: 0.14rem;white-space: nowrap;overflow: hidden;position: relative;}
.zthj .name::before{content: "";position: absolute;width: 0.07rem; height: 0.3rem;background: #14B9C8;left: 0;top: 0;bottom: 0;margin: auto;}
.zthj .text{width: 100%; height: 0.33rem; line-height: 0.33rem;color: #8e8e8e; font-size: 0.22rem;text-indent: 0.42rem;padding-right: 2%;box-sizing: border-box; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.yxgl 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;}
.yxgl li:first-child {border-top: 0;}
.yxgl li .img-a{width: 2.4rem;height: 1.6rem;overflow: hidden;}
.yxgl li .img-a img{border-radius: .2rem;width: 100%;height: 100%;overflow: hidden;}
.yxgl li .strategy-con {width: 4.3rem;height: 1.6rem;display: flex;flex-direction: column;justify-content: flex-start; align-items: flex-start;}
.yxgl li .strategy-con a{width: 100%;overflow: hidden; height: .8rem;line-height: .4rem;font-size: .28rem;color: #333; margin-bottom: .35rem; text-align: left;}
.yxgl li .strategy-con div{font-size: .22rem;color: #c2c2c2;}
.yxgl 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 #14B9C8; 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: #14B9C8;}
.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;}


/*****友情链接*****/
.yqlj{ width: 100%;display: inline-block;}
.yqlj 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;}
.yqlj li a{ color: #454545;}
.yqlj 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: #14B9C8;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;}
.wrap ul.gametag:first-child .phb_n:nth-child(1) .phb_nr_tb{background: url(../images/phb1.jpg) no-repeat center center;    background-size: 100%; font-size: 0;}
.wrap ul.gametag:first-child .phb_n:nth-child(2) .phb_nr_tb{background: url(../images/phb2.jpg) no-repeat center center;    background-size: 100%;font-size: 0;}
.wrap ul.gametag:first-child .phb_n:nth-child(3) .phb_nr_tb{background: url(../images/phb3.jpg) no-repeat center center;    background-size: 100%; font-size: 0;}



/******游戏列表页*****/
.yxlm{width: 100%; height: 0.8rem;}
.yxlm a{width: 22%;text-align: center;display: block;line-height: 0.8rem;float: left;font-size: 0.30rem;color: #333;}
.yxlm a.active{ color: #14B9C8;}
.yxlm a.filter-bar{color: #ff5500;text-align: right;width: 30%;}
.yxlm 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: #ff5500; color: #FFFFFF; border: 1px solid #ff5500;}


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


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


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

.rmyxtj{display: inline-block;margin-top: .2rem;}
.rmyxtj 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;}
.rmyxtj li a{ font-size: 0.24rem; color: rgb(143, 125, 125);}
.rmyxtj li:nth-child(2n){margin-right: 0;}


.yxsp{ width: 100%; display: inline-block;padding: 0 !important;}
.jcsp{border-bottom: 10px #f5f5f5 solid;padding:.2rem .2rem .3rem;}
.jcsp:nth-child(1){padding-top: 0;}
.jcsp .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;}
.jcsp .img{height: 3.64rem;position: relative;margin-bottom: .2rem;}
.jcsp .img img{height: 100%;width: 100%;overflow: hidden;border-radius: 5px;object-fit: cover;}
.jcsp .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;}
.jcsp .info{height: .3rem;line-height: .3rem;}
.jcsp .fl{color: #666;}
.jcsp .fr{display: inline-block;max-width: 50%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.jcsp .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: #14B9C8;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: #14B9C8;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: #14B9C8;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;}

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

.xgzx{ width: 100%; display: inline-block;}
.xgzx li{width: 100%;box-sizing: border-box;padding-left: 0.25rem;background: url(../images/ioc1.png) no-repeat left 0.08rem;overflow: hidden;margin-top: 0.25rem;display: block;border-bottom: 1px #ddd dashed;padding-bottom: .05rem;}
.xgzx li a{font-size: 0.24rem;color: #333;display: inline-block;width: 90%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.xgzx li span{ float: right; color: #999; font-size: 0.2rem;}

.xglb{display: block;}
.xglb li{margin-top: 0.25rem;display: inline-block;width: 100%;padding-bottom: 0.3rem;border-bottom: 1px solid #eee;}
.xglb li img{ float: left; width: 0.9rem; height: 0.9rem; border-radius: 0.2rem;}
.xglb li .xglb_n{width: 4.8rem;float: left;margin-left: 0.2rem;display: block;} 
.xglb li .xglb_n a{ font-size: 0.3rem; color: #333; line-height: 0.3rem;}
.xglb li .xglb_n p{font-size: 0.24rem;color: #666666;margin-top: 0.2rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.xglb li .btn{width: 1rem;height: 0.5rem;line-height: 0.5rem;background-color: #14B9C8;color: #fff;text-align: center;border-radius:  0.1rem;display: block;float: right;margin-top: 0.15rem;}
.xglb li:last-child{ padding-bottom: 0rem; border-bottom: 0px solid #eee;}


/****新闻详细****/
.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: #14B9C8;}
.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.2rem;}

.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;object-fit: cover; object-position: 100% 30%;}
.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 #14B9C8; color: #14B9C8; border-radius: 0.1rem; display: block;}

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

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


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


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

.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: #14B9C8;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.24rem  !important; height: 1.24rem  !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:#14B9C8;margin:0 5px}
.lb-btn{width: 1.2rem;height: 0.7rem;float: right;border: 1px solid #14B9C8; background: #14B9C8;  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: #14B9C8; 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 #14B9C8; 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: #14B9C8;}
.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 #14B9C8; background: #14B9C8;  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: #14B9C8 !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: #ff5500;}
.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 #ff5500;text-align: center;line-height: 0.70rem;border-radius: 0.1rem;margin-top: 0.25rem; background: #ff5500;}
.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;}


/*****专区卡组推荐****/
/******游戏列表页*****/
.yxlm1{width: 100%; height: 0.8rem;}
.yxlm1 a{width: 20%;text-align: center;display: block;line-height: 0.8rem;float: left;font-size: 0.30rem;color: #333;}
.yxlm1 a.active{ color: #14B9C8;}
.yxlm1 a.filter-bar{color: #14B9C8;text-align: right;width: 20%;}
.yxlm1 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: #14B9C8;}
.gameklabel{overflow: hidden;height:auto;position:relative;}
.gameklabel 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;}
.gameklabel li:nth-child(3n){margin-right: 0rem;}
.gameklabel 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;}
.gameklabel li a:hover,.gameklabel a.maprmore:hover,.gameklabel a.maprless:hover{ background: #14B9C8; border-color: #14B9C8; color: #fff; text-decoration: none;border-radius: .7rem;}
.gameklabel li a,.gameklabel a.maprmore,.gameklabel a.maprless{width: 100%;display: inline-block;font-size: 0.24rem;}
.gameklabel a.maprmore,.gameklabel a.maprless{ height: 30px; line-height: 30px;color: #fff; text-indent: 18px;background:#ff6823; background: -moz-linear-gradient(left, #14B9C8 0%, #01a0af 100%);
    background: -webkit-linear-gradient(left, #14B9C8 0%,#01a0af 100%);
    background: -ms-linear-gradient(left, #14B9C8 0%,#01a0af 100%);
    background: linear-gradient(to right, #14B9C8 0%,#01a0af 100%);}
.gameklabel a.maprmore:before,.gameklabel 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;}
.gameklabel a.maprmore{position:absolute;right:85px;top:50px;}
.map_rukou{margin-top: .2rem;}

.gamezqlabel{margin-bottom: 0.2rem;overflow: hidden;position:relative;}
.gamezqlabel 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;}
.gamezqlabel li a{height: auto;line-height: 0.66rem;color: rgb(143, 125, 125);text-align: center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.gamezqlabel li a:hover,.gamezqlabel a.mapzqmore:hover,.gamezqlabel a.mapzqless:hover{ background: #14B9C8; border-color: #14B9C8; color: #fff; text-decoration: none;border-radius: .7rem;}
.gamezqlabel li a,.gamezqlabel a.mapzqmore,.gamezqlabel a.mapzqless{display: inline-block;width: 100%;font-size: 0.24rem;}
.gamezqlabel li:nth-child(3n){margin-right: 0rem;}
.gamezqlabel a.mapzqmore,.gamezqlabel a.mapzqless{color: #fff; text-indent: 8px; height: 32px; line-height: 32px; text-indent: 30px;background:#ff6823; background: -moz-linear-gradient(left, #14B9C8 0%, #01a0af 100%);
    background: -webkit-linear-gradient(left, #14B9C8 0%,#01a0af 100%);
    background: -ms-linear-gradient(left, #14B9C8 0%,#01a0af 100%);
    background: linear-gradient(to right, #14B9C8 0%,#01a0af 100%);}
.gamezqlabel a.mapzqmore:before,.gamezqlabel 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;}
.gamezqlabel a.mapzqless:before,.gameklabel a.maprless:before{moz-transform:scaleY(-1);-webkit-transform:scaleY(-1);-o-transform:scaleY(-1);transform:scaleY(-1);/*IE*/filter:FlipV;}
.gamezqlabel a.mapzqmore{position:absolute;right:58px;top:94px;}
.gamezqlabel a.mapzqless,.gameklabel 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 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: #ff5500;}




.dayright{ width: 980px; float: left; background: #fff; border: 1px #eee solid;}
.todaytab{border-collapse: collapse; margin: 20px auto;table-layout: fixed;}
.todaytab .todaytit{border: 1px #ddd solid; border-radius: 2px;}
.todaytab .todaytit td{background:#f9f9f9; background: -moz-linear-gradient(bottom, #f0f0f0 0%, #f6f6f6 100%);
    background: -webkit-linear-gradient(bottom, #f0f0f0 0%,#f6f6f6 100%);
    background: -ms-linear-gradient(bottom, #f0f0f0 0%,#f6f6f6 100%);
    background: linear-gradient(to top, #f0f0f0 0%,#f6f6f6 100%); color: #333; border-radius: 2px; border-bottom: 1px #ddd solid; font-size: 16px;}
.todaytab td{ line-height: 44px; border-bottom: 1px #eee solid; font-size: 14px; text-align: center; color: #888;}
.todaytab td.tdleft{ text-align: left; padding-left: 30px; color: #444; width: 320px;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.todaytab td.tdleft span a{padding:0px 4px;height: 16px;line-height: 16px; text-align: center; display: inline-block; float: left;border-radius: 2px; font-size: 12px; color: #fff; margin: 15px 6px 0px 0px;}
.todaytab td.tdleft span.jsecol a{ background: #f39600;}
.todaytab td.tdleft span.celcol a{ background: #1f9eff;}
.todaytab td.tdleft span.kapcol a{ background: #56c235;}
.todaytab td.tdleft span.dzcol a{ background: #f32200;}
.todaytab td.tdleft span.moncol a{ background: #999;}
.todaytab td.tdleft span a:hover{ background: #14B9C8; text-decoration: none;}


.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: #14B9C8;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: #ff5500;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;}
.zqdq-lb{width: 100%;padding-bottom: 0.3rem;margin-top: 0.3rem;border-bottom: 1px solid #eee;display: inline-block;}
.zqdq-lb img{width: 1.2rem;height: 1.2rem;float: left;border-radius: 0.2rem;}
.zqdq-sm{float: left;margin-left: 0.2rem;width: 4rem;}
.zqdq-sm h1{ font-size: 0.3rem; font-weight: normal; line-height: 0.36rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; color: #333;}
.zqdq-sm p{font-size: 0.24rem;font-weight: normal;line-height: 0.22rem;color: #888;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-top:.15rem;}
.zqdq-sm p em{color: #ff5500;}
.zqdq-lb .btn{width: 1.34rem;line-height: 0.55rem;color: #14B9C8;border: 1px solid #14B9C8;border-radius: 0.08rem;float: right;text-align: center;margin-top: 0.325rem;background: #fff !important;font-size: 0.24rem}

****/
.zqdq-lb{display: block;padding: 0.27rem 0 0.3rem 0;padding-top: 0.27rem;border-bottom: 0.01rem solid #eeeeee; position: relative;overflow: hidden;}
.zqdq-lb .imgBox{float: left;width: 1.6rem;height: 1.6rem;position: relative; margin: 0 0.3rem 0 0rem;}
.zqdq-lb .imgBox img{width: 1.6rem;height: 1.6rem;overflow: hidden;border-radius: 22%;}
.zqdq-lb .cont{float: left;width: 2.4rem;margin-right: 0.14rem;}
.zqdq-lb .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;}
.zqdq-lb .cont .name a{color: #000;}
.zqdq-lb .cont p{line-height: 0.43rem; font-size: 0.2rem;color: #999;white-space: nowrap;overflow: hidden;}
.zqdq-lb .cont p.type{margin-top: 0.14rem;height: 0.48rem;white-space: nowrap;overflow: hidden;}
.zqdq-lb .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; }
.zqdq-lb .cont p.type span:nth-child(2n) { color: #f4a76d; border: 0.01rem solid #f4a76d; }
.zqdq-lb .cont p.type span:nth-child(3n) { color: #ef8692; border: 0.01rem solid #f08f9a; }
.zqdq-lb .source{float: right;position: relative;padding-top: .6rem;}
.zqdq-lb .source .mark{position: absolute;top: 0.6rem;right: 1.6rem;margin: auto;width: 1rem; height: 0.52rem;border-radius: 0.24rem;line-height: 0.52rem;font-size: 0.24rem;color: #fff;text-align: center; border:1px #ff5500 solid;}
.zqdq-lb .source .mark a{color: #ff5500;}
.zqdq-lb .source .enterBt{width: 1.47rem;height: 0.52rem;line-height: 0.52rem;border-radius: 0.24rem;font-size: 0.24rem;color: #fff;text-align: center;background: linear-gradient(to right, #80e3ec, #14B9C8);}
.zqdq-lb .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;}
.yxlbgd li img{border-radius:0.36rem;width: 1.78rem;height: 1.78rem;}
.yxlbgd li p{height: 0.6rem;width: 100%;line-height: 0.6rem;font-size: 0.26rem;color: #4b4b4b;text-align: center;}
.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;}
.yxlbgd li a{display: block;width: 100%;height: 100%;position: relative;}
.yxlbgd li a i.hot{position: absolute;width: 0.66rem;height: 0.66rem;top: -0.02rem;left: -.04rem;background: url(../images/hotic.png) no-repeat;background-size: .66rem .66rem;}
.yxbtn{display: block;width: 73%;height: 0.56rem;text-align: center;color: #14B9C8;border: 1px solid #14B9C8;line-height: 0.56rem;border-radius: 0.5rem;background: #fff !important;font-size: 0.24rem;;margin: 0 auto .02rem auto;}
.yxbtn a{color: #14B9C8;display: block;width: 100%;height: 100%;}
.yxbtn a i{display: inline-block;width: 0.2rem;height: 0.21rem;margin: 0.14rem 0.07rem 0 0;background: url(../images/btn.png) no-repeat;background-size: .2rem .21rem;}
.yxbtn2{width: 1.2rem;line-height: 0.55rem;text-align: center;color: #14B9C8;border: 1px solid #14B9C8;border-radius: 0.08rem;float: right;text-align: center;margin-top: 0.25rem;background: #fff !important;font-size: 0.28rem}
.yxbtn2 a{color: #14B9C8;}
.yxlb2 li:last-child,.yxlb2 .zxlb:nth-last-child(1){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;}


/****热门游戏推荐****/
.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;}


/***精选视频**/
.syjcsp{width: 100% !important;float: left; margin-right: 0; overflow: hidden;margin-top: 0.3rem; position: relative;}
.syjcsp img{ width: 100%; height:3.2rem ; border-radius: 0.2rem;object-fit: cover;}
.syjcsp p{font-size: 0.28rem;color: #333;margin-top: 0.1rem;text-align: center;}
.syjcsp 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 ;}

.zxzt{position: relative;display: block;width: 100%;margin-top: 0.2rem;}
.zxzt ul{ margin-top: 0.1rem;}
.zxzt li{ width: 47%; margin-right: 0.3rem; float: left; margin-bottom: 0.3rem;}
.zxzt li img{ width: 100%; height:2.5rem;}
.zxzt li p{ text-align: center; line-height: 0.3rem; font-size: 0.24rem; margin-top: 0.1rem;}
.zxzt li:nth-child(2n){margin-right: 0rem;}

.zlfl{position: relative;display: block;width: 100%;margin-top: 0.2rem;}
.zlfl li{width: 100%;padding-bottom: 0.3rem;margin-top: 0.3rem;border-bottom: 1px solid #eee;display: inline-block;}
.zlfl li img{width: 1.65rem;height: 1.65rem;float: left;}
.zlfl_n{float: left;margin-left: 0.2rem;width: 5.2rem;}
.zlfl_n h3{ font-size: 0.3rem; font-weight: normal; line-height: 0.36rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; color: #333;}
.zlfl_n 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;}
.zlfl_n .btn{ width: 1.7rem;height: 0.5rem; line-height: 0.5rem; text-align: center; border: 1px solid #14B9C8; color: #14B9C8; border-radius: 0.1rem; display: block;}
.zlfl li:last-child{border-bottom: 1px solid #fff;}

.zmtlb{ display: block;width: 100%;}
.zmtlb li{width: 100%;margin-top: 0.3rem;display: inline-block;}
.zmtlb_t{ width: 2rem; height: 1.5rem; float: left;overflow: hidden; border-radius: 0.2rem;}
.zmtlb_t img{width: 100%; height: 100%;}
.zmtlb_n{width: 4.8rem;height: 1.5rem;float: right;overflow: hidden;}
.zmtlb_n h3{font-size: 0.28rem; color: #333;}
.zmtlb_n p{ font-size: 0.24rem; color: #666666;}
.zmtlb_n span{ font-size: 0.2rem; color: #999999;}

.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: #14B9C8 !important;}
.lskc{background-image: url(../images/kfb1.png) !important; color: #333 !important;}
.kfb{ background-color: #eee;}

/***原创作者**/
.yczzlb{position: relative;display: block;width: 100%;margin-top: 0.2rem;}
.yczzlb li{width: 100%;padding-bottom: 0.3rem;margin-top: 0.3rem;border-bottom: 1px solid #eee;display: inline-block;}
.yczzlb li img{width: 1.65rem;height: 1.65rem;float: left;border-radius: 100%;}
.yczzlb_n{float: left;margin-left: 0.2rem;width: 5.2rem;}
.yczzlb_n h3{font-size: 0.3rem;font-weight: normal;line-height: 0.36rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #333;}
.yczzlb_n p{font-size: 0.24rem;font-weight: normal;line-height: 0.30rem;color: #666;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin: 0.2rem 0;}
.yczzlb_n .btn{ width: 1.7rem;height: 0.5rem; line-height: 0.5rem; text-align: center; border: 1px solid #14B9C8; color: #14B9C8; border-radius: 0.1rem; display: block;}
.yczzlb li:last-child{border-bottom: 1px solid #fff;}

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

.phbyxlm{width: 100%; height: 0.8rem;}
.phbyxlm a{width: 20%;text-align: center;display: block;line-height: 0.8rem;float: left;font-size: 0.30rem;color: #333;}
.phbyxlm a.active{color: #ff5500;}
.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;}



/**视频详情页面**/
.vidsp{position: relative;}
.vidsp .return{position: absolute;left: 0.3rem;top: 0.3rem;}
.vidsp .return img{width: 0.2rem;overflow: hidden;height: auto;}
.vidsp .enlarge{position: absolute;right: 0.3rem;bottom: 0.25rem;}
.vidsp .enlarge img{width: 0.4rem;overflow: hidden;height: 0.4rem;}
.vidsp .vidbox{width: 100%;overflow: hidden;height: auto !important;}
.vidsp .vidbox iframe {width: 100% !important;height: 300px !important;}
.vidsp .player{position: absolute;left:50%;top:50%;margin-top: -0.5rem;margin-left: -0.5rem;}
.vidsp .player img{width: 1rem;overflow: hidden;height: 1rem;}
.vidtext{border-bottom: 0.2rem #f0f3f8 solid;padding: 0.2rem;position: relative;}
.vidtext h1{font-size: 0.34rem;font-weight: normal;color: #111;width: 100%; overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.vidtext p{margin: 0.1rem 0rem; line-height: 0.3rem;height: 0.3rem;box-sizing: border-box;}
.vidtext 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;}
.vidtext p span i{overflow: hidden;display: inline-block;float: left;margin: 0.02rem 0.05rem 0 0.1rem;}
.vidtext p .thumbs i{width: 0.24rem; height: 0.24rem;background: url(../images/video_pic7.jpg) no-repeat;background-size: 0.24rem  0.24rem;}
.vidtext p .comment i{width: 0.45rem; height: 0.4rem;background: url(../images/video_pic8.jpg) no-repeat;background-size: 0.45rem  0.4rem;}
.vidtext 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;}
.likeliright{width: 4.5rem;float: left;}
.likeliright h3{margin-top:0.05rem;font-size: 0.32rem;font-weight: normal;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.likeliright h3 a{color: #111;}
.likeliright p{ margin-top: 0.1rem;line-height: 0.6rem;font-size: 0.28rem;color: #c0c0c0;height: 0.6rem;}
.likeliright p span{display: inline-block;float: left;}
.likeliright p span i{overflow: hidden;display: inline-block;float: left;margin: 0.15rem 0.1rem 0 0.1rem;width: 0.3rem; height: 0.3rem;background: url(../images/video_pic12.jpg) no-repeat;background-size: 0.3rem  0.3rem;}
.likeliright p em{display: inline-block;float: right;}


.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: #14B9C8;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 #ff5000 solid; border-radius: 3px; font-size: 0.28rem; background: #ff5000 !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: #ff5000 !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: #df4600 !important;}
.zanList .praise img{    width: 0.35rem !important;height: 0.35rem;}
.zanList .praise { height: 0.55rem !important;}



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



/*开服排行页面*/
.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 #14B9C8;background:#14B9C8;color: #fff;}


.pskfb{background: rgba(255, 255, 255, 0.5);padding:0;}
.pskfb dt{ height: .8rem;}
.pskfb dt ul{ height:.8rem;background: #14B9C8;border-left: 1px #14B9C8 solid;}
.pskfb 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;}
.pskfb dd ul{height: .8rem;border-left: 1px solid #ffded3;border-right: 1px solid #ffded3;}
.pskfb 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;}
.pskfb dd li a{color: #333;}
.pskfb dd ul:hover li{ background:#f6f5f5;}
.pskfb dd ul:hover li a{ color: #333;}
.pskfb dd li:nth-child(1),.pskfb dd li:nth-child(2),.pskfb dt li:nth-child(1),.pskfb dt li:nth-child(2){ width: 22%;}
.pskfb dd li:nth-child(3),.pskfb dt li:nth-child(3){ width: 56%;}
.pskfb dl:last-of-type dd ul{border-left: 1px solid #ededed;border-right: 1px solid #ededed;}
.pskfb dl:last-of-type dd li{background: #fff;border-bottom: 1px solid #ededed;}
.pskfb dl:last-of-type dd ul:hover li{ background: #f6f5f5;}
.pskfb dl:last-of-type dd ul:hover li a{color: #333;}
.pskfb dd ul:hover li:last-child a,.pskfb 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: #14B9C8; border-color: #14B9C8;}
.psyxtjtextnr a:nth-child(3n){margin-right: 0;}


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




/*评论*/

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


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

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

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

  .bymkftj a:nth-child(1),.bymkftj a:nth-child(14),.bymkftj a:nth-child(27){color: #f54746;}
  .bymkftj a:nth-child(2),.bymkftj a:nth-child(15),.bymkftj a:nth-child(28){color: #f54b00;}
  .bymkftj a:nth-child(3),.bymkftj a:nth-child(16),.bymkftj a:nth-child(29){color: #ff5a00;}
  .bymkftj a:nth-child(5),.bymkftj a:nth-child(17),.bymkftj a:nth-child(30){color: #f4a600;}
  .bymkftj a:nth-child(5),.bymkftj a:nth-child(18),.bymkftj a:nth-child(31){color: #96d709;}
  .bymkftj a:nth-child(6),.bymkftj a:nth-child(19),.bymkftj a:nth-child(32){color: #00a80b;}
  .bymkftj a:nth-child(7),.bymkftj a:nth-child(20),.bymkftj a:nth-child(33){color: #00c0bf;}
  .bymkftj a:nth-child(8),.bymkftj a:nth-child(21),.bymkftj a:nth-child(34){color: #2387fa;}
  .bymkftj a:nth-child(9),.bymkftj a:nth-child(22),.bymkftj a:nth-child(35){color: #0041ff;}
  .bymkftj a:nth-child(10),.bymkftj a:nth-child(23),.bymkftj a:nth-child(36){color: #4a00c4;}
  .bymkftj a:nth-child(11),.bymkftj a:nth-child(24),.bymkftj a:nth-child(37){color: #d300d4;}
  .bymkftj a:nth-child(12),.bymkftj a:nth-child(25),.bymkftj a:nth-child(38){color: #f30b8b;}
  .bymkftj a:nth-child(13),.bymkftj a:nth-child(26),.bymkftj a:nth-child(39){color: #6a7784;}
  .bymkftj a:hover{background: #ff802b;color: #fff;}
  
  



  .bymkftj a:hover{
    background: #14b9c8;
    border-color:#14b9c8 ;
    color: #fff;
  }
  .bymkfb{
    padding: .3rem .2rem 0 .2rem;
  }
  .bymkfb ul{
    border-top: 1px #ddd dashed;margin-top: .3rem;padding-top: .3rem;
}
  .bymkfb li{width: 100%;height: 1.2rem;margin-bottom: .3rem;}
  .bymkfb li img{width: 1.2rem; height: 1.2rem;border-radius: .26rem;float: left;margin-right: .2rem;}
  .bymkfb li dl{width: 55%;float: left;}
  .bymkfb li dt{font-size: .3rem;font-weight: normal;color: #333333; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: .05rem;}
  .bymkfb li dt a{color: #333;}
  .bymkfb li dd{display: block; font-size: .22rem;font-weight: 500;color: #999999;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
  .bymkfb li dd:nth-child(2){margin-bottom: .05rem;}
  .bymkfb li .tabtn{width: 1.4rem;height: .66rem;line-height: .66rem;text-align: center;float: right;margin-top: .27rem;background: #14b9c8;border-radius: 5px;color: #fff;font-size: .28rem;}
  .bymkfb li .tabtn a{color: #fff;}
  .bymkfb 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;}
  .bymkftm{margin-bottom: .2rem;text-align: center;font-size: .22rem;color: #999;}
  .bymkfll{text-align: center;font-size: .22rem;color: #666;height: .3rem;line-height: .3rem;margin-top: .1rem;margin-bottom: .1rem;}
  .bymkfll::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;}
  .bymkfll em{color: #999;margin-left: 10px;}
  .bymkfll span{width:1.2rem ;height: .24rem;display: inline-block; background: url(../images/syxxh.png) repeat-x left center;vertical-align: top;position: relative;background-size: .24rem .24rem;margin-top: .02rem;}
  .bymkfll span i{display: inline-block;position: absolute;left: 0;bottom: 0;background: url(../images/syxxc.png) repeat-x left center;vertical-align:top;height: .24rem;background-size: .24rem .24rem;}


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


#glName,
#userName {
 border:none;
 width:132px;
 padding:1px 3px 1px 5px;
 height:30px;
 line-height:30px;
 margin:1px 0px 0 59px;
 color: #676767;
}
#subCmt {
 margin:5px 1% 0 0
}
.cmtList-reply {
 display:inline-block;
 zoom:1;
 width:72px;
 height:23px;
 overflow:hidden;
 line-height:22px;
 color:#2f82f9;
 text-align:center
}
.cmtList-ft span.hover {
 background-position:-240px 0
}
.cmtList-name {
 display:inline
}
.u_commentSend {
  position: relative;
  height: 3rem;
  padding: 0rem 0 .2rem;
  overflow: hidden;
  width: 100%;
}
.u_commentSend .text_box {
  position: relative;
  height: 1.5rem;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 2px;
}
.u_commentSend .text_box textarea {
  position: absolute;
  left: 0;
  width: 96%;
  display: block;
  height: 1.2rem;
  padding: .1rem 2%;
  border: none;
  resize: none;
  outline: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.u_commentSend .text_box span {
  position: absolute;
  top: 100%;
  right: 0;
  line-height: 38px;
  text-align: right;
  color: #999;
}
.u_commentSend .commentSend_btn {
  overflow: hidden;
  margin-top: 20px;
}
.u_commentSend .commentSend_btn div {
  float: left;
  width: 107px;
  line-height: 34px;
  font-size: 14px;
}
.u_buttom.yellow {
  background: #2f82f9;
}
.u_buttom {
  line-height: 30px;
  text-align: center;
  font-size: 12px;
  color: #fff;
  border-radius: 2px;
  cursor: pointer;
}
.u_commentSend .commentSend_btn span {
  line-height: 34px;
  color: #999;
  margin-left: 10px;
}

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

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


    .kflzdz{height: .3rem;line-height: .3rem;width: 100%;color: #b1b1b1;font-size: .24rem;margin-top: .12rem;padding-left: 1rem;box-sizing: border-box;overflow: hidden;}

  /*详情样式1*/
  /*
.yxxq_n p strong{
    display: block;
  color: #14B9C8;
  font-size: larger;
  font-weight: bold;
  border-bottom: 1px solid #eaeaea;
 text-indent: 0;
padding: .05rem 0px;
margin-bottom: .05rem;
font-size: .28rem;
line-height: 0.5rem;
  }
*/
.yxxq_n h3{
    display: block;
  color: #14B9C8;
  font-size: larger;
  font-weight: bold;
  border-bottom: 1px solid #eaeaea;
 text-indent: 0;
padding: .05rem 0px;
margin-bottom: .05rem;
font-size: .28rem;
line-height: 0.5rem;
  }



      /*20220221*/
.bymkfb 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;}
  .bymkfb .swiper-slide:nth-child(1) li:nth-child(1) i{background: #ff6600}
  .bymkfb .swiper-slide:nth-child(1) li:nth-child(2) i{background: #ffa800}
  .bymkfb .swiper-slide:nth-child(1) li:nth-child(3) i{background: #ffc000}
  .bymkfb li dl{width: 50%;}
  .bymkfb li .tabtn{width: 1.2rem;}
  .bymkfb 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{
    display: block;
  color: #14B9C8;
  font-size: larger;
  font-weight: bold;
  border-bottom: 1px solid #eaeaea;
 text-indent: 0;
padding: 0.3rem 0px;
margin-bottom: 0.3rem;
font-size: .28rem;
line-height: 0.5rem;
  }




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


.downXq_5{
  padding: .2rem .3rem;
}
.downXq_5 li{
  width: 100%;
  font-size: .3rem;
  color: #999;
  line-height: .56rem;
  padding: .15rem 0;
  border-bottom: 1px solid #eee;
  overflow: hidden;
  text-overflow: ellipsis;
}
.downXq_5 li span{
  float: right;
  color: #333;
  word-break: break-all;
  white-space: nowrap;
  max-width: 5.6rem;
  font-size: .28rem;
  text-overflow: ellipsis;
  overflow: hidden;
}


.downXq_5 li a{color: #4cd393;}

.downXq_5 li span.nfaie{color: #4cd393;cursor: pointer;}

.downXq_5 li span.nfaie2{color: #4cd393;cursor: pointer;}



/****240113最新更新2*****/

.lbzxgx{ display: block;}
.lbzxgx 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;}
.lbzxgx li a{color: #000;font-size:.28rem;}
.lbzxgx span{color: #999;float:right;font-size:.22rem;line-height:.5rem;}
.lbzxgx 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;
   }
.lbzxgx li a.lbzxgxys{color: #FFFFFF;font-size:.22rem;}



.hjbtn2{width: 1.2rem;line-height: 0.55rem;text-align: center;color: #14B9C8;border: 1px solid #14B9C8;border-radius: 0.08rem;float: right;text-align: center;margin-top: 0.25rem;background: #fff !important;font-size: 0.28rem}
.hjbtn2 a{color: #14B9C8;}


.hjbtn3{width: 1.3rem;line-height: 0.55rem;text-align: center;color: #14B9C8;border: 1px solid #14B9C8;border-radius: 0.08rem;float: right;text-align: center;margin-top: 0.25rem;background: #52a3c0 !important;font-size: 0.32rem}
.hjbtn3 a{color: #ffffff;}



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


/* hjtc */

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

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


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





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


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


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


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


.pui-art-body tbody tr:hover {
  background-color: #f5f5f5;
}


.pui-art-body tbody td:last-child {
  text-align: right;
}

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