@charset "utf-8";
#page {
    margin-right: 10px;
}

h1 {
    font-size: 42px;
}

h2 {
    font-size: 32px;
}

h3 {
    font-size: 25px;
}

h4 {
    font-size: 21px;
}

h5 {
    font-size: 18px;
}

.status {
    text-align: center;
}
.erp-badge{
    border-radius: 50%;
    font-size: 11px;
    top:5px !important;
    right:2px !important;
    margin: 0 !important;
    background-color: #f14c4c;
    height:21px;
    width:21px;
    line-height: 21px   !important;
    padding: 0 !important;
    display: flex; /* 核心：开启flex布局 */
    align-items: center; /* 垂直居中（核心） */
    justify-content: center; /* 可选：水平居中 */
}
.status-last-div {
    margin: 5px 0;
    min-height: 20px;

}

.status button {
    border: black 1px solid;
    color: black;
}

.status button:hover {
    color: black;
}

.overflow-x-auto {
    overflow-x: auto;
}

.overflow-x-scroll {
    overflow-x: scroll;
}

.overflow-x-hidden {
    overflow-x: hidden;
}

.overflow-y-auto {
    overflow-y: auto;
}

.overflow-y-scroll {
    overflow-y: scroll;
}

.overflow-y-hidden {
    overflow-y: hidden;
}

.width-height-200 {
    width: 200px;
    height: 200px;
}

.width-height-90 {
    width: 90px;
    height: 90px;
}

.width-height-250 {
    width: 250px;
    height: 250px;
}

.width-height-300 {
    width: 300px;
    height: 300px;
}

.width-200 {
    width: 200px;
}

.width-250 {
    width: 250px;
}

.width-260 {
    width: 260px;
}

.width-300 {
    width: 300px;
}
.width-600 {
    width: 600px;
}

.border-default-green {
    border: solid 1px #009688 !important;
}

.border-left {
    border-left: #d6d6d6 1px solid
}

.border-right {
    border-right: #d6d6d6 1px solid
}

.border-right-red {
    border-right: red 1px solid
}

.border-red {
    border: red 1px solid
}

.border-right-red-important {
    border-right: red 1px solid !important;
}

.border-left-red-important {
    border-left: red 1px solid !important;
}

.border-top-red-important {
    border-top: red 1px solid !important;
}

.border-bottom-red-important {
    border-bottom: red 1px solid !important;
}

.border-right-red-important {
    border-right: red 1px solid !important;
}

.border-right-black-important {
    border-right: black 1px solid !important;
}

.border-bottom-black-important {
    border-bottom: black 1px solid !important;
}

.border-top {
    border-top: #d6d6d6 1px solid
}

.border-bottom {
    border-bottom: #d6d6d6 1px solid
}
.border{
    border: #d6d6d6 1px solid
}

.radius {

    border-radius: 5px !important;
}

.radius-top {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.radius-none {
    border-radius: 0px !important;
}

.radius-bottom {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.radius-top-left {
    border-top-left-radius: 5px;
}

.radius-top-right {
    border-top-right-radius: 5px;
}
.radius-bottom-left {
    border-bottom-left-radius: 5px;
}

.radius-bottom-right {
    border-bottom-right-radius: 5px;
}

.watermark_image_left_bottom {
    position: absolute;
    left: 0px;
    bottom: 0px;
    color: white;
    text-align: center;
    height: 50px;
    width: 50px;
    line-height: 23px;
}

.watermark_image_left_bottom img {
    height: 100%;
    width: 100%;
}

.watermark_image_right_bottom {
    position: absolute;
    right: 0px;
    bottom: 0px;
    color: white;
    text-align: center;
    height: 50px;
    width: 50px;
    line-height: 23px;
}

.watermark_image_right_bottom img {
    height: 100%;
    width: 100%;
}

.watermark_image_left {
    position: absolute;
    left: 0px;
    top: 0px;
    color: white;
    text-align: center;
    height: 50px;
    width: 50px;
    line-height: 23px;
}

.watermark_image_left img {
    height: 100%;
    width: 100%;
}

.watermark_image_right {
    position: absolute;
    right: 0px;
    top: 0px;
    color: white;
    text-align: center;
    height: 50px;
    width: 50px;
    line-height: 23px;
}

.watermark_image_right img {
    height: 100%;
    width: 100%;
}

.images-content {
    /*margin: 0 auto;*/
    width: 220px;
    height: 220px;
}

.small-images-content {
    /*margin: 0 auto;*/
    width: 110px;
    height: 110px;
}

.right-image {
    width: 20px;
    height: 20px;
}

.margin-left-0 {
    margin-left: 0px !important;
}

.choose {
    border: 1px solid #009688;
}

.default {
    border: 1px solid white;
}

.mouseenter {
    background-color: #919191 !important;
}

.goods-li {
    width: 16.5%;
    float: left;
    /*text-align: center;*/

    padding-bottom: 10px;
}

.goods-li-content {
    /*margin: 0 auto;*/
    width: 220px;
    background-color: white;
}

.goods-hr {
    background-color: white;
}

.this-label {
    padding: 0;
    margin: auto;
    width: 90px !important;
}

.this-input {
    width: 150px !important;
}

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

.padding-left-20 {
    padding-left: 20px !important;
}

.padding-left-0 {
    padding-left: 0px !important;
}

.padding-right-0 {
    padding-right: 0 !important;
}

.padding-right-10 {
    padding-right: 10px !important;
}

.padding-right-8 {
    padding-right: 8px !important;
}

.padding-t-b-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.padding-l-3 {
    padding-left: 3px !important;

}

.padding-t-b-5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}.padding-t-b-2 {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}

.padding-top-10 {
    padding-top: 10px !important;
}

.padding-l-r-5 {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.padding-l-r-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.padding-5 {
    padding: 5px;
}

.padding-l-r-10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.margin-bottom-0 {
    margin-bottom: 0px !important;
}

.border-none {
    border: none !important;
}

.border-right-none {
    border-right: none !important;
}

.border-left-none {
    border-left: none !important;
}

.border-top-none {
    border-top: none !important;
}

.layui-form-pane .layui-form-checkbox {
    margin: 5px !important;
}

.menu-list {
    width: 18px;
    height: 18px;

}

.menu-mouseenter {
    background-color: black;
    color: white;
    opacity: 0.3;
}

.card-refresh .toDetail {
    /*height: 20px;*/
    /*line-height: 20px;*/
    height: 22px;
    line-height: 22px;
}

.font10 {
    font-size: 10px !important;
}

.font12 {
    font-size: 12px !important;
}

.font15 {
    font-size: 15px !important;
}
.font15 {
    font-size: 17px !important;
}

.font20 {
    font-size: 20px !important;
}

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

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

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

.wrap {
    flex-wrap: wrap;
}

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

.vertical-center {
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}

.vertical {
    -webkit-align-items: center;
    align-items: center;
}
.vertical-end{
    align-self: flex-end
}

.flex-auto-width {
    flex: 1;
}


.layui-form-pane xm-select {
    margin: 0 !important;
}

/**
单击弹出菜单样式
 */
body .stock-click-menu .layui-layer-content {
    background: #b4f2a6;
    border: none;
    padding: 9px 4px
}

body .stock-click-menu .layui-layer-content .layui-layer-TipsG {
    border-right-color: #baf2b2;
    /*background-color: white;*/
    /*display: none;*/
}

/**
主页样式
 */
.layui-tab-title {
    border-bottom: 0px solid #393D49;
    height: 33px;
}

.layui-tab-title li {
    padding: 0 0;
    font-size: 12px !important;
    min-width: 100px;
    line-height: 30px;
    min-height: 31px;
    vertical-align: middle;
    background-color: #5a5c68;
    color: rgba(255, 255, 255, .7);
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-top: 1px solid #393D49;
    border-left: 2px solid #393D49;
    border-right: 2px solid #393D49;
}

.layui-tab-card {
    border: 0px solid #e2e2e2;
}

.layui-tab-card > .layui-tab-title .layui-this:after {
    border-width: 0px;
}

.layui-tab-title .layui-this:after {
    height: 33px;
}

.layui-tab-title li .layui-tab-close:hover {
    border-radius: 10px;
    background-color: #FF5722;
    color: #fff;
}

.layui-tab-title li .layui-tab-close {
    margin-right: 5px;
    margin-top: 5px;
    float: right;
}

.layui-tab-title li span {
    margin-left: 5px;

}

.my-body .layui-tab-card > .layui-tab-title .layui-this {
    /*background-color: #e8e8e8;*/
}

.my-body .layui-tab-card > ul {
    background-color: #393D49;
}

/**
主页样式
 */
.scrollbar-hide::-webkit-scrollbar {
    display: none;
}

.name-search {
    padding-left: 10px;
    line-height: 36px;
    margin-top: 10px;
}

.name-search:hover {
    background-color: #f2f2f2
}

.layui-btn-blue {
    background-color: #00B0F0 !important;
}

.layui-btn-light-blue {
    background-color: #B9E0FC !important;
}

.layui-btn-white {
    background-color: #ffffff !important;
}

.layui-btn-purple {
    background-color: #8064A2 !important;
}

.layui-btn-pink {
    background-color: pink !important;
}

.layui-btn-gray {
    background-color: #808080 !important;
}

.layui-btn-light-gray {
    background-color: #bbb7b7 !important;
}

.layui-btn-bg-green {
    background-color: #d8eebe !important;
}
.layui-btn-emerald-green {
    background-color: #00B050;
}
.layui-btn-gray-white {
    background-color: white;
    color: #808080;
    border: 1px solid #808080;
    display: inline-block;
}

.layui-btn-blue-white {
    background-color: white;
    color: #00B0F0;
    border: 1px solid #00B0F0;
    display: inline-block;
}

.layui-btn-dark-blue-white {
    background-color: white;
    color: #0A6691;
    border: 1px solid #0A6691;
    display: inline-block;
}

.layui-btn-small-black {
    background-color: white;
    color: black;
    border: 1px solid black;
    display: inline-block;
}
.layui-btn-small-black-red {
    background-color: white;
    color: red;
    border: 1px solid black;
    display: inline-block;
}

.layui-btn-small-yellow {
    background-color: rgb(255, 246, 141);
    color: black;
    border: 1px solid black;
    display: inline-block;
}

.layui-btn-small-gray {
    background-color: rgb(191, 191, 191);
    color: black;
    border: 1px solid black;
    display: inline-block;
}

.layui-btn-small-red {
    background-color: white;
    color: red;
    border: 1px solid red;
    display: inline-block;
}

.layui-btn-small-blue {
    background-color: #b9e0fc;
    color: white;
    border: 1px solid #b9e0fc;
    display: inline-block;
}

.layui-btn-small-background-green {
    background-color: #d8eebe;
    color: white;
    border: 1px solid #d8eebe;
    display: inline-block;
}

.layui-btn-small-green {
    background-color: #009688;
    color: white;
    border: 1px solid #009688;
    display: inline-block;
}

.layui-btn-small-green-white {
    background-color: white;
    color: #009688;
    border: 1px solid #009688;
    display: inline-block;
}
.layui-btn-small-emerald-green {
    background-color: #00B050;
    color: white;
    border: 1px solid #00B050;
    display: inline-block;
}
.layui-btn-small-dodgerblue {
    background-color: white;
    color: dodgerblue;
    border: 1px solid dodgerblue;
    display: inline-block;
}

.layui-btn-small-dodgeryellow {
    background-color: white;
    color: rgb(255, 246, 141);
    border: 1px solid rgb(255, 246, 141);
    display: inline-block;
}

.layui-btn-black-white {
    background-color: white;
    color: black;
    border: 1px solid black;
}
.layui-btn-black-red {
    background-color: white;
    color: red;
    border: 1px solid black;
}

.layui-btn-black {
    background-color: black;
    color: white;
    border: 1px solid black;
}

.layui-btn-yellow-black {
    background-color: rgb(255, 246, 141);
    color: black;;
    border: 1px solid black;
}

.layui-btn-orange-white {
    background-color: white;
    color: #FFC066;
    border: 1px solid #FFC066;
}

.layui-btn-orange {
    background-color: #FFC066;
    color: white;
    border: 1px solid #FFC066;
}

.layui-btn-gray-black {
    background-color: #bfbfbf;
    color: black;;
    border: 1px solid black;
}

.layui-btn-green-white {
    background-color: white;
    color: #009688;;
    border: 1px solid #009688;
}

.layui-btn-red-white {
    background-color: white;
    color: red;
    border: 1px solid red;
}

.layui-btn-red {
    background-color: red;
    color: white;
    border: 1px solid red;
}

.layui-btn-light-red {
    background-color: #FCADAD;
    color: white;
    border: 1px solid #FCADAD;
}

.layui-btn-light-red-white {
    background-color: white;
    color: #FCADAD;
    border: 1px solid #FCADAD;
}

.layui-btn-normal {
    background-color: #7dc4f9;
    border: 1px solid black;
    display: inline-block;

    height: 30px;
    line-height: 30px;
    padding: 0 9px;
    color: black;
    white-space: nowrap;
    text-align: center;
    font-size: 12px;
    border-radius: 2px;
    cursor: pointer;
    opacity: .9;
    filter: alpha(opacity=90);
}

.xm-body {
    width: auto !important;
    min-width: 150px;
}

.normal {
    border: 1px solid black;
    display: inline-block;
    background-color: white;
    height: 30px;
    line-height: 30px;
    padding: 0 9px;
    color: black;
    white-space: nowrap;
    text-align: center;
    font-size: 12px;
    border-radius: 2px;
    cursor: pointer;
    opacity: .9;
    filter: alpha(opacity=90);
}

.select {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding: 0 9px;
    background-color: #009688 !important;
    color: #fff;
    white-space: nowrap;
    text-align: center;
    font-size: 12px;
    border: 1px solid #009688;
    border-radius: 2px;
    cursor: pointer;
    opacity: .9;
    filter: alpha(opacity=90);
}

.default-green {
    background-color: #19a094;
    color: white;
}

.input-table thead th {
    background-color: #393D49;
    color: white;
}

#nowDate {
    color: #F2F2F2;
    /*margin-top: 5px;*/
}

body .right-menu-class {
    border: #d9d9d9 1px solid;
}

body .right-menu-class .layui-layer-content {
    background: #ffffff;
}

body .right-menu-class .layui-layer-content .layui-layer-TipsG, body .right-menu-class .layui-layer-content .layui-layer-TipsB {
    border-right-color: #ffffff;
}

.relative {
    position: relative;
}
.absolute {
    position: absolute;
}

.margin-auto {
    margin: auto !important;
}

.margin-0 {
    margin: 0 !important;
}

.margin-top-10 {
    margin-top: 10px;
}

.margin-top-5 {
    margin-top: 5px;
}

.margin-left-10 {
    margin-left: 10px;
}

.margin-left-5 {
    margin-left: 5px !important;
}

.margin-l-r-5 {
    margin-left: 5px;
    margin-right: 5px;
}

.margin-10 {
    margin: 10px;
}

.margin-top-20 {
    margin-top: 20px;
}

.margin-left-20 {
    margin-left: 20px;
}

.margin-left-60 {
    margin-left: 60px;
}

.margin-right-10 {
    margin-right: 10px;
}

.margin-right-20 {
    margin-right: 20px;
}

.margin-right-20-important {
    margin-right: 20px !important;
}

.margin-right-0 {
    margin-right: 0px;
}

.margin-right-0-important {
    margin-right: 0px !important;
}

.margin-bottom-10 {
    margin-bottom: 10px;
}

.margin-bottom {
    margin-bottom: 10px;
}

.margin-bottom-0 {
    margin-bottom: 0px;
}

.erp-color-white {
    color: white;
}

.erp-color-white-important {
    color: white !important;
}

.erp-color-red {
    color: red;
}

.erp-color-green {
    color: green;
}

.erp-color-gray {
    color: gray;
}

.erp-color-blue {
    color: dodgerblue;
}

.erp-color-pink {
    color: pink;
}

.erp-color-orange {
    color: orange;
}

.erp-color-black {
    color: black ;
}
.erp-color-black-important {
    color: black ;
}

.erp-background-blue {
    background-color: #b9e0fc !important;
}

.erp-background-mediumpurple {
    background-color: mediumpurple;
}

.erp-background-gray {
    background-color: #bfbfbf
}

.erp-background-light-gray {
    background-color: #f2f2f2
}

.erp-background-red {
    background-color: #ffa9a9;
}

.erp-background-red-important {
    background-color: #ffa9a9 !important;
}

.erp-background-green {
    background-color: #d8eebe
}

.erp-background-default-green {
    background-color: #009688 !important;
}

.erp-color-default-green {
    color: #009688 !important;
}
.border-color-default-green{
   border-color: #009688 !important;
}
.erp-background-white {
    background-color: white;
}

.erp-background-white-important {
    background-color: white !important;
}

.erp-background-black-important {
    background-color: black !important;
    color: white;
}

.erp-background-readonly {
    background-color: #eaeaea
    /*background-color: #f2f2f2;*/
}

.erp-background-yellow {
    background-color: #fdffbf
}

.erp-background-orange {
    background-color: #ffd965
}

.erp-background-pink {
    background-color: #fda0ea
}

.erp-background-cyan {
    background-color: #33cccc
}

.bolder-important {
    font-weight: bolder !important;
}

.bolder {
    font-weight: bolder
}

.width100 {
    width: 100px !important;
}

.width50 {
    width: 50px !important;
}

.width60 {
    width: 60px !important;
}

.width30 {
    width: 30px !important;
}

.width40 {
    width: 40px !important;
}

.width80 {
    width: 80px !important;
}

.width150 {
    width: 150px;
}

.width120 {
    width: 120px;
}

.height150 {
    height: 150px;
}

.height120 {
    height: 120px;
}

.height100 {
    height: 100px;
}

.height20 {
    height: 20px;
}

.height30 {
    height: 30px;
}

.line-height-30 {
    line-height: 30px;
}

.listViewContent div {
    display: inline-block;
}

.listView {
    padding-left: 20px;
    background: #fff;
    width: 82%;
    white-space: nowrap;
    overflow-x: scroll;
}

.width-height-20 {
    width: 20px;
    height: 20px;
}

.width-height-10 {
    width: 10px;
    height: 10px;
}

.width-height-15 {
    width: 15px;
    height: 15px;
}

.width-height-40 {
    width: 40px;
    height: 40px;
}

.remove_image1 {
    position: absolute;
    top: 0;
    right: 0;
}

.audit_image {
    position: absolute;
    top: 0px;
    right: 0px;
    color: white;
    text-align: center;
    height: 50px;
    width: 50px;
    line-height: 23px;
}

.remove_image {
    position: absolute;
    top: -2px;
    right: -5px;
    color: white;
    text-align: center;
    height: 15px;
    width: 15px;
    line-height: 23px;
}

.remove_image img {
    height: 100%;
    width: 100%;
}

.remove_color_image {
    position: absolute;
    top: -2px;
    right: -5px;
    color: white;
    text-align: center;
    height: 15px;
    width: 15px;
    line-height: 23px;
}

.remove_color_image img {
    height: 100%;
    width: 100%;
}


.erp-border {
    position: relative;
    border: 1px dashed #e2e2e2;
    background-color: #fff;
    padding: -1px;
}

.erp-id-card {
    text-align: center;
    width: 413px;
    height: 180px;
}

.erp-max-id-card {
    max-height: 413px;
    max-height: 180px;
}

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

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

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

.erp-goods-sample-image {
    text-align: center;
    padding: 0px;
    width: 320px;
    height: 320px;
}

.color-image {
    width: 87px;
    height: 104px;
}

.erp-max-goods-sample-image {
    max-width: 320px;
}

.erp-goods-image {
    text-align: center;
    width: 260px;
    height: 260px;
}

.erp-max-goods-image {
    max-width: 311px;
    max-height: 311px;
}

.erp-max-image {
    max-width: 311px;
    max-height: 311px;
}

.erp-employee-image {
    text-align: center;
    width: 150px;
    height: 150px;
}

.erp-max-employee-image {
    max-width: 150px;
    max-height: 150px;
}

.erp-pieChart {
    width: 100%;
    height: 500px;
}

.erp-image {
    width: 250px;
    height: 250px;
    text-align: center;
}

.erp-production-image {
    width: 250px;
    height: 250px;
    text-align: center;
    padding: 0px;
}

.erp-max-production-image {
    max-width: 250px;
}

/*.erp-max-image{*/
/*    max-width: 250px;*/
/*}*/
.erp-float-left {
    float: left;
}

.erp-float-right {
    float: right;
}

.erp-bottom-fixed {
    position: fixed;
    bottom: 0px;
    left: 0px;
    right: 0px;
}

.erp-display {
    display: none;
}

/*.erp-table tbody tr:hover{*/
/*filter:alpha(opacity=80); !*IE滤镜，透明度80%*!*/
/*-moz-opacity:0.8; !*Firefox私有，透明度80%*!*/
/*opacity:0.8;!*其他，透明度80%*!*/
/*!*background-color: #F2F2F2;*!*/
/*}*/
.layui-table[lay-size="sm"] td, .layui-table[lay-size="sm"] th {
    font-size: 15px;
}

/*.erp-table tr,.erp-table td,.erp-table th {*/
/*height: 20px;*/
/*}*/


#footer div ul li {
    float: left;
    padding: 5px;
    width: auto;
    font-size: 15px;
    text-align: center;
    border: solid 1px #e2e2e2;

}

#footer div ul {
    bottom: 0px;
}

.erp-footer-span {
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 1px;
    border: none;
    vertical-align: middle;
    height: 28px;
    line-height: 28px;
    background-color: #fff;
    color: #333;
    font-size: 12px;
}

.layui-table {
    margin: 0px 0;
}

.layui-form-item {
    margin-bottom: 10px
}

.layui-form-checkbox {
    position: relative;
    height: auto;
}

.layui-form-checkbox[lay-skin="primary"] i {
    width: 25px;
    height: 25px;
    line-height: 25px;
}

.layui-form-checkbox[lay-skin="primary"] span {
    font-size: 17px;
    height: 22px;
    text-align: center;
    padding-top: 5px;
}

.layui-laypage {
    margin: 0px;
}

.layui-nav-tree {
    width: 150px
}

.layui-header {
    background: none;
}

.layui-layout-admin .layui-side {
    width: 150px;
    overflow-x: hidden;
}

.layui-side-scroll {
    width: 170px;
}

.layui-table {
    color: black;
}

.layui-table td, .layui-table th {
    word-break: break-all;
    word-wrap: break-word;
    padding: 9px;
}

.erp-from .layui-form-label {
    width: 102px;
    /*min-width: 102px;*/
}

.erp-from .layui-form-item .layui-input-inline {
    width: 135px;
}

.layui-form-pane .erp-form-label {
    width: 90px;
}

.layui-form-item .erp-input-inline {
    width: 120px !important;
}

.layui-form-item .erp-inline {
    margin-right: 0px;
}

.layui-layout-admin .my-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 60px;
    background: #393D49;
    z-index: 2;
}

.layui-layout-admin .my-header .my-header-logo {
    display: inline-block;
    width: auto;
    height: 30px;
    color: white;
    font-size: 18px;
    /*line-height: 30px;*/
    padding-top: 10px;
    padding-left: 15px;
    vertical-align: top;
}

.my-header-span {
    color: white;
    font-size: 18px;
    /*line-height: 30px;*/
}

.layui-layout-admin .my-header img.my-header-logo {
    width: 150px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    padding: 10px;
    border: none;
}

.my-header-btn {
    display: inline-block;
    width: auto;
    height: 100%;
    padding-top: 20px;
}

.my-header-user-nav {
    float: right;
}

.my-header-user-nav img {
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border: none;
    border-radius: 5px;
}

.my-header-user-nav .layui-nav-item a.name {
    padding-left: 5px !important;
}

.my-header ul.top-nav {
    display: inline-block;
    vertical-align: top;
    border-radius: 0;
}

.my-header ul.top-ul-nav {
    display: none;
    vertical-align: top;
    border-radius: 0;
}

.my-header ul.layui-nav li a {
    max-height: 60px;
}

.my-side {
    position: fixed;
    top: 60px;
    bottom: 0;
    width: 200px;
    z-index: 2;
    overflow-x: hidden;
}

.my-side .layui-nav {
    border-radius: 0;
    min-height: 100%;
}

.my-side ul.layui-nav li a i, .layui-nav .layui-nav-child a i, .layui-nav .layui-nav-item a i, .layui-tab-card > .layui-tab-title li span i {
    margin-right: 5px;
}

.my-side ul.layui-nav li dl dd a i {
    margin-left: 15px;
}

.layui-layout-admin .layui-body {
    position: fixed;
    top: 60px;
    bottom: 0px;
}

.my-body {
    position: fixed;
    top: 60px;
    bottom: 0;
    left: 150px;
    right: 0;
    z-index: 1;
    overflow: hidden;
}

.my-footer {
    left: 150px;
}

.body {
    padding: 10px;
    position: relative;
    width: auto;
    height: auto;
}

.body-A4 {
    width: 225mm;
    position: relative;
}

.body-A4 form {
    display: none;
}

.my-body .layui-tab, .my-body .layui-tab .layui-tab-content {
    margin: 0;
    padding: 0;
}

.my-body .layui-tab .layui-tab-title li:first-child > i {
    display: none;
}

.my-body .layui-tab, .my-body .layui-tab .layui-tab-content, .my-body .layui-tab .layui-tab-item {
    height: 100%;
}

.my-body iframe {
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
}

.layui-layout-admin .my-footer {
    height: 40px;
    padding: 2px 0;
}

.layui-layout-admin .my-footer p {
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    text-align: center;
}

.my-btn-box {
    height: 38px;
    margin-bottom: 10px;
}

.my-pay-box > div p {
    text-align: center;
    margin-bottom: 10px;
}

/* login */
.login-body {
    background: url("../image/bg.png") repeat fixed;
}

.login-box {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 215px auto auto auto;
    width: 220px;
    height: 241px;
    max-height: 300px;
}

.login-body .login-box h3 {
    color: #444;
    font-size: 22px;
    font-weight: 100;
    text-align: center;
}

.login-box .layui-input[type='number'] {
    display: inline-block;
    width: 50%;
    vertical-align: top;
}

/*.login-box img {*/
/*    display: inline-block;*/
/*    width: 46%;*/
/*    height: 38px;*/
/*    border: none;*/
/*    vertical-align: top;*/
/*    cursor: pointer;*/
/*    margin-left: 4%;*/
/*}*/

/*.login-box button.btn-reset {*/
/*width: 95px;*/
/*}*/

/*.login-box button.btn-submit {*/
/*width: 190px;*/
/*}*/

.login-main {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 350px;
    margin: 0 auto;
}

.login-main header {
    margin-top: 150px;
    height: 35px;
    line-height: 35px;
    font-size: 30px;
    font-weight: 100;
    text-align: center;
}

.login-main header, .login-main form, .login-main form .layui-input-inline {
    margin-bottom: 15px;
}

.login-main form .layui-input-inline, .login-main form .layui-input-inline input, .login-main form .layui-input-inline button {
    width: 100%;
}

.login-main form .login-btn {
    margin-bottom: 5px;
}

/* demo */
.site-demo-button div {
    margin: 20px 30px 10px;
}

.site-demo-button .layui-btn {
    margin: 0 7px 10px 0;
}

/* check */
input[type='checkbox'] {
    vertical-align: middle;
}

.my-checkbox {
    -webkit-appearance: none;
    position: relative;
    width: 20px;
    height: 20px;
    background-color: #FFFFFF;
    border: solid 2px #28B779;
    border-radius: 2px;
    background-clip: padding-box;
    display: inline-block;
    cursor: pointer;
}

.my-checkbox:checked {
    background-color: #28B779;
    border: solid 0 #28B779;
}

.my-checkbox:checked:before {
    position: absolute;
    display: inline-block;
    right: 50%;
    bottom: 50%;
    -webkit-transform: translate(50%, 50%);
    -ms-transform: translate(50%, 50%);
    transform: translate(50%, 50%);
    font-family: "Microsoft Yahei";
    content: "√";
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 600;
}

/* table */
.dataTables_length, .dataTables_filter, .dataTables_info, .dataTables_paginate {
    margin-bottom: 10px;
    display: inline-block;
}

.dataTables_length, .dataTables_info {
    float: left;
}

.dataTables_filter, .dataTables_paginate {
    float: right;
}

.dataTables_length select, .dataTables_filter input[type=search] {
    width: 100px;
    height: 30px;
    border: 1px solid #ccc;
    padding: 0 5px;
    display: inline-block;
}

.dataTables_paginate span, .dataTables_paginate a.paginate_button {
    border-radius: 2px;
    cursor: pointer;
}

.dataTables_paginate a, .dataTables_paginate > span > span {
    box-sizing: border-box;
    display: inline-block;
    min-width: 2em;
    height: 30px;
    line-height: 28px;
    border: 1px solid transparent;
    padding: 0 0.5em;
    margin-left: 2px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}

.dataTables_paginate span a.current, .dataTables_paginate a.paginate_button:hover {
    color: white;
    background: #009688;
}

.dataTables_length select {
    width: 60px;
    border-radius: 2px;
}

table.dataTable tbody tr.even {
    background: #f2f2f2;
}

table.dataTable tbody tr.selected {
    background: #eeeeee;
}

table.dataTable tr td:first-child, table.dataTable tr th:first-child {
    width: 20px;
}

table.dataTable thead .sorting_asc {
    background-image: url("../image/sort_asc.png");
}

table.dataTable thead .sorting_desc {
    background-image: url("../image/sort_desc.png");
}

table.dataTable thead .sorting {
    background-image: url("../image/sort_both.png");
}

table.dataTable thead .sorting, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc {
    background-repeat: no-repeat;
    background-position: center right;
}

/* dblclick css */
.dblclick-tab tr td {
    height: 30px;
    line-height: 30px;
    padding: 0 6px;
    border-radius: 2px;
    cursor: pointer;
}

.dblclick-tab tr td:hover {
    color: black;
    background: white;
}

.dblclick-tab tr td i {
    position: relative;
    top: 2px;
    display: inline-block;
    margin-right: 5px;
}
/* 滚动列容器：从第三列开始 */
.scrollable-columns {
    display: flex;
    white-space: nowrap;
    overflow-x: auto; /* 允许横向滚动 */
}

.scrollable-columns table {
    width: 180px;
}

.scrollable-columns table td {
    height: 20px;
}

.layui-text-ellipsis {
    white-space: nowrap; /* 强制文本不换行 */
    overflow: hidden; /* 超出容器部分隐藏 */
    text-overflow: ellipsis; /* 超出部分显示省略号 */
}
/* tips 404 */
.my-page-box {
    font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif;
    text-align: center;
    padding: 20px;
    background-color: white;
}

.my-page-box i {
    font-size: 100px;
}

.my-page-box h2, .my-page-box h3, .my-page-box h4, .my-page-box h5 {
    font-size: 80px;
}

.my-page-box p.msg {
    color: #dce2ec;
    font-size: 20px;
    margin-top: 20px;
}

.my-page-box p.text {
    color: #666;
    font-size: 16px;
    margin-top: 20px;
}

.my-page-box .my-btn-box {
    margin-top: 20px;
    margin-bottom: 20px;
}

/* tree table */
.my-tree-table-box .tree-table-tree-box {
    width: 20%;
    min-height: 200px;
    display: inline-block;
    vertical-align: top;
    overflow-y: auto;
    overflow-x: auto;
}

.my-tree-table-box .tree-table-table-box {
    display: inline-block;
    vertical-align: top;
    width: 79%;
    margin-left: 1%;
}

/* skin0 */
html .skin-0 .dblclick-tips-box .layui-layer-content {
    background-color: #009688;
}

html .skin-0 .dblclick-tips-box i.layui-layer-TipsB {
    border-right-color: #009688;
}

/* skin1 */
html .skin-1 .my-header .my-header-logo,
html .skin-1 .layui-nav .layui-nav-item a,
html .skin-1 .layui-nav .layui-nav-item a:hover {
    color: #444;
}

html .skin-1 .my-header,
html .skin-1 .layui-nav,
html .skin-1 .layui-nav-child {
    background: white;
}

html .skin-1 .layui-nav .layui-nav-item .layui-nav-child dd.layui-this a {
    color: white;
}

html .skin-1 .layui-nav .layui-nav-item .layui-nav-child dd.layui-this,
html .skin-1 .layui-nav .layui-nav-item .layui-nav-child dd.layui-this > a,
html .skin-1 .layui-nav-tree .layui-nav-item > a:hover,
html .skin-1 .layui-nav .layui-nav-item .layui-nav-child dd:hover > a,
html .skin-1 .layui-tab-title li .layui-tab-close:hover,
html .skin-1 .dblclick-tips-box .layui-layer-content {
    color: white !important;
    background-color: #666 !important;
}

html .skin-1 .dblclick-tips-box i.layui-layer-TipsB {
    border-right-color: #666;
}

html .skin-1 .layui-nav .layui-nav-itemed > a {
    background: #444 !important;
}

html .skin-1 .layui-nav .layui-nav-more {
    border-color: #444 transparent transparent;
}

html .skin-1 .layui-nav .layui-nav-mored {
    border-color: transparent transparent #444;
}

/* skin2 */
html .skin-2 .my-header .my-header-logo,
html .skin-2 .layui-nav .layui-nav-item a,
html .skin-2 .layui-nav .layui-nav-item a:hover {
    color: white;
}

html .skin-2 .my-header,
html .skin-2 .layui-nav,
html .skin-2 .layui-nav-child {
    background-color: #01AAED;
}

html .skin-2 .layui-nav .layui-nav-item .layui-nav-child dd.layui-this a {
    color: white;
}

html .skin-2 .layui-nav .layui-nav-item .layui-nav-child dd.layui-this,
html .skin-2 .layui-nav .layui-nav-item .layui-nav-child dd.layui-this > a,
html .skin-2 .layui-nav-tree .layui-nav-item > a:hover,
html .skin-2 .layui-nav .layui-nav-item .layui-nav-child dd:hover > a,
html .skin-2 .layui-tab-title li .layui-tab-close:hover,
html .skin-2 .dblclick-tips-box .layui-layer-content {
    color: white !important;
    background-color: #00C0F7 !important;
}

html .skin-2 .dblclick-tips-box i.layui-layer-TipsB {
    border-right-color: #00C0F7;
}

html .skin-2 .layui-nav .layui-nav-itemed > a {
    background-color: #1684af !important;
}

/* skin0-2 */
html .skin-2 .layui-nav .layui-nav-more,
html .skin-1 .layui-nav-tree .layui-nav-more,
html .skin-2 .layui-nav-tree .layui-nav-more {
    border-color: white transparent transparent;
}

html .skin-2 .layui-nav .layui-nav-mored,
html .skin-1 .layui-nav-itemed .layui-nav-more,
html .skin-2 .layui-nav-itemed .layui-nav-more {
    border-color: transparent transparent white;
}

/* tools */
.fl {
    float: left;
}

.fr {
    float: right;
}

.none {
    display: none;
}

.block {
    display: block;
}

/* layui css cover */
html body .layui-nav .layui-nav-bar {
    opacity: 0 !important;
    overflow: hidden !important;
}

/*.layui-nav .layui-this:after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed:after {*/
/*background-color: transparent;*/
/*}*/

.my-body .layui-tab-card > .layui-tab-title li {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.layui-layer-tips .layui-layer-content {
    padding: 5px;
}




@media screen and (max-width: 1780px) {
    #name {
        display: none;
    }

    #other {
        display: block;
    }
}

@media screen and (max-width: 1300px) {
    .my-header ul.layui-nav, .my-header-btn, .my-side, .layui-field-title, .my-btn-box .fr {
        display: none;
    }

    .my-header ul.top-ul-nav {
        display: inline-block;
    }
}

/* media 响应式*/
@media screen and (max-width: 1600px) {
    #nowDate {
        display: none;
    }


    .layui-body my-body {
        left: 0px;
    }

    .layui-side-scroll {
        width: 170px;
    }

    body div.my-mobile {
        background: #393D49;
    }

    body div.my-mobile .layui-layer-content {
        overflow-x: hidden;
    }


    .my-header ul.my-header-user-nav {
        display: inline-block;
        padding-left: 0;
        padding-right: 10px;
    }

    .my-header ul.my-header-user-nav a {
        padding: 0 10px;
    }

    .my-header ul.my-header-user-nav:last-child a:first-child {
        padding-right: 20px;
    }

    .my-side, .layui-nav-tree, .my-btn-box input[type='text'] {
        width: 150px;
    }

    .my-body {
        left: 0;
        width: 100%;
        overflow-x: auto;
    }

    .my-body iframe {
        width: 100%;
    }

    select {
        background: white;
    }

    .layui-layout-admin .layui-footer {
        left: 0;
    }
}

@media screen and ( max-width: 450px) {
    .my-header ul.my-header-user-nav li a.pay {
        display: none;
    }
}