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.7%;
    width: 8rem;
    height: 2.4rem;
    right: 0;
    /* background: blue;
    opacity: 0.4; */
}
.brand {
    position: absolute;
    width: 50%;
    height: 16.3rem;
    /* background: blue;
    opacity: 0.4; */
}
.brand1 {
    top: 84.1%;
    left: 0;
}
.brand2 {
    top: 84.1%;
    right: 0;
}
.brand3 {
    top: 87.04%;
    left: 0;
}
.brand4 {
    top: 87.04%;
    right: 0;
}
.brand5 {
    top: 90%;
    left: 0;
}
.brand6 {
    top: 90%;
    right: 0;
}
.brand7 {
    top: 92.95%;
    left: 0;
}
.brand8 {
    top: 92.95%;
    right: 0;
}
.xiaofei {
    position: absolute;
    width: 34%;
    height: 14.2rem;
    top: 96.75%;
    left: 0;
    /* background: black;
    opacity: 0.4; */
}
.zhuhuichang {
    position: absolute;
    width: 32%;
    height: 14.2rem;
    top: 96.75%;
    left: 34%;
    /* background: white;
    opacity: 0.4; */
}
.jingpin {
    position: absolute;
    width: 34%;
    height: 14.2rem;
    top: 96.75%;
    right: 0;
    /* background: black;
    opacity: 0.4; */
}
.width50 {
    width: 50%;
}

.width33 {
    width: 33.33%;
}

.width25 {
    width: 25%;
}