* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

li {
    list-style: none;
}

a {
    text-decoration: none;
}

img {
    vertical-align: middle;
}

body, html {
    height: 100%;
    margin: 0;
    padding: 0;
}

body {
    color: #333;
    background: #000;
    font: 14px/1.5 PingFang SC,Hiragino Sans GB,Helvetica Neue,Microsoft Yahei,sans-serif,arial;
    min-width: 1240px;
}

table {
    width: 100%;
    border-collapse: collapse;
}

button, input, select {
    outline: none;
}

button {
    cursor: pointer;
    background-color: transparent;
}

button, img {
    border: none;
}

.w {
    width: 1200px;
    margin: auto;
}

.right-container .lose {
    color: #f56c6c;
}

.right-container .win {
    color: #67c23a
}

.right-container .bk-bg {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANIAAAB4AQMAAAC90D6JAAAABlBMVEUAAAD///+l2Z/dAAAAAnRSTlMABQb5ObcAAAGVSURBVEjH7ZGxSsNQGIVPQgq2LorVXSFDKuIrSMHBiiDa1qFDH6DDfYQGwaVz7VzEoUYuTqKL3jyFa/oI3ZqhVCtNutyci3RyyL8ePj4+fvz9bPWd3ETb6o10G2tY7yXdQo3baaWbr3HBNN2gXSHl5tC4q5tkm+lcMeXiDG5K86zNFssDVr5Q1618fgb3tkrQfR26IYhYApztDkuAHbRpwtZuhyWgVItoAq4TDhlcr00T4C25GbgvzuLcJTchHMmD5QmWh43ziOZZrmB5KJ21aR6OBMtDcemLwX0Tgy80+EKDD8RHE0o1xRIAV7AEVJ4USwAufrlxNvesaB4agnwI8DzF8mCdCpaHyqGieZAiySM+koe7LsuDd6xonvPaZXnYdxVLgHPfXSRwXwxyCx9LcBe+scEXGny+wQfum4P5BhHLw4HkeeWmYnm4lTQP5YGiCQ+S5znNT7ALJE2A1Xyn26OkCSjs+XQbSb7ZX6DX/wDn6gZuxLfqJd/KQ66rnhg43+ADvz7Wu9F6mD1ck0N++eX3T+4HE9d9oZWTG2wAAAAASUVORK5CYII=) no-repeat 100% 0
}

.right-container .no-data {
    height: 400px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #d8b58d
}

    .right-container .no-data img {
        height: 140px;
    }

.right-container .back-btn {
    width: 75px;
    height: 29px;
    background: url(data:image/png;base64,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);
    background-size: 100% auto;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    color: #333;
}

.right-container .el-input__inner::-moz-placeholder {
    color: #d8b58d;
}

.right-container .el-input__inner:-ms-input-placeholder {
    color: #d8b58d;
}

.right-container .el-input__inner::placeholder {
    color: #d8b58d;
}

.right-container .el-input__inner::-webkit-input-placeholder, .right-container .el-textarea__inner::-webkit-input-placeholder {
    color: #ffe4c8;
}

.right-container .el-input__inner:-moz-placeholder, .right-container .el-textarea__inner::-webkit-input-placeholder {
    color: #ffe4c8;
}

.right-container .el-input__inner:-ms-input-placeholder, .right-container .el-textarea__inner::-webkit-input-placeholder {
    color: #ffe4c8;
}

.right-container .el-form--inline .el-form-item__label {
    color: #ffe4c8;
}

.right-container .el-range-editor.el-input__inner, .right-container .el-select .el-input__inner, .right-container .el-textarea__inner {
    background: transparent;
    border-color: rgba(238,198,148,.4);
    color: #d8b58d;
}

.right-container .el-textarea .el-input__count {
    color: #999;
    background: transparent;
}

.right-container .el-select .el-input__inner::-moz-placeholder {
    color: #d8b58d;
}

.right-container .el-select .el-input__inner:-ms-input-placeholder {
    color: #d8b58d;
}

.right-container .el-select .el-input__inner::placeholder {
    color: #d8b58d;
}

.right-container .el-date-editor .el-input__icon, .right-container .el-select .el-input .el-select__caret {
    color: #d8b58d;
}

.right-container .el-range-editor .el-range-input {
    background-color: transparent;
    color: #d8b58d;
}

    .right-container .el-range-editor .el-range-input::-moz-placeholder {
        color: #d8b58d;
    }

    .right-container .el-range-editor .el-range-input:-ms-input-placeholder {
        color: #d8b58d;
    }

    .right-container .el-range-editor .el-range-input::placeholder {
        color: #d8b58d;
    }

.right-container .el-button--primary {
    background-image: linear-gradient(90deg,#e8b57e 27%,#c4915f 92%);
    border: none;
    color: #79420d;
    transition: all .3s;
    font-size: 16px;
}

    .right-container .el-button--primary:hover {
        background-image: linear-gradient(270deg,#e8b57e 27%,#c4915f 92%)
    }

.right-container .el-button.is-plain {
    background: transparent;
    border: 1px solid #897565;
    color: #eec694;
}

    .right-container .el-button.is-plain:focus, .right-container .el-button.is-plain:hover {
        border: 1px solid #edc493;
    }

.right-container .el-button.is-disabled, .right-container .el-button.is-disabled:focus, .right-container .el-button.is-disabled:hover {
    color: #79420d;
    cursor: not-allowed;
    background-image: linear-gradient(90deg,#e8b57e 27%,#c4915f 92%);
    opacity: .6;
}

.right-container .el-table {
    background: transparent;
    border-bottom: none;
}

    .right-container .el-table:before {
        height: 0;
    }

    .right-container .el-table .el-table__header {
        border-bottom: 1px solid #2d2d2d;
    }

    .right-container .el-table thead {
        color: #d8b58d;
        border-radius: 10px;
    }

    .right-container .el-table .th.el-table__cell, .right-container .el-table tr {
        background-color: #3d3d3d;
    }

    .right-container .el-table th.el-table__cell {
        background-color: #3d3d3d;
        border-bottom: none;
    }

.right-container .el-table__empty-text {
    color: #d8b58d;
}

.right-container .el-form-item__label {
    color: #eec694;
    white-space: nowrap;
}

.right-container .el-table__footer-wrapper tbody td.el-table__cell, .right-container .el-table__header-wrapper tbody td.el-table__cell {
    border-color: transparent;
    background: transparent;
    color: #d8b58d;
}

.right-container .el-dialog {
    background-color: #2d2d2d;
}

    .right-container .el-dialog .el-dialog__title, .right-container .el-dialog__headerbtn:hover .el-dialog__close, .right-container .el-table__body {
        color: #d8b58d;
    }

        .right-container .el-table__body .el-table__row:hover > td.el-table__cell {
            background-color: #2d2d2d;
        }

        .right-container .el-table__body .el-table__row > td.el-table__cell {
            border-bottom: 1px solid #2d2d2d;
        }

.right-container .el-table td.el-table__cell div, .right-container .el-table th.el-table__cell > .cell {
    text-align: center;
}

.right-container .el-radio-group .el-radio-button__inner {
    background: #2d2d2d;
    color: #d8b58d;
    border-color: #d8b58d;
}

.right-container .el-radio-group .el-radio-button__orig-radio:checked + .el-radio-button__inner {
    background-color: #d8b58d;
    color: #0a0707;
    box-shadow: none;
}

.right-container .rebate .el-radio__inner {
    width: 22px;
    height: 22px;
    background: transparent;
}

    .right-container .rebate .el-radio__inner:hover {
        border-color: #ccc;
    }

.right-container .rebate .el-radio__input.is-checked .el-radio__inner {
    background: transparent;
    border-color: #ccc;
}

    .right-container .rebate .el-radio__input.is-checked .el-radio__inner:after {
        transform: translate(-50%,-50%) scale(4);
    }

.right-container .rebate .el-radio__input.is-checked + .el-radio__label, .right-container .rebate .el-radio__label {
    color: #dec398;
}

.el-select-dropdown__wrap {
    background-color: #2d2d2d;
    border: 1px solid #eec694;
    border-radius: 6px;
}

.el-select-dropdown__item.hover, .el-select-dropdown__item.is-disabled:hover, .el-select-dropdown__item:hover {
    background-color: #3d3d3d !important;
}

.el-select-dropdown__item {
    color: #ffe4c8 !important;
}

.el-select-dropdown {
    background-color: #2d2d2d !important;
    border: none !important;
}

.el-select-dropdown__item.selected {
    color: #ffe4c8;
    font-weight: 700;
}

.el-select .el-input.is-focus .el-input__inner {
    border-color: #ffe4c8;
}

.el-popper[x-placement^=bottom] .popper__arrow, .el-popper[x-placement^=bottom] .popper__arrow:after {
    border-bottom-color: #eec694;
}

.el-picker-panel {
    background-color: #2d2d2d;
    border: 1px solid #eec694;
}

.el-input__inner, .el-range-editor.el-input__inner {
    background: transparent;
    border-color: rgba(238,198,148,.4);
    color: #d8b58d;
}

    .el-input__inner[readonly], .el-range-editor.el-input__inner[readonly] {
        background: #201f1f;
    }

    .el-input__inner:-ms-input-placeholder, /deep/ input:-ms-input-placeholder {
        color: #d8b58d;
    }

    .el-input__inner::-webkit-input-placeholder, /deep/ input::-webkit-input-placeholder {
        color: #d8b58d;
    }

    .el-input__inner::-moz-placeholder, /deep/ input::-moz-placeholder {
        color: #d8b58d;
    }

    .el-input__inner:-ms-input-placeholder, /deep/ input:-moz-placeholder {
        color: #d8b58d;
    }

.el-input.is-focus .el-input__inner {
    border-color: rgba(238,198,148,.4);
}

.el-input__inner:focus, .el-input__inner:hover {
    border-color: #eec694;
}

.el-dialog .el-dialog__header {
    color: #ffe4c8;
}

.el-dialog .el-dialog__body {
    padding: 10px 20px;
}

.el-loading-mask {
    background-color: rgba(34,34,33,.7);
}

.el-descriptions {
    color: #e6a23c;
}

    .el-descriptions .el-descriptions__header {
        padding: 10px 20px;
        padding-bottom: 0;
        margin-bottom: 0;
        border-radius: 6px 6px 0 0;
        background: #3d3d3d;
        color: #e6a23c;
    }

    .el-descriptions .el-descriptions__body {
        padding: 20px;
        border-radius: 0 0 6px 6px;
        background: #3d3d3d;
    }

        .el-descriptions .el-descriptions__body .el-descriptions-item__label {
            color: #e6a23c;
        }

        .el-descriptions .el-descriptions__body .el-descriptions-item__content {
            color: #ffe4c8;
        }

.el-picker-panel {
    color: #d8b58d;
}

.el-picker-panel__body-wrapper {
    background: #2d2d2d;
}

    .el-picker-panel__body-wrapper .el-date-picker__header--bordered {
        border-color: rgba(238,198,148,.2);
    }

    .el-picker-panel__body-wrapper .el-date-range-picker__header {
        color: #ffe4c8;
    }

    .el-picker-panel__body-wrapper .el-picker-panel__icon-btn {
        color: #d8b58d;
    }

    .el-picker-panel__body-wrapper .el-date-table th {
        color: #d8b58d;
        border-bottom: 1px solid rgba(238,198,148,.2);
    }

    .el-picker-panel__body-wrapper .el-date-table td.next-month, .el-picker-panel__body-wrapper .el-date-table td.prev-month {
        color: #d8b58d;
        opacity: .25;
    }

    .el-picker-panel__body-wrapper .el-date-table td.end-date span, .el-picker-panel__body-wrapper .el-date-table td.start-date span {
        background-color: #dbb98f;
        color: #79420d;
    }

    .el-picker-panel__body-wrapper .el-date-table td.in-range div {
        background: #3e3b36;
    }

    .el-picker-panel__body-wrapper .el-date-table td.available:hover, .el-picker-panel__body-wrapper .el-date-table td.today span {
        color: #79420d;
    }

.activity-content {
    padding-bottom: 30px;
}

.activity-banner {
    max-width: 1920;
    max-height: 410px;
    margin: 0 auto;
}

.activity-main {
    background: #333;
    border-radius: 10px;
}

    .activity-main .big-title {
        font-size: 30px;
        color: #f9dab5;
        line-height: 80px;
    }

    .activity-main .title-wrap {
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-bottom: .5px solid #504339;
        padding: 0 55px;
    }

    .activity-main .content {
        padding: 30px 55px 0;
        display: flex;
        justify-content: space-between;
    }

        .activity-main .content.reverse {
            flex-direction: row-reverse;
        }

        .activity-main .content .list {
            width: 840px;
        }

            .activity-main .content .list .item {
                display: block;
                background: #3e3d3d;
                border-radius: 10px;
                box-shadow: 0 2px 10px rgba(0,0,0,.1);
                margin-bottom: 20px;
                overflow: hidden;
                cursor: pointer;
            }

                /*.activity-main .content .list .item:hover .el-image img {
                    transform: scale(1.05);
                }*/

                .activity-main .content .list .item .act-img {
                    display: block;
                    height: 240px;
                    position: relative;
                }

                    .activity-main .content .list .item .act-img .mark {
                        position: absolute;
                        right: -3px;
                        bottom: -3px;
                        width: 54px;
                        height: 54px;
                        background: none;
                    }

                    .activity-main .content .list .item .act-img .el-image {
                        display: block;
                        height: 100%;
                    }

                .activity-main .content .list .item .el-image .el-image__placeholder {
                    display: none;
                }

                .activity-main .content .list .item .el-image .el-image__error {
                    background: #444;
                }

                .activity-main .content .list .item .el-image img {
                    /*transition: .5s ease-in;*/
                    width: 100%;
                    max-height: 240px;
                }

                .activity-main .content .list .item .info {
                    position: relative;
                    padding: 15px 30px;
                    display: flex;
                }

/*.info > div:nth-child(1) {
    width: 30%
}*/

.info .bouns-content {
    display: flex;
    width: 70%;
    justify-content: flex-end;
    align-items: center;
}

.info .time-wrap {
    margin-right: 40px;
    color: #d3d3d3;
}

.info .status-wrap .amount {
    margin: 0;
    font-size: 14px
}

.info .status-wrap button {
    font-size: 14px;
    padding: 8px 15px;
}

.activity-main .content .list .item .info .title {
    font-size: 16px;
    color: #f9dab5;
}

.activity-main .content .list .item .info .time {
    font-size: 13px;
    color: #f9dab5;
    margin-top: 2px;
}

.activity-main .content .list .item .info .mark {
    position: absolute;
    right: -3px;
    bottom: 73px;
    width: 54px;
    height: 54px;
    background: none;
}

.activity-main .content .list .no-data {
    font-size: 18px;
    color: #999;
    padding-top: 100px;
    text-align: center;
}

.activity-main .content .tab.fixed {
    position: fixed;
    left: 50%;
    top: 120px;
    transform: translate(-545px);
}

.activity-main .content .tab.fixed-bottom {
    top: auto;
    bottom: 440px;
}

.activity-main .content .tab .item {
    width: 170px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    color: #d8b58d;
    font-size: 16px;
    border: 1px solid #d8b58d;
    border-radius: 25px;
    margin-bottom: 16px;
    cursor: pointer;
}

    .activity-main .content .tab .item.active {
        color: #72451b;
        border: none;
        background: url(/images/active/btn-bg.png);
        background-size: 100% 100%;
    }

    .activity-main .content .tab .item img {
        width: 20px;
        height: 20px;
        margin-right: 11px;
    }

.el-dialog {
    background: transparent !important;
    margin-top: 10vh !important;
}

    .el-dialog .el-dialog__header {
        display: none;
    }

    .el-dialog .el-dialog__body {
        padding: 0;
    }

.activity-detail-main {
    position: relative;
    padding: 30px;
    border-radius: 20px;
    color: #fff;
    background: #1f1f1f;
    border: 1px solid rgba(222,180,137,.2);
    box-shadow: 0 0 20px 0 rgba(0,0,0,.2);
}

    .activity-detail-main.apply {
        margin-top: 20px;
    }

        .activity-detail-main.apply .title {
            padding: 10px 0;
        }

    .activity-detail-main .close {
        position: absolute;
        right: 12px;
        top: 12px;
        width: 33px;
        height: 33px;
        background: url(data:image/png;base64,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);
        background-size: cover;
    }

    .activity-detail-main .title {
        text-align: center;
    }

    .activity-detail-main .header {
        height: 50px;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAACOwAAABkBAMAAADN3SDXAAAAMFBMVEUAAADat4/Yto7at47ato7fvpfbtpHZt47Zto7jxZnduZTv3r3YtY7Zt4/cuZTZtpCNfdJFAAAAEHRSTlMAZmQ7TwcdXkcLFQNYKRAxH/1vdQAAA3dJREFUeNrs3T9PE3Ecx/GPKVdpgeLvilARJFeDIXHpGR3c2tGYmIqJLg5i4m4HB00w1JUFI4krTC4O1TgwyuDiJBMrJiau9BnoqKbQu+8d2F7er/EewDv3+y8AGBxnHIbQI2VL12EYnZPNB4chRHYwCC7K5u5TAYDB2fOyef1ZAGAwfkE238kOAJPxS7LZrgsADEZmZbOyJgAwGJ2WzV5NAGCQm5dN+E0AYDBRlk0jaztAAJyS/JRsWhsCAIPCjEw8XwBgEjStf0kAcJpzNLkFAYBJtyaLkWkBgMlKXRbLVwUAJh8XbbXibAQAC/toqX0oADCZrMjAC9i2A8Co4DcVgUM2NJUpoUM2kJ0sIzsYSGQny8gOBhLZyTKyg4GkXv7+XKgeCACMStUN/SFSdnIVAYBZuxY7O8uzAgCz7cXY2Qm5SBlAAqPluNkpVbcEAGbF6kHM7IyUBQAJhPWY2dl7JgBI4MF8vOx4LV6NAJDIxEwzVnZGudAUQEKNtVjZ6T4XACTydiFOdooBT2QBSCjvb8XIzkPWsQAkFn6Jnp2xxm0BQEKfpjqRs7Mzx8WCABIr7K5Hzk74UgCQ2M9y1OzkfA5GAEhBMahFy85YeEUAkILH5U6k7Oz4rJ4DSEU+WI+SHa/xQgCQindTzQjZeT/HbaYAUlLa/do/O5PBLQFASjb9w37Z8drljgAgJWNhpdknO/szzCcDSFG+tXp8dn44hlgAUrXp7hyXnXvBqgAgVfv+jaOz8ya4nLEXJQH8f941/+aR2QkqnIoAkLpi2++dHc+5JaoD4AQUX/V8nP/+78/sEwRwIkrOLT35NzrXA+ecgF/t1KFNg1EUBtD3a0wvhgW6Rk0RsAMTgCEkjMAMSHBoDFvUdQoWIMHRGoogueqJLzlniANTVNX55W88Hy9v+6uq9bd2gFmqXrdVj5u7z5sxljpaf70P7QCzVI2z+20drcZysbve3I4xtANMcfrlef+0ezi0sxoH2gFmOv2yaAf4j3aAcNoBGtoBwmkHaGgHCKcdoKEdIJx2gIZ2gHDaARraAcJpB2hoBwinHaChHSCcdoCGdoBw2gEa2gHCaQdoaAcIpx2goR0gnHaAhnaAcNoBGtoBwmkHaGgHCKcdoKEdIJx2gIZ2gHDaARraAcJpB2hoBwinHaChHSCcdoCGdoBwf9v5Ad843CH0JCIfAAAAAElFTkSuQmCC);
        background-size: 100% 100%;
        margin-top: -35px;
    }

    .activity-detail-main .middle_loading {
        min-height: 200px;
        padding: 0 30px;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAACOwAAABkAQMAAAAFPa+nAAAABlBMVEUAAADat4/z+q/nAAAAAnRSTlMAZtJCCVUAAADSSURBVHja7dAhEcBAAASxc/AW37+KwpLOwqJEQnZ3xpezXT169Gx6kp6kJ+lJepKepCfpSXqSnqQn6Ul6kp6kJ+lJepKepCfpSXqSnqQn6Ul6kp6kJ+lJepKepCfpSXqSnqQn6Ul6kp6kJ+lJepKepCfpSXqSnqQn6Ul6kp6kJ+lJepKepCfpSXqSnqQn6Ul6kp6kJ+lJepKepCfpSXqSnqQn6Ul6kp6kJ+lJepKepCfpSXqSnqQn6Ul6kp6kJ+lJepKepCfpSXqSnqQn6fnL2/MAkOpWuTRc1CoAAAAASUVORK5CYII=);
        background-size: 100%;
        display: flex;
        justify-content: center;
        padding-top: 80px;
    }

    .activity-detail-main .middle {
        min-height: 200px;
        padding: 0 30px;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAACOwAAABkAQMAAAAFPa+nAAAABlBMVEUAAADat4/z+q/nAAAAAnRSTlMAZtJCCVUAAADSSURBVHja7dAhEcBAAASxc/AW37+KwpLOwqJEQnZ3xpezXT169Gx6kp6kJ+lJepKepCfpSXqSnqQn6Ul6kp6kJ+lJepKepCfpSXqSnqQn6Ul6kp6kJ+lJepKepCfpSXqSnqQn6Ul6kp6kJ+lJepKepCfpSXqSnqQn6Ul6kp6kJ+lJepKepCfpSXqSnqQn6Ul6kp6kJ+lJepKepCfpSXqSnqQn6Ul6kp6kJ+lJepKepCfpSXqSnqQn6Ul6kp6kJ+lJepKepCfpSXqSnqQn6fnL2/MAkOpWuTRc1CoAAAAASUVORK5CYII=);
        background-size: 100%;
    }

        .activity-detail-main .middle table tbody tr td {
            border: 1px solid #9f8855;
        }

        .activity-detail-main .middle .right-container {
            width: 460px;
            margin: auto;
        }

        .activity-detail-main .middle .tip {
            font-weight: 500;
            color: #c00;
            margin: 12px;
            text-align: center;
        }

        .activity-detail-main .middle .btn-wrap, .activity-detail-main .bottom .btn-wrap {
            text-align: center;
        }

            .activity-detail-main .middle .btn-wrap .btn, .activity-detail-main .bottom .btn-wrap .btn {
                font-size: 16px;
                width: 300px;
                height: 50px;
                border-radius: 4px;
            }

                .activity-detail-main .middle .btn-wrap .btn.submit, .activity-detail-main .bottom .btn-wrap .btn.submit {
                    color: #4f3a25;
                    background: linear-gradient(90deg,#e0b685,#be9367);
                }

                .activity-detail-main .middle .btn-wrap .btn.audit {
                    color: #bf9469;
                    background: hsla(0,0%,100%,0);
                    border: 1px solid #bf9468;
                    margin-left: 20px;
                }

    .activity-detail-main .bottom {
        height: 50px;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAACOwAAABkCAMAAAAILc3WAAAAM1BMVEUAAADat4/Zt47du4ghISG2mXnQr4pLRDrat47Zto7at5HgwJfZto7at4/Zto/bt5C/oH8CpF/nAAAAEXRSTlMAZlgPZlBmZi5fHgVQPEYVZGI2NoMAAARBSURBVHja7NYxDcAADMCwlj/p9Z00AovsMwgysztvl84AAPzIno84ZgcASDA7AECa2QEA0swOAJBmdgCANLMDAKSZHQAgzewAAGlmBwBIMzsAQJrZAQDSzA4AkGZ2AIA0swMApJkdACDN7AAAaWYHAEgzOwBAmtkBANLMDgCQZnYAgDSzAwCkmR0AIM3sAABpZgcASDM7ADzs3VGKpDAUQNH34k9iNO5/t2NDDTTM0FDVNh2Lc34MuoELLybw1sQOAPDWxA4A8NbEDgDw1r6KnS52AIC7+1+/9EfsnFoZe10XsQMA3NSnflnWuo/S8vGqnMu/2qiL2AEAbujRL0sdn9KmlMfX3j8KaGt5KvsqdgCAu8nTupc8te1jYtV7/OvRQmIHALibz3Oqrx215GkNAIDbWPNU6vFEGW1yBwC4iXV7bjKVp5ZZ5A4AcANryWxPx06vJXMsAQAwtWVkltqfjp3zUVtm7QEAMK1eM1s9F6/ETvQ9sxwBADCpo2TuPV6MndOxZdYAAJhSzdyOiNdj57RnDqMsAGBCfWTuEd+MnVibURYAMKGjZFvj+7ETy5ZN7QAAkzlabktcETvRhwOVAYDJrJmjxyWxc9ptUwYAplIz94jLYieq2gEAJvJok+tiJ6pJFgAwjTWzxrWxE9UuZQBgEkfLGlfHTuzZ3JQFAExgabnH9bETI4vTBQGAX9dLjviJ2OlbjgAA+GUjt/4jsRNL80sW/GHvDpIbB4EAinZLcSJAsu9/21lk7cwMZUHkeu8Uv6ChAZhty7LGObETNdOQMgAw1SOzxlmxE0cuAQAw0ZJHnBc7bXGRBQDMtOXSToydqN6fAwATrSVrnBk7cfciCwCY5TtFzo2dtVgbAQDMUrOsJ8dObLkHAMAUe25xduw0RzsAwCQ1S3td7DjaAQB+mT23eFnsrM88StYVAGC4muWxPvN/sQMAcEFiBwB4a2IHAHhr8a+Wn5XMBQBgsMyy/CxepJW0MwIAGGzN0mKQwzpQAGC0LY8YpfpqBwAYbc8ao7TMFgAAz128P3YrI4BOt1sA/P6bpS2PAOhwy1Q7wAVmhg3tAL2t8/mpdoALXCy1zADoaZ2vL7UDdBk8Mrz4aQfoa52PD7UD9FhziZHuJpSBztZRO0CXmvf4u6uOCAFv4bt11A5wjedRnmMBfa2jdoCLnLT8ae8OUhiEgQCKZhQLYkHvf9oSspU2dSFmeO8UHzKTsY4FXGodtQOMsYxVyi52gAuto3aAy96xl19GHogGBtdaR+0A46yCix3g/9ZRO8BAsbPFOgN0aq1zVjszQKc1tnKrAOh1tNY5q50jAHqVe00Avb7FzgTQyQgN8FztGcvQDgCQlQFlACA3q+cAQG4+FQQAcnMuAgDIzSFQACC3WjtaBwDIq9aO1gEA8qq1o3UAgLxq7WgdACCvJV5aBwBIbAmtAwBktmgd4F4fBTyNV/WKRtQAAAAASUVORK5CYII=);
        background-size: 100% 100%;
    }

.unreceive-btn {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 185px;
    height: 70px;
    flex-shrink: 0;
    border-radius: 10px;
    background: url(/images/active/btn-bg.png);
    background-size: 100% 100%;
    cursor: pointer;
}

    .unreceive-btn p {
        color: #4F3A25;
        text-align: right;
        font-family: "PingFang SC";
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        margin-bottom: 0;
    }

.receive-dialog-wrap {
    position: relative;
    border-radius: 20px;
    color: #fff;
    background: #1f1f1f;
    border: 1px solid rgba(222,180,137,.2);
    box-shadow: 0 0 20px 0 rgba(0,0,0,.2);
    width: 952px;
    flex-shrink: 0;
}

    .receive-dialog-wrap .header {
        padding: 24px 34px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

        .receive-dialog-wrap .header h1 {
            color: #C3986C;
            font-family: "PingFang SC";
            font-size: 32px;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
        }

        .receive-dialog-wrap .header .close {
            width: 33px;
            height: 33px;
            background: url(data:image/png;base64,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);
            background-size: cover;
        }

    .receive-dialog-wrap .line {
        width: 951px;
        height: 1px;
        flex-shrink: 0;
        background: #463D34;
    }

    .receive-dialog-wrap .tabs-wrap {
        width: 100%;
        padding: 10px 73px;
    }

    .receive-dialog-wrap .receive-container {
        width: 100%;
        border-radius: 15px;
        background: #2B2B2B;
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-family: "PingFang SC";
        font-size: 22px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        margin: 10px 0;
    }

        .receive-dialog-wrap .receive-container:first-child {
            margin-top: 0;
        }

        .receive-dialog-wrap .receive-container:last-child {
            margin-bottom: 0;
        }

        .receive-dialog-wrap .receive-container .info-wrap {
            height: 100%;
            width: 70%;
            padding: 15px 20px;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }

            .receive-dialog-wrap .receive-container .info-wrap p {
                margin-bottom: 5px;
            }

                .receive-dialog-wrap .receive-container .info-wrap p:last-child {
                    margin-bottom: 0;
                }

        .receive-dialog-wrap .receive-container .btn-wrap {
            width: 30%;
            display: flex;
            justify-content: center;
        }

            .receive-dialog-wrap .receive-container .btn-wrap button {
                font-size: 22px;
            }

        .receive-dialog-wrap .receive-container .info-wrap .act-title {
            color: #D2B692;
        }

        .receive-dialog-wrap .receive-container .info-wrap .act-info {
            color: #5A5B5C;
        }

            .receive-dialog-wrap .receive-container .info-wrap .act-info .time {
                font-size: 18px;
            }

.act-amount {
    color: #DFA07F;
}

.receive-dialog-wrap .receive-container .btn-wrap button {
    width: 136px;
    height: 55px;
    flex-shrink: 0;
    border-radius: 32px;
    color: #4F3A25;
    font-weight: 500;
}

    .receive-dialog-wrap .receive-container .btn-wrap button.unreceive {
        background: url(/images/active/btn-bg.png);
        background-size: 100% 100%;
    }

    .receive-dialog-wrap .receive-container .btn-wrap button.received {
        background: linear-gradient(90deg, #DCDCDC 0%, #8E8E8E 100%);
        color: #4D4D4D;
    }

.quick-receive-wrap {
    height: 120px;
    width: 100%;
    padding: 32px;
    color: #5A5B5C;
    font-family: "PingFang SC";
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .quick-receive-wrap .quick-receive-btn, .quick-receive-wrap button:hover {
        width: 130px;
        height: 40px;
        flex-shrink: 0;
        border-radius: 20px;
        background: url(/images/active/btn-bg.png);
        background-size: 100% 100%;
        color: #4F3A25;
        font-family: "PingFang SC";
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
    }

.el-button--success.is-disabled, .el-button--success.is-disabled:active, .el-button--success.is-disabled:focus, .el-button--success.is-disabled:hover {
    background: url(/images/active/btn-bg.png);
    background-size: 100% 100%;
}

.quick-receive-wrap .quick-receive-btn.disabled {
    background: linear-gradient(90deg, #DCDCDC 0%, #8E8E8E 100%);
    color: #4D4D4D;
}


.receive-tabs {
}

/** 领取成功样式  start */
.receive-succ-wrap {
    position: fixed;
    inset: 0;
    z-index: 3001;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0,0,0,0.7);
    display: flex;
    justify-content: center;
    align-items: center;
}

    .receive-succ-wrap .center {
        width: 600px;
        height: 720px;
        position: relative;
    }

        .receive-succ-wrap .center .overlay {
            width: 100%;
            height: 90%;
            background: url(/images/active/receive-bg.png);
            background-size: cover;
            background-position: center;
            position: absolute;
            z-index: 1;
        }

        .receive-succ-wrap .center .content-wrap {
            position: absolute;
            left: 50%;
            bottom: 10%;
            transform: translateX(-50%);
            z-index: 2;
            width: 350px;
            height: 450px;
            border-radius: 20px;
            border: 1px solid #463D34;
            background: #1F1F1F;
            display: flex;
            justify-content: center;
        }

            .receive-succ-wrap .center .content-wrap .inner1 {
                width: 300px;
                height: 400px;
                border-radius: 20px;
                background: linear-gradient(180deg, #FBFFFF 0%, #FEF5DD 71.35%);
                margin-top: 25px;
                display: flex;
                justify-content: center;
            }

            .receive-succ-wrap .center .content-wrap .inner2 {
                width: 270px;
                height: 370px;
                border-radius: 20px;
                border: 5px solid #FFE5CD;
                margin-top: 25px;
                margin-bottom: 0;
            }

                .receive-succ-wrap .center .content-wrap .inner2 p {
                    color: #DFA07F;
                    text-align: center;
                    font-family: "PingFang SC";
                    font-size: 24px;
                    font-style: normal;
                    font-weight: 500;
                    line-height: normal;
                    text-align: center;
                    margin-top: 20px;
                }

                    .receive-succ-wrap .center .content-wrap .inner2 p.amount {
                        color: #FA0606;
                        font-size: 40px;
                        font-weight: 700;
                    }

            .receive-succ-wrap .center .content-wrap .mask {
                width: 350px;
                height: 200px;
                flex-shrink: 0;
                fill: #1F1F1F;
                stroke-width: 1px;
                stroke: #463D34;
                position: absolute;
                bottom: 0;
                z-index: 3;
            }

                .receive-succ-wrap .center .content-wrap .mask svg {
                    width: 100%;
                    height: 100%;
                }

            .receive-succ-wrap .center .content-wrap .btn {
                width: 250px;
                height: 60px;
                border-radius: 50px;
                background: linear-gradient(90deg, #E0B685 0%, #BE9367 100%);
                position: absolute;
                bottom: 10%;
                z-index: 4;
                display: flex;
                justify-content: center;
                align-items: center;
                cursor: pointer;
            }

                .receive-succ-wrap .center .content-wrap .btn span {
                    color: #4F3A25;
                    font-family: "PingFang SC";
                    font-size: 26px;
                    font-style: normal;
                    font-weight: 600;
                }

        .receive-succ-wrap .center .close-icon {
            width: max-content;
            height: max-content;
            position: absolute;
            left: 50%;
            bottom: 0;
            transform: translateX(-50%);
            z-index: 2;
            cursor: pointer;
            display: flex;
            justify-content: center;
            align-items: center;
        }

            .receive-succ-wrap .center .close-icon svg {
                width: 40px;
                height: 40px;
                flex-shrink: 0;
                stroke-width: 2.4px;
                stroke: #FFF;
            }

            .receive-succ-wrap .center .close-icon img {
                width: 20px;
                height: 20px;
                flex-shrink: 0;
                stroke-width: 2.4px;
                stroke: #FFF;
                position: absolute;
            }
/** 领取成功样式  end */
.el-dialog__header {
    padding: 20px 20px 10px;
    display: none;
}

.dialog-open .dialog-content {
    -webkit-animation-name: zoom-in;
    animation-name: zoom-in;
    background-color: #3e3e3e;
}

.dialog-open .dialog-content {
    -webkit-animation-name: zoom-in;
    animation-name: zoom-in;
    background-color: #3e3e3e;
}

.dialog-content-bd {
    margin: 25px 20px;
    color: rgb(210, 182, 146);
    text-align: center;
}

.dialog-content-ft .dialog-btn {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: block;
    color: #fff;
}

.el-input__inner {
    background: transparent !important;
    border-color: rgba(238,198,148,.4) !important;
    color: #fff !important;
}

.el-dialog__headerbtn .el-dialog__close {
    display: none !important;
}

.el-tabs__nav-scroll {
    height: 45px;
    padding: 0 32px;
}


.el-tabs__item {
    color: #5A5B5C !important;
    font-family: "PingFang SC" !important;
    font-size: 22px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: normal !important;
}

    .el-tabs__item.is-active {
        color: #DFA07F !important;
    }

        .el-tabs__item.is-active::after {
            width: 90%;
            height: 2px;
            background: red;
            bottom: -10px;
            background-color: #463D34 !important;
        }

.el-tabs__nav-wrap::after {
    bottom: -10px;
    background-color: #463D34 !important;
}

.el-tabs__active-bar {
    bottom: -3px !important;
    height: 4px !important;
    border-radius: 2px !important;
    background: #DFA07F !important;
}


.el-scrollbar {
    height: 480px;
    max-height: 680px;
}

.el-scrollbar__wrap {
    overflow: auto !important;
}


.el-button {
    border: none !important;
}

.el-loading-mask {
    background-color: rgb(30 30 30 / 90%) !important;
}

.el-loading-spinner .path {
    stroke: #b38c64 !important;
}


@keyframes bounceIn {
    from, 20%, 40%, 60%, 80%, to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3);
    }

    20% {
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        transform: scale3d(0.9, 0.9, 0.9);
    }

    60% {
        opacity: 1;
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        transform: scale3d(0.97, 0.97, 0.97);
    }

    to {
        opacity: 1;
        transform: scale3d(1, 1, 1);
    }
}

.bounceIn {
    animation-duration: 0.75s;
    animation-name: bounceIn;
}


@keyframes rotateOut {
    from {
        opacity: 1;
    }

    to {
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}

.rotateOut {
    animation: rotateOut 3s linear infinite;
    animation-name: rotateOut;
    transform-origin: center;
}