@charset "gb2312";
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
}

html, body, fieldset, img, iframe, abbr {
    border: 0
}

li {
    list-style: none
}

textarea {
    overflow: auto;
    resize: none
}

a, button {
    cursor: pointer
}

h1, h2, h3, h4, h5, h6, em, strong, b {
    font-weight: 700
}

a, a:hover {
    text-decoration: none
}

body, html {
    width: 100%;
    font-weight: 400;
    /*display: -webkit-box;*/
    /*-webkit-box-orient: vertical;*/
    /*-webkit-box-align: center;*/
}

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    font-family: "Microsoft YaHei", "Helvetica Neue", Arial, HelveticaNeue, Helvetica, "BBAlpha Sans", sans-serif
}

body {
    background: #fefefe;
    opacity: 1;
    -webkit-transition: opacity 500ms ease-in;
    transition: opacity 500ms ease-in
}

a {
    text-decoration: none
}

input {
    -webkit-appearance: none
}

* {
    outline: 0;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-focus-ring-color: rgba(0, 0, 0, 0)
}

p, a, li, span, input {
    font-size: .28rem
}

h1 {
    font-size: .32rem
}

h2 {
    font-size: .34rem
}

h3 {
    font-size: .3rem
}

h4 {
    font-weight: 400;
    font-size: .3rem
}

h5 {
    font-size: .28rem
}

textarea {
    font-size: 24px
}

a {
    color: #434343
}

html {
    font-size: 312.5%
}

@media screen and (max-width: 359px) and (orientation: portrait) {
    html {
        font-size: 266.67%
    }
}

@media screen and (min-width: 360px) and (max-width: 374px) and (orientation: portrait) {
    html {
        font-size: 300%
    }
}

@media screen and (min-width: 384px) and (max-width: 399px) and (orientation: portrait) {
    html {
        font-size: 320%
    }
}

@media screen and (min-width: 400px) and (max-width: 413px) and (orientation: portrait) {
    html {
        font-size: 333.33%
    }
}

@media screen and (min-width: 414px) and (max-width: 431px) and (orientation: portrait) {
    html {
        font-size: 345%
    }
}

@media screen and (min-width: 432px) and (max-width: 479px) and (orientation: portrait) {
    html {
        font-size: 360%
    }
}

@media screen and (min-width: 480px) and (max-width: 639px) and (orientation: portrait) {
    html {
        font-size: 400%
    }
}

@media screen and (min-width: 640px) {
    html {
        font-size: 533.33%
    }
}

body, html {
    background-color: #000;
}

.bottom-part {
    height: 1.2rem;
    min-width: 320px;
    max-width: 640px;
    width: 100%;
    position: fixed;
    bottom: 0px;
    left: 0;
    right: 0;
    margin-left:auto;
    margin-right:auto;
    color: #fff;
    z-index: 10;
    background: url(../img/banner.jpg);
    background-size: 100%;
}

.download-bottom {
    width: 3rem;
    height: 1rem;
    left: 50%;
    top:.15rem;
    margin-left: .7rem;
    position: absolute;
}
.download-btn-jc{
    width: 6.2rem;
    height: 3.8rem;
    left: 50%;
    top: 2.2rem;
    margin-left: -3.1rem;
    position: absolute;
    z-index: 10;
}

.target{
    background: url(../img/target.png) no-repeat center;
    background-size: 100%;
    width: 2.5rem;
    height: 2.5rem;
    left: 50%;
    top: 3rem;
    margin-left: -2.2rem;
    position: absolute;
    animation: move 2.3s linear infinite;
    -webkit-animation: move 2.3s linear infinite;
}

@-webkit-keyframes move {
    0% {top:3rem; margin-left: -2.2rem;}
    20% {top:4.2rem; margin-left: -2.8rem;}
    60% {top:4.4rem; margin-left: -.5rem;}
    100% {top:3rem; margin-left: -2.2rem;}
}
@-moz-keyframes move{
    0% {top:3rem; margin-left: -2.2rem;}
    20% {top:4.2rem; margin-left: -2.8rem;}
    60% {top:4.4rem; margin-left: -.5rem;}
    100% {top:3rem; margin-left: -2.2rem;}
}
@-o-keyframes move{
    0% {top:3rem; margin-left: -2.2rem;}
    20% {top:4.2rem; margin-left: -2.8rem;}
    60% {top:4.4rem; margin-left: -.5rem;}
    100% {top:3rem; margin-left: -2.2rem;}
}
@keyframes move{
    0% {top:3rem; margin-left: -2.2rem;}
    20% {top:4.2rem; margin-left: -2.8rem;}
    60% {top:4.4rem; margin-left: -.5rem;}
    100% {top:3rem; margin-left: -2.2rem;}
}
@-ms-keyframes move{
    0% {top:3rem; margin-left: -2.2rem;}
    20% {top:4.2rem; margin-left: -2.8rem;}
    60% {top:4.4rem; margin-left: -.5rem;}
    100% {top:3rem; margin-left: -2.2rem;}
}


.download-btn {
    width: 6rem;
    height: 3.6rem;
    left: 50%;
    top: 23.6rem;
    margin-left: -3rem;
    position: absolute;
    z-index: 10;
}
.download-btn1 {
    width: 6rem;
    height: 3.6rem;
    left: 50%;
    top: 31.5rem;
    margin-left: -3rem;
    position: absolute;
    z-index: 10;
}

.finger{
    background: url(../img/finger.gif) no-repeat center 0;
    background-size: 100%;
    width: 1.4rem;
    height: 1.5rem;
    left: 50%;
    top: 10.8rem;
    margin-left: 0.5rem;
    /*z-index: 11;*/
    position: absolute;
}


.download-btn-2 {
    /*background: url(../img/anniu.gif) no-repeat center center;*/
    background-size: 100%;
    width: 4rem;
    height: 1.8rem;
    left: 50%;
    top: 10.5rem;
    margin-left: -2rem;
    position: absolute;
    animation: float 1s linear infinite;
    -webkit-animation: float 1s linear infinite;
}

.download-btn-4 {
    /*background: url(../img/anniu.gif) no-repeat center center;*/
    background-size: 100%;
    width: 5rem;
    height: 1rem;
    left: 50%;
    top: 16.5rem;
    margin-left: -2rem;
    position: absolute;
    animation: float 1s linear infinite;
    -webkit-animation: float 1s linear infinite;
}
.download-btn-5 {
    /*background: url(../img/anniu.gif) no-repeat center center;*/
    background-size: 100%;
    width: 5rem;
    height: 1rem;
    left: 50%;
    top: 30.4rem;
    margin-left: -2rem;
    position: absolute;
    animation: float 1s linear infinite;
    -webkit-animation: float 1s linear infinite;
}

.download-btn-6 {
    background: url(../img/anniu.gif) no-repeat center center;
    background-size: 100%;
    width: 6rem;
    height: 1.8rem;
    left: 50%;
    top: 28rem;
    margin-left: -3rem;
    position: absolute;
    animation: float 1s linear infinite;
    -webkit-animation: float 1s linear infinite;
}

.download-btn-3 {
    /*background: url(../img/anniu.gif) no-repeat center center;*/
    background-size: 100%;
    width: 6rem;
    height: 0.8rem;
    left: 50%;
    top: 28.1rem;
    margin-left: -3rem;
    position: absolute;
    animation: float 1s linear infinite;
    -webkit-animation: float 1s linear infinite;
}

@-webkit-keyframes float {
    0% {background-size: 80%;}
    25% {background-size: 90%;}
    50% {background-size: 100%;}
    75% {background-size: 90%;}
    100% {background-size: 80%;}
}
@-moz-keyframes float{
    0% {background-size: 80%;}
    25% {background-size: 90%;}
    50% {background-size: 100%;}
    75% {background-size: 90%;}
    100% {background-size: 80%;}
}
@-o-keyframes float{
    0% {background-size: 80%;}
    25% {background-size: 90%;}
    50% {background-size: 100%;}
    75% {background-size: 90%;}
    100% {background-size: 80%;}
}
@keyframes float{
    0% {background-size: 80%;}
    25% {background-size: 90%;}
    50% {background-size: 100%;}
    75% {background-size: 90%;}
    100% {background-size: 80%;}
}
@-ms-keyframes float{
    0% {background-size: 80%;}
    25% {background-size: 90%;}
    50% {background-size: 100%;}
    75% {background-size: 90%;}
    100% {background-size: 80%;}
}

.download-btn-pic{
    width: 5.4rem;
    height: 3.2rem;
    left: 50%;
    top: 19rem;
    margin-left: -2.7rem;
    position: absolute;
    z-index: 10;
}

/*.light{
    background: url(../img/light.gif) no-repeat center;
    background-size: 100%;
    width: 1.58rem;
    height: 1.84rem;
    left: 50%;
    top:31.35rem;
    margin-left: -1.6rem;
    position: absolute;
}*/
/*.download-btn-light{*/
/*width: 1.58rem;*/
/*height: 1.84rem;*/
/*left: 50%;*/
/*top:31.35rem;*/
/*margin-left: -1.6rem;*/
/*position: absolute;*/
/*z-index: 10;*/
/*}*/

.contact-btn {
    /*background: url(../img/dl-btn-b.png) no-repeat center center;*/
    /*background-size: 100%;*/
    width: 1.2rem;
    height: .4rem;
    left: 50%;
    top: 35.8rem;
    margin-left: -.6rem;
    position: absolute;
}

.container {
    background: url(../img/c-bg.jpg) no-repeat center 0;
    background-size: 100%;
    min-width: 320px;
    max-width: 640px;
    height: 37.4rem;
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
}