@charset "utf-8";
body{ margin:0; padding:0; font-size:0.14rem; font-family:"Microsoft Yahei",Arial, Helvetica, sans-serif; overflow-x:hidden;}
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;}

.wrap{ position:relative; width:19.2rem; overflow:hidden;}
/* nav */
.nav_box{ position:fixed; width:1.71rem; height:3.51rem; left:0.42rem; top:50%; margin-top:-1.75rem; background:url(https://tlbb.wanmei.com/images/cover221223/nav_line.png); background-size:100% auto; z-index:10; opacity:0;}
.nav_box span{ position:absolute; width:1.71rem; height:0.32rem; left:0; cursor:pointer;}
#nav1{ top:0.65rem;background:url(https://tlbb.wanmei.com/images/cover221223/nav1.png); background-size:100% auto;}
#nav1.on{background:url(https://tlbb.wanmei.com/images/cover221223/nav1_on.png); background-size:100% auto;}
#nav2{ top:1.32rem;background:url(https://tlbb.wanmei.com/images/cover221223/nav2.png); background-size:100% auto;}
#nav2.on{background:url(https://tlbb.wanmei.com/images/cover221223/nav2_on.png); background-size:100% auto;}
#nav3{ top:1.97rem;background:url(https://tlbb.wanmei.com/images/cover221223/nav3.png); background-size:100% auto;}
#nav3.on{background:url(https://tlbb.wanmei.com/images/cover221223/nav3_on.png); background-size:100% auto;}
#nav4{ top:2.61rem;background:url(https://tlbb.wanmei.com/images/cover221223/nav4.png); background-size:100% auto;}
#nav4.on{background:url(https://tlbb.wanmei.com/images/cover221223/nav4_on.png); background-size:100% auto;}
/* head */
.section_head{ position:relative; width:19.2rem; height:9.52rem; background:url(https://tlbb.wanmei.com/images/img230313/section_head_bg.jpg) no-repeat; background-size:100% auto;}
.logo{ position:absolute; width:2.45rem; left:0.43rem; top:80px; }
#btn_music{ position:absolute; width:0.45rem; height:0.45rem; top:80px; right:0.3rem; background:url(https://tlbb.wanmei.com/images/cover221223/music_off.png); background-size:100% auto; cursor:pointer; }
#btn_music.active{ background:url(https://tlbb.wanmei.com/images/cover221223/music_on.png); background-size:100% auto;}
.login_box{ position:absolute; width:3rem; height:0.3rem; right:0.8rem; top:85px; font-size:0.18rem; line-height:0.3rem; color:#7b7a7a; text-align:center; background:rgba(11,11,12,0.7); border:0.01rem solid #413d45; border-radius:0.1rem;}
.login_after{ display:none;}
.login_box span,.login_box a{ color:#b49b73;}
.login_box a{ font-weight:bold; cursor:pointer;}
.btn_head_v{ position:absolute; width:1.47rem; height:1.46rem; left:9.65rem; top:2.8rem;background:url(https://tlbb.wanmei.com/images/cover221223/btn_head_v.png); background-size:100% auto; cursor:pointer; z-index:2; opacity:0;}
.head_btn_box{ position:absolute; width:100%; height:1.15rem; left:0;top:8.24rem; text-align:center; opacity:0;}
.head_btn_box a{ display:inline-block; margin:0 0.02rem;}
.link_yy{ width:4.05rem; height:1.15rem;background:url(https://tlbb.wanmei.com/images/cover221223/btn_yy.png); background-size:100% auto;}
.link_yy:hover{ background-position:0 -1.17rem;}
.link_main{width:1.17rem; height:1.13rem;background:url(https://tlbb.wanmei.com/images/cover221223/btn_home.png) no-repeat center; background-size:100% auto;}
.btn_download_android{  width:1.83rem; height:1.14rem;background:url(https://tlbb.wanmei.com/images/main221223/btn_download_android.png); background-size:100% auto; }
.btn_download_desktop{  width:1.81rem; height:1.14rem;background:url(https://tlbb.wanmei.com/images/main221223/btn_download_desktop.png); background-size:100% auto; }
.btn_link_chuang{width:2.98rem; height:1.14rem;background:url(https://tlbb.wanmei.com/images/cover230201/link_chuang.png) no-repeat 0 0; background-size:100% auto;}
/* section_yyprize */
.section_yyprize{ position:relative; width:19.2rem; height:10.36rem; background:url(https://tlbb.wanmei.com/images/cover221223/section_yy_bg.jpg) no-repeat; background-size:100% auto;}
.section_t{ position:absolute; width:6.24rem;left:50%; margin-left:-3.12rem; top:0; opacity:0;}
.yy_allnum{ position:absolute; width:5.19rem; height:0.43rem; left:7.0rem; top:1.58rem; background:url(https://tlbb.wanmei.com/images/cover221223/text_all_num.png) no-repeat; background-size:100% auto; opacity:0;}
#all_num{ position:absolute; width:2.88rem; height:0.48rem; left:0.58rem; top:0.05rem; font-size:0.48rem; font-variant:bold; line-height:0.48rem; color:#d01e12; text-align:center; letter-spacing:0.1rem;}
.progress_line{position:absolute; width:14.21rem; height:0.16rem; left:2.37rem; top:4.01rem; background:url(https://tlbb.wanmei.com/images/cover221223/progress_line.png) no-repeat; background-size:100% auto; }
#progress_w{ position:absolute; width:0; height:100%; left:1.73rem; top:0;}
.icon_long{ position:absolute; width:2.77rem; height:2.45rem; right:-1.38rem; bottom:-1.2rem;background:url(https://tlbb.wanmei.com/images/cover221223/icon_long.png) no-repeat; background-size:100% auto; }
.yy_prize{position:absolute; width:12.05rem; height:7.18rem; left:3.4rem; top:3.02rem; background:url(https://tlbb.wanmei.com/images/cover221223/yyprize_img.png) no-repeat; background-size:100% auto; }
.yy_prize img{ display:none; position:absolute;}
.prize1_on{ width:1.52rem; left:-0.03rem; top:0.59rem;}
.prize2_on{ width:1.52rem; left:1.65rem; top:0.57rem;}
.prize3_on{ width:1.52rem; left:3.32rem; top:0.54rem;}
.prize4_on{ width:1.52rem; left:4.99rem; top:0.54rem;}
.prize5_on{ width:1.52rem; left:6.7rem; top:0.54rem;}
.prize6_on{ width:1.53rem; left:8.36rem; top:0.55rem;}
.prize7_on{ width:1.58rem; left:10.22rem; top:-0.07rem;}

.btn_yy{ position:absolute; width:4.06rem; height:1.17rem; left:50%; margin-left:-2.03rem; top:9.18rem;background:url(https://tlbb.wanmei.com/images/cover221223/btn_yy.png); background-size:100% auto; cursor:pointer; opacity:0; z-index:5;}
.btn_yy:hover{ background-position:0 -1.17rem;}

/* section_invite */
.section_invite{position:relative; width:19.2rem; height:8.6rem; background:url(https://tlbb.wanmei.com/images/cover221223/section_invite_bg.jpg) no-repeat; background-size:100% auto; overflow:hidden;}
.invite_prize{ position:absolute; width:10.21rem; left:50%; margin-left:-5.1rem; top:2.8rem;}
.btn_invite{position:absolute; width:3.66rem; height:0.78rem; left:50%; margin-left:-1.83rem; top:6.98rem;background:url(https://tlbb.wanmei.com/images/cover221223/btn_invite.png); background-size:100% auto; cursor:pointer; opacity:0;}
.invite_num{ position:absolute; width:3.86rem; height:0.27rem; left:50%; margin-left:-1.93rem; top:8rem; font-size:0.3rem; line-height:0.3rem; color:#ff0000; text-align:center;background:url(https://tlbb.wanmei.com/images/cover221223/text_invite.png); background-size:100% auto; opacity:0;}

.libaoTitle{background: url(https://tlbb.wanmei.com/images/cover230314/title.png) no-repeat center 0; background-size: 6.24rem auto; height: 2.6rem;}
.libaoShow{background: url(https://tlbb.wanmei.com/images/cover230314/libao.png) no-repeat center 0; background-size: 11.21rem auto; height: 4rem;}
.libaolink{display: block; width: 4.05rem; height: 1.16rem; margin: 0 auto; background: url(https://tlbb.wanmei.com/images/cover230314/libaoBtn.png) no-repeat 0 0; background-size: 100% auto;}
.libaolink:hover{background-position: 0 -1.2rem;}


/* section_role */
.section_role{ position:relative; width:19.2rem; height:12.12rem; background:url(https://tlbb.wanmei.com/images/cover221223/section_menpai_bg.jpg) no-repeat; background-size:100% auto; overflow:hidden;}
.role_swiper,.role_swiper .swiper-slide{ position:relative; width:100%; height:100%;}
.role_swiper .swiper-slide img{ position:absolute;}
.role_map{ width:3.27rem; left:4.68rem; top:6.3rem; z-index:3;}

.role_xiaoyao .role_info{ width:5.69rem; left:4.68rem; top:1.85rem;}
.role_gaibang .role_info{ width:5.07rem; left:4.98rem; top:1.7rem;}
.role_wudang .role_info{ width:5.01rem; left:4.88rem; top:2.04rem;}
.role_emei .role_info{ width:5.36rem; left:4.66rem; top:2.06rem;}
.role_shaolin .role_info{ width:5.02rem; left:4.92rem; top:1.96rem;}
.role_tianshan .role_info{ width:5.3rem; left:4.88rem; top:2.02rem;}

.role_xiaoyao .role_img{width:9.15rem; left:8.92rem; top:1.7rem;}
.role_gaibang .role_img{width:8.95rem; left:7.02rem; top:1.67rem;}
.role_wudang .role_img{width:7.34rem; left:8.54rem; top:1.28rem;}
.role_emei .role_img{width:7.3rem; left:9.32rem; top:1.4rem;}
.role_shaolin .role_img{width:11.82rem; left:7.83rem; top:1.54rem;}
.role_tianshan .role_img{width:7.28rem; left:8.13rem; top:1.54rem;}

.role_icon{width:6.59rem; left:3.62rem; top:9.8rem;}
.role_shaolin .role_icon{width:6.75rem;}
.role_tianshan .role_icon{width:6.64rem;}

.role_tab{ position:absolute; width:1.18rem; height:9rem; left:3.38rem; top:1.6rem; z-index:5; opacity:0;}
.role_tab li{ position:relative; width:1.18rem; height:1.19rem; margin-bottom:0.01rem; cursor:pointer;}
#tab_xiaoyao{ background:url(https://tlbb.wanmei.com/images/cover221223/tab_xiaoyao.png); background-size:100% auto;}
#tab_xiaoyao.on{ background:url(https://tlbb.wanmei.com/images/cover221223/tab_xiaoyao_on.png); background-size:100% auto;}
#tab_gaibang{ background:url(https://tlbb.wanmei.com/images/cover221223/tab_gaibang.png); background-size:100% auto;}
#tab_gaibang.on{ background:url(https://tlbb.wanmei.com/images/cover221223/tab_gaibang_on.png); background-size:100% auto;}
#tab_wudang{ background:url(https://tlbb.wanmei.com/images/cover221223/tab_wudang.png); background-size:100% auto;}
#tab_wudang.on{ background:url(https://tlbb.wanmei.com/images/cover221223/tab_wudang_on.png); background-size:100% auto;}
#tab_emei{ background:url(https://tlbb.wanmei.com/images/cover221223/tab_emei.png); background-size:100% auto;}
#tab_emei.on{ background:url(https://tlbb.wanmei.com/images/cover221223/tab_emei_on.png); background-size:100% auto;}
#tab_shaolin{ background:url(https://tlbb.wanmei.com/images/cover221223/tab_shaolin.png); background-size:100% auto;}
#tab_shaolin.on{ background:url(https://tlbb.wanmei.com/images/cover221223/tab_shaolin_on.png); background-size:100% auto;}
#tab_tianshan{ background:url(https://tlbb.wanmei.com/images/cover221223/tab_tianshan.png); background-size:100% auto;}
#tab_tianshan.on{ background:url(https://tlbb.wanmei.com/images/cover221223/tab_tianshan_on.png); background-size:100% auto;}
.role_tab li img{ display:none; position:absolute; width:0.36rem; left:0.88rem; top:-0.04rem;}
.role_tab li.on img{ display:block;}
/* section_tese */
.section_tese{ position:relative; width:19.2rem; height:13.28rem; background:url(https://tlbb.wanmei.com/images/cover221223/section_tese_bg.jpg) no-repeat; background-size:100% auto; overflow:hidden;}
.mc_bg{ position:absolute; width:12.2rem; height:6.8rem; left:50%; margin-left:-6.1rem; top:1.96rem; background:url(https://tlbb.wanmei.com/images/cover221223/mc_bg.png); background-size:100% auto; opacity:0;}
.tese_swiper{position:absolute; width:10.78rem; height:7.32rem; left:50%; margin-left:-5.39rem; top:-0.1rem;}
.tese_swiper .swiper-slide,.tese_swiper .swiper-slide img{width:10.78rem; height:6.06rem;}
.page_tese{ height:1.09rem; bottom:0!important}
.page_tese .swiper-pagination-bullet{ width:1.09rem; height:1.09rem; margin:0 0.2rem!important; border-radius:0; opacity:1;}
.page_tese .page1.swiper-pagination-bullet{background:url(https://tlbb.wanmei.com/images/cover221223/page1.png) center top no-repeat; background-size:100% auto;}
.page_tese .page1.swiper-pagination-bullet-active{background:url(https://tlbb.wanmei.com/images/cover221223/page1_on.png) center top no-repeat; background-size:100% auto;}
.page_tese .page2.swiper-pagination-bullet{background:url(https://tlbb.wanmei.com/images/cover221223/page2.png) center top no-repeat; background-size:100% auto;}
.page_tese .page2.swiper-pagination-bullet-active{background:url(https://tlbb.wanmei.com/images/cover221223/page2_on.png) center top no-repeat; background-size:100% auto;}
.page_tese .page3.swiper-pagination-bullet{background:url(https://tlbb.wanmei.com/images/cover221223/page3.png) center top no-repeat; background-size:100% auto;}
.page_tese .page3.swiper-pagination-bullet-active{background:url(https://tlbb.wanmei.com/images/cover221223/page3_on.png) center top no-repeat; background-size:100% auto;}
.page_tese .page4.swiper-pagination-bullet{background:url(https://tlbb.wanmei.com/images/cover221223/page4.png) center top no-repeat; background-size:100% auto;}
.page_tese .page4.swiper-pagination-bullet-active{background:url(https://tlbb.wanmei.com/images/cover221223/page4_on.png) center top no-repeat; background-size:100% auto;}
.page_tese .page5.swiper-pagination-bullet{background:url(https://tlbb.wanmei.com/images/cover221223/page5.png) center top no-repeat; background-size:100% auto;}
.page_tese .page5.swiper-pagination-bullet-active{background:url(https://tlbb.wanmei.com/images/cover221223/page5_on.png) center top no-repeat; background-size:100% auto;}
.tese_prev,.tese_next{ position:absolute; width:0.57rem; height:1.1rem; top:3.32rem; z-index:10; cursor:pointer;}
.tese_prev{ left:-0.06rem; background:url(https://tlbb.wanmei.com/images/cover221223/tese_prev.png);background-size:100% auto;}
.tese_next{ right:-0.06rem; background:url(https://tlbb.wanmei.com/images/cover221223/tese_next.png);background-size:100% auto;}

.ewm_list{position:absolute; width:11.76rem; height:2.4rem; left:50%; margin-left:-5.88rem; top:10.4rem; opacity:0;}
.ewm_list li{ float:left; width:1.86rem; height:2.4rem; margin:0 0.05rem;}
.ewm_list li a{display:block; width:100%; height:100%;}
.ewm_list li div{position:relative; width:1.86rem; height:1.89rem;background:url(https://tlbb.wanmei.com/images/cover221223/ewm_bg2.png); background-size:100% auto;}
.ewm_list li div img{position:absolute; width:1.61rem; height:1.61rem; left:0.13rem; top:0.14rem;}
.ewm_list li div h4{padding: .16rem 0 0 .28rem; font-size: .16rem; color: #cba26d; line-height: .26rem;}
.ewm_list li div h4 span{color: #e7dcce; font-weight: bold;}
.ewm_list li p{ height:0.5rem; font-size:0.18rem; line-height:0.5rem; color:#cba26d; text-align:center;}
/* pop */
.fl,.f_left{ float:left}
.fr,.f_right{ float:right}
.pop_video_cont{ position:absolute; width:1132px; height:645px; left:50%; top:50%; margin:-322px 0 0 -566px; background:url(https://tlbb.wanmei.com/images/cover221223/pop_video_bg.png);}
#close_video{ position:absolute; width:53px; height:48px; right:-55px; top:0px; background:url(https://tlbb.wanmei.com/images/cover221223/icon_close.png);cursor:pointer;}
.pop_v_box{ position:absolute; width:1118px; height:628px; left:7px; top:9px; overflow:hidden;}
.pop_v_box video{ width:100%;height:100%;}
/* ani */
.ani_showleft{ animation:key_showleft 0.3s both; -webkit-animation:key_showleft 0.3s both; -ms-animation:key_showleft 0.3s both;}
@keyframes key_showleft{
	0%{ transform:translate3d(-50px,0,0); opacity:0;}
	100%{ transform:translate3d(0,0,0); opacity:1;}
}
@-webkit-keyframes key_showleft{
	0%{ -webkit-transform:translate3d(-50px,0,0); opacity:0;}
	100%{ -webkit-transform:translate3d(0,0,0); opacity:1;}
}
@-ms-keyframes key_showleft{
	0%{ -ms-transform:translate3d(-50px,0,0); opacity:0;}
	100%{ -ms-transform:translate3d(0,0,0); opacity:1;}
}
.ani_showdown{ animation:key_showdown 0.3s both; -webkit-animation:key_showdown 0.3s both; -ms-animation:key_showdown 0.3s both;}
@keyframes key_showdown{
	0%{ transform:translate3d(0,50px,0); opacity:0;}
	100%{ transform:translate3d(0,0,0); opacity:1;}
}
@-webkit-keyframes key_showdown{
	0%{ -webkit-transform:translate3d(0,50px,0); opacity:0;}
	100%{ -webkit-transform:translate3d(0,0,0); opacity:1;}
}
@-ms-keyframes key_showdown{
	0%{ -ms-transform:translate3d(0,50px,0); opacity:0;}
	100%{ -ms-transform:translate3d(0,0,0); opacity:1;}
}
.ani_showup{ animation:key_showup 0.3s both; -webkit-animation:key_showup 0.3s both; -ms-animation:key_showup 0.3s both;}
@keyframes key_showup{
	0%{ transform:translate3d(0,-50px,0); opacity:0;}
	100%{ transform:translate3d(0,0,0); opacity:1;}
}
@-webkit-keyframes key_showup{
	0%{ -webkit-transform:translate3d(0,-50px,0); opacity:0;}
	100%{ -webkit-transform:translate3d(0,0,0); opacity:1;}
}
@-ms-keyframes key_showup{
	0%{ -ms-transform:translate3d(0,-50px,0); opacity:0;}
	100%{ -ms-transform:translate3d(0,0,0); opacity:1;}
}