﻿/*重新body样式*/
.layui-layout-body {
    overflow-y: auto;
}

.layui-layout-body .layui-fluid {
    padding: 10px;
}

/*重写layui中input高度*/
.layui-form-label, .layui-form-pane .layui-form-label {
    height: 33px;
    line-height: 18px;
}

.layui-input, .layui-select, .layui-textarea {
    height: 33px;
    line-height: 33px \9;
}

.layui-form-select dl dd, .layui-form-select dl dt {
    line-height: 33px;
}

/*重写layui中input高度*/
/*重新layui-table顶部间距*/
.layui-card .layui-table-view {
    margin-top: 5px;
}

.layui-table .layui-form-item {
    margin-bottom: 0px;
}

.layui-table .layui-form-label {
    height: auto;
}

/*重写表单页的table样式*/
.layui-openlayer .layui-table {
    margin: 0px 0px;
}

/*重新弹窗底部按钮栏样式*/
.layui-layout-admin .layui-form-item {
    margin-bottom: 0px;
}

.layui-table-tool {
    background: #fff !important;
}

.layui-layout-admin .layui-footer {
    padding: 5px 0px;
    left: 0px;
}

.layui-footer .layui-btn {
    padding: 0px 12px;
    height: 34px;
    line-height: 34px;
}

.layui-btn-disabled, .layui-btn-disabled:active, .layui-btn-disabled:hover {
    padding: 0 4px !important;
}

.layui-form-mid {
    padding: 8px 0 !important;
}

.layui-side-menu .layui-nav .layui-nav-child .layui-nav-child .layui-nav-child a {
    padding-left: 80px;
}

.layui-side-menu .layui-nav .layui-nav-child .layui-nav-child .layui-nav-child .layui-nav-child a {
    padding-left: 90px;
}

.layui-side-menu .layui-nav .layui-nav-child .layui-nav-child .layui-nav-child .layui-nav-child .layui-nav-child a {
    padding-left: 100px;
}

.layui-form-select dl {
    max-height: 200px;
}

.layui-table-hover {
    background-color: #daebf7 !important;
}

.Spanbtn {
    margin-left: 10px;
}

/*覆盖行样式---用于换行*/
.row2 {
    margin-top: 10px !important;
}

.layui-show-text {
    line-height: 36px
}

/*---------背景颜色样式---------*/
.background-color-white { /*白色*/
    background-color: White !important;
}

.background-color-green {
    /*绿色*/
    background-color: Green !important;
}

.background-color-red {
    /*红色*/
    background-color: Red !important;
}

.background-color-gray {
    /*灰色*/
    background-color: Gray !important;
}

.background-color-silver {
    /*浅灰色*/
    background-color: Silver !important;
}

.background-color-blue {
    /*蓝色*/
    background-color: Blue !important;
}

/*---------背景颜色样式---------*/
/*---------字体颜色样式---------*/


.color-white {
    /*白色*/
    color: White !important;
}

.color-green {
    /*绿色*/
    color: #008000 !important;
}

.color-red {
    /*红色*/
    color: #FF0000 !important;
}

.color-gray {
    /*灰色*/
    color: #A9A9A9 !important;
}

.color-silver {
    /*浅灰色*/
    color: Silver !important;
}

.color-blue {
    /*蓝色*/
    color: #007BFF !important;
}

.color-orange {
    /*橙色*/
    color: #FFA500 !important;
}

.color-yellow {
    /*黄色*/
    color: #FFD700 !important;
}

.color-info {
    /*自定义蓝色*/
    color: #2EA9F8 !important;
}

.color-pink {
    /*自定义粉色*/
    color: deeppink !important;
}

/*自定义背景色*/
.cus-bg-red {
    background-color: #f76060 !important;
}

.cus-bg-blue {
    background-color: #3d9eff !important;
}

.cus-bg-green {
    background-color: #008000 !important;
}

/*---------字体颜色样式---------*/
/*---------字体大小样式---------*/
.font-size-10 {
    font-size: 10px !important;
}

.font-size-11 {
    font-size: 11px !important;
}

.font-size-12 {
    font-size: 12px !important;
}

.font-size-13 {
    font-size: 13px !important;
}

.font-size-14 {
    font-size: 14px !important;
}

.font-size-15 {
    font-size: 15px !important;
}

.font-size-16 {
    font-size: 16px !important;
}

.font-size-17 {
    font-size: 17px !important;
}

.font-size-18 {
    font-size: 18px !important;
}

.font-size-35 {
    font-size: 35px !important;
}

/*---------字体大小样式---------*/
/*---------字体样式---------*/
.font-family-wryh {
    font-family: Microsoft YaHei !important;
}

.font-family-ht {
    font-family: 黑体 !important;
}

.font-family-st {
    font-family: 宋体 !important;
}

/*---------字体样式---------*/
/*---------字体粗细样式---------*/
.font-weight-bold {
    font-weight: bold !important;
}

.font-weight-bolder {
    font-weight: bolder !important;
}

.font-weight-lighter {
    font-weight: lighter !important;
}

.font-weight-normal {
    font-weight: normal !important;
}

.font-weight-inherit {
    font-weight: inherit !important;
}

.font-weight-100 {
    font-weight: 100 !important;
}

.font-weight-200 {
    font-weight: 200 !important;
}

.font-weight-300 {
    font-weight: 300 !important;
}

.font-weight-400 {
    font-weight: 400 !important;
}

.font-weight-500 {
    font-weight: 500 !important;
}

.font-weight-600 {
    font-weight: 600 !important;
}

.font-weight-700 {
    font-weight: 700 !important;
}

.font-weight-800 {
    font-weight: 800 !important;
}

.font-weight-900 {
    font-weight: 900 !important;
}

/*---------字体粗细样式---------*/
/*-----------间距样式-----------*/
/*margin-top*/
.margin-top-5 {
    margin-top: 5px !important;
}

.margin-top-10 {
    margin-top: 10px !important;
}

.margin-top-15 {
    margin-top: 15px !important;
}

.margin-top-20 {
    margin-top: 20px !important;
}

.margin-top-25 {
    margin-top: 25px !important;
}

.margin-top-30 {
    margin-top: 30px !important;
}

/*margin-right*/
.margin-right-3 {
    margin-right: 3px !important;
}

.margin-right-5 {
    margin-right: 5px !important;
}

.margin-right-10 {
    margin-right: 10px !important;
}

.margin-right-15 {
    margin-right: 15px !important;
}

.margin-right-20 {
    margin-right: 20px !important;
}

.margin-right-25 {
    margin-right: 25px !important;
}

.margin-right-30 {
    margin-right: 30px !important;
}

/*margin-bottom*/
.margin-bottom-5 {
    margin-bottom: 5px !important;
}

.margin-bottom-10 {
    margin-bottom: 10px !important;
}

.margin-bottom-15 {
    margin-bottom: 15px !important;
}

.margin-bottom-20 {
    margin-bottom: 20px !important;
}

.margin-bottom-25 {
    margin-bottom: 25px !important;
}

.margin-bottom-30 {
    margin-bottom: 30px !important;
}

.margin-bottom-40 {
    margin-bottom: 40px !important;
}

.margin-bottom-50 {
    margin-bottom: 50px !important;
}

.margin-bottom-55 {
    margin-bottom: 55px !important;
}

.margin-bottom-60 {
    margin-bottom: 60px !important;
}

.margin-bottom-scroll {
    margin-bottom: 52px !important;
}

/*margin-left*/
.margin-left-5 {
    margin-left: 5px !important;
}

.margin-left-10 {
    margin-left: 10px !important;
}

.margin-left-15 {
    margin-left: 15px !important;
}

.margin-left-20 {
    margin-left: 20px !important;
}

.margin-left-25 {
    margin-left: 25px !important;
}

.margin-left-30 {
    margin-left: 30px !important;
}

/*-----------间距样式-----------*/
/*-----------鼠标样式-----------*/
.cursor-pointer {
    cursor: pointer !important;
}

.cursor-default {
    cursor: default !important;
}

.cursor-move {
    cursor: move !important;
}

/*div显示html内容样式（英文数字）自动换行*/
.divhtml {
    word-break: break-all;
    word-wrap: break-word;
    overflow-y: scroll;
    line-height: 1.8em;
}

textarea, .layui-textarea {
    resize: none;
}

/*------元素的垂直对齐方式--------*/
.vertical-align-top {
    vertical-align: top !important;
}

.vertical-align-middle {
    vertical-align: middle !important;
}

.vertical-align-bottom {
    vertical-align: bottom !important;
}

/*------元素的垂直对齐方式--------*/
/*-------去掉边框样式----------*/
/*全部边框*/
.border-none {
    border: 0px !important;
}

/*上*/
.border-top-none {
    border-top: 0px !important;
}

/*右*/
.border-right-none {
    border-right: 0px !important;
}

/*下*/
.border-bottom-none {
    border-bottom: 0px !important;
}

/*左*/
.border-left-none {
    border-left: 0px !important;
}

/*-------去掉边框样式----------*/
/*宽度100%*/
.width-100 {
    width: 100% !important;
}

/*高度100%*/
.height-100 {
    height: 100% !important;
}

/*-------文本修饰符样式-------*/
.text-decoration-none {
    text-decoration: none;
}

.text-decoration-underline {
    text-decoration: underline;
}

.text-decoration-overline {
    text-decoration: overline;
}

/*-------文本修饰符样式-------*/
/*js验证时错误信息显示样式*/
.border-error {
    border-color: #f00;
}

/*清除背景色*/
.bg-none {
    background-image: none;
    background-color: transparent;
    border-color: transparent;
    color: #000;
}

/*重写底部固定栏z-index层级*/
.navbar-fixed-bottom {
    z-index: 1000;
}

/*搜索的关键字样式*/
a em {
    text-decoration: underline;
}

em {
    font-style: normal;
    color: #C00;
}

/*重写富文本编辑器的样式----解决IE8右边无边框问题*/
.edui-editor .edui-default {
    padding-right: 1px;
}

/*css控制显示内容的长度*/
.OverflowClass {
    width: 100px; /*默认一个宽度*/
    text-overflow: ellipsis; /*让超出的内容用...实现*/
    white-space: nowrap; /*禁止换行*/
    overflow: hidden; /*超出的隐藏*/
    display: block;
}

/*==========重新基于webkit的浏览器滚动条样式===========*/
::-webkit-scrollbar /*整体部分*/
{
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-track /*滑动轨道*/
{
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 0px;
    background: rgba(0, 0, 0, 0.05);
}

::-webkit-scrollbar-thumb /*滑块*/
{
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: rgba(0, 0, 0, 0.15);
}

::-webkit-scrollbar-thumb:hover /*滑块效果*/
{
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: rgba(0, 0, 0, 0.25);
}

/*==========重新基于webkit的浏览器滚动条样式===========*/

/*==============自定义间距==========*/
.ylh-marbottom-60 { /*据下边距60像素*/
    margin-bottom: 60px !important;
}

.ylh-marbottom-20 { /*据下边距20像素*/
    margin-bottom: 20px !important;
}

/*==============自定义间距==========*/
.lay-block {
    border: solid 1px #eee;
    box-sizing: border-box;
    min-height: 33px !important;
    display: flex;
    align-items: center;
}

.layui-btn-sm {
    height: 33px;
    line-height: 33px;
}

.b-n {
    border: none
}

.content-lable {
    float: left;
    display: block;
    padding: 8px 0 8px 0;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
}

.mb-1 {
    margin-bottom: 10px
}

.mb-2 {
    margin-bottom: 20px
}

@media print {
    .pageBreak {
        page-break-after: always; /*强制换页的关键*/
    }

    .layui-layout-admin {
        display: none
    }

    /*    .layui-table { width: 290mm; height: 210mm;margin:0 }
    */
}

@page {
    /* 指定页面尺寸 */
    size: A4 landscape;
    margin: 0
}

/*@page {*/ /* 指定页面尺寸 */
/*size: A4 portrait; margin: 0 }*/

.table-head-img {
    width: 28px;
    height: 28px
}

.layui-nav .layui-nav-item a {
    color: #444 !important;
    font-weight: bold;
}

.layui-layout-admin .layui-logo, .layui-layout-admin .layui-logo a {
    color: #444 !important
}

.layui-nav .layui-nav-more {
    border-top-color: #F18B25
}

.layui-nav .layui-nav-mored, .layui-nav-itemed > a .layui-nav-more {
    border-color: transparent transparent #F18B25
}

.layui-nav-itemed > .layui-nav-child {
    background-color: #fff !important
}

.layadmin-pagetabs .layui-tab-title li:hover, .layadmin-pagetabs .layui-tab-title li.layui-this {
    background-color: #ffedde
}

.layui-nav-tree .layui-nav-child dd.layui-this a {
    border-right: solid 5px #ff962e
}

.layui-nav {
    color: #ff962e;
    font-weight: bold
}

.layui-side-menu, .layadmin-setTheme-side {
    background: #fff
}

.layui-layer-title, .layui-layer-admin i[close] {
    color: #444 !important
}

.layui-form-select dl dd.layui-this {
    background-color: #F18B25;
}

.layui-nav-tree .layui-nav-bar {
    background-color: #F18B25;
}

.layui-form-checked span, .layui-form-checked:hover span {
    background-color: #F18B25;
}

.layui-btn-add {
    background-color: #FFFFFF;
    border: 1px solid #F18B25;
    color: #F18B25;
    font-weight: bold;
}

.layui-btn-green {
    background-color: #008000 !important;
    color: #FFFFFF;
}

.layui-btn-blue {
    background-color: #3d9eff !important;
    color: #FFFFFF;
}

.layui-btn-red {
    background-color: #f76060 !important;
    color: #FFFFFF;
}

.layui-btn-orange {
    background-color: #F18B25 !important;
    color: #FFFFFF;
}

.layui-btn-add:hover {
    opacity: .8;
    filter: alpha(opacity=80);
    color: #F18B25;
}

.layui-tab-brief > .layui-tab-more li.layui-this:after, .layui-tab-brief > .layui-tab-title .layui-this:after {
    border-bottom: 2px solid #F18B25;
}