a {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    color: #ffffff;
}

#wrapper header {
    opacity: 0;
}

.box {
    position: relative;
    opacity: 0;
}

.wrapper {
    height: 100%;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
}

html {
    font-size: 12px;
}

@media only screen and (min-width: 320px) {
    html {
        font-size: 0.6em !important;
    }
    .tui-intro h2 {
        font-size: 2.2em !important;
    }
}

@media only screen and (min-width: 375px) {
    html {
        font-size: 1.1em !important;
    }
}

@media only screen and (min-width: 750px) {
    html {
        font-size: 1.1em !important;
    }
}

img {
    width: 100%;
}

.main {
    position: relative;
    width: 100%;
    font-size: 0;
}

.main img {
    margin-top: -1px;
}

.rules {
    position: absolute;
    top: 3.32%;
    width: 8rem;
    height: 2.4rem;
    right: 0;
    /* background: blue;
    opacity: 0.4; */
}
.xiaofei {
    position: absolute;
    width: 34%;
    height: 14.2rem;
    left: 0;
    /* background: black;
    opacity: 0.4; */
}
.zhuhuichang {
    position: absolute;
    width: 32%;
    height: 14.2rem;
    left: 34%;
    /* background: white;
    opacity: 0.4; */
}
.nianhuo {
    position: absolute;
    width: 34%;
    height: 14.2rem;
    right: 0;
    /* background: black;
    opacity: 0.4; */
}
.xiaofei1, .zhuhuichang1, .nianhuo1 {
    top: 97.52%;
}
.brand {
    position: absolute;
    height: 14.8rem;
    /* background: blue;
    opacity: 0.4; */
}
.brand-l {
    width: 34%;
    left: 0;
}
.brand-m {
    width: 32%;
    left: 34%;
}
.brand-r {
    width: 34%;
    right: 0;
}
.brand1, .brand2, .brand3 {
    top: 45.34%;
}
.brand4, .brand5, .brand6 {
    top: 47.69%;
}
.brand7, .brand8, .brand9 {
    top: 50.07%;
}
.brand10, .brand11, .brand12 {
    top: 53.17%;
}
.brand13, .brand14, .brand15 {
    top: 55.53%;
}
.brand16, .brand17, .brand18 {
    top: 57.9%;
}
.brand19, .brand20, .brand21 {
    top: 60.28%;
}
.brand22, .brand23, .brand24 {
    top: 63.47%;
}
.brand25, .brand26, .brand27 {
    top: 65.83%;
}
.brand28, .brand29, .brand30 {
    top: 68.2%;
}
.brand31, .brand32, .brand33 {
    top: 70.58%;
}
.brand34, .brand35, .brand36 {
    top: 73.78%;
}
.brand37, .brand38, .brand39 {
    top: 76.14%;
}
.brand40, .brand41, .brand42 {
    top: 78.51%;
}
.brand43, .brand44, .brand45 {
    top: 81.73%;
}
.brand46, .brand47, .brand48 {
    top: 84.09%;
}
.brand49, .brand50, .brand51 {
    top: 86.45%;
}
.brand52, .brand53, .brand54 {
    top: 89.64%;
}
.brand55, .brand56, .brand57 {
    top: 92%;
}
.brand58, .brand59, .brand60 {
    top: 94.36%;
}

.width50 {
    width: 50%;
}

.width33 {
    width: 33.33%;
}

.width25 {
    width: 25%;
}