@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;
}
input::-webkit-input-placeholder {
	color:rgba(117,67,44,.6);
	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{
	width: 100%;
    height:100%;
	background-repeat: no-repeat;
	position: relative;
	z-index: 1;
}
.page1,.page3,.page4,.page5{
	background:url(../images/bg1.jpg) no-repeat top center;
	background-size:100% 100%;
}
.page2{
	background: url(../images/bg2.jpg) no-repeat top center;
	background-size:100% 100%;
}
/*第一页*/
.page1 .poster{
    width: 100%;
    height: 24.375rem;
    position: absolute;
    top:-1rem;
    z-index:1;
}
.page1 .poster .s1{
    width: 11.0625rem;
    position: absolute;
    top: -0.5rem;
    left: 0rem;
    z-index: 3;
}
.page1 .poster .s2{
    width: 13.34375rem;
    position: absolute;
    top: 0;
    right: 0rem;
    z-index: 3;
}
.page1 .poster .s3{
    width: 9.0375rem;
    position: absolute;
    top: 7rem;
    left: 0rem;
    z-index: 2;
}
.page1 .poster .s4{
    width: 14.6875rem;
    position: absolute;
    top: 9rem;
    left: 1.1rem;
    z-index: 1;
}
.page1 .poster .s5{
    width: 9.6875rem;
    position: absolute;
    top: 8.1rem;
    right: -1.5rem;
    z-index: 2;
}
.page1 .test_go{
    width: 10.9375rem;
    height: 7.1875rem;
    position: absolute;
    left: 50%;
    margin-left: -5.46875rem;
    top: 50%;
    margin-top: 4.5rem;
    background: url(../images/btn.png) no-repeat top center;
    background-size: 100% 100%;
}
.page1 .test_go_btn{
    width:12.9375rem;
    height:7.1875rem;
    position: absolute;
    left:50%;
    margin-left:-6.46875rem;
    top:50%;
    margin-top:4.5rem;
    display: block;
    z-index:3;
}
.page1 .wj{
    width: 6.0625rem;
    position: absolute;
    left: 0;
    top: 58%;
    z-index: 1;
}
.page1 .game{
    width: 14.4375rem;
    position: absolute;
    right: -4.5rem;
    bottom: 0;
    z-index: 1;
}
.page1 .bg_mc{
    width: 100%;
    height: 100%;
    background: url(../images/bg1.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/yiny.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 .title{
    width:9.09375rem;
    height:2.65625rem;
    display:block;
    position: absolute;
    top:13%;
    left:50%;
    margin-left:-4.546875rem;
}
.page2 .rule{
    width:14.25rem;
    display:block;
    position: absolute;
    top:27%;
    left:50%;
    margin-left:-7.125rem;
}
.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/bg22.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 .result_img{
    width:16.75rem;
    height: 10.34375rem;
    position: absolute;
    top: 21%;
    left: 50%;
    margin-left: -8.375rem;
}
.page4 .result_text{
    width: 15.71875rem;
    height: 5.5rem;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: 1.88rem;
    left: 50%;
    margin-left: -7.859375rem;
    background: url(../images/result_text.png) no-repeat;
    background-size: 100% 100%;
}
.page4 .result_text p{
    text-align: center;
    height: 1rem;
    line-height: 1rem;
    position: relative;
    color: #5d5447;
    top: 0.3rem;
    font-size: 0.725rem;
    font-family: "SimHei";
}
.page4 .result_text p span{
    color: #DB564E;
    font-size: 0.87rem;
    font-weight:bolder;
}
.page4 .result_text p span.last{
    color: #000;
    font-size: 0.725rem;
    font-weight:bold;
}
.page4 .result_text p.on{
    top:1.4rem;
}
.page4 .result_text p.active{
    margin-top: -1.5rem;
}
.result_btn{
    width: 100%;
    height: 7.5625rem;
    position: absolute;
    left: 0;
    bottom: 0rem;
    background: url(../images/bg1.jpg) no-repeat top center;
    background-size: 100% auto;
    z-index: 5;
    background-position: 0 -409px;
    /*display: none;*/
}
.result_btn_go{
    width: 16.71875rem;
    height: 3.625rem;
    position: absolute;
    left: 50%;
    bottom: 3rem;
    margin-left: -8.359375rem;
    display: block;
    z-index:3;
    background: url(../images/btn_52.png) no-repeat top center;
    background-size: 100% 100%;
}
.csjg{
    width: 14rem;
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -7rem;
    top: 10%;
}
.ewm{
    width:5rem;
    height:5rem;
    display: block;
    position: absolute;
    left:50%;
    margin-left:-2.5rem;
    bottom:1.4rem;
}
.result_tree{
    width: 100%;
    height: 7.5625rem;
    position: absolute;
    left: 0;
    bottom: 0rem;
    background: url(../images/bg3.png) no-repeat;
    background-position: 0 -461px;
    z-index: 8;
    background-size: 100% auto;
}
.page6 img{
    width:100%;
    height:100%;
    position: absolute;
    top:0;
    right:0;
}
.page4 .ewm_text{
    text-align: center;
    font-size: 0.75rem;
    color: #DB564E;
    position: absolute;
    font-weight: 600;
    bottom: 6.4rem;
    width: 100%;
    letter-spacing:2px;
}
.page6 .wj{
    width: 6.0625rem;
    height:8rem;
    position: absolute;
    left: 0;
    bottom: 4rem;
    z-index: 6;
    right: auto;
    top: auto;
    background:url(../images/wj.png) no-repeat center;
    background-size: 100% 100%;
}
.page6 .game{
    width: 5.3125rem;
    height:12rem;
    position: absolute;
    right: 0rem;
    bottom: 3rem;
    z-index: 6;
    top: auto;
    background:url(../images/gane2.png) no-repeat center;
    background-size: 100% 100%;
}
.save{
    width: 100%;
    height:2rem;
    line-height:2rem;
    text-align: center;
    color: #fff;
    font-size: 0.725rem;
    z-index: 9;
    background: rgba(0,0,0,.7);
    position: fixed;
}
.bg_mc_trees{
    width: 100%;
    height: 7.5625rem;
    position: absolute;
    left: 0;
    bottom: 0rem;
    background: url(../images/yiny.png) no-repeat;
    background-position: 0 -487px;
    z-index: 8;
    background-size: 100% auto;
}
.bg_mc3{
    width: 100%;
    height: 100%;
    background: url(../images/bg3.png) no-repeat top center;
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    z-index:2;
}
.bg_mc4{
    width: 100%;
    height: 100%;
    background:url(../images/bg4.png) no-repeat top center;
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    z-index:2;
}
.page5 .wj{
    width: 5.0625rem;
    position: absolute;
    left: 0;
    top: 59%;
    z-index: 1;
}
.page5 .game{
    width: 4.3125rem;
    position: absolute;
    right: 0rem;
    bottom: 5rem;
    z-index: 1;
}
.page5 .final_img{
    width: 15.34375rem;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -3rem;
    margin-left: -7.671875rem;
}
.page5 .final_text{
    top: 7%;
    width: 16.8rem;
    margin: 0 auto;
    z-index: 10;
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8.4rem;
}
.page5 p{
    font-size: 1.1rem;
    color: #5d5447;
    height:1.7rem;
    line-height: 1.7rem;
    font-family: "SimHei";
    text-align: center;
}
.page5 .final_text span{
    color: #DD635A;
}
.page5 .download_btn{
width: 7.28125rem;
    position: absolute;
    bottom: 19%;
    left: 50%;
    margin-left: -3.640625rem;
}
.page5 .download_btn_go{
    width: 7.28125rem;
    height: 3.125rem;
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -3.640625rem;
    z-index: 2;
    bottom: 19%;
}
.page5 .final_info{
    width: 12rem;
    position: absolute;
    color: #5d5447;
    height: 1.5rem;
    line-height: 1.55rem;
    font-family: "SimHei";
    left: 50%;
    bottom: 21%;
    font-size: 0.9375rem;
    margin-left: -6rem;
    /* margin-top: 8rem; */
    text-align: center;
}
.page5 .final_info.on{
    bottom: 18%;
}
.btn_box,.btn_box_go,.btn_box2,.btn_box_go2{
    width: 15.71875rem;
    height: 3.2875rem;
    position: absolute;
    left: 50%;
    bottom: 4%;
    margin-left: -7.859375rem;
}
.btn_box2,.btn_box_go2{
    bottom: 3rem;
}
.btn_box img:nth-child(1){
    width:7.28125rem;
    float: left;
}
.btn_box img:nth-child(2){
    width:7.28125rem;
    float: right;
}
.btn_box2 img:nth-child(1){
    width: 100%;
    position: absolute;
    bottom: 0rem;
}
.btn_box2 img:nth-child(2){
    width:7.28125rem;
    float: right;
    position: relative;
}
.btn_box_go2{
   z-index:16;    
}
.btn_box_go2 a{
    width: 100%;
    display: block;
    height: 100%;
}

.btn_box_go{
   z-index:2;    
}
.btn_box_go a{
    width:7.28125rem;
    height:3.2875rem;
    float: left;
}
.btn_box_go a:nth-child(1){
    float:left;
}
.btn_box_go a:nth-child(2){
    float: right;
}
/*分享提示*/
.share_bg{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 15;
}
.share_bg img{
    width: 100%;
    height: 100%;
}
/*音乐*/
.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)}}