/* 清除element的默认样式 */
.el-dialog {
    width: 100%;
    background: rgba(0, 0, 0, 0) !important;
}

.adwindow-custom {
    width: 600px;
}

@media (max-width: 1000px) {
    .adwindow-custom {
        width: 315px;
    }
}

.awardListPop-bg {
    background-image: url("../imgV2/result_bg.png") !important;
    height: 550px !important;
    background-size: 100% 100% !important;
}

.el-message--error {
    background-color: rgba(0, 0, 0, 0) !important;
    border-color: rgba(0, 0, 0, 0) !important;
    border-width: 0 !important;
    background-image: url("../img/message-error.png") !important;
}

.el-message--success {
    background-color: rgba(0, 0, 0, 0) !important;
    border-color: rgba(0, 0, 0, 0) !important;
    border-width: 0 !important;
    background-image: url("../img/message-success.png") !important;
}

/* element自定义类名修改，等会单独css */
.el-dialog__wrapper {
    background: rgba(0, 0, 0, .8) !important;
}

/* 登录弹窗 */
.login_egister {
    background: rgb(11, 18, 28) !important;
    background-size: 100% 100% !important;

}

.login_egisters {}

#upload .el-upload {
    display: flex;
    width: 100%;
    height: 100%;
}

.Taskin .el-dialog__body {
    padding: 0 !important;
}

.open_box_an_pup {
    background-color: rgba(24, 24, 31, .9) !important;
}

.el-dialog__wrapper {
    background-size: cover;
    background-image: url("https://csgo2024.oss-cn-hongkong.aliyuncs.com/frontend/assets/imgV2/bg.png") !important;
}

@media (max-width: 1200px) {
    .Taskin {
        width: 100% !important;
    }
}

.el-dialog__header {
    padding: 0 !important;
}

.login_egister .el-dialog__body {
    /* background-color:rgba(24,24,31,.9) !important ; */
    border-radius: 10px !important;
    background-blend-mode: overlay;
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: 200px;
}

.lock-box-toast {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, .8);
    z-index: 99;
}

/* 基本弹窗 */
.pop-up {
    background: radial-gradient(ellipse 80% 100% at center top, #2E2851 0%, #1B2335 60%) !important;
}

/* 改变翻页的样式 */
.el-pagination.is-background .el-pager li:not(.disabled).active {
    background-color: #1C1B1F !important;
    border: 1px solid #2E2C33;
}

.el-pagination.is-background .btn-next,
.el-pagination.is-background .btn-prev,
.el-pagination.is-background .el-pager li {
    padding: 0 10px;
    background-color: #1C1B1F !important;
    color: #FFFFFF !important;
    border-radius: 4px !important;
    border: 1px solid #2E2C33;
    box-sizing: border-box;
}

/* 改变input的样式 */
.el-input__inner {
    background-color: var(--main-bg-2) !important;
    border: 0 !important;
    color: #FFFFFF !important;
    border-radius: 0 !important;
}

.el-textarea__inner {
    background-color: var(--pan-btn) !important;
    border: 0 !important;
    color: #FFFFFF !important;
    border-radius: 0 !important;
}

.el-input-number__increase {
    border-radius: 0 !important;
    background-color: var(--main-yellow) !important;
    border: 0 !important;
    color: #FFFFFF !important;
}

.el-input-number__decrease {
    border-radius: 0 !important;
    background-color: var(--main-yellow) !important;
    border: 0 !important;
    color: #FFFFFF !important;
}

.el-input-number__decrease.is-disabled,
.el-input-number__increase.is-disabled {
    color: #C0C4CC !important;
}

.el-table th,
.el-table tr {
    background-color: var(--main-bg-2) !important;
    /*color: var(--main-yellow)!important;*/
}

.el-table--striped .el-table__body tr.el-table__row--striped td {
    background-color: var(--main-bg-2) !important;
    /*color: var(--main-yellow)!important;*/
}

.content-top-left-progress .el-progress__text {
    font-size: 30px !important;
    color: var(--main-yellow) !important;

}

.content-top-left-progress .el-progress__text::before {
    content: '';
    width: 1px;
    height: 1px;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: -1;
    box-shadow: 0 0 23px 22px #dc3545;
}

.content-top-right-progress .el-progress-circle,
.content-top-left-progress .el-progress-circle {
    opacity: 0;
}

.content-top-right-progress .el-progress__text {
    font-size: 30px !important;
    color: #C0C4CC !important;
}

.content-top-right-progress .el-progress__text::before {
    content: '';
    width: 1px;
    height: 1px;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: -1;
    box-shadow: 0 0 23px 22px #3c3c3c;
}

.content-top-center-slider .el-slider__runway {
    margin: 0 !important;

}

.content-top-center-slider .el-slider__bar {
    background-color: var(--main-yellow);
    height: 10px !important;
}

.content-top-center-slider .el-slider__runway {
    background-color: rbga(255, 255, 255, 0.05);
    height: 10px !important;
}

.content-bottom-slide-slider .el-slider__runway {
    margin-bottom: 1px !important;
}

.content-bottom-slide-slider .el-slider__bar {
    background-color: #495057 !important;
}

.content-bottom-slide-slider .el-slider__button {
    background-color: #fff !important;
    border: 3px solid #00DCFF !important;
}

.content-top-center-slider .el-slider__button {
    height: 44px !important;
    width: 44px !important;
    background: url("../img/sild-2.png");
    background-size: 100% 100%;
    border: 0 !important;
}

.cropper-dialog .el-dialog {
    background-color: var(--pan-btn) !important;
}

.el-table__body-wrapper {
    background-color: rgba(0, 0, 0, 1) !important;
}

.el-message-box {
    background-repeat: no-repeat;
    background-size: 30%;
    background-position: 90% 50%;
    padding-bottom: 30px;
}

.redPacket {
    background-color: var(--pan-btn) !important;
    color: #FFF !important;
    border: none !important;
}

.redPacket .el-message-box__title,
.redPacket .el-message-box__message {
    color: #FFF !important;
}

.el-button {
    width: 140px;
    height: 30px;
    border: none !important;
    background: url(https://csgo2024.oss-cn-hongkong.aliyuncs.com/frontend/assets/image/el-button-default.webp) no-repeat !important;
    background-size: 100% 100% !important;
    color: #121B24 !important;
}

.el-button--primary {
    background: url(https://csgo2024.oss-cn-hongkong.aliyuncs.com/frontend/assets/image/el-button-primary.webp) no-repeat !important;
    background-size: 100% 100% !important;
    margin-left: 30px !important;
}

.el-carousel__container {
    height: 260px !important;
}

@media (max-width: 1000px) {
    .el-carousel__container {
        height: 180px !important;
    }
}

@media (max-width: 760px) {
    .el-carousel__container {
        height: 100px !important;
    }
}

.el-message-box__wrapper {
    z-index: 9999 !important;
}

@media (max-width: 760px) {
    .el-message-box__wrapper {
        left: auto !important;
        right: auto !important;
        width: 100% !important;
    }

    .el-message-box {
        width: 250px !important;
    }
}

.activiyList-el-progress .el-icon-warning::before,
.vip .el-icon-warning::before {
    display: none;
}

.el-notification,
.el-message-box {
    border: none !important;
    background: radial-gradient(ellipse 80% 100% at center top, #2E2851 0%, #1B2335 60%) !important;
}

.el-notification__content,
.el-message-box__message,
.el-notification__title {
    color: #ffffff !important;
}

.el-table td.el-table__cell,
.el-table th.el-table__cell.is-leaf {
    border: 1px solid transparent !important;
}

.el-message-box__btns {
    display: flex;
    justify-content: center;
    margin-top: 30px;
}

.el-message {
    width: auto !important;
    z-index: 9999 !important;
}

@media (max-width: 960px) {
    .huodongtanchaunug {
        width: 100% !important;
    }

    .huodongtanchaunug .el-dialog__body {
        padding: 0 !important;
    }
}

/* 点击右下角的个人中心的弹窗样式 */
.phoneDrawer .el-drawer__body {
    background-color: #18181f;
    text-align: center;
}