.container,
body {
    background-color: #a03e00
}

.footer p,
body {
    padding: 0;
    margin: 0
}

html {
    font-size: 100px
}

body {
    font-family: "Microsoft YaHei"
}

.container {
    position: relative;
    max-width: 720px;
    margin: 0 auto
}

.kefu a {
    position: fixed;
    top: 20%;
    right: 2%;
    width: 1.5rem;
    height: 1rem;
    background-image: url("../img/join-telegram.webp");
    background-size: 100% 100%;
    z-index: 999
}

.meta a,
.gold a,
.master a {
    top: 85%;
    width: 30%;
    height: .95rem;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: absolute;
}

.master a {
    left: 1%;
    background-image: url(../img/master.webp)
}

.meta a {
    left: 66%;
    background-image: url(../img/meta.webp)
}

.gold a {
    left: 33.5%;
    background-image: url(../img/gold.webp)
}

.container .downBtn {
    position: absolute;
    top: 4.9rem;
    left: 20%;
    width: 60%;
    height: 1rem;
    background-image: url("../img/btn_download.png");
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.downBtn .online {
    position: absolute;
    top: -3.6rem;
    right: -1rem;
    width: 2rem;
    height: 1rem;
    background-image: url("../img/bg_online.png");
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.container .downNum {
    position: absolute;
    top: 45.7%;
    right: 14%;
    width: 40%;
    height: 1rem;
    font-size: .44rem;
    text-align: center;
    align-items: 1rem;
    color: #fff
}

.container .footer {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 2rem;
    color: #ffffff;
    font-weight: bold;
}

a {
    color: #ffe1e1
}