@charset "UTF-8";
@font-face {  
    font-family: 'KhmerOSsiemreap'; /* 定义字体的名称 */  
    src: url('KhmerOSsiemreap.ttf') format('truetype'), /* 指定字体文件的路径和格式 */  ;  
    font-weight: normal; /* 可以指定字体的粗细 */  
    font-style: normal; /* 可以指定字体的样式 */  
}
*{
    font-family: "KhmerOSsiemreap" !important;
}
.el-message-box {
    --el-messagebox-title-color: var(--el-text-color-primary);
    --el-messagebox-width: 420px;
    --el-messagebox-border-radius: 4px;
    --el-messagebox-font-size: var(--el-font-size-large);
    --el-messagebox-content-font-size: var(--el-font-size-base);
    --el-messagebox-content-color: var(--el-text-color-regular);
    --el-messagebox-error-font-size: 12px;
    --el-messagebox-padding-primary: 15px
}

.el-message-box {
    display: inline-block;
    max-width: var(--el-messagebox-width);
    width: 100%;
    padding-bottom: 10px;
    vertical-align: middle;
    background-color: var(--el-bg-color);
    border-radius: var(--el-messagebox-border-radius);
    border: 1px solid var(--el-border-color-lighter);
    font-size: var(--el-messagebox-font-size);
    box-shadow: var(--el-box-shadow-light);
    text-align: left;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.el-message-box:focus {
    outline: 0 !important
}

.el-overlay.is-message-box .el-overlay-message-box {
    text-align: center;
    position: fixed;
    inset: 0;
    padding: 16px;
    overflow: auto
}

.el-overlay.is-message-box .el-overlay-message-box:after {
    content: "";
    display: inline-block;
    height: 100%;
    width: 0;
    vertical-align: middle
}

.el-message-box.is-draggable .el-message-box__header {
    cursor: move;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.el-message-box__header {
    position: relative;
    padding: var(--el-messagebox-padding-primary);
    padding-bottom: 10px
}

.el-message-box__title {
    padding-left: 0;
    margin-bottom: 0;
    font-size: var(--el-messagebox-font-size);
    line-height: 1;
    color: var(--el-messagebox-title-color)
}

.el-message-box__headerbtn {
    position: absolute;
    top: var(--el-messagebox-padding-primary);
    right: var(--el-messagebox-padding-primary);
    padding: 0;
    border: none;
    outline: 0;
    background: 0 0;
    font-size: var(--el-message-close-size, 16px);
    cursor: pointer
}

.el-message-box__headerbtn .el-message-box__close {
    color: var(--el-color-info);
    font-size: inherit
}

.el-message-box__headerbtn:focus .el-message-box__close,
.el-message-box__headerbtn:hover .el-message-box__close {
    color: var(--el-color-primary)
}

.el-message-box__content {
    padding: 10px var(--el-messagebox-padding-primary);
    color: var(--el-messagebox-content-color);
    font-size: var(--el-messagebox-content-font-size)
}

.el-message-box__container {
    position: relative
}

.el-message-box__input {
    padding-top: 15px
}

.el-message-box__input div.invalid>input {
    border-color: var(--el-color-error)
}

.el-message-box__input div.invalid>input:focus {
    border-color: var(--el-color-error)
}

.el-message-box__status {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 24px !important
}

.el-message-box__status:before {
    padding-left: 1px
}

.el-message-box__status.el-icon {
    position: absolute
}

.el-message-box__status+.el-message-box__message {
    padding-left: 36px;
    padding-right: 12px;
    word-break: break-word
}

.el-message-box__status.el-message-box-icon--success {
    --el-messagebox-color: var(--el-color-success);
    color: var(--el-messagebox-color)
}

.el-message-box__status.el-message-box-icon--info {
    --el-messagebox-color: var(--el-color-info);
    color: var(--el-messagebox-color)
}

.el-message-box__status.el-message-box-icon--warning {
    --el-messagebox-color: var(--el-color-warning);
    color: var(--el-messagebox-color)
}

.el-message-box__status.el-message-box-icon--error {
    --el-messagebox-color: var(--el-color-error);
    color: var(--el-messagebox-color)
}

.el-message-box__message {
    margin: 0
}

.el-message-box__message p {
    margin: 0;
    line-height: 24px
}

.el-message-box__errormsg {
    color: var(--el-color-error);
    font-size: var(--el-messagebox-error-font-size);
    min-height: 18px;
    margin-top: 2px
}

.el-message-box__btns {
    padding: 5px 15px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center
}

.el-message-box__btns button:nth-child(2) {
    margin-left: 10px
}

.el-message-box__btns-reverse {
    flex-direction: row-reverse
}

.el-message-box--center .el-message-box__title {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

.el-message-box--center .el-message-box__status {
    position: relative;
    top: auto;
    padding-right: 5px;
    text-align: center;
    transform: translateY(-1px)
}

.el-message-box--center .el-message-box__message {
    margin-left: 0
}

.el-message-box--center .el-message-box__btns {
    justify-content: center
}

.el-message-box--center .el-message-box__content {
    padding-left: calc(var(--el-messagebox-padding-primary) + 12px);
    padding-right: calc(var(--el-messagebox-padding-primary) + 12px);
    text-align: center
}

.fade-in-linear-enter-active .el-overlay-message-box {
    -webkit-animation: msgbox-fade-in var(--el-transition-duration);
    animation: msgbox-fade-in var(--el-transition-duration)
}

.fade-in-linear-leave-active .el-overlay-message-box {
    animation: msgbox-fade-in var(--el-transition-duration) reverse
}

@-webkit-keyframes msgbox-fade-in {
    0% {
        transform: translate3d(0, -20px, 0);
        opacity: 0
    }

    to {
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes msgbox-fade-in {
    0% {
        transform: translate3d(0, -20px, 0);
        opacity: 0
    }

    to {
        transform: translateZ(0);
        opacity: 1
    }
}

@-webkit-keyframes msgbox-fade-out {
    0% {
        transform: translateZ(0);
        opacity: 1
    }

    to {
        transform: translate3d(0, -20px, 0);
        opacity: 0
    }
}

@keyframes msgbox-fade-out {
    0% {
        transform: translateZ(0);
        opacity: 1
    }

    to {
        transform: translate3d(0, -20px, 0);
        opacity: 0
    }
}

.el-button {
    --el-button-font-weight: var(--el-font-weight-primary);
    --el-button-border-color: var(--el-border-color);
    --el-button-bg-color: var(--el-fill-color-blank);
    --el-button-text-color: var(--el-text-color-regular);
    --el-button-disabled-text-color: var(--el-disabled-text-color);
    --el-button-disabled-bg-color: var(--el-fill-color-blank);
    --el-button-disabled-border-color: var(--el-border-color-light);
    --el-button-divide-border-color: rgba(255, 255, 255, .5);
    --el-button-hover-text-color: var(--el-color-primary);
    --el-button-hover-bg-color: var(--el-color-primary-light-9);
    --el-button-hover-border-color: var(--el-color-primary-light-7);
    --el-button-active-text-color: var(--el-button-hover-text-color);
    --el-button-active-border-color: var(--el-color-primary);
    --el-button-active-bg-color: var(--el-button-hover-bg-color);
    --el-button-outline-color: var(--el-color-primary-light-5);
    --el-button-hover-link-text-color: var(--el-color-info);
    --el-button-active-color: var(--el-text-color-primary)
}

.el-button {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    /* line-height: 20px; */
    height: 32px;
    white-space: nowrap;
    cursor: pointer;
    color: var(--el-button-text-color);
    text-align: center;
    box-sizing: border-box;
    outline: 0;
    transition: .1s;
    font-weight: var(--el-button-font-weight);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
    -webkit-appearance: none;
    background-color: var(--el-button-bg-color);
    border: var(--el-border);
    border-color: var(--el-button-border-color);
    padding: 8px 15px;
    font-size: var(--el-font-size-base);
    border-radius: var(--el-border-radius-base)
}

.el-button:focus,
.el-button:hover {
    color: var(--el-button-hover-text-color);
    border-color: var(--el-button-hover-border-color);
    background-color: var(--el-button-hover-bg-color);
    outline: 0
}

.el-button:active {
    color: var(--el-button-active-text-color);
    border-color: var(--el-button-active-border-color);
    background-color: var(--el-button-active-bg-color);
    outline: 0
}

.el-button:focus-visible {
    outline: 2px solid var(--el-button-outline-color);
    outline-offset: 1px
}

.el-button>span {
    display: inline-flex;
    align-items: center
}

.el-button+.el-button {
    margin-left: 12px
}

.el-button.is-round {
    padding: 8px 15px
}

.el-button::-moz-focus-inner {
    border: 0
}

.el-button [class*=el-icon]+span {
    margin-left: 6px
}

.el-button [class*=el-icon] svg {
    vertical-align: bottom
}

.el-button.is-plain {
    --el-button-hover-text-color: var(--el-color-primary);
    --el-button-hover-bg-color: var(--el-fill-color-blank);
    --el-button-hover-border-color: var(--el-color-primary)
}

.el-button.is-active {
    color: var(--el-button-active-text-color);
    border-color: var(--el-button-active-border-color);
    background-color: var(--el-button-active-bg-color);
    outline: 0
}

.el-button.is-disabled,
.el-button.is-disabled:focus,
.el-button.is-disabled:hover {
    color: var(--el-button-disabled-text-color);
    cursor: not-allowed;
    background-image: none;
    background-color: var(--el-button-disabled-bg-color);
    border-color: var(--el-button-disabled-border-color)
}

.el-button.is-loading {
    position: relative;
    pointer-events: none
}

.el-button.is-loading:before {
    z-index: 1;
    pointer-events: none;
    content: "";
    position: absolute;
    inset: -1px;
    border-radius: inherit;
    background-color: var(--el-mask-color-extra-light)
}

.el-button.is-round {
    border-radius: var(--el-border-radius-round)
}

.el-button.is-circle {
    border-radius: 50%;
    padding: 8px
}

.el-button.is-text {
    color: var(--el-button-text-color);
    border: 0 solid transparent;
    background-color: transparent
}

.el-button.is-text.is-disabled {
    color: var(--el-button-disabled-text-color);
    background-color: transparent !important
}

.el-button.is-text:not(.is-disabled):focus,
.el-button.is-text:not(.is-disabled):hover {
    background-color: var(--el-fill-color-light)
}

.el-button.is-text:not(.is-disabled):focus-visible {
    outline: 2px solid var(--el-button-outline-color);
    outline-offset: 1px
}

.el-button.is-text:not(.is-disabled):active {
    background-color: var(--el-fill-color)
}

.el-button.is-text:not(.is-disabled).is-has-bg {
    background-color: var(--el-fill-color-light)
}

.el-button.is-text:not(.is-disabled).is-has-bg:focus,
.el-button.is-text:not(.is-disabled).is-has-bg:hover {
    background-color: var(--el-fill-color)
}

.el-button.is-text:not(.is-disabled).is-has-bg:active {
    background-color: var(--el-fill-color-dark)
}

.el-button__text--expand {
    letter-spacing: .3em;
    margin-right: -.3em
}

.el-button.is-link {
    border-color: transparent;
    color: var(--el-button-text-color);
    background: 0 0;
    padding: 2px;
    height: auto
}

.el-button.is-link:focus,
.el-button.is-link:hover {
    color: var(--el-button-hover-link-text-color)
}

.el-button.is-link.is-disabled {
    color: var(--el-button-disabled-text-color);
    background-color: transparent !important;
    border-color: transparent !important
}

.el-button.is-link:not(.is-disabled):focus,
.el-button.is-link:not(.is-disabled):hover {
    border-color: transparent;
    background-color: transparent
}

.el-button.is-link:not(.is-disabled):active {
    color: var(--el-button-active-color);
    border-color: transparent;
    background-color: transparent
}

.el-button--text {
    border-color: transparent;
    background: 0 0;
    color: var(--el-color-primary);
    padding-left: 0;
    padding-right: 0
}

.el-button--text.is-disabled {
    color: var(--el-button-disabled-text-color);
    background-color: transparent !important;
    border-color: transparent !important
}

.el-button--text:not(.is-disabled):focus,
.el-button--text:not(.is-disabled):hover {
    color: var(--el-color-primary-light-3);
    border-color: transparent;
    background-color: transparent
}

.el-button--text:not(.is-disabled):active {
    color: var(--el-color-primary-dark-2);
    border-color: transparent;
    background-color: transparent
}

.el-button__link--expand {
    letter-spacing: .3em;
    margin-right: -.3em
}

.el-button--primary {
    --el-button-text-color: var(--el-color-white);
    --el-button-bg-color: var(--el-color-primary);
    --el-button-border-color: var(--el-color-primary);
    --el-button-outline-color: var(--el-color-primary-light-5);
    --el-button-active-color: var(--el-color-primary-dark-2);
    --el-button-hover-text-color: var(--el-color-white);
    --el-button-hover-link-text-color: var(--el-color-primary-light-5);
    --el-button-hover-bg-color: var(--el-color-primary-light-3);
    --el-button-hover-border-color: var(--el-color-primary-light-3);
    --el-button-active-bg-color: var(--el-color-primary-dark-2);
    --el-button-active-border-color: var(--el-color-primary-dark-2);
    --el-button-disabled-text-color: var(--el-color-white);
    --el-button-disabled-bg-color: var(--el-color-primary-light-5);
    --el-button-disabled-border-color: var(--el-color-primary-light-5)
}

.el-button--primary.is-link,
.el-button--primary.is-plain,
.el-button--primary.is-text {
    --el-button-text-color: var(--el-color-primary);
    --el-button-bg-color: var(--el-color-primary-light-9);
    --el-button-border-color: var(--el-color-primary-light-5);
    --el-button-hover-text-color: var(--el-color-white);
    --el-button-hover-bg-color: var(--el-color-primary);
    --el-button-hover-border-color: var(--el-color-primary);
    --el-button-active-text-color: var(--el-color-white)
}

.el-button--primary.is-link.is-disabled,
.el-button--primary.is-link.is-disabled:active,
.el-button--primary.is-link.is-disabled:focus,
.el-button--primary.is-link.is-disabled:hover,
.el-button--primary.is-plain.is-disabled,
.el-button--primary.is-plain.is-disabled:active,
.el-button--primary.is-plain.is-disabled:focus,
.el-button--primary.is-plain.is-disabled:hover,
.el-button--primary.is-text.is-disabled,
.el-button--primary.is-text.is-disabled:active,
.el-button--primary.is-text.is-disabled:focus,
.el-button--primary.is-text.is-disabled:hover {
    color: var(--el-color-primary-light-5);
    background-color: var(--el-color-primary-light-9);
    border-color: var(--el-color-primary-light-8)
}

.el-button--success {
    --el-button-text-color: var(--el-color-white);
    --el-button-bg-color: var(--el-color-success);
    --el-button-border-color: var(--el-color-success);
    --el-button-outline-color: var(--el-color-success-light-5);
    --el-button-active-color: var(--el-color-success-dark-2);
    --el-button-hover-text-color: var(--el-color-white);
    --el-button-hover-link-text-color: var(--el-color-success-light-5);
    --el-button-hover-bg-color: var(--el-color-success-light-3);
    --el-button-hover-border-color: var(--el-color-success-light-3);
    --el-button-active-bg-color: var(--el-color-success-dark-2);
    --el-button-active-border-color: var(--el-color-success-dark-2);
    --el-button-disabled-text-color: var(--el-color-white);
    --el-button-disabled-bg-color: var(--el-color-success-light-5);
    --el-button-disabled-border-color: var(--el-color-success-light-5)
}

.el-button--success.is-link,
.el-button--success.is-plain,
.el-button--success.is-text {
    --el-button-text-color: var(--el-color-success);
    --el-button-bg-color: var(--el-color-success-light-9);
    --el-button-border-color: var(--el-color-success-light-5);
    --el-button-hover-text-color: var(--el-color-white);
    --el-button-hover-bg-color: var(--el-color-success);
    --el-button-hover-border-color: var(--el-color-success);
    --el-button-active-text-color: var(--el-color-white)
}

.el-button--success.is-link.is-disabled,
.el-button--success.is-link.is-disabled:active,
.el-button--success.is-link.is-disabled:focus,
.el-button--success.is-link.is-disabled:hover,
.el-button--success.is-plain.is-disabled,
.el-button--success.is-plain.is-disabled:active,
.el-button--success.is-plain.is-disabled:focus,
.el-button--success.is-plain.is-disabled:hover,
.el-button--success.is-text.is-disabled,
.el-button--success.is-text.is-disabled:active,
.el-button--success.is-text.is-disabled:focus,
.el-button--success.is-text.is-disabled:hover {
    color: var(--el-color-success-light-5);
    background-color: var(--el-color-success-light-9);
    border-color: var(--el-color-success-light-8)
}

.el-button--warning {
    --el-button-text-color: var(--el-color-white);
    --el-button-bg-color: var(--el-color-warning);
    --el-button-border-color: var(--el-color-warning);
    --el-button-outline-color: var(--el-color-warning-light-5);
    --el-button-active-color: var(--el-color-warning-dark-2);
    --el-button-hover-text-color: var(--el-color-white);
    --el-button-hover-link-text-color: var(--el-color-warning-light-5);
    --el-button-hover-bg-color: var(--el-color-warning-light-3);
    --el-button-hover-border-color: var(--el-color-warning-light-3);
    --el-button-active-bg-color: var(--el-color-warning-dark-2);
    --el-button-active-border-color: var(--el-color-warning-dark-2);
    --el-button-disabled-text-color: var(--el-color-white);
    --el-button-disabled-bg-color: var(--el-color-warning-light-5);
    --el-button-disabled-border-color: var(--el-color-warning-light-5)
}

.el-button--warning.is-link,
.el-button--warning.is-plain,
.el-button--warning.is-text {
    --el-button-text-color: var(--el-color-warning);
    --el-button-bg-color: var(--el-color-warning-light-9);
    --el-button-border-color: var(--el-color-warning-light-5);
    --el-button-hover-text-color: var(--el-color-white);
    --el-button-hover-bg-color: var(--el-color-warning);
    --el-button-hover-border-color: var(--el-color-warning);
    --el-button-active-text-color: var(--el-color-white)
}

.el-button--warning.is-link.is-disabled,
.el-button--warning.is-link.is-disabled:active,
.el-button--warning.is-link.is-disabled:focus,
.el-button--warning.is-link.is-disabled:hover,
.el-button--warning.is-plain.is-disabled,
.el-button--warning.is-plain.is-disabled:active,
.el-button--warning.is-plain.is-disabled:focus,
.el-button--warning.is-plain.is-disabled:hover,
.el-button--warning.is-text.is-disabled,
.el-button--warning.is-text.is-disabled:active,
.el-button--warning.is-text.is-disabled:focus,
.el-button--warning.is-text.is-disabled:hover {
    color: var(--el-color-warning-light-5);
    background-color: var(--el-color-warning-light-9);
    border-color: var(--el-color-warning-light-8)
}

.el-button--danger {
    --el-button-text-color: var(--el-color-white);
    --el-button-bg-color: var(--el-color-danger);
    --el-button-border-color: var(--el-color-danger);
    --el-button-outline-color: var(--el-color-danger-light-5);
    --el-button-active-color: var(--el-color-danger-dark-2);
    --el-button-hover-text-color: var(--el-color-white);
    --el-button-hover-link-text-color: var(--el-color-danger-light-5);
    --el-button-hover-bg-color: var(--el-color-danger-light-3);
    --el-button-hover-border-color: var(--el-color-danger-light-3);
    --el-button-active-bg-color: var(--el-color-danger-dark-2);
    --el-button-active-border-color: var(--el-color-danger-dark-2);
    --el-button-disabled-text-color: var(--el-color-white);
    --el-button-disabled-bg-color: var(--el-color-danger-light-5);
    --el-button-disabled-border-color: var(--el-color-danger-light-5)
}

.el-button--danger.is-link,
.el-button--danger.is-plain,
.el-button--danger.is-text {
    --el-button-text-color: var(--el-color-danger);
    --el-button-bg-color: var(--el-color-danger-light-9);
    --el-button-border-color: var(--el-color-danger-light-5);
    --el-button-hover-text-color: var(--el-color-white);
    --el-button-hover-bg-color: var(--el-color-danger);
    --el-button-hover-border-color: var(--el-color-danger);
    --el-button-active-text-color: var(--el-color-white)
}

.el-button--danger.is-link.is-disabled,
.el-button--danger.is-link.is-disabled:active,
.el-button--danger.is-link.is-disabled:focus,
.el-button--danger.is-link.is-disabled:hover,
.el-button--danger.is-plain.is-disabled,
.el-button--danger.is-plain.is-disabled:active,
.el-button--danger.is-plain.is-disabled:focus,
.el-button--danger.is-plain.is-disabled:hover,
.el-button--danger.is-text.is-disabled,
.el-button--danger.is-text.is-disabled:active,
.el-button--danger.is-text.is-disabled:focus,
.el-button--danger.is-text.is-disabled:hover {
    color: var(--el-color-danger-light-5);
    background-color: var(--el-color-danger-light-9);
    border-color: var(--el-color-danger-light-8)
}

.el-button--info {
    --el-button-text-color: var(--el-color-white);
    --el-button-bg-color: var(--el-color-info);
    --el-button-border-color: var(--el-color-info);
    --el-button-outline-color: var(--el-color-info-light-5);
    --el-button-active-color: var(--el-color-info-dark-2);
    --el-button-hover-text-color: var(--el-color-white);
    --el-button-hover-link-text-color: var(--el-color-info-light-5);
    --el-button-hover-bg-color: var(--el-color-info-light-3);
    --el-button-hover-border-color: var(--el-color-info-light-3);
    --el-button-active-bg-color: var(--el-color-info-dark-2);
    --el-button-active-border-color: var(--el-color-info-dark-2);
    --el-button-disabled-text-color: var(--el-color-white);
    --el-button-disabled-bg-color: var(--el-color-info-light-5);
    --el-button-disabled-border-color: var(--el-color-info-light-5)
}

.el-button--info.is-link,
.el-button--info.is-plain,
.el-button--info.is-text {
    --el-button-text-color: var(--el-color-info);
    --el-button-bg-color: var(--el-color-info-light-9);
    --el-button-border-color: var(--el-color-info-light-5);
    --el-button-hover-text-color: var(--el-color-white);
    --el-button-hover-bg-color: var(--el-color-info);
    --el-button-hover-border-color: var(--el-color-info);
    --el-button-active-text-color: var(--el-color-white)
}

.el-button--info.is-link.is-disabled,
.el-button--info.is-link.is-disabled:active,
.el-button--info.is-link.is-disabled:focus,
.el-button--info.is-link.is-disabled:hover,
.el-button--info.is-plain.is-disabled,
.el-button--info.is-plain.is-disabled:active,
.el-button--info.is-plain.is-disabled:focus,
.el-button--info.is-plain.is-disabled:hover,
.el-button--info.is-text.is-disabled,
.el-button--info.is-text.is-disabled:active,
.el-button--info.is-text.is-disabled:focus,
.el-button--info.is-text.is-disabled:hover {
    color: var(--el-color-info-light-5);
    background-color: var(--el-color-info-light-9);
    border-color: var(--el-color-info-light-8)
}

.el-button--large {
    --el-button-size: 40px;
    height: var(--el-button-size);
    padding: 12px 19px;
    font-size: var(--el-font-size-base);
    border-radius: var(--el-border-radius-base)
}

.el-button--large [class*=el-icon]+span {
    margin-left: 8px
}

.el-button--large.is-round {
    padding: 12px 19px
}

.el-button--large.is-circle {
    width: var(--el-button-size);
    padding: 12px
}

.el-button--small {
    --el-button-size: 24px;
    height: var(--el-button-size);
    padding: 5px 11px;
    font-size: 12px;
    border-radius: calc(var(--el-border-radius-base) - 1px)
}

.el-button--small [class*=el-icon]+span {
    margin-left: 4px
}

.el-button--small.is-round {
    padding: 5px 11px
}

.el-button--small.is-circle {
    width: var(--el-button-size);
    padding: 5px
}

.el-textarea {
    --el-input-text-color: var(--el-text-color-regular);
    --el-input-border: var(--el-border);
    --el-input-hover-border: var(--el-border-color-hover);
    --el-input-focus-border: var(--el-color-primary);
    --el-input-transparent-border: 0 0 0 1px transparent inset;
    --el-input-border-color: var(--el-border-color);
    --el-input-border-radius: var(--el-border-radius-base);
    --el-input-bg-color: var(--el-fill-color-blank);
    --el-input-icon-color: var(--el-text-color-placeholder);
    --el-input-placeholder-color: var(--el-text-color-placeholder);
    --el-input-hover-border-color: var(--el-border-color-hover);
    --el-input-clear-hover-color: var(--el-text-color-secondary);
    --el-input-focus-border-color: var(--el-color-primary)
}

.el-textarea {
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: bottom;
    font-size: var(--el-font-size-base)
}

.el-textarea__inner {
    position: relative;
    display: block;
    resize: vertical;
    padding: 5px 11px;
    line-height: 1.5;
    box-sizing: border-box;
    width: 100%;
    font-size: inherit;
    font-family:"KhmerOSsiemreap",inherit;
    color: var(--el-input-text-color, var(--el-text-color-regular));
    background-color: var(--el-input-bg-color, var(--el-fill-color-blank));
    background-image: none;
    -webkit-appearance: none;
    box-shadow: 0 0 0 1px var(--el-input-border-color, var(--el-border-color)) inset;
    border-radius: var(--el-input-border-radius, var(--el-border-radius-base));
    transition: var(--el-transition-box-shadow);
    border: none
}

.el-textarea__inner::-moz-placeholder {
    color: var(--el-input-placeholder-color, var(--el-text-color-placeholder))
}

.el-textarea__inner:-ms-input-placeholder {
    color: var(--el-input-placeholder-color, var(--el-text-color-placeholder))
}

.el-textarea__inner::placeholder {
    color: var(--el-input-placeholder-color, var(--el-text-color-placeholder))
}

.el-textarea__inner:hover {
    box-shadow: 0 0 0 1px var(--el-input-hover-border-color) inset
}

.el-textarea__inner:focus {
    outline: 0;
    box-shadow: 0 0 0 1px var(--el-input-focus-border-color) inset
}

.el-textarea .el-input__count {
    color: var(--el-color-info);
    background: var(--el-fill-color-blank);
    position: absolute;
    font-size: 12px;
    line-height: 14px;
    bottom: 5px;
    right: 10px
}

.el-textarea.is-disabled .el-textarea__inner {
    background-color: var(--el-disabled-bg-color);
    border-color: var(--el-disabled-border-color);
    color: var(--el-disabled-text-color);
    cursor: not-allowed
}

.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder {
    color: var(--el-text-color-placeholder)
}

.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder {
    color: var(--el-text-color-placeholder)
}

.el-textarea.is-disabled .el-textarea__inner::placeholder {
    color: var(--el-text-color-placeholder)
}

.el-textarea.is-exceed .el-textarea__inner {
    border-color: var(--el-color-danger)
}

.el-textarea.is-exceed .el-input__count {
    color: var(--el-color-danger)
}

.el-input {
    --el-input-text-color: var(--el-text-color-regular);
    --el-input-border: var(--el-border);
    --el-input-hover-border: var(--el-border-color-hover);
    --el-input-focus-border: var(--el-color-primary);
    --el-input-transparent-border: 0 0 0 1px transparent inset;
    --el-input-border-color: var(--el-border-color);
    --el-input-border-radius: var(--el-border-radius-base);
    --el-input-bg-color: var(--el-fill-color-blank);
    --el-input-icon-color: var(--el-text-color-placeholder);
    --el-input-placeholder-color: var(--el-text-color-placeholder);
    --el-input-hover-border-color: var(--el-border-color-hover);
    --el-input-clear-hover-color: var(--el-text-color-secondary);
    --el-input-focus-border-color: var(--el-color-primary)
}

.el-input {
    --el-input-height: var(--el-component-size);
    position: relative;
    font-size: var(--el-font-size-base);
    display: inline-flex;
    width: 100%;
    line-height: var(--el-input-height);
    box-sizing: border-box;
    vertical-align: middle
}

.el-input::-webkit-scrollbar {
    z-index: 11;
    width: 6px
}

.el-input::-webkit-scrollbar:horizontal {
    height: 6px
}

.el-input::-webkit-scrollbar-thumb {
    border-radius: 5px;
    width: 6px;
    background: var(--el-text-color-disabled)
}

.el-input::-webkit-scrollbar-corner {
    background: var(--el-fill-color-blank)
}

.el-input::-webkit-scrollbar-track {
    background: var(--el-fill-color-blank)
}

.el-input::-webkit-scrollbar-track-piece {
    background: var(--el-fill-color-blank);
    width: 6px
}

.el-input .el-input__clear,
.el-input .el-input__password {
    color: var(--el-input-icon-color);
    font-size: 14px;
    cursor: pointer
}

.el-input .el-input__clear:hover,
.el-input .el-input__password:hover {
    color: var(--el-input-clear-hover-color)
}

.el-input .el-input__count {
    height: 100%;
    display: inline-flex;
    align-items: center;
    color: var(--el-color-info);
    font-size: 12px
}

.el-input .el-input__count .el-input__count-inner {
    background: var(--el-fill-color-blank);
    line-height: initial;
    display: inline-block;
    padding-left: 8px
}

.el-input__wrapper {
    display: inline-flex;
    flex-grow: 1;
    align-items: center;
    justify-content: center;
    padding: 1px 11px;
    background-color: var(--el-input-bg-color, var(--el-fill-color-blank));
    background-image: none;
    border-radius: var(--el-input-border-radius, var(--el-border-radius-base));
    transition: var(--el-transition-box-shadow);
    box-shadow: 0 0 0 1px var(--el-input-border-color, var(--el-border-color)) inset
}

.el-input__wrapper:hover {
    box-shadow: 0 0 0 1px var(--el-input-hover-border-color) inset
}

.el-input__wrapper.is-focus {
    box-shadow: 0 0 0 1px var(--el-input-focus-border-color) inset
}

.el-input__inner {
    --el-input-inner-height: calc(var(--el-input-height, 32px) - 2px);
    width: 100%;
    flex-grow: 1;
    -webkit-appearance: none;
    color: var(--el-input-text-color, var(--el-text-color-regular));
    font-size: 15px;
    height: var(--el-input-inner-height);
    line-height: var(--el-input-inner-height);
    padding: 0;
    outline: 0;
    border: none;
    background: 0 0;
    box-sizing: border-box
}

.el-input__inner:focus {
    outline: 0
}

.el-input__inner::-moz-placeholder {
    color: var(--el-input-placeholder-color, var(--el-text-color-placeholder))
}

.el-input__inner:-ms-input-placeholder {
    color: var(--el-input-placeholder-color, var(--el-text-color-placeholder))
}

.el-input__inner::placeholder {
    color: var(--el-input-placeholder-color, var(--el-text-color-placeholder))
}

.el-input__inner[type=password]::-ms-reveal {
    display: none
}

.el-input__prefix {
    display: inline-flex;
    white-space: nowrap;
    flex-shrink: 0;
    flex-wrap: nowrap;
    height: 100%;
    text-align: center;
    color: var(--el-input-icon-color, var(--el-text-color-placeholder));
    transition: all var(--el-transition-duration);
    pointer-events: none
}

.el-input__prefix-inner {
    pointer-events: all;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.el-input__prefix-inner>:last-child {
    margin-right: 8px
}

.el-input__prefix-inner>:first-child,
.el-input__prefix-inner>:first-child.el-input__icon {
    margin-left: 0
}

.el-input__suffix {
    display: inline-flex;
    white-space: nowrap;
    flex-shrink: 0;
    flex-wrap: nowrap;
    height: 100%;
    text-align: center;
    color: var(--el-input-icon-color, var(--el-text-color-placeholder));
    transition: all var(--el-transition-duration);
    pointer-events: none
}

.el-input__suffix-inner {
    pointer-events: all;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.el-input__suffix-inner>:first-child {
    margin-left: 8px
}

.el-input .el-input__icon {
    height: inherit;
    line-height: inherit;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all var(--el-transition-duration);
    margin-left: 8px
}

.el-input__validateIcon {
    pointer-events: none
}

.el-input.is-active .el-input__wrapper {
    box-shadow: 0 0 0 1px var(--el-input-focus-color, ) inset
}

.el-input.is-disabled {
    cursor: not-allowed
}

.el-input.is-disabled .el-input__wrapper {
    background-color: var(--el-disabled-bg-color);
    box-shadow: 0 0 0 1px var(--el-disabled-border-color) inset
}

.el-input.is-disabled .el-input__inner {
    color: var(--el-disabled-text-color);
    -webkit-text-fill-color: var(--el-disabled-text-color);
    cursor: not-allowed
}

.el-input.is-disabled .el-input__inner::-moz-placeholder {
    color: var(--el-text-color-placeholder)
}

.el-input.is-disabled .el-input__inner:-ms-input-placeholder {
    color: var(--el-text-color-placeholder)
}

.el-input.is-disabled .el-input__inner::placeholder {
    color: var(--el-text-color-placeholder)
}

.el-input.is-disabled .el-input__icon {
    cursor: not-allowed
}

.el-input.is-exceed .el-input__wrapper {
    box-shadow: 0 0 0 1px var(--el-color-danger) inset
}

.el-input.is-exceed .el-input__suffix .el-input__count {
    color: var(--el-color-danger)
}

.el-input--large {
    --el-input-height: var(--el-component-size-large);
    font-size: 14px
}

.el-input--large .el-input__wrapper {
    padding: 1px 15px
}

.el-input--large .el-input__inner {
    --el-input-inner-height: calc(var(--el-input-height, 40px) - 2px)
}

.el-input--small {
    --el-input-height: var(--el-component-size-small);
    font-size: 12px
}

.el-input--small .el-input__wrapper {
    padding: 1px 7px
}

.el-input--small .el-input__inner {
    --el-input-inner-height: calc(var(--el-input-height, 24px) - 2px)
}

.el-input-group {
    display: inline-flex;
    width: 100%;
    align-items: stretch
}

.el-input-group__append,
.el-input-group__prepend {
    background-color: var(--el-fill-color-light);
    color: var(--el-color-info);
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 100%;
    border-radius: var(--el-input-border-radius);
    padding: 0 20px;
    white-space: nowrap
}

.el-input-group__append:focus,
.el-input-group__prepend:focus {
    outline: 0
}

.el-input-group__append .el-button,
.el-input-group__append .el-select,
.el-input-group__prepend .el-button,
.el-input-group__prepend .el-select {
    display: inline-block;
    margin: 0 -20px
}

.el-input-group__append button.el-button,
.el-input-group__append button.el-button:hover,
.el-input-group__append div.el-select .el-input__wrapper,
.el-input-group__append div.el-select:hover .el-input__wrapper,
.el-input-group__prepend button.el-button,
.el-input-group__prepend button.el-button:hover,
.el-input-group__prepend div.el-select .el-input__wrapper,
.el-input-group__prepend div.el-select:hover .el-input__wrapper {
    border-color: transparent;
    background-color: transparent;
    color: inherit
}

.el-input-group__append .el-button,
.el-input-group__append .el-input,
.el-input-group__prepend .el-button,
.el-input-group__prepend .el-input {
    font-size: inherit
}

.el-input-group__prepend {
    border-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    box-shadow: 1px 0 0 0 var(--el-input-border-color) inset, 0 1px 0 0 var(--el-input-border-color) inset, 0 -1px 0 0 var(--el-input-border-color) inset
}

.el-input-group__append {
    border-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    box-shadow: 0 1px 0 0 var(--el-input-border-color) inset, 0 -1px 0 0 var(--el-input-border-color) inset, -1px 0 0 0 var(--el-input-border-color) inset
}

.el-input-group--prepend>.el-input__wrapper {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.el-input-group--prepend .el-input-group__prepend .el-select .el-input .el-input__inner {
    box-shadow: none !important
}

.el-input-group--prepend .el-input-group__prepend .el-select .el-input .el-input__wrapper {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    box-shadow: 1px 0 0 0 var(--el-input-border-color) inset, 0 1px 0 0 var(--el-input-border-color) inset, 0 -1px 0 0 var(--el-input-border-color) inset
}

.el-input-group--prepend .el-input-group__prepend .el-select .el-input.is-focus .el-input__inner {
    box-shadow: none !important
}

.el-input-group--prepend .el-input-group__prepend .el-select .el-input.is-focus .el-input__wrapper {
    box-shadow: 1px 0 0 0 var(--el-input-focus-border-color) inset, 1px 0 0 0 var(--el-input-focus-border-color), 0 1px 0 0 var(--el-input-focus-border-color) inset, 0 -1px 0 0 var(--el-input-focus-border-color) inset !important;
    z-index: 2
}

.el-input-group--prepend .el-input-group__prepend .el-select .el-input.is-focus .el-input__wrapper:focus {
    outline: 0;
    z-index: 2;
    box-shadow: 1px 0 0 0 var(--el-input-focus-border-color) inset, 1px 0 0 0 var(--el-input-focus-border-color), 0 1px 0 0 var(--el-input-focus-border-color) inset, 0 -1px 0 0 var(--el-input-focus-border-color) inset !important
}

.el-input-group--prepend .el-input-group__prepend .el-select:hover .el-input__inner {
    box-shadow: none !important
}

.el-input-group--prepend .el-input-group__prepend .el-select:hover .el-input__wrapper {
    z-index: 1;
    box-shadow: 1px 0 0 0 var(--el-input-hover-border-color) inset, 1px 0 0 0 var(--el-input-hover-border-color), 0 1px 0 0 var(--el-input-hover-border-color) inset, 0 -1px 0 0 var(--el-input-hover-border-color) inset !important
}

.el-input-group--append>.el-input__wrapper {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.el-input-group--append .el-input-group__append .el-select .el-input .el-input__inner {
    box-shadow: none !important
}

.el-input-group--append .el-input-group__append .el-select .el-input .el-input__wrapper {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    box-shadow: 0 1px 0 0 var(--el-input-border-color) inset, 0 -1px 0 0 var(--el-input-border-color) inset, -1px 0 0 0 var(--el-input-border-color) inset
}

.el-input-group--append .el-input-group__append .el-select .el-input.is-focus .el-input__inner {
    box-shadow: none !important
}

.el-input-group--append .el-input-group__append .el-select .el-input.is-focus .el-input__wrapper {
    z-index: 2;
    box-shadow: -1px 0 0 0 var(--el-input-focus-border-color), -1px 0 0 0 var(--el-input-focus-border-color) inset, 0 1px 0 0 var(--el-input-focus-border-color) inset, 0 -1px 0 0 var(--el-input-focus-border-color) inset !important
}

.el-input-group--append .el-input-group__append .el-select:hover .el-input__inner {
    box-shadow: none !important
}

.el-input-group--append .el-input-group__append .el-select:hover .el-input__wrapper {
    z-index: 1;
    box-shadow: -1px 0 0 0 var(--el-input-hover-border-color), -1px 0 0 0 var(--el-input-hover-border-color) inset, 0 1px 0 0 var(--el-input-hover-border-color) inset, 0 -1px 0 0 var(--el-input-hover-border-color) inset !important
}

.el-overlay {
    position: fixed;
    inset: 0;
    z-index: 2000;
    height: 100%;
    background-color: var(--el-overlay-color-lighter);
    overflow: auto
}

.el-overlay .el-overlay-root {
    height: 0
}

:root {
    --el-popup-modal-bg-color: var(--el-color-black);
    --el-popup-modal-opacity: .5
}

.v-modal-enter {
    -webkit-animation: v-modal-in var(--el-transition-duration-fast) ease;
    animation: v-modal-in var(--el-transition-duration-fast) ease
}

.v-modal-leave {
    -webkit-animation: v-modal-out var(--el-transition-duration-fast) ease forwards;
    animation: v-modal-out var(--el-transition-duration-fast) ease forwards
}

@-webkit-keyframes v-modal-in {
    0% {
        opacity: 0
    }
}

@keyframes v-modal-in {
    0% {
        opacity: 0
    }
}

@-webkit-keyframes v-modal-out {
    to {
        opacity: 0
    }
}

@keyframes v-modal-out {
    to {
        opacity: 0
    }
}

.v-modal {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: var(--el-popup-modal-opacity);
    background: var(--el-popup-modal-bg-color)
}

.el-popup-parent--hidden {
    overflow: hidden
}

.el-dialog {
    --el-dialog-width: 50%;
    --el-dialog-margin-top: 15vh;
    --el-dialog-bg-color: var(--el-bg-color);
    --el-dialog-box-shadow: var(--el-box-shadow);
    --el-dialog-title-font-size: var(--el-font-size-large);
    --el-dialog-content-font-size: 14px;
    --el-dialog-font-line-height: var(--el-font-line-height-primary);
    --el-dialog-padding-primary: 20px;
    --el-dialog-border-radius: var(--el-border-radius-small);
    position: relative;
    margin: var(--el-dialog-margin-top, 15vh) auto 50px;
    background: var(--el-dialog-bg-color);
    border-radius: var(--el-dialog-border-radius);
    box-shadow: var(--el-dialog-box-shadow);
    box-sizing: border-box;
    width: var(--el-dialog-width, 50%)
}

.el-dialog:focus {
    outline: 0 !important
}

.el-dialog.is-align-center {
    margin: auto
}

.el-dialog.is-fullscreen {
    --el-dialog-width: 100%;
    --el-dialog-margin-top: 0;
    margin-bottom: 0;
    height: 100%;
    overflow: auto
}

.el-dialog__wrapper {
    position: fixed;
    inset: 0;
    overflow: auto;
    margin: 0
}

.el-dialog.is-draggable .el-dialog__header {
    cursor: move;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.el-dialog__header {
    padding: var(--el-dialog-padding-primary);
    padding-bottom: 10px;
    margin-right: 16px;
    word-break: break-all
}

.el-dialog__headerbtn {
    position: absolute;
    top: 6px;
    right: 0;
    padding: 0;
    width: 54px;
    height: 54px;
    background: 0 0;
    border: none;
    outline: 0;
    cursor: pointer;
    font-size: var(--el-message-close-size, 16px)
}

.el-dialog__headerbtn .el-dialog__close {
    color: var(--el-color-info);
    font-size: inherit
}

.el-dialog__headerbtn:focus .el-dialog__close,
.el-dialog__headerbtn:hover .el-dialog__close {
    color: var(--el-color-primary)
}

.el-dialog__title {
    line-height: var(--el-dialog-font-line-height);
    font-size: var(--el-dialog-title-font-size);
    color: var(--el-text-color-primary)
}

.el-dialog__body {
    padding: calc(var(--el-dialog-padding-primary) + 10px) var(--el-dialog-padding-primary);
    color: var(--el-text-color-regular);
    font-size: var(--el-dialog-content-font-size);
    word-break: break-all
}

.el-dialog__footer {
    padding: var(--el-dialog-padding-primary);
    padding-top: 10px;
    text-align: right;
    box-sizing: border-box
}

.el-dialog--center {
    text-align: center
}

.el-dialog--center .el-dialog__body {
    text-align: initial;
    padding: 25px calc(var(--el-dialog-padding-primary) + 5px) 30px
}

.el-dialog--center .el-dialog__footer {
    text-align: inherit
}

.el-overlay-dialog {
    position: fixed;
    inset: 0;
    overflow: auto
}

.dialog-fade-enter-active {
    -webkit-animation: modal-fade-in var(--el-transition-duration);
    animation: modal-fade-in var(--el-transition-duration)
}

.dialog-fade-enter-active .el-overlay-dialog {
    -webkit-animation: dialog-fade-in var(--el-transition-duration);
    animation: dialog-fade-in var(--el-transition-duration)
}

.dialog-fade-leave-active {
    -webkit-animation: modal-fade-out var(--el-transition-duration);
    animation: modal-fade-out var(--el-transition-duration)
}

.dialog-fade-leave-active .el-overlay-dialog {
    -webkit-animation: dialog-fade-out var(--el-transition-duration);
    animation: dialog-fade-out var(--el-transition-duration)
}

@-webkit-keyframes dialog-fade-in {
    0% {
        transform: translate3d(0, -20px, 0);
        opacity: 0
    }

    to {
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes dialog-fade-in {
    0% {
        transform: translate3d(0, -20px, 0);
        opacity: 0
    }

    to {
        transform: translateZ(0);
        opacity: 1
    }
}

@-webkit-keyframes dialog-fade-out {
    0% {
        transform: translateZ(0);
        opacity: 1
    }

    to {
        transform: translate3d(0, -20px, 0);
        opacity: 0
    }
}

@keyframes dialog-fade-out {
    0% {
        transform: translateZ(0);
        opacity: 1
    }

    to {
        transform: translate3d(0, -20px, 0);
        opacity: 0
    }
}

@-webkit-keyframes modal-fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes modal-fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes modal-fade-out {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes modal-fade-out {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.el-pagination {
    --el-pagination-font-size: 15px;
    --el-pagination-bg-color: var(--el-fill-color-blank);
    --el-pagination-text-color: var(--el-text-color-primary);
    --el-pagination-border-radius: 2px;
    --el-pagination-button-color: var(--el-text-color-primary);
    --el-pagination-button-width: 32px;
    --el-pagination-button-height: 32px;
    --el-pagination-button-disabled-color: var(--el-text-color-placeholder);
    --el-pagination-button-disabled-bg-color: var(--el-fill-color-blank);
    --el-pagination-button-bg-color: var(--el-fill-color);
    --el-pagination-hover-color: var(--el-color-primary);
    --el-pagination-font-size-small: 12px;
    --el-pagination-button-width-small: 24px;
    --el-pagination-button-height-small: 24px;
    --el-pagination-item-gap: 16px;
    white-space: nowrap;
    color: var(--el-pagination-text-color);
    font-size: var(--el-pagination-font-size);
    font-weight: 400;
    display: flex;
    align-items: center
}

.el-pagination .el-input__inner {
    text-align: center;
    -moz-appearance: textfield
}

.el-pagination .el-select .el-input {
    width: 128px
}

.el-pagination button {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: var(--el-pagination-font-size);
    min-width: var(--el-pagination-button-width);
    height: var(--el-pagination-button-height);
    line-height: var(--el-pagination-button-height);
    color: var(--el-pagination-button-color);
    background: var(--el-pagination-bg-color);
    padding: 0 4px;
    border: none;
    border-radius: var(--el-pagination-border-radius);
    cursor: pointer;
    text-align: center;
    box-sizing: border-box
}

.el-pagination button * {
    pointer-events: none
}

.el-pagination button:focus {
    outline: 0
}

.el-pagination button:hover {
    color: var(--el-pagination-hover-color)
}

.el-pagination button.is-active {
    color: var(--el-pagination-hover-color);
    cursor: default;
    font-weight: 700
}

.el-pagination button.is-active.is-disabled {
    font-weight: 700;
    color: var(--el-text-color-secondary)
}

.el-pagination button.is-disabled,
.el-pagination button:disabled {
    color: var(--el-pagination-button-disabled-color);
    background-color: var(--el-pagination-button-disabled-bg-color);
    cursor: not-allowed
}

.el-pagination button:focus-visible {
    outline: 1px solid var(--el-pagination-hover-color);
    outline-offset: -1px
}

.el-pagination .btn-next .el-icon,
.el-pagination .btn-prev .el-icon {
    display: block;
    font-size: 12px;
    font-weight: 700;
    width: inherit
}

.el-pagination>.is-first {
    margin-left: 0 !important
}

.el-pagination>.is-last {
    margin-right: 0 !important
}

.el-pagination .btn-prev {
    margin-left: var(--el-pagination-item-gap)
}

.el-pagination__sizes,
.el-pagination__total {
    margin-left: var(--el-pagination-item-gap);
    font-weight: 400;
    color: var(--el-text-color-regular)
}

.el-pagination__total[disabled=true] {
    color: var(--el-text-color-placeholder)
}

.el-pagination__jump {
    display: flex;
    align-items: center;
    margin-left: var(--el-pagination-item-gap);
    font-weight: 400;
    color: var(--el-text-color-regular)
}

.el-pagination__jump[disabled=true] {
    color: var(--el-text-color-placeholder)
}

.el-pagination__goto {
    margin-right: 8px
}

.el-pagination__editor {
    text-align: center;
    box-sizing: border-box
}

.el-pagination__editor.el-input {
    width: 56px;
    height: 30px;
}

.el-pagination__editor .el-input__inner::-webkit-inner-spin-button,
.el-pagination__editor .el-input__inner::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.el-pagination__classifier {
    margin-left: 8px;
    cursor: pointer;
}

.el-pagination__rightwrapper {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.el-pagination.is-background .btn-next,
.el-pagination.is-background .btn-prev,
.el-pagination.is-background .el-pager li {
    margin: 0 4px;
    background-color: var(--el-pagination-button-bg-color)
}

.el-pagination.is-background .btn-next.is-active,
.el-pagination.is-background .btn-prev.is-active,
.el-pagination.is-background .el-pager li.is-active {
    background-color: var(--el-color-primary);
    color: var(--el-color-white)
}

.el-pagination.is-background .btn-next.is-disabled,
.el-pagination.is-background .btn-next:disabled,
.el-pagination.is-background .btn-prev.is-disabled,
.el-pagination.is-background .btn-prev:disabled,
.el-pagination.is-background .el-pager li.is-disabled,
.el-pagination.is-background .el-pager li:disabled {
    color: var(--el-text-color-placeholder);
    background-color: var(--el-disabled-bg-color)
}

.el-pagination.is-background .btn-next.is-disabled.is-active,
.el-pagination.is-background .btn-next:disabled.is-active,
.el-pagination.is-background .btn-prev.is-disabled.is-active,
.el-pagination.is-background .btn-prev:disabled.is-active,
.el-pagination.is-background .el-pager li.is-disabled.is-active,
.el-pagination.is-background .el-pager li:disabled.is-active {
    color: var(--el-text-color-secondary);
    background-color: var(--el-fill-color-dark)
}

.el-pagination.is-background .btn-prev {
    margin-left: var(--el-pagination-item-gap)
}

.el-pagination--small .btn-next,
.el-pagination--small .btn-prev,
.el-pagination--small .el-pager li {
    height: var(--el-pagination-button-height-small);
    line-height: var(--el-pagination-button-height-small);
    font-size: var(--el-pagination-font-size-small);
    min-width: var(--el-pagination-button-width-small)
}

.el-pagination--small button,
.el-pagination--small span:not([class*=suffix]) {
    font-size: var(--el-pagination-font-size-small)
}

.el-pagination--small .el-select .el-input {
    width: 100px
}

.el-pager {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    list-style: none;
    font-size: 0;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center
}

.el-pager li {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: var(--el-pagination-font-size);
    min-width: var(--el-pagination-button-width);
    height: var(--el-pagination-button-height);
    line-height: var(--el-pagination-button-height);
    color: var(--el-pagination-button-color);
    background: var(--el-pagination-bg-color);
    padding: 0 4px;
    border: none;
    border-radius: var(--el-pagination-border-radius);
    cursor: pointer;
    text-align: center;
    box-sizing: border-box
}

.el-pager li * {
    pointer-events: none
}

.el-pager li:focus {
    outline: 0
}

.el-pager li:hover {
    color: var(--el-pagination-hover-color)
}

.el-pager li.is-active {
    color: var(--el-pagination-hover-color);
    cursor: default;
    font-weight: 700
}

.el-pager li.is-active.is-disabled {
    font-weight: 700;
    color: var(--el-text-color-secondary)
}

.el-pager li.is-disabled,
.el-pager li:disabled {
    color: var(--el-pagination-button-disabled-color);
    background-color: var(--el-pagination-button-disabled-bg-color);
    cursor: not-allowed
}

.el-pager li:focus-visible {
    outline: 1px solid var(--el-pagination-hover-color);
    outline-offset: -1px
}

.el-tag {
    --el-tag-font-size: 12px;
    --el-tag-border-radius: 4px;
    --el-tag-border-radius-rounded: 9999px
}

.el-tag {
    --el-tag-bg-color: var(--el-color-primary-light-9);
    --el-tag-border-color: var(--el-color-primary-light-8);
    --el-tag-hover-color: var(--el-color-primary);
    --el-tag-text-color: var(--el-color-primary);
    background-color: var(--el-tag-bg-color);
    border-color: var(--el-tag-border-color);
    color: var(--el-tag-text-color);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 24px;
    padding: 0 9px;
    font-size: var(--el-tag-font-size);
    line-height: 1;
    border-width: 1px;
    border-style: solid;
    border-radius: var(--el-tag-border-radius);
    box-sizing: border-box;
    white-space: nowrap;
    --el-icon-size: 14px
}

.el-tag.el-tag--primary {
    --el-tag-bg-color: var(--el-color-primary-light-9);
    --el-tag-border-color: var(--el-color-primary-light-8);
    --el-tag-hover-color: var(--el-color-primary)
}

.el-tag.el-tag--success {
    --el-tag-bg-color: var(--el-color-success-light-9);
    --el-tag-border-color: var(--el-color-success-light-8);
    --el-tag-hover-color: var(--el-color-success)
}

.el-tag.el-tag--warning {
    --el-tag-bg-color: var(--el-color-warning-light-9);
    --el-tag-border-color: var(--el-color-warning-light-8);
    --el-tag-hover-color: var(--el-color-warning)
}

.el-tag.el-tag--danger {
    --el-tag-bg-color: var(--el-color-danger-light-9);
    --el-tag-border-color: var(--el-color-danger-light-8);
    --el-tag-hover-color: var(--el-color-danger)
}

.el-tag.el-tag--error {
    --el-tag-bg-color: var(--el-color-error-light-9);
    --el-tag-border-color: var(--el-color-error-light-8);
    --el-tag-hover-color: var(--el-color-error)
}

.el-tag.el-tag--info {
    --el-tag-bg-color: var(--el-color-info-light-9);
    --el-tag-border-color: var(--el-color-info-light-8);
    --el-tag-hover-color: var(--el-color-info)
}

.el-tag.el-tag--primary {
    --el-tag-text-color: var(--el-color-primary)
}

.el-tag.el-tag--success {
    --el-tag-text-color: var(--el-color-success)
}

.el-tag.el-tag--warning {
    --el-tag-text-color: var(--el-color-warning)
}

.el-tag.el-tag--danger {
    --el-tag-text-color: var(--el-color-danger)
}

.el-tag.el-tag--error {
    --el-tag-text-color: var(--el-color-error)
}

.el-tag.el-tag--info {
    --el-tag-text-color: var(--el-color-info)
}

.el-tag.is-hit {
    border-color: var(--el-color-primary)
}

.el-tag.is-round {
    border-radius: var(--el-tag-border-radius-rounded)
}

.el-tag .el-tag__close {
    color: var(--el-tag-text-color)
}

.el-tag .el-tag__close:hover {
    color: var(--el-color-white);
    background-color: var(--el-tag-hover-color)
}

.el-tag .el-icon {
    border-radius: 50%;
    cursor: pointer;
    font-size: calc(var(--el-icon-size) - 2px);
    height: var(--el-icon-size);
    width: var(--el-icon-size)
}

.el-tag .el-tag__close {
    margin-left: 6px
}

.el-tag--dark {
    --el-tag-bg-color: var(--el-color-primary);
    --el-tag-border-color: var(--el-color-primary);
    --el-tag-hover-color: var(--el-color-primary-light-3);
    --el-tag-text-color: var(--el-color-white)
}

.el-tag--dark.el-tag--primary {
    --el-tag-bg-color: var(--el-color-primary);
    --el-tag-border-color: var(--el-color-primary);
    --el-tag-hover-color: var(--el-color-primary-light-3)
}

.el-tag--dark.el-tag--success {
    --el-tag-bg-color: var(--el-color-success);
    --el-tag-border-color: var(--el-color-success);
    --el-tag-hover-color: var(--el-color-success-light-3)
}

.el-tag--dark.el-tag--warning {
    --el-tag-bg-color: var(--el-color-warning);
    --el-tag-border-color: var(--el-color-warning);
    --el-tag-hover-color: var(--el-color-warning-light-3)
}

.el-tag--dark.el-tag--danger {
    --el-tag-bg-color: var(--el-color-danger);
    --el-tag-border-color: var(--el-color-danger);
    --el-tag-hover-color: var(--el-color-danger-light-3)
}

.el-tag--dark.el-tag--error {
    --el-tag-bg-color: var(--el-color-error);
    --el-tag-border-color: var(--el-color-error);
    --el-tag-hover-color: var(--el-color-error-light-3)
}

.el-tag--dark.el-tag--info {
    --el-tag-bg-color: var(--el-color-info);
    --el-tag-border-color: var(--el-color-info);
    --el-tag-hover-color: var(--el-color-info-light-3)
}

.el-tag--dark.el-tag--primary,
.el-tag--dark.el-tag--success,
.el-tag--dark.el-tag--warning,
.el-tag--dark.el-tag--danger,
.el-tag--dark.el-tag--error,
.el-tag--dark.el-tag--info {
    --el-tag-text-color: var(--el-color-white)
}

.el-tag--plain {
    --el-tag-border-color: var(--el-color-primary-light-5);
    --el-tag-hover-color: var(--el-color-primary);
    --el-tag-bg-color: var(--el-fill-color-blank)
}

.el-tag--plain.el-tag--primary {
    --el-tag-bg-color: var(--el-fill-color-blank);
    --el-tag-border-color: var(--el-color-primary-light-5);
    --el-tag-hover-color: var(--el-color-primary)
}

.el-tag--plain.el-tag--success {
    --el-tag-bg-color: var(--el-fill-color-blank);
    --el-tag-border-color: var(--el-color-success-light-5);
    --el-tag-hover-color: var(--el-color-success)
}

.el-tag--plain.el-tag--warning {
    --el-tag-bg-color: var(--el-fill-color-blank);
    --el-tag-border-color: var(--el-color-warning-light-5);
    --el-tag-hover-color: var(--el-color-warning)
}

.el-tag--plain.el-tag--danger {
    --el-tag-bg-color: var(--el-fill-color-blank);
    --el-tag-border-color: var(--el-color-danger-light-5);
    --el-tag-hover-color: var(--el-color-danger)
}

.el-tag--plain.el-tag--error {
    --el-tag-bg-color: var(--el-fill-color-blank);
    --el-tag-border-color: var(--el-color-error-light-5);
    --el-tag-hover-color: var(--el-color-error)
}

.el-tag--plain.el-tag--info {
    --el-tag-bg-color: var(--el-fill-color-blank);
    --el-tag-border-color: var(--el-color-info-light-5);
    --el-tag-hover-color: var(--el-color-info)
}

.el-tag.is-closable {
    padding-right: 5px
}

.el-tag--large {
    padding: 0 11px;
    height: 32px;
    --el-icon-size: 16px
}

.el-tag--large .el-tag__close {
    margin-left: 8px
}

.el-tag--large.is-closable {
    padding-right: 7px
}

.el-tag--small {
    padding: 0 7px;
    height: 20px;
    --el-icon-size: 12px
}

.el-tag--small .el-tag__close {
    margin-left: 4px
}

.el-tag--small.is-closable {
    padding-right: 3px
}

.el-tag--small .el-icon-close {
    transform: scale(.8)
}

.el-tag.el-tag--primary.is-hit {
    border-color: var(--el-color-primary)
}

.el-tag.el-tag--success.is-hit {
    border-color: var(--el-color-success)
}

.el-tag.el-tag--warning.is-hit {
    border-color: var(--el-color-warning)
}

.el-tag.el-tag--danger.is-hit {
    border-color: var(--el-color-danger)
}

.el-tag.el-tag--error.is-hit {
    border-color: var(--el-color-error)
}

.el-tag.el-tag--info.is-hit {
    border-color: var(--el-color-info)
}

.el-select-dropdown__item {
    font-size: var(--el-font-size-base);
    padding: 0 32px 0 20px;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--el-text-color-regular);
    height: 34px;
    line-height: 34px;
    box-sizing: border-box;
    cursor: pointer
}

.el-select-dropdown__item.is-disabled {
    color: var(--el-text-color-placeholder);
    cursor: not-allowed
}

.el-select-dropdown__item.hover,
.el-select-dropdown__item:hover {
    background-color: var(--el-fill-color-light)
}

.el-select-dropdown__item.selected {
    color: var(--el-color-primary);
    font-weight: 700
}

.el-select-group {
    margin: 0;
    padding: 0
}

.el-select-group__wrap {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0
}

.el-select-group__wrap:not(:last-of-type) {
    padding-bottom: 24px
}

.el-select-group__wrap:not(:last-of-type):after {
    content: "";
    position: absolute;
    display: block;
    left: 20px;
    right: 20px;
    bottom: 12px;
    height: 1px;
    background: var(--el-border-color-light)
}

.el-select-group__split-dash {
    position: absolute;
    left: 20px;
    right: 20px;
    height: 1px;
    background: var(--el-border-color-light)
}

.el-select-group__title {
    padding-left: 20px;
    font-size: 12px;
    color: var(--el-color-info);
    line-height: 30px
}

.el-select-group .el-select-dropdown__item {
    padding-left: 20px
}

.el-scrollbar {
    --el-scrollbar-opacity: .3;
    --el-scrollbar-bg-color: var(--el-text-color-secondary);
    --el-scrollbar-hover-opacity: .5;
    --el-scrollbar-hover-bg-color: var(--el-text-color-secondary)
}

.el-scrollbar {
    overflow: hidden;
    position: relative;
    height: 100%
}

.el-scrollbar__wrap {
    overflow: auto;
    height: 100%
}

.el-scrollbar__wrap--hidden-default {
    scrollbar-width: none
}

.el-scrollbar__wrap--hidden-default::-webkit-scrollbar {
    display: none
}

.el-scrollbar__thumb {
    position: relative;
    display: block;
    width: 0;
    height: 0;
    cursor: pointer;
    border-radius: inherit;
    background-color: var(--el-scrollbar-bg-color, var(--el-text-color-secondary));
    transition: var(--el-transition-duration) background-color;
    opacity: var(--el-scrollbar-opacity, .3)
}

.el-scrollbar__thumb:hover {
    background-color: var(--el-scrollbar-hover-bg-color, var(--el-text-color-secondary));
    opacity: var(--el-scrollbar-hover-opacity, .5)
}

.el-scrollbar__bar {
    position: absolute;
    right: 2px;
    bottom: 2px;
    z-index: 1;
    border-radius: 4px
}

.el-scrollbar__bar.is-vertical {
    width: 6px;
    top: 2px
}

.el-scrollbar__bar.is-vertical>div {
    width: 100%
}

.el-scrollbar__bar.is-horizontal {
    height: 6px;
    left: 2px
}

.el-scrollbar__bar.is-horizontal>div {
    height: 100%
}

.el-scrollbar-fade-enter-active {
    transition: opacity .34s ease-out
}

.el-scrollbar-fade-leave-active {
    transition: opacity .12s ease-out
}

.el-scrollbar-fade-enter-from,
.el-scrollbar-fade-leave-active {
    opacity: 0
}

.el-popper {
    --el-popper-border-radius: var(--el-popover-border-radius, 4px)
}

.el-popper {
    position: absolute;
    border-radius: var(--el-popper-border-radius);
    padding: 5px 11px;
    z-index: 2000;
    font-size: 12px;
    line-height: 20px;
    min-width: 10px;
    word-wrap: break-word;
    visibility: visible
}

.el-popper.is-dark {
    color: var(--el-bg-color);
    background: var(--el-text-color-primary);
    border: 1px solid var(--el-text-color-primary)
}

.el-popper.is-dark .el-popper__arrow:before {
    border: 1px solid var(--el-text-color-primary);
    background: var(--el-text-color-primary);
    right: 0
}

.el-popper.is-light {
    background: var(--el-bg-color-overlay);
    border: 1px solid var(--el-border-color-light)
}

.el-popper.is-light .el-popper__arrow:before {
    border: 1px solid var(--el-border-color-light);
    background: var(--el-bg-color-overlay);
    right: 0
}

.el-popper.is-pure {
    padding: 0
}

.el-popper__arrow {
    position: absolute;
    width: 10px;
    height: 10px;
    z-index: -1
}

.el-popper__arrow:before {
    position: absolute;
    width: 10px;
    height: 10px;
    z-index: -1;
    content: " ";
    transform: rotate(45deg);
    background: var(--el-text-color-primary);
    box-sizing: border-box
}

.el-popper[data-popper-placement^=top]>.el-popper__arrow {
    bottom: -5px
}

.el-popper[data-popper-placement^=top]>.el-popper__arrow:before {
    border-bottom-right-radius: 2px
}

.el-popper[data-popper-placement^=bottom]>.el-popper__arrow {
    top: -5px
}

.el-popper[data-popper-placement^=bottom]>.el-popper__arrow:before {
    border-top-left-radius: 2px
}

.el-popper[data-popper-placement^=left]>.el-popper__arrow {
    right: -5px
}

.el-popper[data-popper-placement^=left]>.el-popper__arrow:before {
    border-top-right-radius: 2px
}

.el-popper[data-popper-placement^=right]>.el-popper__arrow {
    left: -5px
}

.el-popper[data-popper-placement^=right]>.el-popper__arrow:before {
    border-bottom-left-radius: 2px
}

.el-popper[data-popper-placement^=top] .el-popper__arrow:before {
    border-top-color: transparent !important;
    border-left-color: transparent !important
}

.el-popper[data-popper-placement^=bottom] .el-popper__arrow:before {
    border-bottom-color: transparent !important;
    border-right-color: transparent !important
}

.el-popper[data-popper-placement^=left] .el-popper__arrow:before {
    border-left-color: transparent !important;
    border-bottom-color: transparent !important
}

.el-popper[data-popper-placement^=right] .el-popper__arrow:before {
    border-right-color: transparent !important;
    border-top-color: transparent !important
}

.el-select-dropdown {
    z-index: calc(var(--el-index-top) + 1);
    border-radius: var(--el-border-radius-base);
    box-sizing: border-box
}

.el-select-dropdown.is-multiple .el-select-dropdown__item.selected {
    color: var(--el-color-primary);
    background-color: var(--el-bg-color-overlay)
}

.el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover {
    background-color: var(--el-fill-color-light)
}

.el-select-dropdown.is-multiple .el-select-dropdown__item.selected:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 20px;
    border-top: none;
    border-right: none;
    background-repeat: no-repeat;
    background-position: center;
    background-color: var(--el-color-primary);
    -webkit-mask: url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
    mask: url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
    mask-size: 100% 100%;
    -webkit-mask: url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
    -webkit-mask-size: 100% 100%;
    transform: translateY(-50%);
    width: 12px;
    height: 12px
}

.el-select-dropdown.is-multiple .el-select-dropdown__item.selected.is-disabled:after {
    background-color: var(--el-text-color-disabled)
}

.el-select-dropdown .el-select-dropdown__option-item.is-selected:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 20px;
    border-top: none;
    border-right: none;
    background-repeat: no-repeat;
    background-position: center;
    background-color: var(--el-color-primary);
    -webkit-mask: url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
    mask: url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
    mask-size: 100% 100%;
    -webkit-mask: url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
    -webkit-mask-size: 100% 100%;
    transform: translateY(-50%);
    width: 12px;
    height: 12px
}

.el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list {
    padding: 0
}

.el-select-dropdown .el-select-dropdown__item.is-disabled:hover {
    background-color: unset
}

.el-select-dropdown .el-select-dropdown__item.is-disabled.selected {
    color: var(--el-text-color-disabled)
}

.el-select-dropdown__empty {
    padding: 10px 0;
    margin: 0;
    text-align: center;
    color: var(--el-text-color-secondary);
    font-size: var(--el-select-font-size)
}

.el-select-dropdown__wrap {
    max-height: 274px
}

.el-select-dropdown__list {
    list-style: none;
    padding: 6px 0;
    margin: 0;
    box-sizing: border-box
}

.el-select {
    --el-select-border-color-hover: var(--el-border-color-hover);
    --el-select-disabled-border: var(--el-disabled-border-color);
    --el-select-font-size: var(--el-font-size-base);
    --el-select-close-hover-color: var(--el-text-color-secondary);
    --el-select-input-color: var(--el-text-color-placeholder);
    --el-select-multiple-input-color: var(--el-text-color-regular);
    --el-select-input-focus-border-color: var(--el-color-primary);
    --el-select-input-font-size: 14px
}

.el-select {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    line-height: 32px
}

.el-select__popper.el-popper {
    background: var(--el-bg-color-overlay);
    border: 1px solid var(--el-border-color-light);
    box-shadow: var(--el-box-shadow-light)
}

.el-select__popper.el-popper .el-popper__arrow:before {
    border: 1px solid var(--el-border-color-light)
}

.el-select__popper.el-popper[data-popper-placement^=top] .el-popper__arrow:before {
    border-top-color: transparent;
    border-left-color: transparent
}

.el-select__popper.el-popper[data-popper-placement^=bottom] .el-popper__arrow:before {
    border-bottom-color: transparent;
    border-right-color: transparent
}

.el-select__popper.el-popper[data-popper-placement^=left] .el-popper__arrow:before {
    border-left-color: transparent;
    border-bottom-color: transparent
}

.el-select__popper.el-popper[data-popper-placement^=right] .el-popper__arrow:before {
    border-right-color: transparent;
    border-top-color: transparent
}

.el-select .el-select-tags-wrapper.has-prefix {
    margin-left: 6px
}

.el-select--large {
    line-height: 40px
}

.el-select--large .el-select-tags-wrapper.has-prefix {
    margin-left: 8px
}

.el-select--small {
    line-height: 24px
}

.el-select--small .el-select-tags-wrapper.has-prefix {
    margin-left: 4px
}

.el-select .el-select__tags>span {
    display: inline-block
}

.el-select:hover:not(.el-select--disabled) .el-input__wrapper {
    box-shadow: 0 0 0 1px var(--el-select-border-color-hover) inset
}

.el-select .el-select__tags-text {
    display: inline-block;
    line-height: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.el-select .el-input__wrapper {
    cursor: pointer;
    height: 40px;
}
.el-input>.page_input_box{
    height: 30px;
}
.el-select .el-input__wrapper.is-focus {
    box-shadow: 0 0 0 1px var(--el-select-input-focus-border-color) inset !important
}

.el-select .el-input__inner {
    cursor: pointer
}

.el-select .el-input__inner::-moz-selection {
    outline: 0
}

.el-select .el-input__inner::selection {
    outline: 0
}

.el-select .el-input {
    display: flex
}

.el-select .el-input .el-select__caret {
    color: var(--el-select-input-color);
    font-size: var(--el-select-input-font-size);
    transition: transform var(--el-transition-duration);
    transform: rotate(0);
    cursor: pointer
}

.el-select .el-input .el-select__caret.is-reverse {
    transform: rotate(-180deg)
}

.el-select .el-input .el-select__caret.is-show-close {
    font-size: var(--el-select-font-size);
    text-align: center;
    transform: rotate(0);
    border-radius: var(--el-border-radius-circle);
    color: var(--el-select-input-color);
    transition: var(--el-transition-color)
}

.el-select .el-input .el-select__caret.is-show-close:hover {
    color: var(--el-select-close-hover-color)
}

.el-select .el-input .el-select__caret.el-icon {
    position: relative;
    height: inherit;
    z-index: 2
}

.el-select .el-input.is-disabled .el-input__wrapper {
    cursor: not-allowed
}

.el-select .el-input.is-disabled .el-input__wrapper:hover {
    box-shadow: 0 0 0 1px var(--el-select-disabled-border) inset
}

.el-select .el-input.is-disabled .el-input__inner,
.el-select .el-input.is-disabled .el-select__caret {
    cursor: not-allowed
}

.el-select .el-input.is-focus .el-input__wrapper {
    box-shadow: 0 0 0 1px var(--el-select-input-focus-border-color) inset !important
}

.el-select__input {
    border: none;
    outline: 0;
    padding: 0;
    margin-left: 15px;
    color: var(--el-select-multiple-input-color);
    font-size: var(--el-select-font-size);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 28px;
    background-color: transparent
}

.el-select__input.is-small {
    height: 14px
}

.el-select__close {
    cursor: pointer;
    position: absolute;
    top: 8px;
    z-index: var(--el-index-top);
    right: 25px;
    color: var(--el-select-input-color);
    line-height: 18px;
    font-size: var(--el-select-input-font-size)
}

.el-select__close:hover {
    color: var(--el-select-close-hover-color)
}

.el-select__tags {
    position: absolute;
    line-height: normal;
    top: 50%;
    transform: translateY(-50%);
    white-space: normal;
    z-index: var(--el-index-normal);
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    cursor: pointer
}

.el-select__tags .el-tag {
    box-sizing: border-box;
    border-color: transparent;
    margin: 2px 6px 2px 0
}

.el-select__tags .el-tag:last-child {
    margin-right: 0
}

.el-select__tags .el-tag .el-icon-close {
    background-color: var(--el-text-color-placeholder);
    right: -7px;
    top: 0;
    color: #fff
}

.el-select__tags .el-tag .el-icon-close:hover {
    background-color: var(--el-text-color-secondary)
}

.el-select__tags .el-tag .el-icon-close:before {
    display: block;
    transform: translateY(.5px)
}

.el-select__tags .el-tag--info {
    background-color: var(--el-fill-color)
}

.el-select__collapse-tags {
    white-space: normal;
    z-index: var(--el-index-normal);
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    cursor: pointer
}

.el-select__collapse-tags .el-tag {
    box-sizing: border-box;
    border-color: transparent;
    margin: 2px 6px 2px 0
}

.el-select__collapse-tags .el-tag:last-child {
    margin-right: 0
}

.el-select__collapse-tags .el-tag .el-icon-close {
    background-color: var(--el-text-color-placeholder);
    right: -7px;
    top: 0;
    color: #fff
}

.el-select__collapse-tags .el-tag .el-icon-close:hover {
    background-color: var(--el-text-color-secondary)
}

.el-select__collapse-tags .el-tag .el-icon-close:before {
    display: block;
    transform: translateY(.5px)
}

.el-select__collapse-tags .el-tag--info {
    background-color: var(--el-fill-color)
}

.el-select__collapse-tag {
    line-height: inherit;
    height: inherit;
    display: flex
}

.el-table {
    --el-table-border-color: var(--el-border-color-lighter);
    --el-table-border: 1px solid var(--el-table-border-color);
    --el-table-text-color: var(--el-text-color-regular);
    --el-table-header-text-color: var(--el-text-color-secondary);
    --el-table-row-hover-bg-color: var(--el-fill-color-light);
    --el-table-current-row-bg-color: var(--el-color-primary-light-9);
    --el-table-header-bg-color: var(--el-bg-color);
    --el-table-fixed-box-shadow: var(--el-box-shadow-light);
    --el-table-bg-color: var(--el-fill-color-blank);
    --el-table-tr-bg-color: var(--el-fill-color-blank);
    --el-table-expanded-cell-bg-color: var(--el-fill-color-blank);
    --el-table-fixed-left-column: inset 10px 0 10px -10px rgba(0, 0, 0, .15);
    --el-table-fixed-right-column: inset -10px 0 10px -10px rgba(0, 0, 0, .15)
}

.el-table {
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    width: 100%;
    max-width: 100%;
    background-color: var(--el-table-bg-color);
    font-size: 18px;
    color: var(--el-table-text-color)
}

.el-table__inner-wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%
}

.el-table__inner-wrapper:before {
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px
}

.el-table.has-footer.el-table--fluid-height tr:last-child td.el-table__cell,
.el-table.has-footer.el-table--scrollable-y tr:last-child td.el-table__cell {
    border-bottom-color: transparent
}

.el-table__empty-block {
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    min-height: 60px;
    text-align: center;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.el-table__empty-text {
    line-height: 60px;
    width: 50%;
    color: var(--el-text-color-secondary)
}

.el-table__expand-column .cell {
    padding: 0;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.el-table__expand-icon {
    position: relative;
    cursor: pointer;
    color: var(--el-text-color-regular);
    font-size: 12px;
    transition: transform var(--el-transition-duration-fast) ease-in-out;
    height: 20px
}

.el-table__expand-icon--expanded {
    transform: rotate(90deg)
}

.el-table__expand-icon>.el-icon {
    font-size: 12px
}

.el-table__expanded-cell {
    background-color: var(--el-table-expanded-cell-bg-color)
}

.el-table__expanded-cell[class*=cell] {
    padding: 20px 50px
}

.el-table__expanded-cell:hover {
    background-color: transparent !important
}

.el-table__placeholder {
    display: inline-block;
    width: 20px
}

.el-table__append-wrapper {
    overflow: hidden
}

.el-table--fit {
    border-right: 0;
    border-bottom: 0
}

.el-table--fit .el-table__cell.gutter {
    border-right-width: 1px
}

.el-table thead {
    color: var(--el-table-header-text-color);
    font-weight: 500
}

.el-table thead.is-group th.el-table__cell {
    background: var(--el-fill-color-light)
}

.el-table .el-table__cell {
    padding: 8px 0;
    min-width: 0;
    box-sizing: border-box;
    text-overflow: ellipsis;
    vertical-align: middle;
    position: relative;
    text-align: left;
    z-index: 1
}

.el-table .el-table__cell.is-center {
    text-align: center
}

.el-table .el-table__cell.is-right {
    text-align: center
}

.el-table .el-table__cell.gutter {
    width: 15px;
    border-right-width: 0;
    border-bottom-width: 0;
    padding: 0
}

.el-table .el-table__cell.is-hidden>* {
    visibility: hidden
}

.el-table .cell {
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-break: break-all;
    line-height: 25px;
    padding: 0 12px
}

.el-table .cell.el-tooltip {
    white-space: nowrap;
    min-width: 50px
}

.el-table--large {
    font-size: var(--el-font-size-base)
}

.el-table--large .el-table__cell {
    padding: 12px 0
}

.el-table--large .cell {
    padding: 0 16px
}

.el-table--small {
    font-size: 12px
}

.el-table--small .el-table__cell {
    padding: 4px 0
}

.el-table--small .cell {
    padding: 0 8px
}

.el-table tr {
    background-color: var(--el-table-tr-bg-color)
}

.el-table tr input[type=checkbox] {
    margin: 0
}

.el-table td.el-table__cell,
.el-table th.el-table__cell.is-leaf {
    border-bottom: var(--el-table-border)
}

.el-table th.el-table__cell.is-sortable {
    cursor: pointer
}

.el-table th.el-table__cell {
    /* -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; */
    background-color: var(--el-table-header-bg-color)
}

.el-table th.el-table__cell>.cell.highlight {
    color: var(--el-color-primary)
}

.el-table th.el-table__cell.required>div:before {
    display: inline-block;
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #ff4d51;
    margin-right: 5px;
    vertical-align: middle
}

.el-table td.el-table__cell div {
    box-sizing: border-box;
    font-size: 18px;
}

.el-table td.el-table__cell.gutter {
    width: 0
}

.el-table__footer-wrapper {
    border-top: var(--el-table-border)
}

.el-table--border .el-table__inner-wrapper:after,
.el-table--border:after,
.el-table--border:before,
.el-table__inner-wrapper:before {
    content: "";
    position: absolute;
    background-color: var(--el-table-border-color);
    z-index: 3
}

.el-table--border .el-table__inner-wrapper:after {
    left: 0;
    top: 0;
    width: 100%;
    height: 1px
}

.el-table--border:before {
    top: -1px;
    left: 0;
    width: 1px;
    height: 100%
}

.el-table--border:after {
    top: -1px;
    right: 0;
    width: 1px;
    height: 100%
}

.el-table--border .el-table__inner-wrapper {
    border-right: none;
    border-bottom: none
}

.el-table--border .el-table__footer-wrapper {
    position: relative;
    flex-shrink: 0
}

.el-table--border .el-table__cell {
    border-right: var(--el-table-border)
}

.el-table--border th.el-table__cell.gutter:last-of-type {
    border-bottom: var(--el-table-border);
    border-bottom-width: 1px
}

.el-table--border th.el-table__cell {
    border-bottom: var(--el-table-border)
}

.el-table--hidden {
    visibility: hidden
}

.el-table__body-wrapper,
.el-table__footer-wrapper,
.el-table__header-wrapper {
    width: 100%
}

.el-table__body-wrapper tr td.el-table-fixed-column--left,
.el-table__body-wrapper tr td.el-table-fixed-column--right,
.el-table__body-wrapper tr th.el-table-fixed-column--left,
.el-table__body-wrapper tr th.el-table-fixed-column--right,
.el-table__footer-wrapper tr td.el-table-fixed-column--left,
.el-table__footer-wrapper tr td.el-table-fixed-column--right,
.el-table__footer-wrapper tr th.el-table-fixed-column--left,
.el-table__footer-wrapper tr th.el-table-fixed-column--right,
.el-table__header-wrapper tr td.el-table-fixed-column--left,
.el-table__header-wrapper tr td.el-table-fixed-column--right,
.el-table__header-wrapper tr th.el-table-fixed-column--left,
.el-table__header-wrapper tr th.el-table-fixed-column--right {
    position: -webkit-sticky !important;
    position: sticky !important;
    z-index: 2;
    background: var(--el-bg-color)
}

.el-table__body-wrapper tr td.el-table-fixed-column--left.is-first-column:before,
.el-table__body-wrapper tr td.el-table-fixed-column--left.is-last-column:before,
.el-table__body-wrapper tr td.el-table-fixed-column--right.is-first-column:before,
.el-table__body-wrapper tr td.el-table-fixed-column--right.is-last-column:before,
.el-table__body-wrapper tr th.el-table-fixed-column--left.is-first-column:before,
.el-table__body-wrapper tr th.el-table-fixed-column--left.is-last-column:before,
.el-table__body-wrapper tr th.el-table-fixed-column--right.is-first-column:before,
.el-table__body-wrapper tr th.el-table-fixed-column--right.is-last-column:before,
.el-table__footer-wrapper tr td.el-table-fixed-column--left.is-first-column:before,
.el-table__footer-wrapper tr td.el-table-fixed-column--left.is-last-column:before,
.el-table__footer-wrapper tr td.el-table-fixed-column--right.is-first-column:before,
.el-table__footer-wrapper tr td.el-table-fixed-column--right.is-last-column:before,
.el-table__footer-wrapper tr th.el-table-fixed-column--left.is-first-column:before,
.el-table__footer-wrapper tr th.el-table-fixed-column--left.is-last-column:before,
.el-table__footer-wrapper tr th.el-table-fixed-column--right.is-first-column:before,
.el-table__footer-wrapper tr th.el-table-fixed-column--right.is-last-column:before,
.el-table__header-wrapper tr td.el-table-fixed-column--left.is-first-column:before,
.el-table__header-wrapper tr td.el-table-fixed-column--left.is-last-column:before,
.el-table__header-wrapper tr td.el-table-fixed-column--right.is-first-column:before,
.el-table__header-wrapper tr td.el-table-fixed-column--right.is-last-column:before,
.el-table__header-wrapper tr th.el-table-fixed-column--left.is-first-column:before,
.el-table__header-wrapper tr th.el-table-fixed-column--left.is-last-column:before,
.el-table__header-wrapper tr th.el-table-fixed-column--right.is-first-column:before,
.el-table__header-wrapper tr th.el-table-fixed-column--right.is-last-column:before {
    content: "";
    position: absolute;
    top: 0;
    width: 10px;
    bottom: -1px;
    overflow-x: hidden;
    overflow-y: hidden;
    box-shadow: none;
    touch-action: none;
    pointer-events: none
}

.el-table__body-wrapper tr td.el-table-fixed-column--left.is-first-column:before,
.el-table__body-wrapper tr td.el-table-fixed-column--right.is-first-column:before,
.el-table__body-wrapper tr th.el-table-fixed-column--left.is-first-column:before,
.el-table__body-wrapper tr th.el-table-fixed-column--right.is-first-column:before,
.el-table__footer-wrapper tr td.el-table-fixed-column--left.is-first-column:before,
.el-table__footer-wrapper tr td.el-table-fixed-column--right.is-first-column:before,
.el-table__footer-wrapper tr th.el-table-fixed-column--left.is-first-column:before,
.el-table__footer-wrapper tr th.el-table-fixed-column--right.is-first-column:before,
.el-table__header-wrapper tr td.el-table-fixed-column--left.is-first-column:before,
.el-table__header-wrapper tr td.el-table-fixed-column--right.is-first-column:before,
.el-table__header-wrapper tr th.el-table-fixed-column--left.is-first-column:before,
.el-table__header-wrapper tr th.el-table-fixed-column--right.is-first-column:before {
    left: -10px
}

.el-table__body-wrapper tr td.el-table-fixed-column--left.is-last-column:before,
.el-table__body-wrapper tr td.el-table-fixed-column--right.is-last-column:before,
.el-table__body-wrapper tr th.el-table-fixed-column--left.is-last-column:before,
.el-table__body-wrapper tr th.el-table-fixed-column--right.is-last-column:before,
.el-table__footer-wrapper tr td.el-table-fixed-column--left.is-last-column:before,
.el-table__footer-wrapper tr td.el-table-fixed-column--right.is-last-column:before,
.el-table__footer-wrapper tr th.el-table-fixed-column--left.is-last-column:before,
.el-table__footer-wrapper tr th.el-table-fixed-column--right.is-last-column:before,
.el-table__header-wrapper tr td.el-table-fixed-column--left.is-last-column:before,
.el-table__header-wrapper tr td.el-table-fixed-column--right.is-last-column:before,
.el-table__header-wrapper tr th.el-table-fixed-column--left.is-last-column:before,
.el-table__header-wrapper tr th.el-table-fixed-column--right.is-last-column:before {
    right: -10px;
    box-shadow: none
}

.el-table__body-wrapper tr td.el-table__fixed-right-patch,
.el-table__body-wrapper tr th.el-table__fixed-right-patch,
.el-table__footer-wrapper tr td.el-table__fixed-right-patch,
.el-table__footer-wrapper tr th.el-table__fixed-right-patch,
.el-table__header-wrapper tr td.el-table__fixed-right-patch,
.el-table__header-wrapper tr th.el-table__fixed-right-patch {
    position: -webkit-sticky !important;
    position: sticky !important;
    z-index: 2;
    background: #fff;
    right: 0
}

.el-table__header-wrapper {
    flex-shrink: 0
}

.el-table__header-wrapper tr th.el-table-fixed-column--left,
.el-table__header-wrapper tr th.el-table-fixed-column--right {
    background-color: var(--el-table-header-bg-color)
}

.el-table__body,
.el-table__footer,
.el-table__header {
    table-layout: fixed;
    border-collapse: separate
}

.el-table__footer-wrapper,
.el-table__header-wrapper {
    overflow: hidden
}

.el-table__footer-wrapper tbody td.el-table__cell,
.el-table__header-wrapper tbody td.el-table__cell {
    background-color: var(--el-table-row-hover-bg-color);
    color: var(--el-table-text-color)
}

.el-table__body-wrapper .el-table-column--selection>.cell,
.el-table__header-wrapper .el-table-column--selection>.cell {
    display: inline-flex;
    align-items: center;
    height: 23px
}

.el-table__body-wrapper .el-table-column--selection .el-checkbox,
.el-table__header-wrapper .el-table-column--selection .el-checkbox {
    height: unset
}

.el-table.is-scrolling-left .el-table-fixed-column--right.is-first-column:before {
    box-shadow: var(--el-table-fixed-right-column)
}

.el-table.is-scrolling-left.el-table--border .el-table-fixed-column--left.is-last-column.el-table__cell {
    border-right: var(--el-table-border)
}

.el-table.is-scrolling-left th.el-table-fixed-column--left {
    background-color: var(--el-table-header-bg-color)
}

.el-table.is-scrolling-right .el-table-fixed-column--left.is-last-column:before {
    box-shadow: var(--el-table-fixed-left-column)
}

.el-table.is-scrolling-right .el-table-fixed-column--left.is-last-column.el-table__cell {
    border-right: none
}

.el-table.is-scrolling-right th.el-table-fixed-column--right {
    background-color: var(--el-table-header-bg-color)
}

.el-table.is-scrolling-middle .el-table-fixed-column--left.is-last-column.el-table__cell {
    border-right: none
}

.el-table.is-scrolling-middle .el-table-fixed-column--right.is-first-column:before {
    box-shadow: var(--el-table-fixed-right-column)
}

.el-table.is-scrolling-middle .el-table-fixed-column--left.is-last-column:before {
    box-shadow: var(--el-table-fixed-left-column)
}

.el-table.is-scrolling-none .el-table-fixed-column--left.is-first-column:before,
.el-table.is-scrolling-none .el-table-fixed-column--left.is-last-column:before,
.el-table.is-scrolling-none .el-table-fixed-column--right.is-first-column:before,
.el-table.is-scrolling-none .el-table-fixed-column--right.is-last-column:before {
    box-shadow: none
}

.el-table.is-scrolling-none th.el-table-fixed-column--left,
.el-table.is-scrolling-none th.el-table-fixed-column--right {
    background-color: var(--el-table-header-bg-color)
}

.el-table__body-wrapper {
    overflow: hidden;
    position: relative;
    flex: 1
}

.el-table__body-wrapper .el-scrollbar__bar {
    z-index: 2
}

.el-table .caret-wrapper {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    height: 14px;
    width: 24px;
    vertical-align: middle;
    cursor: pointer;
    overflow: initial;
    position: relative
}

.el-table .sort-caret {
    width: 0;
    height: 0;
    border: solid 5px transparent;
    position: absolute;
    left: 7px
}

.el-table .sort-caret.ascending {
    border-bottom-color: var(--el-text-color-placeholder);
    top: -5px
}

.el-table .sort-caret.descending {
    border-top-color: var(--el-text-color-placeholder);
    bottom: -3px
}

.el-table .ascending .sort-caret.ascending {
    border-bottom-color: var(--el-color-primary)
}

.el-table .descending .sort-caret.descending {
    border-top-color: var(--el-color-primary)
}

.el-table .hidden-columns {
    visibility: hidden;
    position: absolute;
    z-index: -1
}

.el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell {
    background: var(--el-fill-color-lighter)
}

.el-table--striped .el-table__body tr.el-table__row--striped.current-row td.el-table__cell {
    background-color: var(--el-table-current-row-bg-color)
}

.el-table__body tr.hover-row.current-row>td.el-table__cell,
.el-table__body tr.hover-row.el-table__row--striped.current-row>td.el-table__cell,
.el-table__body tr.hover-row.el-table__row--striped>td.el-table__cell,
.el-table__body tr.hover-row>td.el-table__cell {
    background-color: var(--el-table-row-hover-bg-color)
}

.el-table__body tr.current-row>td.el-table__cell {
    background-color: var(--el-table-current-row-bg-color)
}

.el-table__column-resize-proxy {
    position: absolute;
    left: 200px;
    top: 0;
    bottom: 0;
    width: 0;
    border-left: var(--el-table-border);
    z-index: 10
}

.el-table__column-filter-trigger {
    display: inline-block;
    cursor: pointer
}

.el-table__column-filter-trigger i {
    color: var(--el-color-info);
    font-size: 14px;
    vertical-align: middle
}

.el-table__border-left-patch {
    top: 0;
    left: 0;
    width: 1px;
    height: 100%;
    z-index: 3;
    position: absolute;
    background-color: var(--el-table-border-color)
}

.el-table__border-bottom-patch {
    left: 0;
    height: 1px;
    z-index: 3;
    position: absolute;
    background-color: var(--el-table-border-color)
}

.el-table__border-right-patch {
    top: 0;
    height: 100%;
    width: 1px;
    z-index: 3;
    position: absolute;
    background-color: var(--el-table-border-color)
}

.el-table--enable-row-transition .el-table__body td.el-table__cell {
    transition: background-color .25s ease
}

.el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell {
    background-color: var(--el-table-row-hover-bg-color)
}

.el-table [class*=el-table__row--level] .el-table__expand-icon {
    display: inline-block;
    width: 12px;
    line-height: 12px;
    height: 12px;
    text-align: center;
    margin-right: 8px
}

.el-table .el-table.el-table--border .el-table__cell {
    border-right: var(--el-table-border)
}

.el-table:not(.el-table--border) .el-table__cell {
    border-right: none
}

.el-table:not(.el-table--border)>.el-table__inner-wrapper:after {
    content: none
}

.el-checkbox {
    --el-checkbox-font-size: 14px;
    --el-checkbox-font-weight: var(--el-font-weight-primary);
    --el-checkbox-text-color: var(--el-text-color-regular);
    --el-checkbox-input-height: 14px;
    --el-checkbox-input-width: 14px;
    --el-checkbox-border-radius: var(--el-border-radius-small);
    --el-checkbox-bg-color: var(--el-fill-color-blank);
    --el-checkbox-input-border: var(--el-border);
    --el-checkbox-disabled-border-color: var(--el-border-color);
    --el-checkbox-disabled-input-fill: var(--el-fill-color-light);
    --el-checkbox-disabled-icon-color: var(--el-text-color-placeholder);
    --el-checkbox-disabled-checked-input-fill: var(--el-border-color-extra-light);
    --el-checkbox-disabled-checked-input-border-color: var(--el-border-color);
    --el-checkbox-disabled-checked-icon-color: var(--el-text-color-placeholder);
    --el-checkbox-checked-text-color: var(--el-color-primary);
    --el-checkbox-checked-input-border-color: var(--el-color-primary);
    --el-checkbox-checked-bg-color: var(--el-color-primary);
    --el-checkbox-checked-icon-color: var(--el-color-white);
    --el-checkbox-input-border-color-hover: var(--el-color-primary)
}

.el-checkbox {
    color: var(--el-checkbox-text-color);
    font-weight: var(--el-checkbox-font-weight);
    font-size: var(--el-font-size-base);
    position: relative;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-right: 30px;
    height: 32px
}

.el-checkbox.is-bordered {
    padding: 0 15px 0 9px;
    border-radius: var(--el-border-radius-base);
    border: var(--el-border);
    box-sizing: border-box
}

.el-checkbox.is-bordered.is-checked {
    border-color: var(--el-color-primary)
}

.el-checkbox.is-bordered.is-disabled {
    border-color: var(--el-border-color-lighter);
    cursor: not-allowed
}

.el-checkbox.is-bordered.el-checkbox--large {
    padding: 0 19px 0 11px;
    border-radius: var(--el-border-radius-base)
}

.el-checkbox.is-bordered.el-checkbox--large .el-checkbox__label {
    font-size: var(--el-font-size-base)
}

.el-checkbox.is-bordered.el-checkbox--large .el-checkbox__inner {
    height: 14px;
    width: 14px
}

.el-checkbox.is-bordered.el-checkbox--small {
    padding: 0 11px 0 7px;
    border-radius: calc(var(--el-border-radius-base) - 1px)
}

.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label {
    font-size: 12px
}

.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner {
    height: 12px;
    width: 12px
}

.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner:after {
    height: 6px;
    width: 2px
}

.el-checkbox input:focus-visible+.el-checkbox__inner {
    outline: 2px solid var(--el-checkbox-input-border-color-hover);
    outline-offset: 1px;
    border-radius: var(--el-checkbox-border-radius)
}

.el-checkbox__input {
    white-space: nowrap;
    cursor: pointer;
    outline: 0;
    display: inline-flex;
    position: relative
}

.el-checkbox__input.is-disabled .el-checkbox__inner {
    background-color: var(--el-checkbox-disabled-input-fill);
    border-color: var(--el-checkbox-disabled-border-color);
    cursor: not-allowed
}

.el-checkbox__input.is-disabled .el-checkbox__inner:after {
    cursor: not-allowed;
    border-color: var(--el-checkbox-disabled-icon-color)
}

.el-checkbox__input.is-disabled .el-checkbox__inner+.el-checkbox__label {
    cursor: not-allowed
}

.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
    background-color: var(--el-checkbox-disabled-checked-input-fill);
    border-color: var(--el-checkbox-disabled-checked-input-border-color)
}

.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner:after {
    border-color: var(--el-checkbox-disabled-checked-icon-color)
}

.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner {
    background-color: var(--el-checkbox-disabled-checked-input-fill);
    border-color: var(--el-checkbox-disabled-checked-input-border-color)
}

.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner:before {
    background-color: var(--el-checkbox-disabled-checked-icon-color);
    border-color: var(--el-checkbox-disabled-checked-icon-color)
}

.el-checkbox__input.is-disabled+span.el-checkbox__label {
    color: var(--el-disabled-text-color);
    cursor: not-allowed
}

.el-checkbox__input.is-checked .el-checkbox__inner {
    background-color: var(--el-checkbox-checked-bg-color);
    border-color: var(--el-checkbox-checked-input-border-color)
}

.el-checkbox__input.is-checked .el-checkbox__inner:after {
    transform: rotate(45deg) scaleY(1)
}

.el-checkbox__input.is-checked+.el-checkbox__label {
    color: var(--el-checkbox-checked-text-color)
}

.el-checkbox__input.is-focus:not(.is-checked) .el-checkbox__original:not(:focus-visible) {
    border-color: var(--el-checkbox-input-border-color-hover)
}

.el-checkbox__input.is-indeterminate .el-checkbox__inner {
    background-color: var(--el-checkbox-checked-bg-color);
    border-color: var(--el-checkbox-checked-input-border-color)
}

.el-checkbox__input.is-indeterminate .el-checkbox__inner:before {
    content: "";
    position: absolute;
    display: block;
    background-color: var(--el-checkbox-checked-icon-color);
    height: 2px;
    transform: scale(.5);
    left: 0;
    right: 0;
    top: 5px
}

.el-checkbox__input.is-indeterminate .el-checkbox__inner:after {
    display: none
}

.el-checkbox__inner {
    display: inline-block;
    position: relative;
    border: var(--el-checkbox-input-border);
    border-radius: var(--el-checkbox-border-radius);
    box-sizing: border-box;
    width: var(--el-checkbox-input-width);
    height: var(--el-checkbox-input-height);
    background-color: var(--el-checkbox-bg-color);
    z-index: var(--el-index-normal);
    transition: border-color .25s cubic-bezier(.71, -.46, .29, 1.46), background-color .25s cubic-bezier(.71, -.46, .29, 1.46), outline .25s cubic-bezier(.71, -.46, .29, 1.46)
}

.el-checkbox__inner:hover {
    border-color: var(--el-checkbox-input-border-color-hover)
}

.el-checkbox__inner:after {
    box-sizing: content-box;
    content: "";
    border: 1px solid var(--el-checkbox-checked-icon-color);
    border-left: 0;
    border-top: 0;
    height: 7px;
    left: 4px;
    position: absolute;
    top: 1px;
    transform: rotate(45deg) scaleY(0);
    width: 3px;
    transition: transform .15s ease-in 50ms;
    transform-origin: center
}

.el-checkbox__original {
    opacity: 0;
    outline: 0;
    position: absolute;
    margin: 0;
    width: 0;
    height: 0;
    z-index: -1
}

.el-checkbox__label {
    display: inline-block;
    padding-left: 8px;
    line-height: 1;
    font-size: var(--el-checkbox-font-size)
}

.el-checkbox.el-checkbox--large {
    height: 40px
}

.el-checkbox.el-checkbox--large .el-checkbox__label {
    font-size: 14px
}

.el-checkbox.el-checkbox--large .el-checkbox__inner {
    width: 14px;
    height: 14px
}

.el-checkbox.el-checkbox--small {
    height: 24px
}

.el-checkbox.el-checkbox--small .el-checkbox__label {
    font-size: 12px
}

.el-checkbox.el-checkbox--small .el-checkbox__inner {
    width: 12px;
    height: 12px
}

.el-checkbox.el-checkbox--small .el-checkbox__input.is-indeterminate .el-checkbox__inner:before {
    top: 4px
}

.el-checkbox.el-checkbox--small .el-checkbox__inner:after {
    width: 2px;
    height: 6px
}

.el-checkbox:last-of-type {
    margin-right: 0
}

.el-table-column--selection .cell {
    padding-left: 14px;
    padding-right: 14px
}

.el-table-filter {
    border: solid 1px var(--el-border-color-lighter);
    border-radius: 2px;
    background-color: #fff;
    box-shadow: var(--el-box-shadow-light);
    box-sizing: border-box
}

.el-table-filter__list {
    padding: 5px 0;
    margin: 0;
    list-style: none;
    min-width: 100px
}

.el-table-filter__list-item {
    line-height: 36px;
    padding: 0 10px;
    cursor: pointer;
    font-size: var(--el-font-size-base)
}

.el-table-filter__list-item:hover {
    background-color: var(--el-color-primary-light-9);
    color: var(--el-color-primary)
}

.el-table-filter__list-item.is-active {
    background-color: var(--el-color-primary);
    color: #fff
}

.el-table-filter__content {
    min-width: 100px
}

.el-table-filter__bottom {
    border-top: 1px solid var(--el-border-color-lighter);
    padding: 8px
}

.el-table-filter__bottom button {
    background: 0 0;
    border: none;
    color: var(--el-text-color-regular);
    cursor: pointer;
    font-size: var(--el-font-size-small);
    padding: 0 3px
}

.el-table-filter__bottom button:hover {
    color: var(--el-color-primary)
}

.el-table-filter__bottom button:focus {
    outline: 0
}

.el-table-filter__bottom button.is-disabled {
    color: var(--el-disabled-text-color);
    cursor: not-allowed
}

.el-table-filter__wrap {
    max-height: 280px
}

.el-table-filter__checkbox-group {
    padding: 10px
}

.el-table-filter__checkbox-group label.el-checkbox {
    display: flex;
    align-items: center;
    margin-right: 5px;
    margin-bottom: 12px;
    margin-left: 5px;
    height: unset
}

.el-table-filter__checkbox-group .el-checkbox:last-child {
    margin-bottom: 0
}

.el-form {
    --el-form-label-font-size: var(--el-font-size-base)
}

.el-form--label-left .el-form-item__label {
    justify-content: flex-start
}

.el-form--label-top .el-form-item {
    display: block
}

.el-form--label-top .el-form-item .el-form-item__label {
    display: block;
    height: auto;
    text-align: left;
    margin-bottom: 8px;
    line-height: 22px
}

.el-form--inline .el-form-item {
    display: inline-flex;
    vertical-align: middle;
    margin-right: 32px
}

.el-form--inline.el-form--label-top {
    display: flex;
    flex-wrap: wrap
}

.el-form--inline.el-form--label-top .el-form-item {
    display: block
}

.el-form--large.el-form--label-top .el-form-item .el-form-item__label {
    margin-bottom: 12px;
    line-height: 22px
}

.el-form--default.el-form--label-top .el-form-item .el-form-item__label {
    margin-bottom: 8px;
    line-height: 22px
}

.el-form--small.el-form--label-top .el-form-item .el-form-item__label {
    margin-bottom: 4px;
    line-height: 20px
}

.el-form-item {
    display: flex;
    --font-size: 14px;
    margin-bottom: 7px
}

.el-form-item .el-form-item {
    margin-bottom: 0
}

.el-form-item .el-input__validateIcon {
    display: none
}

.el-form-item--large {
    --font-size: 14px;
    --el-form-label-font-size: var(--font-size);
    margin-bottom: 22px
}

.el-form-item--large .el-form-item__label {
    height: 40px;
    line-height: 40px;
    font-size: 15px;
}

.el-form-item--large .el-form-item__content {
    line-height: 40px
}

.el-form-item--large .el-form-item__error {
    padding-top: 4px
}

.el-form-item--default {
    --font-size: 14px;
    --el-form-label-font-size: var(--font-size);
    margin-bottom: 18px
}

.el-form-item--default .el-form-item__label {
    height: 32px;
    line-height: 32px
}

.el-form-item--default .el-form-item__content {
    line-height: 32px
}

.el-form-item--default .el-form-item__error {
    padding-top: 2px
}

.el-form-item--small {
    --font-size: 12px;
    --el-form-label-font-size: var(--font-size);
    margin-bottom: 18px
}

.el-form-item--small .el-form-item__label {
    height: 24px;
    line-height: 24px
}

.el-form-item--small .el-form-item__content {
    line-height: 24px
}

.el-form-item--small .el-form-item__error {
    padding-top: 2px
}

.el-form-item__label-wrap {
    display: flex
}

.el-form-item__label {
    display: inline-flex;
    justify-content: flex-end;
    align-items: flex-start;
    flex: 0 0 auto;
    font-size: var(--el-form-label-font-size);
    color: var(--el-text-color-regular);
    height: 40px;
    line-height: 40px;
    padding: 0 12px 0 0;
    box-sizing: border-box
}

.el-form-item__content {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    flex: 1;
    line-height: 32px;
    position: relative;
    font-size: var(--font-size);
    min-width: 0
}

.el-form-item__content .el-input-group {
    vertical-align: top
}

.el-form-item__error {
    color: var(--el-color-danger);
    font-size: 12px;
    line-height: 1;
    padding-top: 2px;
    position: absolute;
    top: 100%;
    left: 0
}

.el-form-item__error--inline {
    position: relative;
    top: auto;
    left: auto;
    display: inline-block;
    margin-left: 10px
}

.el-form-item.is-required:not(.is-no-asterisk).asterisk-left>.el-form-item__label-wrap>.el-form-item__label:before,
.el-form-item.is-required:not(.is-no-asterisk).asterisk-left>.el-form-item__label:before {
    /* content: "*"; */
    color: var(--el-color-danger);
    margin-right: 4px
}
.orangeing_label:before{
    content: "*";
    color: var(--el-color-danger);
    margin-right: 4px
}
.el-form-item.is-required:not(.is-no-asterisk).asterisk-right>.el-form-item__label-wrap>.el-form-item__label:after,
.el-form-item.is-required:not(.is-no-asterisk).asterisk-right>.el-form-item__label:after {
    content: "*";
    color: var(--el-color-danger);
    margin-left: 4px
}

.el-form-item.is-error .el-select-v2__wrapper,
.el-form-item.is-error .el-select-v2__wrapper:focus,
.el-form-item.is-error .el-textarea__inner,
.el-form-item.is-error .el-textarea__inner:focus {
    box-shadow: 0 0 0 1px var(--el-color-danger) inset
}

.el-form-item.is-error .el-input__wrapper {
    box-shadow: 0 0 0 1px var(--el-color-danger) inset
}

.el-form-item.is-error .el-input-group__append .el-input__wrapper,
.el-form-item.is-error .el-input-group__prepend .el-input__wrapper {
    box-shadow: 0 0 0 1px transparent inset
}

.el-form-item.is-error .el-input__validateIcon {
    color: var(--el-color-danger)
}

.el-form-item--feedback .el-input__validateIcon {
    display: inline-flex
}

.el-date-table {
    font-size: 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.el-date-table.is-week-mode .el-date-table__row:hover .el-date-table-cell {
    background-color: var(--el-datepicker-inrange-bg-color)
}

.el-date-table.is-week-mode .el-date-table__row:hover td.available:hover {
    color: var(--el-datepicker-text-color)
}

.el-date-table.is-week-mode .el-date-table__row:hover td:first-child .el-date-table-cell {
    margin-left: 5px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px
}

.el-date-table.is-week-mode .el-date-table__row:hover td:last-child .el-date-table-cell {
    margin-right: 5px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px
}

.el-date-table.is-week-mode .el-date-table__row.current .el-date-table-cell {
    background-color: var(--el-datepicker-inrange-bg-color)
}

.el-date-table td {
    width: 32px;
    height: 30px;
    padding: 4px 0;
    box-sizing: border-box;
    text-align: center;
    cursor: pointer;
    position: relative
}

.el-date-table td .el-date-table-cell {
    height: 30px;
    padding: 3px 0;
    box-sizing: border-box
}

.el-date-table td .el-date-table-cell .el-date-table-cell__text {
    width: 24px;
    height: 24px;
    display: block;
    margin: 0 auto;
    line-height: 24px;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    border-radius: 50%
}

.el-date-table td.next-month,
.el-date-table td.prev-month {
    color: var(--el-datepicker-off-text-color)
}

.el-date-table td.today {
    position: relative
}

.el-date-table td.today .el-date-table-cell__text {
    color: var(--el-color-primary);
    font-weight: 700
}

.el-date-table td.today.end-date .el-date-table-cell__text,
.el-date-table td.today.start-date .el-date-table-cell__text {
    color: #fff
}

.el-date-table td.available:hover {
    color: var(--el-datepicker-hover-text-color)
}

.el-date-table td.in-range .el-date-table-cell {
    background-color: var(--el-datepicker-inrange-bg-color)
}

.el-date-table td.in-range .el-date-table-cell:hover {
    background-color: var(--el-datepicker-inrange-hover-bg-color)
}

.el-date-table td.current:not(.disabled) .el-date-table-cell__text {
    color: #fff;
    background-color: var(--el-datepicker-active-color)
}

.el-date-table td.current:not(.disabled):focus-visible .el-date-table-cell__text {
    outline: 2px solid var(--el-datepicker-active-color);
    outline-offset: 1px
}

.el-date-table td.end-date .el-date-table-cell,
.el-date-table td.start-date .el-date-table-cell {
    color: #fff
}

.el-date-table td.end-date .el-date-table-cell__text,
.el-date-table td.start-date .el-date-table-cell__text {
    background-color: var(--el-datepicker-active-color)
}

.el-date-table td.start-date .el-date-table-cell {
    margin-left: 5px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px
}

.el-date-table td.end-date .el-date-table-cell {
    margin-right: 5px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px
}

.el-date-table td.disabled .el-date-table-cell {
    background-color: var(--el-fill-color-light);
    opacity: 1;
    cursor: not-allowed;
    color: var(--el-text-color-placeholder)
}

.el-date-table td.selected .el-date-table-cell {
    margin-left: 5px;
    margin-right: 5px;
    background-color: var(--el-datepicker-inrange-bg-color);
    border-radius: 15px
}

.el-date-table td.selected .el-date-table-cell:hover {
    background-color: var(--el-datepicker-inrange-hover-bg-color)
}

.el-date-table td.selected .el-date-table-cell__text {
    background-color: var(--el-datepicker-active-color);
    color: #fff;
    border-radius: 15px
}

.el-date-table td.week {
    font-size: 80%;
    color: var(--el-datepicker-header-text-color)
}

.el-date-table td:focus {
    outline: 0
}

.el-date-table th {
    padding: 5px;
    color: var(--el-datepicker-header-text-color);
    font-weight: 400;
    border-bottom: solid 1px var(--el-border-color-lighter)
}

.el-month-table {
    font-size: 12px;
    margin: -1px;
    border-collapse: collapse
}

.el-month-table td {
    text-align: center;
    padding: 8px 0;
    cursor: pointer
}

.el-month-table td div {
    height: 48px;
    padding: 6px 0;
    box-sizing: border-box
}

.el-month-table td.today .cell {
    color: var(--el-color-primary);
    font-weight: 700
}

.el-month-table td.today.end-date .cell,
.el-month-table td.today.start-date .cell {
    color: #fff
}

.el-month-table td.disabled .cell {
    background-color: var(--el-fill-color-light);
    cursor: not-allowed;
    color: var(--el-text-color-placeholder)
}

.el-month-table td.disabled .cell:hover {
    color: var(--el-text-color-placeholder)
}

.el-month-table td .cell {
    width: 60px;
    height: 36px;
    display: block;
    line-height: 36px;
    color: var(--el-datepicker-text-color);
    margin: 0 auto;
    border-radius: 18px
}

.el-month-table td .cell:hover {
    color: var(--el-datepicker-hover-text-color)
}

.el-month-table td.in-range div {
    background-color: var(--el-datepicker-inrange-bg-color)
}

.el-month-table td.in-range div:hover {
    background-color: var(--el-datepicker-inrange-hover-bg-color)
}

.el-month-table td.end-date div,
.el-month-table td.start-date div {
    color: #fff
}

.el-month-table td.end-date .cell,
.el-month-table td.start-date .cell {
    color: #fff;
    background-color: var(--el-datepicker-active-color)
}

.el-month-table td.start-date div {
    border-top-left-radius: 24px;
    border-bottom-left-radius: 24px
}

.el-month-table td.end-date div {
    border-top-right-radius: 24px;
    border-bottom-right-radius: 24px
}

.el-month-table td.current:not(.disabled) .cell {
    color: var(--el-datepicker-active-color)
}

.el-month-table td:focus-visible {
    outline: 0
}

.el-month-table td:focus-visible .cell {
    outline: 2px solid var(--el-datepicker-active-color)
}

.el-year-table {
    font-size: 12px;
    margin: -1px;
    border-collapse: collapse
}

.el-year-table .el-icon {
    color: var(--el-datepicker-icon-color)
}

.el-year-table td {
    text-align: center;
    padding: 20px 3px;
    cursor: pointer
}

.el-year-table td.today .cell {
    color: var(--el-color-primary);
    font-weight: 700
}

.el-year-table td.disabled .cell {
    background-color: var(--el-fill-color-light);
    cursor: not-allowed;
    color: var(--el-text-color-placeholder)
}

.el-year-table td.disabled .cell:hover {
    color: var(--el-text-color-placeholder)
}

.el-year-table td .cell {
    width: 48px;
    height: 36px;
    display: block;
    line-height: 36px;
    color: var(--el-datepicker-text-color);
    border-radius: 18px;
    margin: 0 auto
}

.el-year-table td .cell:hover {
    color: var(--el-datepicker-hover-text-color)
}

.el-year-table td.current:not(.disabled) .cell {
    color: var(--el-datepicker-active-color)
}

.el-year-table td:focus-visible {
    outline: 0
}

.el-year-table td:focus-visible .cell {
    outline: 2px solid var(--el-datepicker-active-color)
}

.el-time-spinner.has-seconds .el-time-spinner__wrapper {
    width: 33.3%
}

.el-time-spinner__wrapper {
    max-height: 192px;
    overflow: auto;
    display: inline-block;
    width: 50%;
    vertical-align: top;
    position: relative
}

.el-time-spinner__wrapper.el-scrollbar__wrap:not(.el-scrollbar__wrap--hidden-default) {
    padding-bottom: 15px
}

.el-time-spinner__wrapper.is-arrow {
    box-sizing: border-box;
    text-align: center;
    overflow: hidden
}

.el-time-spinner__wrapper.is-arrow .el-time-spinner__list {
    transform: translateY(-32px)
}

.el-time-spinner__wrapper.is-arrow .el-time-spinner__item:hover:not(.is-disabled):not(.is-active) {
    background: var(--el-fill-color-light);
    cursor: default
}

.el-time-spinner__arrow {
    font-size: 12px;
    color: var(--el-text-color-secondary);
    position: absolute;
    left: 0;
    width: 100%;
    z-index: var(--el-index-normal);
    text-align: center;
    height: 30px;
    line-height: 30px;
    cursor: pointer
}

.el-time-spinner__arrow:hover {
    color: var(--el-color-primary)
}

.el-time-spinner__arrow.arrow-up {
    top: 10px
}

.el-time-spinner__arrow.arrow-down {
    bottom: 10px
}

.el-time-spinner__input.el-input {
    width: 70%
}

.el-time-spinner__input.el-input .el-input__inner {
    padding: 0;
    text-align: center
}

.el-time-spinner__list {
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center
}

.el-time-spinner__list:after,
.el-time-spinner__list:before {
    content: "";
    display: block;
    width: 100%;
    height: 80px
}

.el-time-spinner__item {
    height: 32px;
    line-height: 32px;
    font-size: 12px;
    color: var(--el-text-color-regular)
}

.el-time-spinner__item:hover:not(.is-disabled):not(.is-active) {
    background: var(--el-fill-color-light);
    cursor: pointer
}

.el-time-spinner__item.is-active:not(.is-disabled) {
    color: var(--el-text-color-primary);
    font-weight: 700
}

.el-time-spinner__item.is-disabled {
    color: var(--el-text-color-placeholder);
    cursor: not-allowed
}

.fade-in-linear-enter-active,
.fade-in-linear-leave-active {
    transition: var(--el-transition-fade-linear)
}

.fade-in-linear-enter-from,
.fade-in-linear-leave-to {
    opacity: 0
}

.el-fade-in-linear-enter-active,
.el-fade-in-linear-leave-active {
    transition: var(--el-transition-fade-linear)
}

.el-fade-in-linear-enter-from,
.el-fade-in-linear-leave-to {
    opacity: 0
}

.el-fade-in-enter-active,
.el-fade-in-leave-active {
    transition: all var(--el-transition-duration) cubic-bezier(.55, 0, .1, 1)
}

.el-fade-in-enter-from,
.el-fade-in-leave-active {
    opacity: 0
}

.el-zoom-in-center-enter-active,
.el-zoom-in-center-leave-active {
    transition: all var(--el-transition-duration) cubic-bezier(.55, 0, .1, 1)
}

.el-zoom-in-center-enter-from,
.el-zoom-in-center-leave-active {
    opacity: 0;
    transform: scaleX(0)
}

.el-zoom-in-top-enter-active,
.el-zoom-in-top-leave-active {
    opacity: 1;
    transform: scaleY(1);
    transition: var(--el-transition-md-fade);
    transform-origin: center top
}

.el-zoom-in-top-enter-active[data-popper-placement^=top],
.el-zoom-in-top-leave-active[data-popper-placement^=top] {
    transform-origin: center bottom
}

.el-zoom-in-top-enter-from,
.el-zoom-in-top-leave-active {
    opacity: 0;
    transform: scaleY(0)
}

.el-zoom-in-bottom-enter-active,
.el-zoom-in-bottom-leave-active {
    opacity: 1;
    transform: scaleY(1);
    transition: var(--el-transition-md-fade);
    transform-origin: center bottom
}

.el-zoom-in-bottom-enter-from,
.el-zoom-in-bottom-leave-active {
    opacity: 0;
    transform: scaleY(0)
}

.el-zoom-in-left-enter-active,
.el-zoom-in-left-leave-active {
    opacity: 1;
    transform: scale(1);
    transition: var(--el-transition-md-fade);
    transform-origin: top left
}

.el-zoom-in-left-enter-from,
.el-zoom-in-left-leave-active {
    opacity: 0;
    transform: scale(.45)
}

.collapse-transition {
    transition: var(--el-transition-duration) height ease-in-out, var(--el-transition-duration) padding-top ease-in-out, var(--el-transition-duration) padding-bottom ease-in-out
}

.el-collapse-transition-enter-active,
.el-collapse-transition-leave-active {
    transition: var(--el-transition-duration) max-height ease-in-out, var(--el-transition-duration) padding-top ease-in-out, var(--el-transition-duration) padding-bottom ease-in-out
}

.horizontal-collapse-transition {
    transition: var(--el-transition-duration) width ease-in-out, var(--el-transition-duration) padding-left ease-in-out, var(--el-transition-duration) padding-right ease-in-out
}

.el-list-enter-active,
.el-list-leave-active {
    transition: all 1s
}

.el-list-enter-from,
.el-list-leave-to {
    opacity: 0;
    transform: translateY(-30px)
}

.el-list-leave-active {
    position: absolute !important
}

.el-opacity-transition {
    transition: opacity var(--el-transition-duration) cubic-bezier(.55, 0, .1, 1)
}

.el-picker__popper {
    --el-datepicker-border-color: var(--el-disabled-border-color)
}

.el-picker__popper.el-popper {
    background: var(--el-bg-color-overlay);
    border: 1px solid var(--el-datepicker-border-color);
    box-shadow: var(--el-box-shadow-light)
}

.el-picker__popper.el-popper .el-popper__arrow:before {
    border: 1px solid var(--el-datepicker-border-color)
}

.el-picker__popper.el-popper[data-popper-placement^=top] .el-popper__arrow:before {
    border-top-color: transparent;
    border-left-color: transparent
}

.el-picker__popper.el-popper[data-popper-placement^=bottom] .el-popper__arrow:before {
    border-bottom-color: transparent;
    border-right-color: transparent
}

.el-picker__popper.el-popper[data-popper-placement^=left] .el-popper__arrow:before {
    border-left-color: transparent;
    border-bottom-color: transparent
}

.el-picker__popper.el-popper[data-popper-placement^=right] .el-popper__arrow:before {
    border-right-color: transparent;
    border-top-color: transparent
}

.el-date-editor {
    --el-date-editor-width: 220px;
    --el-date-editor-monthrange-width: 300px;
    --el-date-editor-daterange-width: 350px;
    --el-date-editor-datetimerange-width: 400px;
    --el-input-text-color: var(--el-text-color-regular);
    --el-input-border: var(--el-border);
    --el-input-hover-border: var(--el-border-color-hover);
    --el-input-focus-border: var(--el-color-primary);
    --el-input-transparent-border: 0 0 0 1px transparent inset;
    --el-input-border-color: var(--el-border-color);
    --el-input-border-radius: var(--el-border-radius-base);
    --el-input-bg-color: var(--el-fill-color-blank);
    --el-input-icon-color: var(--el-text-color-placeholder);
    --el-input-placeholder-color: var(--el-text-color-placeholder);
    --el-input-hover-border-color: var(--el-border-color-hover);
    --el-input-clear-hover-color: var(--el-text-color-secondary);
    --el-input-focus-border-color: var(--el-color-primary);
    position: relative;
    display: inline-block;
    text-align: left
}

.el-date-editor.el-input__wrapper {
    box-shadow: 0 0 0 1px var(--el-input-border-color, var(--el-border-color)) inset
}

.el-date-editor.el-input__wrapper:hover {
    box-shadow: 0 0 0 1px var(--el-input-hover-border-color) inset
}

.el-date-editor.el-input,
.el-date-editor.el-input__wrapper {
    width: var(--el-date-editor-width);
    height: var(--el-input-height, var(--el-component-size))
}

.el-date-editor--monthrange {
    --el-date-editor-width: var(--el-date-editor-monthrange-width)
}

.el-date-editor--daterange,
.el-date-editor--timerange {
    --el-date-editor-width: var(--el-date-editor-daterange-width)
}

.el-date-editor--datetimerange {
    --el-date-editor-width: var(--el-date-editor-datetimerange-width)
}

.el-date-editor--dates .el-input__wrapper {
    text-overflow: ellipsis;
    white-space: nowrap
}

.el-date-editor .close-icon,
.el-date-editor .clear-icon {
    cursor: pointer
}

.el-date-editor .clear-icon:hover {
    color: var(--el-text-color-secondary)
}

.el-date-editor .el-range__icon {
    height: inherit;
    font-size: 14px;
    color: var(--el-text-color-placeholder);
    float: left
}

.el-date-editor .el-range__icon svg {
    vertical-align: middle
}

.el-date-editor .el-range-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    outline: 0;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin: 0;
    padding: 0;
    width: 39%;
    text-align: center;
    font-size: var(--el-font-size-base);
    color: var(--el-text-color-regular);
    background-color: transparent
}

.el-date-editor .el-range-input::-moz-placeholder {
    color: var(--el-text-color-placeholder)
}

.el-date-editor .el-range-input:-ms-input-placeholder {
    color: var(--el-text-color-placeholder)
}

.el-date-editor .el-range-input::placeholder {
    color: var(--el-text-color-placeholder)
}

.el-date-editor .el-range-input::-moz-selection {
    outline: 0
}

.el-date-editor .el-range-input::selection {
    outline: 0
}

.el-date-editor .el-range-separator {
    flex: 1;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding: 0 5px;
    margin: 0;
    font-size: 14px;
    word-break: keep-all;
    color: var(--el-text-color-primary)
}

.el-date-editor .el-range__close-icon {
    font-size: 14px;
    color: var(--el-text-color-placeholder);
    height: inherit;
    width: unset;
    cursor: pointer
}

.el-date-editor .el-range__close-icon:hover {
    color: var(--el-text-color-secondary)
}

.el-date-editor .el-range__close-icon svg {
    vertical-align: middle
}

.el-date-editor .el-range__close-icon--hidden {
    opacity: 0;
    visibility: hidden
}

.el-range-editor.el-input__wrapper {
    display: inline-flex;
    align-items: center;
    padding: 0 10px
}

.el-range-editor.is-active,
.el-range-editor.is-active:hover {
    box-shadow: 0 0 0 1px var(--el-input-focus-border-color) inset
}

.el-range-editor--large {
    line-height: var(--el-component-size-large)
}

.el-range-editor--large.el-input__wrapper {
    height: var(--el-component-size-large)
}

.el-range-editor--large .el-range-separator {
    line-height: 40px;
    font-size: 14px
}

.el-range-editor--large .el-range-input {
    height: 38px;
    line-height: 38px;
    font-size: 15px
}

.el-range-editor--small {
    line-height: var(--el-component-size-small)
}

.el-range-editor--small.el-input__wrapper {
    height: var(--el-component-size-small)
}

.el-range-editor--small .el-range-separator {
    line-height: 24px;
    font-size: 12px
}

.el-range-editor--small .el-range-input {
    height: 22px;
    line-height: 22px;
    font-size: 12px
}

.el-range-editor.is-disabled {
    background-color: var(--el-disabled-bg-color);
    border-color: var(--el-disabled-border-color);
    color: var(--el-disabled-text-color);
    cursor: not-allowed
}

.el-range-editor.is-disabled:focus,
.el-range-editor.is-disabled:hover {
    border-color: var(--el-disabled-border-color)
}

.el-range-editor.is-disabled input {
    background-color: var(--el-disabled-bg-color);
    color: var(--el-disabled-text-color);
    cursor: not-allowed
}

.el-range-editor.is-disabled input::-moz-placeholder {
    color: var(--el-text-color-placeholder)
}

.el-range-editor.is-disabled input:-ms-input-placeholder {
    color: var(--el-text-color-placeholder)
}

.el-range-editor.is-disabled input::placeholder {
    color: var(--el-text-color-placeholder)
}

.el-range-editor.is-disabled .el-range-separator {
    color: var(--el-disabled-text-color)
}

.el-picker-panel {
    color: var(--el-text-color-regular);
    background: var(--el-bg-color-overlay);
    border-radius: var(--el-border-radius-base);
    line-height: 30px
}

.el-picker-panel .el-time-panel {
    margin: 5px 0;
    border: solid 1px var(--el-datepicker-border-color);
    background-color: var(--el-bg-color-overlay);
    box-shadow: var(--el-box-shadow-light)
}

.el-picker-panel__body-wrapper:after,
.el-picker-panel__body:after {
    content: "";
    display: table;
    clear: both
}

.el-picker-panel__content {
    position: relative;
    margin: 15px
}

.el-picker-panel__footer {
    border-top: 1px solid var(--el-datepicker-inner-border-color);
    padding: 4px 12px;
    text-align: right;
    background-color: var(--el-bg-color-overlay);
    position: relative;
    font-size: 0
}

.el-picker-panel__shortcut {
    display: block;
    width: 100%;
    border: 0;
    background-color: transparent;
    line-height: 28px;
    font-size: 14px;
    color: var(--el-datepicker-text-color);
    padding-left: 12px;
    text-align: left;
    outline: 0;
    cursor: pointer
}

.el-picker-panel__shortcut:hover {
    color: var(--el-datepicker-hover-text-color)
}

.el-picker-panel__shortcut.active {
    background-color: #e6f1fe;
    color: var(--el-datepicker-active-color)
}

.el-picker-panel__btn {
    border: 1px solid var(--el-fill-color-darker);
    color: var(--el-text-color-primary);
    line-height: 24px;
    border-radius: 2px;
    padding: 0 20px;
    cursor: pointer;
    background-color: transparent;
    outline: 0;
    font-size: 12px
}

.el-picker-panel__btn[disabled] {
    color: var(--el-text-color-disabled);
    cursor: not-allowed
}

.el-picker-panel__icon-btn {
    font-size: 12px;
    color: var(--el-datepicker-icon-color);
    border: 0;
    background: 0 0;
    cursor: pointer;
    outline: 0;
    margin-top: 8px
}

.el-picker-panel__icon-btn:hover {
    color: var(--el-datepicker-hover-text-color)
}

.el-picker-panel__icon-btn:focus-visible {
    color: var(--el-datepicker-hover-text-color)
}

.el-picker-panel__icon-btn.is-disabled {
    color: var(--el-text-color-disabled)
}

.el-picker-panel__icon-btn.is-disabled:hover {
    cursor: not-allowed
}

.el-picker-panel__icon-btn .el-icon {
    cursor: pointer;
    font-size: inherit
}

.el-picker-panel__link-btn {
    vertical-align: middle
}

.el-picker-panel [slot=sidebar],
.el-picker-panel__sidebar {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 110px;
    border-right: 1px solid var(--el-datepicker-inner-border-color);
    box-sizing: border-box;
    padding-top: 6px;
    background-color: var(--el-bg-color-overlay);
    overflow: auto
}

.el-picker-panel [slot=sidebar]+.el-picker-panel__body,
.el-picker-panel__sidebar+.el-picker-panel__body {
    margin-left: 110px
}

.el-date-picker {
    --el-datepicker-text-color: var(--el-text-color-regular);
    --el-datepicker-off-text-color: var(--el-text-color-placeholder);
    --el-datepicker-header-text-color: var(--el-text-color-regular);
    --el-datepicker-icon-color: var(--el-text-color-primary);
    --el-datepicker-border-color: var(--el-disabled-border-color);
    --el-datepicker-inner-border-color: var(--el-border-color-light);
    --el-datepicker-inrange-bg-color: var(--el-border-color-extra-light);
    --el-datepicker-inrange-hover-bg-color: var(--el-border-color-extra-light);
    --el-datepicker-active-color: var(--el-color-primary);
    --el-datepicker-hover-text-color: var(--el-color-primary)
}

.el-date-picker {
    width: 322px
}

.el-date-picker.has-sidebar.has-time {
    width: 434px
}

.el-date-picker.has-sidebar {
    width: 438px
}

.el-date-picker.has-time .el-picker-panel__body-wrapper {
    position: relative
}

.el-date-picker .el-picker-panel__content {
    width: 292px
}

.el-date-picker table {
    table-layout: fixed;
    width: 100%
}

.el-date-picker__editor-wrap {
    position: relative;
    display: table-cell;
    padding: 0 5px
}

.el-date-picker__time-header {
    position: relative;
    border-bottom: 1px solid var(--el-datepicker-inner-border-color);
    font-size: 12px;
    padding: 8px 5px 5px;
    display: table;
    width: 100%;
    box-sizing: border-box
}

.el-date-picker__header {
    margin: 12px;
    text-align: center
}

.el-date-picker__header--bordered {
    margin-bottom: 0;
    padding-bottom: 12px;
    border-bottom: solid 1px var(--el-border-color-lighter)
}

.el-date-picker__header--bordered+.el-picker-panel__content {
    margin-top: 0
}

.el-date-picker__header-label {
    font-size: 16px;
    font-weight: 500;
    padding: 0 5px;
    line-height: 22px;
    text-align: center;
    cursor: pointer;
    color: var(--el-text-color-regular)
}

.el-date-picker__header-label:hover {
    color: var(--el-datepicker-hover-text-color)
}

.el-date-picker__header-label:focus-visible {
    outline: 0;
    color: var(--el-datepicker-hover-text-color)
}

.el-date-picker__header-label.active {
    color: var(--el-datepicker-active-color)
}

.el-date-picker__prev-btn {
    float: left
}

.el-date-picker__next-btn {
    float: right
}

.el-date-picker__time-wrap {
    padding: 10px;
    text-align: center
}

.el-date-picker__time-label {
    float: left;
    cursor: pointer;
    line-height: 30px;
    margin-left: 10px
}

.el-date-picker .el-time-panel {
    position: absolute
}

.el-date-range-picker {
    --el-datepicker-text-color: var(--el-text-color-regular);
    --el-datepicker-off-text-color: var(--el-text-color-placeholder);
    --el-datepicker-header-text-color: var(--el-text-color-regular);
    --el-datepicker-icon-color: var(--el-text-color-primary);
    --el-datepicker-border-color: var(--el-disabled-border-color);
    --el-datepicker-inner-border-color: var(--el-border-color-light);
    --el-datepicker-inrange-bg-color: var(--el-border-color-extra-light);
    --el-datepicker-inrange-hover-bg-color: var(--el-border-color-extra-light);
    --el-datepicker-active-color: var(--el-color-primary);
    --el-datepicker-hover-text-color: var(--el-color-primary)
}

.el-date-range-picker {
    width: 646px
}

.el-date-range-picker.has-sidebar {
    width: 756px
}

.el-date-range-picker.has-time .el-picker-panel__body-wrapper {
    position: relative
}

.el-date-range-picker table {
    table-layout: fixed;
    width: 100%
}

.el-date-range-picker .el-picker-panel__body {
    min-width: 513px
}

.el-date-range-picker .el-picker-panel__content {
    margin: 0
}

.el-date-range-picker__header {
    position: relative;
    text-align: center;
    height: 28px
}

.el-date-range-picker__header [class*=arrow-left] {
    float: left
}

.el-date-range-picker__header [class*=arrow-right] {
    float: right
}

.el-date-range-picker__header div {
    font-size: 16px;
    font-weight: 500;
    margin-right: 50px
}

.el-date-range-picker__content {
    float: left;
    width: 50%;
    box-sizing: border-box;
    margin: 0;
    padding: 16px
}

.el-date-range-picker__content.is-left {
    border-right: 1px solid var(--el-datepicker-inner-border-color)
}

.el-date-range-picker__content .el-date-range-picker__header div {
    margin-left: 50px;
    margin-right: 50px
}

.el-date-range-picker__editors-wrap {
    box-sizing: border-box;
    display: table-cell
}

.el-date-range-picker__editors-wrap.is-right {
    text-align: right
}

.el-date-range-picker__time-header {
    position: relative;
    border-bottom: 1px solid var(--el-datepicker-inner-border-color);
    font-size: 12px;
    padding: 8px 5px 5px;
    display: table;
    width: 100%;
    box-sizing: border-box
}

.el-date-range-picker__time-header>.el-icon-arrow-right {
    font-size: 20px;
    vertical-align: middle;
    display: table-cell;
    color: var(--el-datepicker-icon-color)
}

.el-date-range-picker__time-picker-wrap {
    position: relative;
    display: table-cell;
    padding: 0 5px
}

.el-date-range-picker__time-picker-wrap .el-picker-panel {
    position: absolute;
    top: 13px;
    right: 0;
    z-index: 1;
    background: #fff
}

.el-date-range-picker__time-picker-wrap .el-time-panel {
    position: absolute
}

.el-time-range-picker {
    width: 354px;
    overflow: visible
}

.el-time-range-picker__content {
    position: relative;
    text-align: center;
    padding: 10px;
    z-index: 1
}

.el-time-range-picker__cell {
    box-sizing: border-box;
    margin: 0;
    padding: 4px 7px 7px;
    width: 50%;
    display: inline-block
}

.el-time-range-picker__header {
    margin-bottom: 5px;
    text-align: center;
    font-size: 14px
}

.el-time-range-picker__body {
    border-radius: 2px;
    border: 1px solid var(--el-datepicker-border-color)
}

.el-time-panel {
    border-radius: 2px;
    position: relative;
    width: 180px;
    left: 0;
    z-index: var(--el-index-top);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-sizing: content-box
}

.el-time-panel__content {
    font-size: 0;
    position: relative;
    overflow: hidden
}

.el-time-panel__content:after,
.el-time-panel__content:before {
    content: "";
    top: 50%;
    position: absolute;
    margin-top: -16px;
    height: 32px;
    z-index: -1;
    left: 0;
    right: 0;
    box-sizing: border-box;
    padding-top: 6px;
    text-align: left
}

.el-time-panel__content:after {
    left: 50%;
    margin-left: 12%;
    margin-right: 12%
}

.el-time-panel__content:before {
    padding-left: 50%;
    margin-right: 12%;
    margin-left: 12%;
    border-top: 1px solid var(--el-border-color-light);
    border-bottom: 1px solid var(--el-border-color-light)
}

.el-time-panel__content.has-seconds:after {
    left: 66.6666666667%
}

.el-time-panel__content.has-seconds:before {
    padding-left: 33.3333333333%
}

.el-time-panel__footer {
    border-top: 1px solid var(--el-timepicker-inner-border-color, var(--el-border-color-light));
    padding: 4px;
    height: 36px;
    line-height: 25px;
    text-align: right;
    box-sizing: border-box
}

.el-time-panel__btn {
    border: none;
    line-height: 28px;
    padding: 0 5px;
    margin: 0 5px;
    cursor: pointer;
    background-color: transparent;
    outline: 0;
    font-size: 12px;
    color: var(--el-text-color-primary)
}

.el-time-panel__btn.confirm {
    font-weight: 800;
    color: var(--el-timepicker-active-color, var(--el-color-primary))
}

.report[data-v-7545acaa] {
    width: 100%;
    height: 100%;
    box-sizing: border-box
}

.red[data-v-7545acaa] {
    color: #fc0000;
    text-decoration: underline
}

.blue[data-v-7545acaa] {
    color: #004eff;
    text-decoration: underline
}


:root {
    --el-loading-spinner-size: 42px;
    --el-loading-fullscreen-spinner-size: 50px
}

.el-loading-parent--relative {
    position: relative !important
}

.el-loading-parent--hidden {
    overflow: hidden !important
}

.el-loading-mask {
    position: absolute;
    z-index: 2000;
    background-color: var(--el-mask-color);
    margin: 0;
    inset: 0;
    transition: opacity var(--el-transition-duration)
}

.el-loading-mask.is-fullscreen {
    position: fixed
}

.el-loading-mask.is-fullscreen .el-loading-spinner {
    margin-top: calc((0px - var(--el-loading-fullscreen-spinner-size))/ 2)
}

.el-loading-mask.is-fullscreen .el-loading-spinner .circular {
    height: var(--el-loading-fullscreen-spinner-size);
    width: var(--el-loading-fullscreen-spinner-size)
}

.el-loading-spinner {
    top: 50%;
    margin-top: calc((0px - var(--el-loading-spinner-size))/ 2);
    width: 100%;
    text-align: center;
    position: absolute
}

.el-loading-spinner .el-loading-text {
    color: var(--el-color-primary);
    margin: 3px 0;
    font-size: 14px
}

.el-loading-spinner .circular {
    display: inline;
    height: var(--el-loading-spinner-size);
    width: var(--el-loading-spinner-size);
    -webkit-animation: loading-rotate 2s linear infinite;
    animation: loading-rotate 2s linear infinite
}

.el-loading-spinner .path {
    -webkit-animation: loading-dash 1.5s ease-in-out infinite;
    animation: loading-dash 1.5s ease-in-out infinite;
    stroke-dasharray: 90, 150;
    stroke-dashoffset: 0;
    stroke-width: 2;
    stroke: var(--el-color-primary);
    stroke-linecap: round
}

.el-loading-spinner i {
    color: var(--el-color-primary)
}

.el-loading-fade-enter-from,
.el-loading-fade-leave-to {
    opacity: 0
}

@-webkit-keyframes loading-rotate {
    to {
        transform: rotate(360deg)
    }
}

@keyframes loading-rotate {
    to {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes loading-dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -40px
    }

    to {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -120px
    }
}

@keyframes loading-dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -40px
    }

    to {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -120px
    }
}

.report[data-v-764b9b67] {
    width: 100%;
    height: 100%;
    box-sizing: border-box
}

.red[data-v-764b9b67] {
    color: #fc0000;
    text-decoration: none
}

.blue[data-v-764b9b67] {
    color: #004eff;
    text-decoration: none
}


.el-descriptions {
    --el-descriptions-table-border: 1px solid var(--el-border-color-lighter);
    --el-descriptions-item-bordered-label-background: var(--el-fill-color-light);
    box-sizing: border-box;
    font-size: var(--el-font-size-base);
    color: var(--el-text-color-primary)
}

.el-descriptions__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px
}

.el-descriptions__title {
    color: var(--el-text-color-primary);
    font-size: 16px;
    font-weight: 700
}

.el-descriptions__body {
    background-color: var(--el-fill-color-blank)
}

.el-descriptions__body .el-descriptions__table {
    border-collapse: collapse;
    width: 100%
}

.el-descriptions__body .el-descriptions__table .el-descriptions__cell {
    box-sizing: border-box;
    text-align: left;
    font-weight: 400;
    line-height: 23px;
    font-size: 14px
}

.el-descriptions__body .el-descriptions__table .el-descriptions__cell.is-left {
    text-align: left
}

.el-descriptions__body .el-descriptions__table .el-descriptions__cell.is-center {
    text-align: center
}

.el-descriptions__body .el-descriptions__table .el-descriptions__cell.is-right {
    text-align: right
}

.el-descriptions__body .el-descriptions__table.is-bordered .el-descriptions__cell {
    border: var(--el-descriptions-table-border);
    padding: 8px 11px
}

.el-descriptions__body .el-descriptions__table:not(.is-bordered) .el-descriptions__cell {
    padding-bottom: 12px
}

.el-descriptions--large {
    font-size: 14px
}

.el-descriptions--large .el-descriptions__header {
    margin-bottom: 20px
}

.el-descriptions--large .el-descriptions__header .el-descriptions__title {
    font-size: 16px
}

.el-descriptions--large .el-descriptions__body .el-descriptions__table .el-descriptions__cell {
    font-size: 16px
}

.el-descriptions--large .el-descriptions__body .el-descriptions__table.is-bordered .el-descriptions__cell {
    padding: 12px 15px
}

.el-descriptions--large .el-descriptions__body .el-descriptions__table:not(.is-bordered) .el-descriptions__cell {
    padding-bottom: 16px
}

.el-descriptions--small {
    font-size: 12px
}

.el-descriptions--small .el-descriptions__header {
    margin-bottom: 12px
}

.el-descriptions--small .el-descriptions__header .el-descriptions__title {
    font-size: 14px
}

.el-descriptions--small .el-descriptions__body .el-descriptions__table .el-descriptions__cell {
    font-size: 12px
}

.el-descriptions--small .el-descriptions__body .el-descriptions__table.is-bordered .el-descriptions__cell {
    padding: 4px 7px
}

.el-descriptions--small .el-descriptions__body .el-descriptions__table:not(.is-bordered) .el-descriptions__cell {
    padding-bottom: 8px
}

.el-descriptions__label.el-descriptions__cell.is-bordered-label {
    font-weight: 700;
    color: var(--el-text-color-regular);
    background: var(--el-descriptions-item-bordered-label-background)
}

.el-descriptions__label:not(.is-bordered-label) {
    color: var(--el-text-color-primary);
    margin-right: 16px
}

.el-descriptions__label.el-descriptions__cell:not(.is-bordered-label).is-vertical-label {
    padding-bottom: 6px
}

.el-descriptions__content.el-descriptions__cell.is-bordered-content {
    color: var(--el-text-color-primary)
}

.el-descriptions__content:not(.is-bordered-label) {
    color: var(--el-text-color-regular)
}

.el-descriptions--large .el-descriptions__label:not(.is-bordered-label) {
    margin-right: 16px
}

.el-descriptions--large .el-descriptions__label.el-descriptions__cell:not(.is-bordered-label).is-vertical-label {
    padding-bottom: 8px
}

.el-descriptions--small .el-descriptions__label:not(.is-bordered-label) {
    margin-right: 12px
}

.el-descriptions--small .el-descriptions__label.el-descriptions__cell:not(.is-bordered-label).is-vertical-label {
    padding-bottom: 4px
}

.account[data-v-30597c9d] {
    width: 96%;
    height: 90%;
    box-sizing: border-box;
    margin: 20px auto;
    background: rgba(255, 255, 255, .39);
    box-shadow: 0 3px 6px #00000029;
    opacity: 1;
    border-radius: 7px
}

.title[data-v-30597c9d] {
    width: 720px;
    height: 50px;
    padding-left: 25px;
    font-size: 18px;
    color: #fff;
    line-height: 50px;
    background: #0a6eb2;
    font-weight: 900;
}

.w50[data-v-30597c9d] {
    width: 520px;
    padding-left: 25px
}

[data-v-30597c9d] .el-descriptions__label {
    display: inline-block
}

.password[data-v-55e772e9] {
    width: 96%;
    height: 80%;
    box-sizing: border-box;
    margin: 20px auto;
    padding: 20px;
    background: rgba(255, 255, 255, .39);
    box-shadow: 0 3px 6px #00000029;
    opacity: 1;
    border-radius: 7px;
    position: relative;
}

.title[data-v-55e772e9] {
    width: 720px;
    height: 50px;
    padding-left: 25px;
    font-size: 18px;
    color: #fff;
    line-height: 50px;
    background: #0a6eb2;
    font-weight: 900;
}

.form[data-v-55e772e9] {
    width: 400px;
    text-align: right
}

.text1[data-v-55e772e9] {
    font-size: 16px;
    color: #333
}

[data-v-55e772e9] .el-input__wrapper {
    background: #f8faf9
}

.text2[data-v-55e772e9] {
    font-size: 16px;
    color: #333;
    line-height: 30px;
    margin: 15px 0
}

.password-text2[data-v-55e772e9] {
    font-size: 16px;
    color: #333;
    margin: 15px 0
}

.report[data-v-87dae179] {
    width: 100%;
    height: 100%;
    box-sizing: border-box
}

.demo-ruleForm[data-v-87dae179] {
    margin: 0 30px
}

.flex[data-v-87dae179] {
    display: flex;
    align-items: center
}

.reset .title[data-v-87dae179] {
    width: 482px;
    height: 60px;
    background: #fa5723;
    position: relative
}

.reset .title span[data-v-87dae179] {
    height: 28px;
    font-size: 20px;
    font-family:"KhmerOSsiemreap", Arial;
    font-weight: 400;
    line-height: 60px;
    color: #fff
}

.reset .title>img[data-v-87dae179] {
    position: absolute;
    top: 16px;
    right: 20px;
    display: block;
    width: 22px;
    cursor: pointer
}

.reset .content[data-v-87dae179] {
    width: 100%;
    min-height: 401px;
    box-sizing: border-box;
    padding: 38px 50px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

.reset .content .name[data-v-87dae179],
.reset .content .phone[data-v-87dae179] {
    margin-bottom: 17px
}

.reset .content .name span[data-v-87dae179]:nth-child(1),
.reset .content .phone span[data-v-87dae179]:nth-child(1) {
    display: inline-block;
    width: 80px;
    height: 25px;
    font-size: 18px;
    font-family:"KhmerOSsiemreap", Arial;
    font-weight: 400;
    line-height: 25px;
    color: #333;
    opacity: 1;
    margin-right: 25px;
    text-align: right
}

.reset .content .name span[data-v-87dae179]:nth-child(2),
.reset .content .phone span[data-v-87dae179]:nth-child(2) {
    display: inline-block;
    height: 25px;
    font-size: 18px;
    font-family:"KhmerOSsiemreap", Arial;
    font-weight: 400;
    line-height: 25px;
    color: #666;
    opacity: 1
}

.reset .content .password[data-v-87dae179] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 46px
}

.reset .content .password>span[data-v-87dae179] {
    width: 80px;
    height: 25px;
    font-size: 18px;
    font-family:"KhmerOSsiemreap",Arial;
    font-weight: 400;
    line-height: 25px;
    color: #333;
    text-align: right;
    margin-right: 25px
}

.reset .content .password>span>span[data-v-87dae179] {
    color: red
}

.reset .content .password>input[data-v-87dae179] {
    width: 256px;
    height: 44px;
    background: rgba(248, 250, 249, .39);
    border: 1px solid #e0e0e0;
    color: #666;
    line-height: 44px;
    font-size: 18px;
    text-indent: 10px;
    letter-spacing: 2px
}

.reset .content .btn[data-v-87dae179] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 105px;
    margin-bottom: 28px
}

.reset .content .btn .cancle[data-v-87dae179],
.reset .content .btn .confirm[data-v-87dae179] {
    width: 100px;
    height: 43px;
    border: 1px solid #e5e5e5;
    font-size: 18px;
    font-family:"KhmerOSsiemreap", Arial;
    font-weight: 400;
    line-height: 43px;
    color: #333;
    text-align: center;
    cursor: pointer
}

.reset .content .btn .cancle[data-v-87dae179] {
    background: linear-gradient(180deg, #fbfafb 0%, #e9eaea 100%);
    color: #333;
    margin-right: 46px
}

.reset .content .btn .confirm[data-v-87dae179] {
    background: #fa5723;
    color: #fff
}

.reset .content .desc[data-v-87dae179] {
    min-height: 22px;
    font-size: 16px;
    font-family:"KhmerOSsiemreap", Arial;
    font-weight: 400;
    line-height: 22px;
    color: #666;
    margin-bottom: 7px
}

.reset[data-v-87dae179] .el-dialog__header,
.reset[data-v-87dae179] .el-dialog__body {
    margin: 0 !important;
    padding: 0 !important
}

.new[data-v-dc9ce0c8] {
    width: 96%;
    height: 90%;
    box-sizing: border-box;
    margin: 20px auto;
    padding: 20px;
    background: rgba(255, 255, 255, .39);
    box-shadow: 0 3px 6px #00000029;
    opacity: 1;
    border-radius: 7px
}

.title[data-v-dc9ce0c8] {
    width: 720px;
    height: 50px;
    padding-left: 25px;
    font-size: 18px;
    color: #fff;
    line-height: 50px;
    background: #0a6eb2;
    font-weight: 900;
}

.demo-ruleForm[data-v-dc9ce0c8] {
    width: 500px;
    margin: 10px
}

.flex[data-v-dc9ce0c8] {
    width: 100%;
    display: flex;
    align-items: center
}

.dui[data-v-dc9ce0c8] {
    font-size: 16px;
    color: green
}

.cuo[data-v-dc9ce0c8] {
    font-size: 16px;
    color: red
}

.text1[data-v-dc9ce0c8] {
    font-size: 22px;
    color: #333
}

.text2[data-v-dc9ce0c8] {
    font-size: 18px;
    color: #333;
    line-height: 30px;
    margin: 15px 0
}

[data-v-dc9ce0c8] .el-input__wrapper {
    background: #f8faf9
}

.lotto[data-v-24ff4a08] {
    width: 100%;
    height: 100%;
    box-sizing: border-box
}

.lotto .tab[data-v-24ff4a08]{
    width: 100%;
    height: 50px;
    background: #eee;
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.lotto .tab>span[data-v-24ff4a08] {
    color: #333;
    display: block;
    height: 100%;
    padding: 0 30px;
    font-size: 20px;
    font-family:"KhmerOSsiemreap", Arial-Regular, Arial;
    font-weight: 700;
    line-height: 50px
}

.lotto .tab>span[data-v-24ff4a08]:hover {
    cursor: pointer
}

.lotto .tab .current[data-v-24ff4a08] {
    color: #0e959d
}

.lotto .content[data-v-24ff4a08] {
    width: 100%;
    height: calc(100% - 50px);
    overflow-x: hidden;
    /* overflow-y: scroll */
}

.report[data-v-470255fa] {
    width: 100%;
    height: 100%;
    box-sizing: border-box
}

.red[data-v-470255fa] {
    color: #fc0000;
    text-decoration: underline
}

.blue[data-v-470255fa] {
    color: #004eff;
    text-decoration: underline
}


.dialog[data-v-845e1056] .el-dialog__headerbtn {
    top: 0;
    z-index: 100000 !important
}

.bet[data-v-845e1056] {
    width: 100%;
    min-height: 880px;
    height: 92%;
    padding-top: 6px;
    box-sizing: border-box;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    background: #ffffff
}

.bet>.left[data-v-845e1056] {
    height: 100%;
    width: 20%;
    min-width: 12%;
}

.bet>.left .balance .header[data-v-845e1056],
.bet>.left .results .header[data-v-845e1056],
.bet>.left .selected .header[data-v-845e1056],
.bet>.left .order .header[data-v-845e1056] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    padding: 0 24px 0 16px;
    width: 100%;
    height: 40px;
    background: #f2f2f2
}

.bet>.left .balance .header>span[data-v-845e1056],
.bet>.left .results .header>span[data-v-845e1056],
.bet>.left .selected .header>span[data-v-845e1056],
.bet>.left .order .header>span[data-v-845e1056] {
    height: 25px;
    font-size: 20px;
    font-family:"KhmerOSsiemreap", Arial-Regular, Arial;
    font-weight: 400;
    color: #333;
    line-height: 20px
}

.bet>.left .balance .header>img[data-v-845e1056],
.bet>.left .results .header>img[data-v-845e1056],
.bet>.left .selected .header>img[data-v-845e1056],
.bet>.left .order .header>img[data-v-845e1056] {
    display: block;
    width: 20px;
    height: 20px
}

.bet>.left .balance .header>img[data-v-845e1056]:hover,
.bet>.left .results .header>img[data-v-845e1056]:hover,
.bet>.left .selected .header>img[data-v-845e1056]:hover,
.bet>.left .order .header>img[data-v-845e1056]:hover {
    cursor: pointer
}

.bet>.left .balance .header .khr[data-v-845e1056],
.bet>.left .results .header .khr[data-v-845e1056],
.bet>.left .selected .header .khr[data-v-845e1056],
.bet>.left .order .header .khr[data-v-845e1056] {
    width: 90px;
    height: 30px;
    font-size: 22px;
    font-family:"KhmerOSsiemreap",Arial-Regular, Arial;
    font-weight: 400;
    color: #333;
    line-height: 30px;
    margin-left: 6px
}

.bet>.left .balance .header .color1[data-v-845e1056],
.bet>.left .results .header .color1[data-v-845e1056],
.bet>.left .selected .header .color1[data-v-845e1056],
.bet>.left .order .header .color1[data-v-845e1056] {
    color: #333;
    font-weight: 500;
    height: 30px;
    line-height: 30px;
    font-size: 22px
}

.bet>.left .order .header>span[data-v-845e1056] {
    flex: 1
}

.bet>.left .balance .header>span[data-v-845e1056] {
    font-weight: 500 !important
}

.bet>.left .balance>p[data-v-845e1056] {
    height: 44px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    padding: 0 16px 0 16px;
    border-bottom: 1px solid #f2f2f2
}

.bet>.left .balance>p[data-v-845e1056]:last-child {
    border-bottom: 0
}

.bet>.left .balance>p>span[data-v-845e1056]:nth-child(1) {
    height: 28px;
    font-size: 20px;
    font-family:"KhmerOSsiemreap", Arial-Regular, Arial;
    font-weight: 400;
    color: #333;
    line-height: 28px
}

.bet>.left .balance>p>span[data-v-845e1056]:nth-child(2) {
    height: 22px;
    font-size: 20px;
    font-family:"KhmerOSsiemreap", Arial-Regular, Arial;
    font-weight: 400;
    color: #c11723;
    line-height: 22px
}

.bet>.left .results .list[data-v-845e1056] {
    width: 381px;
    min-width: 380px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start
}

.bet>.left .results .list .item[data-v-845e1056] {
    height: 42px;
    width: 100%;
    box-sizing: border-box;
    padding: 0 0 0 16px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-bottom: 1px solid #f2f2f2
}

.bet>.left .results .list .item[data-v-845e1056]:last-child {
    border-bottom: 0
}

.bet>.left .results .list .item .date[data-v-845e1056] {
    height: 42px;
    line-height: 42px;
    font-size: 18px;
    font-family:"KhmerOSsiemreap", Arial-Regular, Arial;
    font-weight: 400;
    color: #333;
    margin-right: 19px
}

.bet>.left .results .list .item .size[data-v-845e1056] {
    display: inline-block;
    margin-right: 8px;
    width: 32px;
    height: 32px;
    line-height: 32px;
    border-radius: 50%;
    /* background: #0461ea; */
    color: #fff;
    text-align: center
}

.bet>.left .results .list .item .sizeSmall[data-v-845e1056] {
    background: #0461ea !important
}

.bet>.left .results .list .item .sizeBig[data-v-845e1056] {
    background: red !important
}

.bet>.left .results .list .item .group[data-v-845e1056] ,
.detail_content_data .group{
    display: inline-block;
    margin-right: 6px;
    width: 32px;
    height: 32px;
    line-height: 32px;
    border-radius: 50%;
    /* background: #04d52c; */
    color: #fff;
    text-align: center
}

.bet>.left .results .list .item .group1[data-v-845e1056],
.detail_content_data .group1{
    background: rgb(194,160,71)
}
.bet>.left .results .list .item .group2[data-v-845e1056],
.detail_content_data .group2{
    background: rgb(69,106,222)
}

.bet>.left .results .list .item .group3[data-v-845e1056],
.detail_content_data .group3 {
    background: rgb(35,91,33)
}
.bet>.left .results .list .item .group4[data-v-845e1056],
.detail_content_data .group4{
    background: rgb(82,24,19)
}
.bet>.left .results .list .item .group5[data-v-845e1056],
.detail_content_data .group5{
    background: rgb(194,51,38)
}


.bet>.left .results .list .item .add[data-v-845e1056] {
    height: 18px;
    font-size: 16px;
    font-family:"KhmerOSsiemreap", Arial;
    font-weight: 400;
    line-height: 18px;
    color: #c11723
}

.bet>.left .selected>.listbox>.selectedtitle[data-v-845e1056],
.bet>.left .selected>.listbox .selectedlist[data-v-845e1056],
.bet>.left .selected>.listbox .totalmoney[data-v-845e1056] {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.bet>.left .selected>.listbox>.selectedtitle>span[data-v-845e1056],
.bet>.left .selected>.listbox .selectedlist>span[data-v-845e1056],
.bet>.left .selected>.listbox .totalmoney>span[data-v-845e1056] {
    height: 100%;
    font-weight: 700;
    text-align: center
}

.bet>.left .selected>.listbox>.selectedtitle>span[data-v-845e1056]:nth-child(1),
.bet>.left .selected>.listbox>.selectedtitle>span[data-v-845e1056]:nth-child(3),
.bet>.left .selected>.listbox .selectedlist>span[data-v-845e1056]:nth-child(1),
.bet>.left .selected>.listbox .selectedlist>span[data-v-845e1056]:nth-child(3),
.bet>.left .selected>.listbox .totalmoney>span[data-v-845e1056]:nth-child(1),
.bet>.left .selected>.listbox .totalmoney>span[data-v-845e1056]:nth-child(3) {
    width: 110px
}

.bet>.left .selected>.listbox>.selectedtitle>span:nth-child(1)>img[data-v-845e1056],
.bet>.left .selected>.listbox>.selectedtitle>span:nth-child(3)>img[data-v-845e1056],
.bet>.left .selected>.listbox .selectedlist>span:nth-child(1)>img[data-v-845e1056],
.bet>.left .selected>.listbox .selectedlist>span:nth-child(3)>img[data-v-845e1056],
.bet>.left .selected>.listbox .totalmoney>span:nth-child(1)>img[data-v-845e1056],
.bet>.left .selected>.listbox .totalmoney>span:nth-child(3)>img[data-v-845e1056] {
    display: block;
    width: 34px;
    height: 34px;
    margin: 0 auto;
    cursor: pointer
}

.bet>.left .selected>.listbox>.selectedtitle>span[data-v-845e1056]:nth-child(2),
.bet>.left .selected>.listbox .selectedlist>span[data-v-845e1056]:nth-child(2),
.bet>.left .selected>.listbox .totalmoney>span[data-v-845e1056]:nth-child(2) {
    flex: 1
}

.bet>.left .selected>.listbox>.selectedtitle[data-v-845e1056] {
    height: 42px;
    line-height: 42px;
    background: #0062a6;
    color: #fff;
    font-weight: 500;
    font-size: 20px
}
#lucky5D>.left>.order .tip{
    min-height: 25px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #f4e7f4;
    padding: 0 11px;
    margin-bottom: 10px;
}
.bet>.left .selected>.listbox>.selectedlist[data-v-845e1056] {
    min-height: 40px;
    line-height: 40px;
    font-weight: 700;
    color: #333;
    box-sizing: border-box;
    border-bottom: 1px solid #f2efef;
    font-size: 18px
}

.bet>.left .selected>.listbox>.selectedlist[data-v-845e1056]:last-child {
    border-bottom: 0 !important
}

.bet>.left .selected>.listbox>.totalmoney[data-v-845e1056] {
    min-height: 40px;
    line-height: 40px;
    font-weight: 500;
    color: #333;
    font-size: 18px;
    background: #01a7f5
}

.bet>.left .selected>.btn[data-v-845e1056] {
    width: 100%;
    height: 68px;
    display: flex;
    justify-content: center;
    align-items: center
}

.bet>.left .selected>.btn>.betnow[data-v-845e1056] {
    width: 340px;
    height: 48px;
    line-height: 48px;
    background: #ff2121;
    border-radius: 5px;
    text-align: center;
    font-weight: 500;
    color: #fff;
    font-size: 18px;
    cursor: pointer
}

.bet>.left .order .list[data-v-845e1056] {
    padding: 8px 0 8px 10px;
    height: 536px;
    overflow-y: scroll;
    box-sizing: border-box
}

.bet>.left .order .list .item{
    position: relative;
}

.bet>.left .order .list .item .print_icon{
    position: absolute; /* 设置为绝对定位 */  
    cursor: pointer;
  top: 0; /* 距离顶部 0px */  
  right: 10px; /* 距离右边 0px，即放在右上角 */  
  width: 30px; /* 设置图标宽度为 100px */  
  height: 30px; /* 设置图标高度为 100px */  
  /* 如果需要，可以添加一些内边距或外边距来调整图标与父元素边缘的距离 */  
  padding: 0; /* 移除内边距 */  
  margin: 0; /* 移除外边距 */  
  /* 如果图片不是正方形，可能需要添加以下样式来确保图片正确填充 */  
  img {  
    width: 100%; /* 图片宽度填充容器 */  
    height: auto; /* 图片高度自动调整 */  
    /* 或者使用 object-fit: cover; 来确保图片覆盖整个容器，但可能会裁剪图片 */  
    /* object-fit: cover; */  
  }  
}

.bet>.left .order .list .item .check_order_icon{
    position: absolute; /* 设置为绝对定位 */  
    cursor: pointer;
  top: 0; /* 距离顶部 0px */  
  right: 45px; /* 距离右边 0px，即放在右上角 */  
  width: 30px; /* 设置图标宽度为 100px */  
  height: 30px; /* 设置图标高度为 100px */  
  /* 如果需要，可以添加一些内边距或外边距来调整图标与父元素边缘的距离 */  
  padding: 0; /* 移除内边距 */  
  margin: 0; /* 移除外边距 */  
  /* 如果图片不是正方形，可能需要添加以下样式来确保图片正确填充 */  
  img {  
    width: 100%; /* 图片宽度填充容器 */  
    height: auto; /* 图片高度自动调整 */  
    object-fit: contain;
    /* 或者使用 object-fit: cover; 来确保图片覆盖整个容器，但可能会裁剪图片 */  
    /* object-fit: cover; */  
  }  
}

.bet>.left .order .list .item .title[data-v-845e1056] {
    height: 38px;
    width: 100%;
    line-height: 38px;
    background: #cbedfd;
    font-weight: 500;
    color: #333;
    font-size: 18px;
    text-indent: 11px
}

.bet>.left .order .list .item .orderlist[data-v-845e1056] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    border-bottom: 1px solid #f2efef;
    padding: 2px 0
}

.bet>.left .order .list .item .orderlist[data-v-845e1056]:last-child {
    border-bottom: 0
}

.bet>.left .order .list .item .orderlist .order[data-v-845e1056] {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.bet>.left .order .list .item .orderlist .order>span[data-v-845e1056] {
    height: 22px;
    font-size: 17px;
    font-weight: 500;
    color: #fd4400;
    line-height: 22px;
    margin-right: 11px;
    text-indent: 11px
}

.bet>.left .order .list .item .orderlist .order>img[data-v-845e1056] {
    display: block;
    width: 21px;
    height: 21px
}

.bet>.left .order .list .item .orderlist .orderitem[data-v-845e1056] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    min-height: 22px;
    line-height: 22px
}

.bet>.left .order .list .item .orderlist .orderitem .contentlist[data-v-845e1056] {
    width: 100%
}

.bet>.left .order .list .item .orderlist .orderitem .contentlist .contentitem[data-v-845e1056] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 3px;
    font-size: 20px;
}

.bet>.left .order .list .item .orderlist .orderitem .contentlist .contentitem>span[data-v-845e1056]:nth-child(1) {
    display: block;
    width: 50px;
    text-align: center;
    
}

.bet>.left .order .list .item .orderlist .orderitem .contentlist .contentitem .colorOrange {
    color: #fd4400
}

.bet>.left .order .list .item .orderlist .orderitem .contentlist .contenttotal[data-v-845e1056] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 2px
}

.bet>.left .order .list .item .orderlist .orderitem .contentlist .contenttotal>span[data-v-845e1056]:nth-child(1) {
    display: block;
    width: 53px;
    text-align: center;
    white-space: pre-wrap;
    word-wrap: break-word
}

.bet>.left .order .list .item .orderlist .orderitem .contentlist .contenttotal>span[data-v-845e1056]:nth-child(3) {
    font-weight: 500;
    font-size: 16px
}

.bet>.left .order .list .item .orderlist .orderitem .contentlist .contenttotal .colorOrange[data-v-845e1056] {
    color: #fd4400
}

.bet>.right[data-v-845e1056] {
    flex: 1;
    width: 80%;
    height: 100%;
    background: #ffffff;
    box-sizing: border-box;
    position: relative;
}

.bet>.right>.content[data-v-845e1056] {
    box-sizing: border-box;
    width: 100%;
    min-height: 800px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap
}

.bet>.right>.content .betting[data-v-845e1056] {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    box-sizing: border-box;
    user-select: none
}

.bet>.right>.content .betting .bettingop[data-v-845e1056] {
    width: 100%;
    height: 593px;
    box-sizing: border-box;
    display: flex;
}

.bet>.right>.content .betting .bettingop .bettingTopLeft[data-v-845e1056] {
    width: 46%;
    height: 593px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

.bet>.right>.content .betting .bettingop .bettingTopLeft .desc[data-v-845e1056] {
    width: 100%;
    height: 63px;
    display: flex;
    justify-content: flex-start;
    background: linear-gradient(180deg, #9f9f9d 0%, #dadada 49%, #a8a8a8 100%);
    align-items: center
}

.bet>.right>.content .betting .bettingop .bettingTopLeft .desc .logo[data-v-845e1056] {
    width: 40%;
    height: 63px
}

.bet>.right>.content .betting .bettingop .bettingTopLeft .desc .logo>img[data-v-845e1056] {
    display: inline-block;
    width: 100%;
    height: 63px
}

.bet>.right>.content .betting .bettingop .bettingTopLeft .desc .dateTime[data-v-845e1056] {
    /* width: 60%; */
    flex: 1;
    height: 63px;
    display: flex;
    background: rgb(40, 81,186);
    color: #ffffff;
}

.bet>.right>.content .betting .bettingop .bettingTopLeft .desc .dateTime .dateTimeTop[data-v-845e1056] {
    width: 50%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    /* margin: 16px 0 18px; */
    /* padding: 0 42px 0 24px */
}

.bet>.right>.content .betting .bettingop .bettingTopLeft .desc .dateTime .dateTimeTop .first[data-v-845e1056] {
    height: 31px;
    font-size: 20px;
    font-family:"KhmerOSsiemreap", Arial;
    font-weight: 700;
    line-height: 32px;
    margin-left: 10px;
}

.bet>.right>.content .betting .bettingop .bettingTopLeft .desc .dateTime .dateTimeTop .time[data-v-845e1056] {
    height: 31px;
    font-size: 20px;
    font-family:"KhmerOSsiemreap", Arial;
    font-weight: 400;
    line-height: 32px;
}

.bet>.right>.content .betting .bettingop .bettingTopLeft .desc .dateTime .dateTimeBottom[data-v-845e1056] {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    box-sizing: border-box;
    font-size: 20px;
    font-weight: 900;
    color: #ffffff;
}
.bet>.right>.content .betting .bettingop .bettingTopLeft .desc .dateTime .dateTimeBottom[data-v-845e1056]>span{
    margin-right: 5px;
}

.bet>.right>.content .betting .bettingop .bettingTopLeft .desc .dateTime .dateTimeBottom .first[data-v-845e1056] {
    height: 32px;
    font-size: 20px;
    font-family:"KhmerOSsiemreap", Arial;
    font-weight: 700;
    line-height: 32px;
    color: #000
}

.bet>.right>.content .betting .bettingop .bettingTopLeft .desc .dateTime .dateTimeBottom .size[data-v-845e1056] {
    margin: 0 17px;
    width: 36px;
    height: 36px;
    line-height: 36px;
    border-radius: 50%;
    /* background: #0461ea; */
    color: #fff;
    text-align: center
}

.bet>.right>.content .betting .bettingop .bettingTopLeft .desc .dateTime .dateTimeBottom .sizeSmall[data-v-845e1056] {
    background: #0461ea !important
}

.bet>.right>.content .betting .bettingop .bettingTopLeft .desc .dateTime .dateTimeBottom .sizeBig[data-v-845e1056] {
    background: red !important
}

.bet>.right>.content .betting .bettingop .bettingTopLeft .desc .dateTime .dateTimeBottom .group[data-v-845e1056] {
    width: 36px;
    height: 36px;
    line-height: 36px;
    border-radius: 50%;
    /* background: #04d52c; */
    color: #fff;
    text-align: center
}

.bet>.right>.content .betting .bettingop .bettingTopLeft .desc .dateTime .dateTimeBottom .group1[data-v-845e1056],
.detail_content_data .group1{
    background: rgb(194,160,71)
}
.bet>.right>.content .betting .bettingop .bettingTopLeft .desc .dateTime .dateTimeBottom .group5[data-v-845e1056],
.detail_content_data .group5 {
    background: rgb(194,51,38)
}

.bet>.right>.content .betting .bettingop .bettingTopLeft .desc .dateTime .dateTimeBottom .group2[data-v-845e1056],
.detail_content_data .group2{
    background: rgb(69,106,222);
}
.bet>.right>.content .betting .bettingop .bettingTopLeft .desc .dateTime .dateTimeBottom .group4[data-v-845e1056],
.detail_content_data .group4 {
    background: rgb(82,24,19)
}

.bet>.right>.content .betting .bettingop .bettingTopLeft .desc .dateTime .dateTimeBottom .group3[data-v-845e1056],
.detail_content_data .group3 {
    background: rgb(35,91,33)
}

.bet>.right>.content .betting .bettingop .bettingTopLeft .desc .dateTime .dateTimeBottom .add[data-v-845e1056] {
    margin-left: 17px;
    height: 18px;
    font-size: 16px;
    font-family:"KhmerOSsiemreap", Arial;
    font-weight: 400;
    line-height: 18px;
    color: #c11723
}

.bet>.right>.content .betting .bettingop .bettingTopLeft>.number[data-v-845e1056] {
    width: 100%;
    height: 530px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap
}

.bet>.right>.content .betting .bettingop .bettingTopLeft>.number>span[data-v-845e1056] {
    width: 10%;
    height: 12.5%;
    display: block;
    margin: 0;
    padding: 0;
    background: linear-gradient(180deg, #e1e2e6 0%, #f1f1f1 46%, #e7e6eb 100%);
    border-top: 2px solid #a5a6aa;
    border-right: 2px solid #a5a6aa;
    font-size: 29px;
    font-family:"KhmerOSsiemreap", Arial-Bold, Arial;
    font-weight: 700;
    color: #000;
    line-height: 64px;
    text-align: center;
    box-sizing: border-box
}

.bet>.right>.content .betting .bettingop .bettingTopLeft>.number>span[data-v-845e1056]:nth-child(10n) {
    border-right: none
}

.bet>.right>.content .betting .bettingop .bettingTopLeft>.number>span[data-v-845e1056]:nth-child(-n+10) {
    border-top: none
}

.bet>.right>.content .betting .bettingop .bettingTopLeft>.number>.active[data-v-845e1056] {
    -webkit-animation: box_number_animation-845e1056 1s;
    -webkit-animation-iteration-count: 2;
    animation: box_number_animation-845e1056 1s;
    animation-iteration-count: 2;
    background: red;
    color: #fff !important
}

.bet>.right>.content .betting .bettingop .betting_top_right[data-v-845e1056] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    border-right: 2px solid #000000;
    box-sizing: border-box;
    height: 593px;
    width: 54%;
    /* //837px */
}

.bet>.right>.content .betting .bettingop .betting_top_right .openanduo[data-v-845e1056] {
    width: 100%;
    height: 320px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start
}

.bet>.right>.content .betting .bettingop .betting_top_right .openanduo .open[data-v-845e1056] {
    width: 25%;
    height: 320px;
    /*border-left: 2px solid #000000;
    border-right: 2px solid #000000;*/
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center
}

.bet>.right>.content .betting .bettingop .betting_top_right .openanduo .open .loading[data-v-845e1056] {
    width: 100%;
    height: 63px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgb(0,93,193);
}

.bet>.right>.content .betting .bettingop .betting_top_right .openanduo .open .loading>img[data-v-845e1056] {
    display: none;
    width: 53.18px;
    height: 53.18px;
    animation: loading-845e1056 3s linear infinite
}

@keyframes loading-845e1056 {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes loading-845e1056 {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.bet>.right>.content .betting .bettingop .betting_top_right .openanduo .open .Countdown_box {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background: linear-gradient(0deg, #30b1f9, #a2d3f2, #30b1f9);
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
    border-top: 1px solid #000000;
}

.bet>.right>.content .betting .bettingop .betting_top_right .openanduo .open .Countdown[data-v-845e1056] {
    width: 100%;
    height: 63px;
    line-height: 63px;
    font-size: 46px;
    text-align: center;
    font-weight: 700;
     /*border-top: 1px solid #000000; */
     border-bottom: 1px solid #000000; 
    box-sizing: border-box;
    /* color: #333; */
   background: #f0ce2c;
   
}

.bet>.right>.content .betting .bettingop .betting_top_right .openanduo .open .timeIconBox{
    width: 100%;
    height: 63px;
    position: relative;
  text-align: center; /* 图片水平居中 */
  overflow: visible; /* 关键：允许子元素溢出，不能hidden */
}

.bet>.right>.content .betting .bettingop .betting_top_right .openanduo .open .timeIconBox>img {
    width: 63px;
    height: 63px;
    box-sizing: border-box;
    /* 动画名称 时长 线性匀速 无限循环 */
  animation: rotateLoop 5s linear infinite;
  /* 向下偏移图片高度的一半，实现下半截穿出盒子 */
  position: relative;
  top: 50%;
  transform: translateY(50%) rotate(0deg);
}

@keyframes rotateLoop {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.bet>.right>.content .betting .bettingop .betting_top_right .openanduo .open .countdownred[data-v-845e1056] {
    color: #d50303
}

.bet>.right>.content .betting .bettingop .betting_top_right .openanduo .open .Results[data-v-845e1056] {
    width: 100%;
    height: 194px;
   /* background: linear-gradient(180deg, #2693d3 0%, #97ceef 50%, #2693d3 100%)*/
}

.bet>.right>.content .betting .bettingop .betting_top_right .openanduo .open .Results>.logo[data-v-845e1056] {
    width: 100%;
    height: 194px;
    display: none;
    justify-content: center;
    align-items: center;
    background: #ffffff;
}
.bet>.right>.content .betting .bettingop .betting_top_right .openanduo .open .Results>.newCountdown{
    width: 100%;
    height: 194px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bolder;
    font-size: 46px;
    color: #fe0000;
    /*-webkit-text-stroke: 1px #fff;
    text-stroke: 1px #fff;*/
    text-align: center;
}

.bet>.right>.content .betting .bettingop .betting_top_right .openanduo .open .Results>.logo>img[data-v-845e1056] {
    display: block;
    width: 167px;
    height: 167px;
}

.bet>.right>.content .betting .bettingop .betting_top_right .openanduo .open .Results>.openBox[data-v-845e1056] {
    width: 100%;
    height: 214px;
    position: relative;
    left: 0;
    top: 0;
    background: linear-gradient(180deg, #2693d3 0%, #97ceef 50%, #2693d3 100%)
}

.bet>.right>.content .betting .bettingop .betting_top_right .openanduo .open .Results>.openBox>span[data-v-845e1056] {
    display: block;
    position: absolute;
    top: 11px;
    left: 15px;
    width: 38px;
    height: 38px;
    background: #ff280f;
    border-radius: 5px;
    text-align: center;
    font-size: 25px;
    font-family:"KhmerOSsiemreap", Arial;
    font-weight: 700;
    line-height: 38px;
    z-index: 102;
    color: #fff
}

.bet>.right>.content .betting .bettingop .betting_top_right .openanduo .open .Results>.openBox .wait[data-v-845e1056] {
    width: 100%;
    height: 143px;
    font-size: 29px;
    font-family:"KhmerOSsiemreap", Arial;
    font-weight: 700;
    line-height: 29px;
    color: #fff;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center
}

.bet>.right>.content .betting .bettingop .betting_top_right .openanduo .open .Results>.openBox .opening[data-v-845e1056] {
    position: absolute;
    width: 129.61px;
    height: 131.8px;
    font-size: 78px;
    font-family:"KhmerOSsiemreap", Arial;
    font-weight: 700;
    line-height: 131.8px;
    color: #fff;
    text-align: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.bet>.right>.content .betting .bettingop .betting_top_right .openanduo .open .Results>.openBox .bg[data-v-845e1056] {
    background-image: url(./bgBall.7b9bbfb2.png);
    background-size: 100% 100%
}

.bet>.right>.content .betting .bettingop .betting_top_right .openanduo .uo[data-v-845e1056] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    height: 320px;
    width: 75%;
    box-sizing: border-box
}

.bet>.right>.content .betting .bettingop .betting_top_right .openanduo .uo .issueno[data-v-845e1056] {
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 100%;
    height: 63px;
    box-sizing: border-box;
    font-size: 29px;
    font-family:"KhmerOSsiemreap", Arial-Regular, Arial;
    font-weight: 400;
    color: #fff;
    line-height: 63px;
    background: rgb(0,93,193);
    border-bottom: 1px solid #000000
}

.bet>.right>.content .betting .bettingop .betting_top_right .openanduo .uo .issueno>span[data-v-845e1056]:nth-child(1) {
    /* margin: 0 24px 0 27px */
}

.bet>.right>.content .betting .bettingop .betting_top_right .openanduo .uo .issueno>span[data-v-845e1056]:nth-child(2) {
    /* flex: 1 */
}

.bet>.right>.content .betting .bettingop .betting_top_right .openanduo .uo .issueno>span[data-v-845e1056]:nth-child(3) {
    /* padding-right: 30px */
}
.bet>.right>.content .betting .bettingop .betting_top_right .openanduo .uo .issueno>.full_button_max{
    width: 40px;
    height: 40px;
    background: url(../Resource/images/common/scale_max.png);
    background-size: 100% 100%;
    cursor: pointer;
}
.bet>.right>.content .betting .bettingop .betting_top_right .openanduo .uo .issueno>.full_button_min{
    width: 40px;
    height: 40px;
    background: url(../Resource/images/common/scale_min.png);
    background-size: 100% 100%;
    cursor: pointer;
}

.bet>.right>.content .betting .bettingop .betting_top_right .openanduo .uo .uotext[data-v-845e1056] {
    width: 100%;
    height: 63px;
    background: linear-gradient(180deg, #cdcdcf 0%, #e4e4e4 51%, #cbc6c6 100%);
    text-align: center;
    font-size: 36px;
    font-family:"KhmerOSsiemreap", Arial-Bold, Arial;
    font-weight: 700;
    color: #000;
    line-height: 63px
}

.bet>.right>.content .betting .bettingop .betting_top_right .openanduo .uo .uobox[data-v-845e1056] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 194px
}

.bet>.right>.content .betting .bettingop .betting_top_right .openanduo .uo .uobox .u[data-v-845e1056],
.bet>.right>.content .betting .bettingop .betting_top_right .openanduo .uo .uobox .o[data-v-845e1056] {
    flex: 1;
    box-sizing: border-box;
    height: 194px;
    border-top: 1px solid #000000;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center
}

.bet>.right>.content .betting .bettingop .betting_top_right .openanduo .uo .uobox .u>span[data-v-845e1056],
.bet>.right>.content .betting .bettingop .betting_top_right .openanduo .uo .uobox .o>span[data-v-845e1056] {
    display: block;
    height: 120px;
    width: 100%;
    text-align: center;
    line-height: 120px;
    font-size: 80px;
    font-family:"KhmerOSsiemreap", Arial;
    font-weight: 700;
    border-bottom: 1px solid #000000;
    color: #fff;
    border-right: 1px solid #000;
}

.bet>.right>.content .betting .bettingop .betting_top_right .openanduo .uo .uobox .u>div[data-v-845e1056],
.bet>.right>.content .betting .bettingop .betting_top_right .openanduo .uo .uobox .o>div[data-v-845e1056] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 74px;
    background: #fff;
    border-right: 1px solid #000;
}

.bet>.right>.content .betting .bettingop .betting_top_right .openanduo .uo .uobox .u>div .interval[data-v-845e1056],
.bet>.right>.content .betting .bettingop .betting_top_right .openanduo .uo .uobox .o>div .interval[data-v-845e1056] {
    margin-top: 8px;
    height: 37px;
    font-size: 21px;
    font-family:"KhmerOSsiemreap", Arial;
    font-weight: 700;
    line-height: 27px;
    color: #000;
}

.bet>.right>.content .betting .bettingop .betting_top_right .openanduo .uo .uobox .u>div .odds[data-v-845e1056],
.bet>.right>.content .betting .bettingop .betting_top_right .openanduo .uo .uobox .o>div .odds[data-v-845e1056] {
    height: 37px;
    font-size: 30px;
    font-family:"KhmerOSsiemreap", Arial;
    font-weight: 700;
    line-height: 37px;
    color: #d50303
}

.bet>.right>.content .betting .bettingop .betting_top_right .openanduo .uo .uobox .u .blue[data-v-845e1056],
.bet>.right>.content .betting .bettingop .betting_top_right .openanduo .uo .uobox .o .blue[data-v-845e1056] {
    background: #0461ea
}

.bet>.right>.content .betting .bettingop .betting_top_right .openanduo .uo .uobox .u .colo_80even[data-v-845e1056],
.bet>.right>.content .betting .bettingop .betting_top_right .openanduo .uo .uobox .o .colo_80even[data-v-845e1056] {
    background: #FF9966
}

.bet>.right>.content .betting .bettingop .betting_top_right .openanduo .uo .uobox .u .red[data-v-845e1056],
.bet>.right>.content .betting .bettingop .betting_top_right .openanduo .uo .uobox .o .red[data-v-845e1056] {
    background: red
}

.bet>.right>.content .betting .bettingop .betting_top_right .openanduo .uo .uobox .u .colo_80odd[data-v-845e1056],
.bet>.right>.content .betting .bettingop .betting_top_right .openanduo .uo .uobox .o .colo_80odd[data-v-845e1056] {
    background: #996699
}

.bet>.right>.content .betting .bettingop .betting_top_right .openanduo .uo .uobox .u[data-v-845e1056] {
    border-left: none;
    border-right: none
}

.bet>.right>.content .betting .bettingop .betting_top_right .openanduo .uo .uobox .u>span[data-v-845e1056] {
    border-right: 1px solid #000000
}

.bet>.right>.content .betting .bettingop .betting_top_right .openanduo .uo .uobox .u>div[data-v-845e1056] {
    border-right: 1px solid #000000
}

.bet>.right>.content .betting .bettingop .betting_top_right .openanduo .uo .uobox>.active[data-v-845e1056] {
    -webkit-animation: box_number_animation-845e1056 .8s;
    -webkit-animation-iteration-count: 6;
    animation: box_number_animation-845e1056 .8s;
    animation-iteration-count: 6;
    box-sizing: border-box
}

.bet>.right>.content .betting .bettingop .betting_top_right .openanduo .uo .uobox>.active[data-v-845e1056]:after {
    content: "";
    width: 312.5px;
    height: 285px;
    position: absolute;
    left: 0;
    top: -2px;
    box-shadow: inset 0 0 6px 6px red
}

.bet>.right>.content .betting .bettingop .betting_top_right .openanduo .uo .uobox>.active>div[data-v-845e1056] {
    background-color: #c6c6c6
}

.bet>.right>.content .betting .bettingop .betting_top_right .openanduo .uo .uobox>.active>div[data-v-845e1056]:after {
    content: none
}

.bet>.right>.content .betting .bettingop .betting_top_right .openanduo .uo .uoboxs .u[data-v-845e1056]:hover,
.bet>.right>.content .betting .bettingop .betting_top_right .openanduo .uo .uoboxs .o[data-v-845e1056]:hover {
    position: relative;
    cursor: pointer
}

.bet>.right>.content .betting .bettingop .betting_top_right .openanduo .uo .uoboxs .u[data-v-845e1056]:hover:after,
.bet>.right>.content .betting .bettingop .betting_top_right .openanduo .uo .uoboxs .o[data-v-845e1056]:hover:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: -2px;
    z-index: 1;
    border: 5px solid #f0ce2c
}

.bet>.right>.content .betting .bettingop .betting_top_right .openanduo .uo .uoboxs .u:hover>div[data-v-845e1056],
.bet>.right>.content .betting .bettingop .betting_top_right .openanduo .uo .uoboxs .o:hover>div[data-v-845e1056] {
    background-color: #c6c6c6;
    cursor: pointer
}

.bet>.right>.content .betting .bettingop .betting_top_right .content[data-v-845e1056] {
    width: 100%;
    height: 56px;
    background: linear-gradient(180deg, #cdcdcf 0%, #e4e4e4 51%, #cbc6c6 100%);
    text-align: center;
    font-size: 37px;
    font-family:"KhmerOSsiemreap", Arial-Bold, Arial;
    font-weight: 700;
    color: #000;
    border-top: 1px solid #000000;
    border-left: 2px solid #000000;
    box-sizing: border-box;
    line-height: 56px
}

.bet>.right>.content .betting .bettingop .betting_top_right .group[data-v-845e1056] {
    width: 100%;
    height: 216px;
    box-sizing: border-box;
    border-left: 1px solid #000000;
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.bet>.right>.content .betting .bettingop .betting_top_right .group>div[data-v-845e1056] {
    /* display: flex; */
    position: relative;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    flex: 1
}

.bet>.right>.content .betting .bettingop .betting_top_right .group>div>.top[data-v-845e1056] {
    width: 100%;
    border-top: 1px solid #000000;
    border-left: 1px solid #000000;
    height: 140px;
    font-size: 75px;
    font-family:"KhmerOSsiemreap", Arial;
    font-weight: 700;
    line-height: 125px;
    box-sizing: border-box;
    text-align: center
}

.bet>.right>.content .betting .bettingop .betting_top_right .group>div>.bottom[data-v-845e1056] {
    width: 100%;
    border-bottom: 1px solid #000000;
    border-top: 1px solid #000000;
    border-left: 1px solid #000000;
    height: 78px;
    display: flex;
    box-sizing: border-box;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center
}
.bet>.right>.content .betting .bettingop .betting_top_right .group>div>.bottom>span[data-v-845e1056]:nth-child(1) {
    height: 27px;
    font-size: 24px;
    font-family:"KhmerOSsiemreap", Arial;
    font-weight: 700;
    line-height: 27px;
    color: #000;
    margin-top: 10px
}

.bet>.right>.content .betting .bettingop .betting_top_right .group>div>.bottom>span[data-v-845e1056]:nth-child(2) {
    margin-top: 4px;
    height: 27px;
    font-size: 30px;
    font-family:"KhmerOSsiemreap", Arial;
    font-weight: 700;
    line-height: 27px;
    color: #d50303
}

.bet>.right>.content .betting .bettingop .betting_top_right .group>div>.bottom .award[data-v-845e1056] {
    width: 100%;
    height: 78px;
    position: relative
}

.bet>.right>.content .betting .bettingop .betting_top_right .group>div>.bottom .award .award1[data-v-845e1056] {
    display: block;
    position: absolute;
    left: 30px;
    top: 1px;
    width: 125px;
    height: 35px
}

.bet>.right>.content .betting .bettingop .betting_top_right .group>div>.bottom .award .award2[data-v-845e1056] {
    display: block;
    position: absolute;
    left: 43px;
    top: 9px;
    width: 33px;
    height: 19px
}

.bet>.right>.content .betting .bettingop .betting_top_right .group>div>.bottom .award .award3[data-v-845e1056] {
    display: block;
    position: absolute;
    left: 79px;
    top: 6px;
    width: 35px;
    height: 23px;
    animation: award-845e1056 1.4s ease infinite
}

@keyframes award-845e1056 {
    0% {
        transform: scale(1)
    }

    4% {
        transform: scale(1.2)
    }

    8% {
        transform: scale(1)
    }

    12% {
        transform: scale(1.2)
    }

    16% {
        transform: scale(1)
    }
}

@-webkit-keyframes award-845e1056 {
    0% {
        transform: scale(1)
    }

    4% {
        transform: scale(1.2)
    }

    8% {
        transform: scale(1)
    }

    12% {
        transform: scale(1.2)
    }

    16% {
        transform: scale(1)
    }
}
.groups .top{
    color: red;
}
.bet>.right>.content .betting .bettingop .betting_top_right .group .bonus[data-v-845e1056]:after {
    content: "";
    width: 168px;
    height: 193px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    box-shadow: inset 0 0 6px 6px #f0ce2c
}

.bet>.right>.content .betting .bettingop .betting_top_right .groups>div[data-v-845e1056]:hover {
    cursor: pointer;
    position: relative
}

.bet>.right>.content .betting .bettingop .betting_top_right .groups>div[data-v-845e1056]:hover:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: -2px;
    z-index: 1;
    border: 5px solid #f0ce2c
}

.bet>.right>.content .betting .bettingop .betting_top_right .groups>div:hover>div[data-v-845e1056] {
    cursor: pointer
}

.bet>.right>.content .betting .bettingop .betting_top_right .lastgroup1[data-v-845e1056]{
    background: rgb(194,160,71);
}
.bet>.right>.content .betting .bettingop .betting_top_right .lastgroup5[data-v-845e1056] {
    background: rgb(194,51,38)
}

.bet>.right>.content .betting .bettingop .betting_top_right .lastgroup1>.top[data-v-845e1056],
.bet>.right>.content .betting .bettingop .betting_top_right .lastgroup1>.bottom>span[data-v-845e1056],
.bet>.right>.content .betting .bettingop .betting_top_right .lastgroup5>.top[data-v-845e1056],
.bet>.right>.content .betting .bettingop .betting_top_right .lastgroup5>.bottom>span[data-v-845e1056] {
    color: #fff !important
}

.bet>.right>.content .betting .bettingop .betting_top_right .lastgroup2[data-v-845e1056]{
    background: rgb(69,106,222)
}
.bet>.right>.content .betting .bettingop .betting_top_right .lastgroup4[data-v-845e1056] {
    background: rgb(82,24,19)
}

.bet>.right>.content .betting .bettingop .betting_top_right .lastgroup2>.top[data-v-845e1056],
.bet>.right>.content .betting .bettingop .betting_top_right .lastgroup2>.bottom>span[data-v-845e1056],
.bet>.right>.content .betting .bettingop .betting_top_right .lastgroup4>.top[data-v-845e1056],
.bet>.right>.content .betting .bettingop .betting_top_right .lastgroup4>.bottom>span[data-v-845e1056] {
    color: #fff !important
}

.bet>.right>.content .betting .bettingop .betting_top_right .lastgroup3[data-v-845e1056] {
    background: rgb(35,91,33)
}

.bet>.right>.content .betting .bettingop .betting_top_right .lastgroup3>.top[data-v-845e1056],
.bet>.right>.content .betting .bettingop .betting_top_right .lastgroup3>.bottom>span[data-v-845e1056] {
    color: #fff !important
}

.bet>.right>.content .betting .bettingop .betting_top_right .active[data-v-845e1056] {
    -webkit-animation: box_number_animation-845e1056 .8s;
    -webkit-animation-iteration-count: 6;
    animation: box_number_animation-845e1056 .8s;
    animation-iteration-count: 6
}

.bet>.right>.content .betting .bettingop .betting_top_right .active>div[data-v-845e1056] {
    position: relative
}

.bet>.right>.content .betting .bettingop .betting_top_right .active>div[data-v-845e1056]:nth-child(1):after {
    content: "";
    width: 167.5px;
    height: 193px;
    position: absolute;
    left: 0;
    top: -2px;
    z-index: 1;
    box-shadow: inset 0 0 5px 5px red
}

@-webkit-keyframes box_number_animation-845e1056 {
    0% {
        opacity: 1
    }

    50% {
        opacity: .3
    }

    to {
        opacity: 1
    }
}

@keyframes box_number_animation-845e1056 {
    0% {
        opacity: 1
    }

    50% {
        opacity: .3
    }

    to {
        opacity: 1
    }
}

.bet>.right>.content .betting .bettingop .betting_top_right .active1[data-v-845e1056] {
    -webkit-animation: box_number_animations-845e1056 .8s;
    -webkit-animation-iteration-count: 3;
    animation: box_number_animations-845e1056 .8s;
    animation-iteration-count: 3
}

@-webkit-keyframes box_number_animations-845e1056 {
    0% {
        opacity: 1
    }

    50% {
        opacity: .3
    }

    to {
        opacity: 1
    }
}

@keyframes box_number_animations-845e1056 {
    0% {
        opacity: 1
    }

    50% {
        opacity: .3
    }

    to {
        opacity: 1
    }
}

.bet>.right>.content .betting>.betting_line[data-v-845e1056] {
    width: 100%;
    height: 7px;
    background: #474946
}

.bet>.right>.content .betting .result[data-v-845e1056] {
    display: flex;
    justify-content: space-between;
    width: 100%;
    min-height: 280px;
    height:100%
}

.bet>.right>.content .betting .result .resultinterval[data-v-845e1056] {
    width: 46%;
    height: 100%;

        min-height: 278px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    box-sizing: border-box;
}

.bet>.right>.content .betting .result .resultinterval .betting_content[data-v-845e1056] {
    width: 100%;
    height: 41px;
    background: linear-gradient(180deg, #cdcdcf 0%, #e4e4e4 51%, #cbc6c6 100%);
    font-size: 22px;
    font-family:"KhmerOSsiemreap", Arial-Regular, Arial;
    font-weight: 400;
    color: #000;
    line-height: 41px;
    text-align: center
}

.bet>.right>.content .betting .result .resultinterval .betting_bottom[data-v-845e1056] {
    width: 100%;
    min-height: 239px;
    height: 100%;
}

.bet>.right>.content .betting .result .resultinterval .betting_bottom .movements[data-v-845e1056] {
    width: 100%;
    min-height: 239px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.bet>.right>.content .betting .result .resultinterval .betting_bottom .movements .column[data-v-845e1056] {
    width: 7.2%;
    border-left: 2px solid gray;
    box-sizing: border-box;
    min-height: 239px;
    height: 100%;
}

.bet>.right>.content .betting .result .resultinterval .betting_bottom .movements .column .line[data-v-845e1056] {
    width: 100%;
    min-height: 48px;
    height: 20%;
    background: #eadfcd;
    border-bottom: 1.5px solid gray;
    display: flex;
    justify-content: center;
    align-items: center
}

.bet>.right>.content .betting .result .resultinterval .betting_bottom .movements .column .line[data-v-845e1056]:nth-child(1) {
    border-top: 1.5px solid gray
}

.bet>.right>.content .betting .result .resultinterval .betting_bottom .movements .column .line .range1[data-v-845e1056],
.bet>.right>.content .betting .result .resultinterval .betting_bottom .movements .column .line .range2[data-v-845e1056],
.bet>.right>.content .betting .result .resultinterval .betting_bottom .movements .column .line .range3[data-v-845e1056],
.bet>.right>.content .betting .result .resultinterval .betting_bottom .movements .column .line .range4[data-v-845e1056],
.bet>.right>.content .betting .result .resultinterval .betting_bottom .movements .column .line .range5[data-v-845e1056] {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    font-size: 28px;
    font-family:"KhmerOSsiemreap", Arial-Bold, Arial;
    font-weight: 700;
    max-width: 40px;
    max-height: 40px;
    line-height: 40px;
}

.bet>.right>.content .betting .result .resultinterval .betting_bottom .movements .column .line .range1[data-v-845e1056] {
    background: rgb(194,160,71)
}

.bet>.right>.content .betting .result .resultinterval .betting_bottom .movements .column .line .range2[data-v-845e1056] {
    background: rgb(69,106,222)
}

.bet>.right>.content .betting .result .resultinterval .betting_bottom .movements .column .line .range3[data-v-845e1056] {
    background: rgb(35,91,33)
}

.bet>.right>.content .betting .result .resultinterval .betting_bottom .movements .column .line .range4[data-v-845e1056] {
    background: rgb(82,24,19)
}

.bet>.right>.content .betting .result .resultinterval .betting_bottom .movements .column .line .range5[data-v-845e1056] {
    background: rgb(194,51,38)
}

.bet>.right>.content .betting .result .resultinterval .betting_bottom .movements .column1>div[data-v-845e1056] {
    border-right: 2px solid gray
}

.bet>.right>.content .betting .result .resultuo[data-v-845e1056] {
    width: 54.5%;
    min-height: 278px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    box-sizing: border-box
}

.bet>.right>.content .betting .result .resultuo .resultuo_content[data-v-845e1056] {
    width: 100%;
    height: 41px;
    background: linear-gradient(180deg, #cdcdcf 0%, #e4e4e4 51%, #cbc6c6 100%);
    font-size: 22px;
    font-family:"KhmerOSsiemreap", Arial-Regular, Arial;
    font-weight: 400;
    color: #000;
    line-height: 41px;
    text-align: center
}

.bet>.right>.content .betting .result .resultuo .resultuo_bottom[data-v-845e1056] {
    width: 100%;
    min-height: 239px;
    height: 100%;
}

.bet>.right>.content .betting .result .resultuo .resultuo_bottom .movements[data-v-845e1056] {
    width: 100%;
    min-height: 239px;
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.bet>.right>.content .betting .result .resultuo .resultuo_bottom .movements .column[data-v-845e1056] {
    width: 5.6%;
    border-left: 2px solid gray;
    box-sizing: border-box;
    min-height: 239px;
    height: 100%;
}

.bet>.right>.content .betting .result .resultuo .resultuo_bottom .movements .column[data-v-845e1056]:last-child {
    width: 44px
}

.bet>.right>.content .betting .result .resultuo .resultuo_bottom .movements .column:last-child .line[data-v-845e1056] {
    width: 60px
}

.bet>.right>.content .betting .result .resultuo .resultuo_bottom .movements .column .line[data-v-845e1056] {
    width: 100%;
    height: 20%;
    min-height: 48px;
    background: #eadfcd;
    border-bottom: 1.5px solid gray;
    display: flex;
    justify-content: center;
    align-items: center
}

.bet>.right>.content .betting .result .resultuo .resultuo_bottom .movements .column .line[data-v-845e1056]:nth-child(1) {
    border-top: 1.5px solid gray
}

.bet>.right>.content .betting .result .resultuo .resultuo_bottom .movements .column .line .under[data-v-845e1056] {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: red;
}

.bet>.right>.content .betting .result .resultuo .resultuo_bottom .movements .column .line .over[data-v-845e1056] {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #0461ea;
    
}

.bet>.right>.content .betting .result .resultuo .resultuo_bottom .movements .column1>div[data-v-845e1056] {
    border-right: 1.5px solid gray
}

.bet>.betmask[data-v-845e1056] {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99
}

.bet>.betmask .mask[data-v-845e1056] {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .39);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99
}

.bet>.betmask .bettingcontent[data-v-845e1056] {
    width: 418px;
    height: 536px;
    position: fixed;
    top: 200px;
    left: 50%;
    margin-left: -209px;
    transform: translateY(-100px);
    z-index: 100;
    background: #ffffff
}

.bet>.betmask .bettingcontent .head[data-v-845e1056] {
    width: 418px;
    height: 60px;
    background: #ed6a44;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 22px;
    font-family:"KhmerOSsiemreap", Arial;
    font-weight: 400;
    line-height: 60px;
    box-sizing: border-box;
    padding: 0 19px 0 16px;
    color: #fff
}

.bet>.betmask .bettingcontent .head>span[data-v-845e1056] {
    margin-right: 10px
}

.bet>.betmask .bettingcontent .head>span[data-v-845e1056]:nth-child(2) {
    flex: 1
}

.bet>.betmask .bettingcontent .head>img[data-v-845e1056] {
    width: 22px
}

.bet>.betmask .bettingcontent .head>img[data-v-845e1056]:hover {
    cursor: pointer
}

.bet>.betmask .bettingcontent .contentBox[data-v-845e1056] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center
}

.bet>.betmask .bettingcontent .contentBox .desc[data-v-845e1056] {
    height: 88px;
    width: 100%;
    box-sizing: border-box;
    padding: 15px 27px 13px;
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.bet>.betmask .bettingcontent .contentBox .desc>p[data-v-845e1056] {
    flex: 1;
    font-size: 24px;
    font-family:"KhmerOSsiemreap", Arial;
    font-weight: 700;
    line-height: 27px;
    height: 60px;
    color: #a02040;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center
}

.bet>.betmask .bettingcontent .contentBox .inputBox[data-v-845e1056] {
    width: 364px;
    height: 64px;
    background: #ed6a44;
    box-sizing: border-box;
    padding: 0 34px 0 32px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.bet>.betmask .bettingcontent .contentBox .inputBox>span[data-v-845e1056] {
    width: 135px;
    height: 25px;
    font-size: 22px;
    font-family:"KhmerOSsiemreap", Arial;
    font-weight: 700;
    line-height: 25px;
    color: #fff
}

.bet>.betmask .bettingcontent .contentBox .inputBox>input[data-v-845e1056] {
    width: 160px;
    height: 42px;
    line-height: 42px;
    background: #f7f7f7;
    font-size: 22px;
    font-family:"KhmerOSsiemreap", Arial;
    font-weight: 700;
    border: none;
    outline: none;
    text-indent: 10px
}

.bet>.betmask .bettingcontent .contentBox .chip[data-v-845e1056] {
    height: 199px;
    width: 100%;
    box-sizing: border-box;
    padding: 16px 29px 22px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap
}

.bet>.betmask .bettingcontent .contentBox .chip .item[data-v-845e1056] {
    width: 74px;
    height: 74px;
    background: #ed6a44;
    border-radius: 50%;
    font-size: 20px;
    font-family:"KhmerOSsiemreap", Arial;
    font-weight: 700;
    line-height: 74px;
    color: #fff;
    text-align: center;
    user-select: none
}

.bet>.betmask .bettingcontent .contentBox .chip .item[data-v-845e1056]:hover {
    cursor: pointer
}

.bet>.betmask .bettingcontent .contentBox .chip .item[data-v-845e1056]:active {
    background: #d84216
}

.bet>.betmask .bettingcontent .contentBox .tip[data-v-845e1056] {
    width: 100%;
    height: 28px;
    font-size: 20px;
    font-family:"KhmerOSsiemreap", Arial;
    font-weight: 400;
    line-height: 28px;
    color: #333;
    margin-bottom: 28px;
    box-sizing: border-box;
    padding: 0 20px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.bet>.betmask .bettingcontent .contentBox .btn[data-v-845e1056] {
    width: 100%;
    padding: 0 19px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.bet>.betmask .bettingcontent .contentBox .btn div[data-v-845e1056] {
    font-size: 18px;
    font-family:"KhmerOSsiemreap", Arial;
    font-weight: 400;
    line-height: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff
}

.bet>.betmask .bettingcontent .contentBox .btn div[data-v-845e1056]:hover {
    cursor: pointer
}

.bet>.betmask .bettingcontent .contentBox .btn div[data-v-845e1056]:nth-child(1),
.bet>.betmask .bettingcontent .contentBox .btn div[data-v-845e1056]:nth-child(2) {
    width: 91px;
    height: 49px;
    background: #fc0d0d;
    word-break: break-all;
    box-sizing: border-box;
    padding: 0 10px;
    text-align: center
}

.bet>.betmask .bettingcontent .contentBox .btn div[data-v-845e1056]:nth-child(2) {
    background: #0ba7f0
}

.bet>.betmask .bettingcontent .contentBox .btn div[data-v-845e1056]:nth-child(3),
.bet>.betmask .bettingcontent .contentBox .btn div[data-v-845e1056]:nth-child(4) {
    width: 91px;
    height: 49px;
    background: #6c7073;
    opacity: 1
}

.bet>.betmask .bettingcontent .contentBox .btn .betting[data-v-845e1056]:active {
    background: #db0404
}

.bet>.betmask .bettingcontent .contentBox .btn .addSelected[data-v-845e1056]:active {
    background: #0186c4
}

.bet>.betmask .bettingcontent .contentBox .btn .clear[data-v-845e1056]:active,
.bet>.betmask .bettingcontent .contentBox .btn .input[data-v-845e1056]:active {
    background: #484848
}

.dialog-row[data-v-845e1056] {
    width: 400px;
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #000000
}

.dialog-row>p[data-v-845e1056] {
    font-size: 18px;
    color: #333;
    line-height: 32px
}

.playsBox[data-v-845e1056] {
    position: fixed;
    bottom: 0;
    right: 0
}

@media print {
    .dialog-row[data-v-845e1056] {
        margin: 10px;
        text-align: left
    }

    .not-print-content[data-v-845e1056] {
        display: none
    }

    @page {
        margin: 0
    }
}

.refreshAnimation[data-v-845e1056] {
    display: block;
    width: 20px;
    height: 20px;
    animation: refresh-845e1056 .5s linear infinite
}

@keyframes refresh-845e1056 {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes refresh-845e1056 {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@property --dow-num {
    syntax: "<integer>";
    inherits: false;
    initial-value: 1;
}

@keyframes numFrames-845e1056 {
    to {
        --dow-num: 80
    }
}

.currentRandom[data-v-845e1056]:after {
    counter-reset: numName var(--dow-num);
    content: counter(numName, decimal-leading-zero);
    position: absolute;
    width: 129.61px;
    height: 131.8px;
    font-size: 78px;
    font-family:"KhmerOSsiemreap", Arial;
    font-weight: 700;
    line-height: 131.8px;
    color: #fff;
    text-align: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: numFrames-845e1056 1.5s infinite steps(30)
}

.report[data-v-9534c369] {
    width: 100%;
    height: 100%;
    box-sizing: border-box
}

.red[data-v-9534c369] {
    color: #fc0000;
    text-decoration: underline
}

.blue[data-v-9534c369] {
    color: #004eff;
    text-decoration: underline
}

.report[data-v-de81ff35] {
    width: 100%;
    height: 100%;
    box-sizing: border-box
}

.red[data-v-de81ff35] {
    color: #fc0000;
    text-decoration: underline
}

.blue[data-v-de81ff35] {
    color: #004eff;
    /* text-decoration: underline */
}

.rules[data-v-11837b41] {
    width: 100%;
    height: 100%;
    box-sizing: border-box
}

.ml50[data-v-11837b41] {
    margin-left: 50px
}

.title[data-v-11837b41] {
    margin: 15px 0;
    font-size: 20px;
    font-weight: 700;
    color: #333;
    line-height: 50px;
}

.text[data-v-11837b41] {
    font-size: 17px;
    color: #333;
    line-height: 50px
}

.table[data-v-11837b41] {
    margin-top: 20px;
    width: 500px;
    background: #fff;
    box-sizing: border-box
}

.table table[data-v-11837b41] {
    width: 100%;
    background-color: #fff;
    text-align: center;
    font-size: 20px;
    font-weight: 700
}

.table tr[data-v-11837b41] {
    height: 60px;
    border: 1px solid var(--el-border-color);
    line-height: 60px
}

.table tr td[data-v-11837b41] {
    border: 1px solid var(--el-border-color);
    font-size: 18px;
}

.home[data-v-edfe046f] {
    min-width: 1401px;
    height: 100%;
    /* overflow: hidden; */
    box-sizing: border-box;
    padding-top: 98px
}

.home .top[data-v-edfe046f] {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 98;
    width: 100%;
    /* min-width: 1671px; */
    height: 80px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background: #ffffff;
}

.home .top .left[data-v-edfe046f] {
    width: 134px;
    height: 112px;
    background: #ffffff;
    padding-left: 6px;
}

.home .top .left>img[data-v-edfe046f] {
    display: inline-block;
    width: 119px;
    height: 105px;
}

.home .top .right[data-v-edfe046f] {
    flex: 1
}

.home .top .right .header[data-v-edfe046f] {
    width: 100%;
    height: 40px;
    /* background: #01a7f5; */
    background: #ffffff;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.home .top .right .header .info[data-v-edfe046f] {
    /* display: flex; */
    align-items: center
}

.home .top .right .header .eye-icon[data-v-edfe046f] {
    width: 30px;
    height: 18px
}

.home .top .right .header .logo[data-v-edfe046f] {
    width: 115px;
    height: 55px;
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.home .top .right .header .logo>img[data-v-edfe046f] {
    width: 65px;
    height: 43px;
    display: block;
    margin: 0 22px 0 28px
}

.home .top .right .header .name[data-v-edfe046f] {
    min-width: 20px;
    height: 25px;
    font-size: 20px;
    font-family:"KhmerOSsiemreap", Arial-Regular, Arial;
    font-weight: 900;
    line-height: 25px;
    margin-right: 0px;
    /* color: #fff; */
    text-shadow: 0px 2px 2px rgba(0, 0, 0, .3)
}
.info>.name[data-v-edfe046f]{
    color: blue;
}

.home .top .right .header .role[data-v-edfe046f] {
    font-size: 15px;
    color: #fcc93d;
    margin-right: 15px;
    line-height: 25px;
    font-weight: 900;
    text-shadow: 0px 2px 2px rgba(0, 0, 0, .3)
}
.role[data-v-edfe046f]{
    font-size: 16px;
}

.home .top .right .header .animation[data-v-edfe046f] {
    /* flex: 1; */
    display: inline-block;
    text-align: left;
    overflow: hidden
}

.home .top .right .header .animation .updateInformation[data-v-edfe046f] {
    height: 22px;
    font-size: 16px;
    font-family:"KhmerOSsiemreap", Arial;
    font-weight: 400;
    line-height: 22px;
    white-space: nowrap;
    color: #fff;
    display: inline-block;
    animation: Animation-edfe046f 60s linear infinite
}

@keyframes Animation-edfe046f {
    0% {
        transform: translate(200%)
    }

    to {
        transform: translate(-100%)
    }
}

.home .top .right .header .right[data-v-edfe046f] {
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.home .top .right .header .right .loginOut[data-v-edfe046f] {
    /* margin-left: 16px;
    margin-right: 39px; */
    display: flex;
    justify-content: center;
    align-items: center;
    background: red;
    cursor: pointer;
}

.home .top .right .header .right .loginOut[data-v-edfe046f]:hover {
    cursor: pointer
}

.home .top .right .header .right .loginOut>span[data-v-edfe046f] {
    height: 25px;
    font-size: 22px;
    font-family:"KhmerOSsiemreap", Arial;
    font-weight: 400;
    line-height: 25px;
    color: #fff;
}

.home .top .right .header .right .loginOut>img[data-v-edfe046f] {
    display: block;
    width: 21px;
    margin-right: 16px
}

.home .top .right .header .right .fullScreen[data-v-edfe046f] {
    width: 140px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgb(0,93,193);
}

.home .top .right .header .right .fullScreen[data-v-edfe046f]:hover {
    cursor: pointer
}

.home .top .right .header .right .fullScreen>span[data-v-edfe046f] {
    font-size: 22px;
    font-family:"KhmerOSsiemreap", Arial;
    font-weight: 400;
    line-height: 26px;
    color: #fff;
}

.home .top .right .header .right .fullScreen>img[data-v-edfe046f] {
    display: block;
    width: 24px;
    margin-right: 12px
}

.home .top .right .tab[data-v-edfe046f]{
    width: 100%;
    height: 40px;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    align-items: end;
}

.home .top .right .tab>span[data-v-edfe046f] {
    display: block;
    height: 100%;
    padding: 0 20px;
    font-size: 20px;
    font-weight: 700;
    color: #000;
    line-height: 60px;
    text-align: center
}

.home .top .right .tab>span[data-v-edfe046f]:hover {
    cursor: pointer
}

.home .top .right .tab .current[data-v-edfe046f] {
    /* background: linear-gradient(270deg, #75c2f5 0%, #75c2f5 100%) */
    color: rgb(0, 93, 193) !important;
    border: 1px solid rgb(0, 93, 193);
    background-color: #ffffff !important;
}


.home .content[data-v-edfe046f] {
    /* max-width: 1903px;  */
    /*  height: calc(100% - 115px);*/
     height: 100%;
     /* 动态视口单位，自动适配浏览器UI */
    /*height: 100dvh;*/
  /* 可选：用svh保证初始加载时不被遮挡 */
 /* height: 100svh;*/
    box-sizing: border-box;
    overflow-y: hidden;
    overflow-x: hidden
}
.welcom{
    font-size: 16px;
    font-weight: 900;
    /* color: #ffffff; */
    line-height: 25px;
    text-shadow: 0px 2px 2px rgba(0, 0, 0, .3);
    margin-right: 0px;
}
.tab_nav{
    width: 100%;
    height: 40px;
    min-width: 1401px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background: rgb(0,93,193);
    margin-right: 17px;
    position: fixed;
    top: 82px;
    z-index: 98;
    cursor: pointer;
}
.tab_nav>span[data-v-edfe046f]{
    display: block;
    height: 100%;
    padding: 0 15px;
    /* margin: 0 15px; */
    font-size: 20px;
    line-height: 33px;
    text-align: center;
    font-weight: 900;
    color: #ffffff;
}
.tab_nav[data-v-edfe046f]>.current,
.play_method_nav>.current{
    /* background: linear-gradient(270deg, #75c2f5 0%, #75c2f5 100%); */
    color: rgb(0, 93, 193) !important;
    border: 1px solid rgb(0, 93, 193);
    background-color: #ffffff !important;
}
.language>span {
    margin-left: 20px;
    cursor: pointer;
}
.language>span:nth-child(1){
    margin-right: 20px;
}
.language>span:hover{
    color: #ccc;
}
.on_language{
    color: #000;
}
.tab_right{
    height: 40px;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    /* padding-right: 60px; */
    cursor: pointer;
    background-color: rgb(0, 93, 193);
}
#content{
    margin-top: -82px;
    width: 1903px;
}
.play_method_nav,
.manager_nav{
    height: 100%;
    /* border: 1px solid red; */
    box-sizing: border-box;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    /* margin-right: 17px; */
    z-index: 98;
    cursor: pointer;
}
.play_method_nav>span,
.manager_nav>span{
    display: block;
    height: 100%;
    padding: 0 20px;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    line-height: 40px;
    text-overflow: ellipsis;
    white-space: normal;
    word-break: break-all;
}
#play_method_content,
#play_lucky99_content,
#play_lucky12_content,
#play_lucky23_content,
#play_lotto12_content,
#play_lotto80_content,
#play_lucky90_content,
#play_klak63_content,
#play_cockfighting_content,
#play_cockfighting20_content,
#play_cockfighting99_content,
#play_cockfighting299_content{
    /*margin-top: -121px;*/
    height: 100%;
}

#play_lucky99_content{
     overflow:hidden;
}

#play_cockfighting_content,
#play_cockfighting20_content,
#play_cockfighting99_content,
#play_cockfighting299_content{
    overflow-y: auto; /* 允许在内容超出时显示垂直滚动条 */
}
.mt_rule{
    margin-top: 100px;
}
.mb_100{
    margin-bottom: 15px;
}
.function{
    width: 320px;
    height: 40px;
    margin-left: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.function>div{
    width: 160px;
    height: 30px;
    box-sizing: border-box;
    border-radius: 5px;
    margin: 0;
    background: red;
}
.function>div:hover{
    background-color: #ccc;
}
.on_blue{
    color: rgb(0, 93, 193) !important;
    /* border-bottom: 4px solid rgb(0, 102, 255); */
    border: 1px solid rgb(0, 93, 193);
    background-color: #ffffff !important;
}
.on_red{
    color: red;
}
.color_blue{
    color: blue;
}
.color_red{
    color: red;
}
.color_green{
    color: #04d52c;
}
.color_black{
    color: #000 !important;
}
.color_white{
    color: white;
}
.fw_900{
    font-weight: 900;
    font-size: 18px;
    margin-left: 8px;
}

/**斗鸡cf10 **/
.cf10_result_red_color{
    color: red;
    font-weight: bold;
}

.cf10_result_blue_color{
    color: #1e81f1;
    font-weight: bold;
}

.cf10_result_green_color{
    color: green;
    font-weight: bold;
}

.cf10_result_gray_color{
    color: gray;
    font-weight: bold;
}

/**斗鸡cf20 **/
.cf20_result_red_color{
    color: red;
    font-weight: bold;
}

.cf20_result_blue_color{
    color: #1e81f1;
    font-weight: bold;
}

.cf20_result_green_color{
    color: green;
    font-weight: bold;
}

.cf20_result_gray_color{
    color: gray;
    font-weight: bold;
}

/**斗鸡cf30 **/
.cf30_result_red_color{
    color: red;
    font-weight: bold;
}

.cf30_result_blue_color{
    color: #1e81f1;
    font-weight: bold;
}

.cf30_result_green_color{
    color: green;
    font-weight: bold;
}

.cf30_result_gray_color{
    color: gray;
    font-weight: bold;
}


/**斗鸡cf199 **/
.cf199_result_red_color{
    color: red;
    font-weight: bold;
}

.cf199_result_blue_color{
    color: #1e81f1;
    font-weight: bold;
}

.cf199_result_green_color{
    color: green;
    font-weight: bold;
}

.cf199_result_gray_color{
    color: gray;
    font-weight: bold;
}

/**斗鸡cf299 **/
.cf299_result_red_color{
    color: red;
    font-weight: bold;
}

.cf299_result_blue_color{
    color: #1e81f1;
    font-weight: bold;
}

.cf299_result_green_color{
    color: green;
    font-weight: bold;
}

.cf299_result_gray_color{
    color: gray;
    font-weight: bold;
}


/**斗鸡cf399 **/
.cf399_result_red_color{
    color: red;
    font-weight: bold;
}

.cf399_result_blue_color{
    color: #1e81f1;
    font-weight: bold;
}

.cf399_result_green_color{
    color: green;
    font-weight: bold;
}

.cf399_result_gray_color{
    color: gray;
    font-weight: bold;
}

.text-capitalize {
    text-transform: capitalize !important;
  }


  /**龙虎pk65 **/
.pk65_result_red_color{
    color: red;
    font-weight: bold;
}

.pk65_result_blue_color{
    color: #1e81f1;
    font-weight: bold;
}

.pk65_result_green_color{
    color: green;
    font-weight: bold;
}

.pk65_result_gray_color{
    color: gray;
    font-weight: bold;
}


#main-load-mask {  
    position: fixed;  
    top: 0;  
    left: 0;  
    width: 100%;  
    height: 100%;  
    background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent background */  
    display: flex;  
    justify-content: center;  
    align-items: center;  
    z-index: 9999; /* Ensure it's above other content */  
    transition: opacity 0.5s ease; /* Smooth fade-in/fade-out */  
}  
  
#main-load-mask.hidden {  
    opacity: 0;  
    pointer-events: none; /* Make it non-interactive when hidden */  
}  
  
#main-load-mask .load-content {  
    padding: 20px;  
    background-color: #fff;  
    border-radius: 5px;  
    text-align: center;  
    font-size: 16px;  
    font-weight: bold;  
}

.new_layout_box{
    margin-right: 20px;
}

/* 核心修改：所有样式仅作用于 .check_box_new_style1 内的元素 */
.custom-checkbox1 {
  position: relative;
  display: inline-block;
  padding-left: 23px;
  cursor: pointer;
  user-select: none;
}

.custom-checkbox1 input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

/* 自定义复选框外观（大尺寸+圆角） */
.custom-checkbox1 .checkmark {
  position: absolute;
  top: -3px;
  left: 0;
  width: 20px;       /* 增大尺寸 */
  height: 20px;      /* 增大尺寸 */
  background-color: #eee;
  border: 2px solid #95a5a6;
  border-radius: 8px; /* 圆角效果 */
  transition: all 0.3s;
}

/* 悬停效果 */
.custom-checkbox1:hover input ~ .checkmark {
  border-color: #3498db;
}

/* 选中状态 */
.custom-checkbox1 input:checked ~ .checkmark {
  background-color: #3498db;
  border-color: #3498db;
}

/* 勾选图标 */
.custom-checkbox1 .checkmark:after {
  content: "";
  position: absolute;
  display: none;
  left: 5px;         /* 根据尺寸调整位置 */
  top: 1px;
  width: 8px;
  height: 12px;
  border: solid white;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}

.custom-checkbox1 input:checked ~ .checkmark:after {
  display: block;
}