@charset "UTF-8";

.beta {
    color: #fff;
    padding: 5px 15px;
    background-color: #8745e6;
    margin-bottom: 10px;
}

.qq_group {
    display: flex;
    justify-content: center;
    align-items: center;
}

.qq_group button {
    border: none;
    outline: none;
    margin-left: 10px;
}

.time {
    margin: 10px 0;
    text-align: center;
}

.tips {
    text-align: center;
}

/* 购买钥匙 */
.purchase {
    margin-top: 10px;
}

.purchase button {
    width: 210px;
}

.purchase button:not(:last-child) {
    margin-right: 5px;
}

/* 奖池 */
.prize {
    margin-top: 18px;
}

.prize td {
    min-width: 170px;
    position: relative;
    padding: 38px 20px 23px;
}

.arrow {
    position: absolute;
    height: 22px;
    line-height: 22px;
    text-align: center;
    font-size: 13px;
    color: var(--tagcol);
    padding: 0 8px;
    background-color: var(--tagbg);
}

.arrow::after {
    content: "";
    position: absolute;
    top: 0;
    left: 100%;
    border: 11px solid transparent;
    border-left-color: var(--tagbg);
}

.arrow-lt {
    top: 0;
    left: 0;
}

/* 抽奖按钮 */
.lottery {
    margin-top: 30px;
    display: flex;
    justify-content: center;
    text-align: center;
}

.lottery button {
    width: 210px;
    padding: 10px 0;
}

.lottery button:not(:last-child) {
    margin-right: 20px;

}

/* 数据统计 */

.census {
    margin: 25px 0 18px;
}

/* 暂存箱 */

.storage .can-count {
    font-size: 14px;
    margin-bottom: 8px;
}

.storage .batch-btn {
    margin-bottom: 12px;
}

.storage .batch-btn button {
    color: #fff;
    padding: 6px 25px;
    border-radius: 4px;
    background-color: var(--btnbatch);
}

.storage .batch-btn button:not(:last-child) {
    margin-right: 4px;
}

.storage .todo {
    cursor: pointer;
    color: #fff;
    background: #f53434;
}

.paging {
    font-size: 15px;
    margin-top: 15px;
}

.page {
    cursor: pointer;
}

/* 道具兑换 */

.surplus-points {
    margin-top: 6px;
    margin-bottom: 12px;
}

.exchange table {
    width: 1080px;
}

.exchange td {
    position: relative;
    padding: 15px 45px 23px;
}

.exchange td .tag {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 14px;
    padding: 1px 12px;
    color: var(--tagcol);
    background-color: var(--tagbg);
    border-top-right-radius: 1px;
    border-bottom-right-radius: 1px;
}

.exchange td .name {
    margin-top: 12px;
    margin-bottom: 4px;
}

.exchange td button {
    width: 130px;
    padding: 5px 20px;
    border-radius: 3px;
    margin-top: 6px;
    color: #fff;
    background-color: var(--exchangeBtnBg);
}