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;
    height: 17.28rem;
    background: url("../images/body_bg.jpg")/*tpa=../images/body_bg.jpg*/ center 9.3rem no-repeat;
    background-size: 100% auto;
    overflow: hidden;
}

/* nav */
/*.nav_box {
    position: fixed;
    width: 1.71rem;
    height: 4.29rem;
    left: 0.42rem;
    top: 50%;
    margin-top: -1.75rem;
    /*background: url("../images/nav_line.png")/*tpa=../images/nav_line.png;
    background-size: 100% auto;
    z-index: 10;*/
}

.nav_box span {
    position: absolute;
    width: 1.71rem;
    height: 0.32rem;
    left: 0;
    cursor: pointer;
}

#nav1 {
    top: 0.65rem;
    background: url("../images/nav1.png")/*tpa=../images/nav1.png*/;
    background-size: 100% auto;
}

#nav1.on {
    background: url("../images/nav1_on.png")/*tpa=../images/nav1_on.png*/;
    background-size: 100% auto;
}

#nav2 {
    top: 1.32rem;
    background: url("../images/nav2.png")/*tpa=../images/nav2.png*/;
    background-size: 100% auto;
}

#nav2.on {
    background: url("../images/nav2_on.png")/*tpa=../images/nav2_on.png*/;
    background-size: 100% auto;
}

#nav3 {
    top: 1.97rem;
    background: url("../images/nav6.png")/*tpa=../images/nav6.png*/;
    background-size: 100% auto;
}

#nav3.on {
    background: url("../images/nav6_on.png")/*tpa=../images/nav6_on.png*/;
    background-size: 100% auto;
}

#nav4 {
    top: 2.61rem;
    background: url("../images/nav3.png")/*tpa=../images/nav3.png*/;
    background-size: 100% auto;
}

#nav4.on {
    background: url("../images/nav3_on.png")/*tpa=../images/nav3_on.png*/;
    background-size: 100% auto;
}

#nav5 {
    top: 3.3rem;
    background: url("../images/nav4.png")/*tpa=../images/nav4.png*/;
    background-size: 100% auto;
}

#nav5.on {
    background: url("../images/nav4_on.png")/*tpa=../images/nav4_on.png*/;
    background-size: 100% auto;
}
#nav6 {
    top: 4rem;
    background: url("../images/nav5.png")/*tpa=../images/nav5.png*/;
    background-size: 100% auto;
}

#nav6.on {
    background: url("../images/nav5_on.png")/*tpa=../images/nav5_on.png*/;
    background-size: 100% auto;
}

.btn_link_chuang {
    width: 2.98rem;
    height: 1.14rem;
    background: url("../images/link_chuang.png")/*tpa=../images/link_chuang.png*/ no-repeat 0 0;
    background-size: 100% auto;
    display: block;
    position: fixed;
    left: 0.2rem;
    top: 50%;
    z-index: 11;
    margin-top: 2.7rem;
}

/* head */
.section_head {
    position: relative;
    width: 19.2rem;
    height: 10.38rem;
    background: url("../images/head.jpg")/*tpa=../images/head.jpg*/ no-repeat;
    background-size: 100% auto;
    overflow: hidden;
}

.logo {
    position: absolute;
    width: 4.45rem;
    left: 0.43rem;
    top: 80px;
}

#btn_music {
    position: absolute;
    width: 0.45rem;
    height: 0.45rem;
    top: 80px;
    right: 0.3rem;
    background: url("../images/music_off.png")/*tpa=../images/music_off.png*/;
    background-size: 100% auto;
    cursor: pointer;
}

#btn_music.active {
    background: url("../images/music_on.png")/*tpa=../images/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.11rem;
    height: 1.1rem;
    left: 15.4rem;
    top: 6.3rem;
    background: url("../images/btn_head_v.png")/*tpa=../images/btn_head_v.png;*/
    background-size: 100% auto;
    cursor: pointer;
    z-index: 2;*/
}

.slogan {
    position: absolute;
    width: 3.98rem;
    left: 2.5rem;
    top:1.5rem;
}

.head_btn_box {
    position: absolute;
    width: 100%;
    height: 1.17rem;
    left: 0;
    top: 8.84rem;
    text-align: center;
    opacity: 1;
}

.head_btn_box a,
.head_btn_box span {
    display: inline-block;
    margin: 0 0.02rem;
}

.btn_yy {
    width: 4.06rem;
    height: 1.17rem;
    background: url("../images/btn_yy.png")/*tpa=../images/btn_yy.png*/;
    background-size: 100% auto;
    cursor: pointer;
}

.btn_yy:hover {
    background-position: 0 -1.17rem;
}

.btn_download_android {
    width: 1.83rem;
    height: 1.14rem;
    background: url("../images/btn_download_android.png")/*tpa=../images/btn_download_android.png*/;
    background-size: 100% auto;
}

.btn_zhanwei {
    width: 2.44rem;
    height: 1.17rem;
    position: relative;
}

.btn_link_baiwan {
    width: 2.44rem;
    height: 2.11rem;
    position: absolute;
    display: block;
    background: url("../images/btn.png")/*tpa=../images/btn.png*/ no-repeat 0 0;
    background-size: 100% auto;
    left: 0;
    top: -.6rem;
}
/* section_news */
.section_news {
    position: relative;
    width: 12.6rem;
    height: 5.71rem;
    margin: 1rem auto 0;
}

.news_swiper {
    position: absolute;
    width: 6.52rem;
    height: 4.75rem;
    left: 0rem;
    top: 0rem;
    background: url("../images/news_page_bg.png")/*tpa=../images/news_page_bg.png*/ center bottom no-repeat;
    background-size: 100% auto;
    z-index: 2;
}

.news_swiper .swiper-slide,
.news_swiper .swiper-slide img {
    width: 6.52rem;
    height: 4.24rem;
}

.news_swiper .swiper-pagination {
    height: 0.27rem;
    bottom: 0 !important;
}

.news_swiper .swiper-pagination-bullet {
    width: 0.26rem;
    height: 0.27rem;
    margin: 0 0.11rem !important;
    background: url("../images/icon_page.png")/*tpa=../images/icon_page.png*/;
    background-size: 100% auto;
    opacity: 1;
    border-radius: 0;
}

.news_swiper .swiper-pagination-bullet-active {
    background: url("../images/icon_page_on.png")/*tpa=../images/icon_page_on.png*/;
    background-size: 100% auto;
}

.news_tab {
    position: absolute;
    width: 5.6rem;
    height: 0.45rem;
    left: 6.67rem;
    top: 0rem;
}

.news_tab li {
    float: left;
    width: 1.22rem;
    height: 0.45rem;
    margin-left: 0.1rem;
    cursor: pointer;
}

#tab_zx {
    background: url("../images/news_tab_zx.png")/*tpa=../images/news_tab_zx.png*/;
    background-size: 100% auto;
}

#tab_zx.on {
    background: url("../images/news_tab_zx_on.png")/*tpa=../images/news_tab_zx_on.png*/;
    background-size: 100% auto;
}

#tab_xw {
    background: url("../images/news_tab_xw.png")/*tpa=../images/news_tab_xw.png*/;
    background-size: 100% auto;
}

#tab_xw.on {
    background: url("../images/news_tab_xw_on.png")/*tpa=../images/news_tab_xw_on.png*/;
    background-size: 100% auto;
}

#tab_gg {
    background: url("../images/news_tab_gg.png")/*tpa=../images/news_tab_gg.png*/;
    background-size: 100% auto;
}

#tab_gg.on {
    background: url("../images/news_tab_gg_on.png")/*tpa=../images/news_tab_gg_on.png*/;
    background-size: 100% auto;
}

#tab_hd {
    background: url("../images/news_tab_hd.png")/*tpa=../images/news_tab_hd.png*/;
    background-size: 100% auto;
}

#tab_hd.on {
    background: url("../images/news_tab_hd_on.png")/*tpa=../images/news_tab_hd_on.png*/;
    background-size: 100% auto;
}


.news_list_bg {
    position: absolute;
    width: 6.33rem;
    height: 2.74rem;
    left: 6.67rem;
    top: 0.55rem;
    padding-top: 1.36rem;
    background: url("../images/news_list_bg2.png")/*tpa=../images/news_list_bg2.png*/;
    background-size: 100% auto;
}

.important_box {
    position: absolute;
    width: 5.76rem;
    height: 1.03rem;
    left: 0.48rem;
    top: 0.16rem;
    background: url("../images/news_important.png")/*tpa=../images/news_important.png*/ center bottom no-repeat;
    background-size: 100% auto;
}

.muyu {
    display: block;
    width: 4.04rem;
    left: 0.48rem;
}

.important_cont {
    position: absolute;
    width: 4.5rem;
    height: 0.7rem;
    left: 1.17rem;
    top: 0.08rem;
}

.important_cont h3 {
    width: 100%;
    height: 0.32rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.important_cont h3 a {
    font-size: 0.24rem;
    font-weight: bold;
    line-height: 0.32rem;
    color: #c95636;
}

.important_cont p {
    width: 100%;
    height: 1rem;
    margin-top: -0.4rem;
	margin-left: -1.0rem;
/*    overflow: hidden;*/
    white-space: nowrap;
    text-overflow: ellipsis;
}

.important_cont p a {
    font-size: 0.17rem;
    line-height: 0.25rem;
    color: #93764e;
}

.news_cont {
    display: none;
    position: relative;
    width: 5.3rem;
    height: 2.24rem;
    margin-left: 0.56rem;
	margin-top: -0.4rem;
}

.news_cont ul {
    width: 5.3rem;
    height: 2.24rem;
    overflow: hidden;
}

.news_cont ul li {
    width: 100%;
    height: 0.56rem;
    font-size: 0.17rem;
    line-height: 0.56rem;
    color: #483824;
    text-align: right;
    overflow: hidden;
}

.news_cont ul li p {
    float: left;
    width: 3.9rem;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.news_cont ul li p a {
    font-size: 0.17rem;
    color: #483824;
}

.news_more {
    position: absolute;
    width: 0.65rem;
    height: 0.3rem;
    right: -0.45rem;
    top: -1.5rem;
    background: url("../images/news_more.png")/*tpa=../images/news_more.png*/;
    background-size: 100% auto;
}

/* section_hotevent */
.section_hotevent {
    position: relative;
    width: 19.2rem;
    height: 6.91rem;
}

.section_t {
    position: absolute;
    width: 5.54rem;
    left: 50%;
    margin-left: -2.77rem;
    top: 0;
}

.pop_moni {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    left: 0;
    top: 0;
}

.pop_moni .qr_mnq {
    width: 1rem;
    height: 1rem;
    position: absolute;
    left: 0.65rem;
    top: 1rem;
}

.pop_moni .txt {
    position: absolute;
    color: #fff;
    font-size: 0.14rem;
    width: 100%;
    text-align: center;
    top: 2.2rem;
}

.hotevent_cont {
    position: absolute;
    width: 13rem;
    height: 4.9rem;
    left: 2.8rem;
    top: 1.93rem;

    padding: 0.1rem auto;
    

}

.hotevent_cont ul {
    display: flex;
    justify-items: center;
    justify-content: center;
    margin: 0.08rem 0 0;
    
    padding: 0.2rem 0;
}

.hotevent_cont ul li {
    width: 2.31rem;
    height: 4.31rem;
    display: inline-block;
    margin: 0 0.05rem;
    box-shadow: 2px 2px 5px #000;
    position: relative;
}

.hotevent_cont ul li:hover {
    transform: scale(1.1);
    transition: 0.3s ease-in-out;
}

.hotevent_cont ul li:hover .pop_moni {
    display: block;
    z-index: 999;
}

.hotevent_cont ul li img {
    width: 100%;
}

.event_item1 {
    position: absolute;
    width: 5.45rem;
    height: 6.93rem;
    left: 0.85rem;
    top: -0.07rem;
    background: url("../images/event1.png")/*tpa=../images/event1.png*/;
    background-size: 100% auto;
}

.event_item2 {
    position: absolute;
    width: 4.78rem;
    height: 6.93rem;
    left: 5.8rem;
    top: -0.05rem;
    background: url("../images/event2.png")/*tpa=../images/event2.png*/;
    background-size: 100% auto;
}

.event_item3 {
    position: absolute;
    width: 5.45rem;
    height: 6.93rem;
    left: 10.1rem;
    top: -0.02rem;
    background: url("../images/event3.png")/*tpa=../images/event3.png*/;
    background-size: 100% auto;
}

.event_cont {
    position: absolute;
    width: 4.04rem;
    height: 5.12rem;
}

.event_cont1 {
    left: 1.02rem;
    top: 1.54rem;
}

.event_cont2 {
    left: 0.33rem;
    top: 1.51rem;
}

.event_cont3 {
    left: 0.27rem;
    top: 1.47rem;
}

.event_cont a {
    position: absolute;
    width: 2.49rem;
    height: 0.53rem;
    left: 50%;
    margin-left: -1.25rem;
    bottom: 0.5rem;
    background: url("../images/btn_enter.png")/*tpa=../images/btn_enter.png*/;
    background-size: 100% auto;
}

.event_cont1 a {
    background: url("../images/btn_invite.png")/*tpa=../images/btn_invite.png*/;
    background-size: 100% auto;
}

.event_cont a:hover {
    background-position: 0 -0.53rem;
}


/* section_role */
.section_role {
    position: relative;
    width: 19.2rem;
    height: 15.17rem;
    overflow: hidden;
}

.menpai_t {
    position: absolute;
    width: 5.55rem;
    left: 9.92rem;
    top: 2.03rem;
}

.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: 12.7rem;
    top: 10.13rem;
    z-index: 3;
}

.role_xiaoyao .role_info {
    width: 5.18rem;
    left: 11.08rem;
    top: 5.34rem;
}

.role_gaibang .role_info {
    width: 4.68rem;
    left: 11.31rem;
    top: 5.54rem;
}

.role_wudang .role_info {
    width: 5.01rem;
    left: 10.74rem;
    top: 5.7rem;
}
.role_mingjiao .role_info {
    width: 5.92rem;
    left: 10.74rem;
    top: 5.4rem;
}
.role_xingsu .role_info {
    width:4.95rem;
    left: 10.74rem;
    top: 5.4rem;
}
.role_emei .role_info {
    width: 4.83rem;
    left: 10.86rem;
    top: 5.54rem;
}

.role_wuchen .role_info {
    width: 5.28rem;
    left: 10.68rem;
    top: 5.56rem;
}

.role_tianshan .role_info {
    width: 5.3rem;
    left: 11.08rem;
    top: 5.74rem;
}

.role_img {
    left: 0;
}

.role_xiaoyao .role_img {
    width: 10.99rem;
    top: 1.79rem;
}
.role_xingsu .role_img {
    width: 14.1rem;
    top: 1rem;
}
.role_gaibang .role_img {
    width: 10.72rem;
    top: 0.97rem;
}

.role_wudang .role_img {
    width: 15.86rem;
    top: 0.12rem;
}

.role_emei .role_img {
    width: 12.85rem;
    top: 1.6rem;
}

.role_wuchen .role_img {
    width: 16.31rem;
    top: 2.08rem;
}

.role_tianshan .role_img {
    width: 10.48rem;
    top: 1.53rem;
}
.role_mingjiao .role_img {
    width: 14.72rem;
    top: 1.53rem;
}


.role_yun {
    position: absolute;
    width: 12.06rem;
    left: 0;
    top: 11.95rem;
    z-index: 5;
}

.role_tab {
    position: absolute;
    width: 11.37rem;
    height: 1.04rem;
    right: 0;
    top: 4.02rem;
    background: url("../images/role_line.png")/*tpa=../images/role_line.png*/ no-repeat right center;
    background-size: 10.33rem 0.01rem;
    z-index: 5;
}

.role_tab li {
    float: left;
    position: relative;
    width: 1.04rem;
    height: 1.04rem;
    margin-right: 0.14rem;
    cursor: pointer;
}

#tab_xiaoyao {
    background: url("../images/tab_xiaoyao.png")/*tpa=../images/tab_xiaoyao.png*/;
    background-size: 100% auto;
}

#tab_xiaoyao.on {
    background: url("../images/tab_xiaoyao_on.png")/*tpa=../images/tab_xiaoyao_on.png*/;
    background-size: 100% auto;
}

#tab_gaibang {
    margin-right: 0.16rem;
    background: url("../images/tab_gaibang.png")/*tpa=../images/tab_gaibang.png*/;
    background-size: 100% auto;
}

#tab_gaibang.on {
    background: url("../images/tab_gaibang_on.png")/*tpa=../images/tab_gaibang_on.png*/;
    background-size: 100% auto;
}

#tab_wudang {
    background: url("../images/tab_wudang.png")/*tpa=../images/tab_wudang.png*/;
    background-size: 100% auto;
}

#tab_wudang.on {
    background: url("../images/tab_wudang_on.png")/*tpa=../images/tab_wudang_on.png*/;
    background-size: 100% auto;
}
#tab_mingjiao {
    margin-left: 0.02rem;
    background: url("../images/tab_mingjiao.png")/*tpa=../images/tab_mingjiao.png*/;
    background-size: 100% auto;
}
#tab_mingjiao.on {
    background: url("../images/tab_mingjiao_on.png")/*tpa=../images/tab_mingjiao_on.png*/;
    background-size: 100% auto;
}
#tab_xingsu {
    margin-left: 0.22rem;
    background: url("../images/tab_xingsu.png")/*tpa=../images/tab_xingsu.png*/;
    background-size: 100% auto;
}
#tab_xingsu.on {
    background: url("../images/tab_xingsu_on.png")/*tpa=../images/tab_xingsu_on.png*/;
    background-size: 100% auto;
}
#tab_emei {
    margin-right: 0.12rem;
    background: url("../images/tab_emei.png")/*tpa=../images/tab_emei.png*/;
    background-size: 100% auto;
}

#tab_emei.on {
    background: url("../images/tab_emei_on.png")/*tpa=../images/tab_emei_on.png*/;
    background-size: 100% auto;
}

#tab_shaolin {
    margin-right: 0.09rem;
    background: url("../images/tab_shaolin.png")/*tpa=../images/tab_shaolin.png*/;
    background-size: 100% auto;
}

#tab_shaolin.on {
    background: url("../images/tab_shaolin_on.png")/*tpa=../images/tab_shaolin_on.png*/;
    background-size: 100% auto;
}

#tab_tianshan {
    margin-right: 0.1rem;
    background: url("../images/tab_tianshan.png")/*tpa=../images/tab_tianshan.png*/;
    background-size: 100% auto;
}

#tab_tianshan.on {
    background: url("../images/tab_tianshan_on.png")/*tpa=../images/tab_tianshan_on.png*/;
    background-size: 100% auto;
}

.role_tab li img {
    display: none;
    position: absolute;
    width: 0.32rem;
    left: 0.8rem;
    top: 0.47rem;
}

.role_tab li.on img {
    display: block;
}
.role-icon-list {position: absolute;width:4rem;left: 8.82rem;top:9.8rem;z-index:6;}
.role-icon-list li{float: left;margin:0.08rem;cursor: pointer;position: relative;}
.role-icon-list li span{display: block;margin:0 auto;width: 0.96rem;height: 0.92rem;background: url("../images/main230518/zy-icon-bg.png")/*tpa=https://tlbb.wanmei.com/images/main230518/zy-icon-bg.png*/ no-repeat center;background-size: 100% auto;position: relative;}
.role-icon-list li span img{position:absolute;left:0.04rem;top:0.03rem;width: 0.82rem;height: 0.82rem;border:0.02rem solid #bc9464;border-radius: 50%;}
.role-icon-list li p{font-size: 0.2rem;color: #332515;text-align: center;margin-top: 0.02rem;font-weight: bold;}
.role-icon-pop{display:none;position: absolute;left: 50%;top:100%;width: 6.6rem;height: 2.32rem;transform:translateX(-50%);background: url("../images/main230518/role-icon-pop.png")/*tpa=https://tlbb.wanmei.com/images/main230518/role-icon-pop.png*/ no-repeat center;background-size: 100% auto;z-index: 9;}
.role-icon-pop h4{width:4.1rem;margin-left:1.1rem;text-align: center;font-size: 0.3rem;font-weight: bold;color: #fffcee;line-height: 0.6rem;}
.role-icon-pop h5{padding: 0.1rem 0.2rem;font-size: 0.18rem;color: #43331d;line-height: 0.24rem;text-indent: 2em;}
.role-icon-list li:hover .role-icon-pop{display: block;}
/* section_tese */
.section_tese {
    position: relative;
    width: 19.2rem;
    height: 10.18rem;
    overflow: hidden;
}

.mc_bg {
    position: absolute;
    width: 12.24rem;
    height: 6.8rem;
    left: 50%;
    margin-left: -6.12rem;
    top: 2.08rem;
    background: url("../images/mc_bg.png")/*tpa=../images/mc_bg.png*/ no-repeat;
    background-size: 100% auto;
}

.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("../images/page1.png")/*tpa=../images/page1.png*/ center top no-repeat;
    background-size: 100% auto;
}

.page_tese .page1.swiper-pagination-bullet-active {
    background: url("../images/page1_on.png")/*tpa=../images/page1_on.png*/ center top no-repeat;
    background-size: 100% auto;
}

.page_tese .page2.swiper-pagination-bullet {
    background: url("../images/page2.png")/*tpa=../images/page2.png*/ center top no-repeat;
    background-size: 100% auto;
}

.page_tese .page2.swiper-pagination-bullet-active {
    background: url("../images/page2_on.png")/*tpa=../images/page2_on.png*/ center top no-repeat;
    background-size: 100% auto;
}

.page_tese .page3.swiper-pagination-bullet {
    background: url("../images/page3.png")/*tpa=../images/page3.png*/ center top no-repeat;
    background-size: 100% auto;
}

.page_tese .page3.swiper-pagination-bullet-active {
    background: url("../images/page3_on.png")/*tpa=../images/page3_on.png*/ center top no-repeat;
    background-size: 100% auto;
}

.page_tese .page4.swiper-pagination-bullet {
    background: url("../images/page4.png")/*tpa=../images/page4.png*/ center top no-repeat;
    background-size: 100% auto;
}

.page_tese .page4.swiper-pagination-bullet-active {
    background: url("../images/page4_on.png")/*tpa=../images/page4_on.png*/ center top no-repeat;
    background-size: 100% auto;
}

.page_tese .page5.swiper-pagination-bullet {
    background: url("../images/page5.png")/*tpa=../images/page5.png*/ center top no-repeat;
    background-size: 100% auto;
}

.page_tese .page5.swiper-pagination-bullet-active {
    background: url("../images/page5_on.png")/*tpa../images/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("../images/tese_prev.png")/*tpa=../images/tese_prev.png*/;
    background: url("../images/tese_prev.png")/*tpa=../images/tese_prev.png*/;
    background-size: 100% auto;
}

.tese_next {
    right: -0.1rem;
    background: url("../images/tese_next.png")/*tpa=../images/tese_next.png*/;
    background-size: 100% auto;
}

/* section_media */
.section_meidia {
    position: relative;
    width: 19.2rem;
    height: 13rem;
    overflow: hidden;
}

.media_tab {
    position: absolute;
    width: 14.61rem;
    height: 0.55rem;
    left: 50%;
    margin-left: -7.3rem;
    top: 1.86rem;
    background: url("../images/media_tab_line.png")/*tpa=../images/media_tab_line.png*/ center center no-repeat;
    background-size: 100% auto;
}

.media_tab li {
    position: absolute;
    width: 1.41rem;
    height: 0.55rem;
    top: 0;
    font-size: 0.36rem;
    line-height: 0.55rem;
    color: #a27948;
    text-align: center;
    cursor: pointer;
}

.media_tab li#media_tab1 {
    left: 4.88rem;
}

.media_tab li#media_tab2 {
    left: 6.72rem;
}

.media_tab li#media_tab3 {
    left: 8.56rem;
}



.media_cont_wrap {
    position: absolute;
    width: 19.2rem;
    height: 6.62rem;
    left: 0;
    top: 2.96rem;
    background: url("../images/media_box_bg.png")/*tpa=../images/media_box_bg.png*/ center top no-repeat;
    background-size: 100% auto;
}

.media_cont {
    display: none;
    position: relative;
    width: 19.2rem;
    height: 6.62rem;
}

.media_cont .swiper,
.media_cont .swiper .swiper-slide {
    width: 100%;
    height: 100%;
}

.media_cont .swiper .swiper-slide img {
    position: absolute;
    width: 19.2rem;
    height: 5.77rem;
    left: 0;
    top: 0.16rem;
}

.btn_media_v {
    position: absolute;
    width: 1.83rem;
    height: 1.79rem;
    left: 50%;
    top: 50%;
    margin-left: -0.91rem;
    margin-top: -0.9rem;
    background: url("../images/btn_media_v.png")/*tpa=../images/btn_media_v.png*/ no-repeat;
    background-size: 100% auto;
    cursor: pointer;
}

.media_cont .swiper-pagination {
    height: 0.27rem;
    bottom: 0 !important;
    background: url("../images/media_page_line.png")/*tpa=../images/media_page_line.png*/ center center no-repeat;
    background-size: auto 100%;
}

.media_cont .swiper-pagination-bullet {
    width: 0.26rem;
    height: 0.27rem;
    margin: 0 0.11rem !important;
    background: url("../images/icon_page.png")/*tpa=../images/icon_page.png*/;
    background-size: 100% auto;
    opacity: 1;
    border-radius: 0;
}

.media_cont .swiper-pagination-bullet-active {
    background: url("../images/icon_page_on.png")/*tpa=../images/icon_page_on.png*/;
    background-size: 100% auto;
}

.media_prev,
.media_next {
    position: absolute;
    width: 0.35rem;
    height: 0.55rem;
    top: 2.36rem;
    z-index: 5;
    cursor: pointer;
}

.media_prev {
    left: 3.38rem;
    background: url("../images/media_prev.png")/*tpa=../images/media_prev.png*/ no-repeat;
    background-size: 100% auto;
}

.media_next {
    right: 3.38rem;
    background: url("../images/media_next.png")/*tpa=../images/media_next.png*/ no-repeat;
    background-size: 100% auto;
}

.ewm_list {
    position: absolute;
    width: 11.76rem;
    height: 2.4rem;
    left: 50%;
    margin-left: -5.88rem;
    top: 10.78rem;
}

.ewm_list li {
    float: left;
    width: 1.53rem;
    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.53rem;
    height: 1.56rem;
    background: url("../images/ewm_bg2.png")/*tpa=../images/ewm_bg2.png*/;
    background-size: 100% auto;
}

.ewm_list li div img {
    position: absolute;
    width: 1.3rem;
    height: 1.3rem;
    left: 0.12rem;
    top: 0.13rem;
}

.ewm_list li div h4 {
    padding: .1rem 0 0 .2rem;
    font-size: .16rem;
    color: #cba26d;
    line-height: .23rem;
}

.ewm_list li div h4 span {
    color: #504026;
    font-weight: bold;
}

.ewm_list li p {
    height: 0.5rem;
    font-size: 0.18rem;
    line-height: 0.5rem;
    color: #cba26d;
    text-align: center;
}

/* pop */
.pop_fixed{display:none; position:fixed; width:100%; height:100%; left:0; top:0; background:rgba(49,49,49,0.9); z-index:999999; }
.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("../images/pop_video_bg.png")/*tpa=../images/pop_video_bg.png*/;
}

#close_video {
    position: absolute;
    width: 53px;
    height: 48px;
    right: -55px;
    top: 0px;
    background: url("../images/icon_close.png")/*tpa=../images/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%;
}
/* downbox */
.down_box {
    width: 6.9rem;
    height: 1.26rem;
   /* background: rgba(18, 7, 7, 0.7);*/
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    top: 8rem;
}

.down_box .qrbox {
    width: 1.36rem;
    height: 1.36rem;
    margin: 0.1rem;
}

.down_box .qrbox img {
    width: 100%;
}

.btn_ios {
    width: 3.13rem;
    height: 1.36rem;
    background: url("../images/xiazai.png")/*tpa=../images/xiazai.png*/;
    position: absolute;
    background-size: 100%;
    left: -1.2rem;
    top: 0.4rem;
}

./*btn_android {
    width: 2.13rem;
    height: 0.61rem;
    background: url("../images/gamedown.png")/*tpa=../images/gamedown.png;
    background-size: 100%;
    position: absolute;
    left: 1.87rem;
    top: 0.8rem;*/
}

./*btn_pc {
    width: 0.79rem;
    height: 1.32rem;
    background: url("../images/anzhuang.png")/*tpa=../images/anzhuang.png;
    position: absolute;
    background-size: 100%;
    top: 0.1rem;
    left: 4.06rem;*/
}

.btn_mumu {
    width: 1.7rem;
    height: 1.36rem;
    background: url("../images/anzhuang.png")/*tpa=../images/anzhuang.png*/;
    position: absolute;
    background-size: 100%;
    top: 0.1rem;
    left: 5rem;
}
.ty_down {
    width: 3.13rem;
    height: 1.36rem;
    background: url("../images/anzhuang.png")/*tpa=../images/anzhuang.png*/;
    position: absolute;
    background-size: 100%;
    top: 0.4rem;
    left: 1.9rem;
}	
.bb_js {
    width: 4rem;
    height: 1.76rem;
    background: url("../images/banben.png")/*tpa=../images/banben.png*/;
    position: absolute;
    background-size: 100%;
    top: -1.2rem;
    left: 1.5rem;
}
.btn_recharge {
    width: 3.13rem;
    height: 1.36rem;
    background: url("../images/jiaqun.png")/*tpa=../images/jiaqun.png*/;
    position: absolute;
    background-size: 100%;
    top: 0.4rem;
    left:5rem;
}
.btn_home {
    width: 1.15rem;
    height: 1.32rem;
    background: url("../images/btn_home.jpg")/*tpa=../images/btn_home.jpg*/;
    background-size: 100%;
    position: absolute;
    left: 5.85rem;
    top: 0.1rem;
}
.btn_yy {
    width: 1.15rem;
    height: 1.32rem;
    background: url("../images/ljyy.jpg")/*tpa=../images/ljyy.jpg*/;
    background-size: 100%;
    position: absolute;
    left: 4.95rem;
    top: 0.1rem;
}
.btn_yy:hover{background: url("../images/ljyy.jpg")/*tpa=../images/ljyy.jpg*/;
    background-size: 100%;}
.sao_txt {
    width: 0.2rem;
    height: 1.32rem;
    background: url("../images/sao_txt.png")/*tpa=../images/sao_txt.png*/;
    background-size: 100%;
    position: absolute;
    left: 1.52rem;
    top: 0.1rem;
}
.cover3 {
    width: 100%;
    height: 10.38rem;
    background: url("../images/cover3.png")/*tpa=../images/cover3.png*/ center bottom no-repeat;
    position: absolute;
    top: 0;
    background-size: 100%;
}
/* section_knowledge */
.section_knowledge {
    position: relative;
    width: 19.2rem;
    height: 6.91rem;
    overflow: hidden;
}
.section_knowledge ul{width: 13rem; clear: both;height: 100%;margin: 1.5rem auto 0;}
.section_knowledge ul li{
    float: left;
    width: 4rem;height: 2.6rem;
    margin: 0 0.1rem 0;
}
.section_knowledge ul li img{width: 100%;}
/* loading */
.loading{width: 19.2rem;height:100%;position: fixed;z-index: 999;top: 0;display: none;}
.loading .door_l{width: 9.61rem;height: 100%;background:#291813 url("../images/door_l.jpg")/*tpa=../images/door_l.jpg*/ right top no-repeat;left: 0;position: absolute;background-size: 100%; z-index: 2;}
.loading .door_r{
    width: 9.61rem;height: 100%;
    background:#291813 url("../images/door_r.jpg")/*tpa=../images/door_r.jpg*/ no-repeat;right: 0;position: absolute;background-size: 100%;
}
.door{transition: transform 1s;-webkit-transition: transform 1s;-moz-transition: transform 1s;}
.door_l.open {
    transform: translate(-961px, 0);
    -webkit-transform: -webkit-translate(-961px, 0);
    -moz-transform: -moz-translate(-961px, 0);
}
.door_r.open {
    transform: translate(961px, 0);
    -webkit-transform: -webkit-translate(961px, 0);
    -moz-transform: -moz-translate(961px, 0);
}
.loading .loading_c{ width: 2.66rem;height: 2.66rem;background:   url("../images/loading_c.png")/*tpa=../images/loading_c.png*/  no-repeat;position: absolute; background-size:  100%; right: -1.33rem; top: 4.2rem;}
.loading .loading_c2 {
    width: 2.66rem;
    height: 2.66rem;
    background: url("../images/loading_c2.png")/*tpa=../images/loading_c2.png*/ no-repeat;
    position: absolute;
    background-size: 100%;
 
}
.moveyuan {
    -webkit-animation: moveyuan 40s linear infinite;
    -moz-animation: moveyuan 40s linear infinite;
    -o-animation: moveyuan 40s linear infinite;
    -ms-animation: moveyuan 40s linear infinite;
    animation: moveyuan 40s linear infinite;
}

.moveyuan2 {
    -webkit-animation: moveyuan2 5s linear infinite;
    -moz-animation: moveyuan2 5s linear infinite;
    -o-animation: moveyuan2 5s linear infinite;
    -ms-animation: moveyuan2 5s linear infinite;
    animation: moveyuan2 5s linear infinite;
}
.loading_l{width: 8.897rem;height: 300rem;background: url("../images/loading_r.png")/*tpa=../images/loading_r.png*/ no-repeat;
    position: absolute;background-size: 100% ;z-index: 2;top: 3.3rem;}
.loading_r {
    width: 8.897rem;
    height: 300rem;
    background: url("../images/loading_l.png")/*tpa=../images/loading_l.png*/ no-repeat;
    position: absolute;
    background-size: 100%;
    right: 0;top: 3.3rem;
}
@-webkit-keyframes moveyuan {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(-360deg);
    }
}

@-moz-keyframes moveyuan {
    0% {
        -moz-transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(-360deg);
    }
}

@-ms-keyframes moveyuan {
    0% {
        -ms-transform: rotate(0deg);
    }

    100% {
        -ms-transform: rotate(-360deg);
    }
}

@-o-keyframes moveyuan {
    0% {
        -o-transform: rotate(0deg);
    }

    100% {
        -o-transform: rotate(-360deg);
    }
}

@keyframes moveyuan {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(-360deg);
    }
}

@-webkit-keyframes moveyuan2 {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@-moz-keyframes moveyuan2 {
    0% {
        -moz-transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(360deg);
    }
}

@-ms-keyframes moveyuan2 {
    0% {
        -ms-transform: rotate(0deg);
    }

    100% {
        -ms-transform: rotate(360deg);
    }
}

@-o-keyframes moveyuan2 {
    0% {
        -o-transform: rotate(0deg);
    }

    100% {
        -o-transform: rotate(360deg);
    }
}

@keyframes moveyuan2 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
.moveLeft {
    -webkit-animation: moveLeft 3s ease-in infinite;
    -moz-animation: moveLeft 3s ease-in infinite;
    -o-animation: moveLeft 3s ease-in infinite;
    -ms-animation: moveLeft 3s ease-in infinite;
    animation: moveLeft 3s ease-in infinite;
}
.moveRight {
    -webkit-animation: moveRight 3s ease-in infinite;
    -moz-animation: moveRight 3s ease-in infinite;
    -o-animation: moveRight 3s ease-in infinite;
    -ms-animation: moveRight 3s ease-in infinite;
    animation: moveRight 3s ease-in infinite;
}
@-webkit-keyframes moveLeft {
    0% {
        -webkit-transform: translate(-1rem,0rem);
    }
    50% {
        -webkit-transform: translate(0, 0);
           
        }
    100% {
        -webkit-transform: translate(-1rem, 0rem);
    }
}

@-moz-keyframes moveLeft {
    0% {
        -moz-transform: translate(-1rem,0rem);
    }

    50% {
        -moz-transform: translate(0,0);
    }
    100% {
    -moz-transform: translate(-1rem, 0rem);
    }
}

@-ms-keyframes moveLeft {
    0% {
        -ms-transform: translate(-1rem,0rem);
    }

    50% {
        -ms-transform: translate(0,0);
    }
    100% {
    -ms-transform: translate(-1rem, 0rem);
    }
}

@-o-keyframes moveLeft {
    0% {
        -o-transform: translate(-1rem,0rem);
    }

    50% {
        -o-transform: translate(0,0);
    }
    100% {
    -o-transform: translate(-1rem, 0rem);
    }
}

@keyframes moveLeft {
    0% {
        transform: translate(-1rem,0rem);
    }

    50% {
        transform: translate(0,0);
    }
        100% {
        transform: translate(-1rem, 0rem);
        }
}
/*  */
@-webkit-keyframes moveRight {
    0% {
        -webkit-transform: translate(1rem, 0rem);
    }

    50% {
        -webkit-transform: translate(0, 0);

    }

    100% {
        -webkit-transform: translate(1rem, 0rem);
    }
}

@-moz-keyframes moveRight {
    0% {
        -moz-transform: translate(1rem, 0rem);
    }

    50% {
        -moz-transform: translate(0, 0);
    }

    100% {
        -moz-transform: translate(1rem, 0rem);
    }
}

@-ms-keyframes moveRight {
    0% {
        -ms-transform: translate(1rem, 0rem);
    }

    50% {
        -ms-transform: translate(0, 0);
    }

    100% {
        -ms-transform: translate(1rem, 0rem);
    }
}

@-o-keyframes moveRight {
    0% {
        -o-transform: translate(1rem, 0rem);
    }

    50% {
        -o-transform: translate(0, 0);
    }

    100% {
        -o-transform: translate(1rem, 0rem);
    }
}

@keyframes moveRight {
    0% {
        transform: translate(1rem, 0rem);
    }

    50% {
        transform: translate(0, 0);
    }

    100% {
        transform: translate(1rem, 0rem);
    }
}
.generalBox_20220704{ display: none;}