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: 4%;
    width: 8rem;
    height: 2.4rem;
    right: 0;
    /* background: blue;
    opacity: 0.4; */
}
.jingpin {
    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; */
}
.jingpin1, .zhuhuichang1, .nianhuo1 {
    top: 96.69%;
}
.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: 81.49%;
}
.brand4, .brand5, .brand6 {
    top: 84.34%;
}
.brand7, .brand8, .brand9 {
    top: 87.2%;
}
.brand10, .brand11, .brand12 {
    top: 90.02%;
}
.brand13, .brand14, .brand15 {
    top: 92.86%;
}
.prod {
    position: absolute;
    height: 19.8rem;
    /* background: blue;
    opacity: 0.4; */
}
.prod-l {
    width: 34%;
    left: 0;
}
.prod-m {
    width: 32%;
    left: 34%;
}
.prod-r {
    width: 34%;
    right: 0;
}
.prod1, .prod2, .prod3 {
    top: 32.56%;
}
.prod4, .prod5, .prod6 {
    top: 36.41%;
}
.prod7, .prod8, .prod9 {
    top: 40.21%;
}
.prod10, .prod11, .prod12 {
    top: 44.04%;
}
.prod13, .prod14, .prod15 {
    top: 48.78%;
}
.prod16, .prod17, .prod18 {
    top: 52.64%;
}
.prod19, .prod20, .prod21 {
    top: 56.48%;
}
.prod22, .prod23, .prod24 {
    top: 60.33%;
}
.prod25, .prod26, .prod27 {
    top: 65.12%;
}
.prod28, .prod29, .prod30 {
    top: 68.97%;
}
.prod31, .prod32, .prod33 {
    top: 72.82%;
}
.prod34, .prod35, .prod36 {
    top: 76.65%;
}

.width50 {
    width: 50%;
}

.width33 {
    width: 33.33%;
}

.width25 {
    width: 25%;
}