@charset "utf-8";body{min-width:13.04rem;overflow-x:hidden}
*:not(input):not(textarea){user-select:none;}
body{margin:0;padding:0;font-size:0.14rem;font-family:"Microsoft Yahei","宋体",Arial,Helvetica,sans-serif;background-color:#204126}
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}
.clearfix:after{content:"";display:block;height:0;clear:both}
.clearfix{zoom:1}
.huanta_footer_box{padding-bottom:0.1rem}
.generalBox_20220704{display: none !important; height: 0 !important;}
.general_20220704{background: rgba(22,22,22,0.7) !important;}
.big_bg{}
html,body,.container{ position: relative;height: 100%;width: 100%; }
body {  overflow: hidden; margin: 0 auto;  background: #000; min-width: 1200px;  }
.swiper-container { width: 100%; height: 100%; }
/* bottom */
#footerBtn{display: block; width: 1.2rem; height: 0.3rem; position: fixed;right: 0.5rem; bottom: 0.5rem; z-index: 99999; cursor: pointer; }
.footerPic{background:url(https://ht.wanmei.com/images/main231025/btn_info.png) no-repeat 0 0;background-size: 100%;}
.footerOn{background-position: 0 bottom;}
#pcfooter{display:none; width: 100%; z-index: 99998; position: fixed; left: 50%; bottom: 0; max-width: 1920px; transform:translateX(-50%); -webkit-transform: translateX(-50%);}

/* right bar */
.btn-version{position:fixed;right:0;top:50%;margin-top:0.8rem;z-index:333}
.right_bar{position:fixed;width:0.17rem;height:2.81rem;right:0;top:50%; margin-top:-2rem;background:url(https://ht.wanmei.com/images/main231214/right_bar.png) no-repeat;z-index:50;overflow:hidden;background-size:auto 100%;}
#btn_slide{position: absolute;width: 0.17rem;height: .76rem; left: 0rem;top: 0.99rem; cursor: pointer; }
.slide_off{background:url(https://ht.wanmei.com/images/main231214/btn_slide_off.png) no-repeat center;}
.slide_on{background:url(https://ht.wanmei.com/images/main231214/btn_slide_on.png) no-repeat center;}

.r_bar_cont{position:absolute;width:1.5rem; height:2.81rem; left:0.19rem; top:0rem;}
.ewm_cont_wrap{height:1.82rem;overflow:hidden}
.ewm_cont{display:none}
.ewm_border{height: 1.13rem; padding-top: 0.26rem;}
.ewm_border img{display:block;width:1.01rem;height:1.01rem;margin:0 auto}
.ewm_cont p{font-size: .14rem; color: #FFF; text-align: center;}

.ewm_icon_list{width:1.44rem;height:0.96rem;margin:0 auto}
.ewm_icon_list li{float:left;width:0.42rem;height:0.42rem; margin:0 0.02rem 0.05rem 0.02rem; cursor:pointer}
.icon_wx{background:url(https://ht.wanmei.com/images/main231214/icon_wx.png);background-size: 100%;}
.icon_wb{background:url(https://ht.wanmei.com/images/main231214/icon_wb.png);background-size: 100%;}
.icon_qq{background:url(https://ht.wanmei.com/images/main231214/icon_qq.png);background-size: 100%;}
.icon_dl{background:url(https://ht.wanmei.com/images/main231214/icon_dl.png);background-size: 100%;}
.icon_kf{background:url(https://ht.wanmei.com/images/main231214/icon_kf.png);background-size: 100%;}
.ewm_icon_list li.on{background-position:0 bottom;}

.float_qmx{position:fixed;width:2.1rem;height:2.07rem;right:0;top:50%;margin-top:0.8rem;z-index:50}
.cydiv{width:6.43rem; height: .3rem; background: url(https://ht.wanmei.com/images/cover240307/copyright.png) no-repeat 0 0; background-size: 100% auto; position: absolute; left: 0.25rem; top: 8.7rem;}

/* left bar */
.left_bar_nav{position:fixed;width:2rem;height:4.16rem;left:0.45rem;top:4.3rem; z-index:50; }
.nav_box{position:absolute;width:2rem;height:3.88rem;left:0.15rem;top:0.27rem;z-index:20}
.nav_box a{position:relative;display:block; height:0.6rem;padding-left:0.2rem;font-size:0.2rem;line-height:0.17rem;color:#ffffff; transition: font-size 0.5s linear;}
.nav_box a span{position:absolute;width:0.10rem;height:0.10rem;left:0;top:0.04rem;background: #89b5ee;display: none; }
.arrow{width: 0.85rem;height: 0.81rem;background:url(https://ht.wanmei.com/images/main231214/arrow.png);background-size: 100%;position: absolute;top: 9.5rem;left: 50%;margin:0 0 0 -0.42rem;
animation:updown 1s linear infinite;-webkit-animation:updown 1s linear infinite;-ms-animation:updown 1s linear infinite}
.nav_box a.on{font-size: 0.3rem;}
.nav_box a.on,.nav_box a:hover{color:#89b5ee}
.nav_box a.on span{ display: block; }
.nav_box .icon_line{display:block;width:0.2rem;height:0.35rem;margin:0.03rem 0; }
.nav_page{position:absolute;width:100%;height:0.24rem;left:0;top:3.66rem;font-size:0.18rem;line-height:0.24rem;color:#fff;text-align:center}
.bg_video_4k_container{position:fixed;width:100%;height:21.6rem;overflow:hidden;z-index:-1}
.bg_video_4k{position:absolute;width:38.4rem;height:21.6rem;left:50%;margin-left:-19.2rem;top:0}
.bg_video_4k video{width:100%}
.wrap{position:relative; margin:0 auto;overflow:hidden;height: 100%;}
.page1{position:relative;height:100%;z-index:2;overflow:hidden;}
.top_line{position:absolute;width:100%;height: 100%;top: 0; background:url(https://ht.wanmei.com/images/cover240325/top_line.png) center top no-repeat; overflow:hidden;background-size: 100%;z-index: 1;}
.page2{position:relative;height:100%;background:url(https://ht.wanmei.com/images/main231214/page2.jpg) center top no-repeat;z-index:2;overflow:hidden;background-size: 100%;}
.page3{position:relative;height:100%;background:url(https://ht.wanmei.com/images/main231214/page3.jpg) center top no-repeat;z-index:2;overflow:hidden;background-size: 100%;}
.page4{position:relative;height:100%;background:url(https://ht.wanmei.com/images/main231214/page4.jpg) center top no-repeat;z-index:2;overflow:hidden;background-size: 100%;}
.page5{position:relative;height:100%;background:url(https://ht.wanmei.com/images/main231214/page5.jpg) center top no-repeat;z-index:2;overflow:hidden;background-size: 100%;}

.logo{width:1.94rem; height: 1.92rem; background: url(https://ht.wanmei.com/images/cover241024/logo.png) no-repeat 0 0; background-size: 100% auto; position: absolute; left: 0; top:0.8rem; z-index: 10;}
.music_switch{position:absolute;width:0.4rem;height:0.3rem;top:1rem;right:0.62rem;cursor:pointer;z-index:10}
.music_switch span{position:absolute;width:0.04rem;bottom:0;background:#89b5ee}
.music_switch .s1{height:0.11rem;right:0rem}
.music_switch .s2{height:0.21rem;right:0.1rem}
.music_switch .s3{height:0.28rem;right:0.2rem}
.music_switch .s4{height:0.13rem;right:0.3rem}
.music_switch.active .s1{animation:wave 0.66s linear infinite;-webkit-animation:wave 0.66s linear infinite;-ms-animation:wave 0.66s linear infinite}
.music_switch.active .s2{animation:wave 0.8s linear infinite;-webkit-animation:wave 0.8s linear infinite;-ms-animation:wave 0.8s linear infinite}
.music_switch.active .s3{animation:wave 0.7s linear infinite;-webkit-animation:wave 0.7s linear infinite;-ms-animation:wave 0.7s linear infinite}
.music_switch.active .s4{animation:wave 0.5s linear infinite;-webkit-animation:wave 0.5s linear infinite;-ms-animation:wave 0.5s linear infinite}
@keyframes wave{0%{height:0.1rem}
    50%{height:0.28rem}
    100%{height:0.1rem}
}
@-webkit-keyframes wave{0%{height:0.1rem}
    50%{height:0.28rem}
    100%{height:0.1rem}
}
@-ms-keyframes wave{0%{height:0.1rem}
    50%{height:0.28rem}
    100%{height:0.1rem}
}
.link_icon{width:2.7rem; height: 2.70rem; background: url(https://ht.wanmei.com/images/cover231214/linkIcon1226.png) no-repeat 0 0; background-size: 100% auto; position: fixed; right: 0rem; bottom: 1.4rem; z-index: 6; overflow: hidden; text-indent: -9999rem;}
.years12{position:absolute;right:0.1rem; top:1.7rem;z-index:6;width: 0.9rem;}
.btn-jd{display: block;position: absolute;width:2.52rem;height:2.37rem;right:2rem;top:6rem; background: url(https://ht.wanmei.com/images/main230322/btn-jd.png) no-repeat center;z-index: 10;background-size: 100% auto;}
.cont{position:relative;width:13.04rem;height:100%;margin:0 auto}
.bg_video{position:absolute;width:19.2rem;height:100%;left:50%;margin-left:-9.6rem;top:0;overflow:hidden}
.bg_video video{width:100%}
.head_gai{position:absolute;width:19.2rem;height:3.49rem;left:50%;margin-left:-9.6rem;bottom:0; z-index:6;background-size: 100%;}


.downMainCont{position:absolute; width: 100%; left: 0; top:7.2rem; z-index:100; display: flex; justify-content: center;}
.downMainWrap{height: 120px; margin: 0 auto; background: rgba(0,0,0,0.4); display: flex; justify-content: center; padding: 0 10px;}
.download_div1{width: 120px; height: 120px; position: relative;}
.download_div1 img{display: block; width: 108px; height: 108px; position: absolute; left: 0; top: 6px;}
.download_div1 span{display: block; width: 108px; position: absolute; left: 0; bottom: -20px; color: #FFF; text-align: center; font-size: 14px;}

.download_div2{width: 215px; padding: 10px 0 0 0;}
.download_div2 a{display: block; width: 205px; height: 45px; margin-bottom: 10px;}
.download_div2 a:last-child{margin-bottom: 0;}
.download_div2 a.link_download_desk{background: url(https://ht.wanmei.com/images/cover250522/down_pc.png) no-repeat 0 0;}
.download_div2 a.link_pay{background: url(https://ht.wanmei.com/images/cover250522/btn_pay.png) no-repeat 0 0;}

.download_div3{width: 215px; padding: 10px 0 0 0;}
.download_div3 a{display: block; width: 205px; height: 45px; margin-bottom: 10px;}
.download_div3 a:last-child{margin-bottom: 0;}
.download_div3 a.link_download_ios{background: url(https://ht.wanmei.com/images/cover250522/down_ios.png) no-repeat 0 0;}
.download_div3 a.link_download_android{background: url(https://ht.wanmei.com/images/cover250522/down_and.png) no-repeat 0 0;}

.download_div4{width: 96px; padding: 10px 0 0 0;}
.hoverBtns{width: 96px; height: 100px; background: url(https://ht.wanmei.com/images/cover250522/down_yun.png) no-repeat 0 0; position: relative; display: block; cursor: pointer;}
.hoverPop{width: 350px; height: 220px; position: absolute; left: 40px; top: -60px; display: none;}
.downMainRight{width: 254px; height: 220px; position: absolute; right: 0; top: 0; background: rgba(0,0,0,0.4);}
.download_yun{padding-top: 24px;}
.download_yun a{display: block; width: 205px; height: 45px; margin: 0 auto; margin-bottom: 18px;}
.download_yun a:last-child{margin-bottom: 0;}
.download_yun a.link_download_yun_ios{background: url(https://ht.wanmei.com/images/cover250522/yun_ios.png) no-repeat 0 0;}
.download_yun a.link_download_yun_android{background: url(https://ht.wanmei.com/images/cover250522/yun_Android.png) no-repeat 0 0;}
.download_yun a.link_download_yun_pc{background: url(https://ht.wanmei.com/images/cover250522/yun_pc.png) no-repeat 0 0;}


.slogan{width: 11.51rem; height: 6.03rem; position: absolute; left:48%; transform: translate(-50%,0); top: 2.6rem; background: url(https://ht.wanmei.com/images/cover250522/slogan.png) no-repeat 0 0; background-size: 100% auto;}
.btn_video{position:absolute; width:.9rem; height:.76rem; right:1.5rem; top:3.3rem; background:url(https://ht.wanmei.com/images/cover250522/btn_v_play.png) no-repeat 0 0; background-size: 100% auto; z-index:10; cursor:pointer;}
.btn_video:hover{background-position: 0 bottom;}

.ani_quan1{animation:key_quan1 5s linear infinite;-webkit-animation:key_quan1 5s linear infinite;-ms-animation:key_quan1 5s linear infinite}

.news_box{position:relative;height:9.06rem; }
.news_cont_wrap{position:absolute;width:13.03rem;height:5.77rem;left:-0.41rem;top:2.3rem; }
.news_swiper{position:absolute;width:6.7rem;height:5.76rem;left:0.35rem;top:0.2rem}
.news_swiper .swiper-slide,.news_swiper .swiper-slide img{width:6.7rem;height:5.37rem}
.news_swiper .swiper-pagination{height:0.09rem;text-align:right}
.news_swiper .swiper-pagination-bullet{width:0.08rem;height:0.09rem;margin:0 0.13rem 0 0!important;background-color:#ffffff;opacity:1;border-radius:0}
.news_swiper .swiper-pagination-bullet-active{background-color:#89b5ee;width:0.44rem;}
.news_tab{position:absolute;width:6rem;height:0.42rem;left:8.25rem;top:1.6rem}
.news_tab li{float:left;width:1.29rem;height:0.4rem; overflow:hidden;cursor:pointer;border: 0.01rem solid #fff;line-height: 0.4rem;color: #fff;text-align: center;}
 
.news_tab li{margin: 0 0.15rem 0 0;font-weight: bold;font-size: 0.28rem;}
.news_tab li.on{border: 0.01rem solid #89b5ee;line-height: 0.4rem;color: #89b5ee; background: #000; }
.news_cont{display:none;position:absolute;width:6.82rem; height:3.75rem;left:7.36rem;top:2.2rem;background:url(https://ht.wanmei.com/images/221215main/news_bg.png) no-repeat;background-size: 100%;}
.news_list{width:6.6rem;height:4.84rem;overflow:hidden;margin: 0 0 0 0.1rem;}
.news_list li{width:100%;height:0.74rem;overflow:hidden;line-height:0.74rem; }
.news_list li h4{  padding-left:0.12rem; overflow:hidden;background-size: 100%;}
.news_list li h4 a{font-size:0.22rem;font-weight:bold;line-height:0.3rem;color:#fff}
.news_list li h4 a strong{font-weight:normal;color:#ffcc51}
.news_list li h4 a span{display: inline-block;line-height:0.73rem;}
.news_list li p{height:0.75rem;margin-top:0.12rem;padding-left:0.2rem;overflow:hidden}
.news_list li p a{font-size:0.17rem;line-height:0.25rem;color:rgba(255,255,255,0.67)}
.link_more{position:absolute;width:1.14rem;height:0.2rem;left:4.74rem;top:5.03rem; background-size: 100%;}
.link_more:hover{background-position:0 -0.2rem}
.more{background:url(https://ht.wanmei.com/images/221215main/btnmore.png);background-size: 100%;width: 1rem;height: 0.3rem;position: absolute;bottom: -0.5rem;right: 0;cursor: pointer;}
 
/* media */

.linkBox{width: 13rem; height: 7.5rem; position: absolute; left: 5.07rem; top: 2.24rem;}
.linkBox a{float: left; width: 5.27rem; height: 3.23rem; background-size: 100% auto; background-position: 0 0; background-repeat: no-repeat; -webkit-transition: 0.5s; transition: 0.5s; margin: 0 1rem .45rem 0;}
.linkBox a.link1{background-image: url(https://ht.wanmei.com/images/main231214/link1.png);}
.linkBox a.link2{background-image: url(https://ht.wanmei.com/images/main231214/link2.png);}
.linkBox a.link3{background-image: url(https://ht.wanmei.com/images/main231214/link3.png);}
.linkBox a.link4{background-image: url(https://ht.wanmei.com/images/main231214/link4.png);}
.linkBox a:hover{-webkit-transform: scale(1.05);transform: scale(1.05);}



/* 资料 */
.ziliaoSwiper{width: 12.9rem;height: 9.2rem;position: relative;margin: 1.2rem auto 0;overflow-x: hidden;overflow-y:inherit}
.ziliaoSwiper .swiper-slide{margin-top: 0.6rem;}
.page4 .swiper-button-next,.page4 .swiper-button-prev{width:0.45rem; height: 0.41rem; margin-top: -1rem; background-size: 100% auto; position: absolute; top: 50%; opacity: 1;}
.page4 .swiper-button-prev,.page4 .swiper-container-rtl .swiper-button-next{background: url(https://ht.wanmei.com/images/main231214/prev.png) no-repeat ; left:2.7rem;background-size: 100%;}
.page4 .swiper-button-prev:hover,.page4 .swiper-container-rtl .swiper-button-next:hover{background-position-y: bottom;}
.page4 .swiper-button-next,.page4 .swiper-container-rtl .swiper-button-prev{background: url(https://ht.wanmei.com/images/main231214/next.png) no-repeat ; right: 2.5rem;background-size: 100%;}
.page4 .swiper-button-next:hover,.page4 .swiper-container-rtl .swiper-button-prev:hover{background-position-y: bottom;}
.page4 .swiper-container-horizontal>.swiper-pagination-bullets,.page4 .swiper-pagination-custom,.page4 .swiper-pagination-fraction{bottom: 16px;}

.title2{width: 2.25rem; height: 0.97rem; background: url(https://ht.wanmei.com/images/main231214/title2.png) no-repeat 0 0; background-size: 100% auto; z-index: 1000; position: absolute; left: .43rem; top: 1.17rem;}
.ziliao{width: 2.28rem; height: 6.86rem; position: absolute; right: 0; background-size: 7.89rem auto; background-position: 0 0; background-repeat: no-repeat;}

.lingkuangqu .ziliao{background-image: url(https://ht.wanmei.com/images/cover250417/map_lkq.png);}
.zhinengchen .ziliao{background-image: url(https://ht.wanmei.com/images/cover241212/map_zhinengchen.png);}
.shineiquyu .ziliao{background-image: url(https://ht.wanmei.com/images/cover240923/map_shineiquyu.png);}
.shizhongxin .ziliao{background-image: url(https://ht.wanmei.com/images/cover240711/map_shizhongxin.png);}
.yaxiazhou .ziliao{background-image: url(https://ht.wanmei.com/images/cover240425/map_yaxiazhou.png);}
.kanzhou .ziliao{background-image: url(https://ht.wanmei.com/images/main231214/map_kanzhou.png);}
.duizhou .ziliao{background-image: url(https://ht.wanmei.com/images/main231214/map_duizhou.png);}
.zhenzhou .ziliao{background-image: url(https://ht.wanmei.com/images/main231214/map_zhengzhou.png);}
.lizhou .ziliao{background-image: url(https://ht.wanmei.com/images/main231214/map_lizhou.png);}
.yingnasi .ziliao{background-image: url(https://ht.wanmei.com/images/main231214/map_yingnnasi.png);}
.shabaodi .ziliao{background-image: url(https://ht.wanmei.com/images/main231214/map_shaobaodi.png);}
.jingdu .ziliao{background-image: url(https://ht.wanmei.com/images/main231214/map_jingdu.png);}
.xingdao .ziliao{background-image: url(https://ht.wanmei.com/images/main231214/map_xingdao.png);}
.btn_view{display: block; width: 1.9rem; height: .4rem; position: absolute; left: .18rem; bottom: .48rem;}
.ziliao:hover{background-position: -5.64rem 0;}


.ziliao_b{width: 2.28rem; height: 6.86rem; display: none; position: absolute; right: 0; z-index: 10000; top: 0;}
.ziliao_b .gifImg{width: 2.28rem; height: 6.86rem; position: absolute; left: 0; top: -0.4rem; z-index: 1; transform:scale(1.1,1.1); background-size: 100% auto; background-position: 0 0; background-repeat: no-repeat; border-bottom: 0.06rem solid #89b5ee;}
.ziliao_b .tit{display: block; width:100%; height: 3.2rem; position: absolute; left: 0; bottom: 0; background-size: 100% auto; background-position: center 0; background-repeat: no-repeat; z-index: 2;}

.suixinggang .ziliao{background-image: url(https://ht.wanmei.com/images/cover250522/map_sxg.png);}
.suixinggang .gifImg{background-image: url(https://htvmg.wmupd.com/webops/ht/ql-sxg305-934.gif);}
.suixinggang .tit{background-image: url(https://ht.wanmei.com/images/cover250522/tit_sxg.png);}

.lingkuangqu .gifImg{background-image: url(https://htvmg.wmupd.com/webops/ht/lkq-305-934.gif);}
.lingkuangqu .tit{background-image: url(https://ht.wanmei.com/images/cover250417/tit_lkq.png);}

.zhinengchen .gifImg{background-image: url(https://htvmg.wmupd.com/webops/ht/gwsj305934.gif);}
.zhinengchen .tit{background-image: url(https://ht.wanmei.com/images/cover241212/tit_zhinengchen.png);}

.shineiquyu .gifImg{background-image: url(https://htvmg.wmupd.com/webops/ht/yaxiazhou-shineiquyu305-934.gif);}
.shineiquyu .tit{background-image: url(https://ht.wanmei.com/images/cover240923/tit_shineiquyu.png);}

.shizhongxin .gifImg{background-image: url(https://htvmg.wmupd.com/webops/ht/YXzzzx-305-934.gif);}
.shizhongxin .tit{background-image: url(https://ht.wanmei.com/images/cover240711/tit_shizhongxin.png);}

.yaxiazhou .gifImg{background-image: url(https://htvmg.wmupd.com/webops/ht/ht_map_yaxiazhou-305-934.gif);}
.yaxiazhou .tit{background-image: url(https://ht.wanmei.com/images/cover240711/tit_yaxiazhou.png);}

.kanzhou .gifImg{background-image: url(https://htvmg.wmupd.com/webops/ht/JY-KZ305-934.gif);}
.kanzhou .tit{background-image: url(https://ht.wanmei.com/images/main231214/tit_kanzhou.png);}

.duizhou .gifImg{background-image: url(https://htvmg.wmupd.com/webops/ht/ht_map_duizhou_305.gif);}
.duizhou .tit{background-image: url(https://ht.wanmei.com/images/main231214/tit_duizhou.png);}

.zhenzhou .gifImg{background-image: url(https://gamesvmg.wmupd.com/webops/ht_zhenzhou_305.gif);}
.zhenzhou .tit{background-image: url(https://ht.wanmei.com/images/main231214/tit_zhenzhou.png);}

.lizhou .gifImg{background-image: url(https://gamesvmg.wmupd.com/webops/ht_jiuyu_305.gif);}
.lizhou .tit{background-image: url(https://ht.wanmei.com/images/main231214/tit_lizhou.png);}

.yingnasi .gifImg{background-image: url(https://gamesvmg.wmupd.com/webops/ht_yinnasi_305.gif);}
.yingnasi .tit{background-image: url(https://ht.wanmei.com/images/main231214/tit_yingnasi.png);}

.shabaodi .gifImg{background-image: url(https://gamesvmg.wmupd.com/webops/ht_shabao_305.gif);}
.shabaodi .tit{background-image: url(https://ht.wanmei.com/images/main231214/tit_shabaodi.png);}

.jingdu .gifImg{background-image: url(https://gamesvmg.wmupd.com/webops/ht_jingdu_305.gif);}
.jingdu .tit{background-image: url(https://ht.wanmei.com/images/main231214/tit_jingdu.png);}

.xingdao .gifImg{background-image: url(https://gamesvmg.wmupd.com/webops/ht_xingdao_305.gif);}
.xingdao .tit{background-image: url(https://ht.wanmei.com/images/main231214/tit_xingdao.png);}


/* 人物 */
.role_wrap{position:relative;height:10.8rem;z-index:6}
.role_swiper{position:absolute;width:19.2rem;height:10.8rem;left:50%;margin-left:-9.6rem;top:0rem;}

.roleOpacity{width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; background-size: 100% auto; background-position: 0 0; background-repeat: no-repeat; overflow: hidden;}
.roleOpacity.yn{background-image: url(https://ht.wanmei.com/images/cover240111/rolebg_yn.jpg);}
.roleOpacity.jy{background-image: url(https://ht.wanmei.com/images/cover240325/rolebg_jy.jpg);}
.roleOpacity.blw{background-image: url(https://ht.wanmei.com/images/main231214/rolebg_blw.jpg);}
.roleOpacity.mrx{background-image: url(https://ht.wanmei.com/images/cover240206/rolebg_mrx.jpg);}
.roleOpacity.lbl{background-image: url(https://ht.wanmei.com/images/cover240307/rolebg_lbl.jpg);}
.roleOpacity.plt{background-image: url(https://ht.wanmei.com/images/main231214/rolebg_plt.jpg);}
.roleOpacity.lsl{background-image: url(https://ht.wanmei.com/images/cover240425/rolebg_lsl.jpg);}
.roleOpacity.ak{background-image: url(https://ht.wanmei.com/images/cover240606/rolebg_ak.jpg);}
.roleOpacity.ns{background-image: url(https://ht.wanmei.com/images/cover240711/rolebg_ns.jpg);}
.roleOpacity.kai{background-image: url(https://ht.wanmei.com/images/cover240822/rolebg_kai.jpg);}
.roleOpacity.asdl{background-image: url(https://ht.wanmei.com/images/cover240923/rolebg_asdl.jpg);}
.roleOpacity.hh{background-image: url(https://ht.wanmei.com/images/cover241024/rolebg_hh.jpg);}
.roleOpacity.bfy{background-image: url(https://ht.wanmei.com/images/cover241120/rolebg_bfy.jpg);}
.roleOpacity.lk{background-image: url(https://ht.wanmei.com/images/cover241212/rolebg_lk.jpg);}
.roleOpacity.hlb{background-image: url(https://ht.wanmei.com/images/cover250306/rolebg_hlb.jpg);}
.roleOpacity.atly{background-image: url(https://ht.wanmei.com/images/cover250124/rolebg_atly.jpg);}
.roleOpacity.ls{background-image: url(https://ht.wanmei.com/images/cover250417/rolebg_ls.jpg);}
.roleOpacity.ast{background-image: url(https://ht.wanmei.com/images/cover250522/rolebg_ast.jpg);}

.roleImg{width: 100%; height: 100%; position: absolute; left:0; top: 0; z-index: 2; display: flex; justify-content: center; align-items: center;}
.roleImg div{display: block; width: 100%; height: 100%; transition:transform 0.2s linear;-webkit-transition:transform 0.2s linear;-ms-transition:transform 0.2s linear}
.roleImg.yn div{background: url(https://ht.wanmei.com/images/cover240111/hero_yn.png) no-repeat center; background-size: 11.14rem auto;}
.roleImg.jy div{background: url(https://ht.wanmei.com/images/cover240325/hero_jy.png) no-repeat center; background-size: 10.16rem auto;}
.roleImg.blw div{background: url(https://ht.wanmei.com/images/main231214/hero_blw.png) no-repeat center; background-size: 11rem auto;}
.roleImg.mrx div{background: url(https://ht.wanmei.com/images/cover240206/hero_mrx.png) no-repeat center; background-size: 11rem auto;}
.roleImg.lbl div{background: url(https://ht.wanmei.com/images/cover240307/hero_lbl.png) no-repeat center; background-size: 4.92rem auto;}
.roleImg.plt div{background: url(https://ht.wanmei.com/images/main231214/hero_plt.png) no-repeat center; background-size: 9.68rem auto;}
.roleImg.lsl div{background: url(https://ht.wanmei.com/images/cover240425/hero_lsl.png) no-repeat center; background-size: 9rem auto;}
.roleImg.ak div{background: url(https://ht.wanmei.com/images/cover240606/hero_ak.png) no-repeat center; background-size: 6.73rem auto;}
.roleImg.ns div{background: url(https://ht.wanmei.com/images/cover240711/hero_ns.png) no-repeat center; background-size: 9.6rem auto;}
.roleImg.kai div{background: url(https://ht.wanmei.com/images/cover240822/hero_kai.png) no-repeat center 0; background-size: 10.14rem auto;}
.roleImg.asdl div{background: url(https://ht.wanmei.com/images/cover240923/hero_asdl.png) no-repeat center 0; background-size: 11.27rem auto;}
.roleImg.hh div{background: url(https://ht.wanmei.com/images/cover241024/hero_hh.png) no-repeat center 0; background-size: 11.27rem auto;}
.roleImg.bfy div{background: url(https://ht.wanmei.com/images/cover241120/hero_bfy.png) no-repeat center 0; background-size: 11.27rem auto;}
.roleImg.lk div{background: url(https://ht.wanmei.com/images/cover241212/hero_lk.png) no-repeat center 0; background-size: 16.41rem auto;}
.roleImg.hlb div{background: url(https://ht.wanmei.com/images/cover250306/hero_hlb.png) no-repeat center 0; background-size: 16.41rem auto;}
.roleImg.atly div{background: url(https://ht.wanmei.com/images/cover250124/hero_atly.png) no-repeat center 0; background-size: 16.41rem auto;}
.roleImg.ls div{background: url(https://ht.wanmei.com/images/cover250417/hero_ls.png) no-repeat center 0; background-size: 16.41rem auto;}
.roleImg.ast div{background: url(https://ht.wanmei.com/images/cover250522/hero_ast.png) no-repeat center 0; background-size: 16.41rem auto;}

.infoDiv{width: 6rem; height: 4rem; position: absolute; left: 2.6rem; top: 4.3rem; z-index: 2; background-position: 0 0; background-repeat: no-repeat; background-size: 4.64rem auto; overflow: hidden; z-index: 3;}
.role_info_yn{background-image: url(https://ht.wanmei.com/images/cover240111/info_yn.png);}
.role_info_jy{background-image: url(https://ht.wanmei.com/images/cover240325/info_jy.png); background-size: 4.64rem auto;}
.role_info_blw{background-image: url(https://ht.wanmei.com/images/main231214/info_blw.png);}
.role_info_mrx{background-image: url(https://ht.wanmei.com/images/cover240206/info_mrx.png); background-size: 4.77rem auto;}
.role_info_lbl{background-image: url(https://ht.wanmei.com/images/cover240307/info_lbl.png); background-size: 4.64rem auto;}
.role_info_plt{background-image: url(https://ht.wanmei.com/images/main231214/info_plt.png);}
.role_info_lsl{background-image: url(https://ht.wanmei.com/images/cover240425/info_lsl.png);}
.role_info_ak{background-image: url(https://ht.wanmei.com/images/cover240606/info_ak.png); background-size: 4.64rem auto;}
.role_info_ns{background-image: url(https://ht.wanmei.com/images/cover240711/info_ns.png); background-size: 4.64rem auto;}
.role_info_kai{background-image: url(https://ht.wanmei.com/images/cover240822/info_kai.png); background-size: 4.99rem auto;}
.role_info_asdl{background-image: url(https://ht.wanmei.com/images/cover240923/info_asdl.png); background-size: 4.64rem auto;}
.role_info_hh{background-image: url(https://ht.wanmei.com/images/cover241024/info_hh.png); background-size: 4.64rem auto;}
.role_info_bfy{background-image: url(https://ht.wanmei.com/images/cover241120/info_bfy.png); background-size: 5.33rem auto;}
.role_info_lk{background-image: url(https://ht.wanmei.com/images/cover241212/info_lk.png); background-size: 5.33rem auto;}
.role_info_hlb{background-image: url(https://ht.wanmei.com/images/cover250306/info_hlb.png); background-size: 4.59rem auto;}
.role_info_atly{background-image: url(https://ht.wanmei.com/images/cover250124/info_atly.png); background-size: 5.33rem auto;}
.role_info_ls{background-image: url(https://ht.wanmei.com/images/cover250417/info_ls.png); background-size: 5.33rem auto;}
.role_info_ast{background-image: url(https://ht.wanmei.com/images/cover250522/info_ast.png); background-size: 5.33rem auto;}

.cvbox{width: 3.83rem; height: 1.55rem; position: absolute; right: 2.6rem; top: 4rem; z-index: 4; background: url(https://ht.wanmei.com/images/main231214/cvbg.png) no-repeat 0 0; background-size: 100% auto;}
.cvbox.mrx{background: url(https://ht.wanmei.com/images/cover240206/cvbg_mrx.png) no-repeat 0 0; background-size: 100% auto;}

.role_tab{width: 5.95rem; height: 0.8rem; right: 0; top: 5.96rem; position: absolute; z-index: 100;}
.role_tab a{float: left; width: .68rem; height: .68rem; border: 0.03rem solid #FFF; -webkit-filter: grayscale(100%);filter: grayscale(100%); margin-right: 0.1rem;}
.role_tab a.roleIcon1{background: url(https://ht.wanmei.com/images/cover250522/icon_ast.jpg) no-repeat 0 0; background-size: 100% auto;}
.role_tab a.roleIcon2{background: url(https://ht.wanmei.com/images/cover250417/icon_ls.jpg) no-repeat 0 0; background-size: 100% auto;}
.role_tab a.roleIcon3{background: url(https://ht.wanmei.com/images/cover250306/icon_hlb.jpg) no-repeat 0 0; background-size: 100% auto;}
.role_tab a.roleIcon4{background: url(https://ht.wanmei.com/images/cover250124/icon_atly.jpg) no-repeat 0 0; background-size: 100% auto;}



.role_tab a.on{-webkit-filter: grayscale(0);filter: grayscale(0); border: 0.03rem solid #89b5ee;}
.role_more{display: block; width: 1.38rem; height: .35rem; background: url(https://ht.wanmei.com/images/main231214/roleMore.png) no-repeat 0 0; background-size: 100% auto; position: absolute; right: 2.63rem; top: 6.97rem; z-index: 100;}

.btn_sound{width: 1.52rem; height: .35rem; position: absolute; left: .83rem; top: .54rem;}
.btn_sound span{position:absolute;width:1.18rem; height:0.35rem; right:0; top:0; font-size:0.2rem;color:#fff;text-align:center; line-height: .34rem;}
.btn_sound:hover span{color: #fcde9d;}
.btn_sound i{position:absolute;width:0.09rem;height:0.14rem;left:.18rem;top:0.11rem;font-style:normal;background:url(https://ht.wanmei.com/images/221215main/icon_sound2.png) no-repeat;background-size: 100%;}
.ani_sound{animation:key_sound 1s linear infinite;-webkit-animation:key_sound 1s linear infinite;-ms-animation:key_sound 1s linear infinite}

@keyframes key_sound{
    0%{background:none}
    50%{background:url(https://ht.wanmei.com/images/221215main/icon_sound1.png);background-size: 100%;}
    100%{background:url(https://ht.wanmei.com/images/221215main/icon_sound2.png);background-size: 100%;}
}
@-webkit-keyframes key_sound{
    0%{background:none}
    50%{background:url(https://ht.wanmei.com/images/221215main/icon_sound1.png);background-size: 100%;}
    100%{background:url(https://ht.wanmei.com/images/221215main/icon_sound2.png);background-size: 100%;}
}
@-ms-keyframes key_sound{
    0%{background:none}
    50%{background:url(https://ht.wanmei.com/images/221215main/icon_sound1.png);background-size: 100%;}
    100%{background:url(https://ht.wanmei.com/images/221215main/icon_sound2.png);background-size: 100%;}
}

@keyframes key_lr{
    0%{transform:translate3d(0,0,0)}
    50%{transform:translate3d(0.3rem,0,0)}
    100%{transform:translate3d(0,0,0)}
}
@-webkit-keyframes key_lr{0%{-webkit-transform:translate3d(0,0,0)}
    50%{-webkit-transform:translate3d(0.3rem,0,0)}
    100%{-webkit-transform:translate3d(0,0,0)}
}
@-ms-keyframes key_lr{0%{-ms-transform:translate3d(0,0,0)}
    50%{-ms-transform:translate3d(0.3rem,0,0)}
    100%{-ms-transform:translate3d(0,0,0)}
}
@keyframes key_quan1{
    0%{transform:rotate(0deg)}
    100%{transform:rotate(360deg)}
}
@-webkit-keyframes key_quan1{
    0%{-webkit-transform:rotate(0deg)}
    100%{-webkit-transform:rotate(360deg)}
}
@-ms-keyframes key_quan1{
    0%{-ms-transform:rotate(0deg)}
    100%{-ms-transform:rotate(360deg)}
}

.pop_fixed{display:none;position:fixed;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.8);z-index:100}
.pop_video_cont{position:absolute;width:8.68rem;height:4.99rem;left:50%;top:50%;margin:-2.5rem 0 0 -4.34rem;background:url(https://ht.wanmei.com/images/221215main/main220817/pop_video_bg.png);background-size: 100%;}
.icon_close1{position:absolute;width:0.63rem;height:0.64rem;right:-0.56rem;top:-0.16rem;background:url(https://ht.wanmei.com/images/221215main/icon_close.png);cursor:pointer;z-index:5;background-size: 100%;}
.pop_v_box{position:absolute;width:8.43rem;height:4.73rem;left:0.12rem;top:0.12rem;overflow:hidden}
.pop_v_box video{width:100%;height:100%}
.pop_big_pic{position:absolute;max-width:90%;max-height:90%;left:50%;top:50%;transform:translate3d(-50%,-50%,0);-webkit-transform:translate3d(-50%,-50%,0)}

.linkEventBtns{display: block; width: 3.9rem; height: 3rem; z-index: 100; background: url(https://ht.wanmei.com/images/cover241024/popImgs.png) no-repeat 0 0; background-size: 100% auto; position: fixed; right: 0; bottom: 0.8rem;}
#pcfooter{max-width: 100% !important;}