.left-icon1{padding-left:0 !important}
.ContentWrap{width:1200px;position:relative;margin:10px auto}
.TopicBg{width:100%;height:100%;position:fixed !important;z-index:0 !important;top:0;background-size:cover !important;transition:opacity .2s linear;background-position:center !important}
.TopicGmIdx{height:0;transition:height .2s linear}
.TopicGmIdx .wrap{display:none}
.TopicGmIdx .OpneNav{position:absolute;bottom:-60px;left:50%;margin-left:-13px;width:26px;height:26px;cursor:pointer}
.TopicGmIdx .OpneNav .O-icon-inner{position:absolute;top:0;left:0;right:0;bottom:0}
.TopicGmIdx .OpneNav .O-icon-inner .O-icon-ele{display:inline-block}
.TopicGmIdx .OpneNav .O-icon-inner .O-icon-ele i{padding-top:40px;display:block;background:url(../images/icon-row.png) no-repeat;background-size:100% auto;position:absolute;top:0;left:0;right:0;background:none}
.TopicGmIdx .OpneNav .O-icon-inner .O-icon-ele i::before{content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0;background:url(../images/icon-row.png) no-repeat;background-size:100% auto;transform-origin:50% 0}
.TopicGmIdx .OpneNav .O-icon-inner .O-icon-ele .O-icon-01{top:-18px;opacity:.5;opacity:1;animation:guideIcon0 2s linear 0s infinite both;transform-origin:50% 50%}
.TopicGmIdx .OpneNav .O-icon-inner .O-icon-ele .O-icon-01:before{animation:guideIcon01 2s linear 0s infinite both;transform-origin:50% 50%}
.TopicGmIdx .OpneNav .O-icon-inner .O-icon-ele .O-icon-02{top:-18px;opacity:.5;opacity:1;animation:guideIcon0 2s linear .5s infinite both;transform-origin:50% 50%}
.TopicGmIdx .OpneNav .O-icon-inner .O-icon-ele .O-icon-02:before{animation:guideIcon01 2s linear .5s infinite both;transform-origin:50% 50%}
.TopicGmIdx .OpneNav .O-icon-inner .O-icon-ele .O-icon-03{top:-18px;opacity:.5;opacity:1;animation:guideIcon0 2s linear 1s infinite both;transform-origin:50% 50%}
.TopicGmIdx .OpneNav .O-icon-inner .O-icon-ele .O-icon-03:before{animation:guideIcon01 2s linear 1s infinite both;transform-origin:50% 50%}
.TopicGmIdx .OpneNav .O-icon-inner .O-icon-ele .O-icon-04{top:-18px;opacity:.5;opacity:1;animation:guideIcon0 2s linear 1.5s infinite both;transform-origin:50% 50%}
.TopicGmIdx .OpneNav .O-icon-inner .O-icon-ele .O-icon-04:before{animation:guideIcon01 2s linear 1.5s infinite both;transform-origin:50% 50%}
@keyframes guideIcon0{0%{opacity:0;transform:translate3d(0, -18px, 0)}
33.333%{opacity:1;transform:translateZ(0)}
66.6666%{opacity:0;transform:translate3d(0, 18px, 0)}
to{opacity:0;transform:translate3d(0, 18px, 0)}
}
@keyframes guideIcon01{0%{transform:scale3d(0, 0, 1)}
20%{transform:scaleX(1)}
40%{transform:scaleX(1)}
60%{transform:scaleX(1)}
to{transform:scale3d(0, 0, 1)}
}
.TopicGmIdx.on{height:96px}
.TopicGmIdx.on .OpneNav{transform:rotate(180deg) !important;bottom:-25px}
.TCrumb{width:100%;height:60px;line-height:60px;overflow:hidden}
.TCrumb i{background:url(../images/icmap.png) no-repeat;background-size:auto 100%;width:12px;height:16px;display:inline-block;vertical-align:middle;margin:0 10px 4px 0}
.TCrumb span,.TCrumb a{color:#737e91;font-family:serif;font-size:16px}
.TCrumb a:hover{color:var(--OrgColor)}
.TopicNav{width:100%;border-radius:10px;height:80px;background-image:linear-gradient(to right, #fff, rgba(255, 255, 255, 0.7));margin-bottom:20px}
.TopicNav .GmLogo{height:60px;margin:10px 0 10px 10px;display:block;float:left}
.TopicNav .GmLogo img{height:100%;max-width:300px}
.TopicNav .SearchBox{margin:20px 10px 0;background:var(--BoxBg2)}
.TopicNav .Official{display:block;float:right;margin:30px 10px 0 0;background:var(--Text4);width:80px;height:20px;line-height:20px;font-size:12px;color:#fff;text-align:center;border-radius:10px;position:relative}
.TopicNav .Official i{background:var(--Text);position:absolute;top:28px;left:50%;transform:translateX(-50%);color:#fff;padding:3px 8px;border-radius:3px;font-size:12px;display:none;z-index:9;white-space:nowrap;cursor:pointer}
.TopicNav .Official i::before{content:"";display:block;position:absolute;left:49%;top:-11px;width:0;height:0;border:6px solid rgba(0,0,0,0);border-bottom:6px solid var(--Text)}
.TopicNav .Official:hover i{display:block}
.TopicNav .Official.no{background:#5b88ff}
.TopicNav p a{display:block;float:left;margin:0 25px;height:80px;line-height:80px;font-size:18px;color:var(--Text)}
.TopicNav p a:hover{color:var(--OrgColor)}
.TopicNav p .on{color:var(--Text4);font-weight:bold;position:relative}
.ContentWrap .icbg3{background:url(../images/IconTopic.png) no-repeat;display:inline-block}
.ContentWrap .w_az{width:16px;height:18px;background-position:-112px -48px}
.ContentWrap .w_ios{width:16px;height:18px;background-position:-46px -110px}
.ContentWrap .w_pc{width:18px;height:16px;background-position:-50px -70px}
.ContentWrap .w_yun{width:21px;height:18px;background-position:-108px -75px}
.ContentWrap .ListSwiper{margin-top:0}
.ContentWrap .TabMore{float:right}
.ContentWrap .TabMore a+a{display:none}
.ContentWrap .TabBody .item+.item{display:none}
.ContentWrap .TabBody .itemD,.ContentWrap .TabBody .itemB,.ContentWrap .TabBody .itemA{overflow:hidden;width:100%;margin-top:12px}
.ContentWrap .TabBody .itemD a,.ContentWrap .TabBody .itemB a,.ContentWrap .TabBody .itemA a{display:block;float:left;width:140px;height:110px;border-radius:10px;overflow:hidden;background:var(--BoxBg3);margin:0 5px 20px 20px;transition:all .2s linear}
.ContentWrap .TabBody .itemD a img,.ContentWrap .TabBody .itemB a img,.ContentWrap .TabBody .itemA a img{height:80px;width:100%;object-fit:cover}
.ContentWrap .TabBody .itemD a p,.ContentWrap .TabBody .itemB a p,.ContentWrap .TabBody .itemA a p{text-align:center;margin:0 auto;width:90%;height:30px;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:var(--Text1)}
.ContentWrap .TabBody .itemD a:hover,.ContentWrap .TabBody .itemB a:hover,.ContentWrap .TabBody .itemA a:hover{background:var(--OrgColor)}
.ContentWrap .TabBody .itemD a:hover p,.ContentWrap .TabBody .itemB a:hover p,.ContentWrap .TabBody .itemA a:hover p{color:#fff}
.ContentWrap .TabBody .itemB a{height:210px}
.ContentWrap .TabBody .itemB a img{height:180px}
.ContentWrap .TabBody .itemC{overflow:hidden;width:100%;margin-top:15px}
.ContentWrap .TabBody .itemC a{display:flex;float:left;width:140px;height:40px;border-radius:10px;overflow:hidden;margin:0 5px 20px 20px;transition:all .2s linear;border:1px solid var(--BorderC);box-sizing:border-box}
.ContentWrap .TabBody .itemC a img{height:24px;width:24px;display:block;float:left;margin:7px 0 8px 8px;object-fit:cover;border-radius:6px;}
.ContentWrap .TabBody .itemC a p{flex:1;margin:0 6px;height:40px;line-height:40px;font-size:14px;color:var(--Text1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ContentWrap .TabBody .itemC a:hover{background:var(--OrgColor)}
.ContentWrap .TabBody .itemC a:hover p span{color:#fff}
.ContentWrap .TabBody .itemD a{width:100px;height:130px;background:none;border:1px solid var(--BorderC);margin:0 -1px 20px 16px}
.ContentWrap .TabBody .itemD a img{height:100px;border-radius:10px 10px 0 0}
.ContentWrap .TabBody .itemE{margin:20px;overflow:hidden}
.ContentWrap .TabBody .itemE .Etop{width:100%;height:120px}
.ContentWrap .TabBody .itemE .Etop .Eimg{width:250px;height:120px;overflow:hidden;border-radius:10px;display:block;float:left;margin-right:20px}
.ContentWrap .TabBody .itemE .Etop .Eimg img{width:100%;height:100%;object-fit:cover}
.ContentWrap .TabBody .itemE .Etop .Edesc{width:525px;height:120px;float:left}
.ContentWrap .TabBody .itemE .Etop .Edesc a{display:block;width:100%;height:30px;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:18px;font-weight:bold;color:var(--Text1)}
.ContentWrap .TabBody .itemE .Etop .Edesc a:hover{color:var(--OrgColor)}
.ContentWrap .TabBody .itemE .Etop .Edesc p{width:100%;height:80px;line-height:28px;font-size:14px;color:var(--Text);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top:10px}
.ContentWrap .TabBody .itemE .Elist{width:105%;overflow:hidden}
.ContentWrap .TabBody .itemE .Elist li{width:100px;height:130px;float:left;margin:20px 40px 0px 0}
.ContentWrap .TabBody .itemE .Elist li a{display:block}
.ContentWrap .TabBody .itemE .Elist li a img{width:100%;height:100px;border-radius:16px;object-fit:cover}
.ContentWrap .TabBody .itemE .Elist li a span{display:block;width:100%;height:25px;line-height:25px;text-align:center;font-size:14px;color:var(--Text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:10px}
.ContentWrap .TabBody .itemE .Elist li:hover a span{color:var(--Text4)}
.ContentWrap .TabBody .itemE .Elist li:hover a img{opacity:.8}
.ContentWrap .itemMore{width:100px;height:22px;line-height:22px;text-align:center;color:var(--Text1);padding:0 0 15px;margin:0 auto;cursor:pointer}
.ContentWrap .itemMore::before{content:"";width:22px;height:22px;background:url(../images/IconTopic.png) no-repeat -70px -10px;display:inline-block;vertical-align:middle;margin:0 8px 4px 0;transform:rotate(180deg)}
.ContentWrap .BoxCont.on .itemA{max-height:255px}
.ContentWrap .BoxCont.on .itemB{max-height:455px}
.ContentWrap .BoxCont.on .itemC{max-height:115px}
.ContentWrap .BoxCont.on .itemD{max-height:300px}
.ContentWrap .BoxCont.on .itemMore::before{transform:rotate(0deg)}
.ContentWrap .Mtitle:has(.TabBtSlider)::before{content:"";display:block;width:800px;height:1px;background:var(--BorderC);position:absolute;bottom:4px;left:20px}
.ContentWrap .TabBtSlider{width:580px;height:40px;line-height:30px;overflow:hidden;margin:10px 10px 0 0;float:left}
.ContentWrap .TabBtSlider .swiper-slide{width:auto}
.ContentWrap .TabBtSlider span{margin:0 10px;font-size:16px;color:#868686;cursor:pointer;display:block;float:left;position:relative;max-width: 142px; text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.ContentWrap .TabBtSlider span:hover,.ContentWrap .TabBtSlider .on{color:var(--Text4)}
.ContentWrap .TabBtSlider .on::before{content:"";display:block;width:60%;height:5px;border-radius:4px;background:var(--Text4);position:absolute;bottom:-7px;left:20%}
.ContentWrap .BaseBox{border-radius:10px;background:rgba(255,255,255,.8);position:relative;overflow:hidden;}
.ContentWrap .BaseBox .BoxCont{margin:20px;border-radius:10px;background:var(--BoxBg1);clear:both}
.ContentWrap .BaseBox .BoxCont::after{content:"";display:block;clear:both}
.ContentWrap .BaseBox .BoxCont+.BoxCont{margin-top:20px}

.ContentWrap .ClassList .TabBtSlider{float:right;width:620px;margin-right:20px}
.ContentWrap .SpecialNote{padding:10px 20px;box-sizing:border-box;position:relative;font-size:16px;color:var(--Text1);line-height:28px;letter-spacing:1px}
.ContentWrap .SpecialNote strong{font-weight:bold;color:var(--Text4)}
.headBox{width:100%;border-radius:10px;background-image:linear-gradient(to right, #fff, rgba(255, 255, 255, 0.7));margin-bottom:20px}
.ArtDetailHead{overflow:hidden}
.ArtDetailHead .ArtTitle{font-size:24px;color:var(--Text3);line-height:36px;text-align:center;margin:20px}
.ArtDetailHead p{text-align:center;line-height:30px;margin:15px 20px;font-size:14px;color:var(--Text)}
.ArtDetailHead p i{color:var(--Text1)}
.ArtDetailHead p a{color:var(--Text4)}
.LongNav{padding:10px 0;position:relative}
.LongNav .tit{position:absolute;top:16px;left:32px;width:100px;height:18px;font-size:18px;font-weight:bold}
.LongNav .tit i{float:left;width:18px;height:21px;background:url(https://gl.ali213.net/images/gl_ist.png) -125px -50px}
.LongNav .tit span{float:left;margin-left:10px;font-weight:bold;color:var(--Text1)}
.LongNav .list{position:relative;width:100%;max-height:530px;box-sizing:border-box;height:60px;overflow:hidden;padding:0 30px 0 131px}
.LongNav .list li{text-indent:20px;text-align:left;float:left;width:33%;display:block;height:30px;line-height:30px;overflow:hidden;position:relative}
.LongNav .list li a{color:var(--Text)}
.LongNav .list li:before{content:"";position:absolute;top:12px;left:0;width:7px;height:7px;background:url(https://gl.ali213.net/images/gl_ist.png) -53px -57px}
.LongNav .list li.active{color:#353535;font-size:16px;font-weight:bold}
.LongNav .list li:hover a{color:#f60}
.LongNav .list li:hover:before,.LongNav .list li.active:before{background:url(https://gl.ali213.net/images/gl_ist.png) -24px -57px}
.LongNav .itemMore{padding:10px 0 0;display:none}
.LongNav .itemMore::before{transform:rotate(0)}
.LongNav.on .list{height:auto;overflow-y: auto;}
.LongNav.on .itemMore::before{transform:rotate(180deg)}
.ArtList{position:relative;height:40px;overflow:hidden;border-radius:20px !important}
.ArtList .swiper{margin:0 50px}
.ArtList .swiper-slide{float:left;width:auto}
.ArtList .swiper-slide a{padding:0 12px;font-size:14px;color:var(--Text1);font-weight:bold;display:inline-block;height:34px;line-height:34px;margin:3px;border-radius:20px;position:relative;font-weight:bold}
.ArtList .swiper-slide .on{background:#f4f4f4;color:var(--OrgColor)}
.ArtList .swiper-button-next,.ArtList .swiper-button-prev{width:34px;height:34px;margin:3px;background:#f0edec;border-radius:50%;top:0;right:0}
.ArtList .swiper-button-next::after,.ArtList .swiper-button-prev::after{font-size:20px;font-weight:bold;color:#ccc}
.ArtList .swiper-button-prev{left:0}
.ArtList .swiper-button-next{right:0}
.TContL{width:880px;margin-right:20px}
.TContL .Mtitle{width:100%;height:50px;line-height:40px;position:relative}
.TContL .Mtitle .tticon{width:30px;height:30px;border-radius:50%;object-fit:cover;display:block;float:left;margin:10px -5px 0 15px}
.TContL .Mtitle .more{line-height:30px;height:30px;color:var(--Text);font-family:monospace;margin:10px 20px 0 0}
.TContL .Mtitle .more:hover{color:var(--OrgColor)}
.TContL .Mtitle i{font-size:18px;color:var(--Text4)}
.TContL .Mtitle>span{width:auto;padding:0 5px;position:relative;display:block;float:left;text-align:center;height:30px;line-height:30px;margin:13px 20px 0 10px;position:relative;font-size:18px;color:var(--Text3);font-family:"douyu";cursor:pointer}
.TContL .Mtitle>span u{position:relative;z-index:2;font-style:normal}
.TContL .TopicSwiper{position:relative;margin:20px;height:300px;overflow:hidden}
.TContL .TopicSwiper .swiper-slide{width:100%;height:300px;border-radius:10px;overflow:hidden}
.TContL .TopicSwiper .swiper-slide a{display:block;height:300px}
.TContL .TopicSwiper .swiper-slide a img{width:100%;height:100%;object-fit:cover;border-radius:10px}
.TContL .TopicSwiper .swiper-pagination{bottom:15px !important}
.TContL .TopicSwiper .swiper-pagination span{background-color:#fff;opacity:1;width:40px;height:11px;border-radius:6px}
.TContL .TopicSwiper .swiper-pagination .swiper-pagination-bullet-active{background:var(--Text4)}
.TContL .ContBox1{margin:20px;overflow:hidden}
.TContL .ContBox1 .listbox{width:420px;height:300px;padding:20px;border-radius:10px;overflow:hidden;background:var(--BoxBg1);float:right}
.TContL .ContBox1 .listbox .list1{width:100%;height:90px;border-bottom:1px solid #e2e2e2;position:relative;overflow:hidden;margin:0 !important;padding-bottom:20px}
.TContL .ContBox1 .listbox .list1 a{width:140px;height:90px;display:block;margin-right:15px;position:relative;overflow:hidden;border-radius:10px}
.TContL .ContBox1 .listbox .list1 a img{width:100%;height:90px;border-radius:10px;object-fit:cover}
.TContL .ContBox1 .listbox .list1 a p{width:100%;padding:0 6px;box-sizing:border-box;height:25px;line-height:25px;font-size:12px;color:#c9c9c9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:absolute;z-index:2;bottom:0;left:0;background:rgba(0,0,0,.6)}
.TContL .ContBox1 .listbox .list1 a:hover p{color:#fff;font-weight:bold}
.TContL .ContBox1 .listbox .list1 .swiper-button-next,.TContL .ContBox1 .listbox .list1 .swiper-button-prev{bottom:45px;transform:scale(0.7)}
.TContL .ContBox1 .listbox .list2{width:100%;margin-top:5px}
.TContL .ContBox1 .listbox .list2 li{width:100%;height:25px;line-height:25px;overflow:hidden;float:left;margin-top:7px;font-size:14px}
.TContL .ContBox1 .listbox .list2 li span{width:56px;float:left;color:var(--Text1)}
.TContL .ContBox1 .listbox .list2 li span .col1{color:#3ac7f8}
.TContL .ContBox1 .listbox .list2 li span .col2{color:#ff6e2f}
.TContL .ContBox1 .listbox .list2 li a{display:block;float:left;width:310px;height:25px;line-height:25px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--Text1)}
.TContL .ContBox1 .listbox .list2 li u{float:right;font-size:13px;color:var(--Text2)}
.TContL .ContBox1 .listbox .list2 li:hover span,.TContL .ContBox1 .listbox .list2 li:hover a,.TContL .ContBox1 .listbox .list2 li:hover i{color:red}
.TContL .listE{width:100px;height:120px;background-color:#f1f1f1;border-radius:10px;display:block;margin:0 15px 15px 0;overflow:hidden}
.TContL .listE img{width:60px;height:60px;margin:15px auto 10px;object-fit:contain;display:block;border-radius:10px;}
.TContL .listE p{width:90%;margin:0 auto;height:25px;line-height:25px;font-size:14px;color:var(--Text3);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.TContL .listE:hover p{font-weight:bold;font-size:16px}
.TContL .listF{padding-bottom:10px;margin-bottom:10px;width:103%;overflow:hidden}
.TContL .listF a{display:block;float:left;width:163px;height:40px;border-radius:10px;border:1px solid var(--BorderC);margin:0 20px 20px 0;padding:0 10px;line-height:40px;font-size:16px;color:var(--Text);overflow:hidden;text-align:center}
.TContL .listF a:hover{background:var(--Text4);border-color:var(--Text4);color:#fff;font-weight:bold}
.TContL .listG{width:225px;height:120px;padding:20px;background:var(--BoxBg3);border-radius:10px;overflow:hidden;margin:0px 20px 20px 0;float:left}
.TContL .listG img{display:block;width:70px;height:70px;border-radius:16px;float:left;margin:0 15px 0 0}
.TContL .listG .info{display:block;float:left;width:140px;height:70px}
.TContL .listG .info .title{height:40px;line-height:20px;width:100%;font-size:16px;color:var(--Text3);margin-bottom:10px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.TContL .listG .info .title:hover{color:var(--OrgColor)}
.TContL .listG .info .desc{font-size:14px;color:var(--Text)}
.TContL .listG .info .desc i{display:inline-block;vertical-align:middle;transform:scale(0.8)}
.TContL .listG .btn{display:block;margin-top:20px;width:100%;float:left;height:30px;line-height:30px;border-radius:15px;background:linear-gradient(180deg, #f60 0%, #f60 0%, #f00 100%, #f00 100%);text-align:center;font-size:12px;color:#fff;cursor:pointer}
.TContL .plbox{padding:5px 20px}
.TContL .GameDownlDesc p{line-height:28px;font-size:16px;color:#797979;padding:10px 20px;text-indent:2em}
.TContL .GameDownlDesc span{font-size:14px;line-height:25px;margin:0 0 10px 20px;color:#999}
.TContL .GameDownlDesc .jbbtn{cursor:pointer;float:right;width:65px;height:20px;border-radius:11px;border:solid 1px var(--BorderC);line-height:20px;color:var(--Text1);margin:0 20px 10px 0;text-align:center;font-size:12px}
.TContL .GameDownlDesc .jbbtn i{background:url(../images/down_detail_jb.png) no-repeat;content:"";background-size:100%;width:16px;height:20px;display:inline-block;vertical-align:middle;margin-right:3px}
.TContL .GameDownlDesc .jbbtn span{font-size:12px;line-height:20px;color:var(--Text1);margin:0}
.TContL>.NewList li{margin:20px 0 0;}
.TContL .NewList li{background:var(--BoxBg1)}
.TContL .GiftList{margin-top:20px}
.TContL .GiftList li{background:var(--BoxBg1);margin:0 20px 20px}
.TContL .GiftList+#page{padding-top:5px}
.TContL .HotGift{margin-top:0}
.TContL .VersionList{overflow:hidden}
.TContL .VersionList a{display:flex;float:left;width:140px;height:40px;border-radius:20px;overflow:hidden;margin:0 5px 20px 20px;transition:all .2s linear;border:1px solid var(--BorderC);box-sizing:border-box}
.TContL .VersionList a i{height:18px;width:16px;display:block;float:left;background:url(../images/IconTopic.png) no-repeat;margin:9px 0 0 9px}
.TContL .VersionList a .ic3_az{background-position:-112px -10px}
.TContL .VersionList a .ic3_ios{background-position:-10px -110px}
.TContL .VersionList a p{flex:1;margin:0 10px;height:40px;line-height:40px;font-size:14px;color:var(--Text1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.TContL .VersionList a:hover{background:var(--OrgColor);border-color:var(--OrgColor)}
.TContL .VersionList a:hover .ic3_az{background-position:-112px -48px}
.TContL .VersionList a:hover .ic3_ios{background-position:-46px -110px}
.TContL .VersionList a:hover p span{color:#fff}
.TContL .GameList{margin-top:0}
.TContL .GameList li{width:100px;height:140px;margin:5px 20px}
.TContL .GameList li a img{width:100px;height:100px}
.TContL .GiftInfo{padding:10px 20px 20px;position:relative;overflow:hidden;font-size:16px;color:var(--Text3);line-height:30px}
.TContL .GiftInfo h2{overflow:hidden;height:40px;line-height:40px;background-image:linear-gradient(to right, #68a2f8, rgba(255, 255, 255, 0));font-size:16px;color:#fff;text-indent:1em;position:relative;margin:10px 0}
.TContL .GiftInfo h2::before{position:absolute;content:"";display:block;width:2px;height:100%;background:rgba(255,255,255,.5);left:2px;top:0}
.TContL .GiftInfo span,.TContL .GiftInfo p{line-height:30px;font-size:16px;color:var(--Text)}
.TContL .GiftInfo strong{font-weight:bold}
.TContL .GiftInfo img{display:block;margin:12px auto;max-width:100%}
.TContL .GiftHead{overflow:hidden;padding:20px;position:relative}
.TContL .GiftHead .GmImg{width:130px;height:130px;border-radius:20px;float:left;margin-right:20px}
.TContL .GiftHead .btns{position:absolute;right:20px;top:20px}
.TContL .GiftHead .btns .btn{display:block;float:left;margin-left:15px;cursor:pointer;width:80px;height:40px;background-color:#ffc001;border-radius:10px;font-size:18px;color:#fff;font-weight:bold;text-align:center;line-height:40px}
.TContL .GiftHead .btns .btn:hover{opacity:.8}
.TContL .GiftHead .btns .libaotaohao{background:#f86f6f}
.TContL .GiftHead .GiftHeadInfo{float:left;width:580px;height:130px}
.TContL .GiftHead .GiftHeadInfo .GmTitle{width:400px;height:35px;line-height:35px;font-size:20px;color:var(--Text1);font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:5px}
.TContL .GiftHead .GiftHeadInfo ul{width:650px;overflow:hidden}
.TContL .GiftHead .GiftHeadInfo ul li{height:30px;width:100%;line-height:30px;font-size:14px}
.TContL .GiftHead .GiftHeadInfo ul li .icbg2{margin-bottom:-3px}
.TContL .GiftHead .GiftHeadInfo ul li span{color:var(--Text)}
.TContL .GiftHead .GiftHeadInfo ul li u{color:var(--Text1)}
.TContL .GiftHead .GiftHeadInfo ul li em{display:inline-block;width:505px;height:10px;border-radius:5px;background:#ccc;overflow:hidden}
.TContL .GiftHead .GiftHeadInfo ul li em i{display:block;max-width:100%;height:10px;border-radius:5px;background:#ffc001}
.TContL .GiftHead .GiftHeadInfo ul li label{font-size:13px;color:var(--Text);margin-left:10px;float:right}
.BoxCont>.Mtitle ~ .contentbox{margin-top: 0;padding-top: 0;}
.TContL .contentbox{margin:10px 20px;overflow:hidden;padding:5px 0}
.TContL .contentbox table{margin:0;width: 100%;}
.TContL .contentbox h3{overflow:hidden;height:40px;line-height:40px;background-image:linear-gradient(to right, #68a2f8, rgba(255, 255, 255, 0));font-size:16px;color:#fff;text-indent:1em;position:relative;margin:10px 0}
.TContL .contentbox h3 strong{color:#fff}
.TContL .contentbox h3::before{position:absolute;content:"";display:block;width:2px;height:100%;background:rgba(255,255,255,.5);left:2px;top:0}
.TContL .contentbox>p{color:var(--Text1);line-height:32px;margin: 10px 0;word-break:break-all;word-wrap:break-word;text-align:left;font-size:16px;}
.TContL .contentbox img{vertical-align:bottom;cursor:pointer;max-width:584px;border-radius:10px;display:block;margin:auto}
.TContL .contentbox strong{font-weight:bold}
.TContL .DownlTips{padding:20px;overflow:hidden}
.TContL .DownlTips span{display:block;width:100%;font-size:18px;font-weight:bold;color:var(--Text);margin-bottom:10px}
.TContL .DownlTips span::before{display:inline-block;content:"";width:20px;height:20px;background:url(../images/ictips.png) no-repeat;background-size:100%;margin:0px 5px -3px 0}
.TContL .DownlTips p{font-size:16px;color:var(--Text1);line-height:30px;letter-spacing:1px}
.TContL .Broadcast{padding:10px 20px;overflow:hidden;box-sizing:border-box}
.TContL .Broadcast p{width:100%;overflow:hidden;margin:5px 0;float:left}
.TContL .Broadcast p span{display:block;float:left;width:40px;height:25px;margin:0px 10px 0px 0px;text-align:center;line-height:25px;font-size:14px;color:#fff;border-radius:6px;background:linear-gradient(180deg, rgb(255, 102, 0) 0%, rgb(255, 0, 0) 100%)}
.TContL .Broadcast p a{display:block;float:left;height:25px;line-height:25px;width:700px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--Text3);font-size:16px}
.TContL .Broadcast p a:hover{color:var(--OrgColor);font-weight:bold;font-size:16px}
.TContL .Broadcast p:nth-child(2) span{background:linear-gradient(180deg, rgb(255, 204, 0) 0%, rgb(255, 102, 51) 100%)}
.GameImgBox{position:relative;overflow:hidden;margin:0 20px 20px;height:360px}
.GameImgBox .PlayBtn{position:absolute;width:90px;height:90px;background:url(../images/icon_play.png) no-repeat;background-size:100%;right:50%;top:50%;margin:-45px -45px 0 0;z-index:2;cursor:pointer;transition:opacity .2s linear}
.GameImgBox .swiper-slide{width:auto;float:left;margin:0 20px 0 0}
.GameImgBox .swiper-slide img{height:360px;width:auto;border-radius:10px}
.GameImgBox .swiper-slide a{display:block}
.GameImgBox .swiper-button-prev,.GameImgBox .swiper-button-next{width:40px;height:85px;right:50%;top:50%;margin-top:-42.5px;background:rgba(255,255,255,.7)}
.GameImgBox .swiper-button-prev::after,.GameImgBox .swiper-button-next::after{color:#37b2ff;font-size:34px;font-weight:bold}
.GameImgBox .swiper-button-prev{left:0;border-radius:0 20px 20px 0}
.GameImgBox .swiper-button-next{right:0;border-radius:20px 0 0 20px}
.DownlDetailHead{overflow:hidden;padding:20px;box-sizing:border-box;position:relative}
.DownlDetailHead .info{width:745px;height:200px;float:left}
.DownlDetailHead .info .GmImg{width:170px;height:170px;position:relative;overflow:hidden;margin-right:20px;float:left}
.DownlDetailHead .info .GmImg>img{width:100%;height:100%;border-radius:18px;position:relative;z-index:1}
.DownlDetailHead .info .GmImg .scan_ewmBox{width:100%;height:100%;position:absolute;z-index:2;left:0;top:0;text-align:center;background:url(../images/code_box.png) no-repeat;background-size:100%;display:none}
.DownlDetailHead .info .GmImg .scan_ewmBox .QRCodeBox{width:100%;height:100%}
.DownlDetailHead .info .GmImg .scan_ewmBox .QRCodeBox img{width:133px;height:132px;margin:4px;display:block;padding:15px;background:#fff}
.DownlDetailHead .info .GmImg .scan_ewmBox .scan_line{position:absolute;left:-2px;top:0;display:block;width:174px;overflow:hidden;height:10px;background-image:url(../images/code_box_scanning.png);background-size:100%;animation:scan 4s ease-in-out infinite}
.DownlDetailHead .info:hover .GmImg .scan_ewmBox{display:block}
.DownlDetailHead .info .GmTitle{float:left;height:35px;line-height:35px;overflow:hidden}
.DownlDetailHead .info .GmTitle h1{font-size:22px;color:#e46ee5;font-weight:bold;max-width:360px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;float:left}
.DownlDetailHead .info .GmTitle p{font-size:14px;color:var(--Text4);margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:30px;line-height:30px;float:left;max-width:225px;margin-left:15px}
.DownlDetailHead .info .GmTitle span{float:left;font-size:12px;color:var(--Text4);line-height:20px;height:20px;border-radius:6px;background:var(--Text4);padding:0 4px;border-radius:3px;color:#fff;margin:9px 0 0 15px}
.DownlDetailHead .info .GmLabel{width:550px;float:left;overflow:hidden;margin-top:5px;height: 125px;}
.DownlDetailHead .info .GmLabel span{display:block;float:left;width:160px;font-size:16px;color:var(--Text);line-height:20px;height:20px;margin-top:12px;margin-right:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.DownlDetailHead .info .GmLabel span i{color:var(--Text1);font-size:16px}
.DownlDetailHead .info .GmLabel p span{width:319px}

.DownlDetailHead .info .GmLabel .tag{
    display: inline-block;
    padding: 5px 15px;
    background: linear-gradient(135deg, #e0b0ff, #9c27b0); /* 背景：紫渐变色 */
    color: white; /* 文字色：白色，在渐变背景上清晰可见 */
    text-decoration: none;
    border-radius: 20px; /* 圆角稍大，造型更柔和 */
    font-size: 14px;
    font-weight: 600; /* 字重稍粗，更醒目 */
    transition: all 0.4s ease;
    box-shadow: 0 4px 8px rgba(156, 39, 176, 0.3); /* 阴影颜色与主题色呼应 */
    width: 50px;
    text-align: center;
    margin-right: 15px;
}
.DownlDetailHead .info .GmLabel .tag a{
    color:#ffffff;
}
.DownlDetailHead .info .GmLabel div {line-height: 26px; font-size: 16px;text-indent: 34px;display: inline-block;margin-top: 13px;}


.DownlDetailHead .gamedown{width:745px;height:80px;float:left;font-size: 18px;color: #424243; text-indent: 38px;}



.DownlDetailHead .score{width:410px;height:300px;position:absolute;right:20px;top:10px;
    border-radius: 10px;
    overflow: hidden;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background: white;
}


.DownlDetailHead .score .tab-input {
    display: none;
}

.DownlDetailHead .score .tab-nav {
    display: flex;
    height: 50px;
    background: linear-gradient(135deg, #8A2BE2 0%, #4B0082 100%);
    position: relative;
}

.DownlDetailHead .score .tab-label {
    flex: 1;
    text-align: center;
    line-height: 50px;
    color: white;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    z-index: 2;
    opacity: 0.8;
}

.DownlDetailHead .score .label-girl{
    background-color: #dc3e00;
}
.DownlDetailHead .score .label-boy{
    background-color: #2c7df6;
}

.DownlDetailHead .score #girl-tab:checked ~ .tab-nav .label-girl,
.DownlDetailHead .score #boy-tab:checked ~ .tab-nav .label-boy {
    opacity: 1;
    text-shadow: 0 0 5px rgba(255, 255, 255, 0.5);
}

.DownlDetailHead .score #girl-tab:hover ~ .tab-nav .label-girl,
.DownlDetailHead .score #boy-tab:hover ~ .tab-nav .label-boy {
    opacity: 1;
    text-shadow: 0 0 5px rgba(255, 255, 255, 0.5);
}

.DownlDetailHead .score .tab-slider {
    position: absolute;
    bottom: 0;
    height: 3px;
    width: 50%;
    background: #FFD700;
    transition: all 0.4s cubic-bezier(0.65, 0, 0.35, 1);
    z-index: 3;
}

.DownlDetailHead .score #girl-tab:checked ~ .tab-nav .tab-slider {
    left: 0;
}

.DownlDetailHead .score #boy-tab:checked ~ .tab-nav .tab-slider {
    left: 50%;
}

.DownlDetailHead .score #girl-tab:hover ~ .tab-nav .tab-slider {
    left: 0;
}

.DownlDetailHead .score #boy-tab:hover ~ .tab-nav .tab-slider {
    left: 50%;
}

.DownlDetailHead .score .tab-content {
    position: absolute;
    top: 50px;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 10px 20px;
    box-sizing: border-box;
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    pointer-events: none;
}

.DownlDetailHead .score #girl-tab:checked ~ .girl-content,
.DownlDetailHead .score #boy-tab:checked ~ .boy-content {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

.DownlDetailHead .score #girl-tab:hover ~ .girl-content,
.DownlDetailHead .score #boy-tab:hover ~ .boy-content {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

.DownlDetailHead .score .girl-content {
    background: linear-gradient(135deg, #FF9AA2 0%, #FFB7B2 50%, #FFDAC1 100%);
    color: #7E3B76;
}

.DownlDetailHead .score .boy-content {
    background: linear-gradient(135deg, #89CFF0 0%, #A0D2F3 50%, #B5EAD7 100%);
    color: #1E4B7A;
}

.DownlDetailHead .score .attribute-item {
    margin-bottom: 6px;
    padding-bottom: 6px;
    border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
    display: flex;
}

.DownlDetailHead .score .attribute-title {
    font-weight: bold;
    width: 60px;
    flex-shrink: 0;
}

.DownlDetailHead .score .attribute-desc {
    flex: 1;
}

.DownlDetailHead .score .intro {
    margin-top: 10px;
    line-height: 1.5;
    max-height: 123px;
    padding: 5px;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 6px;
    font-size: 14px;
}

.DownlDetailHead .score .intro::-webkit-scrollbar {
    width: 4px;
}

.DownlDetailHead .score .intro::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.2);
    border-radius: 2px;
}

.DownlDetailHead .score .tab-label:hover {
    background: rgba(255, 255, 255, 0.15);
}










.DownlDetailHead .BtnBox{width:70px;height:170px;position:absolute;right:255px;top:20px;z-index:2}
.DownlDetailHead .BtnBox .scaoobtn{border-radius:15px;background-color:#2f81f9;color:#fff;width:95px;height:25px;line-height:25px;text-align:center;font-size:14px;display:block;margin-bottom:40px}
.DownlDetailHead .BtnBox .scaoobtn::before{background:url(../images/downupload.png) no-repeat;height:21px;width:16px;background-size:100%;display:inline-block;content:"";vertical-align:middle}
.DownlDetailHead .BtnBox .scaoobtn:hover{background-color:#0018ff}
.DownlDetailHead .BtnBox>div{cursor:pointer;float:right;width:65px;height:20px;border-radius:11px;border:solid 1px #dadada;line-height:20px;color:#b1b1b1;margin-top:12px;text-align:center;font-size:12px}
.DownlDetailHead .BtnBox .jbbtn{border:solid 1px red;}
.DownlDetailHead .BtnBox>div span,.DownlDetailHead .BtnBox>div a{font-size:12px;color:#b1b1b1}
.DownlDetailHead .BtnBox .jbbtn span{color:red;}
.DownlDetailHead .BtnBox>div i{background:url(../images/down_detail_jb.png) no-repeat;content:"";background-size:100%;width:16px;height:20px;display:inline-block;vertical-align:middle;margin-right:3px}
@keyframes scan{0%{top:4%;opacity:.8}
50%{top:94%;opacity:.9}
100%{top:4%;opacity:.8}
}
.TContR{width:300px}
.TContR .Mtitle{height:30px;line-height:40px;margin:15px 20px 10px}
.TContR .Mtitle i{font-size:16px;color:var(--Text4)}
.TContR .Mtitle>span{width:auto;padding:0 5px;position:relative;display:block;float:left;text-align:center;height:26px;line-height:30px;margin:0;position:relative;font-size:16px;color:var(--Text3);font-family:"douyu";cursor:pointer}
.TContR .Mtitle>span u{position:relative;z-index:2}
.TContR .Mtitle>span::before{width:100%;height:15px;background:#fc3;position:absolute;bottom:0;left:0;content:"";display:block}
.TContR .more{line-height:30px;height:30px;color:var(--Text);font-family:monospace}
.TContR .more:hover{color:var(--OrgColor)}
.TContR .HotRank{margin-bottom:20px;background:rgba(255,255,255,.8);height:540px}
.TContR .HotRank .TabStyle2{height:36px}
.TContR .HotRank .TabStyle2 p{margin:0 0 0 20px}
.TContR .HotRank .syicon{margin-top:10px}
.TContR .HotTags{overflow:hidden}
.TContR .HotTags a{display:flex;float:left;width:120px;height:40px;border-radius:10px;overflow:hidden;margin:0 10px 15px 10px;transition:all .2s linear;background:var(--BoxBg1);box-sizing:border-box}
.TContR .HotTags a img{height:24px;width:24px;display:block;float:left;margin:7px 0 8px 8px;object-fit:cover}
.TContR .HotTags a p{flex:1;float:left;width:60px;height:40px;line-height:40px;font-size:12px;color:var(--Text3);margin:0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.TContR .HotTags a:hover{background:var(--OrgColor)}
.TContR .HotTags a:hover p{color:#fff}
.TContR .BaseBox{margin-bottom:20px}
.TContR>div:last-child{margin-bottom:0}
.TContR .xxzllist{margin:10px 20px;overflow:hidden}
.TContR .xxzllist .item{width:100%;overflow:hidden;height:40px;line-height:40px}
.TContR .xxzllist .item span{float:left;color:var(--Text1);font-size:15px}
.TContR .xxzllist .item em,.TContR .xxzllist .item a{float:right;font-size:14px;color:var(--Text)}
.TContR .xxzllist .item em.canclick,.TContR .xxzllist .item a.canclick{cursor:pointer;color:#5b88ff}
.TContR .GameList li{width:75px;height:105px;border-radius:10px;float:left;margin:0px 0 10px 19px}
.TContR .GameList li a img{width:75px;height:75px}
.TContR .GameList li a span{font-size:14px;height:20px;line-height:20px}
.TContR .EvalList{margin-bottom:20px}
.TopicNav+.TContR{margin-right:20px}
.TContR+.TContL{margin-right:0}
.HotStrategy{overflow:hidden;margin:5px 20px}
.HotStrategy li{width:100%;height:30px;margin-bottom:15px}
.HotStrategy li em{display:block;float:left;width:26px;height:26px;border-radius:50%;text-align:center;line-height:26px;border:solid 1px var(--BorderC);color:var(--Text2);font-size:14px;margin:1px 20px 1px 0}
.HotStrategy li a{max-width:700px;float:left;height:30px;line-height:30px;color:var(--Text);font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.HotStrategy li .icStar{width:20px;height:20px;background:url(../images/IconTopic.png) no-repeat -10px -70px;display:block;float:right;margin:5px}
.HotStrategy li:hover a{color:var(--OrgColor)}
.HotStrategy li:nth-child(1) em{background:#ff461c;border-color:#ff461c;color:#fff}
.HotStrategy li:nth-child(2) em{background:#ffa633;border-color:#ffa633;color:#fff}
.HotStrategy li:nth-child(3) em{background:#5b88ff;border-color:#5b88ff;color:#fff}
.NewStrategy{margin:0 20px;overflow:hidden}
.NewStrategy li{width:100%;position:relative;overflow:hidden;height:34px;line-height:34px}
.NewStrategy li::before{content:"";display:block;position:absolute;top:13px;left:0;width:6px;height:6px;background-color:var(--Text2);border-radius:50%}
.NewStrategy li a{float:left;margin-left:20px;max-width:670px;color:var(--Text);font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.NewStrategy li:hover::before{background-color:var(--OrgColor)}
.NewStrategy li:hover a{color:var(--OrgColor)}
.NewStrategy li span{float:right;color:var(--Text2);font-size:14px}
.LeftTags{margin:10px 20px 20px;overflow:hidden}
.LeftTags a{display:block;width:100%;height:40px;border-radius:10px;text-align:center;line-height:40px;font-size:16px;color:var(--Text);margin-top:10px;background:var(--BoxBg1);cursor:pointer}
.LeftTags a:hover{background:var(--Text4);color:#fff}
.LeftTags .on{background:var(--Text4);color:#fff;font-size:18px;font-weight:bold}
.GmQrCode{margin:20px;overflow:hidden;border-radius:10px;background:var(--BoxBg1)}
.GmQrCode .QRCodeBox{height:200px;width:200px;margin:0 auto}
.GmQrCode .QRCodeBox img{width:100%;height:100%;display:block;margin:20px auto;padding:4px;box-sizing:border-box;background:#fff}
.GmQrCode span{display:block;width:100%;height:30px;line-height:30px;text-align:center;font-size:14px;margin:10px 0;font-weight:bold;color:var(--Text)}
.GameEvent{margin:0 20px 20px;overflow:hidden}
.GameEvent .calendar-header{display:flex;align-items:center;justify-content:space-between;padding:10px 0}
.GameEvent .calendar-header div{color:var(--Text1)}
.GameEvent .calendar-header .prev,.GameEvent .calendar-header .next{cursor:pointer;font-family:monospace;user-select:none}
.GameEvent .calendar-header .gray{opacity:.4}
.GameEvent .calendar-header a{color:#666;text-decoration:none}
.GameEvent .calendar-body{background:var(--BoxBg1);border-radius:5px;padding:5px}
.GameEvent .current{font-size:16px;font-weight:bold}
.GameEvent .weekdays{display:grid;grid-template-columns:repeat(7, 1fr);text-align:center;margin:10px 0}
.GameEvent .weekdays span{color:var(--Text1)}
.GameEvent .days{display:grid;grid-template-columns:repeat(7, 1fr);gap:5px}
.GameEvent .days span{display:flex;align-items:center;justify-content:center;height:30px;cursor:pointer;border-radius:4px;color:var(--Text3);background:#ccc}
.GameEvent .days .hasEvent{color:#ff9178}
.GameEvent .days span:hover,.GameEvent .days span.on{background:red;color:#fff}
.GameEvent .days span.gray{color:#999;background:#eee}
.EventList .item{display:none}
.EventList .item{margin:0 20px 20px}
.EventList .item .item-title{text-align:center;font-size:16px;color:var(--Text1);line-height:30px;height:35px;border-bottom:1px solid var(--Text2)}
.EventList .item .list{display:block;width:100%;background:var(--BoxBg1);margin-top:15px;border-radius:6px;box-sizing:border-box;padding:10px;overflow:hidden}
.EventList .item .list img{width:60px;height:60px;border-radius:10px;float:left;margin-right:15px}
.EventList .item .list strong,.EventList .item .list span{display:block;float:left;width:155px;height:30px;line-height:30px;font-size:16px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.EventList .item .list strong{color:var(--Text3)}
.EventList .item .list span{color:var(--OrgColor)}
.EventList .item .list p{line-height:25px;height:50px;color:var(--Text);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:16px;}
.EventList .item .list:hover p{color:var(--OrgColor)}
.GameInfo{margin:20px;overflow:hidden}
.GameInfo .GmImg{width:100px;height:100px;border-radius:16px;display:block;float:left;margin-right:20px}
.GameInfo .info{width:140px;float:left;height:100px}
.GameInfo .info strong{display:block;width:100%;height:30px;line-height:30px;font-size:20px;font-weight:bold;color:var(--Text3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:15px}
.GameInfo .info p{width:100%;height:25px;line-height:25px;font-size:14px;color:var(--Text);margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.GameInfo .info p i{color:var(--Text1)}
.GameInfo .btns{overflow:hidden;width:100%;margin-top:10px;float:left}
.GameInfo .btns .btn{width:100%;height:40px;background:#ccc;border-radius:10px;text-align:center;line-height:40px;margin-top:10px;display:block;font-size:18px;color:#fff;position:relative}
.GameInfo .btns .btn:hover{opacity:.88}
.GameInfo .btns .btn .txt{color:#fff;font-size:10px;position:absolute;right:5px;bottom:2px;height:14px;line-height:14px}
.GameInfo .btns .btn i{vertical-align:middle;margin:0 5px 2px 0}
.GameInfo .btns .yuyue,
.GameInfo .btns .az{background:#5b88ff}
.GameInfo .btns .ios{background:#43cd53}
.GameInfo .btns .pc{background:#e45050}
.GameInfo .btns .yun{background:#ffa600}
.GameInfo .btns .wp{background:#3ec6ff}
.GameInfo .btns .wp .w_wp{width: 21px; height: 22px;display: inline-block; background: url(../images/ic_wp.png) no-repeat;background-size: 100%;}
.GameInfo .Gmdesc{margin-top:10px;overflow:hidden;width:100%;float:left;line-height:25px;font-size:14px;color:var(--Text)}
.AboutList{margin-bottom:20px;overflow:hidden}
.AboutList li{width:45%;margin:0 20px;height:45px;line-height:45px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;float:left}
.AboutList a{font-size: 16px;}

.AboutList li::before{display:inline-block;content:"";width:8px;height:8px;background:#d3d3d3;border-radius:50%;margin:0 5px 1px 0}
.AboutList li:hover a{color:var(--OrgColor)}
.AboutList li:hover::before{background:var(--OrgColor)}
.pfshow{width:360px;height:340px;border-radius:10px;overflow:hidden;background:var(--BoxBg1);float:left}
.pfshow .pftop{width:100%;overflow:hidden}
.pfshow .pftop .pfl{float:left;overflow:hidden;border-radius:50%;background:#37b2ff;margin:20px 20px 0 20px;width:130px;height:130px;position:relative}
.pfshow .pftop .pfl .scbg{width:100%;height:100%;position:absolute;z-index:0;top:0;left:0;object-fit:cover}
.pfshow .pftop .pfl::after{content:"";display:block;width:100%;height:100%;position:absolute;z-index:1;top:0;left:0;background:rgba(0,0,0,.4)}
.pfshow .pftop .pfl .pfltop{text-align:center;overflow:hidden;height:60px;margin-top:20px;color:#fff;font-weight:bold;position:relative;z-index:2}
.pfshow .pftop .pfl .pfltop span{line-height:60px;font-size:46px;color:#fff}
.pfshow .pftop .pfl .pfltop i{line-height:70px;font-size:30px;vertical-align:top;font-weight:bold;color:#fff}
.pfshow .pftop .pfl em{display:block;width:100%;text-align:center;height:30px;line-height:30px;color:#fff;font-size:14px;position:relative;z-index:2}
.pfshow .pftop .pfr{float:left;width:180px;overflow:hidden;padding-top:20px}
.pfshow .pftop .pfr .item{width:100%;overflow:hidden;height:26px}
.pfshow .pftop .pfr .item span{float:left;font-size:12px;line-height:26px;width:35px;color:#797979}
.pfshow .pftop .pfr .item .m{float:left;width:100px;overflow:hidden;border-radius:5px;background:#ccc;position:relative;height:10px;margin-top:9px;margin-right:10px}
.pfshow .pftop .pfr .item .m p{position:absolute;top:0;left:0;height:100%;border-radius:4px;transition:all .2s ease}
.pfshow .pftop .pfr .item .m.col1 p{background:#f86f6f}
.pfshow .pftop .pfr .item .m.col2 p{background:#ff8c37}
.pfshow .pftop .pfr .item .m.col3 p{background:#37b2ff}
.pfshow .pftop .pfr .item .m.col4 p{background:#2aae68}
.pfshow .pftop .pfr .item .m.col5 p{background:#ffc001}
.pfshow .pftop .pfr .item em{float:left;font-size:12px;color:#797979;line-height:26px}
.pfshow .wypf{margin:auto;width:200px;height:30px;background-color:#ffaa26;border-radius:15px;text-align:center;line-height:30px;color:#fff;font-size:16px;cursor:pointer;margin-top:20px}
.pfshow .wypf:hover{opacity:.88}
.pfshow .GmTags{margin:18px 20px 0;overflow:hidden;height:110px}
.pfshow .GmTags span,.pfshow .GmTags a{display:block;float:left}
.pfshow .GmTags span{font-size:18px;line-height:24px;color:var(--Text1);margin:4px 5px 0 0}
.pfshow .GmTags a{max-width:75px;height:22px;line-height:22px;padding:0 12px;border-radius:15px;font-size:13px;border:1px solid var(--Text2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#797979;margin:3px 5px 10px 0}
.pfshow .GmTags a:hover{background:var(--OrgColor);border-color:var(--OrgColor);color:#fff}
.blacks{background:rgba(0,0,0,.7);position:fixed;top:0;left:0;width:100%;height:100%;top:0;left:0;z-index:11;display:none}
.ali-down-ysxy{position:fixed;left:0;right:0;bottom:0;top:0;margin:auto;z-index:102;width:800px;height:408px;background-color:#fff;box-shadow:0 7px 27px 0 #bfbfbf;border-radius:6px;padding:30px 10px;border:solid 1px #f0f0f0;display:none}
.ali-down-ysxy em{position:absolute;top:36px;right:11px;display:inline-block;height:15px;width:15px;cursor:pointer;background:url(https://comment.ali213.net/images/jbclose.png) no-repeat;display:block}
.ali-down-ysxy .ali-down-ysxy-body{width:100%;height:100%;overflow-y:auto}
.ali-down-ysxy span{line-height:24px;font-size:16px;font-weight:bold;text-align:center;display:block}
.ali-down-ysxy p{line-height:24px;font-size:14px;text-align:left;margin:10px 0}
.odaybox .odaytit{width:100%;height:60px;box-shadow:0px 8px 8px 0px rgba(215,215,215,.4)}
.odaybox .odaytit span{height:100%;line-height:60px;float:left;padding:0 20px;color:#666;font-size:24px;font-weight:bold;position:relative}
.odaybox .odaytit span::after{content:"";display:block;width:42px;height:6px;background-color:#5b88ff;border-radius:3px;position:absolute;bottom:-3px;left:50%;margin-left:-21px}
.odaybox .odaytit>a{height:60px;float:right;line-height:60px;margin-right:20px;color:#ccc;font-size:16px;font-weight:bold;cursor:pointer}
.odaybox .odaytit>a:hover{color:#f95d4d}
.pfsheild{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);z-index:108009;display:none}
.pfsheild .pfContent{width:740px;height:445px;position:absolute;left:0;top:0;margin:auto;bottom:0;right:0;z-index:108010;background-color:#fff;border-radius:10px;overflow:hidden}
.pfsheild .wdpfbox{margin-top:35px;padding:0 35px}
.pfsheild .wdpfbox .loadpf{overflow:hidden}
.pfsheild .wdpfbox .opinion{width:634px;height:139px;background-color:#eee;border-radius:10px;padding:18px;margin-top:25px;outline:0;border:0}
.pfsheild .wdpfbox .btnBox{width:333px;height:45px;margin:21px auto 0 auto}
.pfsheild .wdpfbox .btnBox .btn:hover{opacity:.88}
.pfsheild .wdpfbox .btnBox .close{width:155px;height:45px;background-color:#fff;border-radius:4px;border:solid 1px #ccc;text-align:center;line-height:45px;color:#000;float:left;cursor:pointer}
.pfsheild .wdpfbox .btnBox .truepot{width:155px;height:45px;background-color:#5b88ff;border-radius:4px;text-align:center;line-height:45px;border:solid 1px #5b88ff;color:#fff;margin-left:19px;float:left;cursor:pointer}
.pfsheild .loadpf .pf_num{float:left;vertical-align:middle;height:30px;display:inline-block;width:190px;background:url(../images/pfcolor1.png) no-repeat;position:relative;cursor:pointer;margin-top:15px;margin-left:10px}
.pfsheild .loadpf .pf_num em{width:190px;height:30px;display:inline-block;position:absolute;background:url(../images/pfcolor2.png) no-repeat}
.pfsheild .loadpf .pf_num .pf_contain{width:100%;height:30px;position:absolute;top:0;left:0;z-index:10}
.pfsheild .loadpf .pf_num .showmessage{width:auto;height:20px;opacity:0;filter:alpha(opacity=0);border:1px solid #ffd57f;background-color:#fffbe4;position:absolute;left:0;top:-25px;padding-left:5px;padding-right:5px;line-height:20px;color:#bb6010}
.pfsheild .loadpf .pf_num .pf_con{width:30px;float:left;height:30px;margin-right:10px}
.pfsheild .loadpf .pfinfo{font-size:12px;margin-left:25px;float:left;line-height:60px}
.pfsheild .loadpf .myicon{width:60px;height:60px;float:left}
.pfsheild .loadpf .myicon img{width:100%;border-radius:50%}
.lb-toapp{width:100%;height:100%;position:fixed;top:0;left:0;z-index:100;display:none;background:rgba(0,0,0,.6)}
.lb-toapp-main{width:380px;height:398px;left:0;right:0;top:0;bottom:0;margin:auto;background:#fff;position:absolute;text-align:center;border-radius:16px;font-weight:bold}
.lb-toapp-main-1{font-size:20px;width:222px;height:54px;margin:36px 78px 0 80px;line-height:28px}
.lb-toapp-main-1 span{color:#ff4e00}
.lb-toapp-main-2{width:156px;height:156px;margin:16px 111px 0 113px}
.lb-toapp-main-2 img{width:156px;height:156px}
.lb-toapp-main-3{font-size:14px;color:#979797;margin-top:8px;line-height:24px;font-weight:normal}
.lb-toapp-main-4{width:240px;height:48px;border-radius:24px;background-color:#0060ff;line-height:48px;margin:25px 70px 0 70px}
.lb-toapp-main-4 a{font-size:16px;color:#fff;text-decoration:none;font-weight:normal;display:inherit}
.close-toapp{position:absolute;left:0;right:-362px;top:-455px;bottom:0;margin:auto;color:#fff !important;font-size:30px !important;width:25px;height:25px;text-align:center;font-weight:bold;cursor:pointer}
.down_detail_showdow_con{width:450px;height:190px;margin:2px auto 0 auto;border:3px solid #f68330;background-color:#fff}
.down_detail_showdow_con_title{width:100%;height:26px;line-height:26px;overflow:hidden;background-color:#c7c4bb}
.down_detail_showdow_con_title em{width:30px;height:22px;float:left;margin-top:2px;margin-left:5px;display:inline;background:url(../images/downcuo_03.png) no-repeat}
.down_detail_showdow_con_title span{height:26px;line-height:26px;float:left;margin-left:6px;color:#fff}
.down_detail_showdow_con_title label{float:right;width:18px;height:22px;margin-top:2px;margin-right:5px;background:url(../images/downcuo_05.jpg) no-repeat;cursor:pointer}
.down_detail_show,.down_detail_buy{width:460px;height:200px;position:fixed;top:50%;left:50%;background-color:#878078;margin-left:-168px;margin-top:-87px;overflow:hidden;display:none;z-index:100}
.down_detail_buy_con,.down_detail_buy_con1{width:100%;height:auto;text-align:left}
.down_detail_showdow_con_title .buy_yun{background:url(../images/downcuo_03.png) no-repeat}
.down_detail_buy_con_code{width:420px;height:26px;overflow:hidden;margin:50px auto 0 auto;text-align:left;font-size:14px}
.inputcode{width:90px;height:26px;line-height:26px;font-size:14px;float:left}
.kcode{width:160px;float:left;margin-left:5px;height:24px;border:1px solid #f60;background-color:#fff;outline:none;text-indent:5px;line-height:24px}
#kcode_btn{float:left;width:60px;margin-left:5px;height:26px;font-size:14px;text-align:center;line-height:24px;background-color:#f60;color:#fff;border-radius:5px}
#codeimg{float:left;margin-left:5px;cursor:pointer}
#kcode_btn:hover{background-color:#fcbd01}
.down_detail_buy_con_codemessage{width:100%;height:24px;margin-top:24px;color:red !important;text-align:center;font-size:14px !important}
.linqucode{width:auto;height:26px;line-height:26px;font-size:14px;float:left;padding-left:5px;padding-right:5px}
#tmore{width:80px;height:24px;font-size:14px;text-align:center;line-height:24px;background-color:#f60;color:#fff;border-radius:5px;margin:0 auto;display:block}
#tmore:hover{background-color:#fcbd01}
.glzj_gamecard{width:745px;border-radius:10px;height:89px;padding:20px;margin:auto;background:#f2f2f2}
.glzj_gamecard .glzj_gamecard_logo{float:left;width:90px;height:90px}
.glzj_gamecard .glzj_gamecard_logo img{border-radius:15px}
.glzj_gamecard .glzj_gamecard_main{float:left;margin:0 15px;width:510px}
.glzj_gamecard .glzj_gamecard_main strong{font-size:20px;color:var(--Text1);display:block;overflow:hidden;height:25px;line-height:25px}
.glzj_gamecard .glzj_gamecard_main_info{font-size:14px;margin-top:14px}
.glzj_gamecard .glzj_gamecard_main_short{color:#666;font-size:14px;margin-top:5px}
.glzj_gamecard p{font-size:14px;padding:0;line-height:25px}
.glzj_gamecard .glzj_gamecard_down{float:left;margin-top:25px;background:#5b88ff;width:110px;height:42px;border-radius:20px;text-align:center;line-height:42px}
.glzj_gamecard .glzj_gamecard_down a{text-decoration:none;color:#fff;font-weight:bold;font-size:18px;text-align:center}
.glzj_gamecard .glzj_gamecard_down a:visited{color:#fff}
.zoom-mask{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);z-index:500}
.zoom-menu{overflow:visible;position:fixed;z-index:501;cursor:move;left:50%;top:50%;transform:translate(-50%, -50%)}
.zoominner{padding:5px 10px 5px;background:#fafafa;text-align:left;font-size:12px;user-select:none}
.zoominner img{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none}
.zoominner .zoom-loading{position:absolute;z-index:600;text-align:center}
.zoominner .y{float:right}
.zoominner .y a{margin-left:10px;color:#333;text-decoration:none}
.zoominner p{padding:2px 0;overflow:hidden}
.zoominner .y{float:right}
.zoominner p a{float:left;margin-left:10px;width:17px;height:17px;background:url(../images/imgzoom_tb.gif) no-repeat 0 0;line-height:100px;overflow:hidden}
.zoominner p a:hover{background-position:0 -39px}
.zoominner p a.imgadjust{background-position:-40px 0}
.zoominner p a.imgadjust:hover{background-position:-40px -39px}
.zoominner p a.imgclose{background-position:-80px 0}
.zoominner p a.imgclose:hover{background-position:-80px -39px}
.moreinfo{width:800px;height:40px;background-color:var(--BoxBg3);border-radius:6px;margin:auto;overflow:hidden;position:relative;box-sizing:border-box;padding-left:43px}
.moreinfo::before{content:"";display:block;width:22px;height:22px;position:absolute;left:14px;top:9px;background:url(https://m.ali213.net/img/gl_ist.png) -123px -232px}
.moreinfo .moreinfol{float:left;position:relative;height:40px;line-height:40px;margin-right:10px}
.moreinfo .moreinfol span{color:var(--Text1);font-size:16px;font-weight:bold}
.moreinfo .moreinfor{float:left;height:40px;line-height:40px}
.moreinfo .moreinfor a{color:#ff8a00;font-size:16px;display:inline-block;margin-right:10px}
.BoxCont .glzj{display:block;width:100%;overflow:hidden;text-align:center}
.BoxCont .glzj a{display:inline-block;margin:auto;height:42px;margin-top:20px;border-radius:21px;color:#ff5d25;font-size:16px;border:solid 1px var(--BorderC);text-align:center;line-height:42px;position:relative;padding:0 30px}
.BoxCont .glzj a:hover{border:solid 1px #ff5d25}
.BoxCont .glzj a:before{content:"";margin-right:8px;display:inline-block;width:16px;top:2px;position:relative;margin-right:8px;height:16px;background:url(https://gl.ali213.net/images/gl_ist.png) -256px -142px}
.fengxiang{width:800px;height:65px;border:1px solid var(--BorderC);box-sizing:border-box;border-radius:12px;margin:20px auto;position:relative}
.fengxiang .fxz{width:50px;height:100%;line-height:65px;float:left;margin:0 20px;color:var(--Text)}
.fengxiang .bdsharebuttonbox{height:100%}
.fengxiang .bdsharebuttonbox a{width:40px;height:40px;margin-top:12px}
.fengxiang .bdsharebuttonbox .bds_weixin{background:url("https://gl.ali213.net/images/gl_ist.png") -428px -126px}
.fengxiang .bdsharebuttonbox .bds_tsina{background:url("https://gl.ali213.net/images/gl_ist.png") -476px -126px}
.fengxiang .bdsharebuttonbox .popup_sqq{background:url("https://gl.ali213.net/images/gl_ist.png") -380px -126px}
.fengxiang .bdsharebuttonbox .bds_qzone{background:url("https://gl.ali213.net/images/gl_ist.png") -524px -126px}
.fengxiang .weixincode{height:100%;float:left;line-height:65px;margin-left:100px;text-indent:45px;position:relative;color:var(--Text)}
.fengxiang .weixincode:before{content:"";display:block;position:absolute;top:5px;left:0;background:url("https://gl.ali213.net/images/gl_ist.png") -628px -119px;height:45px;width:45px}
.fengxiang .weixincodeconb{top:-211px;left:-14px;display:none;width:190px;height:200px;position:absolute;background:#e1e2e6;border-radius:8px;padding-top:9px;text-align:center;line-height:20px;text-indent:0}
.fengxiang .weixincode:hover .weixincodeconb{display:block}
.fengxiang .newsappshow{position:absolute;width:200px;height:185px;top:-187px;right:-30px;display:none}
.fengxiang .newsapp{width:209px;height:65px;float:right;background:url(//www.ali213.net/news/images/aliappcode.png) no-repeat right 3px;background-size:85%;margin-right:15px}
.fengxiang .newsapp:hover .newsappshow{display:block}
.game_card{width:840px;height:229px;margin:auto;margin-top:20px;margin-bottom:15px;border-radius:10px;background:var(--BoxBg1) url("//m.ali213.net/img/xian.png") no-repeat top right}
.wbh{height:170px}
.game_card .game_card_img{width:140px;height:140px;margin-top:14px;margin-left:19px;border-radius:28px;float:left}
.game_card .game_card_img img{width:140px;height:140px;border-radius:28px}
.game_card .game_card_info{width:320px;height:140px;float:left;margin-left:28px;margin-top:17px;text-align:left}
.game_card .game_card_info .game_card_type{margin-left:0}
.game_card .game_card_info_title{height:28px;line-height:28px;letter-spacing:0;display:inline-block;width:345px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.game_card .game_card_info_title span{color:var(--Text1);font-size:28px;font-weight:bolder;font-stretch:normal}
.game_card .game_card_info_infos{height:44px;width:360px;margin-top:17px;font-size:14px;font-weight:normal;font-stretch:normal;line-height:22px;letter-spacing:0;color:#747474}
.game_card .game_card_info_item{width:163px;float:left}
.game_card .game_card_info_infos::after{content:"";clear:both}
.game_card .game_card_info_download{margin-top:16px}
.game_card .special-other-download-information-os{margin-top:13px}
.game_card .special-other-download-information-os span{color:#fff}
.game_card .special-other-download-information-os-pic{width:16px;height:16px;vertical-align:middle;transform:translateY(-2px)}
.game_card .special-other-download-information-os-ios:link,.special-other-download-information-os-ios:visited{color:#fff !important}
.game_card .special-other-download-information-os-ios{width:80px;height:32px;background-color:#3276ff;border-radius:16px;display:block !important;margin-right:9px;line-height:32px;font-size:14px;font-weight:normal;font-stretch:normal;letter-spacing:0;color:#fff;text-align:center;float:left}
.game_card .special-other-download-information-os-android:visited,.special-other-download-information-os-android:link{color:#fff !important}
.game_card .special-other-download-information-os-android{float:left;text-align:center;width:80px;height:32px;background-color:#51c75c;border-radius:16px;display:block !important;line-height:32px;font-size:14px;font-weight:normal;font-stretch:normal;letter-spacing:0;color:#fff}
.game_card .wikibtn{font-size:13px;color:#fff;display:block;line-height:32px;width:80px;height:32px;float:left;margin-left:9px;background-image:linear-gradient(51deg, #f49b79 0, #fe552e 100%);border-radius:16px;text-align:center}
.game_card .game_card_score{text-align:center;width:160px;float:right;margin-right:40px;height:158px;text-shadow:4px 6px 8px rgba(239,123,42,.3)}
.game_card .game_card_score_1{display:inline;height:115px;margin-top:12px;font-weight:bold;font-stretch:normal;line-height:115px;letter-spacing:0}
.game_card .game_card_score_1 span{font-size:95px;color:#000;background-image:-webkit-linear-gradient(bottom, #ef7b2a, #e83e1c);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}
.game_card .game_card_score_2{display:inline;height:50px;margin-left:2px;margin-top:49px;font-weight:bold;font-stretch:normal;line-height:50px}
.game_card .game_card_score_2 span{letter-spacing:0;font-size:50px;color:#000;background-image:-webkit-linear-gradient(bottom, #ef7b2a, #e83e1c);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}
.game_card .game_card_score_button{margin:auto;display:block !important;clear:both;width:110px;height:32px;text-align:center;line-height:32px;border-radius:16px;border:solid 1px #ec6224;font-size:14px;font-weight:bold;font-stretch:normal;letter-spacing:0}
.game_card .game_card_score_button:visited{color:#ff5730 !important}
.game_card .game_card_score_button:link{color:#ff5730 !important}
.game_card .game_card_score_button:hover{color:#fff !important;background:#ff5730}
.game_card .game_card_special{float:left;margin-left:19px;margin-top:18px;width:140px;height:32px;background-image:linear-gradient(51deg, #f49b79 0, #fe552e 100%);border-radius:16px;text-align:center;line-height:32px;font-size:14px;font-weight:normal;font-stretch:normal;letter-spacing:0;color:#fff}
.game_card .game_card_special:visited,.game_card_special:link{color:#fff !important}
.game_card .game_card_type{float:left;width:472px;margin-left:28px;margin-top:22px;height:24px;overflow:hidden}
.game_card .game_card_type_item{float:left;height:24px;background-color:#ebebeb;border-radius:12px;font-size:12px;font-weight:normal;font-stretch:normal;line-height:24px;letter-spacing:0;color:#8b8b8b;padding:0 10px;margin-right:9px}
.game_card .game_card_type_item:visited,.game_card_type_item:link{color:dimgray}
.BoxCont .pagebox{padding:0 21px;overflow:hidden;margin-top:29px}
.BoxCont .pagebox .page_fenye{overflow:hidden}
.BoxCont .pagebox .page_fenye a{padding:0 8px;border:solid 1px var(--BorderC);border-radius:4px;box-sizing:border-box;height:26px;text-align:center;line-height:24px;display:inline-block;vertical-align:bottom;margin:0 2px;color:var(--Text)}
.BoxCont .pagebox .page_fenye a.active{border:solid 1px #fd5f37;background:#fd5f37;color:#fff;font-weight:bold}
.BoxCont .pagebox .page_fenye a.n:hover{border:solid 1px #f56032;color:#f56032}
.BoxCont .pagebox .page_fenye a.active.n:hover{border:solid 1px #fd5f37;background:#fd5f37;color:#fff;font-weight:bold}
.BoxCont .pagebox .page_fenye .ddd{line-height:18px}
.BoxCont .pagebox .page_fenye a.prev{padding:0;width:26px;background:url("https://gl.ali213.net/images/gl_ist.png") -292px -137px}
.BoxCont .pagebox .page_fenye a.next{padding:0;width:26px;background:url("https://gl.ali213.net/images/gl_ist.png") -315px -137px}
.BoxCont .pagebox .page_fenye a.sy{padding:0;width:26px;background:url("https://gl.ali213.net/images/gl_ist.png") -289px -197px}
.BoxCont .pagebox .page_fenye a.final{padding:0;width:26px;background:url(https://gl.ali213.net/images/gl_ist.png) -317px -197px}
.BoxCont .pagebox .page_fenye a.all{width:75px}
.BoxCont .pagebox .page_fenye a.prev:hover{background:url("https://gl.ali213.net/images/gl_ist.png") -292px -158px}
.BoxCont .pagebox .page_fenye a.next:hover{background:url("https://gl.ali213.net/images/gl_ist.png") -316px -158px}
.BoxCont .pagebox .page_fenye a.sy:hover{background:url("https://gl.ali213.net/images/gl_ist.png") -289px -178px}
.BoxCont .pagebox .page_fenye a.final:hover{background:url(https://gl.ali213.net/images/gl_ist.png) -317px -178px}
.BoxCont .pagebox .page_fenye a.go-index{padding-right:20px !important;background-image:linear-gradient(122deg, #ff5129 0, #f49f7d 100%);position:relative;color:#fff !important;border:0 !important;line-height:26px}
.BoxCont .pagebox .go-index:after{content:"";width:8px;height:13px;background:url(//www.ali213.net/news/images/go-index.png) no-repeat;position:absolute;right:7px;top:7px}
.ali-comment-jbcon-m{position:fixed;left:0;right:0;bottom:0;top:0;margin:auto;z-index:102;width:464px;height:363px;background-color:#fff;box-shadow:0 7px 27px 0 #bfbfbf;border-radius:6px;border:solid 1px #f0f0f0;display:none}
.ali-comment-jbcon-m .jbcon-head-m{width:100%;height:38px;line-height:38px;text-align:left;text-indent:27px;font-size:16px}
.ali-comment-jbcon-m .jbcon-head-m span{color:#0072ff}
.ali-comment-jbcon-m .jbcon-head-m em{float:right;margin-right:10px;margin-top:10px;height:15px;width:15px;cursor:pointer;background:url(https://comment.ali213.net/images/jbclose.png) no-repeat}
.ali-comment-jbcon-m .jbcon-body-m{width:100%;height:245px}
.ali-comment-jbcon-m .jbcon-body-radio-m{height:150px;margin-left:27px;text-align:left;margin-top:10px}
.ali-comment-jbcon-m .jbcon-body-radio-m label{height:12px;width:135px;float:left;margin:10px 0 15px 0;font-size:14px}
.ali-comment-jbcon-m .hidden-input-m{width:16px;height:16px;opacity:0;position:absolute;z-index:-1}
.ali-comment-jbcon-m .jbcon-body-radio-m label input[type=radio]+span{vertical-align:middle;display:inline-block;height:16px;width:16px;border-radius:10px;border:#aaa 1px solid;background-color:rgba(0,0,0,0);cursor:pointer;margin-right:5px}
.ali-comment-jbcon-m .jbcon-body-radio-m label input[type=radio]+span em{width:10px;height:10px;margin-left:3px;border-radius:6px;margin-top:3px;display:block}
.ali-comment-jbcon-m .jbcon-body-radio-m label input[type=radio]:checked+span em{background-color:#306aff}
.ali-comment-jbcon-m .jbcon-body-title-m{text-align:left;padding-left:27px;font-size:16px;margin-top:10px}
.ali-comment-jbcon-m .jbcon-body-input-m{margin-top:15px}
.ali-comment-jbcon-m .jbcon-body-input-m input{float:left;width:356px;height:40px;line-height:40px;border:#f0f0f0 1px solid;text-align:left;margin-left:27px;text-indent:10px}
.ali-comment-jbcon-m .jbcon-foot-m{width:100%;height:40px;margin-top:15px}
.ali-comment-jbcon-m .jbcon-foot-m i{font-style:normal;width:116px;height:38px;line-height:38px;font-size:16px;border:#306aff 1px solid;color:#306aff;margin-left:100px;float:left;cursor:pointer;text-align:center;border-radius:4px}
.ali-comment-jbcon-m .jbcon-foot-m em{font-style:normal;width:116px;height:38px;line-height:38px;font-size:16px;border:#306aff 1px solid;background:#306aff;color:#fff;margin-left:21px;float:left;cursor:pointer;text-align:center;border-radius:4px}
.ali-comment-jbcon-m .m-detail-zcyy{float:right;width:65px;height:auto}
.ali-comment-jbcon-m .m-detail-jb{float:right;width:65px;height:22px;border-radius:11px;border:solid 1px #dadada;line-height:22px;color:#b1b1b1;cursor:pointer;margin-top:12px;margin-right:20px}
.ali-comment-jbcon-m .m-detail-jb em{background:url(https://m.ali213.net/images/down_detail_jb.png);float:left;width:18px;height:18px;margin:2px 4px 2px 3px}
.ali-comment-jbcon-m .m-detail-jb span{float:left;width:auto;height:24px;line-height:22px;margin:0;color:#b1b1b1;font-size:14px}
.down_yuyue{z-index:101;display:none;width:464px;height:250px;background-color:#fff;box-shadow:0 7px 27px 0 #bfbfbf;border-radius:6px;border:solid 1px #f0f0f0;top:0;left:0;right:0;bottom:0;margin:auto;z-index:101;position:fixed}
.down_yuyue .tj_conten{width:90%;margin:0 auto;padding-bottom:30px}
.down_yuyue .tj_conten .tj_top{line-height:60px;width:100%;height:65px;margin:0 auto}
.down_yuyue .tj_conten .tj_top span{color:#000;float:left;font-size:20px}
.down_yuyue .tj_conten .tj_top .tj_gb{float:right;width:24px;height:63px;font-size:30px;font-weight:bold;color:#333;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);display:block;overflow:hidden;z-index:30;cursor:pointer}
.down_yuyue .tj_conten .Cont1{display:block;overflow:hidden;margin:0 auto}
.down_yuyue .tj_conten .yybtnbox{width:100%;overflow:hidden;height:50px}
.down_yuyue .tj_conten .yybtnbox .btn_yuyue{width:200px;float:left;height:50px;line-height:48px;box-sizing:border-box;text-align:center;border:solid 1px #0096ff;background:#0096ff;color:#fff;border-radius:8px;cursor:pointer}
.down_yuyue .tj_conten .yybtnbox .btn_yuyue.btn_yuyue_quxxiao{border:solid 1px #a5bdc9;background:#fff;color:#a5bdc9;margin-left:16px}
.down_yuyue .tj_conten .yyrsbox{width:100%;text-align:center;line-height:50px;height:50px;color:#a4a4a4;font-size:16px}
.down_yuyue .tj_conten .Cont1 .yuyue_shouji{width:94%;text-align:left;height:50px;line-height:50px;padding:0 10px;border-radius:5px;overflow:hidden;font-size:16px;display:table;margin:0 auto;border:solid 1px #a5bdc9;color:#a5bdc9;margin-bottom:20px}
.CollectionHead{padding:20px;width:auto;overflow:hidden;background:var(--BoxBg)}
.CollectionHead .img{width:500px;height:240px;border-radius:12px;overflow:hidden;float:left;margin-right:20px}
.CollectionHead .img img{display:block;width:100%;height:100%;object-fit:cover}
.CollectionHead .info{float:left;width:640px}
.CollectionHead .info .title{width:100%;overflow:hidden;margin:0 0 20px}
.CollectionHead .info .title h3{float:left;color:var(--Text1);font-size:22px;font-weight:bold;max-width:470px;overflow:hidden;height:30px;line-height:30px}
.CollectionHead .info .title span{float:left;width:120px;height:28px;background-color:var(--BoxBg1);border-radius:14px;border:solid 1px var(--BorderC);line-height:28px;text-align:center;margin-left:20px}
.CollectionHead .info .title span::before{content:"";width:16px;height:18px;display:inline-block;background:url(../images/ico5.png) no-repeat;vertical-align:middle}
.CollectionHead .info .desc p{color:var(--Text1);font-size:16px;line-height:30px;height:150px;text-indent:2em;margin-bottom:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical}
.CollectionHead .info .time{width:100%;text-align:right;color:var(--Text);font-size:14px;height:20px;line-height:20px}
.CollectionHead .Tags{width:100%;margin-top:5px;overflow:hidden;float:left;padding:4px 0}
.CollectionHead .Tags span{font-size:16px;color:var(--Text4);font-weight:bold;height:40px;line-height:40px;float:left;margin:15px 15px 0 0}
.CollectionHead .Tags a{display:block;float:left;height:40px;background:var(--BoxBg);border:1px solid var(--BorderC);border-radius:20px;padding:0 20px;line-height:40px;font-size:16px;color:var(--Text1);margin:15px 15px 0 0;box-shadow:0 0 2px rgba(0,0,0,.1);transition:all .2s}
.CollectionHead .Tags a:hover{box-shadow:0px 2px 3px rgba(0,0,0,.3)}
.CollectionGame{padding:20px;width:auto;overflow:hidden;background:#fff}
.CollectionGame .InfoL{width:140px;float:left;overflow:hidden;margin-right:20px}
.CollectionGame .InfoL .img{display:block;width:140px;height:140px;margin-bottom:30px;overflow:hidden;border-radius:24px;box-shadow:0 0 6px 2px #dadada}
.CollectionGame .InfoL .img img{width:100%;height:100%}
.CollectionGame .InfoL .btn{display:block;margin:auto;width:117px;height:35px;background-color:#0060ff;border-radius:18px;line-height:35px;text-align:center;color:#fff;font-size:14px;cursor:pointer}
.CollectionGame .InfoM{width:330px;overflow:hidden;float:left}
.CollectionGame .InfoM .title{color:var(--Text1);font-size:22px;display:block;width:100%;margin:0 0 10px;height:28px;line-height:28px;overflow:hidden;font-weight:bold}
.CollectionGame .InfoM p{color:var(--Text2);font-size:14px;width:100%;height:28px;line-height:28px;overflow:hidden;margin-top:2px}
.CollectionGame .InfoM p span{color:var(--Text1)}
.CollectionGame .InfoM p a{display:inline-block;height:28px;background-color:var(--BoxBg2);border-radius:14px;padding:0 15px;margin-right:10px;color:var(--Text1)}
.CollectionGame .InfoM .desc{color:var(--Text1);font-size:14px;width:100%;line-height:21px;overflow:hidden;height:85px;margin-top:5px}
.CollectionGame .InfoR{width:560px;position:relative;height:230px;float:right;overflow:hidden;margin-right:20px}
.CollectionGame .InfoR::after{display:none;pointer-events:none;content:"";z-index:2;width:76px;height:76px;top:0;left:0;right:0;bottom:0;margin:auto;background:url(../images/ico7.png) no-repeat;position:absolute}
.CollectionGame .InfoR:hover::after{display:block}
.CollectionGame .InfoR .swiper{width:100%;height:100%;padding:10px 0;box-sizing:border-box}
.CollectionGame .InfoR .swiper::before{position:absolute;z-index:2;width:20px;height:223px;content:"";display:block;top:0;left:0;background-image:linear-gradient(to right, #fff, rgba(255, 255, 255, 0))}
.CollectionGame .InfoR .swiper::after{position:absolute;z-index:2;width:20px;height:223px;content:"";display:block;top:0;right:0;background-image:linear-gradient(to left, #fff, rgba(255, 255, 255, 0))}
.CollectionGame .InfoR .swiper-button-prev::after,.CollectionGame .InfoR .swiper-button-next::after{color:#fff;font-weight:bold}
.CollectionGame .InfoR .swiper-slide{display:inline;overflow:hidden;border-radius:12px;box-shadow:0 0 6px 2px #dadada}
.CollectionGame .InfoR .swiper-slide img{cursor:pointer;height:100%;object-fit:cover}
.CollectionTab{background:#fff;overflow:hidden;margin-bottom:0}
.CollectionTab p{margin:20px auto;height:40px;text-align:center;width:600px;border-radius:20px;background:var(--BorderC)}
.CollectionTab p a{display:block;float:left;height:38px;line-height:45px;margin:1px;border-radius:20px;width:298px;font-size:18px;color:var(--Text3);font-family:"douyu"}
.CollectionTab p a:hover{color:var(--Text4)}
.CollectionTab p .on{background:var(--BoxBg);color:var(--Text4);font-weight:bold}
.CollectionDownl{width:1240px;margin:0 auto}
.CollectionDownl li{float:left;box-sizing:border-box;border:1px solid rgba(0,0,0,0);width:373px;height:222px;background-color:var(--BoxBg);box-shadow:0 0 10px 0 var(--BorderC);border-radius:10px;margin:25px 40px 0 0}
.CollectionDownl li .img{float:left;width:124px;height:124px;border-radius:24px;overflow:hidden;margin:20px 20px 0}
.CollectionDownl li .img img{width:100%;height:100%}
.CollectionDownl li .info{float:left;width:195px;margin-top:20px}
.CollectionDownl li .info .bt{display:block;width:100%;color:var(--Text1);font-size:18px;font-weight:bold;height:30px;line-height:30px;overflow:hidden}
.CollectionDownl li .info .bt:hover{color:var(--Text4)}
.CollectionDownl li .info .label{width:100%;height:30px;line-height:30px;position:relative}
.CollectionDownl li .info .label a{display:inline-block;width:80px;color:#828282;font-size:14px;position:relative;margin-right:20px}
.CollectionDownl li .info .label a::after{content:"";display:block;position:absolute;top:10px;right:0;height:11px;width:1px;background-color:var(--BorderC)}
.CollectionDownl li .info .label em{color:#828282;font-size:14px}
.CollectionDownl li .info .desc{width:195px;border-top:1px solid var(--BorderC);position:relative;margin-top:10px}
.CollectionDownl li .info .desc::before{content:"";display:block;width:13px;height:12px;position:absolute;top:12px;left:0;background:url(https://m.ali213.net/images/v2/ico6.png)}
.CollectionDownl li .info .desc p{display:block;margin-left:24px;color:var(--Text);font-size:14px;font-weight:bold;margin-top:15px;height:40px;line-height:20px;overflow:hidden}
.CollectionDownl li .btns{overflow:hidden;margin-top:20px;float:left;width:100%}
.CollectionDownl li .btns .btn{float:left;width:155px;height:35px;background-color:#0060ff;border-radius:18px;line-height:35px;text-align:center;color:#fff;font-size:14px;cursor:pointer;margin-left:20px}
.CollectionDownl li .btns .btn:hover{background-image:linear-gradient(120deg, #0060ff, #5395ff)}
.CollectionDownl li .btns .btn:nth-child(2){background:var(--BoxBg);border:1px solid #0060ff;color:#0060ff}
.CollectionDownl li .btns .btn:nth-child(2):hover{background-image:linear-gradient(120deg, #0060ff, #5395ff);color:#fff}
.CollectionDownl li .btns .btn.no{background:#d3d3d3 !important;border-color:#d3d3d3 !important;color:#fff}
.CollectionDownl~.page{padding:45px 0}
.CollectionList li{width:260px;height:160px;float:left;position:relative;border-radius:8px;overflow:hidden;margin:0 10px 20px 20px}
.CollectionList li .bg{width:100%;height:100%;object-fit:cover;position:absolute;z-index:1;top:0;left:0}
.CollectionList li .bt{position:absolute;display:block;width:100%;bottom:65px;left:0;height:30px;line-height:30px;padding:0 10px;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font-size:16px;font-weight:bold;z-index:2;text-shadow:0 1px 2px #333}
.CollectionList li .bt:hover{color:var(--Text4)}
.CollectionList li .list{position:absolute;z-index:2;bottom:0;left:0;width:100%;height:60px;background:rgba(0,0,0,.4)}
.CollectionList li .list a{display:block;float:left;margin:10px 0 0 10px}
.CollectionList li .list a span,.CollectionList li .list a img{width:40px;height:40px;border-radius:8px}
.CollectionList li .list a span:hover,.CollectionList li .list a img:hover{opacity:.8}
.CollectionList li .list a span{display:block;background:rgba(255,255,255,.4);line-height:40px;text-align:center;font-size:12px;color:#fff}
.CollectionTags{overflow:hidden;margin:10px 0}
.CollectionTags a{max-width:100px;overflow:hidden;float:left;height:44px;background-color:var(--BoxBg);box-shadow:0 0 6px rgba(0,0,0,.1);border-radius:23px;line-height:44px;padding:0 24px;margin:0 0 27px 20px;border:1px solid var(--BorderC);color:#5a5a5a;font-size:16px;transition:all .2s}
.CollectionTags a:hover{box-shadow:0px 2px 3px rgba(0,0,0,.3)}
.CollectionDetaile{border-radius:12px;text-align:center;padding:20px;width:auto;background:var(--BoxBg)}
.CollectionDetaile .title{font-size:26px;color:var(--Text1);line-height:40px;font-weight:bold}
.CollectionDetaile .time{font-size:14px;color:var(--Text2);margin:10px auto}
.CollectionDetaile .desc{background:var(--BoxBg2);border-radius:12px;padding:15px;font-size:14px;color:var(--Text1);line-height:30px;text-align:left;margin-top:20px}
.CollectionDetaile .list{width:100%;margin-top:20px;overflow:hidden}
.CollectionDetaile .list span{float:left;font-size:16px;color:var(--Text1);font-weight:bold}
.CollectionDetaile .list a{float:left;font-size:14px;color:#f60;margin:2px 10px 5px 0}
.CollectionDetaile .list a::after{content:" 、";color:var(--Text1)}
.CollectionDetaile .list :last-child::after{display:none}
.CollectionGameList{width:100%;margin-bottom:20px;overflow:hidden}
.CollectionGameList li{float:left;width:50%;margin-top:20px}
.CollectionGameList li a{display:block;width:585px;height:170px;border-radius:12px;background:var(--BoxBg);padding:20px;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}
.CollectionGameList li a img{width:130px;height:130px;border-radius:14px;float:left;margin-right:20px}
.CollectionGameList li a .icon{width:100px;height:92px;position:absolute;right:-6px;top:-5px;background-size:100% !important}
.CollectionGameList li a .ic_xbtj{background:url(../images/ic_hj_2.png)}
.CollectionGameList li a .ic_xzzd{background:url(../images/ic_hj_3.png)}
.CollectionGameList li a .ic_zshy{background:url(../images/ic_hj_4.png)}
.CollectionGameList li a .ic_rmxz{background:url(../images/ic_hj_5.png)}
.CollectionGameList li a .info{float:left;width:270px}
.CollectionGameList li a .info .name{font-size:18px;color:var(--Text1);height:25px;line-height:25px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:bold;margin-bottom:10px}
.CollectionGameList li a .info p{width:50%;float:left;height:20px;line-height:20px;font-size:14px;color:var(--Text)}
.CollectionGameList li a .info p span{color:var(--Text1)}
.CollectionGameList li a .info .desc{float:left;width:100%;height:66px;line-height:22px;overflow:hidden;font-size:14px;color:var(--Text) !important;margin-top:10px}
.CollectionGameList li a .btn{float:left;width:100px;height:38px;border:1px solid #ea6329;border-radius:6px;text-align:center;line-height:36px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#ea6329;font-size:15px;margin:45px 0 0 13px}
.CollectionGameList li a .btn:hover{background:#ea6329;color:#fff}
.CollectionGameList li:nth-child(even) a{float:right;margin-right:5px}
.CollectionGameList .hide{display:none}
.loadmore{text-align:center;font-size:14px;line-height:40px;position:relative;width:100%;float:left}