@charset "utf-8";
@font-face {
	font-family: 'FZShengSKSJW'; 
	src: url('https://zx2vmg.wmupd.com/game/zx2/gw/240626zt/zjvfn-tfjco.woff2');
}
html,body{ min-width: 1200px; max-width: 4000px; margin: 0 auto; overflow-x: hidden;}
body{ margin:0; padding:0; font-size:14px; font-family:"Microsoft Yahei",Arial, Helvetica, sans-serif; -webkit-text-size-adjust:none}
div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,textarea,table,td{ margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
area{outline:none;}
img{ border:0;}
ol,ul{list-style:none;}
a{ font-family:"Microsoft Yahei",Arial, Helvetica, sans-serif;text-decoration:none;outline:none; cursor:pointer;}
a:hover{ text-decoration:none;}
span{outline:none;}

.wrap{ position: relative; width: 25.6rem; overflow: hidden;}
/* head */
.head_box{ position: relative; height: 4.97rem; background: url(https://zx2.yeahvolution.com/images/inside2406/head.jpg) center top no-repeat; background-size: 100% auto;}
.logo{ position: absolute; left: 0.47rem; top: 0.55rem; width: 1.44rem; height: 1.44rem; background: url(https://zx2.yeahvolution.com/images/inside250717/logo.png) no-repeat; background-size: 100% auto;}
.btn_top_yy{ display: none; position: absolute; width: 2.7rem; height: .69rem; right: .24rem; top: .2rem; background: url(https://zx2.yeahvolution.com/images/index2406/btn_yy1.png); background-size: 100% auto; cursor: pointer;}
.btn_top_yy:hover{ background: url(https://zx2.yeahvolution.com/images/index2406/btn_yy1_on.png); background-size: 100% auto;}
.music_switch{ position:absolute; width: 0.46rem; height:0.23rem; top: 0.44rem; right: .5rem; cursor:pointer;}
.music_switch span{ position:absolute; width: 0.03rem; bottom:0; background:#fdf4df;}
.music_switch .s1{ height: 0.2rem; left: 0;}
.music_switch .s2{ height: 0.23rem; left: 0.05rem;}
.music_switch .s3{ height: 0.21rem; left: 0.1rem;}
.music_switch .s4{ height: 0.18rem; left: 0.15rem;}
.music_switch .s5{ height: 0.15rem; left: 0.2rem;}
.music_switch .s6{ height: 0.12rem; left: 0.25rem;}
.music_switch .s7{ height: 0.11rem; left: 0.3rem;}
.music_switch .s8{ height: 0.14rem; left: 0.35rem;}
.music_switch.active .s1,.music_switch.active .s5{ animation:wave 0.66s linear infinite; -webkit-animation:wave 0.66s linear infinite; -ms-animation:wave 0.66s linear infinite;}
.music_switch.active .s2,.music_switch.active .s6{ animation:wave 0.8s linear infinite; -webkit-animation:wave 0.8s linear infinite; -ms-animation:wave 0.8s linear infinite;}
.music_switch.active .s3,.music_switch.active .s7{ animation:wave 0.7s linear infinite; -webkit-animation:wave 0.7s linear infinite; -ms-animation:wave 0.7s linear infinite;}
.music_switch.active .s4,.music_switch.active .s8{ animation:wave 0.5s linear infinite; -webkit-animation:wave 0.5s linear infinite; -ms-animation:wave 0.5s linear infinite;}
/* nav */
.top_nav{ position: absolute; width: 9.8rem; height: 0.18rem; right: 1.42rem; top: 0.49rem; border-right: 0.01rem solid #9c9a94; z-index: 10;}
.nav_on{ position: absolute; width: 1.46rem; height: 0.47rem; left: 0.08rem; top: -0.15rem; background: url(https://zx2.yeahvolution.com/images/index2406/nav_on.png); background-size: 100% auto; transition: left 0.3s; -webkit-transition: left 0.3s; -ms-transition: left 0.3s;}
.nav_box{ position: relative; width: 100%; height: 100%; z-index: 2;}
.nav_box li{ position: relative; float: left; width: 1.46rem; height: 0.47rem; margin: -0.15rem 0.08rem 0; cursor: pointer;}
.nav_box li.nav_nlz{ margin: -0.15rem 0 0;}
.nav_text{ position: absolute; width: 100%; height: 0.47rem; left: 0; top: 0; font-size: 0.25rem; line-height: 0.47rem; color: #fdf4df; font-family:"FZShengSKSJW"; text-align: center;}
.nav_box li.on .nav_text,.nav_box li:hover .nav_text{ color: #f4e3be;}

.icon_ling{ position: absolute; width: .35rem; height: .34rem; right: 0.02rem; top: -0.04rem; background: url(https://zx2.yeahvolution.com/images/index2406/icon_ling.png); background-size: 100% auto;}
.cd_box{ display: none; position: absolute; width: 1.15rem; left: 0.15rem; top: 0; padding-top: 0.55rem;}
.cd_box a{ display: block; width: 1.15rem; height: 0.2rem; font-size: 0.2rem; line-height: 0.2rem; color: #fdf4df; font-family:"FZShengSKSJW"; text-align: center; margin-bottom: 0.12rem; background: url(https://zx2.yeahvolution.com/images/index2406/cd_point.png) center center no-repeat; background-size: 100% auto;}
.nav_full:hover .cd_box{ display: block;}

.cont_box{ padding-bottom: 2rem; background-color: #f0fcff; overflow: hidden;}
/* news_list==================================== */
.news_t_box{ position: relative; height: 3.46rem;}
.news_title{ position: absolute; width: 6.73rem; left: 50%; margin-left: -3.36rem; top: 0.68rem;}
.btn_back{ position: absolute; width: 1.16rem; height: .6rem; left: 3.5rem; top: 1.41rem; background: url(https://zx2.yeahvolution.com/images/inside2406/btn_back.png); background-size: 100% auto;}
.btn_back:hover{ background: url(https://zx2.yeahvolution.com/images/inside2406/btn_back_on.png); background-size: 100% auto;}
.news_nav_box{ display: flex; width: 100%; height: 0.63rem; justify-content: center;}
.news_nav_box a{ display: block; width: 2rem; height: 0.63rem;}
.link_latest{ background: url(https://zx2.yeahvolution.com/images/inside2406/nav_latest.png); background-size: 100% auto;}
.link_latest.on,.link_latest:hover{ background: url(https://zx2.yeahvolution.com/images/inside2406/nav_latest_on.png); background-size: 100% auto;}
.link_gamenews{ background: url(https://zx2.yeahvolution.com/images/inside2406/nav_gamenews.png); background-size: 100% auto;}
.link_gamenews.on,.link_gamenews:hover{ background: url(https://zx2.yeahvolution.com/images/inside2406/nav_gamenews_on.png); background-size: 100% auto;}
.link_gamebroad{ background: url(https://zx2.yeahvolution.com/images/inside2406/nav_gamebroad.png); background-size: 100% auto;}
.link_gamebroad.on,.link_gamebroad:hover{ background: url(https://zx2.yeahvolution.com/images/inside2406/nav_gamebroad_on.png); background-size: 100% auto;}
.link_gameevent{ background: url(https://zx2.yeahvolution.com/images/inside2406/nav_gameevent.png); background-size: 100% auto;}
.link_gameevent.on,.link_gameevent:hover{ background: url(https://zx2.yeahvolution.com/images/inside2406/nav_gameevent_on.png); background-size: 100% auto;}
.news_nav_box .line{ display: block; width: 0.01rem; height: 0.63rem; margin: 0 0.63rem; background: url(https://zx2.yeahvolution.com/images/inside2406/line.png); background-size: 100% auto;}

.news_list{ padding-top: 0.4rem; overflow: hidden;}
.news_list li{ width: 100%; height: 2.1rem; margin-top: 0.4rem; background: url(https://zx2.yeahvolution.com/images/inside2406/line_bg.png) center top no-repeat; background-size: auto 100%; overflow: hidden; transition: all 0.2s;-webkit-transition: all 0.2s; -ms-transition: all 0.2s;}
.news_middle_box{ width: 12.85rem; height: 1.88rem; margin: 0 auto; padding-top: 0.22rem; transition: transform 0.2s; -webkit-transition: transform 0.2s; -ms-transition: transform 0.2s;}
.news_tag{ float: left; width: 0.7rem; height: 0.37rem; margin-top: 0.29rem; font-size: 0.2rem; line-height: 0.37rem; color: #f0fcff; text-align: center; background-color: #a8d2f0; border-radius: 0.34rem;}
.news_line_r{ float: right; width: 12.06rem;}
.news_t_line{ height: 0.92rem; line-height: 0.92rem; color: #8f8f8f; border-bottom: 0.02rem dashed #c4d7e0; overflow: hidden;}
.news_t_line a{ float: left; width: 10.24rem; height: 0.92rem; font-size: 0.45rem; font-weight: bold; color: #3e3e3f; font-family:"FZShengSKSJW"; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.news_time{ float: right; font-size: 0.2rem;}
.news_line_r p{ height: 0.6rem; margin-top: 0.2rem; overflow: hidden;}
.news_line_r p,.news_line_r p a{ font-size: 0.2rem; line-height: 0.3rem; color: #8f8f8f}
.news_list li:hover{background: url(https://zx2.yeahvolution.com/images/inside2406/line_bg_on.png) center top no-repeat; background-size: auto 100%;}
.news_list li:hover .news_middle_box{ transform: translate3d(0.4rem,0,0); -webkit-transform: translate3d(0.4rem,0,0); -ms-transform: translate3d(0.4rem,0,0);}
.news_list li:hover .news_tag{ background-color: #9ac4bd;}

.page_box{ width: 100%; height: 0.32rem; margin-top: 1rem; font-size: 0.2rem; color: #476578; text-align: center;}
.page_box a{ display: inline-block; height: 0.28rem; padding: 0 0.1rem; margin: 0 0.1rem; line-height: 0.28rem; color: #476578; border: 0.01rem solid #a8d2f0;}
/* news_item==================================== */
.artcle_t_box{ position: relative; width: 17.4rem; height: 3.53rem; margin: 0 auto; background: url(https://zx2.yeahvolution.com/images/inside2406/article_title_bg.png) center bottom no-repeat; background-size: 100% auto;}
.artcle_t_box .btn_back{ left: 0; top: 1.71rem;}
.artcle_t{ width: 13.8rem; margin: 0 auto; padding-top: 1.6rem; font-size: 0.45rem; font-weight: bold; line-height: 0.87rem; color: #3e3e3f;font-family:"FZShengSKSJW"; text-align: center;}
.art_time{ height: 0.54rem; font-size: 0.22rem; line-height: 0.54rem; color: #224f72; text-align: center;}
.art_cont{ width: 13.5rem; margin: 0.6rem auto 0;}
.art_cont a{ color: #1d9ccd;}
.art_cont,.art_cont p{ font-size: 0.25rem; line-height: 0.4rem; color: #3e3e3f;}
.art_cont img{ max-width: 13.5rem; margin-top: 0.38rem;}

.gototop{ display: none; position: fixed; width: 1.12rem; height: 1.12rem; right: 0.5rem; bottom: 0.5rem; background: url(https://zx2.yeahvolution.com/images/inside2406/gototop.png); background-size: 100% auto; z-index: 5; cursor: pointer;}
.gototop:hover{background: url(https://zx2.yeahvolution.com/images/inside2406/gototop_on.png); background-size: 100% auto;}

/* ani */
.ani_huang_top{ transform-origin: center top; -webkit-transform-origin: center top; -ms-transform-origin: center top; animation: key_ling 1s linear infinite; -webkit-animation: key_ling 1s linear infinite; -ms-animation: key_ling 1s linear infinite;}
@keyframes key_ling{
	0%{ transform: rotate(0deg);}
	5%{ transform: rotate(-10deg);}
	10%{ transform: rotate(0deg);}
	15%{ transform: rotate(10deg);}
	20%{ transform: rotate(0deg);}
	25%{ transform: rotate(-5deg);}
	30%{ transform: rotate(0deg);}
	35%{ transform: rotate(5deg);}
	40%{ transform: rotate(0deg);}
	100%{ transform: rotate(0deg);}
}
@-webkit-keyframes key_ling{
	0%{ -webkit-transform: rotate(0deg);}
	5%{ -webkit-transform: rotate(-10deg);}
	10%{ -webkit-transform: rotate(0deg);}
	15%{ -webkit-transform: rotate(10deg);}
	20%{ -webkit-transform: rotate(0deg);}
	25%{ -webkit-transform: rotate(-5deg);}
	30%{ -webkit-transform: rotate(0deg);}
	35%{ -webkit-transform: rotate(5deg);}
	40%{ -webkit-transform: rotate(0deg);}
	100%{ -webkit-transform: rotate(0deg);}
}
@-ms-keyframes key_ling{
	0%{ -ms-transform: rotate(0deg);}
	5%{ -ms-transform: rotate(-10deg);}
	10%{ -ms-transform: rotate(0deg);}
	15%{ -ms-transform: rotate(10deg);}
	20%{ -ms-transform: rotate(0deg);}
	25%{ -ms-transform: rotate(-5deg);}
	30%{ -ms-transform: rotate(0deg);}
	35%{ -ms-transform: rotate(5deg);}
	40%{ -ms-transform: rotate(0deg);}
	100%{ -ms-transform: rotate(0deg);}
}

@keyframes wave{
    0%{ height: 0.11rem;}
    50%{ height: 0.23rem;}
    100%{ height: 0.11rem;}
}
@-webkit-keyframes wave{
	0%{ height: 0.11rem;}
    50%{ height: 0.23rem;}
    100%{ height: 0.11rem;}
}
@-ms-keyframes wave{
	0%{ height: 0.11rem;}
    50%{ height: 0.23rem;}
    100%{ height: 0.11rem;}
}