html, body {
    height: auto;
    width: 100%;
    min-width: 1200px;
    padding: 0;
    margin: 0;
}

html {
    font-size: 100px;
}

body {
    font-size: 12px;
    background: #000;
}

.container {
    width: 100%;
    height: 10.80rem;
    background: url("../../imgs/undercover/bg.jpg") no-repeat top center;
    background-size: 100% 100%;
}

.role-bg {
    width: 100%;
    height: 9.85rem;
    background: url("../../imgs/undercover/role.png") no-repeat top center;
    background-size: contain;
    margin: 0 auto;
}

.dbq {
    width: 8.87rem;
    height: 2.45rem;
    background: url("../../imgs/undercover/dbq.png") no-repeat top center;
    background-size: 100% 100%;
    margin: 0 auto;
}

.actions {
    text-align: center;
    padding-top: 0.5rem;
}

.action-item {
    width: 2.37rem;
    height: 0.56rem;
    background-size: 100% 100%;
    display: inline-block;
    margin-right: 0.2rem;
    cursor: pointer;
}

.action-item.action-item-steam {
    background-image: url("../../imgs/undercover/steam-1.png");
}

.action-item.action-item-steam:hover {
    background-image: url("../../imgs/undercover/steam-2.png");
}

.action-item.action-item-wegame {
    background-image: url("../../imgs/undercover/WEGAME-1.png");
}

.action-item.action-item-wegame:hover {
    background-image: url("../../imgs/undercover/WEGAME-2.png");
}

.action-item.action-item-taptap {
    background-image: url("../../imgs/undercover/TAPTAP-1.png");
}

.action-item.action-item-taptap:hover {
    background-image: url("../../imgs/undercover/TAPTAP-2.png");
}

.qrcode-box {
    text-align: center;
    height: 2rem;
}

.qrcode-box ul {
    list-style: none;
}

.copyright-box {
    color: #aaa;
    text-align: center;
    margin-bottom: 0.8rem;
}

.copyright-box > div {
    display: inline-block;
}

.copyright-box .p > p {
    padding: 0;
    margin: 0;
}

.copyright-box .p {
    margin-right: 0.3rem;
}

.copyright-box .logo {
    width: 0.83rem;
    height: 0.35rem;
    background: url("../../imgs/undercover/logo.png") no-repeat top center;
    background-size: 100% 100%;
}

.copyright-box .line {
    width: 1px;
    height: 0.38rem;
    background: url(../../imgs/undercover/line.png) no-repeat top center;
    background-size: 100% 100%;
    margin-left: 0.3rem;
    margin-right: 0.3rem;
}