* {
        box-sizing: border-box;
    }
    
    img {
        border: 0px;
        max-width: 100%;
    }
    
    @font-face {
        font-family: 'Source Han Sans CN Bold';
        src: url(SourceHanSansCN-Bold.TTF),
    }
    
    @font-face {
        font-family: 'Source Han Sans CN Light';
        src: url(SourceHanSansCN-Light.TTF),
    }
    
    body {
        background-image: url(../images/background-min.jpg);
        background-repeat: no-repeat;
        background-size: auto;
        background-position: center top;
    }
    
    .container {
        width: 80%;
        margin: 0 auto;
    }
    
    .logo {
        margin: 2vh 12vw;
    }
    
    .title {
        margin: 2vh 12vw;
        margin-bottom: 0;
    }
    
    .speed {
        margin: 1vh 12vw;
        width: 70%;
        position: relative;
    }
    
    .vntest {
        z-index: 2;
        padding: 0;
        list-style: none;
        zoom: 1;
        text-align: center;
        width: ;
        margin: 0 auto;
    }
    
    .vntest li {
        margin: 0 auto;
        position: relative;
    }
    
    .vntest span {
        color: #d5af75;
        line-height: 40px;
    }
    
    .vntest em {
        text-indent: 0;
        text-align: center;
        font: 500 18px/40px "Source Han Sans CN";
        text-transform: uppercase;
        text-decoration: none;
        color: #fdfdfd;
        letter-spacing: 0.05em;
        position: relative;
    }
    
    .vntest .active em {
        color: #efdb80;
    }
    
    .vntest a {
        display: block;
        font-family: "Source Han Sans CN", "微软雅黑", Sans-serif;
        font-weight: bold;
        width: 138px;
        margin: 0 auto;
        font-size: 16px;
        line-height: 140px;
        height: 123px;
        color: #d9d9d9;
        text-align: center;
        text-decoration: none;
        background-image: url(../images/icon0.png);
        background-repeat: no-repeat;
    }
    
    .vntest .active a {
        color: #efdb80;
        background-image: url(../images/icon1.png);
    }
    
    span {
        position: absolute;
        top: 135px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    
    .icon {
        display: block;
        margin: 0 auto;
    }
    
    .remaind {
        width: 898px;
        margin: 5vh auto;
        margin-bottom: 0px;
    }
    
    h2 {
        font-size: 34px;
        font-family: "Source Han Sans CN Bold";
        line-height: 130px;
    }
    
    .info {
        margin: 1vh 12vw;
        width: 70%;
    }
    
    #help {
        background-image: url(../images/help.png);
        background-repeat: no-repeat;
        width: 340px;
        height: 160px;
        margin: 0 auto;
    }

    #help:hover {
        background-image: url(../images/help_h.png);
    }
    
    #help a {
        /*        background: -webkit-linear-gradient(top, #cfb078 0, #ead7b3 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;*/
        background: rgb(243, 226, 199);
        background: -moz-linear-gradient(45deg, rgb(243, 226, 199) 0%, rgb(193, 158, 103) 50%, rgb(182, 141, 76) 51%, rgb(233, 212, 179) 100%);
        background: -webkit-linear-gradient(45deg, rgb(243, 226, 199) 0%, rgb(193, 158, 103) 50%, rgb(182, 141, 76) 51%, rgb(233, 212, 179) 100%);
        background: linear-gradient(45deg, rgb(243, 226, 199) 0%, rgb(193, 158, 103) 50%, rgb(182, 141, 76) 51%, rgb(233, 212, 179) 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f3e2c7', endColorstr='#e9d4b3', GradientType=1);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        text-decoration: none;
    }
    
    #help a:hover {
        /*        background: -webkit-linear-gradient(top, #767676 0, #ffffff 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;*/
        background: rgb(118, 118, 118);
        background: -moz-linear-gradient(-45deg, rgb(118, 118, 118) 0%, rgb(241, 241, 241) 50%, rgb(225, 225, 225) 51%, rgb(255, 255, 255) 100%);
        background: -webkit-linear-gradient(-45deg, rgb(118, 118, 118) 0%, rgb(241, 241, 241) 50%, rgb(225, 225, 225) 51%, rgb(255, 255, 255) 100%);
        background: linear-gradient(135deg, rgb(118, 118, 118) 0%, rgb(241, 241, 241) 50%, rgb(225, 225, 225) 51%, rgb(255, 255, 255) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#767676', endColorstr='#ffffff', GradientType=1);
    }
    
    .txt {
        padding-top: 55px;
        padding-left: 188px;
    }
    
    .txtl {
        padding-top: 55px;
        padding-left: 180px;
    }
    
    .tiro,
    .debit {
        font-family: "Source Han Sans CN Light";
        font-size: 20px;
        padding-top: 8px;
        display: block;
    }
    
    #cash {
        background-image: url(../images/cash.png);
        background-repeat: no-repeat;
        width: 340px;
        height: 160px;
        margin: 0 auto;
    }

    #cash:hover{
        background-image: url(../images/cash_h.png);
    }
    
    #cash a {
        /*        background: -webkit-linear-gradient(top, #cfb078 0, #ead7b3 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;*/
        background: rgb(243, 226, 199);
        background: -moz-linear-gradient(45deg, rgb(243, 226, 199) 0%, rgb(193, 158, 103) 50%, rgb(182, 141, 76) 51%, rgb(233, 212, 179) 100%);
        background: -webkit-linear-gradient(45deg, rgb(243, 226, 199) 0%, rgb(193, 158, 103) 50%, rgb(182, 141, 76) 51%, rgb(233, 212, 179) 100%);
        background: linear-gradient(45deg, rgb(243, 226, 199) 0%, rgb(193, 158, 103) 50%, rgb(182, 141, 76) 51%, rgb(233, 212, 179) 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f3e2c7', endColorstr='#e9d4b3', GradientType=1);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        text-decoration: none;
    }
    
    #cash a:hover {
        /*        background: -webkit-linear-gradient(top, #767676 0, #ffffff 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;*/
        background: rgb(118, 118, 118);
        background: -moz-linear-gradient(-45deg, rgb(118, 118, 118) 0%, rgb(241, 241, 241) 50%, rgb(225, 225, 225) 51%, rgb(255, 255, 255) 100%);
        background: -webkit-linear-gradient(-45deg, rgb(118, 118, 118) 0%, rgb(241, 241, 241) 50%, rgb(225, 225, 225) 51%, rgb(255, 255, 255) 100%);
        background: linear-gradient(135deg, rgb(118, 118, 118) 0%, rgb(241, 241, 241) 50%, rgb(225, 225, 225) 51%, rgb(255, 255, 255) 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#767676', endColorstr='#ffffff', GradientType=1);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    
    .slogan {
        display: block;
        margin: 4vh 14vw;
        width: 70%;
        margin-bottom: 2vh;
    }
    
    .sloganm {
        display: none;
    }
    
    .copyright {
        background: -webkit-linear-gradient(top, #040524 0, #010005 50%, #000000 100%);
        height: 70px;
        width: 100%;
        bottom: 0;
    }
    
    .copy {
        color: #ffffff;
        text-align: center;
        line-height: 45px;
        font-family: "Source Han Sans CN Light";
        font-size: 14px;
    }
    
    .service {
        display: block;
    }
    
    #floatDivBoxs {
        width: 161x;
        position: fixed;
        top: 180px;
        right: 0;
        z-index: 999;
    }
    
    #floatDivBoxs .floatDtt {
        width: 100%;
        height: 161px;
        line-height: 45px;
        background-image: url(../images/girl.png);
        font-size: 18px;
        text-indent: 22px;
        position: relative;
    }
    
    #rightArrow {
        width: 32px;
        height: 32px;
        background: url(../images/c.png) no-repeat;
        position: fixed;
        top: 180px;
        right: 170px;
        z-index: 999;
    }
    
    #rightArrow a {
        display: block;
        height: 45px;
    }
    
    .tirom,
    /*    .debitm {
        display: none;
    }*/
    
    .servicem {
        display: none;
    }
    
    @media screen and (min-width: 1024px) and (max-width: 1366px) {
        .logo {
            margin: 5vh 0;
            margin-bottom: 0;
        }
        .title {
            margin: 2vh 0;
        }
        .speed {
            margin: 5vh 0;
            width: 100%;
        }
        .info {
            margin: 1vh 0;
            width: 100%;
        }
        .slogan {
            margin: 1vh 0;
            width: 100%;
            display: block;
        }
        .sloganm {
            display: none;
        }
        .copy {
            font-size: 12px;
        }
        .service {
            display: block;
        }
    }
    
    @media screen and (max-width:1023px) {
        [class^="col-"] {
            padding: 0px;
        }
        body {
            background-image: url(../img/background-min.jpg);
            background-size: cover;
        }
        h2 {
            font-size: 22px;
            line-height: 74px;
        }
        .logo {
            margin-left: 2vh;
        }
        .logo img {
            max-width: 38%;
        }
        .title {
            margin-left: 2vh;
            width: 68%;
        }
        .title img {
            max-width: 60%;
        }
        .service {
            display: none;
        }
        .container {
            width: 100%;
            margin: 0 auto;
        }
        .vntest {
            width: 100%;
        }
        .vntest a {
            background-image: url(../img/icon0.png);
            width: 83px;
            margin: 0 auto;
            font-size: 16px;
            line-height: 74px;
            height: 74px;
        }
        .vntest .active a {
            background-image: url(../img/icon1.png);
        }
        .vntest span {
            top: 74px;
        }
        .vntest em {
            top: 0px;
            font-size: 12px;
        }
        .speed {
            margin: 2vh auto;
            width: 100%;
        }
        .remaind {
            width: 100%;
            margin: 8vh auto;
            margin-bottom: 0px;
        }
        .info {
            width: 100%;
            margin: 3vh auto;
        }
        #help {
            width: 235px;
            height: 144px;
            background-image: url(../img/help.png);
            margin: 0 auto;
        }
        #help:hover {
            background-image: url(../img/help.png);
        }
        #cash {
            width: 235px;
            height: 144px;
            background-image: url(../img/cash.png);
            margin: 1vh auto;
        }
        #cash:hover {
            background-image: url(../img/cash.png);
        }
        .txt {
            padding-top: 50px;
            padding-left: 120px;
        }
        .txtl {
            padding-top: 50px;
            padding-left: 120px;
        }
        .tiro,
        .debit {
            font-family: "Source Han Sans CN Light";
            font-size: 18px;
            padding-top: 7px;
            display: block;
        }
        /*      .tirom {
            font-size: 3px;
            padding-top: 3px;
            display: block;
            width: 89%;
        }
       .debitm {
            font-size: 3px;
            padding-top: 3px;
            display: block;
            width: 93%;
        }*/
        .slogan {
            display: none;
        }
        .sloganm {
            display: block;
            width: 95%;
            margin: 0 auto;
        }
        .copy {
            font-size: 8px;
        }
        .servicem {
            display: block;
            width: 38px;
            height: 38px;
            position: fixed;
            top: 23vh;
            right: 1vw;
        }
    }