html {
    overflow-x:hidden;
    /*overflow-y: hidden;   !* add by libaogang 2019/10/7 *!*/
}
.content-header {
    position: relative;
    padding: 0 0 3px 8px
}

.content-header>.breadcrumb {
    position: relative;
    top: 0;
    right: 0;
    float: none;
    margin-top: 0px;
    padding-left: 10px;
    background: #ecf0f5;
}

.main-footer {
    padding: 7px;
    color: #444;
    border-top: 1px solid #eee;
}

[v-cloak] {
    display: none;
}

.grid-btn{
    margin: 25px 4px 10px 10px;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.btn{
    outline: none !important;
}
.grid-btn .btn{
    margin-right:15px;

}
.pointer{cursor: pointer;}

.ml-10 { margin-left:0 !important; }
@media (min-width: 768px) {
    .ml-10 { margin-left:10px !important; }
    .col-sm-10 {width: 70%;padding-left: 0px;}
    .col-sm-2 {width: 24%;}
}
tbody > tr > th {font-weight: normal; }
.panel .table { margin:0 0; }
.panel .pagination { margin:0; }
.panel-default>.panel-heading {background-color: #f5f5f5;}
.row{
    border-top: 1px solid #ddd;
    margin:0;
    padding:20px 2px 0px 2px;
}
.col-xs-6{padding-left: 0px;padding-right: 0px;}
.form-horizontal .form-group {margin-left:0px;margin-right:0px;}
.form-horizontal{
    width:550px;padding-top:20px;
}

.required-style{
    color: red;
}
fieldset[disabled] {
    -ms-pointer-events: none;
    pointer-events: none;
}

.width-form{
    width: 100%;
}

/* 解决主体部分多出滚动条问题  add by libaogang 2019/12/6 */
.content-iframe .tab-pane > iframe {
    display:block;
    border:0;
}

/* tab标签文字和x间距  add by libaogang 2019/12/6 */
.content-wrapper .page_tab_close{
    padding-left: 2px;
}

/* 表格页统一左右内边距 add by libaogang 2019/12/13*/
#rrapp{
    padding: 0 15px;
}

/* 按钮颜色 xupeng*/


/*侧边栏xupeng*/
.skin-blue .main-header .navbar {
    background-color: #31475A !important;
}
/*侧边栏xupeng*/
.sidebar {
    /*background-image: linear-gradient(to bottom right, #212848, #3e407b);*/
    background-color: #31475A;
}
/*侧边栏xupeng*/
.skin-black .sidebar-menu>li>.treeview-menu {
    background: #131834;
}
/*侧边栏xupeng*/
.skin-black .sidebar-menu>li:hover>a, .skin-black .sidebar-menu>li.active>a {
    background: #2462FB;
    border-color: transparent !important;
}
.skin-black .treeview-menu>li.active>a, .skin-black .treeview-menu>li>a:hover{
    background: #263949;
    /*color:red;*/
    border-color: transparent !important;
}
/*.skin-black .treeview-menu>li.active>a, .skin-black .treeview-menu>li>a:focus{*/
/*    background: orange;*/
/*    border-color: transparent !important;*/
/*}*/
.sidebar-menu .treeview-menu>li:hover{
    background: #263949;
    border-color: transparent !important;
}
/*tab xupeng*/
.content-tabs .page-tabs a.active {
    background: #3e407b;
    color: #fff;
    border-right: solid 1px #3e407b;
}



/*表格居中 zxx*/
.table>caption+thead>tr:first-child>td, .table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>td, .table>thead:first-child>tr:first-child>th{
    text-align: center !important;
}
/*表格居中 elementui zxx*/
.el-table td, .el-table th{
    text-align: center !important;
}


.ui-jqgrid .ui-jqgrid-btable tbody tr.jqgrow td{
    text-align: center;
    padding: 3px !important;
}
/*表格去掉竖线*/
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th
{
    border-right:0px
}
/*表格去掉竖线*/
.el-table--border td, .el-table--border th, .el-table__body-wrapper .el-table--border.is-scrolling-left ~ .el-table__fixed {
    border-right: 0px solid #dddddd !important;
}

/*表头背景*/
.table>caption+thead>tr:first-child>td, .table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>td, .table>thead:first-child>tr:first-child>th {
    text-align: center !important;
    padding: 3px !important;
    background: #E6EBF0;
}

/*行内距*/
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    height: 40px;
    box-sizing: border-box;
}
/*按钮颜色*/
.el-button--primary {
    color: #FFF;
    background-color: #1AB394 !important;
    border-color: #1AB394 !important;
}
/*按钮颜色*/
.btn-primary{
    background-color: #1AB394 !important;
    border-color: #1AB394 !important;
}
.btn-plain{
    border-color: #1AB394 !important;
}
/*详情*/
.btn-info {
    color: #fff;
    background: #1AB394 !important;
    border-color: #1AB394 !important
}
.btn-normal {
    color: #1AB394;
    background: #FFFFFF !important;
    border-color: #1AB394 !important
}


/*按钮居中*/
.checkbox, .radio{
    width: 100%;
}
.el-button--mini,
.el-button--mini.is-round {
    line-height: 1.5 !important;
    padding: 1px 5px !important;
}
/*字体*/
label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 300 !important;
}
/*label::after{*/
/*    content: ':';*/
/*}*/
/*输入框宽度*/
.grid-btn input{
    width: 200px !important;
    -webkit-box-shadow: 0 0 0 1000px white inset;
}

.grid-btn select{
    width: 200px !important;
    -webkit-box-shadow: 0 0 0 1000px white inset;
}
.grid-btn .control-label {
    width: 100px;
    text-align: right;
}

.form-range {
    display: flex !important;
}

.grid-btn .form-range input {
    width: 85px !important;
}
/*按钮选择*/
.grid-btn .bootstrap-select{
    width: 200px !important;
}
/*成功颜色*/
.el-tag.el-tag--success {
    background-color: transparent !important;
    border-color: transparent;
    color: #15B880 !important;
    /*font-weight: 300 !important;*/
}
.el-tag--plain.el-tag--danger{
    background-color: transparent !important;
    border-color: transparent;
    color: #F65656 !important;
    /*font-weight: 300 !important;*/

}
.el-tag--dark.el-tag--info{
    background-color: transparent !important;
    border-color: transparent;
    color: #F65656 !important;
    /*font-weight: 300 !important;*/
}
.el-tag--plain.el-tag--info{
    background-color: transparent !important;
    border-color: transparent;
    /*font-weight: 300 !important;*/
}

.label-danger{
    background-color: transparent !important;
    border-color: transparent;
    color: #F65656 !important;
    /*font-weight: 300 !important;*/
}
/*bootstrap成功颜色*/
.label-success{
    background-color: transparent !important;
    border-color: transparent;
    /*font-weight: 300 !important;*/
    color: #15B880 !important;
}
.el-tag--dark.el-tag--danger{
    background-color: transparent !important;
    border-color: transparent;

    /*font-weight: 300 !important;*/
    color: #F65656 !important;
}
.el-tag--dark.el-tag--warning{
    background-color: transparent !important;
    border-color: transparent;
    /*font-weight: 300 !important;*/

    color: #FFAF04 !important;
}
.label-warning{
    background-color: transparent !important;
    border-color: transparent;
    /*font-weight: 300 !important;*/

    color: #FFAF04 !important;
}
.sidebar-menu .treeview-menu>li>a {
    padding: 9px 21px 9px 0px !important;
    display: block !important;
    font-size: 14px !important;
}

.sidebar-menu .treeview-menu>li .selected {
    color:#1AB394;
}

.sidebar-menu .treeview-menu>li .selected::after {
    content: "";
    display: block;
    width:6px;
    height:6px;
    background-color: #1AB394;
    position: absolute;
    right: 20px;
    top:17px;
    border-radius: 50%;
}

.label-default {
    background-color:transparent !important;
    font-weight:500;
    color:#333333 !important;
}

.label-primary{
    background-color:transparent !important;
    font-weight:500;
    color:#333333 !important;
    font-size: 100% !important;
}
.label-info {
    background-color:transparent !important;
    font-weight:500;
    color:#333333 !important;
}
.el-tag--dark {
    background-color:transparent !important;
    border-color: transparent;
    font-weight:500;
    color:#333333 !important;
}
.el-button , .el-button--info , .el-button--mini,.btn-danger,.btn-warning,.btn-success,.layui-btn,.layui-btn{
    /*padding: 1px 5px !important;*/
    /*font-size: 12px !important;*/
    /*line-height: 1.5 !important;*/
    border-radius: 3px !important;
    color: #fff;
    background: #1AB394 !important;
    border-color: #1AB394 !important;
    height: auto !important;
    width: auto !important;
}
.el-form-item__content .el-button--primary,.layui-btn-normal,.activeBtn{
    color: #FFF !important;
    background-color: #1AB394 !important;
    border-color: #1AB394 !important;
    /*padding: 6px 12px !important;*/
    font-size: 14px !important;
    border-radius: 4px !important;
}
.layui-btn-normal{
    color: #FFF !important;
    background-color: #1AB394 !important;
    border-color: #1AB394 !important;
    /*padding: auto !important;*/
    padding: 0px 12px !important;
    font-size: 14px !important;
    border-radius: 4px !important;
}

.normal-delete,.layui-btn-warm{
    border-color: #1AB394 !important;
    background-color:#FFFFFF  !important;
    /* width: 40px; */
    /*color: #1AB394 !important;*/
    /* height: 21px; */
     color: #1AB394 !important;
    background: #FFFFFF !important;
    border: 1px solid #1AB394 !important;
    font-weight: 900 !important;
    border-radius: 4px  !important;
    box-sizing: border-box;
}
.normal-add{
    border-color: #1AB394 !important;
    background-color:#F0F2FF  !important;
    /* width: 40px; */
    /*color: #1AB394 !important;*/
    /* height: 21px; */
    color: #1AB394 !important;
    background: #F0F2FF !important;
    border: 1px solid #1AB394 !important;
    font-weight: 900 !important;
    border-radius: 4px  !important;
    box-sizing: border-box;
}

 .normal-back{
    border-color: #1AB394 !important;
    background-color:#F0F2FF  !important;
    /* width: 40px; */
    /*color: #1AB394 !important;*/
    /* height: 21px; */
    color: #1AB394 !important;
    background: #F0F2FF !important;
    border: 1px solid #1AB394 !important;
    font-weight: 900 !important;
    border-radius: 4px  !important;
    box-sizing: border-box;
}

.el-button--normal-back{
    border-color: #1AB394 !important;
    background-color:#F0F2FF  !important;
    /* width: 40px; */
    /*color: #1AB394 !important;*/
    /* height: 21px; */
    color: #1AB394 !important;
    background: #F0F2FF !important;
    border: 1px solid #1AB394 !important;
    font-weight: 900 !important;
    border-radius: 4px  !important;
    box-sizing: border-box;
}
.el-button--normal-delete{
    border-color: #1AB394 !important;
    background-color:#F0F2FF  !important;
    /* width: 40px; */
    /*color: #1AB394 !important;*/
    /* height: 21px; */
    color: #1AB394 !important;
    background: #F0F2FF !important;
    border: 1px solid #1AB394 !important;
    font-weight: 900 !important;
    border-radius: 4px  !important;
    box-sizing: border-box;
}
.el-button--normal-add{
     border-color: #1AB394 !important;
     background-color:#F0F2FF  !important;
     /* width: 40px; */
     /*color: #1AB394 !important;*/
     /* height: 21px; */
     color: #1AB394 !important;
     background: #F0F2FF !important;
     border: 1px solid #1AB394 !important;
     font-weight: 900 !important;
     border-radius: 4px  !important;
     box-sizing: border-box;
 }
.el-button--mini, .el-button--mini.is-round{
    line-height: 1.5;
}

/*.btn-warning {*/
/*    padding: 1px 5px !important;*/
/*    font-size: 12px !important;*/
/*    line-height: 1.5 !important;*/
/*    border-radius: 3px !important;*/
/*    color: #fff;*/
/*    background: #1AB394 !important;*/
/*    border-color: #1AB394 !important;*/
/*    height: auto !important;*/
/*    width: auto !important;*/
/*}*/
/*.btn-danger {*/
    /*color: #fff;*/
    /*background-color: #d9534f;*/
    /*border-color: #d43f3a;*/
/*}*/
/*.glyphicon-forward:before {*/
/*    content: "\e075下一页";*/
/*}*/
/*.glyphicon-backward:before {*/
/*    content: "\e071上一页";*/
/*}*/
/*.ui-jqgrid .ui-pg-button span{*/
/*    margin-top: -6px;*/

/*}*/

.layui-btn-primary {
    border: 1px solid #C9C9C9;
    background-color: #fff;
    /* color: white !important; */
}

.search-box{
	padding-bottom: 5px;
	margin-right: 30px;
}

.search-item {
    width: 300px;
    display: flex !important;
    align-items: center !important;
    margin-bottom: 15px !important;
}

.search_time_range {
    width: auto;
}

.search-btn {
    margin-left: 30px;
    margin-bottom: 15px !important;
}

.bottomBorder {
    width: 100%;
    height: 1px;
    background: #D3DEDC;
    margin-bottom: 16px;
}

.ui-jqgrid .ui-jqgrid-htable .ui-th-div {
    height: 39px !important;
    line-height: 39px !important;
}

.ui-jqgrid .ui-grid-ico-sort {
    top: 12px;
}

.ui-jqgrid tr.jqgrow {
    /*height: 60px;*/
    /*line-height: 60px;*/
    height: 55px;
    line-height: 55px;
}

.ui-jqgrid tr.jqgrow td{
    line-height: 44px;
    vertical-align: middle;
}

.table_btn_success {
    width: 80px;
    height: 32px;
    background: #1AB394;
    border-radius: 6px;
    display: inline-block;
    color: #ffffff;
    font-size: 12px;
    line-height: 32px;
    padding: 0;
    margin-right: 10px;
}

.table_btn_success:hover {
    color: #ffffff;
}

.table_btn_error {
    width: 80px;
    height: 32px;
    background: #F66666;
    border-radius: 6px;
    display: inline-block;
    color: #ffffff;
    font-size: 12px;
    line-height: 32px;
    padding: 0;
    margin-right: 10px;
}

.table_btn_error:hover {
    color: #ffffff;
}

.table_btn_success_plain {
    width: 78px;
    height: 30px;
    line-height: 30px;
    border-radius: 6px;
    color: #1AB394;
    border: 1px solid #1AB394;
    padding: 0;
    margin-right: 10px;
    font-size: 12px;
}

.table_btn_success_plain:hover {
    color: #1AB394;
}

.table_btn_error_plain {
    width: 78px;
    height: 30px;
    line-height: 30px;
    border-radius: 6px;
    color: #F66666;
    border: 1px solid #F66666;
    padding: 0;
    margin-right: 10px;
    font-size: 12px;
}

.table_btn_error_plain:hover {
    color: #F66666;
}

.table_btn_disabled {
    width: 80px;
    height: 32px;
    background: #E6ECEB;
    border-radius: 6px;
    display: inline-block;
    color: #AAAAAA;
    font-size: 12px;
    line-height: 32px;
    padding: 0;
    margin-right: 10px;
    cursor: not-allowed;
    outline: none;
}

.table_btn_disabled:hover {
    color: #AAAAAA;
}

.table-bordered {
    border: 0 !important;
}

.form-column {
    width: 315px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-bottom: 15px;
    padding: 15px 20px;
}

.form-column .control-label {
    width: 80px;
    text-align: right;
    flex-shrink: 0;
    padding-top: 0px !important;
}

.form-column .column-item {
    display: flex;
    align-items: center;
}

.form-column .column-item input{
    width: 200px !important;
}

.form-column .column-item .form-control[readonly] {
    background-color: #ffffff !important;
}

.form-column .column-item select{
    width: 200px !important;
}

.form-column .column-item .form-range input {
    width: 85px !important;
}

.form-column .column_time_range {
    width: 600px;
}

.form-column .column_radio {
    align-items: flex-start;
}

.form-column .column_radio .control-label{
    margin-top: 8px;
}

.form-column .column-radio .layui-form-radio {
    margin-top: 4px;
}

.form-column .column_checkbox {
    align-items: flex-start;
}

.form-column .column_checkbox .control-label{
    margin-top: 4px;
}

.form-column .column_checkbox .layui-form-checkbox {
    margin-bottom: 5px;
}

.form-column .column_checkbox .layui-form-checkbox i {
    height: 30px !important;
}

.form-column .column_textarea {
    align-items: flex-start;
    width: 100%;
}

.form-column .column_textarea .control-label{
    margin-top: 8px;
}

.form-column .column_uploadImg {
    align-items: flex-start;
    margin-top: 8px;
    width: 100%;
}

.form-column .column_uploadImg .control-label{
    margin-top: 8px;
}

.form-column .column_uploadImg .layui-upload-img {
    width: 100px;
    height: 100px;
}

.form-column .column_dynamicsinput {
    align-items: flex-start;
    margin-top: 8px;
    width: 100%;
}

.form-column .column_dynamicsinput .control-label{
    margin-top: 8px;
}

.form-column .column_uploadFile {
    align-items: flex-start;
    margin-top: 8px;
    width: 100%;
}

.form-column .column_uploadFile .control-label{
    margin-top: 8px;
}

.column_uploadFile .layui-table th {
    text-align: center;
    background-color: #ffffff;
}

.layer_footer {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
}

.layer_footer a{
    font-size: 16px;
    margin-right: 20px;
}

.layer_footer input{
    font-size: 16px;
    margin-right: 20px;
}

.layer_footer a:last-of-type{
    margin-right: 0;
}

.layui-form-checked span {
    background-color: #1AB394 !important;
}

.layui-form-radioed {
    color: #1AB394 !important;
}

.layui-form-radioed>i {
    color: #1AB394 !important;
}

div::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}
div::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    opacity: 0.2;
    background-color: #aaaaaa;
}
div::-webkit-scrollbar-track {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
}

/*去除默认样式*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:active,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus,
select:-webkit-autofill:active {
    transition: background-color 600000s 0s, color 600000s 0s;
}

input:focus {
    outline: 0;
    border-color: #1AB394 !important;
}

select:focus {
    outline: 0;
    border-color: #1AB394 !important;
}

textarea:focus {
    outline: 0;
    border-color: #1AB394 !important;
}

.form-column .help-block {
    /*position: absolute;*/
    /*left: 110px;*/
    /*background-color: rgb(255, 255, 255);*/
    /*width: 185px;*/
    /*pointer-events: none;*/
    /*font-size: 14px;*/
    /*height: 20px;*/
    /*top: 2px;*/
    margin-left: 100px;
}

.form-column .has-error {
    width: 300px;
    flex-wrap: wrap;
}

.form-column .has-error.column_textarea {
    width: 100%;
}

.form-column .has-error .form-control-feedback {
    display: none !important;
}

.form-column .has-success .form-control-feedback {
    display: none !important;
}

.form-column .layer_footer input{
    width: 78px !important;
}

.form-column .column_uploadMultiGraph {
    align-items: flex-start;
    margin-top: 8px;
    width: 100%;
}

.form-column .column_uploadMultiGraph .control-label{
    margin-top: 8px;
}

.form-column .column_uploadMultiGraph .layui-upload-drag-self {
    background-color: #ffffff;
    border: 1px dashed rgb(26, 179, 148);
    border-radius: 6px;
    box-sizing: border-box;
    width: 100px;
    height: 100px;
    line-height: 100px;
    vertical-align: top;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    outline: 0;
    margin-right: 13px;
    float: left;
    margin-top: 10px;
}

.form-column .column_uploadMultiGraph .layui-input-inlines-self {
    position: relative;
    /* margin-left: 90px; */
    min-height: 36px;
    text-align: left;
}

.form-column .column_uploadMultiGraph .layui-upload-drag-self .layui-icon {
    font-size: 28px;
    color: #8c939d
}
.form-column .column_uploadMultiGraph .layui-upload-drag-self .img {
    position:relative;
    height: 100px;
    width: 100px;
}

.form-column .column_uploadMultiGraph .layui-upload-img {
    width: 100px;
    height: 100px;
    border-radius: 6px;
    margin-top: -3px;
    margin-left: -2px;
}


.form-column .column_uploadMultiGraph .handle {
    position: absolute;
    width: 100px;
    height: 100%;
    z-index: 100;
    border-radius: 6px;
    top: 0;
    background: rgba(59, 60, 61, 0.6);
    text-align: center;
}

.form-column .column_uploadMultiGraph .handle .icon-myself {
    z-index: 99999999;
    transition: all .3s;
    cursor: pointer;
    font-size: 25px;
    width: 25px;
    color: rgba(255, 255, 255, 0.91);
    margin: 0 4px;
}

.layerPreView .layui-layer-content{
    background-color: #0d1830;
}

.el-upload__input {
    display: none !important;
}

.el-upload-list__item {
    /*width: 100px !important;
    height: 100px !important;*/
    background-color: #ffffff;
    border: 1px dashed rgb(26, 179, 148) !important;
}

.el-upload--picture-card {
    display: none;
    /*width: 100px !important;*/
    /*height: 100px !important;*/
    /*display: flex;*/
    /*justify-content: center;*/
    /*align-items: center;*/
    /*background-color: #ffffff;*/
    /*border: 1px dashed rgb(26, 179, 148);*/
}
.el-upload-list__item-status-label {
    display: none !important;
}

.defaultImg {
    background-color: #ffffff;
    border: 1px dashed rgb(26, 179, 148);
    border-radius: 6px;
    box-sizing: border-box;
    width: 100px;
    height: 100px;
    line-height: 100px;
    vertical-align: top;
    text-align: center;
    cursor: pointer;
    outline: 0;
    margin-right: 13px;
    margin-top: 10px;
}

.layui-layer-btn {
    text-align: center !important;
}

.layui-progress-bar {
    background-color: #1AB394;
}

.form-control[readonly] {
    background-color: #ffffff !important;
}

.form-control[disabled] {
    background-color: #ffffff !important;
}

.layui-layer-dialog .layui-layer-content {
    text-align: center !important;
}