html,
body {
    height: 100%;
}

em {
    font-style: inherit;
}

.w-full {
    width: 100%;
}


.width-full {
    width: 100%;
}

.margin-10 {
    margin: 10px;
}

.margin-20 {
    margin: 20px;
}

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

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

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

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

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

.margin-0 {
    margin: 0;
}

.border {
    border: 1px solid #e6e6e6;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.border-solid {
    border-bottom: 1px solid #eee;
    padding: 0 0 6px;
    color: #000;
}

.layui-textarea:disabled,
input:disabled {
    background-color: #eee !important;
    cursor: not-allowed;
}

.flex,
.fluid_body {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
}

.flex-1 {
    flex: 1;
}

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

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

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


.text-center{
    text-align:center
}
.color-blue {
    color: #3e8eff !important;
    ;
    cursor: pointer;
}

.layui-btn-blue {
    background-color: #3e8eff;
}

.dropdown {
    position: relative;
}

.dropdown button .layui-icon {
    font-size: 15px;
    vertical-align: middle;
}

.dropdown-menu {
    position: absolute;
    top: 40px;
    left: 0;
    will-change: transform;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .15);
    min-width: 100px;
    text-align: center;
    border-radius: 4px;
    z-index: 1000;
    display: none;
    font-size: 13px;
    max-height: 300px;
    overflow: auto;
}

.dropdown-menu .li {
    text-align: center;
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: 3px 0;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: center;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    cursor: pointer;
    border-bottom: 1px solid #e1e1e1;
}

.dropdown-item .tips,
.client .tips {
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: #448bff;
}

.dropdown-item:last-child {
    border-bottom: 0;
}




.layui-table-cell {
    margin: 0 auto;
}

.layui-table-view .layui-table td {
    background-color: #fff;
}

.layui-table tr th {
    background-color: #f2f2f2;
    text-align: center;
}

.ellipsis-1 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ellipsis-2 {
    display: -webkit-box;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.layui-input,
.layui-select,
.layui-textarea {
    height: 30px;
}

/* 右弹框*/
.pup-right {
    height: calc(100vh - 150px);
    overflow: auto;
}

/* 蓝色选择按钮 */
.blue-select-btn .layui-anim.layui-icon {
    display: none;
}

.blue-select-btn .layui-form-radio {
    height: 22px;
    border: #eee 1px solid;
    border-radius: 4px;
    padding: 0 6px;
    line-height: 22px;
    margin-right: 0;
}

.blue-select-btn .layui-form-radioed {
    color: #3e8eff;
    border: #3e8eff 1px solid;
}

/* 蓝tab类型 */
.select_tab {
    width: auto;
    display: inline-block;
    height: 23px;
    font-size: 13px;
    border-radius: 2px;
}

.select_tab ul {
    width: auto !important;
    height: 23px !important;
    border-radius: 2px;
}

.select_tab li {
    margin: 0 !important;
    padding: 2px 6px !important;
    min-width: 0;
    line-height: 20px !important;
}

.select_tab .layui-this {
    background: #3e8eff !important;
    color: #fff !important;
    border-radius: 2px;
}

/* 固定块高度*/
.static_box {
    height: calc(100vh - 70px);
    overflow: auto;
}

/* cardHead 底边 */
.cardBottomBorder {
    border-bottom: #e1e1e1 1px solid;
    height: auto;
}

/* 自定义滚动条 */
::-webkit-scrollbar {
    width: 6px;
    height: 8px;
    background-color: #fff;
}

::-webkit-scrollbar-track-piece {
    width: 6px;
    -webkit-border-radius: 6px;
}

::-webkit-scrollbar-thumb:vertical {
    height: 8px;
    background: #ddd;
    -webkit-border-radius: 6px;
}

::-webkit-scrollbar-thumb:horizontal {
    width: 6px;
    background-color: #ddd;
    -webkit-border-radius: 6px;
}

/*dropdown/*/

.urp-dropdown-menu-table {
    position: fixed;
    top: 0;
    right: 0;
    border: 1px solid #ddd;
    background-color: #fff;
    box-shadow: 1px 1px 2px #e1e1e1;
    z-index: 1000;
}

.urp-dropdown-menu-table li {
    border-bottom: 1px solid #ddd;
}

ul.urp-dropdown-menu-table::before {
    position: absolute;
    top: -8px;
    display: inline-block !important;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #ddd;
    border-left: 8px solid transparent;
    content: '';
    right: 9px;
}

ul.urp-dropdown-menu-table li a {
    padding: 8px 16px;
    color: #6f6f6f;
    text-decoration: none;
    display: block;
    clear: both;
    text-align: center;
    font-weight: 300;
    line-height: 18px;
    font-size: 14px;
    min-width: 80px;
    white-space: nowrap;
}

ul.urp-dropdown-menu-table::after {
    position: absolute;
    top: -7px;
    display: inline-block !important;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #fff;
    border-left: 7px solid transparent;
    content: '';
    right: 10px;
}

ul.urp-dropdown-menu-table.urp-dropdown-menu-table-top {
    box-shadow: 2px -2px 2px #ddd
}

ul.urp-dropdown-menu-table.urp-dropdown-menu-table-top::after {
    border-top: 7px solid #fff;
    border-bottom: none;
    bottom: -7px;
    top: auto
}

ul.urp-dropdown-menu-table.urp-dropdown-menu-table-top::before {
    border-top: 8px solid #ddd;
    border-bottom: none;
    bottom: -8px;
    top: auto
}

.urp-dropdown-table i {
    font-size: 12px !important;
}

.layui-tab-brief>.layui-tab-more li.layui-this:after,
.layui-tab-brief>.layui-tab-title .layui-this:after {
    border-color: #3e8eff;
}

/* 侧边栏active*/
.layui-nav-common {
    background-color: #fff;
    padding: 0;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.layui-nav-common .layui-nav-item {
    width: 100%;
    position: relative;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    line-height: 60px;
}

.layui-nav-common .layui-nav-item a {
    display: block;
    line-height: 30px;
    height: 30px;
    padding: 0 0 0 20px;
    color: #333;
    transition: all .3s;
    -webkit-transition: all .3s;
}

.layui-nav-common .layui-nav-item .title {
    border-bottom: 1px solid #e1e1e1;
    line-height: 42px;
    overflow: hidden;
    height: 42px;
    color: #000 !important;
    cursor: text !important;
}

.layui-nav-common .layui-nav-itemed>.layui-nav-child {
    background-color: #fff !important;
    padding: 8px 0;
    position: relative;
    z-index: 0;
    top: 0;
    border: none;
    box-shadow: none;
}

.layui-col-md10 .layui-card {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.layui-nav-common .layui-nav-item dd a:hover {
    color: #fff !important;
    background-color: #3e8eff !important;
}

.layui-nav-child .active {
    background-color: #3e8eff;
}

.layui-nav-child .active a {
    color: #fff !important;
}

/*客户标签*/

.color1 {
    background-color: #cc528f !important;
}

.color2 {
    background-color: #f2616f !important;
}

.color3 {
    background-color: #f29d61 !important;
}

.color4 {
    background-color: #e8cd1b !important;
    ;
}

.color5 {
    background-color: #7cc24e !important;
    ;
}

.color6 {
    background-color: #56b347 !important;
    ;
}

.color7 {
    background-color: #4ec291 !important;
    ;
}

.color8 {
    background-color: #5cbae6 !important;
    ;
}

.color9 {
    background-color: #579ad9 !important;
    ;
}

.color10 {
    background-color: #384a8c !important;
    ;
}

.color11 {
    background-color: #533d99 !important;
    ;
}

.color12 {
    background-color: #843d99 !important;
    ;
}

.color-gray {
    color: #999;
}

.color-blue {
    color: #3e8eff;
}
.pointer:hover{
    opacity: 0.9;
}
.layui-layer-setwin .layui-layer-close2 {
    right: 8px !important;
    top: -10px !important
}

.layui-layer-setwin .z-index {
    right: -28px !important;
    top: -28px !important
}

.layui-btn-sm {
    font-size: 13px;
}

[v-cloak] {
    display: none;
}

.layui-tab-brief>.layui-tab-title .layui-this {
    color: #3e8eff;
}

.blobal-one-btn .layui-layer-btn0 {
    background-color: #fff !important;
    color: #333 !important;
    border-color: #dedede !important;
}

.square {
    display: flex;
    /*padding: 1px;*/
    /*display: block;*/
    /*height: 20px;*/
    /*width: 20px;*/
    /*position: absolute;*/
    /*top: 5px;*/
    /*left: calc(50% - 10px);*/
    height: 100%;
    align-items: center;
    justify-content: center;

}

.square span {
    display: block;
    height: 12px;
    width: 12px;
    padding: 1px;
    border: 1px solid #aaa;
}

.square span em {
    display: block;
    width: 100%;
    height: 100%;
}

.color-red {
    color: red !important;
}

.color-yellow,
.color-orange{
    color:rgb(255, 151, 78)!important;
}

.color-green {
    color: #008B00 !important;
}

.back-red {
    background-color: #ffdcdb !important
}

.back-yellow,
.back-orange  {
    background-color:#fff1e0!important;
}

.back-green {
    background-color:#d9f7be!important;
}

.layui-layer-content .text-area {
    border: 1px solid rgb(204, 204, 204);
    width: 89%;
    margin: 10px auto;
    display: block;
    padding: 10px;
    height: 87px;
    font-size: 15px;
}

/* 有左导航布局 */
.fluid_body {
    padding: 10px 10px 10px 0;
    box-sizing: border-box;
}

.bodyLeft {
    margin-right: 5px;
    transition: all .5s !important;
}

.bodyRight {
    /*flex: 1;*/
    transition: all .5s;
    /*-webkit-box-flex: 1;*/
    /*-ms-flex: 1;*/
    /*-webkit-flex: 1;*/
    /*-moz-flex: 1;*/
    /*flex: 1;*/
}

/* 左边导航 */
.layui-nav-common .title i.fa {
    font-size: 18px;
    color: #333;
}

.strokeAdd .select2-container {
    z-index: 1999 !important;
}

.select2-container {
    z-index: 1989 !important;
}

.m_year,
.m_year,
#fcs_date_month,
#fcs_date_year {
    height: 28px;
    line-height: 28px;
    margin: 0 6px;
    border-color: #e6e6e6;
    color: #666;
}

.layui-layout-admin .layui-nav-child .layui-icon {
    display: none;
}

.layui-layout-admin .layui-nav-child .active .layui-icon {
    display: inline-block;
}

.layui-table-view .layui-table {
    width: 100% !important;
}

.customer-list {
    position: absolute;
    left: 0;
    width: 100%;
    top: 29px;
    border: 1px solid #eee;
    z-index: 9999;
    background: #fff;
    border-top: none;
}

.customer-list ul {
    max-height: 260px;
    overflow: auto;
}

.customer-list li {
    line-height: 30px;
    padding: 0 6px;
    border-bottom: 1px solid #eee;
}

.customer-list li:hover {
    background-color: #3e8eff;
    color: #fff;
    cursor: pointer;
}

.customer-list li:last-child {
    border-bottom: 0;
}

.layui-span {
    line-height: 30px;
    min-height: 30px;
}

/*上传图片样式*/
.img_group {
    margin-top: 25px;
}

.imgGroup {
    width: 100px;
    height: 100px;
    border: 1px solid #ccc;
    position: relative;
    float: left;
    margin-right: 20px;
    margin-bottom: 10px;
}

.imgGroup .caseImg {
    width: 100%;
    height: 100%;
}

.imgGroup .close {
    position: absolute;
    top: -10px;
    right: -8px;
    display: block;
    background: #ccc;
    color: #fff;
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 50%;
    font-weight: 700;
    font-style: normal;
    text-align: center;
    cursor: pointer;
}

/*.layui-anim-upbit{*/
/*z-index: 1989101699!important;*/
/*}*/
table {
    border-collapse: inherit;
}

.ztree-demo {
    position: fixed;
    left: 0;
    top: 0;
    width: 158px;
    height: 300px;
    z-index: 10;
    display: none;
    background-color: #fff;
    overflow: hidden;
    overflow-y: auto;
    box-shadow: 0 1px 2px 0 #CCCCCC;
}

.static_box .layui-card {
    width: 100%;

    box-sizing: border-box;
}

.bodyRight {
    width: -moz-calc(100vw - 221px);

    width: -webkit-calc(100vw - 221px);
    width: calc(100vw - 221px);

}

#nav {
    /* width: 200px; */
    /*min-width: 200px;*/
    transition: margin .5s;
}

.layui-btn .layui-icon {
    vertical-align: initial;
}

.pre-line {
    white-space: pre-line;
}

.underline {
    text-decoration: underline;
}

.border-count {
    border: #eee 1px solid;
    padding: 5px 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.cardBottomBorde {
    line-height: initial;
    height: initial;
    min-height: 42px;
    padding-top: 10px;
}




.table-content table,
.table-content table th {
    border: 1px solid #ccc;
    text-align: center;
    border-top: none;
    border-left: none;

}

.table-content thead tr:first-child th {
    border-top: solid;
    border-width: 1px;
    border-color: #ccc;
}

.table-content tbody tr:last-child th {
    border-bottom: none;
}

.table-content table th {
    text-align: center;
    height: 30px;
    line-height: 30px;
}

.table-content {
    color: #000;
    border: 1px solid #999;
    overflow: hidden;
    width: 100%;
    padding-top: 10px;
}

.table-content .display,
.table-content .display .text {
    height: 100%;

}

.table-content .green {
    background-color: green;
}

.table-content .red {
    background-color: red;

}

.table-content .yellow {
    background-color: yellow;

}

.table-content .gay {
    background-color: #eee;
}

.table-content .nogay {
    cursor: pointer;
}

#all-nav {
    max-height: 490px;
    overflow: auto;
}

input[type=number] {
    -moz-appearance: textfield;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

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


.select_tab li::after {
    height: 30px !important;
    border-style: none !important;
    border-bottom: none !important;
}

.select_tab li {
    float: left;
}

.layui-fixbar {
    position: fixed;
    right: 30px;
    bottom: 20px;
    z-index: 999999;
    width: 50px;
    padding: 5px;
    border-radius: 50%;
}

.layui-fixbar img {
    display: block;
    width: 100%;
}

.dou-more {
    flex-wrap: wrap;
}

.dou-more .dou-box {
    display: inline-block;
    margin-right: 10px;
    border: 1px solid #cccccc;
    padding: 0 5px;
    user-select: none;
    white-space: nowrap;
    margin-bottom: 10px;
}

.dou-more .dou-box span {
    margin-left: 3px;
    cursor: pointer;
}

.common-layer .layui-table-header {
    margin-right: 5px;
}

.active-color {
    color: var(--theme-color) !important;
}

.clickable:active {
    color: var(--theme-color) !important;
}


.ksb-calendar-main .tips {
    width: 18px;
    height: 18px;
    font-size: 12px;
    border-radius: 3px;
    color: #fff;
    text-align: center;
    line-height: 18px;
    display: inline-block;
    margin-right: 4px;
}

.ksb-calendar-main .ksb {
    background-color: #ED6C00;
}

.ksb-calendar-main .pbh {
    background-color: #DD2535;
}

.ksb-calendar-main .teacher {
    background: linear-gradient(45deg, #F0B200, #DA251D);
}


.qrcode-box {
    text-align: center;
}

.qrcode-box .qrcode {
    margin: 20px auto 0;
    border: 1px solid #ccc;
    width: 240px;
    padding: 3px;
}

.qrcode-box .qrcode img {
    width: 100%;
}


.light {
    width: 22px;
    margin-left: 6px;
}

.custom-layer-tips {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    position: fixed;
    z-index: 999;
    background-color: #fff;

}

.custom-layer-tips .layui-layer-content {
    background-color: #fff !important;
    color: #000 !important;
    width: 600px;
    height: auto;
    max-height: 400px;
    overflow-y: scroll;
    box-shadow: 1px 0px 8px rgba(0, 0, 0, .3) !important;
}

.custom-layer-tips::after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 20px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #f9f9f9;
}

.custom-layer-tips .layui-table thead td {
    background-color: #f2f2f2;
}

.custom-layer-tips .layui-table-view .layui-table td,
.custom-layer-tips .layui-table-view .layui-table th {
    padding: 8px 0;

}

.filter .layui-form-select{
    width: 120px!important;
}




/* 订单样式start */
.order-travel{
    min-width: 1080px;
    overflow-x: scroll;
}
.order-travel .order-lable{
    display: inline-block;
    font-size: 13px;
    max-width: 48%;
    min-width: 114px;
    height: 36px;
    line-height: 36px;
    background-color: #f2f2f2;
    border: 1px solid #e6e6e6;
}
.order-travel .order-lable-two{
    line-height: 18px;
    font-size: 11px;
}
.order-travel .order-lable-two em{
    display: block;
    text-decoration: underline;
    cursor: pointer;
}
.order-travel .order-lable-two em.ai{
    text-decoration: none;
    cursor: auto;
}

.order-travel .order-lable1{
    width: 140px
}

.order-travel .order-lable3{
    width: 32%;
    min-width: 124px;
}

.filter .layui-form-select {
    width: 120px !important;
}


.btn-count {
    padding: 3px 8px;
    border-radius: 50%;
    background: red;
    line-height: initial;
    text-align: center;
    position: absolute;
    top: -6px;
    right: -10px;
}
/* 上传文件 */
#file-selector {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
}

.relative{
    position: relative;
}

.layui-select-disabled .layui-disabled{
    background: #eee;
}