@charset "UTF-8";
body{--c1: #c31513; --c2: #a7160e; --c3: #9b1414; --c4: #a56557; --c5: #d96d6d; --c6: #efdbc9;}
.head_3g2020,
body{max-width: 7.5rem; margin: 0 auto;}
body{background: #333;}
.head_3g-top{height: 1.04rem;}
.head_3g-shadow{display: none;}
.nav-swiper{background: #1e1d1d; margin: 0 auto; padding: 0.2rem 0;}
.nav-swiper .swiper-slide a{color: #ebebeb; font-size: 0.28rem; margin: 0 0.2rem;}
.nav-swiper .swiper-slide a.checked{color: #fff;}
.ProBanner{position: relative; height: 3rem; border-radius: 0.1rem; overflow: hidden; margin: 0.12rem 0.15rem 0;}
.ProBanner .swiper-slide{position: relative; height: 3rem;}
.ProBanner .swiper-slide .img{width: 100%; overflow: hidden; height: 100%; object-fit: cover;}
.ProBanner .swiper-slide .title{position: absolute; left: 50%; top: 40%; transform: translate(-50%, -50%); width: 60%; max-width: 5rem;}
.ProBanner .swiper-slide p{position: absolute; bottom: 0.5rem; left: 0; padding: 0 0.15rem; z-index: 2; line-height: 0.4rem; font-size: 0.26rem; color: #fff; font-weight: bold; transition: all 0.3s;}
.ProBanner .swiper-slide span{display: block; position: absolute; height: 0.25rem; line-height: 0.25rem; overflow: hidden; z-index: 2; bottom: 0.2rem; left: 0; padding: 0 0.15rem; font-size: 0.2rem; color: #e2e2e2;}
.ProBanner .swiper-pagination{bottom: 0.1rem; text-align: right; padding-right: 0.2rem; box-sizing: border-box;}
.ProBanner .swiper-pagination .swiper-pagination-bullet{background: #fff; width: 0.14rem; height: 0.14rem; border-radius: 0.1rem;}
.ProBanner .swiper-pagination .swiper-pagination-bullet-active{width: 0.18rem;}
.nav-swiper{width: 100%; overflow: hidden;}
.BaseWrap{background: #282727; margin: 0.12rem 0 0; overflow: hidden;}
.BaseWrap .BaseTitle{font-size: 0.28rem; color: #f59a23; font-weight: bold; padding: 0.12rem;}
.NewTabHead{height: 0.45rem; line-height: 0.45rem; overflow: hidden; font-size: 0.26rem; font-weight: bold; padding: 0 0.15rem; margin-top: 0.1rem;}
.NewTabHead p span{display: block; float: left; color: var(--c2); cursor: pointer; margin: 0 0.25rem 0 0.15rem; opacity: 0.8; font-size: 0.24rem;}
.NewTabHead p .on{opacity: 1; color: var(--c1);}
.NewTabHead .MoreBtn{float: right;}
.NewTabHead .MoreBtn a + a{display: none;}
.NewTabHead .MoreBtn a{color: var(--c2); font-size: 0.2rem;}
.NewTabBody .TabItem + .TabItem{display: none;}
.NewTabBody .TabItem{overflow: hidden; overflow-y: auto; margin: 0 0.12rem 0.15rem;}
.NewTabBody .TabItem ul{width: 100%; overflow: hidden;}
.NewTabBody .TabItem ul li{width: 100%; height: 1rem; background-image: linear-gradient(to right, #550000, #1e1d1d); border-radius: 4px; margin-top: 0.12rem; cursor: pointer;}
.NewTabBody .TabItem ul li .time{height: 0.3rem; line-height: 0.3rem; width: 100%; padding: 0 0.15rem; margin: 0.15rem 0 0.05rem; box-sizing: border-box; overflow: hidden; font-size: 0.18rem; color: var(--c2); float: left;}
.NewTabBody .TabItem ul li .time span{font-size: 0.24rem; color: var(--c2); font-weight: bold; margin-right: 0.08rem;}
.NewTabBody .TabItem ul li p{padding: 0 0.15rem; height: 0.35rem; line-height: 0.35rem; color: var(--c6); font-size: 0.26rem; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.M1Recommend{overflow: hidden;}
.M1Recommend img{display: block; width: 100%; height: 3rem; object-fit: cover; border-radius: 8px 8px 0 0; margin-bottom: 0.05rem; transition: all 0.3s;}
.M1Recommend img:hover{opacity: 0.8;}
.M1Recommend .bt{padding: 0 0.15rem; margin: 0.08rem 0 0.02rem; height: 0.45rem; line-height: 0.45rem; font-size: 0.26rem; font-weight: bold; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all 0.3s;}
.M1Recommend .desc{padding: 0 0.15rem; height: 0.3rem; line-height: 0.3rem; font-size: 0.22rem; color: #aaa; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 0.15rem;}
.M2Body::-webkit-scrollbar{width: 0.08rem; background-color: #6b6b6b1c; border-radius: 0.04rem;}
.M2Body::-webkit-scrollbar-thumb{background: url(../images/scrollbarbg.png) no-repeat center; background-size: 100% 100%; border-radius: 0.04rem; cursor: pointer;}
.M2Body{overflow: hidden; overflow-y: auto; height: 7.5rem;}
.M2Body ul{overflow: hidden;}
.M2Body .M2ListA{overflow: hidden; width: 100%;}
.M2Body .M2ListA ul{max-height: 4.2rem; overflow: hidden;}
.M2Body .M2ListA li{float: left; width: 48%; height: 0.48rem; background: url(../images/icon_btn2.png) no-repeat center; background-size: 100% 100%; margin: 0 1% 0.15rem; line-height: 0.48rem; text-align: center; cursor: pointer; transition: all 0.3s;}
.M2Body .M2ListA li a{color: #e7e7e7; font-size: 0.22rem; text-shadow: 0.01rem 0.01rem 0.01rem rgba(0, 0, 0, 0.6);}
.M2Body .M2ListB{width: 100%; overflow: hidden;}
.M2Body .M2ListB ul{max-height: 2.4rem; overflow: hidden;}
.M2Body .M2ListB ul li{width: 32.3%; height: 2.4rem; display: block; float: left; margin-bottom: 0.15rem;}
.M2Body .M2ListB ul li p{width: 1.84rem; height: 1.84rem; margin: 0 auto; border-radius: 0.08rem;}
.M2Body .M2ListB ul li p img{width: 1.84rem; height: 1.84rem; object-fit: cover; border-radius: 0.08rem;}
.M2Body .M2ListB ul li span{display: block; width: 100%; text-align: center; height: 0.4rem; line-height: 0.4rem; margin-top: 0.1rem; font-size: 0.22rem; font-weight: bold; color: #999; overflow: hidden; white-space: nowrap;}
.M2Body .MoreBtn{display: block; text-align: center; height: 0.4rem; line-height: 0.4rem; font-size: 0.22rem; background: #444; border-radius: 0.04rem; width: 1.2rem; color: var(--c6); margin: 0.25rem auto 0; cursor: pointer; transition: all 0.3s;}
.M2Body .M2Line{height: 2px; background-color: #33312f; margin: 0 15px;}
.M2Body .M2Title{overflow: hidden; margin-bottom: 0.15rem;}
.M2Body .M2Title span{font-size: 0.26rem; color: #fff; font-weight: bold; margin: 0 0.15rem;}
.bbs{background: #1e1d1d; margin-top: 0.15rem; padding: 0.06rem 0.15rem; margin: 0.15rem 0;}
.bbs #hotHeadDiv,
.bbs .ali-comment-alert,
.bbs .ali-comment-box-tit,
.bbs #tmp_ggao{display: none !important;}
.bbs .ali-comment-post{border-color: #373737; border-radius: 8px;}
.bbs .ali-comment-hf-container,
.bbs .img_content .img_content-show{background-color: #20201e; border-radius: 8px;}
.bbs .ali-c-block-box{border-color: #434343;}
.bbs .ali-comment-hf-body,
.bbs .ali-comment-hf-container,
.bbs .img_content .img_content-show{border-color: #000;}
.bbs .ali-reply-num,
.bbs .ali-comment-post-textarea-fw,
.bbs .ali-comment-hf-content,
.bbs .ali-issue-wrap-gw,
.bbs .ali-comment-post-textarea-ow,
.bbs .ali-comment-article,
.bbs .ali-comment-article-name-w{color: #d0d0d0;}
.bbs .img_content .img_content_little,
.bbs .ali-comment-post-wrap-action{background: #000;}
.bbs #ali-comment-add-face,
.bbs #ali-comment-add-img{border-color: #373737;}
.bbs .ali-comment-post-wrap-action{border-right: none; border-bottom-left-radius: 8px;}
.bbs .ali-comment-sub-button{border-bottom-right-radius: 8px;}
.bbs .ali_page_fenye_comment a{font-size: 0.16rem;}
.bbs .ali_page_fenye_comment a:link{border-radius: 4px; padding: 5px 10px; margin: 0 4px; color: #fff; border-color: #344; background: #000;}
.bbs .ali_page_fenye_comment a.currpage_comment{background: #f60;}
.bbs .ali_page_fenye_comment a:hover{background: #f60;}
.bbs .ali-click-cai-gw{margin-top: 1px;}
.bbs .ali-comment-post-area-textarea-w,
.bbs .ali-comment-post-textarea-fw{background: #333;}
.ArtContainer{padding: 0.15rem; background: #282727;}
.ArtContainer .ArtDetailHead{overflow: hidden; font-size: 0.32rem; color: #aaa; font-weight: bold; line-height: 0.6rem;}
.ArtContainer .ArtDetailHead h1{font-size: 0.32rem;}
.ArtContainer .ArtDetailHead p{line-height: 0.4rem; margin: 0.3rem 0; overflow: hidden; width: 100%;}
.detail-article-title{height: 0.32rem; width: 6.44rem; margin: 0.15rem auto 0.2rem; background-color: #000000; box-shadow: 0 0.08rem 0.06rem 0 rgba(0, 0, 0, 0.29); border-radius: 7px; border: solid 1px #333; padding: 0.24rem 0.28rem; cursor: pointer;}
.detail-article-title span{width: 5.1rem; height: 0.32rem; line-height: 0.34rem; font-size: 0.3rem; color: #aaa; overflow: hidden; float: left;}
.detail-article-title p{height: 0.32rem; line-height: 0.32rem; color: #aaa; font-size: 0.3rem; width: 1rem; text-align: right; float: right;}
.detail-article-title p:before{content: ""; float: left; margin-top: 0.03rem; width: 0.31rem; height: 0.25rem; background: url(../images/more_article.png) no-repeat; background-size: 100% 100%;}
.pagebox{width: 100%; height: 0.7rem; text-align: center; margin-bottom: 0.3rem; margin-top: 0.2rem;}
.pagebox > a{display: inline-block; margin: 0 0.05rem; border-radius: 0.08rem; line-height: 0.7rem; height: 0.7rem; font-size: 0.28rem; text-align: center;}
.pagebox .zj{border: solid 1px #ff8439; color: #ff8439; width: 1.45rem;}
.page{display: inline-block; margin: 0 0.05rem; border-radius: 0.08rem; line-height: 0.7rem; height: 0.7rem; font-size: 0.24rem; text-align: center; color: #555; border: solid 1px #4f4f4f; width: 1.73rem;}
.pbtn{width: 0.7rem; border: solid 1px #4f4f4f;}
.pbtn img{vertical-align: middle; width: 30%;}
.fzmulu{border: solid 1px #4f4f4f; color: #4f4f4f; width: 1rem;}
.fzmulu.canclic{border: solid 1px #ff8439; color: #ff8439;}
.mulubox{position: fixed; top: 0; left: 0; width: 7.1rem; height: 100%; overflow-y: scroll; background: white; padding: 0 0.2rem; z-index: 10001; overflow: hidden; display: none;}
.mulubox.active{display: block;}
.muluihead{width: 100%; height: 0.7rem; margin: 0.15rem 0; overflow: hidden;}
.muluihead h3{color: #000; font-size: 0.36rem; line-height: 0.7rem; float: left;}
.muluihead span{float: right;}
.muluihead span img{width: 0.4rem; margin: 0.15rem;}
.detail-cnav{width: 100%; overflow: hidden; overflow-y: scroll; height: calc(100% - 1rem);}
.lista{width: 100%; display: block; height: 0.6rem; line-height: 0.6rem; font-size: 0.28rem; color: #666; overflow: hidden;}
.lista.selected{color: #ff8439;}
.detail-content td p{margin: 0; padding: 5px 0; line-height: 32px; font-size: 16px;}
.detail-content td a span,
.detail-content td a{font-size: 16px;}
.detail-content{overflow: hidden; margin-bottom: 0.2rem;}
.detail-content p{font-size: 0.3rem; line-height: 0.48rem; color: #aaa; margin: 0.22rem auto;}
.detail-content p img{max-width: 100%; display: table; cursor: pointer; vertical-align: bottom; margin: auto; height: auto;}
.detail-content a{font-size: 0.3rem;}
.detail-content .n_show_g a{font-size: 0.24rem !important;}
.detail-content strong{font-weight: bold;}
.detail-content h3,
.detail-content h2,
.detail-content h1{font-size: 0.3rem; color: #aaa;}
.BigImgBox{position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 99999; background: rgba(0, 0, 0, 0.9);}
.BigImgBox .BigImgSwiper{width: 100%; height: 100%;}
.BigImgBox .BigImgSwiper img{width: auto; height: auto; max-height: 100%; min-width: initial; max-width: 96%; margin: 0 2%;}
.BigImgBox .swiper-pagination{left: 0.2rem; top: 0.2rem; color: #fff; width: auto; font-size: 0.2rem; opacity: 0.75; height: 0.3rem;}
.BigImgBox .pswp_close{position: absolute; right: 0.1rem; top: 0.1rem; color: #fff; width: 0.44rem; height: 0.44rem; background: url(../images/default-skin.svg) 0 0 no-repeat; background-size: 3rem auto; background-position: 0 -0.52rem;}
.GameInfoBox{height: 2.6rem; background: url(../images/GminfoBg.png) no-repeat center center; background-size: 100% 100%; margin: 0.15rem auto; position: relative;}
.GameInfoBox .Gm_img{width: 1.42rem; height: 1.92rem; border-radius: 0.06rem; overflow: hidden; float: left; margin: 0.15rem;}
.GameInfoBox .Gm_info{width: 2.8rem; height: 1.6rem; float: left; margin: 0.15rem 0;}
.GameInfoBox .Gm_info .Gm_title{margin-bottom: 0.06rem; font-size: 0.16rem; color: var(--c6);}
.GameInfoBox .Gm_info .Gm_info p{font-size: 0.14rem; color: #c7c7c7; line-height: 0.27rem; margin-bottom: 0.05rem;}
.GameInfoBox .TagBox{width: 100%; float: left;}
.GameInfoBox .TagBox a{font-size: 0.15rem; color: #b0b0b0; height: 0.27rem; line-height: 0.27rem; text-align: center; padding: 0 0.2rem; border-radius: 0.03rem; float: left; margin: 0.02rem 0 0 0.15rem; background: #343434;}
.GameInfoBox .TagBox a:hover{opacity: 0.8;}
.GameInfoBox .TagBox .buybtn{display: block; float: right; margin-right: 0.15rem; width: 0.82rem; height: 0.27rem; line-height: 0.27rem; text-align: center; color: #333; background-image: linear-gradient(to right, #d4cba2, #c6a778); border-radius: 0.03rem; padding: 0;}
.GameInfoBox .score{width: 1.3rem; height: 1.3rem; font-size: 0.5rem; color: #e1ddba; text-align: center; position: absolute; right: 0.88rem; top: 0.14rem; line-height: 1.3rem;}
.HotList{position: relative; overflow: hidden; margin: 0.15rem 0.15rem 0;}
.HotList .swiper-button-prev{left: 0.1rem;}
.HotList .swiper-button-next{right: 0.1rem;}
.HotList .swiper-button-prev,
.HotList .swiper-button-next{width: 0.26rem; height: 0.37rem; cursor: pointer !important; pointer-events: initial !important;}
.HotList .swiper-button-prev::after,
.HotList .swiper-button-next::after{display: none;}
.HotList .swiper-button-prev{background: url(../images/btnPrev.png) no-repeat center; background-size: 100% 100%;}
.HotList .swiper-button-next{background: url(../images/btnNext.png) no-repeat center; background-size: 100% 100%;}
.HotList .swiper-slide{width: 100%; position: relative;}
.HotList .swiper-slide p{width: 100%; text-align: center; font-size: 0.26rem; line-height: 0.8rem; color: #fff; position: absolute; z-index: 2; bottom: 0;}
.HotList .swiper-slide p strong{color: #f59a23; font-weight: bold;}
.HotList .swiper-slide img{display: block; width: 100%; margin: 0 auto; height: 3。6rem; object-fit: cover; border-radius: 0.08rem; position: relative; z-index: 1;}
.NewsList{overflow: hidden; margin: 0 0.15rem;}
.NewsList li{width: 100%; overflow: hidden; height: 1.5rem; position: relative; margin-bottom: 0.15rem; border-bottom: 0.01rem solid #414141; padding-bottom: 0.15rem;}
.NewsList li:last-child{border-bottom: none;}
.NewsList li a{display: flex;}
.NewsList li img{display: block; width: 2.3rem; height: 1.5rem; border-radius: 0.2rem; object-fit: cover;}
.NewsList li .info{flex: 1; min-width: 0; margin-right: 0.25rem;}
.NewsList li .info p{height: 0.84rem; line-height: 0.42rem; font-size: 0.26rem; color: #aaa; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.NewsList li .info span{display: block; height: 0.46rem; line-height: 0.46rem; font-size: 0.24rem; color: #8B8B8B; margin-top: 0.2rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.NewsList li .info span i{font-style: normal; margin-left: 0.1rem;}