@charset "utf-8";
*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-overflow-scrolling: touch;}
body,html{
    margin:0;padding:0;
    height:100%;
    font-family:"Microsoft YaHei",sans-serif;
    font-size:14px;
    color:#5f5f5f;
    position:relative;
    max-width: 750px;
    margin: 0 auto;
}
body{background-size: cover;}
h1,h2,h3,h4,h5,h6{font-weight:400}
body ::selection{color:#000;background-color:#fd0;text-shadow:none}
body ::-moz-selection{color:#000;background-color:#fd0;text-shadow:none}
a{transition:all .6s}
: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,.2);border-radius:2px;-webkit-box-shadow:inset 0 0 6px rgba(0,.2);background-color:#7600D0}
body{background: #f5f5f5;overflow-x: hidden;}
button{border:none;border:none}
input{outline:0;text-indent:.5em}
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%;vertical-align:middle;margin:0; padding:0}
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: #daf1f8;
    position:absolute;
    top:0;
    left:0;
    z-index:1;
}

.main .bg1 {
    width: 100%;
    height: 10.65rem;
    background: url("../assets/bg_1.1753deae.202554.png") top center no-repeat;
    background-size: 100% 10.65rem;
    padding-top: 6.4rem;
}

.main .bg1 .intro {
    margin: 0 auto;
    width: 6.93rem;
    height: 2.39rem;
}

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

.main .bg1 .download_button button {
    width: 4.17rem;
    height: 1.35rem;
    background: url("../assets/download_button.0d120002.202554.png") center no-repeat;
    background-size: 4.17rem 1.35rem;
    -webkit-animation: myfirst 1s infinite linear;
    animation: myfirst 1s infinite linear;
}

.main .bg2 {
    position: relative;
    width: 100%;
    height: 10.52rem;
    background: url("../assets/bg_2.b4b69d65.202554.png") top center no-repeat;
    background-size: 100% 10.52rem;
}

.main .bg2 .cdn-line {
    width: 100%;
    height: 4.55rem;
    display: flex;
    justify-content: center;
}

.main .bg2 .cdn-line .domain {
    width: 90%;
    margin: 0 auto;
    padding-top: 1rem;
}

.main .bg2 .cdn-line .domain .row {
    width:100%;
    margin-top: 0.2rem;
}

.main .bg2 .cdn-line .domain .row a {
    display:flex;
    justify-content:space-between;
    width:100%
}

.main .bg2 .cdn-line .domain .row .buttons {
    width: 2.08rem;
    height:.96rem;
}

.main .bg2 .cdn-line .domain .row .buttons button {
    width: 2.08rem;
    height: .96rem;
    background:url("../assets/enter_button.47ca005a.202554.png") left top no-repeat;
    background-size:100% .96rem;
}

.main .bg2 .cdn-line .domain .row .webs {
    width:4.76rem;
    height: .64rem;
    display:flex;
    align-items:center;
    justify-content:space-between;
    background:url("../assets/address.4eb2d128.202554.png") left  top no-repeat;
    background-size:100% .64rem
}

.main .bg2 .cdn-line .domain .row .webs .ms {
    width: 1.35rem;
    height:.87rem;
    border-radius:.3rem 0 0 .3rem;
    text-align:center;
    line-height:.87rem;
    color:#fff;
    font-size: .35rem;
}

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

#slider {
    position: absolute;
    margin: 0 auto;
    width: 100%;
    height: 5.97rem;
    left: 0;
    top: 5rem;
    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}

.main .bg3 {
    width: 100%;
    height: 5.23rem;
    justify-content: center;
    align-items: center;
    background: url("../assets/bg_3.6a73af00.202554.png") top center no-repeat;
    background-size:100% 5.23rem
}

.main .bg3 .screenshot {
    margin: 0 auto;
    width: 90%;
    padding-top: 1.2rem;
}
.main  > .screenshot > .swiper_screenshot {
    width: 6.6rem;
    height: 3rem;
}
.main > .swiper-container {width:100%;position:absolute;top:0;left:0;overflow: hidden;z-index: 1;}
.main > .swiper-container span {width:2.6rem;}
.main > .swiper-pagination {padding: .2rem!important;}


.main .bg4 {
    width: 100%;
    height: 7.02rem;
    justify-content: center;
    align-items: center;
    background: url("../assets/bg_4.2adae07b.202554.png") top center no-repeat;
    background-size:100% 7.02rem
}
.main .bg4 .recommend {
    padding-top:1.2rem;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.main .bg4 .recommend .items{
    width: 1.86rem;
    padding: .2rem;
}
.main .bg4 .recommend .items img{
    width: 1.39rem;
    height: 1.39rem;
}
.main .fix-download {
    position: fixed;
    left: 50%;
    margin-left: -3.75rem;
    bottom: 0;
    width: 7.5rem;
    z-index: 999999;
}
.main .fix-download img {width: 100%;}
.main .fix-download button {
    width: 2.39rem;
    height: 1.02rem;
    background: url("../assets/fix_button.28ef7bc6.202554.png") center no-repeat;
    background-size: 2.39rem 1.02rem;
    position: absolute;
    right: 0.2rem;
    top: 50%;
    margin-top: -0.45rem;
    -webkit-animation: myfirst 1s infinite linear;
    animation: myfirst 1s infinite linear;
}
.main .fix-service{
    position: fixed;
    right: 50%;
    margin-right: -3.75rem;
    z-index: 999999;
    top: 30%;
}
.fix-service img{
    width: 1.22rem;
}
@-webkit-keyframes myfirst {
    from {
        transform:scale(1.1)
    }
    50% {
        transform:scale(1)
    }
    to {
        transform:scale(1.1)
    }
    
}
@keyframes myfirst {
    from {
        transform:scale(1.1)
    }
    50% {
        transform:scale(1)
    }
    to {
        transform:scale(1.1)
    }
}
@media screen and (min-width:750px){
    .center{
        width:750px !important;
        margin-left:-375px !important;
        left:50% !important;
    }
    .fixed-right{
        right:calc((100% - 750px)/2)
    }
}