@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:#1e1809;text-shadow:none}
body ::-moz-selection{color:#000;background-color:#1e1809;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: #1e1809;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%;
    background: url("../assets/bg_01.9350b44a.202514.png") top center #1e1809 no-repeat;
    background-size: 100% 9.44rem;
}

.main .bg1 .logo {
    margin: 0 auto;
    width: 1.82rem;
    padding: .2rem  0;
}

.main .bg1 .tbg {
    margin: 0 auto;
    height: 6.69rem;
}
.main .bg1 .biaoti {
    margin: 0 auto;
    width: 6.93rem;
}

.main .bg2 {
    width: 100%;
    height: 5.04rem;
    background: url("../assets/bg_02.9f9ddd6e.202514.png") top center #151106 no-repeat;
    background-size: 100% 5.04rem;
}

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

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

.main .bg2 .intro {
    margin: 0 auto;
    width: 6.93rem;
    padding-top: 1rem;
}

.main .bg3 {
    width: 100%;
    height: 6.13rem;
    background: url("../assets/bg_03.d15b5ccc.202514.png") top center #1e1809 no-repeat;
    background-size:100% 6.13rem;
    padding: 1rem 0;
}


.main .bg3 .cdn-line {
    width: 100%;
    display: flex;
    justify-content: center;
}

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

.main .bg3 .cdn-line .domain .row {
    width:100%;
    padding: .2rem .2rem;
}

.main .bg3 .cdn-line .domain .row a {
    display:flex;
    align-items: center;
    justify-content:space-between;
    width:100%;
    height: 1.16rem;
    background:url("../assets/address.fb482434.202514.png") left  top  no-repeat;
    background-size:100% 1.16rem;
}

.main .bg3 .cdn-line .domain .row .buttons {
    width: 2.08rem;
    height:.96rem;
    padding-top: .08rem;
}

.main .bg3 .cdn-line .domain .row .buttons button {
    width: 1.9rem;
    height: .91rem;
    background:url("../assets/enter_button.3db4e554.202514.png") left top no-repeat;
    background-size:100% .91rem;
}


.main .bg3 .cdn-line .domain .row .webs {
    width:4.76rem;
    height: .64rem;
    display:flex;
    align-items:center;
    justify-content:center;
    padding: 0 .2rem;
    background-size:100% .64rem
}

.main .bg3 .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 .bg3 .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 .bg4 {
    position: relative;
    width: 100%;
    height: 7.74rem;
    background: url("../assets/bg_04.88d43e65.202514.png") top center #1b1607 no-repeat;
    background-size:100% 7.74rem
}

#slider {
    position: absolute;
    margin: 0 auto;
    width: 100%;
    height: 10.97rem;
    left: 0;
    top: 1.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 .fix-download {
    position: fixed;
    left: 50%;
    margin-left: -3.75rem;
    bottom: 0;
    width: 7.5rem;
    z-index: 999999;
}

.main .bg5 {
    width: 100%;
    height: 11rem;
    background: url("../assets/bg_05.15ca636c.202514.png") top center #151106 no-repeat;
    background-size:100% 10.33rem
}

.main .bg5 .dbtp {
    padding-top:1.2rem;
}


.main .fix-download img {width: 100%;}
.main .fix-download button {
    width: 2.39rem;
    height: 1.02rem;
    background: url("../assets/fix_button.345e0e9d.202514.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)
    }
}