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: 2.9%;
    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; */
}
.xiaofei {
    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, .xiaofei1, .nianhuo1 {
    top: 7.54%;
}
.jingpin2, .xiaofei2, .nianhuo2 {
    top: 96.34%;
}
.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: 33.24%;
}
.brand4, .brand5, .brand6 {
    top: 35.22%;
}
.brand7, .brand8, .brand9 {
    top: 37.2%;
}
.brand10, .brand11, .brand12 {
    top: 85.88%;
}
.brand13, .brand14, .brand15 {
    top: 87.86%;
}
.brand16, .brand17, .brand18 {
    top: 89.82%;
}
.brand19, .brand20, .brand21 {
    top: 91.78%;
}
.brand22, .brand23, .brand24 {
    top: 93.75%;
}
.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: 39.88%;
}
.prod4, .prod5, .prod6 {
    top: 42.52%;
}
.prod7, .prod8, .prod9 {
    top: 45.79%;
}
.prod10, .prod11, .prod12 {
    top: 48.43%;
}
.prod13, .prod14, .prod15 {
    top: 51.07%;
}
.prod16, .prod17, .prod18 {
    top: 54.35%;
}
.prod19, .prod20, .prod21 {
    top: 56.99%;
}
.prod22, .prod23, .prod24 {
    top: 59.63%;
}
.prod25, .prod26, .prod27 {
    top: 62.86%;
}
.prod28, .prod29, .prod30 {
    top: 65.5%;
}
.prod31, .prod32, .prod33 {
    top: 68.16%;
}
.prod34, .prod35, .prod36 {
    top: 71.46%;
}
.prod37, .prod38, .prod39 {
    top: 74.1%;
}
.prod40, .prod41, .prod42 {
    top: 76.74%;
}
.prod43, .prod44, .prod45 {
    top: 80.03%;
}
.prod46, .prod47, .prod48 {
    top: 82.66%;
}

.width50 {
    width: 50%;
}

.width33 {
    width: 33.33%;
}

.width25 {
    width: 25%;
}