@charset "utf-8";
*{margin: 0;padding: 0;
-moz-user-select:none; /*火狐*/

    -webkit-user-select:none; /*webkit浏览器*/

    -ms-user-select:none; /*IE10*/

    -khtml-user-select:none; /*早期浏览器*/

    user-select:none;
	
	 -webkit-touch-callout: none;
	
	    -webkit-user-select: none;
	
	    -khtml-user-select: none;
	
	    -moz-user-select: none;
	
	    -ms-user-select: none;
	
	    user-select: none;}
html, body {
	position: fixed;
	width: 100%;
	height: 100%;
	overflow: hidden;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	top:0;
	left:0;
	color: #fff;
	background:url(../img/loading/bg.jpg?202208261046) #fff center no-repeat;
	background-size:100% 100%;
	font-family: arial;
	-webkit-overflow-scrolling: touch;
	/* font-size: 200px; */
}
img{
	display: block;
	width: 100%;
}
.en{
	display: none;
}
/**
 *landscape
 */
#landscape{
    display: none;
	position: fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background: url(../img/landscape.jpg) 50% 50%;
	background-size: cover;
	z-index: 99999;
}
/**
 *主场景
 */
#main,#loading,header,#p0_wrap,#floors,.swiper-container,#tit_shadow{
    position: fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
	z-index: 9;
}
header,#p0_wrap,#tit_shadow{
	left:50%;
	width: 7.5rem;
	transform: translateX(-50%);
}
#loading{
	display: none;
}
#loading img{
	position: absolute;
	left: 50%;
	top:50%;
	margin-left: -.38rem;
	margin-top: -.38rem;
	width:.76rem;
	animation: rotate1 1s infinite linear;
}
#loading span{
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	width:100%;
	height: 100%;
	color: #fff;
	font-size: .26rem;
}
@keyframes rotate1{
	from{transform: rotate(0deg);}
	to{transform: rotate(360deg);}
}
#tit_shadow{
	z-index: 8;
}
header,#tit_shadow{
	pointer-events: none;
	visibility: hidden;
}
header .tit,#tit_shadow .tit{
	position: absolute;
	width:8.67rem;
	top:-.5rem;
	left: 50%;
	margin-left: -2.58rem;
	transform: translateY(-.4rem);
}
header.show .tit,#tit_shadow.show .tit{
	transition: all 1.5s ease-out;
	transform: translateY(.6rem);
}
header.hide .tit,#tit_shadow.hide .tit{
	transition: all .3s ease-out;
	transform: translateY(0);
}
header .tit .en,#tit_shadow .tit .en{
	width:9.77rem;
	margin-left: .33rem;
	margin-top: 1rem;
}
header .intro{
	position: absolute;
	width:5.94rem;
	top:2.27rem;
	left: 50%;
	margin-left: -2.97rem;
	opacity: 0;
	transform: translateY(-.4rem) scale(.8);
	transition: all .3s ease-in;
}
header .intro .en{
	transform: translateY(.93rem) scale(.8);
}
header .intro.show{
	transition: all 1.5s ease-out;
	opacity: 1;
	transform: translateY(.1rem) scale(.8);
}
footer{
	position: fixed;
	bottom: 0;
	width:100%;
	z-index: 9;
}
.daolan_wrap{
	position: absolute;
	right:.38rem;
	bottom:0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	transition: all 1.5s ease-out;
	transform: translateX(300%);
}
.daolan{
	width:.7rem;
	height: .6rem;
	border-radius: .08rem;
	background-color: #2b568a;
	display: flex;
	justify-content: center;
}
.daolan img{
	width:.76rem;
	height: .55rem;
	top: -.08rem;
	position: absolute;
	left: 50%;
	margin-left: -.38rem;
}
.daolan img:nth-child(2){
	display: none;
}
.cn_daolan{
	width:.83rem;
	height: .21rem;
	padding-top: .12rem;
}
.cn_daolan .cn{
	width:.43rem;
	margin: 0 auto;
}
.home_wrap{
	position: absolute;
	left:.3rem;
	bottom:0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	transition: all .5s ease-out;
	pointer-events: none;
	transform:translateX(-500%) scale(.8);
}
.home_wrap.show{
	transform: translateX(0) scale(.8);
	pointer-events: initial;
}
.home{
	width:.53rem;
	height: .53rem;
	border-radius: 100%;
	background-color: rgba(37,78,134,.6);
	display: flex;
	justify-content: center;
	align-items: center;
}
.home img{
	width:.32rem;
}
.cn_home{
	width:.47rem;
	height: .21rem;
	padding-top: .11rem;
	visibility: hidden;
}
.cn_home .cn{
	width:.42rem;
}
.language_wrap{
	position: absolute;
	left:2rem;
	left:1.2rem;
	bottom:0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	transition: all 1.5s ease-out;
	transform: translateX(-500%) scale(.8);
}
.language{
	width:.98rem;
	height: .53rem;
	position: relative;
	background-color: rgba(37,78,134,.6);
	border-radius: .265rem;
}
.cur_cn{
	position: absolute;
	width:.43rem;
	height: .43rem;
	border-radius: 100%;
	background-color: #dbeaf7;
	display: flex;
	justify-content: center;
	align-items: center;
	left: .49rem;
	top:.05rem;
	transition: all .3s;
}
.cur_cn img{
	width:.18rem;
}
.cur_cn img.en{
	width: .29rem;
}
.cn_tip{
	height: .21rem;
	width:1.07rem;
	padding-top: .11rem;
	visibility: hidden;
}
.cn_tip .en{
	width:1.31rem;
}
.music_wrap{
	position: absolute;
	left:1.2rem;
	left:.3rem;
	bottom:0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	transition: all 1.5s ease-out;
	transform: translateX(-500%) scale(.8);
}
.music{
	width:.53rem;
	height: .53rem;
	border-radius: 100%;
	background-color: rgba(37,78,134,.6);
	display: flex;
	justify-content: center;
	align-items: center;
}
.music img{
	width:.33rem;
}
.music_wrap.off .music img:first-child,.music img:last-child{
	display: none;
}
.music_wrap.off .music img:last-child{
	display: block;
}
#p0{
	position: fixed;
	width:5.46rem;
	height: 4.02rem;
	left:.95rem;
	top:50%;
	/* margin-top: 1rem; */
	visibility: hidden;
	transition: scale(0);
}
#p0.show{
	animation: p0_scale1 1.5s linear forwards;
}
@keyframes p0_scale1{
	0%{transform: scale(0);}
	33%{transform: scale(1.1);}
	100%{transform: scale(1);}
}
#p0.hide{
	animation: p0_scale2 .6s linear forwards;
}
@keyframes p0_scale2{
	0%{transform: scale(1);}
	50%{transform: scale(.9);}
	60%{transform: scale(.9);}
	100%{transform: scale(6);opacity: 0;}
}
.shadow{
	position: absolute;
	width:5.62rem;
	z-index: -1;
	left:-.02rem;
	bottom:-.39rem;
	mix-blend-mode: multiply;
	opacity: 0;
}
#p0.show .shadow{
	transition: all 1s .5s ease-out;
	opacity: 1;
}
#p0.show .shadow2{
	transform: translateY(.21rem);
}
#p0.show .shadow3{
	transform: translateY(.42rem);
}
#p0.hide .shadow{
	transition: all .3s ease-in;
	transform: translateY(0);
	opacity: 0;
}
.btn_enter{
	position: absolute;
	width:.92rem;
	height: .92rem;
	left:3.28rem;
	top:50%;
	margin-top: 2.02rem;
	opacity: 0;
	transition: all .3s;
	transform: scale(.8);
}
.btn_enter.show{
	transition: all 1.5s;
	opacity: 1;
}
.btn_enter div{
	width:100%;
	height: 100%;
	border-radius: 100%;
	position: absolute;
	left:0;
	top:0;
	background-color: #16437f;
}
.btn_enter div:nth-child(3){
	background-color: #fff;
	width:.69rem;
	height: .69rem;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	left:.115rem;
	top:.115rem;
}
.icon_hand{
	width:.3rem;
}
.btn_enter div:nth-child(1){
	transform-origin: center center;
}
.btn_enter.run div:nth-child(1){
	animation: scale2 1.5s infinite ease-in;
}
@keyframes scale2{
	0%{transform: scale(1);opacity: 1;}
	66%{transform: scale(1.5);opacity: 0;}
	100%{transform: scale(1.5);opacity: 0;}
}
#p0_wrap{
	pointer-events: none;
	transform: translate(-50%,0) scale(.8);
}
#p0_wrap.run{
	pointer-events:initial;
	animation: updown1 2s infinite alternate ease-in-out;
}
@keyframes updown1{
	from{transform: translate(-50%,0) scale(.8);}
	to{transform: translate(-50%,-1%) scale(.8);}
}
nav{
	position: fixed;
	width:.7rem;
	right:0;
	top:50%;
	transform: translate(200%,-50%) scale(.8);
	transition: all 0.5s ease-out;
	z-index: 9;
}
nav.show{
	transform: translate(0,-50%) scale(.8);
	transition: all 0.5s ease-out 0.5s;
}
.nav_bottom{
	height: .66rem;
	background-color: #cddeea;
	position: relative;
	border-radius: 0 0 .16rem .16rem;
}
.btn_prev{
	height: 1.05rem;
	background-color: #143c68;
	position: relative;
	border-radius: .16rem .16rem 0 0;
}
.btn_prev img{
	position: absolute;
	left:50%;
	width:.8rem;
	height: .56rem;
	margin-left: -.4rem;
	bottom:.15rem;
}
.btn_prev img:nth-child(2){
	display: none;
}
.pagination>div{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: .15rem 0;
}
.pagination>div span{
	font-size: .29rem;
	color: #fff;
	transition: all .3s ease-out;
}
.pagination>div img{
	display: none;
	width:.86rem;
	height: .63rem;
	margin-bottom: .15rem;
}
.pagination>div.cur img{
	display: block;
}
.pagination>div:nth-child(1){
	background-color: #1f5492;
}
.pagination>div:nth-child(2){
	background-color: #27649e;
}
.pagination>div:nth-child(3){
	background-color: #3273a5;
}
.pagination>div:nth-child(4){
	background-color: #5785ae;
}
.pagination>div:nth-child(5){
	background-color: #638eb6;
}
.pagination>div:nth-child(6){
	background-color: #83a5c0;
}
.pagination>div:nth-child(7){
	background-color: #9ab6cd;
}
.pagination>div:nth-child(8){
	background-color: #b3cbe0;
}
.pagination>div:nth-child(1).cur span,.pagination>div:nth-child(2).cur span,.pagination>div:nth-child(3).cur span,.pagination>div:nth-child(4).cur span{
	color: rgb(185, 223, 251);
}
.pagination>div:nth-child(5).cur span,.pagination>div:nth-child(6).cur span,.pagination>div:nth-child(7).cur span,.pagination>div:nth-child(8).cur span{
	color:#004283;
}

#floors{
	opacity: 0;
	transform:translateY(50%) scale(0);
	transform-origin: center center;
}
#floors.show{
	transition: all 1s ease-out;
	opacity: 1;
	transform:translateY(0)  scale(1);
}
.swiper-container{
	perspective: 12rem;
}
.swiper-wrapper{
	transform-style: preserve-3d;
}
.swiper-slide{
	transform-style: preserve-3d;
	height: 3.62rem;
}
.swiper-slide>div{
	width:4.45rem;
	height: 3.62rem;
	margin: 0 auto;
	position: relative;
	transition: all .3s;
}
.swiper-slide>div.show{
	/* transform: translateY(-1.33rem); */
}
#floors .tit{
	position: absolute;
	left: -1.19rem;
	width:1.01rem;
	height: 1.53rem;
	top:50%;
	margin-top: -.765rem;
	transition: opacity .3s;
}
#floors .item3 .tit{
	width: 1.05rem;
	height: 1.6rem;
}
#floors .item6 .tit{
	width: 1.43rem;
	height: 1.59rem;
}
#floors .item6 .tit .en{
	transform: translateX(-0.2rem);
}
.btn_enter2{
	position: absolute;
	width:.58rem;
	height: .58rem;
	left:50%;
	top:50%;
	margin-left: -.29rem;
	margin-top: -.29rem;
	opacity: 0;
	transition: all .3s;
	pointer-events: none;
	transform: scale(.7);
}
.btn_enter2.show{
	transition: all .3s;
	opacity: 1;
	pointer-events: initial;
}
.btn_enter2 div{
	width:100%;
	height: 100%;
	border-radius: 100%;
	position: absolute;
	left:0;
	top:0;
	background-color: #16437f;
}
.btn_enter2 div:nth-child(3){
	background-color: #fff;
	width:.44rem;
	height: .44rem;
	display: flex;
	justify-content: center;
	align-items: center;
	left:.07rem;
	top:.07rem;
}
.icon_plus{
	width:.22rem;
}
.btn_enter2 div:nth-child(1){
	transform-origin: center center;
}
.btn_enter2.run div:nth-child(1){
	animation: scale2 1.5s infinite ease-in;
}
.swiper-slide>div>div{
	width:4.45rem;
	height: 3.62rem;
	position: absolute;
	left: 0;
	top:0;
	display: none;
	
}
.swiper-slide>div>div.layer1{
	display: block;
}
.layer2{
	transition: transform .3s;
}
.layer2>img{
	position: absolute;
	left: 0;
	top:0;
}
.mask{
	-webkit-mask-image: url(../img/public/mask.png?202208261046);
	-webkit-mask-size: 10rem 3.78rem;
	-webkit-mask-position: 5rem center;
	transition: all .6s;
}
.layer2.show .mask{
	-webkit-mask-position: 10rem center;
	pointer-events:none;
}
.intro2{
	transition: all .6s ease-out;
	width:5.37rem;
	left: 50%;
	margin-left: -2.685rem;
	position: absolute;
	top:4.77rem;
	transform: translateY(-.7rem);
	opacity: 0;
}
.layer2.show .intro2{
	transition: all .6s ease-out .6s;
	transform: translateY(0);
	opacity: 1;
}
.btn_enter3{
	position: absolute;
	width:.62rem;
	height: .62rem;
	left:50%;
	top:50%;
	margin-left: -1.67rem;
	margin-top: -.29rem;
	opacity: 0;
	transition: all .3s;
	pointer-events: none;
	transform: scale(.7);
}
.layer2.show .btn_enter3{
	transition: all .3s .6s;
	opacity: 1;
	pointer-events: initial;
}
.btn_enter3 div{
	width:100%;
	height: 100%;
	border-radius: 100%;
	position: absolute;
	left:0;
	top:0;
	background-color: #16437f;
}
.btn_enter3 div:nth-child(3){
	background-color: #fff;
	width:.46rem;
	height: .46rem;
	display: flex;
	justify-content: center;
	align-items: center;
	left:.08rem;
	top:.08rem;
}
.icon_search{
	width:.24rem;
}
.btn_enter3 div:nth-child(1){
	transform-origin: center center;
}
.layer2.run .btn_enter3 div:nth-child(1){
	animation: scale2 1.5s infinite ease-in;
}
.btn_close{
	position: absolute;
	width:.46rem;
	height: .46rem;
	border:.05rem solid #16437f;
	background-color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	right:-.46rem;
	top:.38rem;
	transition: opacity .3s;
	opacity: 0;
	pointer-events: none;
	border-radius: 100%;
	transform: scale(.6);
}
.layer2.show .btn_close{
	transition: opacity .3s .6s;
	opacity: 1;
	pointer-events: initial;
}
.btn_close img{
	width:.2rem;
}
.layer2 .bg img{
	position: absolute;
	width:4.53rem;
	left: .12rem;
	top:2.02rem;
	opacity: 0;
	mix-blend-mode: multiply;
}
.layer2.show .bg img:nth-child(1){
	opacity: 1;
	transform: translateY(.47rem);
	transition: all .3s ease-in-out .6s;
}
.layer2.show .bg img:nth-child(2){
	opacity: 1;
	transform: translateY(.29rem);
	transition: all .3s ease-in-out .8s;
}
.layer2 .bg img:nth-child(3){
	width:3.88rem;
	left:.77rem;
	top:.1rem;
	transform: translateY(-.47rem);
}
.layer2.show .bg img:nth-child(3){
	opacity: 1;
	transform: translateY(0);
	transition: all .3s ease-in-out .7s;
}
.btn_day,.btn_night{
	width:.39rem;
	height: .39rem;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 100%;
	background-color: #dbeaf7;
}
.options .btn_day img{
	width:.21rem;
}
.layer2.show .btn_day{
	transition: all .3s .6s;
	opacity: 1;
	pointer-events: initial;
}
.options .btn_night img{
	width:.18rem;
}
.layer2.show .btn_night{
	transition: all .3s .6s;
	opacity: 1;
	pointer-events: initial;
}
.swiper-slide>div>div.layer3{
	width:5.66rem;
	height: 5.66rem;
	left: -.49rem;
	top:-.75rem;
	transform-origin: center center;
	transform: scale(0);
	transition: all .6s ease-in-out;
}
.swiper-slide>div>div.layer3.show{
	/* animation: scale31 .6s ease-out forwards; */
	transform: scale(1);
}
.swiper-slide>div>div.layer3.hide{
	/* animation: scale32 .6s ease-out forwards; */
	transform: scale(0);
}
@keyframes scale31{
	0%{transform: scale(0);}
	70%{transform: scale(1.1);}
	90%{transform: scale(.9);}
	100%{transform: scale(1);}
}
@keyframes scale32{
	0%{transform: scale(1);}
	10%{transform: scale(.9);}
	30%{transform: scale(1.1);}
	100%{transform: scale(0);}
}
.layer3 .btn_close{
	right: -0.86rem;
	top: 0.88rem;
}
.layer3.show .btn_close{
	transition: opacity .3s .6s;
	opacity: 1;
	pointer-events: initial;
}
.intro3{
	position: absolute;
	width:5.61rem;
	left:.08rem;
	top:5.99rem;
	transition: all .3s;
	opacity: 0;
	transform: translateY(-.47rem);
}
.layer3.show .intro3{
	transition: all .3s .6s;
	opacity: 1;
	transform: translateY(0);
}
.layer3.show >img{
	margin-left: 1.9rem;
	transform: scale(.8);
}
.item7 .btn_enter3{
	margin-left: -.26rem;
	margin-top: -.56rem;
}
.bg2{
	transition: opacity .3s;
}
.bg3,.bg32{
	opacity: 0;
	transition: opacity .3s;
}

.btn_enter31,.btn_enter32{
	position: absolute;
	width:.62rem;
	height: .62rem;
	left:50%;
	top:50%;
	margin-left:-.39rem;
	margin-top:-1.07rem;
	opacity: 0;
	transition: all .3s;
	pointer-events: none;
	transform: scale(.7);
}
.layer2.show .btn_enter31,.layer2.show .btn_enter32{
	transition: all .3s .6s;
	opacity: 1;
	pointer-events: initial;
}
.btn_enter31 div,.btn_enter32 div{
	width:100%;
	height: 100%;
	border-radius: 100%;
	position: absolute;
	left:0;
	top:0;
	background-color: #16437f;
}
.btn_enter31 div:nth-child(3),.btn_enter32 div:nth-child(3){
	background-color: #fff;
	width:.46rem;
	height: .46rem;
	display: flex;
	justify-content: center;
	align-items: center;
	left:.08rem;
	top:.08rem;
}
.btn_enter31 div:nth-child(1),.btn_enter32 div:nth-child(1){
	transform-origin: center center;
}
.layer2.show .btn_enter31 div:nth-child(1),.layer2.show .btn_enter32 div:nth-child(1){
	animation: scale2 1.5s infinite ease-in;
}
.layer2.show .btn_enter31.hide,.layer2.show .btn_enter32.hide{
	transition: all .3s;
	opacity: 0;
	pointer-events: none;
}
.layer2.show .bg img:nth-child(3).hide{
	transition: all .3s;
	opacity: 0;
}

.intro21,.intro22{
	transition: all .6s ease-out;
	width:5.37rem;
	left: 50%;
	margin-left: -2.685rem;
	position: absolute;
	top:4.77rem;
	opacity: 0;
}
.layer2.show .intro21.show,.layer2.show .intro22.show{
	transition: all .6s ease-out;
	opacity: 1;
}
.layer2.show .intro2.hide{
	transition: all .6s ease-out;
	opacity: 0;
}
.options{
	position: absolute;
	width:100%;
	bottom:-1.14rem;
	display: flex;
	justify-content: center;
	align-items: center;
	opacity: 0;
	pointer-events: none;
	transition: all .3s;
	-webkit-overflow-scrolling: touch;
}
.options.show{
	opacity: 1;
	pointer-events: initial;
}
.options img{
	width:.44rem;
}
.btn_right{
	transform: scaleX(-1);
}
.item6 .btn_enter3{
	margin-left: .97rem;
	margin-top: -.39rem;
}
.item5 .layer2.show .intro2,.item8 .layer2.show .intro2{
	transform: translateY(0.6rem);
}
.item5 .options img{
	width:.7rem;
}
.item5 .layer2.show .options,.item8 .layer2.show .options{
	transition: all .3s .6s;
	opacity: 1;
	pointer-events: initial;
}
.item5 .layer2.show .options.hide,.item8 .layer2.show .options.hide{
	transition: all .3s;
	opacity: 0;
	pointer-events: none;
}
.item5 .btn_enter31{
	margin-left:1.45rem;
	margin-top:-.48rem;
}
.item5 .btn_enter3{
	margin-left:1.06rem;
	margin-top:-.81rem;
}
.item4 .btn_enter3{
	margin-left: .91rem;
	margin-top: .17rem;
}
.item4 .btn_enter31{
	margin-left: -.11rem;
	margin-top: -.46rem;
}
.swiper-slide>div.item4>div.layer3{
	width: 6.89rem;
	height: 7.92rem;
	left: -1.22rem;
	/* top: -0.17rem; */
}
.swiper-slide>div.item4>div.layer3.show{
	transform: scale(.8);
}
.item4 .layer3 .btn_close{
	top:-.66rem;
	right: 0;
	transform: scale(.8);
}
.item4 .intro3{
	width: .98rem;
	left:.1rem;
	top:-.71rem;
}
.list{
	margin: 0 auto;
	padding-top: .5rem;
	width:6.7rem;
}
.list>div{
	height: 1rem;
	position: relative;
	margin-bottom: .15rem;
	transition: height .5s ease-in-out;
}
.list>div::before{
	content: "";
	display: block;
	width:100%;
	height: 100%;
	position: absolute;
	inset: 0px;
	transform: skew(-8deg) rotateZ(-8deg);
	background-color: #fff;
	transition: background-color 0.5s ease-in-out 0s;
	border-radius: .1rem;
	z-index: -1;
}
.list>div.cur::before{
	background-color: #1d5391;
}
.list>div.cur{
	height: 4.7rem;
}
.line1{
	display: flex;
	justify-content: flex-end;
	padding-right: .4rem;
	padding-top: .1rem;
	transition: all .5s ease-in-out;
	filter: none;
	transform: translateY(-0.06rem);
}
.list>div.cur .line1{
	padding-top: .3rem;
	filter: grayscale(100%) brightness(500%);
}
.line1 img{
	width:3.04rem;
	height: .3rem;
	transition: all .3s ease-in-out;
}
.list>div:nth-child(2) .line1{
	padding-top: 0;
	transform: translateY(0.06rem);
}
.list>div:nth-child(3) .line1{
	padding-top: .25rem;
	transform: translateY(-0.15rem);
}
.list>div:nth-child(2) .line1 img{
	width:1.17rem;
	height: .23rem;
}
.list>div:nth-child(2).cur .line1{
	transform: translateY(0.2rem);
}
.list>div:nth-child(3) .line1 img{
	width:4.51rem;
	height: .29rem;
}
.list>div:nth-child(3).cur .line1{
	transform: translateY(-0.05rem);
}
.line2{
	display: flex;
	justify-content: flex-end;
	padding-right: .25rem;
	padding-top: .22rem;
	opacity: 0;
	transition: opacity .1s ease-in-out;
}
.list>div.cur .line2{
	transition: opacity .2s ease-in-out .3s;
	opacity: 1;
}
.list>div:nth-child(2) .line2{
	padding-top: .5rem;
}
.list>div:nth-child(3) .line3{
	margin-top: -3.68rem;
}
.line2 img{
	width:5.98rem;
	height: 3.35rem;
	transition: all .3s ease-in-out;
	transform: scale(.93);
	transform-origin: center top;
}
.list>div:nth-child(2) .line2 img{
	width:6.22rem;
	height: 3.48rem;
}
.list>div:nth-child(3) .line2 img{
	width:6.42rem;
	height: 3.56rem;
}
.line3{
	width:.7rem;
	margin-top: -3.36rem;
	margin-left: -.04rem;
	transition: all .5s ease-in-out;
}
.list>div.cur .line3{
	width:2.4rem;
	margin-top: -1.92rem;
}
.list>div:nth-child(2) .line3{
	margin-top: -3.58rem;
}
.list>div:nth-child(2).cur .line3{
	margin-top: -1.94rem;
}
.list>div:nth-child(3).cur .line3{
	margin-top: -2rem;
}

.item3 .btn_enter31{
	margin-left: -1.79rem;
	margin-top: -.51rem;
}
.item3 .btn_enter32{
	margin-left: 1.16rem;
	margin-top: -.4rem;
}
.item3 .btn_enter3{
	margin-left: -1.26rem;
	margin-top: -.24rem;
}

.item2 .btn_enter31{
	margin-left: -.72rem;
	margin-top: -1.05rem;
}
.item2 .btn_enter3{
	margin-left: .91rem;
	margin-top: .17rem;
}
.item1 .btn_enter31{
	margin-left: -1.35rem;
	margin-top: .46rem;
}
.item1 .btn_enter3{
	margin-left: -1.27rem;
	margin-top: -.13rem;
}
.shadow_group{
	width:4.17rem;
	height: 1.68rem;
	position: absolute;
	z-index: -1;
	left:.16rem;
	top:2.23rem;
}
.shadow_group img{
	mix-blend-mode: multiply;
	position: absolute;
	top:0;
	opacity: .5;
}
.shadow_group img:nth-child(1){
	transform: translateY(.99rem);
}
.shadow_group img:nth-child(2){
	transform: translateY(.66rem);
}
.shadow_group img:nth-child(3){
	transform: translateY(.33rem);
}
audio{
	opacity: 0;width:0;height: 0;visibility: hidden;
}

.range_box{
	width:2.88rem;
	border-radius: 1px;
	background: #81daff;
	height: .03rem;
	margin: 0 .16rem;
	-webkit-overflow-scrolling: touch;
	position: relative;
	z-index: 9;
}
.range_point{
	position: absolute;
	width:.17rem;
	height:.17rem;
	background:#fff;
	border-radius:100%;
	border:.04rem solid #81daff;
	transition: width .2s height .2s transform .2s;
	transform-origin: center;
	left:0;
	top:0;
	transform: translate(-.125rem,-.11rem);
}
.range_box.touch .range_point{
	width:.21rem;
	height:.21rem;
	border:.05rem solid #81daff;
	left:0;
	top:0;
	transform: translate(-.155rem,-.14rem);
}
.qr_code{
	display: block;
	position: absolute;
	width: 1.6rem;
	bottom:.5rem;
	right:.7rem;
	transition: all 1.5s ease-out;
	transform: translateX(500%);
}
.qr_code img{
	width:100%;
}
.en_txt2{
	position: absolute;
	width:.29rem;
	left:.13rem;
	top:.18rem;
}
.cn_txt2{
	position: absolute;
	width:.18rem;
	left:.62rem;
	top:.16rem;
}
.layer2.hide{
	transform: translateX(-1.9rem);
}
.layer2.hide .btn_enter3,.layer2.hide .intro21,.layer2.hide .btn_close{
	display: none;
}
.item3 .intro2{
	width:7.7rem;
	margin-left: -3.85rem;
}
.layer2.hide .intro22,.layer2.hide .intro2,.layer2.hide .options{
	display: none;
}