@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: #1e1d1d31;margin: 0 auto;padding: 0.05rem 0 !important;z-index: 9 !important;}
.nav-swiper .swiper-slide a{color: #ebebeb;font-size: 0.26rem;margin: 0 0.2rem;}
.nav-swiper .swiper-slide a.checked{color: #fff;}
.ProBanner{position: relative;height: 5rem;overflow: hidden;margin: 0 auto;margin-top: -.55rem;}
.ProBanner .swiper-slide{position: relative;height: 5rem;}
.ProBanner .swiper-slide .img{width: 100%;overflow: hidden;height: 100%;object-fit: cover;}
.ProBanner .swiper-slide .title{position: absolute;left: 0%;bottom: -1px;width: 100%;height: 3.5rem;background-image: linear-gradient(#00000000, #1e1d1d)}
.ProBanner .swiper-slide p{padding: 0 0.15rem;z-index: 2;line-height: 0.4rem;font-size: 0.26rem;color: #fff;font-weight: bold;transition: all 0.3s;margin-top: 1rem;}
.ProBanner .swiper-slide span{display: block;height: 0.25rem;line-height: 0.25rem;overflow: hidden;z-index: 2;margin-top: .08rem;padding: 0 0.15rem;font-size: 0.2rem;color: #e2e2e2;}
.ProBanner .swiper-pagination{bottom: 1.8rem !important;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;}
.ZtBanner{position: relative;overflow: hidden;margin: 0 auto;margin-top: -.55rem;height: 7rem;}
.ZtBanner>img{width: 100%;height: 7rem;object-fit: cover;}
.ZtBanner::after{width: 100%;height: 80%;background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));position: absolute;bottom: 0;left: 0;z-index: 1;content: '';display: block;}
.ZtBanner>.bt{position: absolute;z-index: 2;bottom: 4rem;left: 0;width: 100%;font-size: 0.28rem;color: #fff;line-height: 0.6rem;padding: 0 0.15rem;box-sizing: border-box;font-weight: bold;}
#NewTabs{margin-top: -4rem;position: relative;z-index: 2;background: none;min-height: 4rem;background-image: linear-gradient(#00000000 , #1e1d1d);}
#NewTabs p span,
#NewTabs .MoreBtn a{color: #fff;}
.BaseWrap{background: #1e1d1d;margin: 0 auto;overflow: hidden;}
.BaseWrap .BaseTitle{font-size: 0.28rem;color: #fff;font-weight: bold;padding: 0.12rem;margin: 0 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;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);}
.NewTabSwiper .swiper-slide{width: auto;}
.NewTabSwiper .swiper-slide:last-child ul{width: 7.26rem;}
.NewTabBody .swiper-slide ul{overflow: hidden;margin: 0 0.12rem 0.15rem;width: 6.4rem;}
.NewTabBody .swiper-slide ul li{width: 100%;height: 1rem;background-image: linear-gradient(to right, #b3b3b366, #89898900);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: #e0e0e0;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;position: relative;margin: 0 .12rem;border-radius: .1rem;background: #000;}
.M1Recommend img{display: block;width: 100%;height: 100%;position: relative;z-index: 1;object-fit: cover;transition: all 0.3s;}
.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;}
.M2Body ul{overflow: hidden;}
.M2Body .M2ListA{overflow: hidden;width: 100%;}
.M2Body .M2ListA ul{max-height: 4.1rem;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: 5rem;overflow: hidden;}
.M2Body .M2ListB ul li{width: 33.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;cursor: pointer;transition: all 0.3s;}
.M2Body .M2Line{height: 2px;background-color: #33312f;margin: 0 15px;}
.M2Body .M2Title{overflow: hidden;margin-bottom: 0.24rem;}
.M2Body .M2Title span{font-size: 0.24rem;color: #A7A7A7;font-weight: bold;margin: 0 0.15rem;}

.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;font-weight: bold;color: #e5e5e5;}
.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: #333;background-size: 100% 100% !important;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.1rem;line-height: 1.3rem;}
.HotVideo,
.ModList,
.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%;}
.HotVideo .swiper-slide,
.HotList .swiper-slide{width: 100%;position: relative;}
.HotVideo .swiper-slide p,
.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;}
.HotVideo .swiper-slide p strong,
.HotList .swiper-slide p strong{color: #f59a23;font-weight: bold;}
.HotVideo .swiper-slide img,
.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;width: 100%;}
.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;}

.Pingce{overflow: hidden;margin: .12rem;display: block;position: relative;}
.Pingce p{position: absolute;bottom: 0;left: 0;z-index: 2;width: 100%;height: 0.8rem;line-height: 0.7rem;font-size: 0.24rem;color: #fff;text-align: center;background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));border-radius: 0 0 .1rem .1rem;}
.Pingce img{width: 100%;height: 2rem;object-fit: cover;display: block;border-radius: .1rem;position: relative;z-index: 1;}
.HotVideo{margin-bottom: .12rem;}
.HotVideo .swiper-slide a::after{display: block;content: '';width: 3rem;height: 3rem;background: url(../images/playbtn.png) no-repeat center center;background-size: 100%;position: absolute;top: 45%;left: 50%;transform: translate(-50%, -50%);z-index: 2;}
.HotVideo .swiper-button-prev,
.HotVideo .swiper-button-next{color: #ffffff7a;background: none;}
.HotVideo .swiper-button-prev::after,
.HotVideo .swiper-button-next::after{font-size: .6rem;}
.OtherList{overflow: hidden;display: block;position: relative;display: grid;grid-template-columns: 1fr 1fr;gap: .12rem;margin: .12rem;justify-content: space-between;}
.OtherList li{overflow: hidden;position: relative;}
.OtherList li a{display: block;position: relative;overflow: hidden;height: 2rem;}
.OtherList li img{width: 100%;height: 100%;object-fit: cover;border-radius: 0.1rem;position: relative;}
.OtherList li p{position: absolute;bottom: 0;left: 0;z-index: 2;width: 100%;height: 0.64rem;line-height: 0.64rem;font-size: 0.2rem;color: #fff;text-align: center;background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));border-radius: 0 0 .1rem .1rem;padding: 0 .12rem;box-sizing: border-box;}
#ModList li:first-child{width: 100%;grid-column: span 2;}
#ModList li:first-child a{height: 3.2rem;}

.ModList{margin-bottom: .12rem;}
.ModList .swiper-button-prev,
.ModList .swiper-button-next{color: #ffffff7a;background: none;}
.ModList .swiper-button-prev::after,
.ModList .swiper-button-next::after{font-size: .6rem;}
.ModList .swiper-slide{width: 100%;position: relative;}
.ModList .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;}
.ModList .swiper-slide p strong{color: #f59a23;font-weight: bold;}
.ModList .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;}

.BaseTitle .icon{ width: 0.32rem; height: 0.32rem; background: url(../images/title_sprites.png) no-repeat ; background-size: .45rem auto; display: inline-block; vertical-align: middle;  margin:-.02rem 0.05rem 0 0;}
.BaseTitle .icon1{background-position:  -0.06rem -0.07rem;}
.BaseTitle .icon2{background-position: -0.06rem -0.52rem;}
.BaseTitle .icon3{background-position: -0.06rem -0.98rem;}
.BaseTitle .icon4{background-position: -0.06rem -1.41rem;}
.BaseTitle .icon5{background-position: -0.06rem -1.88rem;}
.BaseTitle .icon6{background-position: -0.06rem -2.3rem;}
.BaseTitle .icon7{background-position: -0.06rem -2.79rem;}
.BaseTitle .icon8{background-position: -0.06rem -3.2rem;}

.bbs{background: #1e1d1d;padding: 0 0.15rem; }
.bbs #hotHeadDiv,
.bbs .ali-comment-alert,
.bbs .ali-comment-box-tit,
.bbs .ali-comment-username,
.bbs .c_clear_30,
.bbs .ali-comment-add-user label,
.bbs .ali-user-name_pic .avatarBgDiv,
.bbs .ali-comment-no,
.bbs #tmp_ggao{display: none !important;}
.bbs .ali-user-name-gw{color: #FF6600;}
.bbs .ali-comment-post{border-color: #323639;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: #252323;}
.bbs .ali-comment-hf-body,
.bbs .ali-comment-hf-container,
.bbs .img_content .img_content-show{border-color: #000;}
.bbs .ali-comment-article-name-w{font-weight: bold;}
.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: #F2F2F2;}
.bbs .img_content .img_content_little,
.bbs .ali-click-jb-gw,
.bbs .ali-reply-gw:before,
.bbs .add-img-btn,
.bbs .ali-comment-post-wrap-action{background: none;}
.bbs #ali-comment-add-face,
.bbs #ali-comment-add-img{border-color: #373737;}
.bbs .ali-comment-sub{margin-right: 8px;}
.bbs .ali-comment-post-wrap-action{border-right: none;border-bottom-left-radius: 8px;}
.bbs .ali-comment-sub-button{width: 80px;height: 32px;line-height: 32px;border-radius: 4px;color: #191B1C;font-weight: bold; background: linear-gradient( 90deg, #FF6600 0%, #FF8F00 100%); }
.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: none;border-radius: 8px;}
.bbs .ali-comment-user{background: url(../images/bbs_sprites.png) no-repeat center center;background-size: 30px auto; background-position: -5px -102px ;}
.bbs .ali-wrap-user-gw .user_grade{background: linear-gradient( 90deg, #FFE0A4 0%, #FDE59F 100%);border-radius: 2px;font-size: 12px;color: #0B0904;padding: 0 6px;line-height: 17px;height: 17px; margin-top: 7px;}
.bbs .ali-user-address-gw{top: 22px;font-size: 12px;}
.bbs .ali-wrap-user-gw{height: 55px;}
.bbs .ali-user-time-gw{color: #8A8A8A;font-size: 12px;}
.bbs .ali-comment-add-user img{border-radius: 50%;}
.bbs #ali_comment_hf{border-radius: 15px;width: 62px; height: 28px;line-height: 28px;font-size: 14px;font-weight: 400; color: #fff; background: #999;}