@charset "utf-8";
@font-face {
	font-family: 'FZShengSKSJW'; 
	src: url( 'https://zx2vmg.wmupd.com/game/zx2/gw/240626zt/zjvfn-tfjco.woff2');
}
html,body{ overflow: hidden; width: 100%; height: 100%; min-width: 1200px; max-width: 4000px; margin: 0 auto;}
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;}

.general_20220704{ transition: transform 0.3s;}
.generalBox_20220704{ display: none; height: 0!important;}

.wrap{ position: relative; overflow: hidden; width: 100%; height: 100%;}
.logo{ display: none; position: absolute; left: 0.47rem; top: 0.55rem; z-index: 10; width: 1.16rem;}
/* left_bar */
.left_bar{ display: none;  position: absolute; left: 0.6rem; top: 50%; z-index: 10; width: .89rem; height: 3.12rem; margin-top: -1.56rem; background: url(https://zx2.wanmei.com/images/index2406/left_bar2.png) center center no-repeat; background-size: auto 100%;}
.bar_ewm{ position: absolute; left: 0; width: .89rem; height: .89rem;}
.icon_jt{ position: absolute; left: 0.89rem; top: 0.36rem; width: 0.15rem; height: 0.17rem; background: url(https://zx2.wanmei.com/images/index2406/icon_jt.png); background-size: 100% auto;}
.bar_ewm_shy{ top: .57rem; background: url(https://zx2.wanmei.com/images/index2406/icon_shy.png); background-size: 100% auto;}
.bar_ewm_shy:hover{ background: url(https://zx2.wanmei.com/images/index2406/icon_shy_on.png); background-size: 100% auto;}
.bar_ewm_kf{ top: 1.74rem; background: url(https://zx2.wanmei.com/images/index2406/icon_kf.png); background-size: 100% auto;}
.bar_ewm_kf:hover{ background: url(https://zx2.wanmei.com/images/index2406/icon_kf_on.png); background-size: 100% auto;}
.bar_ewm_xcx{ top: 2.9rem; background: url(https://zx2.wanmei.com/images/index2406/icon_xcx.png); background-size: 100% auto;}
.bar_ewm_xcx:hover{ background: url(https://zx2.wanmei.com/images/index2406/icon_xcx_on.png); background-size: 100% auto;}
.pop_ewm{ display: none; position: absolute; left: 0.62rem; top: -1.5rem; width: 2.65rem;}
.pop_ewm img{ position: absolute; left: .56rem; top: 1.16rem; width: 1.54rem; height: 1.51rem;}
.pop_ewm_shy{ height: 3.75rem; background: url(https://zx2.wanmei.com/images/index2406/pop_ewm_shy.png); background-size: 100% auto;}
.pop_ewm_kf{ height: 3.75rem; background: url(https://zx2.wanmei.com/images/index2406/pop_ewm_kf.png); background-size: 100% auto;}
.pop_ewm_xcx{ height: 3.85rem; background: url(https://zx2.wanmei.com/images/index2406/pop_ewm_xcx.png); background-size: 100% auto;}
.bar_ewm:hover .pop_ewm{ display: block;}

.float_sao{ position: absolute; left: -0.56rem; bottom: -2.4rem; width: 1.92rem;}

.btn_top_yy{ display: none; position: absolute; right: .24rem; top: .2rem; z-index: 10; width: 2.7rem; height: .69rem; background: url(https://zx2.wanmei.com/images/index2406/btn_yy1.png); background-size: 100% auto; cursor: pointer;}
.btn_top_yy:hover{ background: url(https://zx2.wanmei.com/images/index2406/btn_yy1_on.png); background-size: 100% auto;}
.music_switch{ display: none; position:absolute; top: 0.44rem; right: 3.1rem; width: 0.46rem; height:0.23rem; cursor:pointer; z-index:10;}
.music_switch span{ position:absolute; bottom:0; width: 0.03rem; background:#fdf4df;}
.music_switch .s1{ left: 0; height: 0.2rem;}
.music_switch .s2{ left: 0.05rem; height: 0.23rem;}
.music_switch .s3{ left: 0.1rem; height: 0.21rem;}
.music_switch .s4{ left: 0.15rem; height: 0.18rem;}
.music_switch .s5{ left: 0.2rem; height: 0.15rem;}
.music_switch .s6{ left: 0.25rem; height: 0.12rem;}
.music_switch .s7{ left: 0.3rem; height: 0.11rem;}
.music_switch .s8{ left: 0.35rem; height: 0.14rem;}
.music_switch.active .s1,.music_switch.active .s5{ animation:wave 0.66s linear infinite;}
.music_switch.active .s2,.music_switch.active .s6{ animation:wave 0.8s linear infinite;}
.music_switch.active .s3,.music_switch.active .s7{ animation:wave 0.7s linear infinite;}
.music_switch.active .s4,.music_switch.active .s8{ animation:wave 0.5s linear infinite;}
/* nav */
.top_nav{ display: none; position: absolute;right: 4.02rem; top: 0.49rem; z-index: 10; width: 9.8rem; height: 0.18rem; border-right: 0.01rem solid #9c9a94;}
.nav_on{ position: absolute; left: 0.08rem; top: -0.15rem; width: 1.46rem; height: 0.47rem; background: url(https://zx2.wanmei.com/images/index2406/nav_on.png); background-size: 100% auto; transition: left 0.3s;}
.nav_box{ position: relative; z-index: 2; width: 100%; height: 100%;}
.nav_box li{ position: relative; float: left; width: 1.46rem; height: 0.47rem; margin: -0.15rem 0.08rem 0; cursor: pointer;}
.nav_text{ position: absolute; left: 0; top: 0; width: 100%; height: 0.47rem; 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; right: 0.02rem; top: -0.04rem; width: .35rem; height: .34rem; background: url(https://zx2.wanmei.com/images/index2406/icon_ling.png); background-size: 100% auto;}
/* page_progress */
.progress_box{ display: none; position:absolute; left: 4.66rem; bottom: 0; z-index: 10; width: 18.63rem; height: .92rem; background: url(https://zx2.wanmei.com/images/index2406/progress_line.png); background-size: 100% auto;}
.progress_box .progress{ position: relative; width: 17rem; height: 100%; margin-left: 0.5rem;}
.svg-sound { width: 18rem; position: absolute; top: -0.3rem; left: 50%; margin-left: -9rem; mask-image: linear-gradient(left, rgba(5, 5, 30, 1) 0%, rgba(5, 5, 30, 0.3) 10%, rgba(5, 5, 30, 0.3) 38%, rgba(5, 5, 30, 0.3) 62%, rgba(5, 5, 30, 0.3) 91%, rgba(5, 5, 30, 1) 100%); -webkit-mask-image: -webkit-linear-gradient(left, rgba(5, 5, 30, 1) 0%, rgba(5, 5, 30, 0.3) 10%, rgba(5, 5, 30, 0.3) 38%, rgba(5, 5, 30, 0.3) 62%, rgba(5, 5, 30, 0.3) 91%, rgba(5, 5, 30, 1) 100%);}
.svg-sound__svg {width: 200%;}
.svg-sound__svg path {fill: transparent; stroke-width: .3; will-change: transform;}
.path_1 {stroke: #fdf4df; animation: anima-path1 8s linear infinite both;}
.path_2 { stroke: #fdf4df; animation: anima-path2 6s linear infinite both;}

.renshen{ position: absolute; left: 0%; top: -0.35rem; width: 1.19rem; height: 1.24rem; transition: left 0.3s;}
.reshen_back{ transform: rotateY(180deg);}
.renshen span{ display: block;  width: 1.19rem; height: 1.24rem; background: url(https://zx2.wanmei.com/images/index2406/renshen.png); background-size: 100% auto; animation: key_renshen 1s steps(12) infinite;}

.system_tag{ display: none; position:absolute; left: 0.6rem; bottom: 0.3rem; width: 3.98rem; height: 0.91rem; background: url(https://zx2.wanmei.com/images/index240807/sys_commend.png); background-size: 100% auto; z-index: 10; cursor: pointer;}
/* foot */
#btn_foot{ display: none;  position: absolute; right: 0.6rem; bottom: 0.26rem; width: 1.56rem; height: 1.12rem; background: url(https://zx2.wanmei.com/images/index2406/btn_copyright.png); background-size: 100% auto; z-index: 51; cursor: pointer;}
#wmgameFooterInsert{ position: absolute; left: 0; bottom: 0; z-index: 50; width: 100%; height: 220px; background-color: #282a2c; transform: translate3d(0,220px,0); transition: transform 0.3s;}
#wmgameFooterInsert.on{ transform: translate3d(0,0,0);}

/* page */
.page_swiper{ position:relative; overflow:hidden; width:25.6rem; height:100%;}
.page_swiper .swiper-slide{ position: relative; overflow: hidden; width: 100%; height: 100%;}
/* home */
#section_home{ overflow:hidden; background: url(https://zx2.wanmei.com/images/index250617/section-home-bg.jpg) center center no-repeat; background-size:cover;}
.fc_video{ position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.header_hover{ position: absolute; left: 0; top: 0; z-index: 10; width: 100%; height: 0.25rem;}
.gai_blue_bot{ position: absolute; left: 0; bottom: 0; z-index: 5; width: 25.6rem; height: 3.82rem; background: url(https://zx2.wanmei.com/images/index240808/gai_blue_bot.png); background-size: 100% auto;}
.wave_box{ position: absolute; left: 50%; bottom: 0; z-index:5; overflow: hidden; width: 40rem; height: 4rem; margin-left: -20rem;}
.wave_box canvas{ width: 100%; height: 100%; pointer-events:none;}
.gai_home{ position: absolute; left: 0; top: 0; z-index: 5; width: 100%; height: 100%; background: url(https://zx2.wanmei.com/images/index2502/gai-home.png); background-size: cover;}
.black_box{ position: absolute; left: 0; top: 0; z-index: 5; width: 100%; height: 100%; background-color: rgba(0,0,0,0.4);}

.home_cont_wrap{ position: absolute; left: 50%; bottom: 1.2rem; z-index: 6; width:16.3rem; height: 1.91rem; margin-left: -8.15rem; background: url(https://zx2.wanmei.com/images/index250617/yy-prize.png) no-repeat; background-size: 100% auto;}
.btn-home-yy{ position: absolute; left: 10.7rem; top: .18rem; width: 3.3rem; height: .98rem; background: url(https://zx2.wanmei.com/images/index250617/btn-yy.png); background-size: 100% auto;}
.yyNumber{width: 4.5rem; position: absolute; left: 10.2rem; top: 1.2rem; height:.4rem; line-height: .4rem; text-align: center; display: flex; justify-content: center;}
.yyNumber span{font-size: .2rem; color: #b0f9ff; font-family:"FZShengSKSJW"; display: block; height: .4rem; line-height: .4rem; text-shadow: 0 0 20px #308eca;}
.yyNumber strong{font-size: .36rem; color: #ebd794; padding: 0 .05rem; text-shadow: 0 0 20px #2449a8; display: block; height: .4rem; line-height: .4rem;}
.slg{width: 100%; height: 3.43rem; position: absolute; left: 0; bottom: 3.1rem; background: url(https://zx2.wanmei.com/images/index250617/slg.png) no-repeat center 0; background-size: 13.21rem auto;}

.hover_hx{transition: transform 0.3s; }
.hover_hx:hover{ transform: scale(1.05);}
/* news */
.section_news{ background: url(https://zx2vmg.wmupd.com/game/zx2/240729imgaes/news_bg.jpg) center center no-repeat; background-size:cover; overflow:hidden; }
.gai_blue{ position: absolute; left: 0; bottom: 0; z-index: 5; width: 25.6rem; height: 14.4rem; background: url(https://zx2vmg.wmupd.com/game/zx2/240729imgaes/gai_blue.png); background-size: 100% auto;}
.section_news .black_box{ background-color: rgba(0,0,0,0.3);}
.news_cont_wrap{ position: absolute; left: 2.7rem; top: 50%; z-index: 6; width: 19.8rem; height: 6.96rem;margin-top: -3.48rem;}
.news_head_box{ position: relative; width: 19.2rem; height: 0.91rem; background: url(https://zx2.wanmei.com/images/index2406/news_line.png) center bottom no-repeat; background-size: 100% auto;}
.news_nav_box{ position: absolute; left: 10.06rem; top: 0; width: 9.63rem; height: .84rem;}
.news_tab{ width: 9.63rem; height: .66rem; overflow: hidden;}
.news_tab li{ float: left; position: relative; overflow: hidden; width: 2.08rem; height: 0.66rem; margin: 0 0.11rem; cursor: pointer; text-indent: -99rem;}
.news_tag_latest{ background: url(https://zx2.wanmei.com/images/index2406/news_tag_latest.png); background-size: 100% auto;}
.news_tag_latest.on{ background: url(https://zx2.wanmei.com/images/index2406/news_tag_latest_on.png); background-size: 100% auto;}
.news_tag_news{ background: url(https://zx2.wanmei.com/images/index2406/news_tag_news.png); background-size: 100% auto;}
.news_tag_news.on{ background: url(https://zx2.wanmei.com/images/index2406/news_tag_news_on.png); background-size: 100% auto;}
.news_tag_gg{ background: url(https://zx2.wanmei.com/images/index2406/news_tag_gg.png); background-size: 100% auto;}
.news_tag_gg.on{ background: url(https://zx2.wanmei.com/images/index2406/news_tag_gg_on.png); background-size: 100% auto;}
.news_tag_event{ background: url(https://zx2.wanmei.com/images/index2406/news_tag_event.png); background-size: 100% auto;}
.news_tag_event.on{ background: url(https://zx2.wanmei.com/images/index2406/news_tag_event_on.png); background-size: 100% auto;}
.tag_on{ position: absolute; left: 0.5rem; bottom: 0; width: 1.3rem; height: 0.06rem; background-color: #edcc83; border-radius: 0.06rem; transition: left 0.3s;}

.news_pic_box{ position: absolute; left: 0.21rem; top: 0.82rem; width: 9.89rem; height: 6.14rem; background: url(https://zx2.wanmei.com/images/index2406/news_lb_line.png) center top no-repeat; background-size: 100% auto;}
.news_swiper{ position: absolute; left: 0.11rem; top: 0.09rem; overflow: hidden; width: 9.67rem; height: 6.07rem; border-radius: 0.3rem;}
.news_swiper .swiper-slide,.news_swiper .swiper-slide img{ width: 9.67rem; height: 5.48rem; border-radius: 0.3rem;}
.news_swiper .swiper-pagination{ bottom: 0.1rem!important; height: 0.21rem;}
.news_swiper .swiper-pagination-bullet{ width: 0.21rem; height: 0.21rem; margin: 0 0.08rem!important; background: url(https://zx2.wanmei.com/images/index2406/icon_page.png); background-size: 100% auto; border-radius: 0; opacity: 1;}
.news_swiper .swiper-pagination-bullet-active{ background: url(https://zx2.wanmei.com/images/index2406/icon_page_on.png); background-size: 100% auto;}

.news_text_box{ position: absolute; left: 10.21rem; top: 0.91rem; width: 9.36rem; height: 6.07rem;}
.news_list_cont{ display: none; position: relative; width: 9.36rem; height: 6.07rem;}
.news_list_cont ul{ overflow: hidden; width: 9.36rem; height: 5.6rem;}
.news_list_cont ul li{ overflow: hidden; width: 9.36rem; height: 1.31rem; margin-bottom: 0.08rem; background: url(https://zx2.wanmei.com/images/index2406/news_item_bg.png); background-size: 100% auto;}
.news_list_cont ul li:hover{ background: url(https://zx2.wanmei.com/images/index2406/news_item_bg_on.png); background-size: 100% auto; }
.news_tag{ float: left; width: 0.68rem; height: .27rem; margin: 0.34rem 0 0 0.24rem; font-size: .14rem; line-height: .27rem; color: #3378b2; text-align: center; background-color: #f4fdff; border-radius: 0.27rem;}
.news_line_r{ float: left; width: 7.9rem; margin: 0.17rem 0 0 0.12rem;}
.news_t_line{ height: 0.59rem; line-height: 0.59rem; color: #fdf4df; border-bottom: 0.02rem dashed #92b0c6; overflow: hidden;}
.news_t_line a{ float: left; width: 6.06rem; height: 0.59rem; font-size: 0.35rem; color: #f0fcff; font-family:"FZShengSKSJW"; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.news_time{ float: right; font-size: 0.22rem; margin-right: 0.1rem;}
.news_line_r p{ overflow: hidden; height: 0.4rem; text-overflow: ellipsis; white-space: nowrap;}
.news_line_r p,.news_line_r p a{ font-size: 0.16rem; line-height: 0.4rem; color: #ffffff}
.news_more{ position: absolute; left: 7.75rem; bottom: 0; width: 1.26rem; height: .47rem; background: url(https://zx2.wanmei.com/images/index2406/news_more.png); background-size: 100% auto;}
.news_more:hover{background: url(https://zx2.wanmei.com/images/index2406/news_more_on.png); background-size: 100% auto;}

/* mas */
.mas_video_box{ position: relative; overflow: hidden; width: 100%; height: 100%;}
.mas_video_item{ display: none; position: absolute; width: 100%; height: 100%;}
.mas_info_box{ position: absolute; right: 0.6rem; top: 1.38rem; z-index: 6; overflow: hidden; width: 0; height: 6.05rem; transition: width 0.3s;}
.mas_info_box img{ display: none; position: absolute; right: 0; top: 0; width: 3.23rem;}

.btn_mas_prev,.btn_mas_next{ position: absolute; right: 1.1rem; z-index: 7; width: 1.06rem; height: 1.3rem; cursor: pointer;}
.btn_mas_prev{ top: 7.46rem; background: url(https://zx2.wanmei.com/images/index2406/btn_mas_prev.png); background-size: 100% auto;}
.btn_mas_prev:hover{background: url(https://zx2.wanmei.com/images/index2406/btn_mas_prev_on.png); background-size: 100% auto;}
.btn_mas_next{ top: 9.1rem; background: url(https://zx2.wanmei.com/images/index2406/btn_mas_next.png); background-size: 100% auto;}
.btn_mas_next:hover{background: url(https://zx2.wanmei.com/images/index2406/btn_mas_next_on.png); background-size: 100% auto;}
/* feature */
.feature_swiper,.feature_swiper .swiper-slide{ position: relative; overflow: hidden; width: 100%; height: 100%;}
.feature_img{width: 100%; height: 100%; object-fit: cover;}
.gai_blue_feature{ position: absolute; left: 0; bottom: 0; z-index: 5; width: 25.6rem; height: 8.04rem; background: url(https://zx2.wanmei.com/images/index240808/gai_blue_tese.png); background-size: 100% auto;}
.gai_feature{ position: absolute; left: 0; top: 0; z-index: 5; width: 100%; height: 100%; background: url(https://zx2.wanmei.com/images/index240808/gai_tese.png); background-size: cover;}

.feature_info_box{ position: absolute; right: 0.5rem; top: 1rem; z-index: 6; width: 4.3rem; height: 11.3rem;}
.feature_info_box img{ display: none; position: absolute; left: 0; top: 0; width: 100%;}

.btn_feature_prev,.btn_feature_next{ position: absolute; bottom: 1.76rem; z-index: 7; width: 1.34rem; height: 1.05rem; cursor: pointer;}
.btn_feature_prev{ left: 10.65rem; background: url(https://zx2.wanmei.com/images/index240808/btn_prev.png); background-size: 100% auto;}
.btn_feature_prev:hover{ background: url(https://zx2.wanmei.com/images/index240808/btn_prev_hover.png); background-size: 100% auto;}
.btn_feature_next{ right: 10.65rem; background: url(https://zx2.wanmei.com/images/index240808/btn_next.png); background-size: 100% auto;}
.btn_feature_next:hover{ background: url(https://zx2.wanmei.com/images/index240808/btn_next_hover.png); background-size: 100% auto;}
/* race */
.race_video_box{ position: relative; overflow: hidden; width: 100%; height: 100%;}
.race_video_item{ display: none; position: absolute; width: 100%; height: 100%;}
.section_race .black_box{ background-color: rgba(0,0,0,0.3);}
.race_info_box{ position: absolute; right: 0.6rem; top: 1.38rem; z-index: 6; overflow: hidden; width: 0; height: 5.61rem; transition: width 0.3s;}
.race_info_box img{ display: none; position: absolute; width: 2.89rem; right: 0; top: 0;}

.race_nav_box{ position: absolute; left: 50%; bottom: 0.5rem; z-index: 6; width: 12.31rem; height: 2.66rem; margin-left: -6.15rem; background: url(https://zx2.wanmei.com/images/index2406/race_nav_bg.png); background-size: 100% auto;}
.race_nav{ position: absolute; overflow: hidden; width: 1.92rem; height: 1.91rem; text-indent: -99rem; cursor: pointer;}
.race_nav_rz{ left: 0.73rem; top: 0.35rem; background: url(https://zx2.wanmei.com/images/index2406/race_nav_rz.png); background-size: 100% auto;}
.race_nav_rz.on{ background: url(https://zx2.wanmei.com/images/index2406/race_nav_rz_on.png); background-size: 100% auto;}
.race_nav_lq{ left: 3.5rem; top: -0.7rem; background: url(https://zx2.wanmei.com/images/index2406/race_nav_lq.png); background-size: 100% auto;}
.race_nav_lq.on{ background: url(https://zx2.wanmei.com/images/index2406/race_nav_lq_on.png); background-size: 100% auto;}
.race_nav_gw{ left: 6.78rem; top: -0.7rem; background: url(https://zx2.wanmei.com/images/index2406/race_nav_gw.png); background-size: 100% auto;}
.race_nav_gw.on{ background: url(https://zx2.wanmei.com/images/index2406/race_nav_gw_on.png); background-size: 100% auto;}
.race_nav_js{ left: 9.55rem; top: 0.35rem; background: url(https://zx2.wanmei.com/images/index2406/race_nav_js.png); background-size: 100% auto;}
.race_nav_js.on{ background: url(https://zx2.wanmei.com/images/index2406/race_nav_js_on.png); background-size: 100% auto;}
/* followus */
.section_followus{ background: url(https://zx2.wanmei.com/images/index2406/section_followus_bg.jpg) center -1.2rem no-repeat #e7e7e3; background-size: 100% auto;}
.about_cont_wrap{ position: absolute; left: 0; top: 0;z-index: 6; width: 100%; height: 100%;}
.about_cont_wrap li{ position: absolute; width: 0.58rem; }
.about_cont_wrap li a{ display: block; width: 100%; height: 100%;}
.sns_gzh{ left: 14.9rem; top: 1.7rem; height: 3.46rem; background: url(https://zx2.wanmei.com/images/index2406/sns_gzh.png); background-size: 100% auto;}
.about_cont_wrap li.sns_wx_qy{ left: 11.3rem; top: 4.2rem;  width: 0.61rem; height: 3.05rem;background: url(https://zx2.wanmei.com/images/index2406/sns_wx_qy.png); background-size: 100% auto;}
.sns_dy{ left: 5.56rem; top: 1.4rem; height: 3.16rem; background: url(https://zx2.wanmei.com/images/index2406/sns_dy.png); background-size: 100% auto;}
.sns_tb{ left: 20.54rem; top: 6.26rem; height: 3.04rem; background: url(https://zx2.wanmei.com/images/index2406/sns_tb.png); background-size: 100% auto;}
.sns_bilibili{ left: 3.6rem; top: 4.6rem; height: 3.06rem; background: url(https://zx2.wanmei.com/images/index2406/sns_bilibili.png); background-size: 100% auto;}
.sns_shy{ left: 13.3rem; top: 6.28rem; height: 2.87rem; background: url(https://zx2.wanmei.com/images/index2406/sns_shy.png); background-size: 100% auto;}
.about_cont_wrap li.sns_wb{ left: 16.8rem; top: 6.5rem; width: 0.59rem; height: 3.17rem; background: url(https://zx2.wanmei.com/images/index2406/sns_wb.png) no-repeat; background-size: 100% auto;}
.about_cont_wrap li.sns_tap{ left: 7.2rem; top: 6.1rem; width: 0.64rem; height: 3.19rem; background: url(https://zx2.wanmei.com/images/index2406/sns_tap.png) no-repeat; background-size: 100% auto;}
.sns-haoyou{left: 9rem; top: 2.1rem; width: 0.58rem; height: 3.09rem; background: url(https://zx2.wanmei.com/images/index250224/sns-haoyou.png) no-repeat; background-size: 100% auto;}
.sns_xhs{ left: 18.62rem; top: 2.4rem; height: 2.62rem; background: url(https://zx2.wanmei.com/images/index2406/sns_xhs.png); background-size: 100% auto;}
.sns_dl{ left: 22.18rem; top: 3.6rem; height: 3.12rem; background: url(https://zx2.wanmei.com/images/index2406/sns_dl.png); background-size: 100% auto;}

.hover_ewm{ display: none; position: absolute; right: -2.57rem; bottom: 0.81rem; width: 2.57rem; height: 2.24rem; background: url(https://zx2.wanmei.com/images/index2406/ewm_bg.png); background-size: 100% auto;}
.hover_ewm img{ position: absolute; left: 0.74rem; top: 0.08rem; width: 1.75rem; height: 1.75rem; border-radius: 0.08rem;}
.ewm_text{ display: none; position: absolute; right: 0.66rem; top: -0.57rem; width: 0.53rem;}
.about_cont_wrap li:hover{ z-index: 2;}
.about_cont_wrap li:hover .hover_ewm{ display: block;}

/* pop */
.pop_fixed{ display:none; position:fixed; left:0; top:0; z-index:100; width:100%; height:100%; background-color:rgba(0,0,0,0.7);}
/* pop_commend */
.pop_conmmend_cont{ position: absolute; left: 50%; top: 50%; width: 8.88rem; height: 6.73rem; margin-left: -4.44rem; margin-top: -3.36rem; background: url(https://zx2.wanmei.com/images/index2406/pop_system_bg.png); background-size: 100% auto;}
.icon_close{ position:absolute; right: -0.85rem; top: 0; width:0.82rem; height:0.82rem; background:url(https://zx2.wanmei.com/images/index2406/icon_close.png); background-size:100% auto; cursor:pointer;}
.system_scroll{ overflow-x: hidden; overflow-y: auto; width: 6.84rem; height: 5.2rem; margin: 0.8rem auto 0;}
.system_scroll::-webkit-scrollbar{ width: 0.08rem; background: url(https://zx2.wanmei.com/images/index2406/scroll_line.png) center top repeat-y; background-repeat: 100% auto;}
.system_scroll::-webkit-scrollbar-thumb{ width: 0.08rem; background-color: #6894c6; border-radius: 0.08rem;}
.system_cont_item{ width: 6.8rem; padding-bottom: 0.4rem; font-size: 0.18rem; line-height: 0.46rem; color: #73716d;}
.system_t{ font-size: 0.24rem; color: #daa797;}
/* ani */
.ani_huang_top{ transform-origin: center top; 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);}
}

@keyframes wave{
    0%{ height: 0.11rem;}
    50%{ height: 0.23rem;}
    100%{ height: 0.11rem;}
}
.ani_enter_top{ animation: key_enter_top 0.3s linear; }
@keyframes key_enter_top{
	0%{ transform: translate3d(0,-50px,0); opacity: 0;}
	100%{ transform: translate3d(0,0,0); opacity: 1;}
}
.ani_enter_left{ animation: key_enter_left 0.3s linear; }
@keyframes key_enter_left{
	0%{ transform: translate3d(-50px,0,0); opacity: 0;}
	100%{ transform: translate3d(0,0,0); opacity: 1;}
}
.ani_enter_bottom{ animation: key_enter_bottom 0.3s linear; }
@keyframes key_enter_bottom{
	0%{ transform: translate3d(0,50px,0); opacity: 0;}
	100%{ transform: translate3d(0,0,0); opacity: 1;}
}
@keyframes key_renshen{
	from { background-position: 0 0; background-repeat: 100% auto;}
  	to { background-position: 0 -14.88rem; background-repeat: 100% auto;}
}
@keyframes anima-path1 {
	0% { transform: translateX(0%);}
	100% {transform: translateX(-50%);}
}
@keyframes anima-path2 {
	0% {transform: translateX(0%); }
	100% { transform: translateX(-50%);}
}
.hide_header{ animation: key_hideheader 0.3s linear both; }
@keyframes key_hideheader{
	0%{ transform: translate3d(0,0,0);}
	100%{ transform: translate3d(0,75px,0);}
}
.ani_zhuan{ animation: key_zhuan 0.2s linear;}
@keyframes key_zhuan{
    0%{ transform: rotate(0);}
    0%{ transform: rotate(-180deg);}
}