@charset "UTF-8";

:root {
    --tagcol: #fff;
    --tagbg: #2c6af0;
    /* 购买钥匙 */
    --btnkey: linear-gradient(45deg, #a234dae3 0%, #ee3b3b 51%, #ca4ce3 100%);
    /* 抽奖按钮 */
    --btnlottery: #b956fd;
    --btnbatch: #4a59ef;
    /* 兑换按钮背景色 */
    --exchangeBtnBg: #f56a3d;
    /* 道具标签 */
    --arrow-first: #ea6920;
}

/* 文本高亮显示 */
.highlight-name {
    color: red;
    font-weight: bold;
}

.m-b-sm {
    margin-bottom: 6px;
}

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

.purchase button {
    width: 210px;
}

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

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

.prize table {
    width: 1100px;
}

.prize td {
    position: relative;
    padding: 38px 20px 30px;
}

.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;
}

.arrow-first {
    background-color: var(--arrow-first) !important;
}

.arrow-first::after {
    border-left-color: var(--arrow-first) !important;
}

/* 抽奖按钮 */
.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;
}

.census th {
    min-width: 65px;
}

/* 暂存箱 */

.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: 142px;
    padding: 5px 20px;
    border-radius: 3px;
    margin-top: 6px;
    color: #fff;
    background-color: var(--exchangeBtnBg);
}

/* 福利按钮 */

.benefit {
    margin-top: 20px;
}

.benefit button {
    color: #fff;
    padding: 11px 55px;
    background-color: #5677ff;
}

.benefit button:not(:last-child) {
    margin-right: 10px;
}

/* 宣传按钮、底部按钮 公共样式 */

.advert,
.btn-group {
    margin-top: 18px;
}

.advert button,
.btn-group button {
    width: 160px;
    color: #fff;
    padding: 10px 20px;
    box-sizing: border-box;
}

.advert button:not(:last-child),
.btn-group button:not(:last-child) {
    margin-right: 18px;
}

.advert button {
    background-color: #aa49fa;
}

.btn-group button {
    background-color: #507ef1;
}