input[type=color],
    input[type=date],
    input[type=datetime-local],
    input[type=datetime],
    input[type=email],
    input[type=month],
    input[type=number],
    input[type=password],
    input[type=search],
    input[type=tel],
    input[type=text],
    input[type=time],
    input[type=url],
    input[type=week],
    select:focus,
    textarea {
        font-size: 16px
    }

    blockquote,
    body,
    button,
    dd,
    dl,
    dt,
    fieldset,
    form,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    hr,
    input,
    legend,
    li,
    ol,
    p,
    pre,
    td,
    textarea,
    th,
    ul {
        margin: 0;
        padding: 0
    }

    body,
    button,
    input,
    select,
    textarea {
        font: 12px/1.5tahoma, arial, \5b8b\4f53
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-size: 100%
    }

    address,
    cite,
    dfn,
    em,
    var {
        font-style: normal
    }

    code,
    kbd,
    pre,
    samp {
        font-family: couriernew, courier, monospace
    }

    small {
        font-size: 12px
    }

    ol,
    ul {
        list-style: none
    }

    a {
        text-decoration: none
    }

    a:hover {
        text-decoration: underline
    }

    sup {
        vertical-align: text-top
    }

    sub {
        vertical-align: text-bottom
    }

    legend {
        color: #000
    }

    fieldset,
    img {
        border: 0
    }

    button,
    input,
    select,
    textarea {
        font-size: 100%
    }

    table {
        border-collapse: collapse;
        border-spacing: 0
    }

    body,
    html {
        height: 100%;
        width: 100%;
        -webkit-touch-callout: none;
        -webkit-text-size-adjust: 100%!important
    }

    body {
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        font-family: Arial, Helvetica, sans-serif;
        -webkit-overflow-scrolling: touch;
        -webkit-tap-highlight-color: transparent
    }

   /* img {
        width: 100%;
        height: 100%;
        display: block
    }
*/
    .clearfix::after {
        content: '';
        display: table;
        overflow: hidden;
        clear: both
    }

  

body{
    background-color: #35c0e3;
}

@media screen and (max-width: 1200px) {
body{
    width: 1200px;
}
}

header{
    width: 100%;
    height: 1.8rem;
}

header .logo{
    height:1.8rem;
    width: 2.5rem;
    top: 0%;
    left: 0.5rem;
    position: absolute;
    background-image: url("../img/logos.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: top center;
}

header .nav1{
    height:1.4rem;
    width: 1.4rem;
    top: 0%;
    left: 2.7rem;
    position: absolute;
    background-image: url("../img/nav1.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: top center;
}

header .nav1s{
    height:1.4rem;
    width: 1.4rem;
    top: 0%;
    left: 2.7rem;
    position: absolute;
    background-image: url("../img/nav1s.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: top center;
}

header .nav2{
    height:1.4rem;
    width: 1.4rem;
    top: 0%;
    left: 3.5rem;
    position: absolute;
    background-image: url("../img/nav2.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: top center;
}

header .nav2s{
    height:1.4rem;
    width: 1.4rem;
    top: 0%;
    left: 3.5rem;
    position: absolute;
    background-image: url("../img/nav2s.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: top center;
}


header .nav3{
    height:1.4rem;
    width: 1.4rem;
    top: 0%;
    left: 4.3rem;
    position: absolute;
    background-image: url("../img/nav3.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: top center;
}

header .nav3s{
    height:1.4rem;
    width: 1.4rem;
    top: 0%;
    left: 4.3rem;
    position: absolute;
    background-image: url("../img/nav3s.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: top center;
}


header .nav4{
    height:1.4rem;
    width: 1.4rem;
    top: 0%;
    left: 5.2rem;
    position: absolute;
    background-image: url("../img/nav4.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: top center;
}
header .nav4s{
    height:1.4rem;
    width: 1.4rem;
    top: 0%;
    left: 5.2rem;
    position: absolute;
    background-image: url("../img/nav4s.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: top center;
}

header .nav5{
    height:1.4rem;
    width: 1.4rem;
    top: 0%;
    left: 7.0rem;
    position: absolute;
    background-image: url("../img/nav5.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: top center;
}

header .nav5s{
    height:1.4rem;
    width: 1.4rem;
    top: 0%;
    left: 7.0rem;
    position: absolute;
    background-image: url("../img/nav5s.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: top center;
}


header .nav6{
    height:1.4rem;
    width: 1.4rem;
    top: 0%;
    left: 6.1rem;
    position: absolute;
    background-image: url("../img/nav6.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: top center;
}

header .nav6s{
    height:1.4rem;
    width: 1.4rem;
    top: 0%;
    left: 6.1rem;
    position: absolute;
    background-image: url("../img/nav6s.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: top center;
}

header .login-box{
    height:1.4rem;
    width: 1.4rem;
    top: 0.1rem;
    left: 8.5rem;
    position: absolute;
    font-size: 0.2rem;
    color:#fff;
}

header .login-box a{
    color:#fff;
}

.main-box{
    position: relative;
    top: 0rem;
    left: 0;
    width: 100%;
    height: 4rem;
}
  

.main-box .pic1{
    height:4rem;
    width: 9rem;
    top: 0%;
    left: 0.5rem;
    position: absolute;
    background-image: url("../img/home1.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: top center; 
}


.game-box{
    position: relative;
    top: 0rem;
    left: 0;
    width: 100%;
    height: 205vw;
}
  

.game-box .download{
    position: absolute;
    top: 0rem;
    left: 52%;
    /*width: 100%;*/
    font-size: 30px;
    color:#fff;
}
  

.game-box .pic1{
    height:210vw;
    width: 100vw;
    top: 0%;
    left: 0rem;
    position: absolute;
    background-image: url("../img/game.jpg");
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: top center; 
}


.par-box{
    position: relative;
    top: 0rem;
    left: 0;
    width: 100%;
    height: 11rem;
}
  
.par-box p{
    position: relative;
    top: 0;
    left: 1rem;
}

.par-box p a{
    color:#fff;
    font-size: 0.2rem;
    padding-right: 0.2rem;
}

.par-box .pic1{
    height:10.5rem;
    width: 10rem;
    top: 0%;
    left: 0rem;
    position: relative;
    background-image: url("../img/parent.jpg");
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: top center; 
}

.jiufen-box{
    position: relative;
    top: 0rem;
    left: 0;
    width: 100%;
    height: 10rem;
}
  

.jiufen-box .pic1{
    height:10rem;
    width: 10rem;
    top: 0%;
    left: 0rem;
    position: absolute;
    background-image: url("../img/jiufen.jpg");
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: top center; 
}

.about-box{
    position: relative;
    top: 0rem;
    left: 0;
    width: 100%;
    height: 6rem;
}
  

.about-box .pic1{
    height:6rem;
    width: 10rem;
    top: 0%;
    left: 0rem;
    position: absolute;
    background-image: url("../img/about.jpg");
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: top center; 
}


footer{
    height:3rem;
    width: 100%;
    top: 0%;
    left: 0rem;
    position: relative;
    background-image: url("../img/footer.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: top center;   
}

footer p{
    position: absolute;
    top: 2.4rem;
    text-align: center;
    font-size: 0.12rem;
    color: #fff;
    width: 100%;
}
footer .wen{
    position: absolute;
    top: 2.6rem;
    text-align: center;
    font-size: 0.12rem;
    color: #fff;
    width: 100%;
}
footer .wen a{
    color: #fff;
}


    .reg {
        display: block;
        min-width: 1200px;
        background: #fff
    }

    .reg .box {
        width: 1200px;
        margin: 0 auto;
        height: 700px
    }

    .reg .box .txt {
        font-size: 24px;
        padding: 10px;
        border-bottom: 1px solid #928e8e;
        margin-bottom: 50px;
        padding-top: 30px
    }

    .reg .box .reg-item {
        padding: 0 20px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        height: 40px;
        margin-top: 5px;
        overflow: hidden
    }

    .reg .box .reg-item .lable {
        width: 100px;
        text-align: right;
        height: 30px;
        line-height: 30px;
        font-size: 18px;
        float: left;
        margin-left: 20px
    }

    .reg .box .reg-item input {
        width: 200px;
        height: 30px;
        color: #666;
        margin-left: 20px;
        float: left;
        line-height: 40px
    }

    .reg .box .reg-item span {
        float: left;
        margin-left: 20px;
        height: 40px;
        line-height: 40px;
        font-size: 18px
    }

    .reg .box .pay-btn {
        font-size: 18px;
        color: #000;
        width: 120px;
        text-align: center;
        height: 45px;
        line-height: 45px;
        background-color: #fdf20a;
        border: 1px solid #fdf20a;
        border-radius: 5px;
        cursor: pointer;
        margin: 30px 0 40px 156px
    }

    .reg .pass_word {
        font-size: 16px;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, .6)
    }

    .reg .pass_word .box {
        position: fixed;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 50%;
        height: 70%
    }

    .reg .pass_word .box .pass_word-title {
        width: 101%;
        background: #fff;
        height: 30px;
        padding: 0 10px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        line-height: 30px
    }

    .reg .pass_word .box .pass_word-title span {
        float: right;
        line-height: 30px;
        height: 30px;
        margin-right: 20px;
        font-weight: 700;
        cursor: pointer;
        margin-left: 20px
    }

    .reg .pass_word .box .iframe {
        width: 100%;
        height: 100%
    }

     .login {
        min-width: 1200px;
        background: #fff
    }

    .login .box {
        width: 1200px;
        margin: 0 auto;
        height: 700px
    }

    .login .box .txt {
        font-size: 24px;
        padding: 10px;
        border-bottom: 1px solid #928e8e;
        margin-bottom: 50px;
        padding-top: 30px
    }

    .login .box .reg-item {
        padding: 0 20px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        height: 40px;
        margin-top: 5px;
        overflow: hidden
    }

    .login .box .reg-item .lable {
        width: 100px;
        text-align: right;
        height: 30px;
        line-height: 30px;
        font-size: 18px;
        float: left;
        margin-left: 20px
    }

    .login .box .reg-item input {
        width: 200px;
        height: 30px;
        color: #666;
        margin-left: 20px;
        float: left;
        line-height: 40px
    }

    .login .box .reg-item span {
        float: left;
        margin-left: 20px;
        height: 40px;
        line-height: 40px;
        font-size: 18px
    }

    .login .box .pay-btn {
        font-size: 18px;
        color: #000;
        width: 120px;
        text-align: center;
        height: 45px;
        line-height: 45px;
        background-color: #fdf20a;
        border: 1px solid #fdf20a;
        border-radius: 5px;
        cursor: pointer;
        margin: 30px 0 40px 156px
    }

.info-box{
    position: relative;
    top: 0rem;
    left: 0;
    width: 100%;
    height: 6rem;
   background-image: url("../img/infobg.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: top center;   
}
  
.info-box ul{
    position: relative;
    top: 1rem;
    left: 20%;
    width: 60%;
    /*height: 6rem;*/
}

.info-box ul li{
    font-size: 0.2rem;
    line-height: 0.4rem;
    border-bottom: solid 1px #000;
}

.info-box ul li  a{
    color: #000;
}


.info-box ul li span{
    position: absolute;
    right: 0px;
}


.buy-box{
    position: relative;
    top: 0rem;
    left: 0%;
    width: 100%;
    height: 6rem;
   background-image: url("../img/buy.png");
   background-color: #eff3f3;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: top center;   
}