*{padding:0;margin:0}
body{font-family:PingFangSC-Regular,Helvetica,Arial,Microsoft Yahei,sans-serif;background-color:#d3ab76;}
textarea{font:initial;line-height:normal;}
body,html{height:100%;}
ul,li{list-style:none;}
body{}
.first{-webkit-text-stroke:1px #fff;z-index:99;background:url(https://f2.cri.cn/M00/7A/DA/rBABCmUMCGOAOdPNAAAAAAAAAAA8540685.pic.jpg) no-repeat;width:16rem;height:100%;background-size:100% auto;position:fixed;color:#811501;font-size:1.0167rem;text-align:center;font-weight:bold;top:0;margin-left:-8rem;left:50%;}
.loading{position:absolute;width:16rem;margin-left:-8rem;top:12.14rem;left:50%;}
.loadingimg{position:fixed;width:12.6rem;margin-left:-6.3rem;bottom:3.3067rem;left:50%;border-radius:100px 100px;height:.4267rem;background:url(https://f2.cri.cn/M00/7A/DA/rBABCmUMCGOAOdPNAAAAAAAAAAA8540685.bg-1_03.jpg);overflow:hidden;background-size:100% 100%;box-shadow:0 1px 10px rgba(0,0,0,0.3);}
.loadinging{position:relative;width:100%;height:100%;}
.loadinging span{display:block !important;width:0;background-color:#000;position:relative;height:100%;transition:all .2s ease 0s;border-radius:100px 100px;background:#f83700;background:-moz-linear-gradient(left,#f83700 0,#ffea60 100%);background:-webkit-gradient(linear,left,right,color-stop(0,#f83700),color-stop(100%,#ffea60));background:-webkit-linear-gradient(left,#f83700 0,#ffea60 100%);background:-o-linear-gradient(left,#f83700 0,#ffea60 100%);background:-ms-linear-gradient(left,#f83700 0,#ffea60 100%);background:-webkit-gradient(linear,left top,right top,from(#f83700),to(#ffea60));background:-webkit-gradient(linear,left top,right top,color-stop(0,#f83700),to(#ffea60));background:-webkit-gradient(linear,left top,right top,color-stop(0,#f83700),to(#ffea60));background:-webkit-gradient(linear,left top,right top,color-stop(0,#f83700),to(#ffea60));background:-webkit-gradient(linear,left top,right top,color-stop(0,#f83700),to(#ffea60));background:linear-gradient(to right,#f83700 0,#ffea60 100%);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#f83700,endColorstr=#ffea60);-ms-filter:"progid:DXImageTransform.Microsoft.gradient (GradientType=1,startColorstr=#f83700,endColorstr=#ffea60)"}
.begin{position:fixed;width:4.16rem;margin-left:-2.08rem;bottom:.5333rem;left:50%;display:none;animation:ani-span2 1s linear 0s 1;opacity:1;height:1.9627rem;background:url(https://f2.cri.cn/M00/7A/DA/rBABCmUMCGOAOdPNAAAAAAAAAAA8540685.icon-1_07.png) no-repeat;background-size:100% 100%;}
.first span{display:inline-block;}
.first span.active{animation:ani-span .5s linear 0s 1;}
.page-wrap-1{position:relative;}
.btn-music{position:fixed;top:.9173rem;left:50%;margin-left: 5.376rem;width:1.7067rem;height:1.7067rem;background:url(https://f2.cri.cn/M00/7A/DA/rBABCmUMCGOAOdPNAAAAAAAAAAA8540685.icon-3_03.png) no-repeat;background-size: 100% 100%;box-shadow: 0 0 10px rgba(0,0,0,0.3);border-radius: 50% 50%;animation-fill-mode:forwards ;}
#audiobox{display:none;}
.btn{position:absolute;bottom:1rem;left:50%;width:16rem;height:1.92rem;margin-left:-8rem;z-index:1;}
.btn a{position:relative;width:100%;height:100%;display:block;background:url(https://f2.cri.cn/M00/7A/DA/rBABCmUMCGOAOdPNAAAAAAAAAAA8540685.btn_02.png);background-size:100% 100%;}
.wrap{display:none;position:absolute;top:0;left:50%;margin-left:-8rem;width:16rem;height:100%;/*overflow-x:hidden;*/}
.wrap img{display:block;width:100%;}
.btn-next-1{position:absolute;top:24.32rem;left:50%;margin-left:-2.63rem;width:5.26rem;height:2.26rem;}
.wrap-3{transition:all 2s ease 0s;}
.wrap-3.wrap-eff{filter:blur(0px)}
.page-icon img{height:100%;transition:all 2s ease 0s;}
.page-wrap{position:relative;background:#fff;}
.page-icon{position:absolute;top:0;left:0;width:100%;height:100%;}
.page-icon ul{position:relative;width:100%;height:100%;overflow:hidden;}
.page-icon li{position:absolute;left:50%;transition:all 2s ease 0s;width:16rem;margin-left:-8rem;}
.page-icon li span{display:block;position:relative;width:100%;height:100%;transition:all 2s ease 0s;}
.page-icon li.play{opacity:1 !important;}
.page-bg ul{position:relative;}
.animate{animation:round 5s linear infinite;background:url(https://f2.cri.cn/M00/7A/DA/rBABCmUMCGOAOdPNAAAAAAAAAAA8540685.icon-2_03.png) no-repeat;background-size: 100% 100%;}
@keyframes round{
	100%{transform:rotate(1turn);}
}
.page-icon .page-icon-1 .icon-0{}
@keyframes ani-title{
	0%{transform:translate(0rem,0rem);}
	50%{transform:translate(0rem,-.2rem);}
	100%{transform:translate(0rem,0rem);}
}
@keyframes ani-span{
	0%{transform:translate(0rem,0rem);}
	50%{transform:translate(0rem,-.2rem);}
	100%{transform:translate(0rem,0rem);}
}
@keyframes ani-span2{
	0%{transform:scale(0);opacity:0;}
	100%{transform:scale(1);opacity:1;}
}
@media screen and (min-width:1243px){
	.first{width:750px;font-size:48px;margin-left:-375px;}
	.loading{width:750px;margin-left:-375px;top:600px;}
	.loadingimg{bottom:155px;width:600px;margin-left:-300px;}
	.begin{width:195px;margin-left:-97px;bottom:92px;height:92px;}
	.wrap{width:750px;margin-left:-375px;}
}