.home {
	background-color: #f5f7f8;
	padding-bottom: 20px;
}

.main_box {
	width: 1200px;
	margin: 0 auto;
	position: relative;
	z-index: 20;
	top: 5px;overflow:hidden;
}
.home_box1{
    width: 1200px;
    height: 410px;
    background: #FFFFFF;
    border-radius: 5px;
	margin-bottom:15px;
}
.home_box1 .top_box{
    width: 1160px;
    height: 68px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
    border-bottom: 1px solid #F0EFF4;
}
.home_box1 .top_box ul,.home_box1 .top_box ul li{
    list-style: none;
}
.home_box1 .top_box ul{
    display: flex;
    align-items: center;
}
.home_box1 .top_box ul li{
    margin-right: 30px;
    padding: 6px 12px;
    cursor: pointer;
}
.home_box1 .top_box ul .top_active{
    background-color: #ECF0F1;
    border-radius: 5px;
}
.home_box1 .top_box ul li span{
    font-size: 15px;
    font-weight: 500;
    color: #656565;
}
.home_box1 .top_box ul .top_active span{
    color: #ED6D47;
    font-weight: bold;
}
.home_box1 .bottom_box{
    width: 1160px;
    padding: 16px 20px;
}
.home_box1 .bottom_box .list_wrap{
    width: 100%;
    display: flex;
}
.list_wrap .game_box1{
    width: 214px;
    height: 101px;
    border-radius: 5px;
    position: relative;
    margin-right: 22.5px;
    overflow: hidden;
}
.list_wrap .game_box1:last-child,.list_wrap .game_box2:last-child,.list_wrap .game_box3:last-child{
    margin-right: 0;
}
.list_wrap .game_box1:hover span{
    color: #FF4934;
}
.list_wrap .game_box1 a{
    width: 100%;
    height: 100%;
    display: block;
}
.list_wrap .game_box1 .img_box{
   width: 100%;
   height: 100%;
   border-radius: 5px;
   overflow: hidden;
}
.list_wrap .game_box1 .img_box img,.list_wrap .game_box2 .img_box img,.list_wrap .game_box3 .img_box img{
    width: 100%;
    height: 100%;
    border-radius: 7px;
    object-fit: cover;
    transition: all 0.6s ease;
}
.list_wrap .game_box2 .img_box{
    border-radius: 7px;
}
.list_wrap .game_box3 .img_box{
    border-radius: 26px;
}
.list_wrap .game_box1 a img:hover,.list_wrap .game_box2:hover img,.list_wrap .game_box3:hover img{
    transform: scale(1.2);
}
.list_wrap .game_box2:hover span,.list_wrap .game_box3:hover span{
    color: #FF493B;
}
.list_wrap .game_box1 a span{
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 24px;
    line-height: 24px;
    background-color: rgba(0,0,0,0.6);
    border-radius: 0px 0px 5px 5px;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    color: #FFFFFF;
}
.home_box1 .bottom_box .game_box{
    width: 100%;
    margin: 23px auto 10px;
}
.home_box1 .bottom_box .game_box ul li{
    margin-bottom: 20px;
}
.list_wrap .game_box2{
    width: 137px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0 33.5px 10px 0;
}
.list_wrap .game_box2 a{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.list_wrap .game_box2 .img_box{
    width: 100%;
    height: 169px;
    overflow: hidden;
    border-radius: 7px;
}
.list_wrap .game_box2 span{
    width: 100%;
    font-size: 13px;
    font-weight: 500;
    color: #252525;
    text-align: center;
    overflow: hidden;
    margin-top: 18px;
}
.list_wrap .game_box3{
    width: 103px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0 48px 10px 0;
}
.list_wrap .game_box3 a{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.list_wrap .game_box3 .img_box{
    width: 100%;
    height: 103px;
    overflow: hidden;
    border-radius: 7px;
}
.list_wrap .game_box3 span{
    width: 100%;
    font-size: 13px;
    font-weight: 500;
    color: #252525;
    overflow: hidden;
    text-align: center;
    margin-top: 15px;
}
.game_box .game_title{
    width: 128px;
    height: 50px;
    line-height: 19px;
    /* text-indent: 17px; */
    overflow: hidden;
    border-left: 1px solid #E3E3E3;
    text-align: center;
}
.game_box .game_title:first-child,.game_box .game_title:nth-child(9n+1){
    text-indent: 0px;
    border-left: none;
    /*text-align: left;*/
}
.game_box .game_title a,.game_box .game_title a span{
    height: 13px;
    line-height: 19px;
    font-size: 13px;
    font-weight: 500;
    color: #252525;
    display: block;
}
.game_box .game_title .extra_type{
    display: block;
    /*float: right;*/
    width: 90px;
    height: 22px;
    color: #ED6D47;
    font-size: 12px;
    border: 1px solid #ED6D47;
    text-align: center;
    line-height: 22px;
    border-radius: 6px;
    margin: 8px auto;
    overflow: hidden;
    padding: 0px 1px;
}
.game_box .game_title .active{
    color: #FF493B;
}
.home_box3{
    width: 1174px;
    background: #FFFFFF;
    border-radius: 5px;
    padding: 12px 13px 30px;
}
.zone_box{
    width: 100%;
    box-sizing: border-box;
}
.fz-20{
    font-size: 20px !important;
}
.home_box3 .zone_content{
    width: 100%;
    box-sizing: border-box;
    padding: 15px 11px;
    margin: 8px auto 27px;
    display: flex;
    position: relative;
    /* background: url(../images/1661308243_852760.jpg) no-repeat; */
}
.home_box3 .zone_bg{
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    top: 0;
    left: 0;
}
.home_box3 .zone_bg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.home_box3 .zone_bg  .bg_color{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, #fff 0%, #fff 60%, rgba(255, 255, 255, 0.9) 100%);
}
/* .home_box3 .zone_content::before{
    background-size: cover;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(to bottom, #fff 0%, #fff 70%, rgba(255, 255, 255, 0.9) 100%);
} */
.home_box3 .hot_recommendTitle{
    border-bottom: 1px solid rgba(59, 59, 59, 0.10);
}
.home_box3 .hot_recommendTitle p{
    margin-top: 0;
    margin-bottom: 5px;
    padding-left: 12px;
    border-bottom:none;
}
.home_box3 .more_box{
    margin-top: -2px;
}
.home_box3 .left_content{
    width: 190px;
    margin-right: 20px;
    border-right: 1px solid #E3E3E3;
    z-index: 1;
}
.home_box3 .left_content ul li{
    margin-bottom: 25px;
    position: relative;
    display: flex;
    align-items: center;
    opacity: 0.34;
    cursor: pointer;
}
.home_box3 .left_content ul li:last-child{
    margin-bottom: 0px;
}
.home_box3 .left_content ul li img{
    width: 170px;
    height: 49px;
    border-radius: 9px;
    object-fit: cover;
}
.home_box3 .left_content ul li span{
    width: 13px;
    height: 13px;
    background-color: rgba(150, 150, 150, 0.47);
    border-radius: 50%;
    position: absolute;
    right: -7px;
}
.home_box3 .left_content ul li span::before{
    content: "";
    display: block;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    margin: 2px;
    background: #969696;
}
.home_box3 .left_content ul .active{
    opacity: 1;
}
.home_box3 .left_content ul .active span{
    background-color: rgba(235,109,71,0.47);
}
.home_box3 .left_content ul .active span::before{
    background-color: #EB6D47;
}
.home_box3 .right_content{
    width: 930px;
    margin-left: 10px;
    z-index: 1;
}
.home_box3  .head_box{
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.head_box .head_1{
    display: flex;
    flex-direction: column;
}
.head_box .head_1 p{
    font-size: 20px;
    font-weight: bold;
    color: #000000;
    line-height: 24px;
    margin: 0;
}
.head_box .zoneTitle_box{
    display: flex;
    align-items: center;
}
.head_box .zoneTitle_box span{
    width: 35px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    background: #F9594D;
    border-radius: 2px;
    margin: 0 0 0 15px !important;
    font-size: 12px;
    font-weight: 500;
    color: #FFFFFF !important;
}
.head_box .head_1 span{
    font-size: 14px;
    font-weight: 500;
    color: #9F9F9F;
    margin-top: 13px;
}
.head_box .head_2{
    font-size: 14px;
    font-weight: 500;
    color: #BEBEBE;
}
.home_box3 .info_box{
    width: 100%;
    display: flex;
    /* align-items: center; */
    justify-content: space-between;
    margin-top: 17px;
}
.info_box .imgbox{
    width: 159px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.info_box .imgbox a{
    width: 100%;
    display: block;
}
.info_box .imgbox img{
    width: 159px;
    height: 201px;
    border-radius: 9px;
}
.info_box .imgbox .goZone_button{
    width: 130px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    background: #FCECE7;
    border-radius: 6px;
    margin-top: 30px;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.info_box .imgbox .goZone_button:hover{
    background: #e74b17;
}
.info_box .imgbox .goZone_button:hover span{
    color: #FFFFFF;
}
.goZone_button span{
    font-size: 16px;
    font-weight: 500;
    color: #EB6D47;
}
.info_box .info_right{
    width: 475px;
    display: flex;
    flex-direction: column;
}
.info_right .info_1{
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.info_right .info_1 .zt_label{
    /* display: flex;
    align-items: center; */
}
.zt_label span{
    font-size: 11px;
    font-weight: 500;
    color: #2B2B2B;
    padding: 1px 5px;
    background: #FCECE7;
    border-radius: 2px;
    margin-right: 15px;
}
.zt_label span:first-child{
    font-size: 14px;
    background: none;
    padding: 0;
    margin: 0;
}
.info_right .info_1 .zt_score{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: -6px;
}
.zt_score span{
    height: 32px;
    font-size: 41px;
    font-family: DYmingB;
    font-weight: 500;
    color: #EB6D47;
}
.zt_score span:first-child{
    height: 14px;
    font-size: 14px;
    margin-bottom: 10px;
}
.info_right .zt_gl{
    width: 100%;
    display: flex;
    flex-direction: column;
}
.zt_gl .zt_gl_label{
    font-size: 16px;
    font-weight: bold;
    color: #2B2B2B;
    line-height: 24px;
}
.zt_gl .zt_gl_list{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 12px;
}
.zt_gl .zt_gl_list a{
    width: 104px;
    border-left: 1px solid #DADADA;
    text-align: center;
    line-height: 22px;
    margin-bottom: 20px;
}
.zt_gl .zt_gl_list a span{
    height: 15px;
    line-height: 22px;
    font-size: 14px;
    font-weight: 500;
    color: #737373;
}
.zt_gl .zt_gl_list a:first-child,.zt_gl .zt_gl_list a:nth-child(6){
    width: 79px;
    text-align: left;
    border-left: none;
}
.zt_gl .zt_gl_list a:nth-child(5n){
    width: 79px;
    text-align: right;
}
.info_right .zt_detail{
    width: 100%;
    height: 70px;
    font-size: 14px;
    font-weight: 500;
    color: #2B2B2B;
    line-height: 24px;
    /* margin-top: 12px; */
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.info_box .zt_video{
    width: 256px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.zt_video .zt_video_1{
    width: 100%;
    margin-bottom: 14px;
    position: relative;
}
.zt_video a{
    width: 100%;
    display: block;
}
.zt_video .zt_video_1 a img:first-child{
    width: 100%;
    height: 104px;
    border-radius: 6px;
    object-fit: cover;
}
.zt_video a img:last-child{
    width: 23px;
    height: 23px;
    opacity: 0.8;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -11.5px;
    margin-left: -11.5px;
}
.zt_video .d_flex{
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.zt_video .zt_video_2{
    width: 124px;
}
.zt_video .zt_video_2 a img:first-child{
    width: 100%;
    height: 74px;
    border-radius: 6px;
    object-fit: cover;
}
.home_box3 .zone_newsBox{
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 27px;
}
/* 焦点关注 */
.zone_newsBox .focus_news{
    width: 360px;
}
.focus_news .focus_news_list{
    width: 100%;
    display: flex;
    flex-direction: column;
}
.focus_news_list .list_content{
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-top: 20px;
}
.focus_news_list .list_content a{
    width: 100%;
    display: flex;
    flex-direction: column;
}
.focus_news_list .list_content p{
    width: 100%;
    font-size: 15px;
    font-weight: 500;
    color: #252525;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.list_content .news_info{
    width: 100%;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 12px;
}
.list_content .news_info .cover{
    width: 160px;
    height: 90px;
    overflow: hidden;
    border-radius: 4px;
}
.list_content .news_info .cover img:hover{
    transform: scale(1.2);
}
.list_content .news_info .cover img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.6s ease;
    border-radius: 4px;
}
.list_content .news_info_r{
    width: 190px;
    height: 90px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.list_content .news_info_r span:first-child{
    width: 100%;
    height: 62px;
    font-size: 14px;
    font-weight: 500;
    color: #747474;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.list_content .news_info_r span:last-child{
    font-size: 13px;
    font-weight: 500;
    color: #747474;
}
/* 精彩看点 */
.zone_newsBox .watch_news{
    width: 395px;
}
.zone_newsBox .watch_news .Webpage_content{
    margin-top: 20px;
}
.watch_news .Webpage_gameCover{
    height: 105px !important;
    border-radius: 4px;
}
.watch_news .Webpage_gameInfoTwo{
    height: 35px !important;
    margin-top: 10px !important;
    line-height:18px !important;
}
.zone_newsBox .newsBox_r{
    width: 345px;
    margin-top: 10px;
}
.newsBox_r .f-d-c{
    width: 100%;
    display: flex;
    flex-direction: column;
}
.newsBox_r .zone_wide{
    width: 100%;
    height: 126px;
    border-radius: 8px;
    position: relative;
    overflow: hidden;
    margin-bottom: 23px;
}
.newsBox_r .zone_wide:hover .title span,.mobile_game .zone_icon:hover span{
    color: #ff2d22;
}
.newsBox_r .zone_wide a{
    width: 100%;
    display: block;
}
.newsBox_r .zone_wide img{
    width: 100%;
    height: 126px;
    display: block;
    border-radius: 8px;
    object-fit: cover;
    transition: all 0.6s ease;
}
.newsBox_r .zone_wide img:hover{
    transform: scale(1.2);
}
.newsBox_r .zone_wide .title{
    width: 100%;
    height: 29px;
    line-height: 29px;
    background: rgba(37,37,37,0.5);
    border-radius: 0px 0px 8px 8px;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 0;
}
.newsBox_r .zone_wide .title span{
    font-size: 16px;
    /* font-weight: bold; */
    color: #FFFFFF;
}
/* 手游推荐 */
.newsBox_r .mobile_game{
    width: 100%;
    margin-top: 12px;
}
.mobile_game .d_flex{
    width: 100%;
    display: flex;
    align-items: center;
    margin-top: 12px;
}
.mobile_game .zone_icon{
    width: 66px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: 27px;
}
.mobile_game .zone_icon:last-child{
    margin-right: 0px;
}
.mobile_game .zone_icon a{
    width: 100%;
    display: block;
}
.mobile_game .zone_icon img{
    width: 66px;
    height: 66px;
    border-radius: 15px;
}
.mobile_game .zone_icon span{
    width: 100%;
    font-size: 13px;
    font-weight: 500;
    color: #252525;
    margin-top: 10px;
    text-align: center;
    display: block;
}
/* 手游频道 */
.home_box4{
    width: 1176px;
    padding: 10px 12px 20px;
    background: #FFFFFF;
    border-radius: 5px;
}
.home_box4 .mobile_box_2{
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 25px;
}
.home_box4 .mobile_box_2 .mobile_l{
    width: 810px;
    display: flex;
    flex-direction: column;
}
.mobile_box_2 .mobile_l .title_box{
    width: 100%;
    display: flex;
}
.title_box .switch_label{
    width: 97px;
    height: 29px;
    background: #ECF0F1;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 23px;
    cursor: pointer;
}
.title_box .switch_label span{
    font-size: 14px;
    /* font-weight: bold; */
    color: #595959;
}
.title_box .active{
    background: #EB6D47;
}
.title_box .active span{
    color: #FFFFFF;
}
.mobile_l .mobile_list{
    width: 100%;
    height: 300px;
    display: flex;
    flex-wrap: wrap;
    margin-top: 25px;
}
.mobile_list .item{
    width: 100px;
    display: flex;
    flex-direction: column;
    margin: 0 35px 15px 0;
}
.mobile_list .item a{
    width: 100%;
    display: block;
    display: flex;
    flex-direction: column;
}
.mobile_list .item img{
    width: 100px;
    height: 100px;
    border-radius: 15px;
}
.mobile_list .item span{
    width: 100px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    font-weight: 500;
    color: #252525;
    margin-top: 5px;
    text-align: center;
    overflow: hidden;
}
.mobile_box_2 .mobile_rank{
    width: 345px;
    display: flex;
    flex-direction: column;
}
.mobile_rank .hot_recommendTitle{
    border-bottom: 1px solid rgba(59, 59, 59, 0.10);
}
.mobile_rank .hot_recommendTitle p{
    margin-top: 0px;
    padding: 0;
    border-bottom:none;
}
.mobile_rank .hot_recommendTitle p::before{
    background:none;
}
.mobile_rank .rank_list{
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-top: 6px;
}
.mobile_rank .rank_list .item_2{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid rgba(227,227,227,0.3);
}
.mobile_rank .rank_list .item_2:last-child{
    border-bottom: none;
}
.mobile_rank .rank_list .item_2 a{
    width: 100%;
    height: 27px;
    padding: 8px 0;
    display: block;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.rank_list .item_2 .rank_l{
    width: 280px;
    display: flex;
    align-items: center;
}
.rank_list .item_2 .rank_l img{
    width: 21px;
    height: 27px;
}
.rank_list .item_2 .rank_l .rank_bg{
    width: 21px;
    height: 21px;
    line-height: 21px;
    background: #FBECE7;
    border-radius: 4px;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    color: #F9845C !important;
    margin-left: 0px !important;
}
.rank_list .item_2 .rank_l span{
    font-size: 14px;
    font-weight: 500;
    color: #3F3F3F;
    margin-left: 10px;
}
.rank_list .item_2 .go{
    width: 47px;
    height: 20px;
    background: #FBECE7;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.rank_list .item_2 .go span{
    font-size: 13px;
    font-weight: 500;
    color: #F9845C;
}
.zone_flexBox{
    width: 100%;
    display: flex;
    margin: 15px 0;
}
.zone_flexBox .item_3{
    width: 276px;
    height: 145px;
    position: relative;
    margin-right: 24px;
    border-radius: 12px;
    overflow: hidden;
}
.zone_flexBox .item_3:last-child{
    margin-right: 0px;
}
.zone_flexBox .item_3 a{
    width: 100%;
    height: 100%;
    display: block;
}
.zone_flexBox .item_3 img{
    width: 100%;
    height: 100%;
    border-radius: 12px;
    transition: all 0.6s ease 0s;
}
.zone_flexBox .item_3 img:hover{
    transform: scale(1.2);
}
.zone_flexBox .item_3 .zone_name{
    width: 100%;
    height: 32px;
    line-height: 32px;
    position: absolute;
    background: rgba(0,0,0,0.6);
    border-radius: 0px 0px 12px 12px;
    left: 0;
    bottom: 0;
    text-align: center;
}
.zone_flexBox .item_3 .zone_name span{
    height: 16px;
    font-size: 16px;
    font-weight: 500;
    color: #FFFFFF;
}
.home_box4 .subtitle{
    border-bottom:1px solid rgba(227, 227, 227, 0.30) !important;
    /* border-bottom:1px solid rgba(59, 59, 59, 0.10) !important; */
}
.home_box4 .mobile_news{
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 25px;
}
.gameNews_introductionContent{
    margin-top: 15px;
}
.mobile_news .news_l{
    width: 375px;
    display: flex;
    flex-direction: column;
}
.mobile_news .news_l .H5_news{
    width: 100%;
    display: flex;
    flex-direction: column;
}
.news_l .H5_news .content{
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-top: 15px;
}
.news_l .H5_news .content a{
    width: 100%;
    display: flex;
    flex-direction: column;
}
.H5_news .content .cover{
    width: 100%;
    height: 189px;
    border-radius: 10px;
    overflow: hidden;
}
.H5_news .content .cover img,.week_news .content .cover img{
    width: 100%;
    height: 100%;
    transition: all 0.6s ease 0s;
    border-radius: 10px;
    object-fit: cover;
}
.H5_news .content .cover img:hover,.week_news .content .cover img:hover{
    transform: scale(1.2);
}
.H5_news .content .title{
    width: 100%;
    height: 46px;
    font-size: 15px;
    font-weight: 500;
    color: #252525;
    line-height: 24px;
    margin-top: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.news_l .week_news{
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-top: 25px;
}
.news_l .week_news .d_flex{
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
}
.news_l .week_news .content{
    width: 179px;
    display: flex;
    flex-direction: column;
}
.news_l .week_news .content a{
    width: 100%;
    display: flex;
    flex-direction: column;
}
.news_l .week_news .content .cover{
    width: 179px;
    height: 95px;
    overflow: hidden;
    border-radius: 9px;
}
.news_l .week_news .content .title{
    width: 100%;
    height: 40px;
    font-size: 14px;
    font-weight: 500;
    color: #252525;
    line-height: 20px;
    margin-top: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.mobile_news .gameNews_introduction{
    width: 375px !important;
}

.mobile_news .news_r{
    width: 370px;
    display: flex;
    flex-direction: column;
}
.news_r .news_recommend{
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-top: 15px;
}
.news_recommend .r_content{
    width: 100%;
    height: 83px;
    background: #F7F7F7;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}
.news_recommend .r_content a{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.news_recommend .r_content .cover{
    width: 157px;
    height: 83px;
    -webkit-clip-path: polygon(0px 0%, 100% 0%, 107px 100%, 0% 100%);
    clip-path: polygon(0px 0%, 100% 0%, 107px 100%, 0% 100%);
}
.news_recommend .r_content .two{
    -webkit-clip-path: polygon(0px 0%, 100% 0%, 125px 100%, 0% 100%);
    clip-path: polygon(0px 0%, 100% 0%, 125px 100%, 0% 100%);
}
.news_recommend .r_content:nth-child(2) .cover{
    -webkit-clip-path: polygon(0px 0%, 100% 0%, 125px 100%, 0% 100%);
    clip-path: polygon(0px 0%, 100% 0%, 125px 100%, 0% 100%);
}
.news_recommend .r_content .cover img{
    width: 100%;
    height: 100%;
    transition: all 0.6s ease;
}
.news_recommend .r_content .cover img:hover{
    transform: scale(1.2);
}
.news_recommend .r_content .r_info{
    width: 190px;
    height: 83px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-right: 15px;
}
.news_recommend .r_content .r_info p{
    width: 100%;
    height: 18px;
    font-size: 15px;
    font-weight: bold;
    color: #F98C68;
    margin: 0;
    padding: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.news_recommend .r_content .r_info span{
    width: 100%;
    height: 15px;
    font-size: 13px;
    font-weight: 500;
    color: #747474;
    margin-top: 15px;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.news_r .zone_gameBox{
    width: 100%;
    position: relative;
    border-radius: 12px;
    margin: 20px 0;
}
.news_r .zone_gameBox a{
    width: 100%;
    display: block;
}
.zone_gameBox .img{
    width: 100%;
    height: 205px;
    overflow: hidden;
}
.zone_gameBox .img img{
    width: 100%;
    height: 100%;
    border-radius: 12px;
    object-fit: cover;
}
.zone_gameBox .game_name{
    width: 100%;
    height: 100%;
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.3);
    margin: 0 auto;
    line-height: 205px;
    font-size: 18px;
    font-weight: bold;
    color: #FFFFFF;
    border-radius: 12px;
}
.news_r .zone_gameBox:hover .game_name{
    display: block;
}
.zone_gameBox .little_img{
    width: 70px;
    height: 70px;
    position: absolute;
    border: 3px solid #FFFFFF;
    border-radius: 12px;
    bottom: -20px;
    right: 0px;
}
.zone_gameBox .little_img img{
    width: 100%;
    height: 100%;
    border-radius: 5px;
}


/* 顶部专区推荐 */
.top_recommendBox{
	height: 130px;
	display: flex;
	align-items: center;
	background-color: #FFFFFF;
}
.top_recommendBox .tab_box{
	width: 13%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.top_recommendBox .tab_box .tab_content{
	width: 100%;
	height: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #dddddd;
	cursor: pointer;
}
.top_recommendBox .tab_box .tab_content span{
	font-size: 18px;
	color: #2B2B2B;
}
.top_recommendBox .tab_box .active{
	position: relative;
	border: 1px solid #FF5500;
	background-color: #FFFFFF;
	border-right: 1px solid transparent;
}
.top_recommendBox .tab_box .active span{
	color: #FF5500;
	font-weight: bold;
}
.top_recommendBox .tab_content .img_box{
	margin-right: 5px;
}
.top_recommendBox .tab_content .img_box img{
	width: 20px;
}
.top_recommendBox .tab_content:first-child .img_box img{
	width: 30px;
}
.top_recommendBox .tab_content .img_box img:last-child{
	display: none;
}
.top_recommendBox .tab_box .active .img_box img:first-child{
	display: none;
}
.top_recommendBox .tab_box .active .img_box img:last-child{
	display: block;
}
.recommend_game {
	width: 85%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background-color: #FFFFFF;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	padding: 12px 2%;
	border: 1px solid #FF5500;
}
.game_content {
	width: 10%;
	/* height: 100px; */
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	position: relative;
}
.game_content:hover .game_name{
	color: #FF4934;
}
.game_content a {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.game_content:hover .home_qrcodeBox,.service_content:hover .home_qrcodeBox2{
	display: flex;
}
.home_qrcodeBox,.home_qrcodeBox2{
	position: absolute;
	top: 105px;
	left: -13%;
	width: 130px;
	height: 130px;
	display: none;
	align-items: center;
	justify-content: center;
	z-index: 999;
}
.home_qrcodeBox2{
	top: 65px;
}
.home_qrcodeBox img,.home_qrcodeBox2 img{
	width: 100%;
	height: 100%;
}
.game_icon {
	width: 80px;
	height: 80px;
	border-radius: 10px;
}
.game_contentRight {
	width: 100%;
	height: 70px;
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.game_name {
	width: 100%;
	font-size: 14px;
	font-family: PingFang SC;
	font-weight: bold;
	color: #2B2B2B;
	overflow: hidden;
	/* text-overflow: ellipsis; */
	white-space: nowrap;
	margin-top: 5px;
	text-align: center;
}

.game_type {
	width: 90px;
	font-size: 12px;
	font-family: PingFang SC;
	font-weight: 400;
	color: #2B2B2B;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.game_beginBtn {
	width: 85%;
	height: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 2px solid #ED6D47;
	border-radius: 14px;
}

.game_beginBtn span {
	font-size: 13px;
	font-family: PingFang SC;
	font-weight: 400;
	color: #ED6D47;
}

.game_beginBtn:hover,
.game_beginBtn:hover .beginBtn_text {
	background-color: #ED6D47;
	color: #FFFFFF;
}

/* //游戏分类 */
.game_class {
	width: 100%;
	height: auto;
	margin-top: 20px;
	background-color: #FFFFFF;
	border-radius: 8px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	padding-bottom: 20px;
}

.class_title {
	width: 98%;
	margin: 0 auto;
	/* width: auto; */
	height: 68px;
	border-bottom: 2px solid #FF9900;
}

.class_title p {
	width: auto;
	height: 50px;
	display: inline-block;
	line-height: 50px;
	border-bottom: 1px solid #ED6D47;
	/* padding-left: 10px; */
	font-size: 18px;
	font-family: PingFang SC;
	font-weight: 600;
	color: #FF6602;
}

.class_title p:after {
	content: '';
	width: 0;
	height: 0;
	position: relative;
	border-style: solid;
	left: -50%;
	top: 13%;
	border-width: 0 8px 8px 8px;
	border-color: transparent transparent #FF6602 transparent;
}

.class_contentBox {
	width: 98%;
	height: auto;
	padding: 0 1%;
}

.interval {
	/* color: rgba(0, 0, 0, 0.4); */
	color: rgba(169,169,169,0.6);
	margin: 0 10px;
	/* margin: 0 14px; */
	font-size: 13px;
}

.class_type {
	display: flex;
	padding: 10px 0;
	/* justify-content: space-around; */
	justify-content: space-between;
	border-bottom: 1px dashed rgba(99, 99, 99, 0.3);
}
.class_type:first-child{
	/* border-top: 1px solid #FF9900; */
}
.class_type_3 {
	display: flex;
	padding: 10px 0;
	/* justify-content: space-around; */
	justify-content: space-between;
	border-bottom: 1px dashed rgba(99, 99, 99, 0.3);
}

.classType_leftBox {
	width: 86px;
	height: 27px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(72deg, #ED6D47 0%, #FF4934 100%);
	border-radius: 11px;
	/* background: #ED6D47;
	border-radius: 14px; */
	margin-top: 3px;
}

.classType_leftBox span {
	font-size: 14px;
	font-family: PingFang SC;
	font-weight: 400;
	color: #FFFFFF;
}

.classType_rightBox {
	width: 91%;
	height: 65px;
	/* height: auto; */
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	overflow: hidden;
}

.classType_rightBox div {
	margin: 5px 0px 7px 0;
}

.classType_rightBox .interval:last-child {
	display: none;
}

.right_content .active {
	cursor: pointer;
	font-size: 14px;
	font-family: PingFang SC;
	font-weight: 400;
	color: #FF4934;
	/* color: #ED6D47; */
	text-align: center;
	border: 5px solid rgba(0,0,0,0);
}
.right_content a{
	position: relative;
}
.game_homeHotImg{
	background: url(../images/nav-hoticon.gif) no-repeat;
	/* background: url(../images/nav-hoticon.gif) no-repeat; */
	position: absolute;
	display: block;
	width: 9px;
	height: 14px;
	top: -5px;
	right: -3px;
	/* right: -9px; */
	overflow: hidden;
}
.game_hotImg02{
	display: none;
}
.right_content .default {
	cursor: pointer;
	font-size: 14px;
	font-family: PingFang SC;
	font-weight: 400;
	color: #2B2B2B;
	/* color: #636363; */
	text-align: center;
	border: 5px solid rgba(0,0,0,0);
}
.right_content .default:hover{
	color: #f53b03;
}
/* 本周推荐 */
.week_recommendBox{
	padding: 0 10px;
}
.week_recommendList{
	margin-top: 20px;
	padding: 0 10px;
	display: grid;
	justify-content: space-between;
	grid-template-columns: repeat(auto-fill, 60px);
	grid-column-gap: 37px;
	grid-row-gap: 15px;
}
.week_recommendList .content{
	width: 100%;
	/* width: 60px; */
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	/* margin: 0 37px 15px 0; */
	overflow: hidden;
}
.week_recommendList .content:nth-child(12n){
	/* margin: 0 0 15px 0; */
}
.week_recommendList .content:hover .game_name{
	color: #FF4934;
}
.week_recommendList .content a{
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.week_recommendList .content .cover{
	width: 100%;
	height: 60px;
	border-radius: 8px;
}
.week_recommendList .content .game_name{
	width: 100%;
	font-size: 13px;
	color: #2B2B2B;
	margin-top: 5px;
	text-align: center;
}
/* 顶部广告位轮播 */
.advertising_space{
	width: 98%;
	height: auto;
	padding: 0 1%;
	margin-top: 12px;
}
.advertising_space .swiper-containerAdvertising{
	width: 100%;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	z-index: 1;
}
.advertising_space .swiper-slide{
	width: 15.2% !important;
	height: 105px;
}
.advertising_space .swiper-slide a{
	width: 100%;
	height: 105px;
}
.advertising_imgBox{
	width: 100%;
	height: 100%;
	position: relative;
}
.advertising_imgBox img{
	width: 100%;
	height: 100%;
	opacity: 1;
}
.advertising_gameName{
	width: 100%;
	height: 22px;
	line-height: 22px;
	text-align: center;
	font-size: 12px;
	font-family: PingFang SC;
	font-weight: 500;
	color: #FFFFFF;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 2;
}
.mask{
	background-color: #000000;
	opacity: 0.5;
	bottom: 0px;
	position: absolute;
	display: block;
	width: 100%;
	z-index: 1;
	height: 22px;
	left: 0;
}
/* //广告位 */
.adsense {
	width: 100%;
	height: 90px;
	margin: 15px 0;
	cursor: pointer;
	overflow: hidden;
	border-radius: 8px;
}
.adsense img {
	width: 100%;
	height: 100%;
	transition: all 0.6s ease;
}
.adsense img:hover,.adsense_2 img:hover,#banner .swiper-slide img:hover{
	transform: scale(1.2);
}
.adsense_2{
	width: 100%;
	height: 65px;
	margin-top: 10px;
	cursor: pointer;
	overflow: hidden;
	border-radius: 8px;
}
.adsense_2 img{
	width: 100%;
	height: 65px;
	transition: all 0.6s ease 0s;
	/* height: 100%; */
}

/* 中间内容部分 */
.middle_box {
	width: 100%;
	height: auto;
	display: flex;
	justify-content: space-between;
	/* margin: 30px 0; */
}

/* // 左边 */
.middle_leftBox {
	width: 370px;
	height: auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	/* margin-top: -17px; */
}

/* 热门推荐 */
.hot_recommend {
	width: 96%;
	height: auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background-color: #FFFFFF;
	padding: 0 2%;
	border-radius: 8px;
}

.hot_recommendTitle,.subtitle{
	width: 100%;
	height: auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid rgba(227, 227, 227, 0.30);
}

.hot_recommendTitle p {
	width: auto;
	height: 30px;
	display: inline-block;
	/* border-bottom: 2px solid #ED6D47; */
	font-size: 18px;
	color: #2B2B2B;
	font-weight: bold;
	margin-bottom: 3px;
	font-family: PingFang SC;
	margin-top: 12px;
	position: relative;
	padding-left: 12px;
}
.subtitle p{
	font-size: 18px;
	font-family: PingFang SC;
	font-weight: bold;
	color: #2B2B2B;
	margin: 7px 0;
	padding: 0;
}
.hot_recommendTitle p::before{
	content: '';
	position: absolute;
	width: 5px;
	height: 60%;
	background: #ED6D47;
	border-radius: 3px;
	left: 0;
	top: 13%;
}
.more_box {
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	margin-top: 5px;
}

.more_box a {
	display: flex;
}

.more_box span {
	font-size: 14px;
	margin-right: 5px;
	font-family: PingFang SC;
	font-weight: 400;
	color: #2B2B2B;
	/* color: rgba(34, 34, 34, 0.8); */
}

.more_icon {
	position: relative;
	right: 0px;
	width: 12px;
	height: 12px;
	margin: auto;
	background-color: rgba(0,0,0,0);
	border: 1px solid rgba(0,0,0,0.5);
	border-radius: 50%;
	color: #666;
	line-height: 12px;
	text-align: center;
}
.more_box:hover span,.more_box:hover .more_icon{
	color: #FF4934;
}
/* .more_box:hover .more_icon{
	animation: fanz 1s ease 200ms alternate none 1;
	-webkit-animation: fanz 1s ease 200ms alternate none 1;
	transition-delay: 0.2s;
	opacity: 1;
} */
@-webkit-keyframes fanz {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	50% {
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
	}
	100% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
}
.more_box:hover .more_icon{
	border: 1px solid rgba(255,73,56,0.5);
}
/* .more_icon::before {
	content: "";
	position: absolute;
	top: 43%;
	right: 12%;
	width: 12px;
	height: 2px;
	background-color: #fff;
	opacity: 0.8;
}

.more_icon::after {
	content: "";
	position: absolute;
	right: 43%;
	bottom: 18%;
	width: 2px;
	height: 11px;
	background-color: #fff;
	opacity: 0.8;
} */

.hot_recommendList {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.hot_content {
	width: 100%;
	display: flex;
	align-items: center;
	/* padding: 8px 0; */
	padding: 5px 0;
	cursor: pointer;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.hot_content a {
	width: 100%;
	display: flex;
	align-items: center;
}

.hot_gameIcon {
	width: 40px;
	height: 40px;
	border-radius: 5px;
	margin-right: 10px;
}

.hot_contentRight {
	width: 80%;
	height: 50px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	/* justify-content: space-evenly; */
}
.hot_contentRight::before,.hot_contentRight::after{
	content: '';
	display: block;
}
.hot_gameName {
	font-size: 14px;
	/* // font-size: 20px; */
	font-family: PingFang SC;
	font-weight: bold;
	color: #2B2B2B;
	/* color: #FF6602; */
}
.hot_gameName:hover,.service_gameName:hover{
	color: #FF4934;
}
.hot_gameIntroduce {
	width: 95%;
	font-size: 12px;
	font-family: PingFang SC;
	font-weight: 400;
	color: #2B2B2B;
	/* color: rgba(51, 51, 51, 0.82); */
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
/* 新游评测 */
.newsGame_evaluation{
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background-color: #FFFFFF;
	margin-top: 15px;
	padding: 0 10px;
	border-radius: 8px;
	box-sizing: border-box;
}
.newsGame_evaluationContent{
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin-top: 12px;
}
.evaluationContent_top,.evaluationContent_top a{
	width: 100%;
	display: flex;
    flex-direction: column;
	align-items: center;
	justify-content: space-between;
}
.evaluationContent_top p{
    width: 100%;
    height: 20px;
    font-size: 15px;
    font-weight: bold;
    color: #252525;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.evaluationContent_main{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 11px;
}
.newsGame_cover{
	width: 160px;
	height: 83px;
	overflow: hidden;
}
.newsGame_cover img{
	width: 100%;
	height: 83px;
	object-fit: cover;
	transition: all 0.6s ease;
}
.newsGame_cover img:hover{
	transform: scale(1.2);
}
.newsGame_right{
	width: 180px;
	height: 73px;
    padding: 5px 0;
	/* background: #f2f2f2; */
}
.newsGame_right::before,.newsGame_right::after{
	content: '';
	display: block;
}
.newsGame_rightTitle{
	width: 82%;
	font-size: 14px;
	font-family: PingFang SC;
	font-weight: 600;
	color: #2B2B2B;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.newsGame_rightTitle:hover,.newsGame_info:hover,.introduction_info:hover{
	color: #FF4934;
}
.newsGame_rightInfo{
	width: 100%;
    height: 62px;
	font-size: 13px;
	font-family: PingFang SC;
	font-weight: 600;
	color: #4C4C4C;
	overflow: hidden;
	line-height: 20px;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}
.evaluationContent_bottom,.introduction_bottomContent{
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 6px 0 10px 0;
}
.evaluationContent_bottom a,.introduction_bottomContent a{
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 7px 0;
}
.newsGame_info,.introduction_info{
	width: 100%;
	font-size: 13px;
	font-family: PingFang SC;
	font-weight: 400;
	color: #2B2B2B;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.newsGame_info::before,.introduction_info::before{
	content: '';
	width: 7px;
	height: 7px;
	border-radius: 50%;
	display: inline-block;
	margin-right: 5px;
	background: #7E7E7E;
	opacity: 0.4;
}
/* 新手指南 */
.online_games{
    width: 96%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #FFFFFF;
    padding: 0 2%;
    border-radius: 8px;
    margin-top: 15px;
}
.online_games .online_gameImg{
    width: 100%;
    height: 118px;
    overflow: hidden;
    margin: 13px auto 8px;
    border-radius: 4px;
}
.online_games .online_gameImg a{
    width: 100%;
    height: 100%;
    display: block;
}
.online_games .online_gameImg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.6s ease;
    border-radius: 4px;
}
.online_games .online_gameImg img:hover{
    transform: scale(1.2);
}
/* 游戏视频 */
.game_video{
	width: 96%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background-color: #FFFFFF;
	padding: 0 2%;
	border-radius: 8px;
	margin-top: 12px;
}
.game_videoBox{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	margin-top: 10px;
}
.game_videoContent{
	width: 49%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin-bottom: 12px;
}
.game_videoContent a{
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.gameVideo_cover{
	width: 100%;
	height: 89px;
	overflow: hidden;
	border-radius: 5px;
}
.gameVideo_cover img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.6s ease;
}
.gameVideo_cover img:hover,.gameNews_gameCover img:hover,.novice_guideCover img:hover,.entertainment_cover img:hover{
	transform: scale(1.2);
}
.gameVideo_info{
	width: 95%;
	height: 57px;
	background: #f2f2f2;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	font-family: PingFang SC;
	font-weight: 500;
	color: #2B2B2B;
	overflow: hidden;
	line-height: 20px;
	padding: 0 2.5%;
}
.gameVideo_info:hover{
	color: #FF4934;
}
.gameVideo_info span{
	width: 100%;
	height: 43px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
/* 排行榜 */
/* .ranking_box {
	width: 96%;
	height: auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background-color: #FFFFFF;
	padding: 0 2% 5px 2%;
	margin-top: 15px;
	border-radius: 8px;
} */

/* .ranking_list {
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin: 10px 0;
}

.ranking_list ul {
	width: 100% !important;
	display: flex;
	flex-direction: column !important;
	justify-content: center !important;
	list-style: none;
	padding: 0;
	margin: 0;
}
 */
/* .ranking_list li {
	width: 98%;
	padding: 0 1%;
}

.open {
	width: 100%;
	display: flex;
	align-items: center;
}
 */
/* .open .ranking_gameBox {
	display: block !important;
}

.open .ranking_gameBox2 {
	display: none !important;
} */

/* .ranking_gameBox {
	width: 100%;
	height: 60px;
	background-color: #00aaff;
	padding: 5% 0;
	position: relative;
	cursor: pointer;
	overflow: hidden;
	display: none
} */

/* .pc_rank {
	width: 100%;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: space-evenly;
} */
/*
.ranking_number {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 50px 50px 0 0;
	border-color: #ff000d transparent transparent transparent;
	line-height: 0px;
	position: absolute;
	top: 0;
	left: 0;
}

.bg_color2 {
	border-color: #e3be39 transparent transparent transparent !important;
}

.bg_colorOther {
	border-color: #00aaff transparent transparent transparent !important;
}

.ranking_number span {
	position: absolute;
	top: -33px;
	left: 8px;
	font-size: 20px;
	color: #fff;
}

.ranking_left {
	display: flex;
	align-items: center;
}

.ranking_left a {
	display: flex;
	align-items: center;
}

.ranking_gameIcon {
	width: 60px;
	height: 60px;
	margin-right: 10px;
}

.ranking_main {
	width: 57%;
	height: 60px;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
}

.ranking_gameName {
	width: 100px;
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-all;
}

.ranking_gaemType {
	font-size: 15px;
	color: #fff;
}

.ranking_right {
	width: 28%;
	height: 28px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #FFAF25;
	border-radius: 6px;
}

.ranking_right a {
	display: flex;
	align-items: center;
	justify-content: center;
}

.ranking_right span {
	font-size: 14px;
	font-family: PingFang SC;
	font-weight: 400;
	color: #FFFFFF;
}

.ranking_gameBox2 {
	display: flex;
	align-items: center;
	justify-content: space-between;
	cursor: pointer;
	padding: 10px;
	border-bottom: 1px dashed #e3dfdf;
	overflow: hidden;
}

.ranking_gameBox2 a {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.ranking_gameBox2:hover {
	background-color: #00aaff;
	border-bottom: none;
}

.ranking_left2 {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.ranking_number2 {
	width: 20px;
	height: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 15px;
	margin-right: 10px;
}

.bg_1 {
	background-color: #ff0000;
}

.bg_2 {
	background-color: #e3be39;
}

.bg_other {
	background-color: #00aaff;
}

.ranking_gameName2 {
	width: 150px;
	font-size: 15px;
	font-family: PingFang SC;
	font-weight: 400;
	color: #000000;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ranking_right2 {
	margin-right:20px;
}

.ranking_gameBox2:hover .ranking_gameName2,
.ranking_gameBox2:hover .ranking_gameType2,
.ranking_gameBox2:hover .ranking_right2 span {
	color: #FFFFFF;
}

.ranking_gameType2 {
	width: 20px;
	font-size: 15px;
	font-family: PingFang SC;
	font-weight: 400;
	color: #000000;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ranking_right2 span {
	font-size: 14px;
	font-weight: bold;
	color: #333;
} */

/* 中间轮播 */
.middle_mainBox {
	width: 500px;
	background-color: #FFFFFF;
	border-radius: 5px;
}

.slide_box,
.slide_box_2 {
	width: 100%;
	height: auto;
}

#banner {
	width: 100%;
	margin: 0 auto;
	position: relative;
	/* margin-top: 20px; */
}
#banner .swiper-container-horizontal{
	border-radius: 5px;
	/* border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px; */
}
#banner .hide{
	opacity: 0;
}
#banner .swiper-button-next,#banner .swiper-button-prev{
  transition:opacity 0.5s;
}
#banner_2 {
	width: 100%;
	margin: 0 auto;
	position: relative;
}

.swiper-slide,
.test {
	width: 100% !important;
}
.swiper-slide .imageSilde_box{
	width: 100%;
	height: 380px;
	/* border-radius: 5px; */
	overflow: hidden;
	position: relative;
}
.swiper-slide .img_title{
	width: 100%;
	height: 78px;
	background-color: rgba(0,0,0,0.7);
	border-radius: 0px 0px 5px 5px;
	position: absolute;
	left: 0;
	bottom: 0;
}
.swiper-slide .img_title span{
	font-size: 18px;
	line-height: 31px;
	margin: 8px 14px;
	height: 62px;
	display: block;
	-webkit-clip-path: polygon(100% 0%, 100% 50%, 55% 50%, 55% 100%, 0% 100%, 0% 0%);
	clip-path: polygon(100% 0%, 100% 50%, 55% 50%, 55% 100%, 0% 100%, 0% 0%);
	overflow: hidden;
	text-align: justify;
	/* font-weight: bold; */
	color: #FFFFFF;
}
#banner .swiper-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.6s ease;
}

.swiper-pagination {
	position: relative;
	top: -30px;
	width: 100%;
}

.swiper-pagination-bullet {
	width: 25%;
	height: auto;
	background: none;
}

.custom_pagination {
	width: 30% !important;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	bottom: 18px !important;
	right: 10px;
	left: inherit !important;
	z-index: 2;
}

.custom_pagination .swiper-pagination-bullet {
	width: 13px !important;
	height: 13px !important;
	background: rgba(227, 227, 227, 0.4) !important;
	opacity: 1 !important;
	border-radius: 50% !important;
	margin-right: 10px !important;
}

.custom_pagination .swiper-pagination-bullet-active {
	background: #ED6D47 !important;
}

.swiper-pagination-bullet img {
	width: 100%;
}

.swiper-button-prev {
	position: absolute;
	width: 38px !important;
	height: 44px !important;
	left: 0px !important;
	background-size: 18px 40px !important;
	background-color: rgba(0, 0, 0, 0.3);
}

.swiper-button-next {
	position: absolute;
	width: 38px !important;
	height: 44px !important;
	right: 0px !important;
	background-size: 18px 40px !important;
	background-color: rgba(0, 0, 0, 0.3);
}

.swiper-container3,
.swiper-container4,
.swiper-container5,
.swiper-container6 {
	width: 100%;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	z-index: 1;
}

.swp_next1 {
	right: 30% !important;
	top: 100% !important;
	margin-top: -9px !important;
	background-size: 15px 20px !important;
	opacity: 0.5 !important;
	background-color: #FFFFFF !important;
}

.swp_prev1 {
	top: 100% !important;
	left: 30% !important;
	margin-top: -9px !important;
	background-size: 15px 20px !important;
	opacity: 0.5 !important;
	background-color: #FFFFFF !important;
}

/* .swiper-slide,.image_lazy{
	width: 100%;
	margin: 0 auto;
	height: auto;
} */
/* // .swiper .hide{
//   opacity:0;
// }
// .swiper-button-next,.swiper-button-prev{
//   transition:opacity 0.5s;
// }
//轮播分页样式 */
/* .swiper-pagination3{
	width: 100%;
	height: auto;
	display: flex;
	align-items: center;
	justify-content: center;
}
.customize_left{
	width: 38px !important;
	height: 44px !important;
	left: 0px !important;
	background-size: 18px 40px !important;
	background-color: rgba(0,0,0,0.2);
}
.customize_right{
	width: 38px !important;
	height: 44px !important;
	right: 0px !important;
	background-size: 18px 40px !important;
	background-color: rgba(0,0,0,0.2);
}
.swiper-pagination-bullet{
	margin-right: 2% !important;
}
.swiper-pagination3 .swiper-pagination-bullet {
	margin-right: 3% !important;
}
.swp_next1{
	right: 30%;
	top: 100% !important;
	background-size: 15px 20px;
	opacity: 0.5;
}
.swp_prev1{
	top: 100% !important;
	left: 30%;
	background-size: 15px 20px;
	opacity: 0.5;
}
.swiper-pagination3{
	width: 100%;
	margin-top: 20px;
	align-items: center;
	justify-content: center;
}
.swiper-slide{
	width: 100%;
}
.image_lazy img{
	width: 100%;
	height: 235px;
	cursor: pointer;
}
.custom_pagination{
	position: relative;
	top: -30px;
}
/deep/ .custom_pagination .swiper-pagination-bullet{
	width: 37px !important;
	height: 8px !important;
	background: rgba(0,0,0,0.6) !important;
	opacity: 0.7 !important;
	border-radius: 4px !important;
	margin-right: 10px !important;
}
/deep/ .custom_pagination .swiper-pagination-bullet-active{
	background: #FFFFFF !important;
	border-radius: 4px !important;
} */
.content_silde {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-around;
}

.content_sildeTitle {
	width: 96%;
	display: flex;
	align-items: center;
	justify-content: space-evenly;
	padding: 14px 0;
	/* box-shadow: 0 0 16px 5px rgba(0,0,0,0.10); */
	border-radius: 10px;
	margin: 13px 0;
    background-color: #ECF0F1;
}
.content_sildeTitle ul {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	/* justify-content: space-evenly; */
}
.content_sildeTitle ul::before,.content_sildeTitle ul::after{
	content: '';
	display: block;
}
.content_sildeTitle span {
	width: 20%;
	font-size: 16px;
	cursor: pointer;
	font-family: PingFang SC;
	font-weight: 400;
}
.sildeTitleSpan {
	width: 20%;
	text-align: center;
}
.sildeTitleSpan span {
	color: #000000;
}
.sildeTitleSpan span:hover{
	color: #ED6D47;
	font-weight: bold;
	font-size: 18px;
}
.sildeTitleSpan_active span {
	font-size: 18px;
	color: #ED6D47;
	font-weight: bold;
    position: relative;
    padding-bottom: 9px;
}
.sildeTitleSpan_active span::before{
    content: '';
    width: 50%;
    position: absolute;
    left: 26%;
    bottom: 0px;
    height: 4px;
    background: #EB6D47;
    text-align: center;
    border-radius: 2px;
}
/* // .content_sildeTitle span:hover{
// 	color: #ED6D47;
// } */
.gameNotice_box {
	width: 96%;
	/* height: 50px; */
	padding: 10px 0;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	/* border-bottom: 1px solid rgba(0,0,0,0.1); */
	cursor: pointer;
}
.gameNotice_box:nth-child(2n){
    border-bottom: 1px solid rgba(227,227,227,0.3);
}
.gameNotice_box a {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
}

.gameNotice_title {
	width: 85%;
	font-size: 18px;
	font-weight: bold;
	font-family: PingFang SC;
	color: #FB381F;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.gameNotice_content {
	width: 90%;
	font-size: 13px;
	font-family: PingFang SC;
	font-weight: 400;
	/* color: rgba(0, 0, 0, 0.8); */
	color: #2B2B2B;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-top: 15px;
}

.game_infoBox {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-around;
}

.game_info {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin: 5px 0;
}

.game_infoTitle {
	width: 85%;
	font-size: 16px;
	margin: 5px 0;
	cursor: pointer;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-family: PingFang SC;
	font-weight: bold;
	color: #2B2B2B;
	/* color: #000000; */
}

.game_infoTitle::before {
	content: '';
	width: 11px;
	height: 11px;
	display: inline-block;
	background: #ED6D47;
	border-radius: 50%;
	margin-right: 8px;
}
.game_infoContentBig{
	width: 98%;
	padding: 5px 0%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	cursor: pointer;
	margin: 10px auto;
	/* margin: 6px 0; */
	box-shadow: 0 0 16px 2px rgba(0,0,0,0.15);
	border-radius: 6px;
}
.game_infoContentBig a{
	width: 98% !important;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 1%;
}
.game_infoContent {
	width: 96%;
	display: flex;
	align-items: center;
	/* margin: 6px 0; */
	padding: 6px 0;
	margin: 0px auto;
	justify-content: space-between;
	cursor: pointer;
}
.game_infoContent:nth-child(5n){
    padding: 6px 0 15px 0;
    border-bottom: 1px solid rgba(227,227,227,0.3);
}
.game_infoContent:nth-child(20){
    padding: 6px 0;
    border-bottom: none;
}
.game_info .active .game_infoContentLeft{
    color: #FF4934;
}
.game_infoContent:nth-child(5n+1){
    padding: 15px 0 6px 0;
}
.game_infoContent a ,.game_infoContentBig a{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.game_infoContentLeft {
	width: 80%;
	font-size: 14px;
	/* font-size: 16px; */
	font-family: PingFang SC;
	font-weight: 400;
	/* color: #636363; */
	color: #2B2B2B;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.game_infoContentLeft:hover,
.game_infoTitle:hover {
	color: #FF4934;
	/* color: #ED6D47; */
}

.game_infoContentLeft::before {
	content: '';
	width: 9px;
	height: 9px;
	border-radius: 50%;
	display: inline-block;
	margin-right: 6px;
	background: #7E7E7E;
	opacity: 0.4;
}

.game_infoContentTime {
	font-size: 12px;
	/* font-size: 13px; */
	font-family: PingFang SC;
	font-weight: 400;
	color: #B1B1B1;
	/* color: rgba(99, 99, 99, 0.62); */
}

.custom_pagination3,
.custom_pagination4,
.custom_pagination5,
.custom_pagination6 {
	position: relative;
	top: 19px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.custom_pagination3 .swiper-pagination-bullet,
.custom_pagination4 .swiper-pagination-bullet,
.custom_pagination5 .swiper-pagination-bullet,
.custom_pagination6 .swiper-pagination-bullet {
	width: 14px;
	height: 14px;
	background: #7E7E7E;
	opacity: 0.5;
	border-radius: 50%;
	margin-right: 10px;
}

.custom_pagination3 .swiper-pagination-bullet-active,
.custom_pagination4 .swiper-pagination-bullet-active,
.custom_pagination5 .swiper-pagination-bullet-active,
.custom_pagination6 .swiper-pagination-bullet-active {
	background: #ED6D47;
	opacity: 1 !important;
}

/* 右边内容 */
.middle_rightBox {
	width: 300px;
	height: auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	/* margin-top: -17px; */
}
/* 开服列表 */
.open_serviceBox{
	width: 100%;
	display: flex;
	flex-direction: column;
	background-color: #FFFFFF;
	padding: 0 10px;
	border-radius: 5px;
	box-sizing: border-box;
}
.open_serviceList {
	width: 100%;
	display: flex;
	flex-direction: column;
	/* margin-top: 5px; */
	/* align-items: center; */
}

.service_content {
	width: 100%;
	display: flex;
	align-items: center;
	padding: 5.2px 0;
	justify-content: space-between;
	cursor: pointer;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	position: relative;
}
.service_content:last-child{
    border-bottom: none;
}
.service_content a{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.service_gameIcon {
	width: 40px;
	height: 40px;
	border-radius: 5px;
	margin-right: 10px;
}

.service_gameBox {
	width: 65%;
	height: 50px;
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	/* justify-content: space-evenly; */
}
.service_gameBox::before,.service_gameBox::after{
	content: '';
	display: block;
}

.service_gameName {
	/* width: 87%; */
	/* font-size: 16px; */
	font-size: 14px;
	color: #2B2B2B;
	font-weight: bold;
	/* color: #ED6D47; */
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-all;
}

.service_gameIntroduce {
	width: 90%;
	font-size: 12px;
	/* font-size: 13px; */
	font-family: PingFang SC;
	font-weight: 400;
	color: #2B2B2B;
	/* color: rgba(51, 51, 51, 0.82); */
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-all;
}

.service_contentLeft {
	width: 50%;
	display: flex;
	align-items: center;
}

.service_contentLeft a {
	width: 100%;
	display: flex;
	align-items: center;
}

.service_contentRight {
	width: 49%;
	display: flex;
	align-items: center;
	justify-content: space-around;
}

.service_area {
	width: 80%;
	font-size: 12px;
	font-family: PingFang SC;
	font-weight: 400;
	color: #333333;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.service_time {
	width: 90%;
	font-size: 12px;
	font-family: PingFang SC;
	font-weight: 400;
	color: #B1B1B1;
	/* color: #8E8E8E; */
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
/* 游戏推荐 */
.home_box2{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    background-color: #FFFFFF;
    padding: 0 10px;
    margin-top: 15px;
    border-radius: 8px;
}
.home_box2 ul,.home_box2 li{
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}
.home_box2 li{
    padding: 10px 0;
    border-bottom: 1px solid rgba(227,227,227,0.3);
}
.home_box2 .game_recommendBox{
    width: 100%;
    display: flex;
    align-items: center;
}
.home_box2 .game_recommendBox .cover_box{
    width: 100px;
    height: 60px;
    margin-right: 5px;
    border-radius: 4px;
}
.home_box2 .game_recommendBox .cover_box img{
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 4px;
}
.home_box2 .game_recommendBox .content_box{
    width: 175px;
    display: flex;
    flex-direction: column;
}
.game_recommendBox .content_box p{
    margin: 9px 0;
    padding: 0;
    font-size: 16px;
    font-weight: bold;
    color: #252525;
}
.game_recommendBox .content_box .d_flex{
    display: flex;
    align-items: center;
}
.game_recommendBox .content_box .d_flex span{
    font-size: 12px;
    font-weight: 500;
    color: #252525;
    margin-top: 6px;
}
.game_recommendBox .content_box .d_flex span:first-child{
    margin-right: 7px;
}
.home_box2 .game_recommendBox2{
    width: 100%;
    display: none;
    align-items: center;
}
.home_box2 .game_recommendBox2 .cover_box{
    width: 100px;
    height: 112px;
    border-radius: 4px;
    margin-right: 5px;
    overflow: hidden;
}
.home_box2 .game_recommendBox2 .cover_box a,.home_box2 .game_recommendBox2 .cover_box img{
    width: 100%;
    height: 100%;
    display: block;
    transition: all 0.6s ease;
}
.home_box2 .game_recommendBox2 .cover_box img:hover{
    transform: scale(1.2);
}
.home_box2 .game_recommendBox2 .content_box{
    width: 175px;
    display: flex;
    flex-direction: column;
}
.game_recommendBox2 .content_box p{
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    color: #252525;
    margin: 8px 0;
}
.game_recommendBox2 .content_box span{
    width: 100%;
    margin: 6px 0;
    font-size: 12px;
    font-weight: 500;
    color: #252525;
}
.home_box2 .active .game_recommendBox{
    display: none;
}
.home_box2 .active .game_recommendBox2{
    display: flex;
}


/* 游戏攻略 */
.game_introduction{
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	background-color: #FFFFFF;
	padding: 0 10px;
	border-radius: 8px;
	margin-top: 15px;
	box-sizing: border-box;
}
.introduction_content{
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin-top: 12px;
}
.introduction_topContent{
	width: 100%;
	height: 130px;
	border-radius: 7px;
	overflow: hidden;
	position: relative;
}
.introduction_topContent a{
	width: 100%;
	height: 130px;
}
.introduction_cover{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.6s ease;
}
.introduction_cover:hover{
	transform: scale(1.2);
}
.introduction_title{
	width: 98%;
	height: 25px;
	background: rgba(0,0,0,0.71);
	border-radius: 0px 0px 7px 7px;
	line-height: 25px;
	font-size: 12px;
	font-family: PingFang SC;
	font-weight: 500;
	color: #FFFFFF;
	position: absolute;
	left: 0;
	bottom: 0;
	padding-left: 2%;
}
.introduction_title:hover{
	color: #FF4934;
}
/* 推荐游戏-广告 */
.service_recommendGame {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.service_gameContent{
	width: 100%;
	height: 141px;
	margin-top: 16px;
	position: relative;
}
.service_gameContent a{
	width: 100%;
	height: 100%;
}
.recommendGame_main {
	width: 100%;
	height: 141px;
	/* height: 186px; */
	border-radius: 8px;
	/* margin: 10px 0; */
}
.service_gameContent:hover .recommendGame_info{
	display: flex;
}
.recommendGame_info{
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: rgba(0, 0, 0, 0.5);
	position: absolute;
	left: 0px;
	top: 0px;
	display: none;
	border-radius: 8px;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	transition: all 0.3s linear;
	webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
}
.recommendGame_infoName{
	width: 90%;
	font-size: 16px;
	color: #FFFFFF;
	font-family: PingFang SC;
	text-align: center;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-all;
}
.recommendGame_infoType{
	width: 90%;
	font-size: 14px;
	color: #FFFFFF;
	font-family: PingFang SC;
	text-align: center;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-all;
}
/* 最新游戏 */
.latest_games{
	width: 98%;
	padding: 0 1%;
	margin-top: 15px;
	background-color: #FFFFFF;
	border-radius: 8px;
}
.latest_games .game_list{
	width: 100%;
	margin-top: 15px;
	display: flex;
	flex-wrap: wrap;
	padding: 0 1%;
}
.latest_games .game_list .game_content{
	width: 108px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin: 0 37px 20px 0;
}
.latest_games .game_list .game_content:nth-child(8n){
	margin: 0 0 20px 0;
}
.latest_games .game_list .game_content:hover .game_iconBox img:first-child{
	transform: rotateY(180deg);
}
.latest_games .game_list .game_content:hover .game_iconBox img:last-child{
	transform: rotateY(0deg);
}
.latest_games .game_list .game_content:hover .game_name{
	color: #FF4934;
}
.latest_games .game_list .game_content a{
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.latest_games .game_list .game_content .game_iconBox{
	width: 100%;
	height: 108px;
	position: relative;
}
.latest_games .game_list .game_content .game_iconBox img{
	width: 100%;
	height: 100%;
	backface-visibility: hidden;
	position: absolute;
	transition: all 1s ease-in-out;
	border-radius: 20px;
}
.latest_games .game_list .game_content .game_iconBox img:first-child{
	transform: rotateY(0deg);
}
.latest_games .game_list .game_content .game_iconBox img:last-child{
	transform: rotateY(180deg);
}
.latest_games .game_list .game_content .game_name{
	font-size: 16px;
	color: #2B2B2B;
	margin: 6px 0;
	text-align: center;
}
.latest_games .game_list .game_content .game_type{
	width: 100%;
	font-size: 14px;
	color: #666666;
	text-align: center;
}
/* 分类 */
.class_box {
	width: 100%;
	height: auto;
	display: flex;
	justify-content: space-between;
}

.class_leftBox {
	width: 48%;
	display: flex;
	flex-direction: column;
	align-items: center;
	/* justify-content: center; */
}

/* 专区分类 */
.specialArea_classBox {
	width: 96%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background-color: #FFFFFF;
	padding: 0 2%;
	border-radius: 8px;
}

.specialArea_gameBox {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	margin: 17px 0 10px 0;
}

.specialArea_game {
	width: 32%;
	height: 115px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	cursor: pointer;
	margin-bottom: 10px;
	overflow: hidden;
	box-shadow: 0px 0px 6px 3px rgb(0 0 0 / 10%);
	border-radius: 5px;
}
.specialArea_game:hover .specialArea_gameCover{
	transform: scale(1.2);
}
.specialArea_game:hover .specialArea_gameName{
	color: #FF4934;
}
.specialArea_game a {
	width: 100%;
	height: 115px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
}
.specialArea_game div{
	width: 100%;
	height: 80px;
	/* border-radius: 5px; */
	overflow: hidden;
}
.specialArea_gameCover {
	width: 100%;
	height: 100%;
	display: block;
	transition: all 0.6s ease;
	object-fit: cover;
}

.specialArea_gameName {
	width: 90%;
	height: 35px;
	line-height: 35px;
	font-size: 14px;
	font-family: PingFang SC;
	font-weight: 400;
	color: #2B2B2B;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* 软件分类 */
.software_classBox {
	width: 96%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background-color: #FFFFFF;
	padding: 0 2%;
	border-radius: 8px;
	margin-top: 15px;
}

.software_ContentBox {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	margin: 12px 0 12px 0;
}

.software {
	width: 32%;
	height: 119px;
	display: flex;
	align-items: center;
	justify-content: space-evenly;
	border: 1px solid rgba(0, 0, 0, 0.15);
	margin: 7px 0;
	cursor: pointer;
	border-radius: 4px;
}

.software a {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-evenly;
}

.software:hover {
	border: 1px solid rgba(237, 109, 71, 0.3);
}
.software_icon {
	width: 32%;
	/* height: 60px; */
	margin-right: 10px;

}

.software_rightContent {
	width: 53%;
	height: 60px;
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
}

.software_name {
	font-size: 14px;
	font-family: PingFang SC;
	font-weight: 400;
	color: #2B2B2B;
}
.software:hover .software_name{
	color: #FF4934;
}
.software_dowloadCount {
	font-size: 13px;
	font-family: PingFang SC;
	font-weight: 400;
	color: #B8B8B8;
}

/* 游戏资讯 */
.class_rightBox {
	width: 50.5%;
	height: auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
}

.game_information {
	width: 96%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background-color: #FFFFFF;
	padding: 0 2%;
	border-radius: 8px;
}

.leftContentBox {
	width: 80%;
	display: flex;
	align-items: center;
}

.strategy_class,
.gameNews_class {
	/* width: 30%; */
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: 20px;
	margin-top: 6px;
}

ul li {
	list-style: none;
}

.strategy_class ul {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	padding: 0;
}

.strategy_class li {
	display: inline-block;
}

.mobile_strategy {
	width: 100%;
	height: auto;
	margin-right: 30px;
	cursor: pointer;
}

.mobile_strategy span {
	/* display: block; */
	font-size: 12px;
	font-family: PingFang SC;
	font-weight: 400;
	color: #000000;
	border: 10px solid transparent;
}

.mobile_strategyActive {
	cursor: pointer;
	height: auto;
	padding: 5px 10px;
	margin-right: 30px;
	background: #ED6D47;
	border-radius: 15px;
	font-size: 12px;
	font-family: PingFang SC;
	font-weight: 400;
	color: #FFFFFF !important;
}

.mobile_strategyActive span {
	color: #FFFFFF;
}

.information_contentBox {
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin-top: 3px;
}

.information_content {
	width: 100%;
	height: 100px;
	display: flex;
	align-items: center;
	/* margin: 6.4px 0; */
	cursor: pointer;
	padding: 12px 0;
	border-bottom: 1px solid rgba(0,0,0,0.2);
}
.information_content:last-child{
	border-bottom: none;
}
.information_content a {
	width: 100%;
	height: 100px;
	display: flex;
	align-items: center;
}

.information_cover {
	width: 28%;
	height: 95px;
	margin-right: 10px;
	overflow: hidden;
	border-radius: 5px;
}
.information_cover img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.6s ease;
	border-radius: 5px;
}
.information_cover img:hover{
	transform: scale(1.2);
}
.information_rightContent {
	width: 68%;
	height: 90px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.information_rightContentTop{
	width: 80%;
	height: 70px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.information_title {
	font-size: 15px;
	font-family: PingFang SC;
	font-weight: 600;
	color: #2B2B2B;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.information_title:hover{
	color: #FF4934;
}
.information_brief {
	height: 40px;
	line-height: 20px;
	font-size: 13px;
	font-family: PingFang SC;
	font-weight: 400;
	color: #4C4C4C;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.information_time {
	width: 100%;
	font-size: 13px;
	font-family: PingFang SC;
	font-weight: 400;
	color: #A8A8A8;
	display: flex;
	justify-content: flex-end;
}

/* 游戏新闻 */
.game_news {
	width: 98%;
	height: auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background-color: #FFFFFF;
	padding: 0 1% 20px 1%;
	border-radius: 8px;
}
.game_newsContent{
	width: 100%;
	height: 445px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 7px;
}
/* 页游攻略 */
.Webpage_introduction,.gameNews_introduction,.gameNews_rightContent{
	width: 30%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
}
.gameNews_introduction{
	width: 36%;
}
.Webpage_content{
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.Webpage_topContent{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	/* margin-top: 15px; */
}
.topContent_box{
	width: 49%;
	height: 150px;
	display: flex;
	flex-direction: column;
	align-content: center;
	justify-content: center;
	margin-bottom: 10px;
}
.topContent_box:hover img{
	transform: scale(1.2);
}
.topContent_box:hover span{
	color: #FF4934;
}
.topContent_box a{
	width: 100%;
	height: 150px;
	display: flex;
	flex-direction: column;
	align-content: center;
	justify-content: center;
}
.Webpage_gameCover{
	width: 100%;
	height: 102px;
	overflow: hidden;
}
.Webpage_gameCover img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.6s ease;
	border-radius: 4px;
}
.Webpage_gameInfoTwo{
	width: 98%;
	height: 30px;
	font-size: 14px;
	font-family: PingFang SC;
	font-weight: 500;
	color: #252525;
	line-height: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	margin-top: 5px;
	padding: 0 1%;
}
.Webpage_bottomContent{
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
    margin-top: 15px;
}
.bottomContent_box,.bottomContent_box a{
	width: 100%;
	display: flex;
	align-content: center;
	justify-content: space-between;
}
.bottomContent_box a{
	padding: 10px 0;
}
.bottomContent_box a:last-child,.gameNews_infoBox:last-child{
	padding-bottom: 0px;
}
.Webpage_gameInfo,.gameNews_infoBottom{
	width: 85%;
	font-size: 14px;
	font-family: PingFang SC;
	font-weight: 400;
	color: #252525;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.Webpage_gameInfo::before,.gameNews_infoBottom::before,.novice_guideInfo::before{
	content: '';
	width: 6px;
	height: 6px;
	border-radius: 50%;
	display: inline-block;
	margin-right: 8px;
	background: #7E7E7E;
	opacity: 0.4;
    vertical-align: middle;
}
.bottomContent_box:hover span,.gameNews_infoBox:hover span{
	color: #FF4934;
}
.Webpage_gameInfoTime,.gameNews_infoTime{
	font-size: 12px;
    height: 13px;
	font-family: PingFang SC;
	font-weight: 400;
	color: #A8A8A8;
}
/* 游戏新闻 */
.gameNews_introductionContent,.introductionContent_top,.introductionContent_top a{
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.introductionContent_top{
}
.gameNews_title{
	width: 100%;
	font-size: 14px;
	font-family: PingFang SC;
	font-weight: 600;
	color: #2B2B2B;
	margin: 0;
	padding: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.gameNews_title:hover{
	color: #FF4934;
}
.gameNews_main{
	width: 100%;
	display: flex;
	/* align-items: center; */
	justify-content: space-between;
	margin-top: 10px;
}
.gameNews_gameCover{
	width: 49%;
	height: 108px;
	overflow: hidden;
}
.gameNews_gameCover img{
	width: 100%;
	height: 100%;
	border-radius: 4px;
	object-fit: cover;
	transition: all 0.6s ease;
}
.gameNews_infoTop{
	width: 49%;
	font-size: 14px;
	font-family: PingFang SC;
	font-weight: 500;
	color: #666;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	line-height: 27px;
}
.introductionContent_bottom{
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin-top: 13px;
}
.gameNews_infoBox,.gameNews_infoBox a{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.gameNews_infoBox {
	padding: 5.5px 0;
}
/* 新手指南 */
.novice_guide,.entertainment_gossip{
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.entertainment_gossip{
	/* margin-top: 12px; */
}
.novice_guideContent{
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.novice_guideCover{
	width: 100%;
	height: 136px;
	overflow: hidden;
	border-radius: 5px;
	margin-top: 15px;
}
.novice_guideCover img{
	width: 100%;
	height: 100%;
	transition: all 0.6s ease;
	object-fit: cover;
}
.novice_guideInfoBox{
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin-top: 10px;
}
.novice_guideInfoBox a{
	width: 100%;
	display: flex;
	margin-bottom: 12px;
}
.novice_guideInfoBox a:last-child{
	margin-bottom: 0px;
}
.novice_guideInfo{
	width: 100%;
	font-size: 13px;
	font-family: PingFang SC;
	font-weight: 500;
	color: #2B2B2B;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.novice_guideInfo:hover{
	color: #FF4934;
}
/* 娱乐八卦 */
.entertainment_gossipContent{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	margin-top: 12px;
}
.entertainment_box{
	width: 49%;
	position: relative;
}
.entertainment_box a{
	width: 100%;
}
.entertainment_cover{
	width: 100%;
	height: 117px;
	overflow: hidden;
}
.entertainment_cover img{
	width: 100%;
	height: 100%;
	border-radius: 4px;
	object-fit: cover;
	transition: all 0.6s ease;
}
.entertainment_Title{
	width: 96%;
	height: 24px;
	line-height: 24px;
	background: rgba(0,0,0,0.6);
	padding: 0 2%;
	left: 0;
	bottom: 0;
	font-size: 13px;
	font-family: PingFang SC;
	font-weight: bold;
	color: #FFFFFF;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	position: absolute;
}
.entertainment_Title:hover{
	color: #FF4934;
}
/* 排行榜 */
.game_ranking{
    width: 1176px;
    padding: 10px 12px 20px;
    background: #FFFFFF;
    border-radius: 5px;
}
.game_rankContent{
	width: 100%;
	display: flex;
    justify-content: space-between;
}
.hotGame_ranking{
	width: 365px;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.type_contentBox{
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin-top: 10px;
}
.pc_rank{
	width: 100%;
	display: flex;
	flex-direction: column;
	align-content: center;
	justify-content: center;
}
ul,li{
	list-style:none;
	padding: 0;
	margin: 0;
}
.open{
	width: 100%;
	display: flex;
	padding: 10px 0;
	align-items: center;
	justify-content: space-evenly;
	/* border-bottom: 1px dashed  rgba(0,0,0,0.08); */
}
.open .rank_contentBox{
	display: flex!important;
}
.open .rank_contentBox2{
	display: none!important;
}
.rank_contentBox{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	display: none;
	overflow: hidden;
}
/* .rank_fraction,.rank_fraction2,.rank_fraction3,.rank_fractionOther{
	width: 20px;
	height: 55px;
	line-height: 53px;
	background: #FD6457;
	text-align: center;
} */
.rank_fraction{
    width: 23px;
    height: 23px;
}
.rank_number{
    width: 23px;
    height: 23px;
    line-height: 23px;
    text-align: center;
    background: #A8BCCF;
    border-radius: 3px;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
    display: block;
}
.rank_number1{
    background: #F64546;
}
.rank_number2{
    background: #FF8547;
}
.rank_number3{
    background: #FFAA34;
}
.rankMain_content{
	width: 340px;
	display: flex;
	align-items: center;
}
.rankMain_content .rankImg_box{
    width: 98px;
    height: 128px;
    border-radius: 3px;
    margin: 0 10px;
    overflow: hidden;
}
.rankMain_content .rankImg_box a{
    width: 100%;
    height: 100%;
}
.rankMain_content .rankImg_box img{
    width: 100%;
    height: 100%;
    border-radius: 3px;
    transition: all 0.6s ease;
}
.rankMain_content .rankImg_box img:hover{
    transform: scale(1.2);
}
.content_info{
    width: 222px;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.content_info p{
    width: 100%;
    height: 21px;
    font-size: 16px;
    font-weight: bold;
    color: #252525;
    overflow: hidden;
    margin: 0 auto 5px;
    padding: 0;
}
.content_info p:hover{
    color: #FF4934;
}
.content_info span{
    width: 100%;
    font-size: 14px;
    font-weight: 500;
    color: #252525;
    margin: 6px 0;
}
.goDetail_button{
	width: 61px;
	height: 24px;
	border: 1px solid #ED6D47;
	border-radius: 4px;
	line-height: 24px;
	text-align: center;
}
.goDetail_button span{
	font-size: 12px;
	font-family: PingFang SC;
	font-weight: 500;
	color: #ED6D47;
	opacity: 0.8;
}
.goDetail_button:hover,.goDetail_button:hover span{
	background-color: #ED6D47;
	color: #FFFFFF;
}
.rank_contentBox2{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	overflow: hidden;
    margin: 15px 0;
}
.left_info{
	width: 80%;
	display: flex;
	align-items: center;
}
.rank_gameName2{
	width: 60%;
	font-size: 16px;
	font-weight: 500;
    color: #252525;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-all;
    margin-left: 10px;
}
.rank_contentBox2 .right_info{
    width: 20%;
    display: flex;
    align-items: center;
}
.rank_contentBox2 .right_info img{
    width: 15px;
}
.rank_contentBox2 .right_info span{
    margin-left: 5px;
    height: 12px;
    font-size: 14px;
    font-weight: 500;
    color: #252525;
}
/* .rank_gameName2{
	width: 60%;
	font-size: 12px;
	font-family: PingFang SC;
	font-weight: 500;
	color: #000000;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-all;
}
.rank_gameType2{
	font-size: 12px;
	font-family: PingFang SC;
	font-weight: 500;
	color: #000000;
	opacity: 0.8;
}


.news_contentBox{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 15px;
}
.news_box {
	width: 31%;
	padding: 15px 3px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px dashed #d5d5d5;
	cursor: pointer;
}

.news_box a {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.news_title {
	width: 88%;
	font-size: 15px;
	font-family: PingFang SC;
	font-weight: 400;
	color: rgba(18, 18, 18, 0.8);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.news_title::before {
	content: '';
	width: 13px;
	height: 13px;
	display: inline-block;
	background: #ED6D47;
	border-radius: 50%;
	margin-right: 8px;
}

.news_title:hover,
.news_time:hover {
	color: #ED6D47;
}

.news_time {
	font-size: 13px;
	color: #B8B7B7;
} */

/* 底部 */
/* .footer{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background-color: rgba(0,0,0,0.8);
	margin-top: -300px;
}
.friendship_link{
	width: 60%;
	display: flex;
	flex-direction: column;
	padding-top: 10px;
}
.friendship_title{
	width: 5%;
	padding: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #1e1515;
}
.friendship_title span{
	font-size: 13px;
	color: #fff;
}
.link_box{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin: 10px 0;
}
.link_box span{
	font-size: 10px;
	color: rgba(255,255,255,0.5);
	margin-right: 30px;
	line-height: 30px;
	cursor: pointer;
}
.about_box{
	width: 60%;
	display: flex;
	align-items: center;
	padding-bottom: 15px;
}
.about_leftBox{
	width: 100%;
	display: flex;
	flex-direction: column;
}
.about_leftBox p{
	font-size: 13px;
	color: rgba(255,255,255,0.6);
	margin: 8px 0;
}
.about_content{
	display: flex;
	align-items: center;
	margin: 20px 0;
}
.about_content span {
	font-size: 13px;
	color: #fff;
	margin-right: 20px;
	cursor: pointer;
}
.supervise{
	display: flex;
	align-items: center;
}
.supervise span {
	font-size: 13px;
	color: rgba(255,255,255,0.6);
	margin-right: 20px;
}
.about_rightBox{
	display: flex;
	align-items: center;
	justify-content: center;
}
.qrCode_box{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	margin-right: 30px;
	height: 130px;
}
.qrCode_img{
	width: 100px;
	height: 100px;
}
.qrCode_content{
	font-size: 14px;
	color: #fff;
} */