* {
    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: #1f1f1f;
    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: 0 0 70px;
    /*background: #1f1f1f url(../img/match-bg.png) top center no-repeat;*/
    min-height: 100%;
    position: relative;
}

.activity-banner {
    height: 410px;
    text-align: center;
}

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

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

    .activity-main .big-title {
        font-size: 30px;
        color: #f9dab5;
        padding: 0 55px;
        line-height: 80px;
        flex-basis: 40%;
    }

    .activity-main .record-list {
        padding-right: 60px;
    }

        .activity-main .record-list .el-link {
            margin-right: 30px;
        }

            .activity-main .record-list .el-link:last-child {
                margin: 0;
            }

.el-link.el-link--warning {
    color: #ff7600;
    font-size: 18px;
}

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

    .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;
        }
            .activity-main .content .list .item:last-child {
                margin-bottom: 0;
            }

            .activity-main .content .list .item .item-flex {
                display: flex;
                position: relative;
            }

                .activity-main .content .list .item .item-flex > div {
                    flex-basis: 50%;
                }

                .activity-main .content .list .item .item-flex .participants {
                    position: absolute;
                    top: -30px;
                    width: 100%;
                    height: 30px;
                    background: #ffffffcc;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                }

                    .activity-main .content .list .item .item-flex .participants span {
                        color: #cd3c29;
                    }

                .activity-main .content .list .item .item-flex .item-btn {
                    position: relative;
                    display: flex;
                    align-items: center;
                }

                    .activity-main .content .list .item .item-flex .item-btn button {
                        width: 140px;
                        height: 40px;
                    }

                    .activity-main .content .list .item .item-flex .item-btn .activity-stadus {
                        margin: 0 50px;
                    }

                    .activity-main .content .list .item .item-flex .item-btn .winners {
                        width: 138px;
                        height: 38px;
                        border: 1px solid #ff4800;
                        color: #ff4800;
                        background: transparent;
                    }

                    .activity-main .content .list .item .item-flex .item-btn .mark {
                        position: absolute;
                        right: -3px;
                        bottom: 104px;
                        height: 31px;
                        background: #cd3c29;
                        width: 100px;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        font-size: 16px;
                        color: #fff;
                        z-index: 3;
                    }
            /*.activity-main .content .list .item:hover .el-image img {
                    transform: scale(1.05);
                }*/

            .activity-main .content .list .item .el-image {
                display: block;
                /*height: 240px;*/
                min-height: 100px;
                max-height: 300px;
                cursor: pointer;
            }

                .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%;
                    height: auto;
                }

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

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

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

                .activity-main .content .list .item .info .remark {
                    color: #ffeb00;
                    margin-top: 5px;
                }

        .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;
        padding: 0 30px;
    }

        .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: 30px;
            margin-right: 11px;
        }

.el-dialog {
    background: transparent !important;
}

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

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

.dialog-content-hd .dialog-content-title {
    color: #e1aa10;
}

.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 .title span {
            font-size: 35px;
            font-weight: bold;
            color: #ffdaa9;
        }

    .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 .row-mar {
            margin: 30px 0;
        }

            .activity-detail-main .middle .row-mar .my-box {
                height: 100px;
                width: 85%;
                margin: 0 auto;
                background: #fff;
                color: #eec954;
                text-align: center;
                border-radius: 10px;
                padding: 20px;
            }

                .activity-detail-main .middle .row-mar .my-box .top {
                    color: #222;
                    font-size: 16px;
                    margin-bottom: 10px;
                }

                .activity-detail-main .middle .row-mar .my-box .num {
                    font-size: 18px;
                    font-weight: bold;
                }
        /*.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%;
    }

.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;
}
.footer {    
    height: 60px;
    line-height: 60px;
    background-color: #333;
    text-align: center;
    color: #ccc;
    font-size: 14px;
    width: 100%;
    position: fixed;
    bottom: 0;
    z-index:100;
}
.noactivity {
    width: 840px;
    background: #fff;
    border-radius: 10px;
}