@font-face{font-family:"PingceFont";src:url("../fonts/icon_pingce2025.woff") format("woff"),url("../fonts/icon_pingce2025.ttf") format("truetype");font-weight:normal;font-style:normal}
html,body,form,ul,li,div,h1,h2,h3,h4,table,em,span,i,font,input,p,div{margin:0;padding:0;border:0 none;font-weight:normal;font-style:normal;font-family:"Microsoft YaHei"}
li{list-style-type:none}
img{border:0 none}
a{text-decoration:none;color:#4e4e4e}
body{min-width:1360px;font-family:"Microsoft YaHei","Arial","Heiti SC";font-size:12px;color:#444;background:#1a1a1a}
.fl{display:block;float:left}
.fr{display:block;float:right}
.gray{-webkit-filter:grayscale(100%);-moz-filter:grayscale(1);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray}
.clear{clear:both}
.clear::after{content:"";display:block;clear:both}
.news_foot_c,.news_foot{height:auto}
#ali213SSO .ali213SSO-info-holder{bottom:initial;top:45px}
.news_foot{width:100%;height:auto;background:#1e222d;color:#768b9c;position:relative;z-index:1;text-align:center}
.news_foot_c{width:1000px;height:auto;padding:40px 0;line-height:40px;margin:0 auto}
.news_foot_c a:link{color:#768b9c}
.news_foot_c a:visited{color:#768b9c}
.news_foot_c a:hover{color:#f60}
.icon_pc:before{content:""}
.icon_gm:before{content:""}
.icon_tv:before{content:""}
.icon_st:before{content:""}
.icon_time:before{content:""}
.icon_play:before{content:""}
.icon_map:before{content:""}
.icon_bt:before{content:""}
.icon_mod:before{content:""}
.icon_zan:before{content:""}
.icon_pl:before{content:""}
.icon_line:before{content:""}
.icon_sd:before{content:""}
.icon_st2:before{content:""}
.icon_us:before{content:""}
.icon_us2:before{content:""}
.icon_top:before{content:""}
.icon_gm2:before{content:""}
.HeadBanner{width:100%;min-width:1360px;height:550px;position:relative;overflow:hidden;background-image:linear-gradient(#6f6f6f, #2c2c2c)}
.HeadBanner .HeadSwiper{width:100%;height:550px;position:relative}
.HeadBanner .HeadSwiper .swiper-slide{width:100%;height:550px}
.HeadBanner .swiper-button-prev,.HeadBanner .swiper-button-next{width:48px;height:48px;background:rgba(0,0,0,.5);border-radius:50%;transition:background .2s linear}
.HeadBanner .swiper-button-prev:hover,.HeadBanner .swiper-button-next:hover{background:rgba(0,0,0,.2)}
.HeadBanner .swiper-button-prev::after,.HeadBanner .swiper-button-next::after{color:#fff;font-size:16px;font-weight:bold}
.HeadBanner .swiper-pagination{bottom:20px}
.HeadBanner .swiper-pagination .swiper-pagination-bullet{width:10px;height:10px;border-radius:50%;background:#979797;opacity:1}
.HeadBanner .swiper-pagination .swiper-pagination-bullet-active{background:#f54730}
.HeadBanner .imgbg{position:absolute;left:0;top:0;z-index:1;width:100%;height:100%}
.HeadBanner .imgbg img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.HeadBanner .imgbg::after{width:100%;height:100%;display:block;content:"";position:absolute;top:0;left:0;z-index:2;background-image:linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5))}
.HeadBanner .HeadInfo{width:1360px;margin:0 auto;position:relative;z-index:2;margin-top:110px;transition:all .2s linear}
.HeadBanner .HeadInfo .tag{width:80px;height:28px;line-height:28px;border-radius:5px;background:#f54730;color:#fff;font-size:14px;display:block;float:left;text-align:center}
.HeadBanner .HeadInfo .title{width:100%;height:80px;line-height:80px;color:#fff;font-size:60px;display:block;float:left;text-align:left;font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:10px 0}
.HeadBanner .HeadInfo .desc{text-align:left;font-size:20px;color:#d1d5db;width:100%;height:30px;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.HeadBanner .HeadInfo .ScoreBox{width:90px;height:90px;border-radius:10px;background:rgba(0,0,0,.38);float:left;margin:20px 0;cursor:pointer;transition:all .2s linear;overflow:hidden;position:relative}
.HeadBanner .HeadInfo .ScoreBox span{width:60px;height:60px;background:#f54730;border-radius:50%;font-size:22px;color:#fff;font-weight:bold;display:block;margin:15px;line-height:60px;float:left;text-align:center}
.HeadBanner .HeadInfo .ScoreBox .info{position:absolute;left:95px;top:15px;width:190px;text-align:left;opacity:0;transition:opacity .2s}
.HeadBanner .HeadInfo .ScoreBox .info strong{display:block;width:100%;height:30px;line-height:30px;width:100%;color:#fff;font-weight:bold;font-size:18px}
.HeadBanner .HeadInfo .ScoreBox .info p{width:100%;height:175px;margin-top:1px;line-height:25px;color:#fff;font-size:14px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical}
.HeadBanner .HeadInfo .ScoreBox .ScoreList{width:230px;height:230px;top:0;left:218px;position:relative;overflow:hidden}
.HeadBanner .HeadInfo .ScoreBox .ScoreList::before{position:absolute;right:0;top:0;width:100%;height:100%;display:block;content:""}
.HeadBanner .HeadInfo .btns{width:100%;float:left;margin-top:15px}
.HeadBanner .HeadInfo .btns a{display:block;float:left;width:128px;height:48px;line-height:48px;text-align:center;border-radius:6px;background:#f54730;color:#fff;font-size:16px;margin-right:15px;transition:all .2s linear}
.HeadBanner .HeadInfo .btns .btn1:hover{opacity:.88}
.HeadBanner .HeadInfo .btns .btn2{background:none;border:1px solid #fff;box-sizing:border-box}
.HeadBanner .HeadInfo .btns .btn2:hover{background:rgba(228,95,18,.3);border-color:#f54730}
.HeadBanner .HeadInfo.on{margin-top:30px}
.HeadBanner .HeadInfo.on .ScoreBox{width:550px;height:230px}
.HeadBanner .HeadInfo.on .ScoreBox .info{opacity:1}
.ContentWrap{width:1360px;margin:0 auto;position:relative;min-height:70vh}
.ContentWrap .icon:before{font-family:"PingceFont";font-size:16px;font-style:normal;text-align:center}
.ContentWrap .MainTitle{width:100%;padding:20px 0 0;overflow:hidden}
.ContentWrap .MainTitle strong{float:left;height:44px;line-height:44px;font-size:28px;color:#fff}
.ContentWrap .MainTitle .TabHd{height:44px;background:#252525;border-radius:22px}
.ContentWrap .MainTitle .TabHd span{display:block;float:left;min-width:60px;height:36px;margin:4px;line-height:36px;border-radius:22px;text-align:center;color:#9ca3af;font-size:14px;cursor:pointer;padding:0 20px;transition:all .2s}
.ContentWrap .MainTitle .TabHd span i{display:inline-block;vertical-align:middle;font-size:14px;margin:0 5px 0 0}
.ContentWrap .MainTitle .TabHd span i::before{font-size:16px}
.ContentWrap .MainTitle .TabHd span .icon_gm2::before{font-size:20px}
.ContentWrap .MainTitle .TabHd span:hover{color:#fff}
.ContentWrap .MainTitle .TabHd .on{color:#fff;background:#f54730}
.ContentWrap .MainTitle .TabMore a+a{display:none}
.ContentWrap .MainTitle .TabMore a{font-size:16px;color:#9ca3af;transition:all .2s;height:44px;line-height:44px;display:block}
.ContentWrap .MainTitle .TabMore a:hover{color:#f54730}
.ContentWrap .TabBody .item+.item{display:none}
.ContentWrap .MainTitle2 strong{width:100%;display:block;text-align:left;margin-bottom:15px}
.ContentWrap .MainBox{width:1360px;margin:0 auto;color:#fff}
.ContentWrap .ListA{width:100%}
.ContentWrap .ListA li:nth-child(3n){margin-right:0}
.ContentWrap .ListA li{width:440px;height:660px;border-radius:10px; float:left;margin:20px 20px 0 0;position:relative;overflow:hidden}
.ContentWrap .ListA li:hover .imgbg{transform:scale(1.05)}
.ContentWrap .ListA li .imgbg{width:100%;height:100%;object-fit:cover;position:absolute;z-index:0;left:0;top:0;border-radius:10px;transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:500ms}
.ContentWrap .ListA li::after{width:100%;height:50%;display:block;position:absolute;content:"";bottom:0;left:0;z-index:1;background-image:linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));border-radius:10px}
.ContentWrap .ListA li a>div{position:relative;z-index:2}
.ContentWrap .ListA li .info{position:absolute;bottom:76px;left:20px;width:400px;color:#fff;transition:all .2s}
.ContentWrap .ListA li .info .GmScore{width:68px;height:36px;border-radius:6px;text-align:center;line-height:36px;font-size:14px;font-weight:bold;float:left;background:#f54730}
.ContentWrap .ListA li .info .GmScore i{display:inline-block;vertical-align:top;margin:-1px 5px 0 0}
.ContentWrap .ListA li .info .GmScore i::before{font-size:14px}
.ContentWrap .ListA li .info .tag,.ContentWrap .ListA li .info .title{float:left;width:100%;height:30px;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ContentWrap .ListA li .info .title{font-size:20px;color:#fff;font-weight:bold;margin:8px 0}
.ContentWrap .ListA li .info .tag{font-size:14px;color:#d1d5db}
.ContentWrap .ListA li .info .time{position:absolute;right:0;top:5px;font-size:14px;color:#d1d5db;opacity:1;transition:all .2s}
.ContentWrap .ListA li .info .time i{height:16px;display:inline-block;margin:1.5px 2px 0 0;vertical-align:top}
.ContentWrap .ListA li .attrScore{position:absolute;left:0;bottom:-176px;height:120px;width:100%}
.ContentWrap .ListA li .attrScore p{width:20%;float:left;color:#fff}
.ContentWrap .ListA li .attrScore p span{display:block;width:8px;height:80px;border-radius:5px;background:#333;margin:0 auto 4px;position:relative}
.ContentWrap .ListA li .attrScore p span i{display:block;width:100%;max-height:100%;background:#f54730;border-radius:5px;position:absolute;bottom:0;left:0}
.ContentWrap .ListA li .attrScore p .icon{width:20px;height:20px;border-radius:50%;background:#333;display:block;margin:0 auto;text-align:center;line-height:20px}
.ContentWrap .ListA li .attrScore p .icon::before{font-size:12px}
.ContentWrap .ListA li .attrScore p .icon_bt::before{font-size:15px}
.ContentWrap .ListA li .attrScore p u{display:block;margin:2px auto;text-align:center;font-size:12px;font-weight:bold;color:#fff;text-decoration:none}
.ContentWrap .ListA li .btn{position:absolute;bottom:20px;left:20px;width:400px;height:36px;line-height:36px;border-radius:6px;text-align:center;background:#f54730;color:#fff;font-size:14px;transition:all .2s}
.ContentWrap .ListA li .btn:hover{background:#db2e17}
.ContentWrap .ListA li:hover .info{bottom:200px}
.ContentWrap .ListA li:hover .info .time{opacity:0}
.ContentWrap .ListA li:hover .attrScore{bottom:70px;animation:epic-easing-spring-custom 500ms linear forwards}
.ContentWrap .ListB{width:100%}
.ContentWrap .ListB li:nth-child(3n){margin-right:0}
.ContentWrap .ListB li{width:440px;height:365px;border-radius:10px;background:#222;float:left;margin:20px 20px 0 0;position:relative;overflow:hidden;transition:all .2s;box-shadow:0 6px 7px rgba(0,0,0,.26)}
.ContentWrap .ListB li:hover{box-shadow:0 6px 7px rgba(245,71,48,.26);transform:translateY(-4px)}
.ContentWrap .ListB li .imgbg{display:block;width:100%;height:192px;overflow:hidden;position:absolute;z-index:1;left:0;top:0; }
.ContentWrap .ListB li .imgbg::after{width:100%;height:56px;display:block;position:absolute;content:"";bottom:0;left:0;z-index:1;background-image:linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8))}
.ContentWrap .ListB li .imgbg img{width:100%;height:192px;object-fit:cover;object-position:top;transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:500ms}
.ContentWrap .ListB li .imgbg:hover img{transform:scale(1.05)}
.ContentWrap .ListB li .GmScore{width:48px;height:48px;border-radius:50%;background:#f54730;color:#fff;line-height:48px;text-align:center;font-size:18px;font-weight:bold;position:absolute;z-index:2;right:10px;top:10px}
.ContentWrap .ListB li .Tags{position:absolute;z-index:2;left:0;top:150px;height:25px;line-height:25px;overflow:hidden;width:100%}
.ContentWrap .ListB li .Tags a{display:block;float:left;background:#333;color:#fff;font-size:12px;padding:0 15px;border-radius:5px;height:25px;margin-left:15px;transition:all .2s}
.ContentWrap .ListB li .Tags a:hover{background:#f54730;color:#fff}
.ContentWrap .ListB li .title{display:block;width:400px;position:relative;z-index:2;margin:205px 0 12px 15px;color:#fff;font-weight:bold;font-size:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:all .2s}
.ContentWrap .ListB li .title:hover{color:#f54730}
.ContentWrap .ListB li .desc{display:block;width:400px;position:relative;z-index:2;margin:0 0 12px 15px;color:#9ca3af;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ContentWrap .ListB li .label{display:block;width:400px;position:relative;z-index:2;margin:0 0 12px 15px;border-bottom:1px solid #333;padding-bottom:15px}
.ContentWrap .ListB li .label span{font-size:12px;margin-right:10px}
.ContentWrap .ListB li .label span i::before{font-size:12px;display:inline-block;vertical-align:middle;margin:0 2px 2px 0}
.ContentWrap .ListB li .btn{line-height:30px;font-size:14px;color:#fff;margin-left:15px;transition:all .2s}
.ContentWrap .ListB li .btn:hover{color:#f54730}
.ContentWrap .ListC{width:100%}
.ContentWrap .ListC li:nth-child(3n){margin-right:0}
.ContentWrap .ListC li{width:440px;height:248px;border-radius:10px;background:#222;float:left;margin:20px 20px 0 0;position:relative;overflow:hidden;transition:all .2s}
.ContentWrap .ListC li:hover{transform:scale(1.02)}
.ContentWrap .ListC li:hover .imgbg::after{background:rgba(0,0,0,.5)}
.ContentWrap .ListC li:hover .imgbg .videobtn{opacity:1}
.ContentWrap .ListC li .imgbg{display:block;width:100%;height:192px;overflow:hidden; position:relative}
.ContentWrap .ListC li .imgbg::after{width:100%;height:100%;position:absolute;z-index:0;left:0;top:0;content:"";transition:all .2s;background:rgba(0,0,0,0)}
.ContentWrap .ListC li .imgbg .videobtn{width:48px;height:48px;background:#f54730;border-radius:50%;position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%, -50%);text-align:center;line-height:48px;opacity:0;transition:all .2s}
.ContentWrap .ListC li .imgbg .videobtn i{color:#fff}
.ContentWrap .ListC li .imgbg .videobtn i::before{font-size:20px}
.ContentWrap .ListC li .imgbg .videobtn .icon_gm2::before{font-size:24px}
.ContentWrap .ListC li .imgbg img{width:100%;height:192px;object-fit:cover;object-position:top;transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:500ms}
.ContentWrap .ListC li .time{position:absolute;z-index:2;right:15px;top:152px;height:25px;line-height:25px;background:#333;color:#fff;font-size:12px;padding:0 10px;border-radius:5px}
.ContentWrap .ListC li .title{display:block;width:400px;position:relative;z-index:2;height:55px;line-height:55px;margin:0 0 0 15px;color:#fff;font-weight:bold;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:all .2s}
.ContentWrap .ListC li .title:hover{color:#f54730}
.ContentWrap .MainTitle3 strong{width:100%;display:block;text-align:left;margin-bottom:15px}
.ContentWrap .MainTitle3 .TabHd{border-radius:4px}
.ContentWrap .MainTitle3 .TabHd span{border-radius:4px}
.ContentWrap .HotComment{overflow:hidden}
.ContentWrap .HotComment .HotLeft{width:900px;background:#222;border-radius:10px;min-height:200px;margin:15px 0;overflow:hidden}
.ContentWrap .HotComment .HotLeft .TabHd{border-bottom:1px solid #393939;height:48px}
.ContentWrap .HotComment .HotLeft .TabHd span{display:block;width:50%;float:left;height:48px;line-height:48px;text-align:center;font-size:18px;color:#fff;cursor:pointer;transition:all .2s}
.ContentWrap .HotComment .HotLeft .TabHd span i{margin-right:5px}
.ContentWrap .HotComment .HotLeft .TabHd .on{background:#f54730}
.ContentWrap .HotComment .HotLeft .Ali213UserList{margin:15px;overflow:hidden}
.ContentWrap .HotComment .HotLeft .Ali213UserList li{border-bottom:1px solid #333;padding:15px 0;overflow:hidden;width:100%;position:relative}
.ContentWrap .HotComment .HotLeft .Ali213UserList li img{width:48px;height:48px;display:block;float:left;padding:10px;background:#333;border-radius:10px;margin-right:15px}
.ContentWrap .HotComment .HotLeft .Ali213UserList li .info{width:700px;height:68px;float:left}
.ContentWrap .HotComment .HotLeft .Ali213UserList li .info p,.ContentWrap .HotComment .HotLeft .Ali213UserList li .info .name{display:block;width:100%;height:25px;line-height:25px;font-size:15px;color:#fff;font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ContentWrap .HotComment .HotLeft .Ali213UserList li .info span{display:block;width:100%;height:20px;line-height:20px;font-size:12px;color:#9ca3af;overflow:hidden}
.ContentWrap .HotComment .HotLeft .Ali213UserList li .info p{font-size:13px;font-weight:500}
.ContentWrap .HotComment .HotLeft .Ali213UserList li .Tag{position:absolute;z-index:2;right:15px;top:15px;height:25px;line-height:25px;background:#313234;color:#9ca3af;font-size:12px;padding:0 8px;border-radius:5px}
.ContentWrap .HotComment .HotLeft .Ali213UserList li .color1{background:#4a2c2d;color:#ff5e64}
.ContentWrap .HotComment .HotLeft .Ali213UserList li .color2{background:#2b404f;color:#51b3ff}
.ContentWrap .HotComment .HotLeft .morelist{display:block;border:1px solid #f54730;border-radius:6px;height:44px;text-align:center;cursor:pointer;line-height:44px;margin:15px;font-size:16px;color:#f54730;transition:all .2s}
.ContentWrap .HotComment .HotLeft .morelist:hover{background:rgba(228,95,18,.3);border-color:#f54730}
.ContentWrap .HotComment .HotRight{width:440px;background:#222;border-radius:10px;min-height:200px;margin:15px 0}
.ContentWrap .HotComment .HotRight .HotBt{border-bottom:1px solid #393939;height:48px}
.ContentWrap .HotComment .HotRight .HotBt span{display:block;float:left;height:48px;line-height:48px;text-align:center;font-size:18px;color:#fff;cursor:pointer;transition:all .2s}
.ContentWrap .HotComment .HotRight .HotBt span i{margin:0 8px 0 15px}
.ContentWrap .HotComment .HotRight .UserList{overflow:hidden;margin:5px}
.ContentWrap .HotComment .HotRight .UserList li{float:left;width:40px;height:40px;border-radius:50%;margin:15px 2px 0 10px;background:#fff;overflow:hidden;position:relative}
.ContentWrap .HotComment .HotRight .UserList li img{width:100%;height:100%;object-fit:cover}
.ContentWrap .HotComment .HotRight .UserList li:hover span{display:block}
.ContentWrap .HotComment .HotRight .UserList li span{display:none;position:absolute;left:0;top:50%;margin-top:-10px;height:20px;width:100%;text-align:center;font-size:12px;color:#fff;overflow:hidden;line-height:20px;text-align:center;background:rgba(0,0,0,.5)}
.ContentWrap .HotComment .HotRight .HotGames{margin:15px;background:#1a1a1a;border-radius:10px;padding:15px}
.ContentWrap .HotComment .HotRight .HotGames strong{font-size:18px;color:#fff;font-weight:500}
.ContentWrap .HotComment .HotRight .HotGames a{display:block;width:100%;margin-top:15px;overflow:hidden}
.ContentWrap .HotComment .HotRight .HotGames a:hover p{color:#f54730}
.ContentWrap .HotComment .HotRight .HotGames a p{float:left;width:280px;height:25px;line-height:25px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;color:#fff;transition:all .2s}
.ContentWrap .HotComment .HotRight .HotGames a span{float:right;height:25px;line-height:25px;background:#333;color:#fff;font-size:12px;padding:0 8px;border-radius:5px;max-width:84px;min-width:40px;text-align:center;overflow:hidden}
.ContentWrap .HotComment .HotRight .morebtn{display:block;border:1px solid #f54730;border-radius:6px;height:44px;text-align:center;cursor:pointer;line-height:44px;margin:15px;font-size:16px;color:#f54730;transition:all .2s}
.ContentWrap .HotComment .HotRight .morebtn:hover{background:rgba(228,95,18,.3);border-color:#f54730}
.ContentWrap .bbsbox{margin:15px}
.ContentWrap .bbsbox .ali-comment-article-name-w,.ContentWrap .bbsbox .ali-comment-article-join-w,.ContentWrap .bbsbox .ali-comment-box-tit strong,.ContentWrap .bbsbox .s_content{color:#d1d5db}
.ContentWrap .bbsbox .ali-c-block-box{border-color:#333}
.page{margin:0 auto;padding:30px 0 10px;width:100%;overflow:hidden;text-align:center}
.page input,.page i,.page a,.page span{display:inline-block;width:auto;padding:0 15px;height:36px;text-align:center;line-height:36px;color:#fff;font-size:15px;background:#333;border-radius:4px;border:1px solid #111;margin:0 5px;transition:background .2s linear}
.page span{background-color:#f54730;color:#fff;border-color:#f54730;box-shadow:1px 2px 6px #f54730}
.page a:hover,.page .current{background-color:#f54730;color:#fff}
.page .prevPage i,.page .nextPage i{display:inline-block;width:12px;height:20px;vertical-align:middle;margin-bottom:3px}
.page .MorePage{background:#fff !important;color:#f54730 !important}
.page .nextPage i{transform:rotate(180deg)}
.page i {background: none;border: none;}
.page input{width: 40px;padding: 0 10px; background: none;outline: none;color: #fff;}
.page input::placeholder{color: #fff;}
@keyframes epic-easing-spring-custom{0%{transform:translateY(100px);opacity:0}
50%{transform:translateY(-8px);opacity:.8}
75%{transform:translateY(4px);opacity:.9}
100%{transform:translateY(0);opacity:1}}