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

.main > .top {
    width: 100%;
    height: 11.06rem;
    background: url("../assets/bg_1.7a16d72b.202561.png") top center no-repeat;
    background-size: 100% 11.06rem;
}
.main > .top > .logo {
    width: 100%;
    height: 9.49rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.main  > .top > .logo > img {
    width: 7.5rem;
}

.main  > .top > .download_button{
    width: 100%;
    text-align: center;
}
.main > .top >.download_button button {
    width: 3.47rem;
    height: 1.27rem;
    background: url("../assets/download_button.0f494702.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.64rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background: url("../assets/bg_3.0584fbfd.202561.png") top center no-repeat;
    background-size:100% 3.64rem
}
.main > .banner > .swiper_banner {
    width: 6.6rem;
    height: 3.2rem;
}

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

.main .cdn-line {
    width: 100%;
    height: 6.48rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background: url("../assets/bg_4.73d225f8.202561.png") top center no-repeat;
    padding-top: 1.6rem;
    background-size: 100% 6.48rem;
}
.main .cdn-line .domain {
    width: 95%;
}
.main .cdn-line .domain .row {
    width:100%;
    margin-top: 0.5rem;
}
.main .cdn-line .domain .row .line-text{
    width: 2rem;
    height: .66rem;
    padding-left: 0.3rem;
    color: #FFF;
    font-size: .28rem;
    line-height: 0.66rem;
}
.main .cdn-line .domain .row a {
    display:flex;
    justify-content:space-between;
    width:100%
}
.main .cdn-line .domain .row .buttons {
    width:2.5rem;
    height:.87rem;
    padding-top: .1rem;
}
.main .cdn-line .domain .row .buttons button {
    width:100%;
    height:100%;
    background:url("../assets/enter_button.1b9d2c31.202561.png") left top no-repeat;
    background-size:100% 100%;
}
.main .cdn-line .domain .row .webs {
    width:7.2rem;
    display:flex;
    align-items:center;
    justify-content:space-between;
    background:url("../assets/address.0982dfff.202561.png") left top no-repeat;
    background-size:7.2rem .9rem
}
.main .cdn-line .domain .row .webs .ms {
    width: 1.5rem;
    height:.87rem;
    border-radius:.3rem 0 0 .3rem;
    line-height:.87rem;
    color:#fff;
    font-size: .32rem;
}
.main .cdn-line .domain .row .webs .txt {
    width:calc(100% - 3rem);
    height:.87rem;
    text-align:center;
    line-height:.87rem;
    color:#fffade;
    font-size:.35rem;
    font-weight:700;
}

.main > .screenshot {
    width: 100%;
    height: 4.53rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background: url("../assets/bg_5.4486f590.202561.png") top center no-repeat;
    padding-top: 1.2rem;
    background-size:100% 4.53rem;
}
.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.16756049.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)
    }
}