@charset "utf-8";
/* reset */
html,body,p,em,i,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,from,input {margin:0; padding:0;}
html {font-size:13.33vw;}
body {font-size:0.28rem; color:#9C9BA1; background-color:#FFF; font-family:"Microsoft YaHei", "宋体", Verdana; -webkit-text-size-adjust:none; max-width: 7.5rem; margin: 0 auto;}
input,button,select,textarea{outline:none;}
li {list-style:none;}
a {text-decoration:none; color:#1C1C1C; outline:none; display:block;}
a:hover,a:active {color:#E32612; text-decoration:none;}
img {border:none; display:block;}
em {font-style:normal;}

/* 弹出层容器 */
.popup-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease;
}

/* 遮罩层 */
.popup-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}

/* 弹出内容 */
.popup-content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    border-radius: 12px 12px 0 0;
    transform: translateY(100%);
    transition: all 0.3s ease;
    max-height: 80vh;
    display: flex;
    flex-direction: column;
}

/* 弹出层显示状态 */
.popup-container.active {
    visibility: visible;
    opacity: 1;
}

.popup-container.active .popup-content {
    transform: translateY(0);
}

.fl {float:left;}
.fr {float:right;}
.dis {display:block;}
.undis {display:none;}
.r5 {border-radius: 0.05rem;}
.r10 {border-radius: 0.1rem;}
.r15 {border-radius: 0.15rem;}
.r20 {border-radius: 0.2rem;}
.fix {clear:both; overflow: hidden;}
.red {color:#E32612 !important;}
.p20 {padding: 0 0.2rem;}
.p30 {padding: 0 0.3rem;}
.bg-w {background: #FFF;}
.blank40 {height:0.4rem; line-height:0.4rem; font-size:0.09rem; overflow:hidden; clear:both;}
.blank30 {height:0.3rem; line-height:0.3rem; font-size:0.09rem; overflow:hidden; clear:both;}
.blank20 {height:0.2rem; line-height:0.2rem; font-size:0.09rem; overflow:hidden; clear:both;}
.blank10 {height:0.1rem; line-height:0.1rem; font-size:0.09rem; overflow:hidden; clear:both;}
#vplay {width:100%; max-width:6.9rem; aspect-ratio: 16/9; margin:0 auto;}
.m-box-flex {display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; align-items: flex-start; align-content: space-between;}
.m-box-flex li {display:block; text-align:center; overflow:hidden; word-break:break-all; text-overflow:ellipsis; white-space:nowrap;}
.m-nopb {padding-bottom: 0 !important;}
.btn-0 a {background: #CFCFCF;}
.btn-0 a:hover {background: #BFBFBF;}
.btn-1 a {background: #33D683;}
.btn-1 a:hover {background: #2BC074;}
.btn-2 a {background: #FA6830;}
.btn-2 a:hover {background: #EE4F11;}
.btn-3 a {background: #EECC46;}
.btn-3 a:hover {background: #E6C12D;}
.btn-0 {background: #CFCFCF !important; border: none !important; color: #FFF !important;}
.btn-1 {background: #33D683 !important; border: none !important; color: #FFF !important;}
.btn-2 {background: #FA6830 !important; border: none !important; color: #FFF !important;}
.btn-3 {background: #EECC46 !important; border: none !important; color: #FFF !important;}

.footer {background: #FBFBFB; text-align: center;}
.footer ul {justify-content: space-around;}
.footer .link {line-height: 1rem; border-bottom: #f1ecec 0.01rem solid;}
.footer .link a {color: #363636;}
.footer .about a {color: #363636; font-size: 0.24rem; margin: 0 0.2rem 0.2rem; display: inline-block;}
.footer .slogan {color: #767676; background: #FBFBFB; line-height: 0.8rem;}
.footer .slogan span {padding: 0 0.2rem;}
.footer .copyright {font-size: 0.24rem; line-height: 0.4rem; padding: 0 0 0.3rem; color: #9C9BA1;}

.header {height: 0.68rem; padding: 0.16rem 0.2rem; background: #fff; clear: both; overflow: hidden;}
.header-app {width: 1.6rem; height: 0.68rem;}
.header-app a {display: block; background: #FFF; color: #E32612; border: #E32612 0.01rem solid; line-height: 0.66rem; border-radius: 0.34rem; text-align: center; font-weight: normal;}
.header-logo {}
.header-logo a {width: 1.18rem; height: 0.68rem; border-radius: 0.34rem; display: block; background: url("https://img.qieyou.com/web/img/icon.svg") #E32612 no-repeat center center; background-size: 0.88rem; text-indent: -99em;}
.header-search {background: #F7F7F7; color: #9C9BA1; margin-right: 0.2rem; border-radius: 0.34rem;}
.header-search input {width:0;padding-left: 0.7rem; height:0.68rem; line-height:0.68rem; background: url("https://img.qieyou.com/web/img/icon-search.svg") no-repeat 0.2rem center; background-size: 0.36rem; border: none; font-size: 0.28rem;transition: width 0.5s ease-in-out;}
.header-search input.active{
    width: 3.22rem; 
}
.header-search-icon {width: 0.68rem; height: 0.68rem; border-radius: 0.34rem; background: url("https://img.qieyou.com/web/img/icon-search.svg") #F7F7F7 no-repeat center center; background-size: 0.36rem; margin-right: 0.2rem;}
.header-home {background: none; border-bottom: none; padding: 0.3rem;}
.header-home .header-app a {background: rgba(255,255,255,0.50); color: #1C1C1C; font-weight: normal;}

#i-swiper0 .swiper-slide {
    width: auto !important;
}
.nav-item {
    position: relative;
    padding: 10px;
    color: #9C9BA1;
    font-size: 16px;
    white-space: nowrap;
}
.m-nav {line-height: 0.68rem; padding-bottom: 0.1rem; font-size: 0.28rem; overflow: hidden; border-bottom: #F8F8F8 1px solid; position: relative;}
/*.m-nav::after {content: ""; width: 1rem; height: 100%; display: block; background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%); position: absolute; right: 0; top: 0;}*/
.m-nav a {color: #9C9BA1;}
.m-nav-ul {width: 300%; overflow: hidden;}
.m-nav-ul li {float: left; margin-right: 0.4rem;}
.m-nav .thisclass a {color: #1C1C1C; font-weight: 700;}
.m-nav .thisclass {position: relative;}
.m-nav .thisclass a::after {content: ""; width: 60%; height: 0.04rem; border-radius: 0.04rem; background: #E32612; position: absolute; left: 50%; bottom: 0; margin-left: -30%;}
.m-nav li:nth-child(2) {-webkit-box-flex:1.5; box-flex:1.5; -moz-box-flex:1.5; -ms-flex:1.5;}
.m-focus {margin: 0.2rem 0.2rem 0; border-radius: 0.1rem;}
.m-focus img {width: 100%; height: auto; border-radius: 0.1rem;}
#i-swiper .swiper-pagination-clickable {background:rgba(0,0,0,0.3); width: 4rem !important; height: 0.08rem; bottom: 0.25rem !important; left: 50% !important; margin-left: -2rem; border-radius: 0.04rem;; position: absolute;}
#i-swiper .swiper-pagination-bullet {width:0.8rem !important; height: 0.08rem !important; border-radius: 0.04rem !important; margin: 0 !important; opacity:0 !important; float: left; background: none;}
#i-swiper .swiper-pagination-bullet-active {width:0.8rem !important; height: 0.08rem !important; border-radius: 0.04rem !important; background: #FFFFFF !important; opacity:1 !important;}
#i-swiper .swiper-slide {position: relative;}
#i-swiper .swiper-slide span {position: absolute; width: 100%; bottom: 0; font-weight: bold; color: #FFF; text-align: center; overflow: hidden; padding:1rem 0 0.5rem; background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%); border-radius: 0 0 0.1rem 0.1rem;}
.m-nav-icon ul {justify-content: flex-start;}
.m-nav-icon-8 ul {height: 2.64rem;}
.m-nav-icon li {width: 25%;}
.m-nav-icon a {display: block; font-size: 0.24rem; line-height: 0.42rem;}
.m-nav-icon span {width: 1.5rem; height: 0.84rem; display: block; background: url("https://img.qieyou.com/web/img/icon-nav.svg") no-repeat top center; background-size: 1.5rem auto; margin: 0 auto;}
.m-nav-icon span.icon-1 {background-position: 0 0;}
.m-nav-icon span.icon-2 {background-position: 0 -1.84rem;}
.m-nav-icon span.icon-3 {background-position: 0 -3.68rem;}
.m-nav-icon span.icon-4 {background-position: 0 -5.52rem;}
.m-nav-icon span.icon-5 {background-position: 0 -7.36rem;}
.m-nav-icon span.icon-6 {background-position: 0 -9.20rem;}
.m-nav-icon span.icon-7 {background-position: 0 -11.04rem;}
.m-nav-icon span.icon-8 {background-position: 0 -12.88rem;}
.m-menu-nav {padding-left: 0.2rem;}
.m-menu-nav li {width: 1.64rem; float: left; margin-right: 0.18rem; padding: 0.2rem 0;}
.m-menu-nav li a {border: #F1F1F1 0.01rem solid; text-align: center; line-height: 0.3rem; font-size: 0.24rem; border-radius: 0.1rem; padding-bottom: 0.1rem; box-shadow: 0 0 7px 0 rgba(150,150,150,0.1);}
.m-menu-nav span {background: url("https://img.qieyou.com/menu-icon.svg") no-repeat top center; background-size: 0.6rem auto; display: block; height: 0.6rem; margin-top: 0.1rem;}
.m-menu-nav span.icon-1 {background-position: center 0;}
.m-menu-nav span.icon-2 {background-position: center -2.2rem;}
.m-menu-nav span.icon-3 {background-position: center -4.4rem;}
.m-menu-nav span.icon-4 {background-position: center -6.6rem;}
.m-menu-nav span.icon-5 {background-position: center -8.8rem;}

.m-menu-nav2 {padding-left: 0.2rem; padding-top: 0.1rem;}
.m-menu-nav2 li {width: 1.2rem; float: left; margin-right: 0.26rem; margin-top: 0.2rem;}
.m-menu-nav2 li a {text-align: center; line-height: 0.3rem; font-size: 0.24rem;}
.m-menu-nav2 img {border-radius: 0.5rem; display: block; width: 1.2rem; height: 1.2rem; margin: 0 auto 0.1rem;}

.m-box {background: #FFF;}
.m-box-tt {line-height: 1rem; font-size: 0.32rem; font-weight: 700; color: #1c1c1c;}
.m-box-tt .more {font-weight: normal; color: #9C9BA1; font-size: 0.28rem;}
.m-box-tt2 {line-height: 1rem; font-size: 0.32rem; font-weight: 700; color: #1c1c1c;}
.m-box-con {overflow: hidden;}
.m-box .swiper {padding-bottom: 0.3rem;}
.m-box .swiper-pagination-bullet {background: #8a8787; width: 0.2rem; height: 0.1rem; border-radius: 0.1rem;}
.m-box .swiper-pagination-bullet-active {background: #E32612; width: 0.6rem; height: 0.1rem; border-radius: 0.1rem;}

.m-selected {}
.m-selected img {width: 1.6rem; height: 1.6rem; border-radius: 0.3rem;}
.m-selected em {line-height: 0.6rem; display: block; width: 1.6rem; overflow: hidden;}
.m-selected.m-box .swiper {padding-bottom: 0.5rem !important;}
.m-company img {border-radius: 100%;}

.m-gameindex {}
.m-gameindex img {width: 1.4rem; height: 1.4rem; border-radius: 0.3rem;}
.m-gameindex em {line-height: 0.6rem; height: 0.6rem; display: block; width: 1.4rem; text-align: center; overflow: hidden; word-break:break-all; text-overflow:ellipsis; white-space:nowrap;}
.m-gameindex li {float: left;}

.m-index-news {}
.m-index-headline {margin-bottom: 0.05rem;}
.m-index-headline h2 {font-size: 0.32rem; line-height: 0.5rem;}
.m-index-headline span {font-size: 0.2rem; line-height: 0.5rem; margin-right: 0.1rem; color: #AAA;}
.m-index-newslist {}
.m-index-newslist li {line-height: 0.4rem; height: 0.4rem; margin-top: 0.3rem; font-size: 0.28rem;}
.m-index-newslist li a {width: 100%; overflow: hidden; word-break:break-all; text-overflow:ellipsis; white-space:nowrap;}
.m-index-newslist li span {border: #9C9BA1 0.02rem solid; color: #9C9BA1; font-size: 0.24rem; line-height: 0.36rem; height: 0.36rem; margin-right: 0.15rem; border-radius: 0.05rem; width: 0.8rem; display: block; float: left; text-align: center;}
.m-index-newslist li.recommend {font-weight: 700;}
.m-index-newslist li.recommend span {border: #E32612 0.02rem solid; color: #E32612; font-weight: normal;}
.btn-more-red,.btn-more-red a {border-radius: 0.4rem; width: 100%; line-height: 0.8rem; text-align: center; color: #E32612; background: #FCE9E7;}
.btn-more-gray,.btn-more-gray a {border-radius: 0.4rem; width: 100%; line-height: 0.8rem; text-align: center; color: #9C9BA1; background: #F7F7F7;}
.tabcon .btn-more-red{margin-top: 0.3rem}

.m-gamezone {}
.m-gamezone-tt {height: 0.6rem; padding: 0.1rem; line-height: 0.6rem; background: #F6F7FB; border-radius: 0.6rem;}
.m-gamezone-tt {font-size: 0.32rem;}
.m-gamezone-tt .more {font-size: 0.28rem; width: 1.6rem; text-align: center; border-radius: 0.6rem; color: #9C9BA1;}
.m-gamezone-tt img {width: 0.6rem; height: 0.6rem; border-radius: 0.6rem; float: left; margin-right: 0.1rem;}
.m-collection {padding-bottom: 0;}
.m-collection li {line-height: 0.8rem; margin-bottom: 0.3rem;}
.m-collection li a {display: block; width: 100%; border-radius: 0.4rem; background: #E9F4FE; color: #00519D; font-size: 0.32rem; font-weight: 700; text-indent: 1em; overflow: hidden; word-break:break-all; text-overflow:ellipsis; white-space:nowrap;}

.m-collection2 {overflow: hidden;}
.m-collection2 a {width: 4.8rem; float: left; margin-right: 0.3rem;}
.m-collection2 a:hover {text-decoration: none;}
.m-collection2 a:last-child {margin-right: 0;}
.m-collection2 dl {width: 4.8rem; height: 4.8rem; position: relative;}
.m-collection2 dt img {width: 4.8rem; height: 4.8rem; border-radius: 0.1rem;}
.m-collection2 dt .cover {background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 100%); display: block; position: absolute; left: 0; top: 0; width: 4.8rem; height: 4.8rem; border-radius: 0.1rem;}
.m-collection2 dd {position: absolute; left: 0; bottom: 0;}
.m-collection2 dd.name {line-height: 0.4rem; height: 0.4rem; overflow: hidden; word-break:break-all; text-overflow:ellipsis; white-space:nowrap; bottom: 1.1rem; padding: 0 0.2rem; color: #FFF;}
.m-collection2 dd.info {font-size: 0.24rem; padding: 0 0 0.2rem 0.2rem;}
.m-collection2 dd.info span {float: left; width: 0.8rem; height: 0.8rem; line-height: 0.8rem; text-align: center; background: rgba(255,255,255,0.30); color: #FFF; margin-right: 0.1rem; border-radius: 0.1rem;}
.m-collection2 dd.info img {width: 0.8rem; height: 0.8rem; border-radius: 0.1rem;}

.m-sdkp {padding-bottom: 0;}
.m-sdkp-con {margin-bottom: 0.3rem;}
.m-sdkp-con img {width: 1rem; height: 1rem;border-radius: 0.2rem;}
.m-sdkp-con dd {width: 5.3rem;}
.m-sdkp-con dd p {font-size: 0.24rem; line-height: 0.4rem; color: #9C9BA1;}
.m-sdkp-con dd h3 {font-size: 0.28rem; line-height: 0.6rem; font-weight: normal;}

.m-rank {}
.m-rank-tab li {}
.m-rank-tab li a {width: 1.6rem; height: 0.72rem; line-height: 0.72rem; background: #FFF; color: #9C9BA1; border: #DADADA 0.01rem solid; border-radius: 0.8rem;}
.m-rank-tab li.thisclass a {color: #E32612; border: #E32612 0.01rem solid;}
.m-rank-con {}
.m-rank-con img {width: 1.1rem; height: 1.1rem; float: left; border-radius: 0.3rem;}
.m-rank-con em {float: left; display: block; width: 0.6rem; height: 1.1rem; line-height: 1.1rem; text-align: center; font-weight: 700; color: #666;}
.m-rank-con li:nth-child(-n+3) em {color: #E32612;}
.m-rank-con li {clear: both; height: 1.1rem; margin-top: 0.2rem;}
.m-rank-con li a {height: 100%;}
.m-rank-con .name {height: 0.6rem; line-height: 0.6rem; overflow: hidden; white-space: nowrap; padding-right: 0.1rem; color: #1C1C1C; font-weight: 700;}
.m-rank-con .info {overflow:hidden; height:0.5rem;}
.m-rank-con .info i {font-size: 0.24rem; display: inline-block; font-style: normal; margin-right: 0.05rem; color: #9C9BA1;}
.m-rank-con .time {overflow:hidden; height:0.5rem; font-size: 0.24rem; color: #E32612;}
.m-rank-con .zone {height: 0.6rem; line-height: 0.6rem; width: 1.2rem; text-align: center; font-size: 0.24rem; border: #9C9BA1 0.01rem solid; color: #9C9BA1; border-radius: 0.5rem; margin-top: 0.24rem;}
.m-rank-testtime li {height: 1.6rem; margin-top: 0; margin-bottom: 0.2rem;}
.m-rank-testtime img {width: 1.6rem; height: 1.6rem; margin-right: 0.15rem;}
.m-rank-testtime .zone {margin-top: 0.48rem;}

.m-flinks a {padding-right: 0.3rem; line-height: 0.6rem; color: #9C9BA1; float: left;}
.m-gametype {margin-bottom: 0;}
.m-gametype li {width: 1.35rem; margin-bottom: 0.1rem;}
.m-gametype a {line-height: 0.6rem; border: #CCC 0.01rem solid; color: #767676; border-radius: 0.8rem; font-size: 0.22rem; }

.m-gametype2 {}
.m-gametype2 li {float: left; width: 3.45rem; text-align: center; margin-bottom: 0.2rem;}
.m-gametype2 li:nth-child(2n+1) {margin-right: 0.2rem;}
.m-gametype2 a {line-height: 1rem; border: #F7F8FA 0.01rem solid; color: #3D3D3D; border-radius: 0.2rem; font-size: 0.28rem; }

.m-article {padding-top: 0.2rem;}
.m-article-tt {font-size: 0.48rem; line-height: 0.6rem; color: #1C1C1C;}
.m-article-info {line-height: 0.3rem; font-size: 0.2rem; margin: 0.2rem 0; color: #D8D8D8; font-weight: normal;}
.m-article-info span {margin-right: 0.2rem;}
.m-article-info a {display: inline; color: #E32612;}
.m-article-text {line-height: 0.64rem; font-size: 0.34rem; color: #1C1C1C;}
.m-article-text p {margin: 0.15rem 0;}
.m-article-text img {max-width: 100%; display: inline; height: auto !important; border-radius: 0.1rem;}
.m-article-text a {display: inline; color: #E32612; border-bottom: #E32612 0.03rem dashed;}

.m-article-game {margin: 0.3rem 0;}
.m-article-game a {padding: 0.2rem; background: url("https://img.qieyou.com/web/img/icon-game-more.svg") #F7F7F7 no-repeat right+0.2rem center; background-size: 0.2rem 0.2rem; overflow: hidden;}
.m-article-game img {width: 0.6rem; height: 0.6rem; border-radius:0.3rem; margin-right: 0.15rem;}
.m-article-game .zone {float: right; margin-right: 0.3rem; line-height: 0.6rem; color: #AAA;}
.m-article-game .info h3 {font-size: 0.28rem; line-height: 0.6rem; color: #1C1C1C;}
.m-article-tags {padding: 0.3rem 0; overflow: hidden; border-bottom: #EBEBEB 0.01rem solid;}
.m-article-tags a {line-height: 0.6rem; color: #245BDC; margin-right: 0.2rem; font-size: 0.32rem; float: left;}
.m-article-tags a::before {content: "#";} 
.m-article-likenews {padding-bottom: 0;}
.m-article-likenews a {overflow: hidden; margin-bottom: 0.2rem;}
.m-article-likenews img {width: 2.4rem; height: 1.44rem; border-radius: 0.1rem;}
.m-article-likenews dt {margin-left: 0.2rem;}
.m-article-likenews h2 {font-size: 0.28rem; line-height: 0.5rem; font-weight: normal;}
.m-article-likenews .typename {line-height: 0.44rem; font-size: 0.24rem; color: #AAA;}

.m-typename {padding: 0.2rem 0 0.2rem 0.2rem; width: auto; overflow-x: auto; white-space: nowrap; overflow: hidden;}
/*.m-typename ul {width: 100rem;}*/
.m-typename li {float: left;padding-right:0.2rem;}
.m-typename a {line-height: 0.6rem; padding: 0 0.3rem; border: #9C9BA1 0.01rem solid; color: #9C9BA1; background: #FFF; border-radius: 0.3rem;}
.m-typename a.thisclass {border: #E32612 0.01rem solid; color: #E32612;}
h2.m-typename2 {line-height: 0.6rem; font-size: 0.36rem; padding: 0.2rem; color: #1C1C1C;}
.m-typename-flex ul {width: 100%;}
.m-typename-flex li {flex: 1;}
.m-typename-flex li.thisclass a {border: #E32612 0.02rem solid; color: #E32612;}
/*新增*/
.m-typename .column {margin-right: 0.2rem}
.m-typename .column a {text-align: center; padding: 0}

.m-newslist-index {margin-top: 0.2rem; padding-top: 0.2rem; border-top: #F5F5F5 0.02rem solid;}
.m-newslist {}
.m-newslist dl {overflow: hidden; padding-bottom: 0.2rem; border-bottom: #F5F5F5 0.02rem solid; margin-bottom: 0.2rem;}
.m-newslist dt {margin-left: 0.1rem; float: right;}
.m-newslist dt img {width: 2.2rem; height: 1.4rem; border-radius: 0.1rem;}
.m-newslist dd.name {line-height: 0.5rem; max-height: 1rem; overflow: hidden;}
.m-newslist dd.time {font-size: 0.22rem; line-height: 0.4rem; color: #9C9BA1;}

.pagelist {padding-bottom: 0.3rem;}
.pagelist li {flex: 1;}
.pagelist a {width: auto; height: 0.8rem; line-height: 0.8rem; margin: 0 0.2rem; border: #E32612 0.02rem solid; color: #E32612; background: #FFF; border-radius: 0.5rem;}

.m-gamelist li {clear: both; height: 1.4rem; margin-top: 0.3rem; margin-bottom: 0.2rem; padding-bottom: 0.2rem; border-bottom: #F5F5F5 0.02rem solid;}
.m-gamelist li a {height: 100%;}
.m-gamelist img {width: 1.4rem; height: 1.4rem; float: left; border-radius: 0.3rem; margin-right: 0.2rem;}
.m-gamelist em {float: left; display: block; width: 0.6rem; height: 1.4rem; line-height: 1.4rem; text-align: center; font-weight: 700; color: #E32612;}
.m-gamelist .name {height: 0.6rem; line-height: 0.6rem; overflow: hidden; white-space: nowrap; padding-right: 0.1rem; color: #1C1C1C; font-weight: 700;}
.m-gamelist .info {overflow:hidden; height:0.6rem;}
.m-gamelist .info i {font-size: 0.24rem; display: inline-block; font-style: normal; margin-right: 0.12rem; color: #9C9BA1;}
.m-gamelist .zone {height: 0.6rem; line-height: 0.6rem; width: 1.2rem; text-align: center; font-size: 0.24rem; border: #9C9BA1 0.02rem solid; color: #9C9BA1; border-radius: 0.5rem; margin-top: 0.38rem;}
.m-gamelist .info2 {font-size: 0.24rem; line-height: 0.4rem; color: #9C9BA1;}
.m-gamelist-filter {padding: 0.2rem 0.2rem 0 !important;}

.m-taglist {}
.m-taglist li {width: 2.2rem; height: 0.6rem; line-height: 0.6rem; font-size: 0.24rem; border-radius: 0.1rem; display: block; background: #F5F5F5; color: #1C1C1C; margin-bottom: 0.2rem;}
.m-taglist li a {display: block; height: 100%; width: 100%;}

.m-collection-header {overflow: hidden; position: relative;}
.m-collection-header-bg {background-size: 15rem 15rem; width: 100%; height: 8rem; filter: blur(0.6rem); background-repeat: no-repeat; background-position: center -10rem; z-index: -999;}
.m-collection-icon {position: absolute; top: 1rem; width: 100%;}
.m-collection-icon img {margin: 0 auto; width: 2rem; height: 2rem; border-radius: 0.5rem; border:rgba(255,255,255,0.50) 0.1rem solid;}
.m-collection-name {width: 100%; position: absolute; top: 3.5rem; text-align: center; max-height: 1.2rem; overflow: hidden;}
.m-collection-name h1 {font-size: 0.44rem; line-height: 0.6rem; color: #FFF; padding: 0 0.3rem; text-shadow: 0.03rem 0.03rem 0.05rem rgba(0,0,0,0.30);}
.m-iconlist {margin-top: -3rem; position: relative;}
.m-iconlist .m-box-tt {font-size: 0.24rem;}
.m-iconlist .info {font-size: 0.24rem; margin-bottom: 0.3rem; line-height: 0.4rem; color: #9C9BA1;}

.m-activity-con {margin-bottom: 0.3rem; position: relative;}
.m-activity-con img {width: 100%; aspect-ratio: 71/33; border-radius: 0.1rem;}
.m-activity-con span {width: 1.4rem; height: 0.6rem; line-height: 0.6rem; font-size: 0.3rem; text-align: center; color: #fff; position: absolute; top: 0.2rem; right: 0; border-radius: 0.1rem 0 0 0.1rem;}
.m-activity-con span.state-0 {background: rgba(0,169,20,0.70);}
.m-activity-con span.state-1 {background: rgba(227,38,18,0.70);}
.m-activity-con span.state-2 {background: rgba(0,0,0,0.70);}

.m-sdkplist {}
.m-sdkplist a {margin-bottom: 0.3rem; border-radius: 0.1rem; background-size: cover;}
.m-sdkplist dl {padding: 0.2rem; height: 1.2rem; border-radius: 0.1rem;}
.m-sdkplist dt {font-size: 0.28rem;}
.m-sdkplist dd {font-size: 0.32rem;}
.m-sdkplist dt,.m-sdkplist dd {line-height: 0.6rem; color: #FFF; text-shadow: 0.03rem 0.03rem 0.05rem rgba(0,0,0,0.30);}

.m-isbnlist {}
.m-isbnlist dl {margin-bottom: 0.2rem; background: #fff; padding: 0 0.2rem 0.2rem; border: #F3F6FB 0.01rem solid;}
.m-isbnlist .name h3 {font-size: 0.32rem; font-weight: 700; color: #1C1C1C; line-height: 0.6rem; padding: 0.1rem 0;}
.m-isbnlist .type {padding: 0.1rem 0;line-height: 0.4rem;width: 100%; height: 0.4rem}
.m-isbnlist .type span {background: #F3F6FB; color: #609CFF; border-radius: 0.05rem; line-height: 0.4rem; padding: 0 0.2rem; margin-right: 0.2rem; display: block; float: left; font-size: 0.24rem;}
.m-isbnlist .info {line-height: 0.4rem; font-size: 0.24rem; color: #AAAAAA;}
.m-isbnlist .info span {color: #D8D8D8; margin-right: 0.2rem;}
.m-isbn {padding: 0.2rem;}
.m-isbntype {margin: 0.2rem 0;}
.m-isbntype li {float: left; padding-left: 0.35rem; margin-right: 0.5rem; font-weight: 700; font-size: 0.24rem; height: 0.3rem; line-height: 0.3rem;background: url("https://img.qieyou.com/img-isbn-select.svg") no-repeat 0 0;background-size: 0.32rem auto;color: #1C1C1C;}
.m-isbntype li.selected {color: #E32612; background-position: 0 -1.32rem;}
.m-isbnso {background: #F7F7F7; color: #9C9BA1; border-radius: 0.34rem;}
.m-isbnso input {width: 6.4rem; padding-left: 0.7rem; height:0.68rem; line-height:0.68rem; background: url("https://img.qieyou.com/web/img/icon-search.svg") no-repeat 0.2rem center; background-size: 0.36rem; border: none; font-size: 0.28rem;}

.m-filter-box {position: absolute; bottom: 0; left: 0; width: 100%; z-index: 999; background: #FFF; border-radius: 0.1rem 0.1rem 0 0;}
.m-filter-tt {height: 0.88rem; line-height: 0.88rem; text-align: center; font-size: 0.32rem; font-weight: 700; color: #1C1C1C; border-bottom: #F3F6FB 0.01rem solid; position: relative;}
.m-filter-tt .close {width: 0.88rem; height: 0.88rem; display: block; position: absolute; top: 0; right: 0.2rem;}
.m-filter-con {padding-left: 0.2rem; max-height: 10rem;overflow:scroll}
.m-filter-con li {line-height: 1rem; overflow: hidden; white-space: nowrap; word-break:break-all; text-overflow:ellipsis; border-bottom: #F3F6FB 0.01rem solid;}
.m-filter-con li a.selected {color: #E32612; font-weight: 700; background: url("https://img.qieyou.com/img-check-fill.svg") no-repeat right+0.2rem center;}

.m-gzone-typename {padding: 0.3rem 0; width: auto; overflow-x: auto; white-space: nowrap; overflow: hidden;}
.m-gzone-typename a {line-height: 0.6rem; border: #9C9BA1 0.02rem solid; color: #9C9BA1; background: #FFF; border-radius: 0.05rem;}
.m-gzone-typename a.thisclass {border: #E32612 0.02rem solid; color: #E32612;}
.m-gzone-typename-flex ul {width: 100%;}
.m-gzone-typename-flex li {flex: 1;}
.m-gzone-typename-flex li.thisclass a {border: #E32612 0.02rem solid; color: #E32612;}
.m-gzone-typename .column a {margin-right: 0.2rem; text-align: center;}
.m-gzone-typename .column span {font-size: 0.2rem; line-height: 0.2rem; padding-left: 0.1rem;}

.m-gzone-header {background: #FFF; padding: 0.3rem 0.2rem; border-top: #E9E9E9 0.01rem solid; border-bottom: #E9E9E9 0.01rem solid;}
.m-gzone-header dt {margin-right: 0.2rem;}
.m-gzone-header dt img {width: 1.6rem; height: 1.6rem;border-radius: 0.3rem;}
.m-gzone-header .name h1 {font-size: 0.36rem; line-height: 0.6rem; color: #1c1c1c;}
.m-gzone-header .type {line-height: 0.3rem; padding: 0.15rem 0; font-size: 0.28rem;}
.m-gzone-header .type span {margin-right: 0.1rem; color: #9C9BA1;}
.m-gzone-header .star {height: 0.3rem; line-height: 0.3rem; font-size: 0.24rem; color: #AAA;}
.m-gzone-header .star i {width: 0.3rem; height: 0.3rem; background: url("https://img.qieyou.com/web/img/icon-star.svg") no-repeat; background-size: 1.5rem auto; background-position: 0 0; margin-right: 0.05rem;}
.m-gzone-header .star-red {color: #E32612; font-weight: 700; font-size: 0.28rem;}
.m-gzone-header .star-red i {background-position: 0 -2rem;}

.m-gzone-nav {line-height: 1rem; font-size: 0.32rem; color: #9C9BA1;}
.m-gzone-nav li.thisclass {font-weight: 700; color: #1C1C1C; position: relative;}
.m-gzone-nav li.thisclass::after {content: ""; width: 0.3rem; height: 0.08rem; border-radius: 0.1rem; background: #E32612; display: block; position: absolute; left: 50%; bottom: 0.1rem; margin-left: -0.15rem;}
.m-gzone-download {padding: 0.2rem 0; text-align: center;}
.m-gzone-download a {border-radius: 1rem; height: 0.88rem; line-height: 0.88rem;}
.m-gzone-download-info {text-align: center; font-size: 0.24rem; padding-bottom: 0.2rem;}
.m-gzone-download-info span {margin: 0 0.1rem;}
.m-gzone-guide {font-size: 0.28rem;}
.m-gzone-guide dt {width: 1.4rem; float: left; line-height: 0.6rem; color: #FA6830; font-weight: 700; padding-bottom: 0.1rem;}
.m-gzone-guide dd {width: 5.6rem; float: left;}
.m-gzone-guide a {margin-right: 0.2rem; line-height: 0.6rem; color: #2199EE; display: inline;}

.m-gzone-slogan {font-size: 0.24rem; line-height: 0.4rem; color: #E32612; padding: 0.3rem; background-color: #FDF4F3;}


.m-gzone-text {line-height: 0.5rem; padding: 0.2rem 0;}
.m-gzone-text p {margin: 0.15rem 0;}
.m-game-intro {font-size: 14px; color: #616067; line-height: 28px;}
.m-game-intro .m-gzone-text{
    display: -webkit-box;
    -webkit-line-clamp: 12; /* 限制显示6行 */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 10px; 
}
.m-game-intro img {max-width: 790px; border-radius: 5px;}
.m-game-intro a {color: #2199EE;}
/* 展开状态 */
.m-game-intro.expanded .m-gzone-text {
  -webkit-line-clamp: unset;
  display: block;
}

.m-gzone-text-more {
  display: none; /* 默认隐藏 */
  cursor: pointer;
  margin-bottom: 10px; 
  color: #2199EE;
}
/* 当文本被截断时才显示按钮 */
.m-game-intro:not(.expanded) .m-gzone-text.truncated + .m-gzone-text-more {
  display: block;
}


.mySwiper-focus .swiper-slide{
   border-radius: 10px;width: 285px;
}
.mySwiper-focus .transSlide{
    width: 90px;
}
.m-gzone-focus {padding: 0.2rem;border-radius: 0.1rem;position:relative;height: 160px;}
.m-gzone-focus img,.m-gzone-focus video {border-radius: 0.1rem; margin: 0 auto; width: auto;}
.m-gzone-focus video{object-fit: contain}
.m-gzone-focus video,.imgDefault{height: 160px; max-width: 285px;}
.m-gzone-focus .video_poster{
    height: 160px; max-width: 285px;border-radius: 0.1rem;
}
.imgTrans{
    transform-origin:center center;
    transform: rotate(-90deg) scale(1.78);
    max-height: 160px!important;
}
.m-gzone-focus .playVideo{
    position: absolute;
    width: 42px;
    height: 42px;
    left: 121.5px;
    bottom:59px;
    z-index: 99;
}


.m-gzone-tag {padding: 0.2rem 0;}
.m-gzone-tag a {padding: 0 0.2rem; border-radius: 0.1rem; border: #EEE 0.01rem solid; color: #9C9BA1; margin-right: 0.1rem; line-height: 0.55rem; float: left;}
.m-gzone-base .info {line-height: 0.4rem; font-size: 0.24rem; color: #AAAAAA;}
.m-gzone-base .info span {color: #D8D8D8; margin-right: 0.2rem;}
.m-gzone-base .info a {display: inline-block; margin-right: 0.2rem;}

.m-piccover {width: 3.5rem; float: left;}
.m-piccover img {width: 3.5rem; height: 2.12rem; border-radius: 0.1rem;}
.m-piccover dd.tt {height: 0.88rem; line-height: 0.44rem; font-size: 0.28rem; margin: 0.1rem 0 0.2rem; overflow: hidden;}
.m-gzone-piclist .m-piccover:nth-child(2n-1) {margin-right: 0.1rem;}

.m-downapp {height: 100vh; background: linear-gradient(to bottom, #FFF6F6 0%, #FFFEFE 100%);; position: relative; text-align: center;}
.m-downapp .bg-1 {width: 6.6rem; height: 6.6rem; display: block; position: absolute; top: 1rem; right: 0; background: url("https://img.qieyou.com/web/img/bg-ellipse-1.png") no-repeat 3.6rem 0; background-size: 100%;}
.m-downapp .bg-2 {width: 7rem; height: 7rem; display: block; position: absolute; left: 0; bottom: 1rem; background: url("https://img.qieyou.com/web/img/bg-ellipse-2.png") no-repeat -3.6rem 0; background-size: 100%;}
.m-downapp-footer {line-height: 0.4rem; color: #D8D8D8; position: absolute; bottom: 0.3rem; width: 100%; font-size: 0.24rem;}
.m-downapp-footer a {color: #AAAAAA; display: inline; margin: 0 0.1rem;}
.m-downapp .slogan {font-size: 0.8rem; line-height: 1.2rem; padding: 1rem 0; color: #1C1C1C; position: relative;}
.m-downapp .slogan span {margin-right: 0.8rem;}
.btn-downapp {position: relative; z-index: 999;}
.btn-downapp a {width: 3rem; height: 0.8rem; line-height: 0.8rem; padding-left: 0.3rem; margin: 0 auto; background: url("https://img.qieyou.com/web/img/icon-phone.svg") no-repeat 0.2rem 0.2rem; background-size: 0.4rem auto; color: #FFF; margin-bottom: 0.3rem;}
.btn-downapp a.android {background-color: #18CD6E;}
.btn-downapp a.apple {background-color: #181818; background-position: 0.2rem -1.8rem;}
.btn-downapp a.unavailable {background-color: #E6E6E6;}
.m-downapp .qrcode {position: relative;}
.m-downapp .qrcode img {width: 3rem; height: 3rem; border: #FFF 0.15rem solid; border-radius: 0.1rem; box-shadow: 0 0 0.2rem #F8E1DF; margin: 0 auto;}
.m-downapp .qrcode-info {line-height: 1rem;}
.m-downapp .qrcode-info span {background: url("https://img.qieyou.com/web/img/icon-qr-scan.svg") no-repeat left center; background-size: 0.48rem; padding-left: 0.5rem; color: #9C9BA1;}

.m-single-menu {text-align: center; padding: 0.5rem 0;}
.m-single-menu a {display: inline-block; width: 2.1rem; height: 0.8rem; line-height: 0.8rem; border-radius: 1rem; background: #FCFCFC; color: #3D3D3D; margin: 0 0.1rem;}
.m-single-menu a:hover,.m-single-menu a.thisclass {background: #FA6830; color: #FFF; text-decoration: none;}
.m-single-banner img {width: 100%; height: auto; border-radius: 0.2rem;}
.m-single-text {min-height: 10rem;}
.m-single-text h1 {font-size: 0.44rem; line-height: 1.4rem; color: #1C1C1C;}
.m-single-text-con {font-size: 0.3rem; line-height: 0.8rem; color: #777;}
.m-single-text-con p {margin-bottom: 0.2rem;}


.header-back span{line-height: 0.68rem;color: #4A4545;font-size: 18px;}