:root {
    /*主题*/
    --theme-color: #1890ff;
    /*悬停*/
    --hover-color: #3880FF;
    /*点击*/
    --click-color: #014ACD;
    /*完成*/
    --finish-color: #67C23A;
    /*待办*/
    --upcoming-color: #EFAE4C;
    /*逾期*/
    --overdue-color: #E63C3C;
    /*标题*/
    --title-color: #333333;
    /*正文*/
    --text-color: #666666;
    /*提示*/
    --tip-color: #999999;
    /*标签*/
    --label-color: #5B6680;
    /*边框*/
    --border-color: #DDDFE3;
    /*背景*/
    --line-color: #F3F5FA;
    /*默认字体*/
    --default-font: '思源黑体';
    /*默认字体大小(14px)*/
    --default-font-size: 14px;
    /*正文|按钮|表单提示文字|树结构二三级|其他信息(16px)*/
    --font-size-01: 16px;
    /*通知列表， 重要按钮， 树结构一级标题(18x)*/
    --font-size-02: 18px;
    /*次级标题(20px)*/
    --font-size-03: 20px;
    /*主标题，文章标题(22px)*/
    --font-size-04: 22px;
    /*(24px)*/
    --font-size-05: 24px;
    /*(26px)*/
    --font-size-06: 26px;
    /*(28px)*/
    --font-size-07: 28px;
    /*(30px)*/
    --font-size-08: 30px;
    /*(32px)*/
    --font-size-09: 32px;
    --font-size-0901: 36px;
    /*(38px)*/
    --font-size-10: 38px;
    --font-size-11: 40px;
    /*间距基数*/
    --space-size: 8px;
    --radius: 10px;
    --radius-btn: 5px;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
    :root {
        /*默认字体大小(14px)*/
        /*--default-font-size: 14px;*/
        --default-font-size: 0.73rem;
        /*正文|按钮|表单提示文字|树结构二三级|其他信息(16px)*/
        /*--font-size-01: 16px;*/
        --font-size-01: 0.83rem;
        /*通知列表， 重要按钮， 树结构一级标题(18x)*/
        /*--font-size-02: 18x;*/
        --font-size-02: 0.94rem;
        /*次级标题(20px)*/
        /*--font-size-03: 20px;*/
        --font-size-03: 1.04rem;
        /*主标题，文章标题(22px)*/
        /*--font-size-04: 22px;*/
        --font-size-04: 1.15rem;
        /*(24px)*/
        /*--font-size-05: 24px;*/
        --font-size-05: 1.25rem;
        /*(26px)*/
        /*--font-size-06: 26px;*/
        --font-size-06: 1.3541rem;
        /*(28px)*/
        /*--font-size-07: 28px;*/
        --font-size-07: 1.4583rem;
        /*(30px)*/
        /*--font-size-08: 30px;*/
        --font-size-08: 1.5625rem;
        /*(32px)*/
        /*--font-size-09: 32px;*/
        --font-size-09: 1.6667rem;
        /*(38px)*/
        /*--font-size-10: 38px;*/
        --font-size-10: 1.98rem;
        /*间距基数*/
        --space-size: 0.42rem;
    }
}
html, body {
    font-family: var(--default-font) !important;
    font-size: var(--default-font-size);
}

.math-body .layui-fluid {
    padding: 0.4% 1%;
    height: 98%;
}
.math-body .layui-col-space15{
    margin: 0;
}
.math-body .layui-card-header {
    padding: 0 0.83rem !important;
}

.math-body .layui-card-body {
    padding: 1% !important;
    height: 97%;
}
.math-body .layui-table-page{
    position: relative;
    width: 100%;
    padding: 0;
    height: 6%;
    font-size: 0.625rem;
    white-space: nowrap;
    display: flex;
    align-items: center;
}
.layui-table-page>div {
    height: 1.354rem;
}
.layui-table-page select {
    height: 1.3rem;
    line-height: 1.3rem !important;
    padding: 0px;
}
.math-body .layui-form-item {
    margin: 0 0 1.04rem 0 !important;
}

.math-body label {
    color: var(--label-color) !important;
    padding: 0.52rem 1rem 0.52rem 0;
    width: 4.68rem;
    line-height: 1rem !important;
}

.math-body .layui-form-pane .layui-form-label {
    padding: 0.52rem;
    width: 5.72rem;
}

.math-body .layui-input-block {
    margin: 0 0 0 5.74rem;
}

.math-body .layui-input-inline {
    width: 9.9rem;
    margin: 0 !important;
}

.math-body .layui-form-mid {
    padding: 0.52rem 0.26rem !important;
    line-height: 1rem !important;
    margin: 0 !important;
}

.math-body .layui-inline {
    margin: 0 0.8rem 0 0 !important;
}

.math-body .math-custom-form .layui-inline {
    margin: 0 0 1.04rem 0 !important;
}

.math-body button {
    height: 2rem !important;
    line-height: 2rem !important;
}

.math-body .layui-table-page button {
    height: 1.354rem !important;
    line-height: 1.354rem !important;
}

.math-body input, .math-body textarea {
    color: var(--title-color) !important;
    /*height: 2.08rem !important;*/
    padding-left: 0.78rem;
    border-radius: var(--radius-btn);
    resize:none
}

.math-body input::-webkit-input-placeholder {
    color: var(--tip-color);
}

.math-body input:hover {
    border-color: var(--hover-color) !important;
}

.math-body .layui-table-page .layui-laypage input.layui-input {
    height: 1.35rem !important;
    line-height: 1.35rem !important;
}

.math-body .layui-form-radio:hover *, .math-body .layui-form-radioed > i {
    color: var(--hover-color);
}

.math-body .layui-form-radioed {
    color: var(--text-color);
}

.math-body .layui-form-onswitch {
    border-color: var(--hover-color);
    background-color: var(--hover-color);
}

.math-body .layui-form-checked i, .math-body .layui-form-checked:hover i {
    color: var(--hover-color);
}

.math-body .layui-form-checked span, .math-body .layui-form-checked:hover span {
    background-color: var(--hover-color);
}

.math-body .layui-form-checked[lay-skin=primary] i {
    border-color: var(--hover-color) !important;
    background-color: var(--hover-color);
    color: #fff;
}

.math-body .layui-form-checked[lay-skin=primary] i, .math-body .layui-form-checkbox[lay-skin=primary]:hover i {
    border-color: var(--hover-color) !important;
}

.math-body .layui-form-checked[lay-skin=primary]:hover span {
    background: 0;
}

.math-body .layui-form-select dl dd.layui-this {
    background-color: var(--hover-color);
}

#tabGroup .layui-tab-brief > .layui-tab-title .layui-this {
    color: var(--title-color);
}

#tabGroup .layui-tab-brief > .layui-tab-title .layui-this:after {
    border-bottom: 3px solid var(--hover-color);
}

#tabGroup .layui-tab-title .layui-form-checkbox[lay-skin=primary] {
    padding-left: 0.52rem;
    margin-top: 0;
}

#tabGroup .layui-tab-item {
    padding-left: 0.52rem;
}
.layui-laypage a, .layui-laypage span{
    font-size: var(--font-size-02);
}
.layui-layer-iframe{
    top: 5% !important;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
    .layadmin-tabspage-none {
        font-size: 19.2px !important;
    }
}