* {margin:0;padding: 0;outline:none;}
*:not(input,textarea) {-webkit-touch-callout: inherit;-webkit-user-select: auto;}
body {width: 100%;font-family: Hiragino Sans GB, Arial, Helvetica, "黑体", sans-serif;font-size: 14px;color: #878787;-webkit-touch-callout: inherit ;-webkit-user-select: auto ;background-color: #fff;overflow:hidden;}
a {color: #878787;text-decoration: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
a:hover {text-decoration: none;}
button,input,select,textarea {font-size: 100%;margin: 0;padding: 0;outline: none;}
dt,dd {display: inline-block;}
textarea,input {resize: none;outline: none;}
textarea {resize: none;-webkit-appearance: none;}

.page{width:100%;height:100%;position:absolute;font-size:100px;text-align:center;}
.page .wrap{height:500px;}
.page-1-1{ background-color:#de3c3d;}
.page-2-1{ background-color:#41b47a;}
.page-3-1{ background-color:#ffb114;}
.page-4-1{ background-color:#2ca2ea;}
.page-5-1{ background-color:#504071;}
.page-current{z-index:1;}
.page-1-1 .img_0 {height:auto;width:300px;position:absolute;left:0;right:0;top:0%;margin:0 auto;}
.page-1-1 .img_1 {height:auto;width:300px;position:absolute;left:0;right:0;top:17%;margin:0 auto;}
.page-1-1 .img_2 {height:auto;width:185px;position:absolute;left:50%;top:75%;margin-left:-92px;}
.page-1-1 .img_3 {height:auto;width:25px;position:absolute;left:50%;top:93%;margin-left:-12px;}

.page-2-1 .img_1 {height:auto;width:100%;position:absolute;left:0;right:0;top:3%;margin:0 auto;z-index:2;}
.page-2-1 .img_2 {height:auto;width:100%;position:absolute;left:0;right:0;margin:0 auto;top:35%;}
.page-2-1 .img_3 {height:auto;width:80%;position:absolute;left:0;right:0;margin:0 auto;top:36%;}
.page-2-1 .img_4 {height:auto;width:25px;position:absolute;left:50%;top:92%;margin-left:-12px;}
.page-2-1 .img_5 {height:auto;width:80%;position:absolute;left:0;right:0;margin:0 auto;top:29%;}

.page-3-1 .img_1 {height:auto;width:100%;position:absolute;left:0;right:0;margin:0 auto;z-index:2;top:2%;}
.page-3-1 .img_2 {height:auto;width:38%;position:absolute;left:0;margin:0 auto;right:0;top:27%;}
.page-3-1 .img_3 {height:auto;width:100%;position:absolute;left:0;right:0;margin:0 auto;top:33%;z-index:-1;}
.page-3-1 .img_4 {height:auto;width:25px;position:absolute;left:50%;top:92%;margin-left:-12px;}
.page-3-1 .img_5 {height:auto;width:100%;position:absolute;left:0;right:0;margin:0 auto;top:48%;z-index:-2;}

.page-4-1 .img_1 {height:auto;width:100%;position:absolute;left:0;right:0;margin:0 auto;z-index:2;}
.page-4-1 .img_2 {height:auto;width:90%;position:absolute;left:0;right:0;margin:0 auto;top:33%;}
.page-4-1 .img_3 {height:auto;width:90%;position:absolute;left:0;right:0;margin:0 auto;top:33%;}
.page-4-1 .img_4 {height:auto;width:25px;position:absolute;left:50%;top:92%;margin-left:-12px;}

.page-4-1 .img_5 {height:auto;width:100%;position:absolute;left:0;right:0;margin:0 auto;top:31%;}
.page-4-1 .img_6 {height:auto;width:100%;position:absolute;left:0;right:0;margin:0 auto;top:15%;}
.page-4-2 .img_1 {height:auto;width:90%;position:absolute;left:0;right:0;margin:0 auto;top:5%;}

.page-5-1 .img_0 {height:auto;width:300px;position:absolute;left:0;right:0;top:0%;margin:0 auto;}
.page-5-1 .img_1 {height:auto;width:95%;position:absolute;left:0;right:0;margin:0 auto;top:25%;}
.page-5-1 .img_2 {height:auto;width:100%;position:absolute;left:0;right:0;margin:0 auto;top:80%;}