/* CSS Document */
body{-webkit-text-size-adjust:none; background:#010101;}
*{-webkit-text-size-adjust:none; font-size:12px; font-family:"微软雅黑"; margin:0; padding:0; outline:none;}
input,textarea,select{ font-size:100%;}ul{ list-style:none;}
a{ display:inline-block; border: medium none;display: inline-block;outline: medium none;text-decoration: none;-webkit-tap-highlight-color: rgba(0,0,0,0);}
.box img{ vertical-align:top; border:none; width:100%;}
.box{width:100%; height:100%;margin:0 auto; position:relative; display:none; background: #010101;}
.box .rel{ position:relative;}
.box .abs{position:absolute; }
.main{ position:relative; width:100%;}
.section{ position:relative; width:100%;overflow:hidden;}
img{ width:100%;}


.arrow{ display:none; position:fixed; bottom:10px; left:50%; width:60px; margin-left:-30px; z-index:6;animation:2s ease 0s normal none infinite fadeInDown; -webkit-animation:2s ease 0s normal none infinite fadeInDown;}
.btn_pause{position:fixed; width:12%; top:10px; right:10px; z-index:38;}
.btn_play{ -webkit-transform-origin:center center;transform-origin:center center;animation:2s linear 0s normal none infinite runAround; -webkit-animation:2s linear 0s normal none infinite runAround;}
.loading{ position:absolute; top:450px; left:50%;z-index:99; width:415px; margin-left:-207px; display:block;}
.loadBg{ width:100%; margin-bottom:24px; position:relative;}
.loadhint{ text-align:center; color:#fff; font-size:60px;}
.apply_box{ position: absolute;top: 365px; left: 27%;width: 57%;}
.apply_box li{ height: 135px; width: 100%;}
.apply_box li input{ width: 100%; height: 105px; color: #fff; font-size: 40px; border: none; background: none; }
.btn_submit{ position: absolute;top: 66.7%; left: 11%; width: 75%;}
.false{background: #666;}
.false img{ opacity: 0.4;}
.main span{width: 100%; left: 0; }
.page1_txt1{ top: 19.4%;}
.page1_img{  top: 37.5%;}
.page1_txt2{ top: 68.1%;}
.page1_txt3{ top: 75.9%;}

.active .page1_txt1{animation: fadeInUp 0.4s 0.3s linear both; -webkit-animation: fadeInUp 0.4s 0.3s linear both;}
.active .page1_img{animation: bounceIn 0.8s 0.7s linear both; -webkit-animation: bounceIn 0.8s 0.7s linear both;}
.active .page1_txt2{animation: fadeInLeft 0.8s 1.4s ease both; -webkit-animation: fadeInLeft 0.8s 1.4s ease both;}
.active .page1_txt3{animation: fadeInRight 0.8s 1.4s ease both; -webkit-animation: fadeInRight 0.8s 1.4s ease both;}

.page2_txt1{ top: 19.4%;}
.page2_txt2{ top: 27.9%;}
.page2_txt3{ top: 44.9%;}
.page2_txt4{ top: 86.4%;}

.active .page2_txt1{animation: fadeInUp 0.4s 0.6s linear both; -webkit-animation: fadeInUp 0.6s 0.6s linear both;}
.active .page2_txt2{animation: fadeInLeft 0.8s 1s ease both; -webkit-animation: fadeInLeft 0.8s 1s ease both;}
.active .page2_txt3{animation: fadeInRight 0.8s 1s ease both; -webkit-animation: fadeInRight 0.8s 1s ease both;}
.active .page2_txt4{animation: showInDown 0.8s 1.8s ease both; -webkit-animation: showInDown 0.8s 1.8s ease both;}


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


@keyframes runAround { 
    from{transform:rotate(0deg)}
	to{transform:rotate(360deg)}
}
@-webkit-keyframes fadeInDown {
	0%,30% { opacity: 0; -webkit-transform: translate3d(0,10px,0);}
    60% { opacity: 1; -webkit-transform: translate3d(0,0,0); }
    100% { opacity: 0; -webkit-transform: translate3d(0,-10px,0);}
}


@keyframes fadeInDown { 
    0%,30% { opacity: 0; transform: translate3d(0,10px,0);}
    60% { opacity: 1; transform: translate3d(0,0,0); }
    100% { opacity: 0; transform: translate3d(0,-10px,0);}
}

@-webkit-keyframes fadeInUp {
  0% {opacity: 0;-webkit-transform: translate3d(0,-20px,0);transform: translate3d(0,-20px,0);}
  100% {opacity: 1;-webkit-transform: none;transform: none;}
}

@keyframes fadeInUp {
    0% {opacity: 0;-webkit-transform: translate3d(0,-20px,0);transform: translate3d(0,-20px,0);}
    100% {opacity: 1;-webkit-transform: none;transform: none;  }
}

@-webkit-keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
            transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
            transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
            transform: scale3d(.97, .97, .97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
            transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
            transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
            transform: scale3d(.97, .97, .97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
@-webkit-keyframes fadeInLeft {
  0% {opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}
  100% {opacity: 1;-webkit-transform: none;transform: none;}
}

@keyframes fadeInLeft {
    0% {opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}
    100% {opacity: 1;-webkit-transform: none;transform: none;  }
}

@-webkit-keyframes fadeInRight {
  0% {opacity: 0;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}
  100% {opacity: 1;-webkit-transform: none;transform: none;}
}

@keyframes fadeInRight {
  0% {opacity: 0;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}
  100% {opacity: 1;-webkit-transform: none;transform: none;}
}
@-webkit-keyframes showInDown {
	0% {opacity: 0;-webkit-transform: translate3d(0,20px,0);transform: translate3d(0,20px,0);}
  100% {opacity: 1;-webkit-transform: none;transform: none;}
}


@keyframes showInDown { 
    0% {opacity: 0;-webkit-transform: translate3d(0,20px,0);transform: translate3d(0,20px,0);}
  100% {opacity: 1;-webkit-transform: none;transform: none;}
}