*{
    padding:0;
    margin:0;
}
html, body, .wrap-page {
  height: 100%;
}
body {
    font-family: 'Microsoft YaHei','SimHei','SimSun';
    font-size: 0.95em;
}
img { border: 0; vertical-align: middle;}
.wrap-page {
  -webkit-overflow-scrolling: touch;
}
.inner{width:90%;margin:auto;}
@media screen and (min-width: 768px){
	.wrap-page{width: 680px;margin:auto;}
}
@media screen and (max-width: 767px){
	.wrap-page{width: 100%;margin:auto;}
}
.inner{text-align: center;}
.fadearrow{
    -webkit-animation: fadeInDown 1s infinite linear;
    animation: fadeInDown 1s infinite linear;
}
#t1,#t2,#t3,#t4,#t5,#t6,#t7,#t8,#t9,#t10,#t11,#t12,#t13,#t14,#t15,#t16,#t17,#t18,#t19,#t20,#t21,#t22,#t23,#t24,#t25,#t26,#t27,#t28,#t29,#t30,#t31{opacity: 0;}
#t32,#t33,#t34,#t35,#t36,#t37,#t38,#t39,#t40,#t41,#t42,#t43,#t44,#t45,#t46,#t47{opacity: 0;}
#t48,#t49,#t50,#t51,#t52,#t53,#t133{opacity: 0;}

#loginDiv {
    background: url(../img/01_bg@2x.png) no-repeat center top;
    background-size: cover;
}
.bg_share_input {
    width: 80%;
    margin-left: 10%;
    margin-bottom: 5%;
    background-color: #fff;
    padding: 0.4rem 0;
}
.bg_share_btn {
    width: 80%;
    margin-left: 10%;
    margin-bottom: 5%;
}
.air-person {
    background: url(../img/P1_icon_person.png) no-repeat top center;
    background-size: 100% 100%;
    display: inline-block;
    vertical-align: top;
    width: 1.8rem;
    height: 2rem;
    margin-left: 0.3rem;
}
.air-key {
    background: url(../img/P1_icon_key.png) no-repeat top center;
    background-size: 100% 100%;
    display: inline-block;
    vertical-align: top;
    width: 1.5rem;
    height: 2rem;
    margin-left: 0.3rem;
}
.submit {
    display: block;
    cursor: pointer;
    width: 100%;
    font-family: 'Microsoft YaHei';
    font-size: 14px;
    color: #ffffff;
    border: none;
    border-radius: 0.2rem;
    background: url(../img/P7_bg_button@2x.png) no-repeat top center;
    background-size: 100% 100%;
    outline: none;
    padding: 1rem;
    font-weight: bold;
    /* background:#ed2025; */
    
}
.submit1 {
    display: block;
    cursor: pointer;
    width: 50%;
    font-family: 'Microsoft YaHei';
    font-size: 0.8rem;
    color: #ffffff;
    border: none;
    border-radius: 0.2rem;
    background: url(../img/02_button_details@2x.png) no-repeat top center;
    background-size: 100% 100%;
    outline: none;
    padding: 0.7rem;
    font-weight: bold;
    margin-left:25%;
}
.submit2 {
    display: block;
    cursor: pointer;
    width: 45%;
    font-family: 'Microsoft YaHei';
    font-size: 0.8rem;
    color: #ffffff;
    border: none;
    border-radius: 0.2rem;
    background: url(../img/02_button_awards@2x.png) no-repeat top center;
    background-size: 100% 100%;
    outline: none;
    padding: 0.6rem;
    font-weight: bold;
    margin-left:64%;
}
.submit3 {
    display: block;
    cursor: pointer;
    width: 50%;
    font-family: 'Microsoft YaHei';
    font-size: 0.8rem;
    color: #ffffff;
    border: none;
    border-radius: 0.2rem;
    background: url(../img/03_button@2x.png) no-repeat top center;
    background-size: 100% 100%;
    outline: none;
    padding: 0.6rem;
    font-weight: bold;
    margin-left:25%;
}
.submit4 {
    display: block;
    cursor: pointer;
    width: 100%;
    font-family: 'Microsoft YaHei';
    font-size: 0.8rem;
    color: #ffffff;
    border: none;
    border-radius: 0.2rem;
    background: url(../img/04_button@2x.png) no-repeat top center;
    background-size: 100% 100%;
    outline: none;
    padding: 0.6rem;
    font-weight: bold;

}
.air-input {
    display: inline-block;
    vertical-align: top;
    width: 75%;
    padding: 0px;
    outline: none;
    border:  none;
    font-family: 'Microsoft YaHei';
    font-size: 0.8rem;
    -webkit-box-shadow: inset 0 0 .1rem #ffffff;
    -moz-box-shadow: inset 0 0 .1rem #ffffff;
    box-shadow: inset 0 0 .1rem #ffffff;
    text-indent: 15px;
    color: black;
    font-size:14px;
    padding:3%;
}
#down{
    width: 20px;
    position:fixed;
    bottom:5px;
    left:50%;
    margin-left: -10px;
    -webkit-animation: bounce-down 1.5s linear infinite;
    animation: bounce-down 1.5s linear infinite;
}
@-webkit-keyframes bounce-down {
    25% {-webkit-transform: translateY(-3px);}
    50%, 100% {-webkit-transform: translateY(0);}
    75% {-webkit-transform: translateY(3px);}
   }
@keyframes bounce-down {
    25% {transform: translateY(-3px);}
    50%, 100% {transform: translateY(0);}
    75% {transform: translateY(3px);}
}
#t1 {opacity: 0;}
.section1{
    background: url(../img/P2_bg.png) no-repeat center top;
    background-size: cover;
}
.section11{
    background: url(../img/01_bg@2x.png) no-repeat center top;
    background-size: cover;
}
.section2{
    background: url(../img/P3_bg.png) no-repeat center top;
    background-size: cover;
}
.section3{
    background: url(../img/P3_bg.png) no-repeat center top;
    background-size: cover;
}
.section4{
    background: url(../img/02_bg@2x.png) no-repeat center top;
    background-size: cover;
}
.section5{
    background: url(../img/02_bg@2x.png) no-repeat center top;
    background-size: cover;
}
.section6{
    background: url(../img/02_bg@2x.png) no-repeat center top;
    background-size: cover;
}
.section7{
    background: url(../img/P7_bg.png) no-repeat center top;
    background-size: cover;
}
.share{
    background: url(../img/P7_bg.png) no-repeat center top;
    background-size: cover;
}
.section1 .inner img{width: 100%}
.section1 .txt {
    padding: 0px 0px 6px 0px;
    font-weight: bolder;
}
.section11 .inner img{width: 100%}
.section11 .txt {
    padding: 0px 0px 6px 0px;
   /*  font-weight: bolder; */
   font-size:15px;
}
.section11 .inner span {
    color: #dd514c;
    border-bottom: 1px solid #dd514c;
}
.txt div {
    padding-bottom:5px;
}
.section1 .inner span {
    color: #dd514c;
    border-bottom: 1px solid #dd514c;
}
.section2 .txt {
    padding: 0px 0px 6px 0px;
    font-weight: bolder;
}
.section2 .inner span {
    color: #dd514c;
    border-bottom: 1px solid #dd514c;
}
.section3 .txt {
    padding: 0px 0px 6px 0px;
    font-weight: bolder;
}
.section3 .inner span {
    color: #dd514c;
    border-bottom: 1px solid #dd514c;
}
.section4 .txt {
    padding: 0px 0px 6px 0px;
    font-weight: bolder;
}
.section4 .inner span {
    color: #dd514c;
    /* border-bottom: 1px solid #dd514c; */
}
.section5 .txt {
    padding: 0px 0px 6px 0px;
    font-weight: bolder;
}
.section5 .inner span {
    color: #dd514c;
   /*  border-bottom: 1px solid #dd514c; */
}
.section6 .txt {
    padding: 0px 0px 6px 0px;
    font-weight: bolder;
}
.section6 .inner span {
    color: #00c3fb;
    /* border-bottom: 1px solid #dd514c; */
}
.section7 .txt {
    padding: 0px 0px 6px 0px;
    font-weight: bolder;
}
.share .txt {
    padding: 0px 0px 6px 0px;
    font-weight: bolder;
}
.share .inner span {
    color: #dd514c;
    border-bottom: 1px solid #dd514c;
    font-size:20px
}

.modal-bg,.modal-bg1{
    position:absolute;
    left:0;right:0;
    top:0;bottom:0;
    z-index:100;
    background-color:rgba(50,50,50,0.5);
}
.margin-sm{
    display:block;
    margin:20px;
}
.modal{ 
    position: absolute;
    background-color: #fff;
    top: 30%;
    left: 5%;
    z-index: 101;
    border-radius: 5px;
    width: 90%;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);
}
.captcha{ 
    position:absolute;
    top: 32%;
    z-index:101;
    border-radius:3px;
    box-shadow:0 0 10px 0 rgba(0,0,0,0.3);
}
input{
    background: transparent;
    background-color: transparent;
    outline: none;
    color:#ffffff
}
input::-webkit-input-placeholder{color:#333;}
.section7 .txt1 {
    padding: 0px 0px 20px 0px;
}
.section7 .txt2 {
    padding: 20px 0px 6px 0px;
}
.display{
    display:none;
}
.moveCircle {
    -webkit-animation: moveCircle ease-in-out 1.2s both;
    animation: moveCircle ease-in-out 1.2s both;
}
@-webkit-keyframes moveCircle {
	0% { -webkit-transform: translateY(-80%);-webkit-opacity:0.1;}
	5% { -webkit-transform: translateY(-80%);-webkit-opacity:0.3;}
	35% { -webkit-transform: translateY(10%);-webkit-opacity:1;}
	60% { -webkit-transform: translateY(-13%);}
	65% { -webkit-transform: translateY(-13%);}
	100% { -webkit-transform: translateY(0%);}
}

@keyframes moveCircle {
	0% { -webkit-transform: translateY(-80%);-webkit-opacity:0.1;
		transform: translateY(-80%);opacity:0.1;}
	5% { -webkit-transform: translateY(-80%);-webkit-opacity:0.3;
		transform: translateY(-80%);opacity:0.3;}
	35% { -webkit-transform: translateY(10%);-webkit-opacity:1;
		transform: translateY(10%);opacity:1;}
	60% { -webkit-transform: translateY(-13%);transform: translateY(-13%);}
	65% { -webkit-transform: translateY(-13%);transform: translateY(-13%);}
	100% { -webkit-transform: translateY(0%);transform: translateY(0%);}
}
.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

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

    50% {
        opacity: 1
    }
}