@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: #0d403b;
    position:absolute;
    top:0;
    left:0;
    z-index:1;
}

.main > .top {
    width: 100%;
    height: 9.16rem;
    background: url("../assets/bg_1.54368bee.202561.jpg") top center no-repeat;
    background-size: 100% 9.16rem;
}
.main > .top > .logo {
    width: 100%;
    height: 7.47rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.main  > .top > .logo > img {
    width: 7.07rem;
}

.main  > .top > .download_button{
    width: 100%;
    padding-top: .25rem;
    text-align: center;
}
.main > .top >.download_button button {
    width: 3.47rem;
    height: 1.27rem;
    background: url("../assets/download_button.4a2eedcf.202561.png") center no-repeat;
    background-size: 3.47rem 1.27rem;
    -webkit-animation: myfirst 1s infinite linear;
    animation: myfirst 1s infinite linear;
}

.main > .banner {
    width: 100%;
    height: 3.97rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background: url("../assets/bg_3.79ce07d0.202561.jpg") top center no-repeat;
    background-size:100% 3.97rem
}
.main > .banner > .swiper_banner {
    width: 6.6rem;
    height: 3.2rem;
}

.main > .intro {
    width: 100%;
}

.main .cdn-line {
    width: 100%;
    height: 7.65rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background: url("../assets/bg_4.4419fe95.202561.jpg") top center no-repeat;
    padding-top: 1.6rem;
    background-size: 100% 7.65rem;
}
.main .cdn-line .domain {
    width: 90%;
}
.main .cdn-line .domain .row {
    width:100%;
    margin-top: 0.2rem;
}
.main .cdn-line .domain .row .line-text{
    width: 100%;
    height: .66rem;
    padding-left: 0.5rem;
    color: #FFF;
    font-size: .28rem;
    line-height: 0.66rem;
    background: url("../assets/circuit.26f0d059.202561.png") 0.1rem top no-repeat;
    background-size: 1.62rem .66rem;
}
.main .cdn-line .domain .row a {
    display:flex;
    justify-content:space-between;
    width:100%
}
.main .cdn-line .domain .row .buttons {
    width:1.99rem;
    height:.87rem;
    padding-top: .1rem;
}
.main .cdn-line .domain .row .buttons button {
    width:100%;
    height:100%;
    background:url("../assets/enter_button.83792883.202561.png") left top no-repeat;
    background-size:100% 100%;
}
.main .cdn-line .domain .row .webs {
    width:4.62rem;
    display:flex;
    align-items:center;
    justify-content:space-between;
    background:url("../assets/address.3097ce64.202561.png") left top no-repeat;
    background-size:4.62rem .9rem
}
.main .cdn-line .domain .row .webs .ms {
    width: 2.1rem;
    height:.87rem;
    border-radius:.3rem 0 0 .3rem;
    text-align:center;
    line-height:.87rem;
    color:#fff;
    font-size: .35rem;
}
.main .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;
}

.main > .screenshot {
    width: 100%;
    height: 5.05rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background: url("../assets/bg_5.5b4f154d.202561.jpg") top center no-repeat;
    padding-top: 1.2rem;
    background-size:100% 5.05rem;
}
.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 .recommend {
    width: 100%;
    height:10.5rem;
}

.main .fix-download {
    position: fixed;
    left: 50%;
    margin-left: -3.75rem;
    bottom: 0;
    width: 7.5rem;
    z-index: 999;
}
.main .fix-download img {width: 100%;}
.main .fix-download button {
    width: 2.39rem;
    height: 1.02rem;
    background: url("../assets/fix_button.087da9df.202561.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: 99;
    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)
    }
}