* {
    padding: 0;
    margin: 0;
    list-style: none;
    outline: none;
    box-sizing: border-box;
}

body, html {
    background-color: #03050A;
    font-family: '微软雅黑', "webfont", "NotoSansHans-Regular", 'Arial', 'sans-serif';
    color: #fff;
    margin: 0 auto;
    font-size: 14px;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

input,
button {
    vertical-align: middle;
    outline: none;
    border: none;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    font-size: 100%;
}

::-webkit-scrollbar {
    width: 12px;
    height: 12px;
    background-color: #F5F5F5;

}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #F5F5F5;
}


::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
    background-color: #c1c1c1;
    cursor: pointer;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #a1a1a1;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #bbb;
    font-family: "思源雅黑", "微软雅黑", "黑体", "宋体";
}

input::-moz-input-placeholder, textarea::-moz-input-placeholder {
    color: #bbb;
    font-family: "思源雅黑", "微软雅黑", "黑体", "宋体";
}

input::-ms-input-placeholder, textarea::-ms-input-placeholder {
    color: #bbb;
    font-family: "思源雅黑", "微软雅黑", "黑体", "宋体";
}

input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

a {
    text-decoration: none;
    outline: none;
    color: #333;
}

a:hover {
    color: #2468F2;
}

.z {
    float: left;
}

.y {
    float: right;
}

.tag {
    border: 1px solid #ddd;
    color: #333;
    border-radius: 3px;
    padding: 0 4px;
    display: inline-flex;
    line-height: 18px;
    font-size: 12px;
    min-width: 16px;
    justify-content: center;
}

.tag.tag-error {
    border: 1px solid #f74c00;
    color: #f74c00 !important;
}

.tag.tag-success {
    border: 1px solid #67c23a;
    color: #67c23a !important;
}

.tag.tag-warning {
    border: 1px solid #E6A550;
    color: #E6A550 !important;
}

.tag.tag-blue {
    border: 1px solid #2468F2;
    color: #2468F2 !important;
}

.tag.tag-info {
    border: 1px solid #666;
    color: #666 !important;
}

.tag.tag-disabled {
    border: 1px solid #999;
    color: #999 !important;
}

.tag.tag-chunk {
    background: #fff;
}

.tag.tag-chunk.tag-error {
    background: #f74c00;
    color: #fff !important;
}

.tag.tag-chunk.tag-success {
    background: #67c23a;
    color: #fff !important;
}

.tag.tag-chunk.tag-success.tag-min {
    padding: 2px 6px 2px 3px;
    background: #2fcc79;
    border-radius: 14px;
    border: none;
}

.tag.tag-chunk.tag-warning {
    background: #e6b721;
    color: #fff !important;
}

.tag.tag-chunk.tag-blue {
    background: #2468F2;
    color: #fff !important;
}

.tag.tag-chunk.tag-info {
    background: #666;
    color: #fff !important;
}

.tag.tag-chunk.tag-disabled {
    background: #999;
    color: #fff !important;
}

.hide {
    display: none;
}

.show {
    display: block;
}

.flex-g {
    display: flex;
}

.flex {
    display: flex;
    flex-wrap: wrap;
}

.flexInline {
    display: inline-flex;
}

.justify-start {
    justify-content: flex-start;
}

.justify-end {
    justify-content: flex-end;
}

.justify-center {
    justify-content: center;
}

.justify-between {
    justify-content: space-between;
}

.direction-column {
    flex-direction: column;
}

.align-start {
    align-items: flex-start;
}

.align-end {
    align-items: flex-end;
}

.align-center {
    align-items: center;
    align-content: center;
}

.flex-avg {
    flex: 1;
}

.flex-no-shrink {
    flex-shrink: 0;
}

.gap-24 {
    gap: 24px;
}

.col {
    flex-basis: 0;
    flex-grow: 1;
    min-width: 0;
    max-width: 100%
}

.col-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%
}

.col-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%
}

.col-3 {
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%
}

.col-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%
}

.col-6 {
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%
}

.col-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%
}

.col-9 {
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%
}

.col-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%
}

.col-12 {
    flex: 0 0 100%;
    max-width: 100%
}

.textLeft {
    text-align: left !important;
}

.textCenter {
    text-align: center !important;
}

.textRight {
    text-align: right !important;
}

.color-success {
    color: #00b858;
}

.color-error {
    color: #ef5656 !important;
}

.color-warning {
    color: #ffa417 !important;
}

.color-blue, .c-primary {
    color: #2468F2 !important;
    cursor: pointer;
}

.color-cyan {
    color: #39DCFD !important;
}

.color-fff {
    color: #fff;
}

.color-333 {
    color: #333 !important;
}

.color-666 {
    color: #666 !important;
}

.color-999 {
    color: #999 !important;
}

.disabled {
    cursor: no-drop;
    opacity: 0.5;
}

.w1200 {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (max-width: 1280px) {
    .w1200 {
        width: 100%;
    }
}

.btn {
    display: inline-block;
    color: #2468F2;
    text-align: center;
    vertical-align: middle;
    background-color: transparent;
    border: 1px solid #2468F2;
    padding: 0 16px;
    font-size: 14px;
    height: 32px;
    line-height: 30px;
    border-radius: 4px;
    cursor: pointer;
    font-weight: 500;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.btn.btn-mini {
    padding: 0 10px;
    font-size: 12px;
    height: 26px !important;
    line-height: 24px !important;
    border-radius: 3px;
}

.btn.btn-big {
    padding: 0 24px;
    font-size: 16px;
    height: 40px !important;
    line-height: 38px !important;
    border-radius: 3px;
}

.btn:hover {
    text-decoration: none
}

.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: 0 0 0 0 rgba(70, 128, 255, .25)
}

.btn.disabled, .btn:disabled {
    opacity: .65;
    cursor: not-allowed;
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer
}

a.btn.disabled, fieldset:disabled a.btn {
    pointer-events: none
}

.btn-primary {
    color: #fff !important;
    background-color: #3b75fb;
    border: none;
}

.btn-primary:hover {
    background-color: #004bfa;
    border-color: #004bfa
}

.btn-primary.focus, .btn-primary:focus {
    color: #fff;
    background-color: #004bfa;
    border-color: #135dff;
    box-shadow: 0 0 0 0 rgba(98, 147, 255, .5)
}

.btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #2468F2;
    border-color: #2468F2
}

.btn-primary:not(:disabled):not(.disabled):hover {
    color: #fff !important;
    background-color: #135dff;
    border-color: #0654ff
}

.btn-link {
    color: #2468F2;
    padding: 0px;
    border: 1px solid transparent;
    text-decoration: none;
}

.btn-link:hover {
    color: #2468F2;
}

.btn-link.focus, .btn-link:focus {
    text-decoration: underline
}

.btn-link.disabled, .btn-link:disabled {
    color: #6c757d;
    pointer-events: none
}

.btn + .btn {
    margin-left: 8px
}

.select {
    position: relative;
    width: 140px;
    font-size: 14px;
    cursor: pointer;
}

.select dt {
    padding: 0 12px;
    border: 1px solid #e5e5e5;
    height: 32px;
    line-height: 30px;
    border-radius: 4px;
}

.select dt:before {
    position: absolute;
    right: 10px;
    top: 13px;
    width: 0;
    height: 0;
    content: '';
    border-top: 5px solid #e5e5e5;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid transparent;
}

.select dd {
    position: absolute;
    left: -1px;
    top: 100%;
    background: #fff;
    border: 1px solid #d1d1d1;
    border-radius: 4px;
    z-index: 6;
    display: none;
    width: 100%;
}

.select dd a {
    display: block;
    line-height: 28px;
    text-align: left;
    padding-left: 12px;
    color: #333;
}

.select dd a:hover {
    color: #333;
    background: #e8f0ff;
}

.select:hover dd {
    display: block;
}
.select.on{
    margin-top: 0;
}

.text-input {
    width: 196px;
    height: 30px;
    line-height: 28px;
    border-radius: 4px;
    padding-left: 8px;
    background: #2C2A46;
    border: 1px solid #3E3B55;
    color: #fff;
}

.font-10 {
    font-size: 0.10rem;
}

.font-12 {
    font-size: 0.12rem;
}

.font-14 {
    font-size: 0.14rem !important;
}

.font-16 {
    font-size: 0.16rem !important;
}

.font-18 {
    font-size: 0.18rem !important;
}

.font-24 {
    font-size: 0.24rem !important;
}

.font-36 {
    font-size: 0.36rem;
}

.ml-4 {
    margin-left: 0.04rem;
}

.ml-8 {
    margin-left: 0.08rem;
}

.ml-16 {
    margin-left: 0.16rem;
}

.ml-24 {
    margin-left: 0.24rem;
}

.ml-40 {
    margin-left: 0.4rem;
}

.mr-4 {
    margin-right: 0.04rem;
}

.mr-8 {
    margin-right: 0.08rem;
}

.mr-16 {
    margin-right: 0.16rem;
}

.mr-24 {
    margin-right: 0.24rem;
}

.mr-40 {
    margin-right: 0.4rem;
}

.m-8 {
    margin: 0.08rem;
}

.mt-4 {
    margin-top: 0.04rem;
}

.mt-8 {
    margin-top: 0.08rem;
}

.mt-16 {
    margin-top: 0.16rem;
}

.mt-24 {
    margin-top: 0.24rem !important;
}

.mt-32 {
    margin-top: 0.32rem;
}

.mt-40 {
    margin-top: 0.4rem;
}

.mb-4 {
    margin-bottom: 0.04rem;
}

.mb-8 {
    margin-bottom: 0.08rem;
}

.mb-16 {
    margin-bottom: 0.16rem;
}

.mb-24 {
    margin-bottom: 0.24rem;
}

.mb-32 {
    margin-bottom: 0.32rem;
}

.mb-40 {
    margin-bottom: 0.4rem;
}

.pt-0 {
    padding-top: 0 !important;
}

.pt-8 {
    padding-top: .08rem !important;
}

.pt-16 {
    padding-top: .16rem !important;
}

.pb-24 {
    padding-bottom: .24rem !important;
}

.pl-24{
    padding-left: .24rem !important;
}

.pr-24{
    padding-right: .24rem !important;
}

/**
* ================================================ 开始 表格
*/

.table-g {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 14px;
    text-align: center;
}

.table-g th {
    background: #1B1E2B;
    font-weight: normal;
    padding: 15px 6px;
}

.table-g td {
    padding: 15px 6px;
    border-bottom: 1px solid #1B1E2B;
}

.table-g tr:last-child td {
    border: none;
}

/**
* ================================================ 结束 表格
*/

.tooltipMsg {
    position: absolute;
    font-size: 12px;
    left: -13px;
    top: -6px;
    transform: translateY(-100%);
    width: max-content;
    padding: 4px 8px;
    background: #fff;
    color: #333;
    border: 1px solid #dfdfdf;
    line-height: 20px;
    border-radius: 4px;
    font-style: inherit;
    text-align: left;
    z-index: 999;
    box-shadow: 0 0 8px 0 rgb(0 0 0 / 10%);
}

.tooltipMsg:after {
    content: '';
    position: absolute;
    bottom: -6px;
    left: 20px;
    margin-left: -6px;
    background: none;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 6px 0 6px;
    border-color: #fff transparent transparent transparent;
}

.tooltipMsgBox {
    position: relative;
    cursor: pointer;
    display: inline-block;
}
.tooltipMsgBox.toolLeft .tooltipMsg{
    left: auto;
    right: -20px;
}
.tooltipMsgBox.toolLeft .tooltipMsg:after{
    left: auto;
    right: 21px;
}
.tooltipMsgBox .tooltipMsg {
    display: none;
}
.tooltipMsgBox:hover .tooltipMsg {
    display: block;
}