@charset "UTF-8";body{--c1: #e7e7e7;--c2: #818181;--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 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: #1e1d1d;margin: 0.12rem 0 0;overflow: hidden;border-radius: 0.1rem;}
.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;font-size: 0.24rem;opacity: 1;color: var(--c1);}
.NewTabHead p span + span{display: none;}
.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 .swiper-button-next::after{color: var(--c2);}
.NewTabBody .swiper-slide ul{overflow: hidden;margin: 0 0.12rem 0.15rem;}
.NewTabBody .swiper-slide ul li{width: 100%;height: 1rem;background-image: linear-gradient(to right, #434343, #1e1d1d);border-radius: 4px;margin-top: 0.12rem;cursor: pointer;}
.NewTabBody .swiper-slide 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 .swiper-slide ul li .time span{font-size: 0.24rem;color: var(--c1);font-weight: bold;margin-right: 0.08rem;}
.NewTabBody .swiper-slide ul li p{padding: 0 0.15rem;height: 0.35rem;line-height: 0.35rem;color: var(--c1);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.54rem;background: url(../images/icon_btn2.png) no-repeat center;background-size: 100% 100%;margin: 0 1% 0.15rem;line-height: 0.54rem;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;}