/* comm */
html,body {width: 100%;min-height: 100vh;background: url(../img/h5/bg_list1.jpg) no-repeat 50% 50% fixed;background-size: 100% 100%;}
body {position: relative;font-size: 0;line-height: 1;overflow-x: hidden;}
.web {position: relative;height: 100%;}
.web.on {opacity: 1 !important;height:  100%;}
.hide {display:block;width:0;height:0;overflow:hidden;}

/* page */
.web{width: 100%;box-sizing: border-box;padding-top: 1.5rem;}
.page_cont{width: 100%;height: auto;position: relative;margin: 0.8rem auto;}
.cont_main{width: 9.5rem;position: relative;margin: 0 auto;background: url(../img/h5/page_cont1.png) no-repeat 50% 0/9.5rem 4.6rem,url(../img/h5/page_cont3.png) no-repeat 50% 100%/9.5rem 4.0rem;box-sizing: border-box;padding: 0.3rem 0 0.4rem;}
.cont_main:before{display: block;content: "";width: 100%;height: calc(100% - 8rem); position: absolute;left: 0;top: 4.5rem;background: url(../img/h5/page_cont2.png) repeat 50% 2rem/9.5rem auto;}
.cont_mainbg{width: 100%;position: relative;}

.part_rule{width: 100%;box-sizing: border-box;}
.tit1 img{display: block;margin: 0.7rem auto 0;height: 1.08rem;}
.tab_ticket{width: 8.7rem;height: 0.77rem;background: url(../img/h5/ticket_bg.png) no-repeat 50% 0/100% 100%;margin: 0.5rem auto 0.6rem;display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;justify-content: space-between;-webkit-justify-content: space-between;box-sizing: border-box;padding: 0 0.45rem;}
.tab_ticket a{display: block;width: 2rem;height: 0.8rem;}
.tab_ticket a img{display: block;width: 2rem;}
.tab_ticket a span{display: block;}
.tab_ticket a i{display: none;}
.tab_ticket a.on span{display: none;}
.tab_ticket a.on i{display: block;}

.ticket_explain{width: 100%;}
.ticket_cont{width: 8.44rem;margin: 0.5rem auto 0.5rem;}
.ticket_info{display: none;width: 100%;min-height: calc(100vh - 7rem); background: #FFFFFF;border-bottom-right-radius: 1.2rem;border-top-left-radius: 1.2rem;position: relative;padding-top: 0.5rem;}
.ticket_info:before{display: block;content: "";width: 6.33rem;height: 5.96rem;background: url(../img/h5/buy_icon1.png) no-repeat 50% 0/100% 100%;position: absolute;left: 50%;margin-left: -3.165rem;top: 50%;margin-top: -2.98rem;pointer-events: none;}
.ticket_info:after{display: block;content: "";width: 1.67rem;height: 1.90rem;background: url(../img/h5/buy_icon2.png) no-repeat 50% 0/100% 100%;position: absolute;right: 0;top: 0;pointer-events: none;}
.ticket_info.show{display: block;}
.buy_stit1{padding-top: 0.1rem;}
.buy_stit1 img{display: block;margin: 0 auto;height: 1.08rem;}
.ticket_scroll{width: 100%; margin: 0.3rem auto 0;/*height: calc(100% - 1rem);overflow: hidden;overflow-y: auto;*/}
.ticket_rule{width: 6.7rem;margin: 0 auto;color: #000;font-size: 14px;line-height: 1.5;padding-bottom: 0.8rem;}
.ticket_rule h3{width: 100%;font-size: 0.46rem;color: #4696f8;line-height: 0.4rem;text-align: left;padding: 0.6rem 0;}
.ticket_rule p{font-size: 0.3rem;color: #31383f;line-height: 0.54rem;}
.ticket_rule img {margin: 0.35rem auto;max-width: 100%;}
.ticket_rule video {margin: 0.35rem auto;max-width: 100%;height: auto;}
.ticket_rule iframe{margin: 0.15rem auto;max-width: 100%;height: auto;min-height: 4.26rem;}
.ticket_rule .no_act{display: block;width: 8.01rem;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);margin: 0;}
.btn_buy{display: block;width: 1.21rem;height: 0.76rem;position: fixed;right: 0;top: 50%;margin-top: 0.84rem;z-index: 9;}
.btn_buy img{display: block;width: 100%;}

.head_main{width: 100%;height: 1.5rem;background: url(../img/h5/head_bg.jpg) no-repeat 50% 0/100% auto;position: fixed;left: 0;top: 0;z-index: 99;}
.slogan{display: none;}
.btn_play{display: block;width: 1.21rem;height: 1.21rem;background: url(../img/pc/btn_play.png) no-repeat 50% 0/100% 100%;position: absolute;left: 4.58rem;top: 7.26rem;animation: sloganVideo 1.5s infinite;}
@keyframes sloganVideo {0%,100% {transform: scale(1);}50% {transform: scale(1.05);}}
.btn_logo{display: block;width: 2.56rem;height: 0.78rem;background: url(../img/pc/logo.png) no-repeat 50% 0/100% 100%;position: absolute;left: 0.58rem;top: 0.4rem;}
.language_main{width: 1.12rem;position: absolute;right: 2.06rem;top: 0.52rem ;box-sizing: border-box;padding-left: 0.24rem;}
.language_main:before{display: block;content: "";width: 0.24rem;height: 0.56rem;background: url(../img/pc/language_point.png) no-repeat 50% 0/100% 100%;position: absolute;left: 0;top: 0;}
.language-img img{display: block;height: 0.56rem;}
.language_select{width: 0.88rem;height: 1.19rem;background: url(../img/h5/language_bg.png) no-repeat 50% 0/100% 100%;box-sizing: border-box;padding: 0 0.03rem 0 0.08rem;position: absolute;left: 0.24rem;top: 0.56rem;display: none;}
.language_select a{display: block;width: 100%;height: 0.56rem;font-size: 0.32rem;color: #ffffff;line-height: 0.56rem;text-align: left;margin-bottom: 1px;}
.btn_menu{display: block;width: 0.82rem;height: 0.82rem;background: url(../img/h5/btn_menu.png) no-repeat 50% 0/100% 100%;position: absolute;right: 0.65rem;top: 0.35rem;}

.menu{width: 100%;height: 100%;position: fixed;left: 0;top: 0;background: url(../img/h5/menu_bg.jpg) no-repeat 50% 0/cover;z-index: 100;display: none;}
.menu img{width: 100%;}
.menu.onshow{display: block;}
.btn_menuclose{display: block;width: 0.82rem;height: 0.82rem;background: url(../img/h5/btn_menuclose.png) no-repeat 50% 0/100% 100%;position: absolute;right: 0.65rem;top: 0.35rem;}
.nav1_cont{display: block;width: 100%;height: 15.50rem;position: absolute;left: 0;top: 50%;margin-top: -6.78rem;}
.nav_list{width: 100%;}
.nav_list a{display: block;width: 4.28rem;height: 1.18rem;margin: 0.4rem auto 0;}
.nav_list a img{display: block;}
.nav_list a .show{display: none;}
.nav_list a.curr img{display: none;}
.nav_list a.curr .show{display: block;}
.icon_list:before{display: block;content: "";width: 7.62rem;height: 0.36rem;background: url(../img/h5/nav_line.png) no-repeat 50% 0/100% 100%;position: absolute;left: 50%;margin-left: -3.81rem;top: 0.47rem;}
.icon_list{width: 100%;padding-top: 1.3rem;display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;justify-content: center;-webkit-justify-content: center;position: relative;}
.icon_list a{display: block;width: 1.2rem;height: 1.2rem;margin: 0 0.18rem;}

/* pop */
.pop_bg,.pop {animation: fadeIN 0.3s both;-webkit-animation: fadeIN 0.3s both;}
.pop_bg.off,.pop.off {animation: fadeOUT 0.3s both;-webkit-animation: fadeOUT 0.3s both;}
@keyframes fadeIN {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@-webkit-keyframes fadeIN {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes fadeOUT {
	0% {opacity: 1;}
	100% {opacity: 0;}
}
@-webkit-keyframes fadeOUT {
	0% {opacity: 1;}
	100% {opacity: 0;}
}
.pop_bg {z-index: 999;position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.8);display: none;}
.pop_bg.on {display: block;}
.pop {z-index: 1000;position: fixed;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);display: none;}
.pop.on {display: block;}
.p_close {position: absolute;right: -0.15rem;top: 0.29rem;width: 0.75rem;height: 0.76rem;background: url(../img/h5/close.png) no-repeat 50% 0/100% 100%;}

.pop_mapbig{top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);position: fixed;margin: 0;bottom: auto;right: auto;}
.pop_mapbig .p_close{right: 0;top: 0;}
.viewer-title{display: none;}


.pop_qrcode .p_close{right: -0.8rem;top: -0.8rem;}
.pop_qrcode{width: 5.5rem;height: 5.5rem;}
.qrcode_main{width: 100%;height: 100%;}
.qrcode_main img{display: block;width: 100%;}


.webjpn .menu .nav_list a{width: 100%;}
.webjpn .menu .nav_list a img{width: auto;height: 1.18rem;margin: 0 auto;}
.weben .menu .nav_list a{width: 100%;}
.weben .menu .nav_list a img{width: auto;height: 1.18rem;margin: 0 auto;}