address,
blockquote,
body,
button,
dd,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
legend,
li,
ol,
p,
pre,
select,
td,
textarea,
th,
ul {
    margin: 0;
    padding: 0
}
button,
h1,
h2,
h3,
h4,
h5,
h6,
input,
label,
select,
textarea {
    font-size: 100%;
    vertical-align: middle
}
/*flex垂直居中对齐*/
.align-center-vertical{
     display: flex;
    align-items: center;
    justify-content: space-around;
    flex-direction: column;
}
li{
    outline: none;
}
html,body{
    height: 100%;
    width: 100%;
    overflow: hidden;
    padding: 0;
    margin: 0;
    font-family: "webFont";
    background:#11296B;
}
i{font-style:normal;}
*{
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-appearance : none ;
}
@font-face {
    font-family: "webFont";
    src: url(../font/font.ttf) format('truetype');
    font-style: normal;
    font-weight: normal;
}
*{
	margin:0;
	padding:0;
}
img {
	display: inline-block;
	width: 100%;s
	height: 100%;
	border: none;
}
html,body{
	padding: 0;
	margin: 0;
	font-family: "微软雅黑";
	width: 100%;
    height:100%;
}
input{
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
    border:none;
        outline: none;
    border: none;
}
input::-webkit-input-placeholder {
	color:#8b8b8b;
    opacity: .5;
	font-size: 0.9rem;
	line-height: 2.5rem;
	position: relative;
	top:-0.1rem;
}
.ani {
    -webkit-animation-duration: 1s;
    animation-duration:1s;
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode:backwards;
}
.ani2 {
    -webkit-animation-duration: 3s;
    animation-duration:3s;
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
}
.z-index{
	transform: translateZ(120px);
	-webkit-transform: translateZ(120px);
}
.hidden{display:none;}
.wrap {
	width: 100%;
    height:100%;
	margin: 0 auto;
	overflow: hidden;
	-webkit-transform-origin: top center;
	transform-origin: top center;
	position: relative;
	left: 0;
	top: 0;
	z-index: 11;
}
.swiper-container,.swiper-slide,.swiper-wrapper {
    height:100%;
	width: 100%;
	position:relative;
}
.page1,.page2,.page3,.page4,.page5,.page6{
	width: 100%;
    height:100%;
	background-repeat: no-repeat;
	position: relative;
	z-index: 1;
    overflow: hidden;
}
.show{
    display: block!important;
}
.page1,.page3,.page4,.page5{
	background:url(../images/bg11.png) no-repeat top center;
	background-size:100% 100%;
}
.page4,.page5{
    background:url(../images/bg2.png) no-repeat top center;
    background-size:100% 100%;
}
.page2{
	background:url(../images/bg11.png) no-repeat top center;
    background-size:100% 100%;
}
.copy_txt{
    width:6.875rem;
    height:0.625rem;
    z-index:3;
    position: absolute;
    bottom:0.5rem;
    left:50%;
    margin-left:-5.4375rem;
    background:url(../images/copy.png) no-repeat top center;
    background-size:100% 100%;
}
.page4 .copy_txt{
    width:7.8rem;
    height:0.625rem;
    line-height: 0.625rem;
    z-index:3;
    position: absolute;
    bottom:0.5rem;
    color: #fff;
    font-size:0.625rem;
    text-align: center;
    left:50%;
    margin-left:-5.4375rem;
    background:none;
    background-size:100% 100%;
}
.index_btn{
    width: 7.5625rem;
    height: 2.375rem;
    z-index: 3;
    position: absolute;
    bottom: 2.5rem;
    left: 50%;
    margin-left: -7.5rem;
    background: url(../images/btn2.png) no-repeat top center;
    background-size: 100% 100%;
    z-index: 0;   
}
.jp_img1{
    width:100%;
    height:100%;
    position: absolute;
    left:0;
    right:0;
    opacity: 0;
    z-index: 98;  
}
.down_btn{
    width: 7.5625rem;
    height: 2.375rem;
    z-index: 3;
    position: absolute;
    bottom: 2.5rem;
    left: 50%;
    margin-left:0.4375rem;
    background: url(../images/btn1.png) no-repeat top center;
    background-size: 100% 100%;
    z-index: 99;   
}
.changan{
    width: 100%;
    background: rgba(0,0,0,.7);
    color: #fff;
    font-size: 0.8rem;
    line-height: 2rem;
    text-align: center;
    z-index: 99;
    position: absolute;
    top:0;
}

/*第一页*/
.page1 .poster{
    width: 100%;
    height:16.5rem;
    position: absolute;
    top:-1rem;
    z-index:1;
    background: url(../images/bg1_1.png) no-repeat top center;
    background-size:100% 100%;
}
.page1 .poster2{
    width: 100%;
    height:6.0625rem;
    position: absolute;
    bottom:0rem;
    z-index:1;
    background: url(../images/bg1_2.png) no-repeat top center;
    background-size:100% 100%;
}
.page1 .poster3{
    width: 100%;
    height: 85%;
    position: absolute;
    top: 2.9125rem;
    z-index: 0;
    background: url(../images/bg1_3.png) no-repeat top center;
    background-size: 100% 100%;
}
.page1 .s1{
    width: 20rem;
    height:17.75rem;
    position: absolute;
    top: 0rem;
    left: 0rem;
    z-index: 3;
    -webkit-animation-duration: 1500ms;
    animation-duration: 1500ms;
}
.page1 .s2{
    width: 17.125rem;
    height:8.34375rem;
    position:relative;
    margin:0 auto;
    margin-top:79%;
    z-index: 3;
    display: block;
    -webkit-animation-duration: 1500ms;
    animation-duration: 1500ms;
}
.page1 .s3{
    width: 7.53125rem;
    height: 3.125rem;
    position: absolute;
    top: 0.9rem;
    right: 3rem;
    z-index: 2;
}
.page1 .start_btn{
    width:100%;
    position: relative;
    margin:0 auto;
    margin-top:14%;
}
.page1 .start_btn img{
    width: 3.53125rem;
    height: 4.1875rem;
    position: absolute;
    top: -2.5875rem;
    right: 1.6rem;
    z-index: 111;
}
.page1 .start_btn a{
    width:13.0rem;
    height:2.5625rem;
    position:relative;
    margin:0 auto;
    z-index:10;
    display: block;
    background: url(../images/start_btn.png) no-repeat top center;
    background-size:100% 100%;
}
.music_img{
    width: 1.53125rem;
    height: 1.53125rem;
    position: absolute;
    right: 1rem;
    top: 1rem;
    z-index: 15;
}
.page5 .music_img{
    width: 1.53125rem;
    height: 1.53125rem;
    position: absolute;
    right: 2rem;
    top: 3.8rem;
    z-index: 99;
}
.music_img.active{
    animation: play 2s linear infinite;
    -webkit-animation: play 2s linear infinite;
}
@keyframes play{
    0%{transform: rotate(0);}
    100%{transform: rotate(360deg);}
}
@-webkit-keyframes play{
    0%{transform: rotate(0);}
    100%{transform: rotate(360deg);}
}
.bg_mc{
    width: 100%;
    height: 100%;
    background: url(../images/yiny1.png) no-repeat top center;
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    z-index:2;
}
.bg_mc_s{
    width: 100%;
    height: 100%;
    background: url(../images/yiny2.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    z-index:1;
}
.page1 .poster_sm{
    width: 13.84375rem;
    height: 7.8375rem;
    position: absolute;
    bottom: 0rem;
    left: 0rem;
    background: url(../images/s6.png) no-repeat top center;
    background-size: 100% 100%;
}
.page2 .poster,.page3 .poster{
    width: 100%;
    height:10.46875rem;
    position: absolute;
    top:1.4rem;
    z-index:1;
    background: url(../images/mooon.png) no-repeat top center;
    background-size:100% 100%;
}
.page2 .poster2,.page3 .poster2{
    width: 100%;
    height:4.03125rem;
    position: absolute;
    top:0rem;
    z-index:3;
    background: url(../images/top.png) no-repeat top center;
    background-size:100% 100%;
}
.page3 .poster2{
    z-index:3;
}
.page3 .type{
    display: none;
}
.page3 .type.active{
    display: block;
}
.page2 .s3,.page3 .s3{
    width: 7.53125rem;
    height: 3.125rem;
    position: absolute;
    top: 0.9rem;
    left: 50%;
    z-index: 4;
    margin-left: -3.765125rem;
}
.page2 .poster3{
    width: 100%;
    height:5.9375rem;
    position: absolute;
    bottom:0;
    z-index:2;
    background: url(../images/bottom.png) no-repeat top center;
    background-size:100% 100%;
}
.page3 .poster3{
    width: 100%;
    height:5.9375rem;
    position: absolute;
    bottom:0;
    z-index:3;
    background: url(../images/bottom.png) no-repeat top center;
    background-size:100% 100%;

}
.page3 .timu{
    width: 16.625rem;
    height: 8.03125rem;
    background: url(../images/board.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    margin-top: -10rem;
    display: block;
    z-index: 1;
    left: 50%;
    margin-left: -8.3rem;
    margin-bottom: 2.5rem;
}
.page3 .timu p{
    top: 3rem;
    width: 85%;
    font-size: 0.9375rem;
    line-height: 1.5rem;
    color: #502303;
    position: relative;
    margin: 0 auto;
}
.page3 .timu.on1 p{
    top: 2.3rem;
}
.page3 .timu.on2 p{
    top: 1.6rem;
}
.page3 ul{
    width: 100%;
    position:absolute;
    z-index: 7;
    top: 50%;
    margin-top: 0rem;
    display: none;
}
.page3 ul.active{
    display: block;
}
.page3 ul li{
    width:15.1875rem;
    height:3.6875rem;
    position: relative;
    margin: 0 auto;
    background: url(../images/ans.png) no-repeat top center;
    background-size: 100% 100%;
    margin-bottom: 1.5rem;
    opacity: .7;
    list-style:none; 
}
.page3 ul li p{
    width:80%;
    height:3.6875rem;
    line-height:1.39325rem;
    text-align: left;
    color: #f7c670 !important;
    font-size: 0.9375rem;
    position: relative;
    margin: 0 auto;
}
.page3 ul.answer6 li p{
      line-height:1rem;
       font-size: 0.9375rem;
}
.page3 ul.answer7 li{
margin-bottom: 1rem;
}
.page3 ul li.active{
    opacity: 1;
}
.page2 .poster4{
    width: 18.96875rem;
    height: 35.5rem;
    position: absolute;
    left: 50%;
    margin-left: -9.484325rem;
    bottom: 2.2rem;
    z-index: 0;
    background: url(../images/bg4.png) no-repeat top center;
    background-size: 100% 100%;
}
.page3 .poster4{
    width: 18.0rem;
    height: 16.90625rem;
    position: absolute;
    bottom: 2rem;
    z-index: 0;
    left: 50%;
    margin-left: -9.2rem;
    background: url(../images/fu4.png) no-repeat;
    background-size: 100% 100%;
}
.page3 .poster7{
    width: 100%;
    height: 10.5625rem;
    position: absolute;
    bottom: 0rem;
    z-index: 1;
    margin-left: -0.8rem;
    background: url(../images/yun2.png) no-repeat;
    background-size: 100% 100%;
}
.page2 .poster5{
    width:100%;
    height:85%;
    position: absolute;
    top:2.9rem;
    z-index: 1;
    background: url(../images/bg1_3.png) no-repeat top;
    background-size: 100% 100%;
}
.page3 .poster5{
    width:100%;
    height:85%;
    position: absolute;
    top:2.9rem;
    z-index: 2;
    background: url(../images/lian.png) no-repeat top;
    background-size: 100% 100%;
}
.page2 .title{
    width:15.09375rem;
    position: absolute;
    left:50%;
    margin-left:-7.546875rem;
    top:50%;
    margin-top:-10.1rem;
}
.page2 .title2{
    width: 7.5rem;
    position: absolute;
    left: 50%;
    margin-left: -3.45rem;
    top: 50%;
    margin-top:-6.8rem;
    z-index: 4;
}
.page2 .poster6{
    width: 17.96875rem;
    height:14.125rem;
    position: absolute;
    top:50%;
    left:50%;
    margin-top:-14rem;
    margin-left:-8.984375rem;
    z-index:2;
    background: url(../images/fu.png) no-repeat top center;
    background-size:100% 100%;
}
.page2 .name_box{
    width: 100%;
    position: absolute;
    top: 50%;
    margin-top:2.6rem;
    z-index: 5;
}
.page3 .f1{
    position: absolute;
    left:1.3rem;
    top:2.8rem;
    width:3.53125rem;
    height:3.0625rem;
    display: block;
    z-index:3;
}
.page3 .f2{
    position: absolute;
    left: 1.9rem;
    top: 50%;
    width: 1.9375rem;
    height: 2.3125rem;
    display: block;
    z-index: 3;
    margin-top: -2rem;
}
.page3 .f3{
    position: absolute;
    right:1.3rem;
    top:50%;
    width:2.09375rem;
    height:2.09375rem;
    display: block;
    z-index:3;
}
.page2 .name_box input{
    width:13.0rem;
    height:2.5625rem;
    background: url(../images/input.png) no-repeat;
    background-size:100% 100%;
    position: relative; 
    margin:0 auto;
    display: block;
    border:none;
    margin-bottom:1.3rem;
    padding-left:1rem;
    line-height: 2.5625rem;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    color: #8b8b8b;
    font-size:0.75rem;

}
.page2 .name_box a{
    width:13.0rem;
    height:2.5625rem;
    background: url(../images/sure.png) no-repeat;
    background-size:100% 100%;
    position: relative; 
    margin:0 auto;
    display: block;
}
.page2 .name_box input:focus{
    border:none;
}
.page2 .poster4 i{
    display: block;
    width:100%;
    height:100%;
    background: rgba(23,47,108,.2);
}
.page2 .question{
    width:12.9375rem;
    height:7.1875rem;
    position: absolute;
    left:50%;
    margin-left:-6.46875rem;
    top:50%;
    margin-top:5rem;
    background: url(../images/btn_29.png) no-repeat top center;
    background-size: 100% 100%;
}
.page2 .question_go_btn{
    width:12.9375rem;
    height:7.1875rem;
    position: absolute;
    left:50%;
    margin-left:-6.46875rem;
    top:50%;
    margin-top:5rem;
    display: block;
    z-index:3;
}
.page2 .wj2{
    width: 11.5625rem;
    height: 10.625rem;
    position: absolute;
    right: -5rem;
    top: 48%;
    z-index: 1;
}
.bg_mc2{
    width: 100%;
    height: 100%;
    background: url(../images/bg4.png) no-repeat top center;
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    z-index:2;
}
.page2 .bg_mc2{
    width: 100%;
    height: 100%;
    background: url(../images/bg2.png) no-repeat top center;
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    z-index:2;
}
.page3 .type{
    position: absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    bottom:0;
    right:0;
    display: none;
    z-index:1;
}
.page3 .type.active{
    display: block;
}
.page3 p.percent{
    color: #724E4E;
    padding-left: 2.5rem;
    top: 8%;
    position: relative;
    font-size: 1rem;
}
.page3 p.percent span{
    color: #CE2C00;
}
.page3 .question_box{
    width: 16.75rem;
    position: relative;
    top: 50%;
    left: 50%;
    /* min-height: 13rem; */
    margin-left: -8.375rem;
    margin-top: -12rem;
}
.page3 .quest_img{
    width:16.75rem;
    height:10.34375rem;
    display: block;
    position: relative;
    margin: 0 auto;
}
.page3 .question_txt{
    width: 16.3125rem;
    height: 1.5625rem;
    line-height: 1.5625rem;
    color: #5d5447;
    font-size: 1rem;
    text-align: center;
    z-index: 5;
}
.page3 .choose_box{
    width: 13.78125rem;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -6.890625rem;
    margin-top: 3rem;
}
.page3 .choose_box.on {
    margin-top: 1.2rem;
}
.page3 .choose_box2.on {
    margin-top: 1.2rem;
}
.page3 .choose_box a{
    width: 13.78125rem;
    height: 2.8rem;
    line-height: 2.8rem;
    text-align: center;
    text-decoration: none;
    display: block;
    color: #A65522;
    font-size: 0.865rem;
    font-weight: bolder;
    position: relative;
    margin: 0 auto;
    background: url(../images/a_on.png) no-repeat;
    background-size: 100% 100%;
    font-family: "webFont";
    -webkit-font-family: "webFont";
}
.page3 .choose_box a+a{
    margin-top:1rem;
}
.page3 .choose_box.on a+a {
    margin-top: 0.5rem;
}
.page3 .choose_box a.choose2{
    background: url(../images/b_on.png) no-repeat;
    background-size: 100% 100%;
}
.page3 .choose_box a.choose3{
    background: url(../images/c_on.png) no-repeat;
    background-size: 100% 100%;
}
.page3 .choose_box a.choose4{
    background: url(../images/c_on.png) no-repeat;
    background-size: 100% 100%;
}
.page3 .choose_box a.choose1.active{
    width:13.78125rem;
    height:2.8rem;
    display: block;
     position: relative;/*
    background: url(../images/a_on.png) no-repeat;
    background-size: 100% 100%;*/
}
.page3 .choose_box a.choose2.active{
    width:13.78125rem;
    height:2.8rem;
    display: block;
     position: relative;/*
    background: url(../images/b_on.png) no-repeat;
    background-size: 100% 100%;*/
}
.page3 .choose_box a.choose3.active{
    width:13.78125rem;
    height:2.8rem;
    display: block;/*
    background: url(../images/c_on.png) no-repeat;
    background-size: 100% 100%;*/
}
.page3 .choose_box a.choose4.active{
    width:13.78125rem;
    height:2.8rem;
    display: block;/*
    background: url(../images/c_on.png) no-repeat;
    background-size: 100% 100%;*/
}
.page3 .choose_box a.choose1.true{
    width:13.78125rem;
    height:2.8rem;
    color: #80D347;
    display: block;
     position: relative;
    background: url(../images/d.png) no-repeat;
    background-size: 100% 100%;
}
.page3 .choose_box a.choose2.true{
    width:13.78125rem;
    height:2.8rem;
    color: #80D347;
    display: block;
     position: relative;
    background: url(../images/d.png) no-repeat;
    background-size: 100% 100%;
}
.page3 .choose_box a.choose3.true{
    width:13.78125rem;
    height:2.8rem;
    color: #80D347;
    display: block; 
    background: url(../images/d.png) no-repeat;
    background-size: 100% 100%;
}
.page3 .choose_box a.choose4.true{
    width:13.78125rem;
    height:2.8rem;
    color: #80D347;
    display: block;
    background: url(../images/d.png) no-repeat;
    background-size: 100% 100%;
}
.page3 .choose_box a.choose1.false{
    width:13.78125rem;
    height:2.8rem;
    color: #d72020;
    display: block;
     position: relative;
    background: url(../images/a.png) no-repeat;
    background-size: 100% 100%;
}
.page3 .choose_box a.choose2.false{
    width:13.78125rem;
    height:2.8rem;
    color: #d72020;
    display: block;
     position: relative;
     background: url(../images/b.png) no-repeat;
    background-size: 100% 100%;
}
.page3 .choose_box a.choose3.false{
    width:13.78125rem;
    height:2.8rem;
    color: #d72020;
    display: block;
     background: url(../images/c.png) no-repeat;
    background-size: 100% 100%;
}
.page3 .choose_box a.choose4.false{
    width:13.78125rem;
    height:2.8rem;
    color: #d72020;
    display: block;
     background: url(../images/c.png) no-repeat;
    background-size: 100% 100%;
}
.page3 .choose_box2{
    width: 13.78125rem;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -6.890625rem;
    margin-top: 3rem;
    z-index: 5;
}
.page3 .choose_box2 a{
    width: 13.78125rem;
    height: 2.8rem;
    display: block;
    position: relative;
}
.page3 .choose_box2 a+a{
    margin-top:1rem;
}
.page3 .choose_box2.on a+a {
    margin-top: 0.5rem;
}
/*第四页*/
.page4,.page5{
    width:100%;
    height: 100%;
    position: absolute;
    top: 0;
    left:0;
}
.page4 .f1,.page5 .f1{
    position: absolute;
    left:0rem;
    top:0rem;
    width:6.125rem;
    height:2.59375rem;
    display: block;
    z-index:3;
}
.page4 .f2,.page5 .f2{
    position: absolute;
    right:0;
    top: 50%;
    width:2.625rem;
    height:4.25rem;
    display: block;
    z-index: 3;
    margin-top: -2rem;
}
.page4 .f3,.page5 .f3{
    position: absolute;
    right:0rem;
    bottom:0;
    width:8.34375rem;
    height:5.53125rem;
    display: block;
    z-index:3 !important;
}
.page4 .peo_11,.page5 .peo_11{
    opacity: .5;
    display: none;
}
.page4 .peo_11.active,.page5 .peo_11.active{
    display: block;
}
.page4 .zhezhao,.page5 .zhezhao{
    width:100%;
    height:100%;
    position: absolute;
    top:0;
    left:0;
    background: url(../images/bg33.png) no-repeat;
    background-size: 100% 100%;
    z-index:0;
}
.page4 .zhezhao img,.page5 .zhezhao img{
    z-index:1;
}
.page4 .zhezhao .zhezhao2,.page5 .zhezhao  .zhezhao2{
    width:100%;
    height:100%;
    position: absolute;
    top:0;
    left:0;
    z-index:2;
}
.page4 .s3,.page5 .s3{
    width: 7.53125rem;
    height: 3.125rem;
    position: absolute;
    top: 0.2rem;
    right: 1.2rem;
    z-index: 2;
}
.page4 .peo_11,.page5 .peo_11{
    width: 20.0rem;
    height: 34.5rem;
    position: relative;
    top: -3.5rem;
}
.page4 .peo_11.peo5,.page5 .peo_11.peo5{
    width: 18.8125rem;
    height: 36.75rem;
   left:0rem;
    top: 0;
}
.page4 .peo_11.peo6,.page5 .peo_11.peo6{
    width:25.4375rem;
    height:34.5rem;
   left: -10rem;
    top: 0;
}
.page4 .peo_11.peo7,.page5 .peo_11.peo7{
    height:29.03125rem;
   left: -5rem;
    top: 0;
}
.page4 .peo_11.peo8,.page5 .peo_11.peo8{
    width: 16.0rem;
    height: 26.375rem;
   left: -2rem;
    top: 0;
}
.page4 .peo.po1,.page5 .peo.po1{
    width: 12.5625rem;
    height: auto;
    position: absolute;
    left: 50%;
    margin-left: -6.03125rem;
    top: 50%;
    margin-top: -16rem;
}
.page4 .peo.po2,.page5 .peo.po2{
    width:13.0625rem;
    height:14.59375rem;
    position: absolute;
    left:50%;
    margin-left:-6.53125rem;
    top:50%;
    margin-top:-15.5rem;
}
.page4 .peo.po3,.page5 .peo.po3{
    width:14.65625rem;
    height:15.25rem;
    position: absolute;
    left:50%;
    margin-left:-7.328125rem;
    top:50%;
    margin-top:-16rem;
}
.page4 .peo.po4,.page5 .peo.po4{
    width:13.0625rem;
    height:15.09375rem;
    position: absolute;
    left:50%;
    margin-left:-6.53125rem;
    top:50%;
    margin-top:-16rem;
}
.page4 .peo.po5,.page5 .peo.po5{
    width:13.21875rem;
    height:15.0625rem;
    position: absolute;
    left:50%;
    margin-left:-6.734375rem;
    top:50%;
    margin-top:-16rem;
}
.page4 .peo.po6,.page5 .peo.po6{
    width: 13.71875rem;
    height: auto;
    position: absolute;
    left: 50%;
    margin-left: -7rem;
    top: 50%;
    margin-top: -16rem;
}
.page4 .peo.po7,.page5 .peo.po7{
    width:13.90625rem;
    height:15.84375rem;
    position: absolute;
    left:50%;
    margin-left:-6.953125rem;
    top:50%;
    margin-top:-16rem;
}
.page4 .peo.po8,.page5 .peo.po8{
    width:13.21875rem;
    height:15.0625rem;
    position: absolute;
    left:50%;
    margin-left:-6.734375rem;
    top:50%;
    margin-top:-16rem;
}
.page4 .peo_name,.page5 .peo_name{
    width: 9.78125rem;
    height: 0.5rem;
    line-height: 0.5rem;
    background: url(../images/name.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 50%;
    margin-left: -4.890625rem;
    top: 50%;
    margin-top:0.3rem;
    text-align: center;
    color:#f7c670;
    font-size: 0.9375rem;
}
.page4 .peo6_box .peo_name,.page5 .peo6_box .peo_name{
    margin-top: 0rem;
}
.page4 .act_name,.page5 .act_name{
    width: 13.09375rem;
    height: 2.8125rem;
    line-height: 2.8125rem;
    background: url(../images/name2.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 50%;
    margin-left: -6.546875rem;
    top: 50%;
    margin-top: 1.7rem;
    text-align: left;
    color: #f7c670;
    font-size: 0.9375rem;
    padding-left: 1.4rem;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.page4 .peo6_box .act_name,.page5 .peo6_box .act_name{
    margin-top: 1.2rem;
}
.page4 .act_info,.page5 .act_info{
    width: 70%;
    position: absolute;
    top: 50%;
    font-size: 0.6875rem;
    color: #f7c670;
    margin-top: 5.2rem;
    left: 50%;
    margin-left: -35%;
    line-height: 1.2rem;
}
.page4 .peo6_box .act_info,.page5 .peo6_box .act_info{
    margin-top: 4.2rem;
}
.page4 .peo_boxs,.page5 .peo_boxs{
    display: none;
}
.page4 .peo_boxs.active,.page5 .peo_boxs.active{
    display:block;
}
.page4 .ewm{
    width: 15.125rem;
    height: 5.46875rem;
    position: absolute;
    left: 50%;
    margin-left: -7.5625rem;
    bottom: 0.4rem;
    background: url(../images/ewm2.png) no-repeat;
    background-size: 100% 100%;
    z-index:5;
}
.page4 .ewm img{
    width: 3.7125rem;
    height: 3.7125rem;
    position: absolute;
    left: 1.69rem;
    top: 0.2rem;
}
.page4 .ewm p{
    width: 5.625rem;
    position: absolute;
    left: 5.69rem;
    top: 1rem;
    line-height: 1.2rem;
    text-align: center;
    color: #f7c670;
    font-size: 0.6875rem;
}
.page4 .ewm p.test{
    top: 2.2rem;
}
/*音乐*/
.music_play{
    position: absolute !important;
    width:2.0rem;
    height:2.0rem;
    right: 1rem;
    top: 0.8rem;
    display: block;
    background: url(../images/musicicon.png) no-repeat;
    background-size: 100% 100%;
    transition: all .3s;
    -webkit-transition: all .3s;
    animation: xuanzhuan 6s linear infinite;
    -webkit-animation: xuanzhuan 6s linear infinite;
    z-index: 99;
}
.music_play.active{
    position: absolute !important;
    width:2.0rem;
    height:2.0rem;
    right: 1rem;
    top: 0.8rem;
    display: block;
    background: url(../images/musicicon_25.png) no-repeat;
    background-size: 100% 100%;
    transition: all 0s;
    -webkit-transition: all 0s;
    animation: xuanzhuan 0s linear infinite;
    -webkit-animation: xuanzhuan 0s linear infinite;
    z-index: 99;
}
@-webkit-keyframes xuanzhuan {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes xuanzhuan {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/*横竖屏提示*/
#orientLayer { display: none; }
@media screen and (min-aspect-ratio: 13/9) { #orientLayer { display: block; } }
.mod-orient-layer { display: none; position: fixed; height: 100%; width: 100%; left: 0; top: 0; right: 0; bottom: 0; background: #000; z-index: 9997 }
.mod-orient-layer__content { position: absolute; width: 100%; top: 45%; margin-top: -75px; text-align: center }
.mod-orient-layer__icon-orient {background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIYAAADaCAMAAABU68ovAAAAXVBMVEUAAAD29vb////x8fH////////x8fH5+fn29vby8vL////5+fn39/f6+vr////x8fH////////+/v7////09PT////x8fH39/f////////////////////x8fH///+WLTLGAAAAHXRSTlMAIpML+gb4ZhHWn1c2gvHBvq1uKJcC6k8b187lQ9yhhboAAAQYSURBVHja7d3blpowFIDhTUIAOchZDkre/zE7ycySrbUUpsRN2/1fzO18KzEqxEVgTiZNfgmmtxRc8iaR8HNe8x4BtjQePKayYCIoyBSgvNNE1AkNSHqZyLqk97EgUCCHBzZ5mkg7ScvIJuIyOyXBRFxgpqWZyGsAZLB1KjsJi8nutHU4JCRbFRH8tmirI9k8Jx2sqNs8K/m0LQkrktO2crgcgXGB4AiTEsB0hJfo9MGgX7CGcYiYwQxmMOOvZwRhBG8tCoMXjBDeXvWCEcHbi14wgCBmMIMZzGAGM5jxETNwzMAxA8cMHDNwzMAxA8cMHDNwzMAxA8cMHDNwzMAxY6E2rUQxnH2tz9cirlJFwFBJedaPnUv0M7++egPDE8iAJcIDmxwH5wwv9vUviw2kLbVO3TJU5uul/EyB0FoLp4x60PdGUd3qPurrWyjGGTc05u+1dcgI7/+tCCPARWGhH7o5Y7RCf+bH9ctXLp6v2BVDxfqz0oPXeSVaNtINo/1SXDv4dck8IIkbhtC2ol+iouEonTBCbYvVMnXOjxww6s/RFrBUpXHh/gw1rHj5d/qhYn9Gpk2FWh6xRBRX5Oj3Znh2Sq49/L6+y8pB26q9GbE2dbA2mVbx6I+7MfBglLCttm73ZQi7AD3iL4HqjFYJHSPRppqaUaJ3ATpGa+ckpGak2hRRMyqjGMkvl+xyFeSMwjAqcsZgGDdyhl0oNTnDN4yenJGZFGxNChP5/Y3efh6SM2rDOJMzboYxkDMqwyjIGcIw6F+io2FU1IxIm1JqRmgXSkvNKNCXeTpGrU0JNSO2c6LIGPgCS8AuDHz9ta0SXWDtxoDRH+MqlbC2Dt2G2JFRadtQZt2qq/orGowdGb2euxYiqWEpVWhTBnszoNAPdStuQwxqf0aocdWKW4Z+DfszIh8pxJqbuCE4YAC+4bm0evtipjpgJHeFnyyt1Ku2xa0bhjxr27p75rECNwyI9ZwvXkHq+7aTaMEV44YYy/spfgjgjNHaWW+GeUhGEX7tLlVinIFDDSgnOwhi1V6bU0b6tVS9eAERe863g4dRrtiHdc6o+nn5vtyVVgR79Cqt4uL6gfHPQyGqtP2vf7HADGbcYwaOGThm4JiBYwaOGThm4JiBYwaOGThm4JiBYwaOGThm4JiBYwaOGThm4JjhtOM+J/AgT008yDMkN/dPP9hzS8zAMQN3OEYeekp5YU7KOKXwVXqiY+QS7smcinGKABWdiBgpPJTSMHJ4KidhhPBUSMLw4CmPhKHgKUXCkHsygum71ftNSgCX6bsl8FQyfbcL5EdYsDk0R3j7aiA5wpt5AjKg/2gLJEBD/0Hf2OOf/vRrj6z/7GtP4B3nMKyjHA12kIPSjnJs3FEO0TvKkYJHOWCR+rjJH0Vn6fI5PjNbAAAAAElFTkSuQmCC');display: inline-block; width: 67px; height: 109px;
	transform: rotate(90deg); -webkit-transform: rotate(90deg); -webkit-animation: rotation infinite 1.5s ease-in-out; animation: rotation infinite 1.5s ease-in-out; -webkit-background-size: 67px; background-size: 67px }
.mod-orient-layer__desc { margin-top: 20px; font-size: 15px; color: #fff }
/* 样式放在结尾，防止 base64 图片造成拥塞 */
@-webkit-keyframes rotation {
	10% { transform: rotate(90deg); -webkit-transform: rotate(90deg) }
	50%, 60% { transform: rotate(0deg); -webkit-transform: rotate(0deg) }
	90% { transform: rotate(90deg); -webkit-transform: rotate(90deg) }
	100% { transform: rotate(90deg); -webkit-transform: rotate(90deg) }
}
@keyframes rotation {
	10% { transform: rotate(90deg); -webkit-transform: rotate(90deg) }
	50%, 60% { transform: rotate(0deg); -webkit-transform: rotate(0deg) }
	90% { transform: rotate(90deg); -webkit-transform: rotate(90deg) }
	100% { transform: rotate(90deg); -webkit-transform: rotate(90deg) }
}

@-webkit-keyframes xuanzhuan {
	from {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes xuanzhuan {
	from {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

/*down动效*/
@-webkit-keyframes start {
	0%,30% {opacity: 0;-webkit-transform: translate(0,-10px);}
	60% {opacity: 1;-webkit-transform: translate(0,0);}
	100% {opacity: 0;-webkit-transform: translate(0,8px);}
}
@-moz-keyframes start {
	0%,30% {opacity: 0;-webkit-transform: translate(0,-10px);}
	60% {opacity: 1;-webkit-transform: translate(0,0);}
	100% {opacity: 0;-webkit-transform: translate(0,8px);}
}
@keyframes start {
	0%,30% {opacity: 0;-webkit-transform: translate(0,-10px);}
	60% {opacity: 1;-webkit-transform: translate(0,0);}
	100% {opacity: 0;-webkit-transform: translate(0,8px);}
}
@-ms-keyframes start {
	0%,30% {opacity: 0;-webkit-transform: translate(0,-10px);}
	60% {opacity: 1;-webkit-transform: translate(0,0);}
	100% {opacity: 0;-webkit-transform: translate(0,8px);}
}

/*继续箭头动效*/
@-webkit-keyframes start1 {
	0%,30% {opacity: 0;-webkit-transform: translate(0,8px);}
	60% {opacity: 1;-webkit-transform: translate(-4px,0);}
	100% {opacity: 0;-webkit-transform: translate(-6px,-10px);}
}
@-moz-keyframes start1 {
	0%,30% {opacity: 0;-webkit-transform: translate(0,8px);}
	60% {opacity: 1;-webkit-transform: translate(-4px,0);}
	100% {opacity: 0;-webkit-transform: translate(-6px,-10px);}
}
@keyframes start1 {
	0%,30% {opacity: 0;-webkit-transform: translate(0,8px);}
	60% {opacity: 1;-webkit-transform: translate(-4px,0);}
	100% {opacity: 0;-webkit-transform: translate(-6px,-10px);}
}
@-ms-keyframes start1 {
	0%,30% {opacity: 0;-webkit-transform: translate(0,8px);}
	60% {opacity: 1;-webkit-transform: translate(-4px,0);}
	100% {opacity: 0;-webkit-transform: translate(-6px,-10px);}
}

/*灯笼动效*/
@keyframes sway {
	0%{
		transform:rotate(-5deg);
		-ms-transform:rotate(-5deg);
		-moz-transform:rotate(-5deg);
		-webkit-transform:rotate(-5deg);
		-o-transform:rotate(-5deg);
	}
	100% {
		transform:rotate(5deg);
		-ms-transform:rotate(5deg);
		-moz-transform:rotate(5deg);
		-webkit-transform:rotate(5deg);
		-o-transform:rotate(5deg);
	}
}
@-webkit-keyframes sway {
	0%{
		transform:rotate(-5deg);
		-ms-transform:rotate(-5deg);
		-moz-transform:rotate(-5deg);
		-webkit-transform:rotate(-5deg);
		-o-transform:rotate(-5deg);
	}
	100% {
		transform:rotate(5deg);
		-ms-transform:rotate(5deg);
		-moz-transform:rotate(5deg);
		-webkit-transform:rotate(5deg);
		-o-transform:rotate(5deg);
	}
}
@-moz-keyframes sway {
	0%{
		transform:rotate(-5deg);
		-ms-transform:rotate(-5deg);
		-moz-transform:rotate(-5deg);
		-webkit-transform:rotate(-5deg);
		-o-transform:rotate(-5deg);
	}
	100% {
		transform:rotate(5deg);
		-ms-transform:rotate(5deg);
		-moz-transform:rotate(5deg);
		-webkit-transform:rotate(5deg);
		-o-transform:rotate(5deg);
	}
}
@-ms-keyframes sway {
	0%{
		transform:rotate(-5deg);
		-ms-transform:rotate(-5deg);
		-moz-transform:rotate(-5deg);
		-webkit-transform:rotate(-5deg);
		-o-transform:rotate(-5deg);
	}
	100% {
		transform:rotate(5deg);
		-ms-transform:rotate(5deg);
		-moz-transform:rotate(5deg);
		-webkit-transform:rotate(5deg);
		-o-transform:rotate(5deg);
	}
}
/*登录按钮动效*/
@keyframes pop {
	0%{
		transform:scale(.9,.9);
		-ms-transform:scale(.9,.9);
		-moz-transform:scale(.9,.9);
		-webkit-transform:scale(.9,.9);
		-o-transform:scale(.9,.9);
	}
	50% {
		transform:scale(0.95,1.1);
		-ms-transform:scale(0.95,1.1);
		-moz-transform:scale(0.95,1.1);
		-webkit-transform:scale(0.95,1.1);
		-o-transform:scale(0.95,1.1);
	}
	100% {
		transform:scale(.9,.9);
		-ms-transform:scale(.9,.9);
		-moz-transform:scale(.9,.9);
		-webkit-transform:scale(.9,.9);
		-o-transform:scale(.9,.9);
	}
}
@-webkit-keyframes pop {
	0%{
		transform:scale(.9,.9);
		-ms-transform:scale(.9,.9);
		-moz-transform:scale(.9,.9);
		-webkit-transform:scale(.9,.9);
		-o-transform:scale(.9,.9);
	}
	50% {
		transform:scale(0.95,1);
		-ms-transform:scale(0.95,1);
		-moz-transform:scale(0.95,1);
		-webkit-transform:scale(0.95,1);
		-o-transform:scale(0.95,1);
	}
	100% {
		transform:scale(.9,.9);
		-ms-transform:scale(.9,.9);
		-moz-transform:scale(.9,.9);
		-webkit-transform:scale(.9,.9);
		-o-transform:scale(.9,.9);
	}
}
@-moz-keyframes pop {
	0%{
		transform:scale(.9,.9);
		-ms-transform:scale(.9,.9);
		-moz-transform:scale(.9,.9);
		-webkit-transform:scale(.9,.9);
		-o-transform:scale(.9,.9);
	}
	50% {
		transform:scale(0.95,1);
		-ms-transform:scale(0.95,1);
		-moz-transform:scale(0.95,1);
		-webkit-transform:scale(0.95,1);
		-o-transform:scale(0.95,1);
	}
	100% {
		transform:scale(.9,.9);
		-ms-transform:scale(.9,.9);
		-moz-transform:scale(.9,.9);
		-webkit-transform:scale(.9,.9);
		-o-transform:scale(.9,.9);
	}
}
@-ms-keyframes pop {
	0%{
		transform:scale(.9,.9);
		-ms-transform:scale(.9,.9);
		-moz-transform:scale(.9,.9);
		-webkit-transform:scale(.9,.9);
		-o-transform:scale(.9,.9);
	}
	50% {
		transform:scale(0.95,1);
		-ms-transform:scale(0.95,1);
		-moz-transform:scale(0.95,1);
		-webkit-transform:scale(0.95,1);
		-o-transform:scale(0.95,1);
	}
	100% {
		transform:scale(.9,.9);
		-ms-transform:scale(.9,.9);
		-moz-transform:scale(.9,.9);
		-webkit-transform:scale(.9,.9);
		-o-transform:scale(.9,.9);
	}
}
.share_bg{
	width:100%;
	height:100%;
	position:fixed;
	z-index:100;
	left:0;
	top:0;
}
@keyframes dialogLoading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
@-webkit-keyframes dialogLoading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  
@media(min-height:740px){
    .page1 .poster3 {
    height: 88%;
    }
    .page2 .poster3 {
    height: 5.9375rem;
    }
    .page1 .s1 {
    top: 5%;
    }
    .page1 .s2 {
    margin-top: 90%;
    }
    .page1 .start_btn {
    margin-top: 20%;
    }
    .page2 .poster5{
    height:88%;
}
.page2 .name_box{
    margin-top: 5.3rem;
}
.page2 .title2{
    margin-top: -2.8rem;
}
.page2 .title{
    margin-top:-10.1rem;
}
.page3 .timu {
    margin-left: -8.4rem;
}
}    
@media(max-height:630px){
.page1 .s2{
    margin-top:69%;
}
.page1 .start_btn {
    margin-top: 4%;
}
.page2 .poster4 {
    bottom: -1.9rem;
    width:18.375rem;
    height:34.375rem;
    margin-left:-9.2rem;
}
.page2 .name_box {
    margin-top: 3.6rem;
}
.page2 .title2{
    margin-top:-4.7rem;
}
.page2 .title{
    margin-top:-8.2rem;
}
.page4 .peo.po1, .page5 .peo.po1{
    margin-top: -14.5rem;
    width:12rem;
    height:auto;
    margin-left:-6rem;
}
.page4 .peo.po2, .page5 .peo.po2{
    margin-top: -13.5rem;
    width:12rem;
    height:auto;
    margin-left:-6rem;
}
.page4 .peo.po3, .page5 .peo.po3{
    margin-top: -13.5rem;
    width:13rem;
    height:auto;
    margin-left:-6.5rem;
}
.page4 .peo.po4, .page5 .peo.po4{
    margin-top: -14rem;
    width:12rem;
    height:auto;
    margin-left:-6rem;
}
.page4 .peo.po5, .page5 .peo.po5{
    margin-top: -13.8rem;
    width:12rem;
    height:auto;
    margin-left:-6rem;
}
.page4 .peo.po6, .page5 .peo.po6{
    margin-top: -14.1rem;
    width:12.5rem;
    height:auto;
    margin-left:-7.2rem;
}
.page4 .peo.po7, .page5 .peo.po7{
    margin-top: -14.5rem;
    width:13rem;
    height:auto;
    margin-left:-6.5rem;
}
.page4 .peo.po8, .page5 .peo.po8{
    margin-top: -14.2rem;
    width:12.5rem;
    height:auto;
    margin-left:-6.5rem;
}
.page4 .act_info, .page5 .act_info{
    line-height: 1rem;
}

.page4 .ewm{
    width: 13.84375rem;
    height: 5.0rem;
    position: absolute;
    left: 50%;
    margin-left: -6.8125rem;
    bottom: 0.3rem;
    background: url(../images/ewm2.png) no-repeat;
    background-size: 100% 100%;
    z-index: 5;
}
.page4 .ewm img{
    width: 3.4rem;
    height: 3.4rem;
    left: 1.54rem;
    top: 0.2rem;
}
.page4 .ewm p{
    width: 6.625rem;
    position: absolute;
    left: 4.8rem;
    top: 0.4rem;
    line-height: 1.2rem;
    text-align: center;
    color: #f7c670;
    font-size: 0.6rem;
}
.page4 .ewm p.test{
    top: 1.4rem;
}
}       
@keyframes dialogLoading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
@-webkit-keyframes dialogLoading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}