/*-----------------------------全局样式-------------------------------------*/
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,span,a,input,textarea,p,blockquote,th,td,header,nav,footer,article,section,aside,time,figure{margin:0;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}
h1,h2,h3,h4,h5,h6{font-weight:normal}
ul{list-style:none}
legend{display:none}
fieldset,img{border:none;vertical-align:middle}
em,cite,i{font-style:normal}
input,button,textarea{outline:none;border:0;vertical-align:middle;border:0;font-family:Arial}
input[type="submit"],input[type="reset"],input[type="button"],button {-webkit-appearance:none;border-radius:0}
select{-webkit-appearance:none;-moz-appearance:none;appearance:none}
textarea{resize:none}
html{height:100%;-webkit-text-size-adjust:none;overflow:hidden;font-size:16px}
body{font-family:Arial;position:relative;margin:auto;color:#000;word-break:break-all;height:100%;overflow:hidden;background:#3399ff;box-shadow:#ccc 0 0 160px;max-width:640px;font-size:0.75em}
body a{color:#000;text-decoration:none;cursor:pointer}
body a:hover,body a:active,body a:focus{text-decoration:none;outline:none}
/*-----------------------------框架-------------------------------------*/
.swiper-container{overflow:hidden;width:100%;height:100%;position:absolute;left:0;top:0;max-width:640px;right:0;margin:auto}
.swiper-slide{width:100%;height:100%;overflow:hidden;position:relative}
.page{width:100%;height:100%;position:absolute;left:0;top:0;overflow:hidden}
.auto-x{position:absolute;left:0;right:0;margin:auto}
.auto-y{position:absolute;top:0;bottom:0;margin:auto}
.bg{width:100%}
img{display:block;width:100%}
.natural img{/*max-width:100%;*/width:auto;margin:0 auto}
.animate{opacity:0}
.hidden{visibility:hidden}
.home{position:absolute;width:40px;height:40px;right:15px;bottom:15px}
.on .home{animation:heart 1s ease infinite;-webkit-animation:heart 1s ease infinite}
@keyframes heart{0%{transform:none}50%{transform:scale(1.2)}100%{transform:none}}
@-webkit-keyframes heart{0%{-webkit-transform:none}50%{-webkit-transform:scale(1.2)}100%{-webkit-transform:none}}
/*-----------------------------加载中-------------------------------------*/
.loading{height:5px;width:150px;background:#fff;bottom:100px}
.loadings{width:0;height:100%;background:#e550a4}
#percent{width:100%;text-align:center;color:#fff;line-height:30px}
/*-----------------------------翻屏提示-------------------------------------*/
.page-tip{position:absolute;left:0;right:0;bottom:0;width:22px;height:14px;margin:auto;display:none;z-index:1000}
.ups{width:22px;height:14px;background:url(../images/ups.png) no-repeat;background-size:100%;z-index:100;animation:up 1.5s ease-in infinite;-webkit-animation:up 1.5s ease-in infinite;position:absolute;left:0;bottom:5px}
@keyframes up{0%{transform:translateY(0);opacity:0}50%{transform:translateY(-10px);opacity:1}100%{transform:translateY(-20px);opacity:0}}
@-webkit-keyframes up{0%{-webkit-transform:translateY(0);opacity:0}50%{-webkit-transform:translateY(-10px);opacity:1}100%{-webkit-transform:translateY(-20px);opacity:0}}
/*-----------------------------第一屏-------------------------------------*/
.page-1{background-color:#3399ff}
.page-1:before{position:absolute;content:"";left:0;width:100%;top:1px;height:5px;background:url(../images/top-1.png) no-repeat;background-size:100%}
.page-1:after{position:absolute;content:"";left:0;width:100%;bottom:0;height:4px;background:url(../images/bottom-1.png) no-repeat;background-size:100%}
.boy{width:47%;position:absolute;left:0;top:37.5%;transform:translateX(-300px);-webkit-transform:translateX(-300px)}
.which{width:86.41%;position:absolute;left:11%;top:11%;transform:scale(0);-webkit-transform:scale(0);transform-origin:left bottom;-webkit-transform-origin:left bottom}
.pc{width:48%;position:absolute;right:6%;top:53%;transform:scale(0);-webkit-transform:scale(0)}
.pc>div{position:absolute}
.pc>div.bg{position:relative}
.which-1{width:24.5%;left:3.5%;top:3.9%;transform:translate(139%,125%) scale(0);-webkit-transform:translate(139%,125%) scale(0)}
.which-2{width:26.5%;left:34%;top:-15.5%;transform:translate(10%,118%) scale(0);-webkit-transform:translate(10%,118%) scale(0)}
.which-3{width:27%;right:0;top:-28%;transform:translate(-136%,113%) scale(0);-webkit-transform:translate(-136%,113%) scale(0)}
.which-4{width:26%;right:-11%;top:11%;transform:translate(-182%,84%) scale(0);-webkit-transform:translate(-182%,84%) scale(0)}
.which-5{width:10%;right:-6%;top:65%;transform:translate(-493%,378%) scale(0);-webkit-transform:translate(-493%,378%) scale(0)}
.which-6{width:16%;right:9%;bottom:-27.6%;transform:translate(-208%,307%) scale(0);-webkit-transform:translate(-208%,307%) scale(0)}
.which-7{width:14.5%;left:4%;top:100%;transform:translate(315%,200%) scale(0);-webkit-transform:translate(355%,200%) scale(0)}
.which-8{width:14%;left:32%;top:-45%;transform:translate(75%,251%) scale(0);-webkit-transform:translate(75%,251%) scale(0)}
.on .boy{-webkit-transition:-webkit-transform 0.3s ease;transition:transform 0.3s ease;transform:translateX(0);-webkit-transform:translateX(0)}
.on .pc{-webkit-transition:-webkit-transform 0.3s cubic-bezier(.17,.67,.72,1.37) 0.3s;transition:transform 0.3s cubic-bezier(.17,.67,.72,1.37) 0.3s;transform:scale(1);-webkit-transform:scale(1)}
.on .pc>div{-webkit-transition:-webkit-transform 0.3s cubic-bezier(.17,.67,.72,1.37);transition:transform 0.3s cubic-bezier(.17,.67,.72,1.37);transform:translate(0,0) scale(1);-webkit-transform:translate(0,0) scale(1)}
.on div.which-1{-webkit-transition-delay:0.5s;transition-delay:0.5s}
.on div.which-2{-webkit-transition-delay:0.7s;transition-delay:0.7s}
.on div.which-3{-webkit-transition-delay:0.9s;transition-delay:0.9s}
.on div.which-4{-webkit-transition-delay:1.1s;transition-delay:1.1s}
.on div.which-5{-webkit-transition-delay:1.3s;transition-delay:1.3s}
.on div.which-6{-webkit-transition-delay:1.5s;transition-delay:1.5s}
.on div.which-7{-webkit-transition-delay:1.7s;transition-delay:1.7s}
.on div.which-8{-webkit-transition-delay:1.9s;transition-delay:1.9s}
.on .which{-webkit-transition:-webkit-transform 0.6s cubic-bezier(.23,1.81,.28,.82) 2.2s;transition:transform 0.6s cubic-bezier(.23,1.81,.28,.82) 2.2s;transform:scale(1);-webkit-transform:scale(1)}
/*-----------------------------第二屏-------------------------------------*/
.page-2{background:#33ccff url(../images/bg-2.jpg) no-repeat center bottom;background-size:100%}
.tech{width:94%;position:absolute;left:2%;top:47%;opacity:0}
.app{width:40%;position:absolute;left:4%;top:4%;transform:translateX(400px);-webkit-transform:translateX(400px)}
.apple{width:88%;position:absolute;left:10%;top:19%;transform-origin:left bottom;-webkit-transform-origin:left bottom;transform:scale(0);-webkit-transform:scale(0)}
.apple img{transform-origin:left bottom;-webkit-transform-origin:left bottom}
.on .tech{-webkit-transition:opacity 0.8s linear;transition:opacity 0.8s linear;opacity:1}
.on .app{-webkit-transition:-webkit-transform 0.6s cubic-bezier(.23,1.81,.28,.82) 0.5s;transition:transform 0.6s cubic-bezier(.23,1.81,.28,.82) 0.5s;transform:translateX(0);-webkit-transform:translateX(0)}
.on .apple{-webkit-transition:-webkit-transform 0.6s cubic-bezier(.23,1.81,.28,.82) 1.2s;transition:transform 0.6s cubic-bezier(.23,1.81,.28,.82) 1.2s;transform:scale(1);-webkit-transform:scale(1)}
/*-----------------------------第三屏-------------------------------------*/
.page-3{background:#3399ff url(../images/bg-3.jpg) no-repeat center top;background-size:100%}
.page-3:before{position:absolute;content:"";left:0;width:100%;top:1px;height:5px;background:url(../images/top-1.png) no-repeat;background-size:100%}
.page-3:after{position:absolute;content:"";left:0;width:100%;bottom:0;height:4px;background:url(../images/bottom-1.png) no-repeat;background-size:100%}
.bian{width:41%;left:17%;top:25%;position:absolute;opacity:0;transform:translateX(-200px);-webkit-transform:translateX(-200px)}
.cry{position:absolute;top:25%;right:16%;width:14%;transform:scale(0);-webkit-transform:scale(0)}
.where{width:41%;position:absolute;top:9.5%;left:31%;transform:scale(0);-webkit-transform:scale(0);transform-origin:right bottom;-webkit-transform-origin:right bottom}
.not{position:absolute;width:74%;left:13%;top:46%;opacity:0;transform:translateY(100px);-webkit-transform:translateY(100px)}
.on .bian{-webkit-transition:all 0.3s cubic-bezier(.23,1.81,.28,.82);transition:all 0.3s cubic-bezier(.23,1.81,.28,.82);opacity:1;transform:translateX(0);-webkit-transform:translateX(0)}
.on .cry{-webkit-transition:-webkit-transform 0.3s cubic-bezier(.23,1.81,.28,.82) 0.3s;transition:transform 0.3s cubic-bezier(.23,1.81,.28,.82) 0.3s;transform:scale(1);-webkit-transform:scale(1)}
.on .where{-webkit-transition:-webkit-transform 0.3s cubic-bezier(.23,1.81,.28,.82) 0.6s;transition:transform 0.3s cubic-bezier(.23,1.81,.28,.82) 0.6s;transform:scale(1);-webkit-transform:scale(1)}
.on .not{-webkit-transition:all 0.3s ease 0.9s;transition:all 0.3s ease 0.9s;opacity:1;transform:translateY(0);-webkit-transform:translateY(0)}
/*-----------------------------第四屏-------------------------------------*/
.no{position:absolute;left:8%;top:12%;transform:scale(0);-webkit-transform:scale(0);width:16%}
.no-title{position:absolute;left:110%;top:4%;opacity:0;transform:translateX(100px);-webkit-transform:translateX(100px);width:400%}
.no-title img{margin:0}
.page-4{background-color:#32ccfe}
.page-4:before{position:absolute;content:"";left:0;width:100%;top:0;height:4px;background:url(../images/top-1.png) no-repeat;background-size:100%}
.page-4:after{position:absolute;content:"";left:0;width:100%;bottom:0;height:4px;background:url(../images/bottom-1.png) no-repeat;background-size:100%}
.no-0{width:18%}
.no-0 .no-title{width:350%;left:96%}
.x{position:absolute;width:79%;top:26%;right:6%;transform-origin:45% 55%;-webkit-transform-origin:45% 55%;transform:scale(0);-webkit-transform:scale(0)}
.x-1{position:absolute;width:40%;left:-11%;top:1%;-webkit-transform-origin:45% 55%;transform:scale(0);-webkit-transform:scale(0)}
.x-2{position:absolute;width:38%;right:2%;top:8%;-webkit-transform-origin:45% 55%;transform:scale(0);-webkit-transform:scale(0)}
.x-3{position:absolute;width:30%;right:11%;bottom:-15%;-webkit-transform-origin:45% 55%;transform:scale(0);-webkit-transform:scale(0)}
.x-4{position:absolute;width:34%;left:-4%;bottom:-28%;-webkit-transform-origin:45% 55%;transform:scale(0);-webkit-transform:scale(0)}
.on .x{-webkit-transition:all 0.3s cubic-bezier(.23,1.81,.28,.82) 0.6s;transition:all 0.3s cubic-bezier(.23,1.81,.28,.82) 0.6s;transform:scale(1);-webkit-transform:scale(1);opacity:1}
.on .x-1{-webkit-transition:all 0.3s cubic-bezier(.23,1.81,.28,.82) 0.9s;transition:all 0.3s cubic-bezier(.23,1.81,.28,.82) 0.9s;transform:scale(1);-webkit-transform:scale(1);opacity:1}
.on .x-2{-webkit-transition:all 0.3s cubic-bezier(.23,1.81,.28,.82) 1.1s;transition:all 0.3s cubic-bezier(.23,1.81,.28,.82) 1.1s;transform:scale(1);-webkit-transform:scale(1);opacity:1}
.on .x-3{-webkit-transition:all 0.3s cubic-bezier(.23,1.81,.28,.82) 1.3s;transition:all 0.3s cubic-bezier(.23,1.81,.28,.82) 1.3s;transform:scale(1);-webkit-transform:scale(1);opacity:1}
.on .x-4{-webkit-transition:all 0.3s cubic-bezier(.23,1.81,.28,.82) 1.5s;transition:all 0.3s cubic-bezier(.23,1.81,.28,.82) 1.5s;transform:scale(1);-webkit-transform:scale(1);opacity:1}
/*-----------------------------第五屏-------------------------------------*/
.page-5{background-color:#33ccff}
.page-5:before{position:absolute;content:"";left:0;width:100%;top:0;height:4px;background:url(../images/top-2.png) no-repeat;background-size:100%}
.page-5:after{position:absolute;content:"";left:0;width:100%;bottom:0;height:4px;background:url(../images/bottom-2.png) no-repeat;background-size:100%}
.no-1{width:23%}
.no-1 .no-title{width:240%;top:10%}
.txt-1{color:#fff;position:absolute;font-size:1.16em;line-height:1.5;left:15%;top:34%;opacity:0;transform:translateY(-100px);-webkit-transform:translateY(-100px)}
.yidong{width:58%;position:absolute;top:49%;transform:scale(0);-webkit-transform:scale(0)}
.czjf{width:48%;position:absolute;left:70%;top:54%;transform:scale(3);-webkit-transform:scale(3);opacity:0;transform-origin:center bottom;-webkit-transform-origin:center bottom}
.on .txt-1{-webkit-transition:all 0.3s cubic-bezier(.23,1.81,.28,.82) 0.6s;transition:all 0.3s cubic-bezier(.23,1.81,.28,.82) 0.6s;opacity:1;transform:translateY(0);-webkit-transform:translateY(0)}
.on .yidong{-webkit-transition:-webkit-transform 0.3s cubic-bezier(.23,1.81,.28,.82) 0.9s;transition:transform 0.3s cubic-bezier(.23,1.81,.28,.82) 0.9s;transform:scale(1);-webkit-transform:scale(1)}
.on .czjf{-webkit-transition:all 0.3s cubic-bezier(.23,1.81,.28,.82) 1.2s;transition:all 0.3s cubic-bezier(.23,1.81,.28,.82) 1.2s;transform:scale(1);-webkit-transform:scale(1);opacity:1}
/*-----------------------------第六屏-------------------------------------*/
.page-6{background-color:#3399ff}
.page-6:before{position:absolute;content:"";left:0;width:100%;top:0;height:4px;background:url(../images/top-2.png) no-repeat;background-size:100%}
.page-6:after{position:absolute;content:"";left:0;width:100%;bottom:0;height:4px;background:url(../images/bottom-2.png) no-repeat;background-size:100%}
.no-2{top:13%;width:11%;left:15%}
.no-2 .no-title{width:610%;top:10%}
.sj{width:47%;top:43%;transform:scale(0);-webkit-transform:scale(0)}
.fdj{position:absolute;width:76%;top:70%;left:60%;transform:scale(3);-webkit-transform:scale(3);opacity:0}
.on .txt-2{-webkit-transition:all 0.3s cubic-bezier(.23,1.81,.28,.82) 0.6s;transition:all 0.3s cubic-bezier(.23,1.81,.28,.82) 0.6s;opacity:1;transform:translateY(0);-webkit-transform:translateY(0)}
.on .sj{-webkit-transition:-webkit-transform 0.3s cubic-bezier(.23,1.81,.28,.82) 0.9s;transition:transform 0.3s cubic-bezier(.23,1.81,.28,.82) 0.9s;transform:scale(1);-webkit-transform:scale(1)}
.on .fdj{-webkit-transition:all 0.3s cubic-bezier(.23,1.81,.28,.82) 1.2s;transition:all 0.3s cubic-bezier(.23,1.81,.28,.82) 1.2s;transform:scale(1);-webkit-transform:scale(1);opacity:1}
/*-----------------------------第七屏-------------------------------------*/
.page-7{background-color:#33ccff}
.page-7:before{position:absolute;content:"";left:0;width:100%;top:0;height:4px;background:url(../images/top-2.png) no-repeat;background-size:100%}
.page-7:after{position:absolute;content:"";left:0;width:100%;bottom:0;height:4px;background:url(../images/bottom-2.png) no-repeat;background-size:100%}
.no-3{width:23%;left:8%}
.no-3 .no-title{width:208%;top:30%}
.www{width:44%;top:53%;right:6%;position:absolute;transform:scale(0);-webkit-transform:scale(0)}
.yh{position:absolute;width:181%;top:29%;left:-101%;transform:scale(0);-webkit-transform:scale(0);opacity:0;transform-origin:right bottom;-webkit-transform-origin:right bottom}
.on .www{-webkit-transition:-webkit-transform 0.3s cubic-bezier(.23,1.81,.28,.82) 0.9s;transition:transform 0.3s cubic-bezier(.23,1.81,.28,.82) 0.9s;transform:scale(1);-webkit-transform:scale(1)}
.on .yh{-webkit-transition:all 0.3s cubic-bezier(.23,1.81,.28,.82) 1.2s;transition:all 0.3s cubic-bezier(.23,1.81,.28,.82) 1.2s;transform:scale(1);-webkit-transform:scale(1);opacity:1}
/*-----------------------------第八屏-------------------------------------*/
.page-8{background-color:#3399ff}
.page-8:before{position:absolute;content:"";left:0;width:100%;top:0;height:4px;background:url(../images/top-2.png) no-repeat;background-size:100%}
.page-8:after{position:absolute;content:"";left:0;width:100%;bottom:0;height:4px;background:url(../images/bottom-2.png) no-repeat;background-size:100%}
.no-4{width:20%;left:12%}
.no-4 .no-title{width:240%;top:30%}
.shouji{width:86%;top:53%;right:0;position:absolute;transform:scale(0);-webkit-transform:scale(0)}
.hand{position:absolute;width:48%;top:33%;left:31%;transform:translateX(100px);-webkit-transform:translateX(100px);opacity:0}
.on .shouji{-webkit-transition:-webkit-transform 0.3s cubic-bezier(.23,1.81,.28,.82) 0.9s;transition:transform 0.3s cubic-bezier(.23,1.81,.28,.82) 0.9s;transform:scale(1);-webkit-transform:scale(1)}
.on .hand{-webkit-transition:all 0.8s ease 1.2s;transition:all 0.8s ease 1.2s;transform:translateX(0);-webkit-transform:translateX(0);opacity:1}
/*-----------------------------第九屏-------------------------------------*/
.page-9{background-color:#33ccff}
.page-9:before{position:absolute;content:"";left:0;width:100%;top:0;height:4px;background:url(../images/top-2.png) no-repeat;background-size:100%}
.page-9:after{position:absolute;content:"";left:0;width:100%;bottom:0;height:4px;background:url(../images/bottom-2.png) no-repeat;background-size:100%}
.no-5{width:12%;left:15%}
.no-5 .no-title{top:30%;width:420%}
.y{width:82%;top:33%}
.y li{position:relative;width:100%;margin-bottom:20%}
.y li:after{content:"";display:block;clear:both;visibility:hidden}
.y p{display:table;width:72%;background:#3399ff;color:#fff;border-radius:10px;position:absolute;left:0;top:10px}
.y span{display:table-cell;vertical-align:middle;padding:5%}
.y li:first-child img{float:right;position:relative;z-index:10;width:25%}
.y li:nth-of-type(2) img{float:left;position:relative;z-index:10;width:15%}
.y li:nth-of-type(2) p{right:0;left:auto;width:82%;top:-16px}
.y li:nth-of-type(3) img{float:right;position:relative;z-index:10;margin-right:20px;width:11%}
.y li:nth-of-type(3) p{width:76%;top:0}
.y li:first-child{transform:translateX(-100px);-webkit-transform:translateX(-100px);opacity:0}
.y li:nth-of-type(2){transform:translateX(100px);-webkit-transform:translateX(100px);opacity:0}
.y li:nth-of-type(3){transform:translateX(-100px);-webkit-transform:translateX(-100px);opacity:0}
.on .y li{-webkit-transition:all 0.6s ease 0.6s;transition:all 0.6s ease 0.6s;transform:translateX(0);-webkit-transform:translateX(0);opacity:1}
/*-----------------------------第十屏-------------------------------------*/
.page-10{background-color:#3399ff}
.page-10:before{position:absolute;content:"";left:0;width:100%;top:0;height:4px;background:url(../images/top-2.png) no-repeat;background-size:100%}
.page-10:after{position:absolute;content:"";left:0;width:100%;bottom:0;height:4px;background:url(../images/bottom-2.png) no-repeat;background-size:100%}
.no-6{width:14%;left:20%}
.no-6 .no-title{width:200%;top:40%}
.he{width:62%;top:47%;transform:scale(0);-webkit-transform:scale(0)}
.fei{position:absolute;width:48%;top:44%;left:66%;transform:translateX(100px);-webkit-transform:translateX(100px);opacity:0}
.on .he{-webkit-transition:-webkit-transform 0.3s cubic-bezier(.23,1.81,.28,.82) 0.9s;transition:transform 0.3s cubic-bezier(.23,1.81,.28,.82) 0.9s;transform:scale(1);-webkit-transform:scale(1)}
.on .fei{-webkit-transition:all 0.8s ease 1.2s;transition:all 0.8s ease 1.2s;transform:translateX(0);-webkit-transform:translateX(0);opacity:1}
/*-----------------------------第十一屏-------------------------------------*/
.page-11{background-color:#33ccff}
.page-11:before{position:absolute;content:"";left:0;width:100%;top:0;height:4px;background:url(../images/top-2.png) no-repeat;background-size:100%}
.page-11:after{position:absolute;content:"";left:0;width:100%;bottom:0;height:4px;background:url(../images/bottom-2.png) no-repeat;background-size:100%}
.no-7 .no-title{width:340%}
.ys{width:82%;top:33%}
.ys li{position:relative;width:100%;margin-bottom:14%}
.ys li:after{content:"";display:block;clear:both;visibility:hidden}
.ys p{display:table;width:72%;background:#3399ff;color:#fff;border-radius:10px;position:absolute;left:0;top:10px}
.ys span{display:table-cell;vertical-align:middle;padding:4%}
.ys li:first-child img{float:right;position:relative;z-index:10;width:23%}
.ys li:nth-of-type(2) img{float:left;position:relative;z-index:10;width:23%}
.ys li:nth-of-type(2) p{right:0;left:auto;width:74%;top:22px}
.ys li:nth-of-type(3) img{float:right;position:relative;z-index:10;width:27%}
.ys li:nth-of-type(3) p{width:72%;top:14px}
.ys li:first-child{transform:translateX(-100px);-webkit-transform:translateX(-100px);opacity:0}
.ys li:nth-of-type(2){transform:translateX(100px);-webkit-transform:translateX(100px);opacity:0;margin-bottom:54px}
.ys li:nth-of-type(3){transform:translateX(-100px);-webkit-transform:translateX(-100px);opacity:0}
.on .ys li{-webkit-transition:all 0.6s ease 0.6s;transition:all 0.6s ease 0.6s;transform:translateX(0);-webkit-transform:translateX(0);opacity:1}
/*-----------------------------第十二屏-------------------------------------*/
.page-12{background-color:#3399ff}
.page-12:before{position:absolute;content:"";left:0;width:100%;top:0;height:4px;background:url(../images/top-2.png) no-repeat;background-size:100%}
.page-12:after{position:absolute;content:"";left:0;width:100%;bottom:0;height:4px;background:url(../images/bottom-2.png) no-repeat;background-size:100%}
.no-8{width:20%}
.no-8 .no-title{width:320%;top:20%}
.dn{width:65%;top:53%;transform:scale(0);-webkit-transform:scale(0)}
.cz{position:absolute;width:50%;top:54%;left:73%;transform:scale(3);-webkit-transform:scale(3);opacity:0}
.on .dn{-webkit-transition:-webkit-transform 0.3s cubic-bezier(.23,1.81,.28,.82) 0.9s;transition:transform 0.3s cubic-bezier(.23,1.81,.28,.82) 0.9s;transform:scale(1);-webkit-transform:scale(1)}
.on .cz{-webkit-transition:all 0.3s cubic-bezier(.23,1.81,.28,.82) 1.2s;transition:all 0.3s cubic-bezier(.23,1.81,.28,.82) 1.2s;transform:scale(1);-webkit-transform:scale(1);opacity:1}
/*-----------------------------第十三屏-------------------------------------*/
.page-13{background:#33ccff url(../images/bg-13.jpg) no-repeat center bottom;background-size:100%}
.page-13:before{position:absolute;content:"";left:0;width:100%;top:0;height:4px;background:url(../images/top-2.png) no-repeat;background-size:100%}
.txt-2{color:#fff;position:absolute;left:15%;top:30%;opacity:0;transform:translateY(-100px);-webkit-transform:translateY(-100px);line-height:1.5;font-size:1.17em}
.end{width:84%;top:45%;transform:scale(0);-webkit-transform:scale(0)}
.on .no{-webkit-transition:-webkit-transform 0.3s cubic-bezier(.23,1.81,.28,.82);transition:transform 0.3s cubic-bezier(.23,1.81,.28,.82);transform:scale(1);-webkit-transform:scale(1)}
.on .no-title{-webkit-transition:all 0.3s cubic-bezier(.23,1.81,.28,.82) 0.3s;transition:all 0.3s cubic-bezier(.23,1.81,.28,.82) 0.3s;opacity:1;transform:translateX(0);-webkit-transform:translateX(0)}
.on .txt-2{-webkit-transition:all 0.3s cubic-bezier(.23,1.81,.28,.82) 0.6s;transition:all 0.3s cubic-bezier(.23,1.81,.28,.82) 0.6s;opacity:1;transform:translateY(0);-webkit-transform:translateY(0)}
.on .end{-webkit-transition:-webkit-transform 0.3s cubic-bezier(.23,1.81,.28,.82) 0.9s;transition:transform 0.3s cubic-bezier(.23,1.81,.28,.82) 0.9s;transform:scale(1);-webkit-transform:scale(1)}
body a{color:#ffcd62 !important}
/*-----------------------------屏幕适配-------------------------------------*/
/*for iphone4 weixin*/
@media screen and (max-height:503px){
.no-full-top img{position:relative;height:auto;top:0}
.no-full-center img{position:relative;height:auto;top:-88px}
.no-full-bottom img{position:relative;height:auto;top:-176px}
.swiper-slide>.page{transform:translateY(-40px) scale(0.9);-webkit-transform:translateY(-40px) scale(0.9);height:120%}
/*-----------------------------第一屏-------------------------------------*/
}
/*for android-360 weixin*/
@media screen and (min-width:360px){
body{font-size:0.84375em}
}
/*for iphone6 weixin*/
@media screen and (min-width:375px){
body{font-size:0.87885em}
}
/*for iphone6 plus weixin*/
@media screen and (min-width:414px){
body{font-size:0.9703125em}
}
/*for pc or pad */
@media screen and (min-width:640px){
body{font-size:1.5em}
}