@charset "utf-8";
*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:transparent;}
html{
    font-size:42.67px;
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:100%;
    text-size-adjust:100%;
    -webkit-tap-highlight-color:transparent;
}
@media screen and (min-width:360px){html{font-size:48px}}
@media screen and (min-width:375px){html{font-size:50px}}
@media screen and (min-width:414px){html{font-size:55.2px}}
@media screen and (min-width:480px){html{font-size:64px}}
@media screen and (min-width:750px){html{font-size:100px}}
body,html{
    margin:0;padding:0;
    height:100%;
    font-family:"Microsoft YaHei",sans-serif;
    color:#5f5f5f;
    position:relative;
    max-width: 750px;
    margin: 0 auto;
}
body{
    font-size:14px;
    background:#1e1809;
    background-size:cover;
    -webkit-background-size:cover;
    -webkit-text-size-adjust:100%;
}
h1,h2,h3,h4,h5,h6{font-weight:400}
body ::selection{color:#000;background-color:#1e1809;text-shadow:none}
body ::-moz-selection{color:#000;background-color:#1e1809;text-shadow:none}
a{
    -webkit-transition:all .6s;
    -o-transition:all .6s;
    transition:all .6s;
    -webkit-tap-highlight-color:transparent;
    touch-action:manipulation;
}
:active,:focus,:hover{outline:0!important}
::-webkit-scrollbar{width:0;height:12px;background-color:transparent}
::-webkit-scrollbar-track{background-color:#270532}
::-webkit-scrollbar-thumb{box-shadow:inset 0 0 6px rgba(0,0,0,.2);border-radius:2px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.2);background-color:#7600D0}
button{
    border:none;
    padding:0;
    background-color:transparent;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
}
input{outline:0;text-indent:.5em;-webkit-appearance:none;}
input.orangeInput{background:#f7941d;color:#fff;padding:0 25px;border:none;text-indent:0}
a{color:#666;text-decoration:none;outline:0}
a:focus,a:hover{color:#23527c}
a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
img,input{border:0;max-width:100%;height:auto;vertical-align:middle;margin:0;padding:0;-ms-interpolation-mode:bicubic}
img{
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    -webkit-user-drag:none;
    pointer-events:none;
}
h3{font-size:1.6rem}
td,th{font-size:1.4rem}
.board a:focus,.board a:hover{text-decoration:underline}
button,dd,dl,dt,h1,h2,h3,h4,h5,li,p,ul{margin:0;padding:0;list-style:none}
.main {
    width:100%;
    max-width:750px;
    background-color: #190411;
    position:absolute;
    top:0;
    left:0;
    z-index:1;
    overflow-x:hidden;
}

.main .top {
    width: 100%;
    height: 1.2rem;
    background: url('../images/top.gif') bottom center #190411 no-repeat;
    -webkit-background-size: 100% 1.2rem;
    background-size: 100% 1.2rem;
}


.main .banner_wrap {
    width: 100%;
    height: 8.2rem;
    background: url('../images/bg_banner.png') top center #190411 no-repeat;
    -webkit-background-size: 100% 8.2rem;
    background-size: 100% 8.2rem;
}

.main .banner_wrap .swiper_banner{
    width: 100%;
    margin: 0 auto;
}

.main .introduce {
    width: 100%;
    height: 3.23rem;
    background: url('../images/introduce.png') top center #190411 no-repeat;
    -webkit-background-size: 100% 3.23rem;
    background-size: 100% 3.23rem;
}

.main .download_wrap {
    width: 100%;
    height: 1.33rem;
    background: url('../images/download_bg.png') top center #190411 no-repeat;
    -webkit-background-size: 100% 1.33rem;
    background-size: 100% 1.33rem;
}

.main .download_wrap .download_button{
    width: 100%;
    padding-top: .2rem;
    text-align: center;
}

.download{
    font-size:0;
    line-height:0;
    overflow:hidden;
    color:transparent;
}
.main .download_wrap .download_button > a {
    margin: 0 auto;
    display: block;
    width: 4.57rem;
    height: 1.07rem;
    background: url('../images/download_button.png') center no-repeat;
    -webkit-background-size: 4.57rem 1.07rem;
    background-size: 4.57rem 1.07rem;
    -webkit-animation: myfirst 1s infinite linear;
    animation: myfirst 1s infinite linear;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.main .download_wrap .download-plate {
    position: relative;
    margin: 0 auto;
    width: 4.57rem;
    height: 1.07rem;
    background: url('../images/download_button.png') center no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    -webkit-animation: myfirst 1s infinite linear;
    animation: myfirst 1s infinite linear;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
}

.main .download_wrap .download-plate a {
    display: block;
    height: 100%;
    margin: 0;
    padding: 0;
    background: none;
    -webkit-animation: none;
    animation: none;
}

.main .download_wrap .download-plate .download-ios,
.main .download_wrap .download-plate .download-android {
    width: 22%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 22%;
    -ms-flex: 0 0 22%;
    flex: 0 0 22%;
}

.main .download_wrap .download-plate .download-auto {
    width: 56%;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.main .download_wrap .intro {
    margin: 0 auto;
    width: 6.93rem;
}

.main .enter_line {
    width: 100%;
    height: 5.12rem;
    background: url('../images/enter_line_bg.png') top center #020202 no-repeat;
    -webkit-background-size:7.50rem 5.12rem;
    background-size:7.50rem 5.12rem;
    padding-top: 1.5rem;
}

.main .enter_line .cdn-line {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.main .enter_line .cdn-line .domain {
    margin: 0 auto;
}

.main .enter_line .cdn-line .domain .row {
    width:100%;
}

.main .enter_line .cdn-line .domain .row a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width:100%;
    height: 1.16rem;
}

.main .enter_line .cdn-line .domain .row .icon {
    width:1rem;
    height: 1rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-right: 0.2rem;
}

.main .enter_line .cdn-line .domain .row .webs {
    width: 4.76rem;
    height: .56rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background:url(../images/wub.png) left top no-repeat;
    -webkit-background-size:100% .56rem;
    background-size:100% .56rem;
}

.main .enter_line .cdn-line .domain .row .webs .ms {
    width: 1.2rem;
    height:.87rem;
    text-align:center;
    line-height:.87rem;
    color:#020202;
    font-size: .25rem;
}

.main .enter_line .cdn-line .domain .row .webs .txt {
    width: 3.76rem;
    width: -webkit-calc(100% - 1rem);
    width: calc(100% - 1rem);
    height:.87rem;
    text-align:center;
    line-height:.87rem;
    color:#fffade;
    font-size:.25rem;
    font-weight:700;
}

.main .enter_line .cdn-line .domain .row .buttons {
    width: 2.08rem;
    height:.85rem;
    padding-top: .15rem;
    padding-left: .15rem;
}

.main .enter_line .cdn-line .domain .row .buttons button {
    width: 1.9rem;
    height: .63rem;
    background:url(../images/enter_button.png) left top no-repeat;
    -webkit-background-size:100% .63rem;
    background-size:100% .63rem;
    pointer-events: none;
}

.main .recomand_wrap {
    position: relative;
    width: 100%;
    height: 6.33rem;
    background: url('../images/bg_recomand.png') top center #190411 no-repeat;
    -webkit-background-size:100% 6.33rem;
    background-size:100% 6.33rem;
}

#slider {
    position: absolute;
    margin: 0 auto;
    width: 100%;
    height: 6.33rem;
    left: 0;
    top: 1.2rem;
    z-index: 9999;
}

#swiper-box {
    position: relative;
    width: 100%;
    margin: 0 auto;
}

#swiper-box .swiper-slide{width:2.74rem;text-align:center}
#swiper-box .swiper-slide img{display:block;margin:0 auto}

.swiper-slide{
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
}

.main .partner {
    width: 100%;
    height: 8.38rem;
    background: url('../images/bg_partner.png') top center #190411 no-repeat;
    -webkit-background-size:100% 6.88rem;
    background-size:100% 6.88rem;
    padding-top: 2rem;
}

.fix-download {
    position: fixed;
    left: 50%;
    margin-left: -3.75rem;
    bottom: 0;
    background: url(../images/fix_bottom_bg.png) center no-repeat;
    -webkit-background-size: 100% 1.43rem;
    background-size: 100% 1.43rem;
    width: 7.5rem;
    height: 1.43rem;
    z-index: 999999;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.fix-download img {width: 100%;}
.fix-download a {
    display: block;
    margin: 0 auto;
    width: 2.43rem;
    height: 0.71rem;
    background: url(../images/fix_bottom_button.png) center no-repeat;
    -webkit-background-size: 2.43rem 0.71rem;
    background-size: 2.43rem 0.71rem;
    position: absolute;
    right: .2rem;
    bottom: .3rem;
    -webkit-animation: myfirst 1s infinite linear;
    animation: myfirst 1s infinite linear;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.fix-service{
    position: fixed;
    right: 50%;
    margin-right: -3.75rem;
    z-index: 999999;
    top: 12%;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.fix-service img{
    width: 1.22rem;
}
@-webkit-keyframes myfirst {
    from {
        -webkit-transform:scale(1.1);
        transform:scale(1.1)
    }
    50% {
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    to {
        -webkit-transform:scale(1.1);
        transform:scale(1.1)
    }
}
@keyframes myfirst {
    from {
        -webkit-transform:scale(1.1);
        transform:scale(1.1)
    }
    50% {
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    to {
        -webkit-transform:scale(1.1);
        transform:scale(1.1)
    }
}
@media screen and (min-width:750px){
    .center{
        width:750px !important;
        margin-left:-375px !important;
        left:50% !important;
    }
    .fixed-right{
        right:-webkit-calc((100% - 750px)/2);
        right:calc((100% - 750px)/2)
    }
}