/* reset */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details,img{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{font:12px/1.14 arial,\5b8b\4f53;color:#333;outline:0;}
body{background:#fff;font-family:"Microsoft YaHei",\5fae\8f6f\96c5\9ed1,arial,\5b8b\4f53;}
a,a:hover{color:#333;}
html,body{overflow: hidden;width: 100%;height: 100%;}

.g-doc{
    position: relative;
    width: 100%;
    height: 100%;
}
.g-doc .m-sec{
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    -webkit-transition: -webkit-transform .7s;
    transition: transform .7s;
}
.m-sec{
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
}
.m-sec1{
     background: url("../images/sec1.jpg");
     background-size: 100%;
 }
.m-sec1 .u-logo{
    position: absolute;
    top: 7%;
    left: 5%;
    width: 6.5rem;
    height: 1.3rem;
    background: url("../images/logo.png");
    background-size: 100%;
}
.m-sec1 .u-word1{
    position: absolute;
    left: 50%;
    top: 25%;
    width: 10rem;
    height: 3.5rem;
    margin-left: -5rem;
    background: url("../images/sec1_wd1.png");
    background-size: 100%;
}
.m-sec1 .u-hand1{
    position: absolute;
    left: 20%;
    top: 41%;
    width: 10.4rem;
    height: 17rem;
}
.f-an1{
    -webkit-animation: downs 1s;
    animation: downs 1s;
}

.m-sec2{
    background: url("../images/sec2.jpg");
    background-size: 100%;
}
.m-sec2 .u-phone1{
    position: absolute;
    width: 100%;
    height: 11.5rem;
    top: 38%;
    left: 0;
}
.m-sec2 .u-word2{
    position: absolute;
    width:8rem;
    height: 5rem;
    top: 19%;
    left: 16%;
    background: url("../images/sec2_wds.jpg");
    background-size: 100%;
}
.m-sec3{
    background: url("../images/sec3.jpg");
    background-size: 100%;
}
.m-sec3 .u-word3{
    position: absolute;
    width: 10.5rem;
    height: 5.5rem;
    top: 17%;
    left: 20%;
}
.m-sec3 .u-word3 h2{
    font-size: .9rem;
    font-weight: normal;
    color: #252122;
    padding-bottom: .5rem;
    line-height: 1.4rem;
}
.m-sec3 .u-word3 .u-ico1{
    display: inline-block;
    width: 1.4rem;
    height: 1.4rem;
    vertical-align: middle;
    margin-right: .5rem;
    background: url("../images/sec3_ico.png");
    background-size: 100% 100%;
}
.m-sec3 .u-word3 li{
    font-size: .6rem;
    color: #757575;
    line-height: .9rem;
}
.m-sec3 .u-word3 li span{
    display: inline-block;
    width: .125rem;
    height: .125rem;
    vertical-align: middle;
    margin-right: .3rem;
    background: url("../images/dian.jpg");
    background-size: 100% 100%;
}

.m-sec3 .u-word3 p{
    font-size: .5rem;
    color: #a4a3a3;
    line-height: .7rem;
}
.m-sec3 .u-picss{
    position: absolute;
    top: 40%;
    left: 25%;
    width: 8rem;
    height: 11rem;
}
.f-left{
    -webkit-animation: lefts 1s;
    animation: lefts 1s;
}

.m-sec3 .u-bomt{
    position: absolute;
    top: 68%;
    left: 0;
    width: 100%;
    height: 9rem;
    background: url("../images/sec3_bo.png");
    background-size: 100%;
}
.m-sec4{
    background: url("../images/sec4.jpg");
    background-size: 100%;
}
.m-sec4 .u-canPays{
    position: absolute;
    top: 73%;
    left: 17%;
    width: 10.5rem;
    height: 3.75rem;
}
.m-sec4 .u-word4{
    position: absolute;
    width: 10.5rem;
    height: 5.5rem;
    top: 17%;
    left: 20%;
}
.m-sec4 .u-word4 h2{
    font-size: .9rem;
    font-weight: normal;
    color: #252122;
    padding-bottom: .5rem;
    line-height: 1.4rem;
}
.m-sec4 .u-word4 .u-ico2{
    display: inline-block;
    width: 1.4rem;
    height: 1.4rem;
    vertical-align: middle;
    margin-right: .5rem;
    background: url("../images/sec4_ico.png");
    background-size: 100% 100%;
}
.m-sec4 .u-word4 p{
    font-size: .6rem;
    line-height: .9rem;
    color: #757575;
}
.m-sec5{
    background: url("../images/sec5.jpg");
    background-size: 100%;
}
.m-sec5 .u-word5{
    position: absolute;
    width: 10.5rem;
    height: 5.5rem;
    top: 17%;
    left: 20%;
}
.m-sec5 .u-word5 h2{
    font-size: .9rem;
    font-weight: normal;
    color: #252122;
    padding-bottom: .5rem;
    line-height: 1.4rem;
}
.m-sec5 .u-word5 .u-ico3{
    display: inline-block;
    width: 1.4rem;
    height: 1.4rem;
    vertical-align: middle;
    margin-right: .5rem;
    background: url("../images/sec5_ico.png");
    background-size: 100% 100%;
}
.m-sec5 .u-word5 p{
    font-size: .6rem;
    line-height: .9rem;
    color: #757575;
}
.m-sec5 .u-anq{
    position: absolute;
    top: 33%;
    left: 15%;
    width: 11.5rem;
    height: 12.5rem;
}
.f-rigth{
    -webkit-animation: rights 1s;
    animation: rights 1s;
}

.m-sec6{
    background: url("../images/sec6.jpg");
    background-size: 100%;
}
.m-sec6 .u-word6{
    position: absolute;
    width: 10.5rem;
    height: 5.5rem;
    top: 20%;
    left: 20%;
}
.m-sec6 .u-word6 h2{
    font-size: .9rem;
    font-weight: normal;
    color: #252122;
    padding-bottom: .5rem;
    line-height: 1.4rem;
}
.m-sec6 .u-word6 .u-ico4{
    display: inline-block;
    width: 1.4rem;
    height: 1.4rem;
    vertical-align: middle;
    margin-right: .5rem;
    background: url("../images/sec6_ico.png");
    background-size: 100% 100%;
}
.m-sec6 .u-word6 p{
    font-size: .6rem;
    line-height: .9rem;
    color: #757575;
}
.m-sec6 .u-word6 p strong{
    font-weight: normal;
    color: #d03333;
}
.m-sec6 .u-mn{
    position: absolute;
    width: 100%;
    height: 10.5rem;
    top: 49%;
    left: 0;
}
.m-sec6 .u-hdxz{
    float: right;
    margin-top: .1rem;
    margin-right: 1rem;
    color: #757575;
    text-decoration: underline;
}
.m-sec6 .u-btn1{
    display: block;
    top: 40%;
    left: 20%;
    position: absolute;
    width: 3.35rem;
    height: 1.05rem;
    background: url("../images/btn1.png");
    background-size: 100% 100%;
}
.u-next{
    position: absolute;
    left: 50%;
    bottom: 5%;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: -0.525rem;
    background: url("../images/next.png");
    background-size: 100% 100%;
    -webkit-animation: pulse 1s infinite;
    animation: pulse 1s infinite;
}
.m-weixin{
    display: none;
    position: fixed;
    top: 2%;
    right: 3%;
    width: 5rem;
    z-index: 10;
    height: 4.9rem;
}
.isIos{
      background: url("../images/chickimgapp.png") no-repeat;
      background-size: 100%;
  }
.isAndroid{
    background: url("../images/chickimg.png") no-repeat;
    background-size: 100%;
}
/*弹窗*/
.m-pop{
    display: none;
    position: absolute;
    top: 5%;
    left: 50%;
    margin-left: -7.5rem;
    width: 14.2rem;
    z-index: 99;
    padding: .2rem .4rem;
    height: 18.1rem;
    background: #fff;
}
.m-pop .m-mn{
    position: relative;
}
.m-pop .u-close{
    position: absolute;
    top: 0;
    right: 0;
    width: .75rem;
    height: .75rem;
    background: url("../images/close.jpg");
    background-size: 100% 100%;
}
.m-pop h3{
    font-weight: normal;
    font-size: .6rem;
    color: #4f4f4f;
    line-height: .9rem;
}
.m-pop li{
    position: relative;
    font-size: .5rem;
    color: #797777;
    padding-left: .45rem;
    line-height: .87rem;
    padding-bottom: .3rem;
    text-align:justify;
    text-justify:inter-ideograph;
}
.m-pop li span{
    position: absolute;
    top: .2rem;
    left: 0;
    text-align: center;
    display: inline-block;
    width: .45rem;
    height: .45rem;
    line-height: .5rem;
    font-size: .4rem;
    color: #fff;
    vertical-align: middle;
    background: url("../images/lists.jpg");
    background-size: 100% 100%;
}
.m-qxty{
    display: none;
    position: absolute;
    top: 44%;
    left: 50%;
    margin-left: -5.5rem;
    width: 11rem;
    height: 7.125rem;
    padding-top: 2rem;
    background: rgba(0,0,0,0.7);
}
.m-qxty .m-mn{
    position: relative;
}
.m-qxty .u-close1{
    position: absolute;
    top: -39%;
    right: 2%;
    width: .82rem;
    height: .82rem;
    background: url("../images/close1.png");
    background-size: 100% 100%;
}
.m-qxty p{
    text-align: center;
    color: #fff;
    padding-bottom: .8rem;
}
.m-qxty a{
    display: inline-block;
    width: 4.45rem;
    height: 1.3rem;
    margin-left: .3rem;
    text-align: center;
    line-height: 1.3rem;
    border-radius: 1.3rem;
    background: #d03333;
    color: #fff;
}
.u-mark{
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 50;
    filter:alpha(opacity=60);
    -moz-opacity:0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
}
/**/
@-webkit-keyframes pulse{
    0% { bottom: 5%; }
    50% { bottom: 7%; }
    100% { bottom: 5%; }
}
@keyframes pulse {
    0% { bottom: 5%; }
    50% { bottom: 7%; }
    100% { bottom: 5%; }
}
/**/
@-webkit-keyframes rights{
    0% {
        transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
    }
    100% {
        transform: translateX(0);
        -webkit-transform: translateX(0);
    }
}
@keyframes right{
    0% {
        transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
    }
    100% {
        transform: translateX(0);
        -webkit-transform: translateX(0);
    }
}
/**/
@-webkit-keyframes lefts{
    0% {
        transform: translateX(100%);
        -webkit-transform: translateX(100%);
    }
    100% {
        transform: translateX(0);
        -webkit-transform: translateX(0);
    }
}
@keyframes lefts{
    0% {
        transform: translateX(100%);
        -webkit-transform: translateX(100%);
    }
    100% {
        transform: translateX(0);
        -webkit-transform: translateX(0);
    }
}
/**/
@-webkit-keyframes downs{
    0% {
        transform: translateY(100%);
        -webkit-transform: translateY(100%);
    }
    100% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
    }
}
@keyframes downs{
    0% {
        transform: translateY(100%);
        -webkit-transform: translateY(100%);
    }
    100% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
    }
}