/* 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;}

.actor_cont{width: 100%;padding-top: 0.7rem;box-sizing: border-box;}
.tit_actor img{display: block;margin: 0 auto;height: 1.08rem;}
.btn_rimbuy{display: block;width: 3.03rem;height: 0.85rem;margin: 0.4rem auto 0;}
.btn_rimbuy img{display: block;width: 3.03rem;}

.actor_body{width: 100%; margin: 0.4rem auto 0;min-height: calc(100vh - 6rem);}
.actor_bodyscroll{width: 100%;}

.rim_list{width: 9.08rem;min-height: calc(100vh - 8rem);margin: 0 auto;display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;justify-content: flex-start;-webkit-justify-content: flex-start;}
.rim_list li{width: 4.08rem;height: 2.8rem;margin: 0.6rem 0.22rem 0;background: url(../img/h5/rim_bg.png) no-repeat 50% 0/100% 100%;box-sizing: border-box;padding: 0.03rem 0.04rem 0.05rem 0.04rem;position: relative;}
.rim_list li h3{width: 100%;height: 0.47rem;box-sizing: border-box;padding: 0 15px;font-size: 0.28rem;color: #ffffff;line-height: 0.47rem;text-align: left;font-weight: bold;text-shadow: #4696f8 1px 0 0, #4696f8 0 1px 0, #4696f8 -1px 0 0, #4696f8 0 -1px 0;}
.rim_list li div{width: 4.00rem;height: 2.25rem;border-bottom-left-radius: 0.2rem;border-bottom-right-radius: 0.2rem;overflow: hidden;display: flex;align-items: center;justify-content: center;}
.rim_list li div img{display: block;margin: 0 auto;max-width: 100%;max-height: 100%; object-fit: cover;}
.rim_list li p{display: block;min-width: 1.39rem;height: 0.4rem;background: url(../img/h5/price_bg.png) no-repeat 50% 0/100% 100%;box-sizing: border-box;padding: 0 0.06rem 0.03rem 0.04rem; position: absolute;right: 0.12rem;bottom: 0.1rem;font-size: 0.24rem;color: #ffffff;line-height: 0.36rem;text-align: center;font-weight: bold;text-shadow: #4696f8 1px 0 0, #4696f8 0 1px 0, #4696f8 -1px 0 0, #4696f8 0 -1px 0;}
.rim_tip{width: 100%;font-size: 0.24rem;color: #ffffff;line-height: 0.36rem;text-align: center;font-weight: bold;text-shadow: #4696f8 1px 0 0, #4696f8 0 1px 0, #4696f8 -1px 0 0, #4696f8 0 -1px 0;padding: 0.5rem 0;}
.no_act{display: block;width: 8.01rem;height: auto;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}

.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_scan .p_close{top: -3px;}
.pop_scan{width: 8.69rem;height: 8.69rem;background: url(../img/pc/pop_scanbg.png) no-repeat 50% 0/100% 100%;box-sizing: border-box;padding: 1.51rem 0 0;}
.scan_code{width: 4.34rem;height: 4.34rem;background: #0b9bff;margin: 0 auto;}
.scan_code img{display: block;width: 100%;height: 100%;}
.btn_scan{display: block;width: 2.71rem;height: 0.87rem;margin: 1.42rem auto 0;}
.btn_scan img{display: block;width: 100%;}

.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;}
.webjpn .btn_rimbuy{width: 3.98rem;height: 0.84rem;}
.webjpn .btn_rimbuy img{width: 3.98rem;}
.weben .btn_rimbuy{width: 3.42rem;height: 0.84rem;}
.weben .btn_rimbuy img{width: 3.42rem;}
.weben .btn_scan{width: 3.71rem;height: 1.01rem;margin-top: 1.02rem;}
.webjpn .btn_scan{width: 4.38rem;height: 1.01rem;margin-top: 1.02rem;}