﻿body {
    background: #f5f5f5;
    font: 13px/1 "Microsoft Yahei", "微软雅黑", sans-serif;
    padding: 0px;
    margin: 0px;
}

.border_line{
    border: 1px solid #ccc;
}

.childBody {
    background: #fff;
    margin-top: 10px;
}

.main {
    margin: 0px 10px;
}

.tdTit {
    width: 80px;
}

.siteMap {
    height: 40px;
    line-height: 45px;
    min-height: 47px;
    color: #333;
    background: #fff; /*#f8f9ff;*/ /*#eff3f7;*/ /*#f0f0f0;*/
    padding-left: 15px;
    margin: 10px 10px 0px 10px;
    font-size: 13px;
    font: "Microsoft Yahei", "微软雅黑", sans-serif;
    /*border-bottom: 1px solid #dddddd;*/
}

.siteMapMin {
    height: 58px;
}

.siteMap .siteMap_span {
    width: 51%;
}

.siteMap .siteMap_span span {
    color: #999;
}

.siteMap .slimpTd {
    vertical-align: bottom;
    line-height: none;
    line-height: normal;
}

.siteMap .slimpTd .setBorderTxt {
    display: inline-block;
    border-radius: 0px;
    border-left: none;
}

.siteMap .slimpTd .layui-btn-normal {
    border-radius: 0px 2px 2px 0px;
    height: 33px;
    line-height: 33px;
}

.siteMap .slimpTd .layui-icon {
    font-size: 15px;
}

.main .searchArea {
    /*margin-top: 10px;*/
    background: #fff;
    padding: 0px 10px 10px 10px;
}

.main .searchArea .tdTit {
    text-align: right;
    padding: 0px 10px 0px 15px;
    height: 45px;
    width: 80px;
}

.main .searchArea td, .main .searchArea input, .main .searchArea select {
    font-size: 13px;
}

.searchArea_none {
    display: none;
}

.main .content {
    margin-top: 10px;
    background: #fff;
    padding: 0px 10px 1px 10px;
}

.main .btn-table {
    width: 100%;
}

.main .btn-table td {
    width: 50%;
    padding-top: 10px;
}

.tab-row-btn {
    cursor: pointer;
    color: #2588d9;
    margin: 0px 1px;
}

.page {
    padding: 10px 0px;
}

.pagination ul {
    display: inline-block;
    *display: inline;
    margin-bottom: 0;
    margin-left: 0;
}

.pagination ul > li {
    display: inline;
}

.pagination ul > li > a, .pagination ul > li > span {
    float: left;
    padding: 5px 8px;
    line-height: 20px;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
    border-left-width: 0;
}

.pagination ul > li > a:hover, .pagination ul > li > a:focus, .pagination ul > .active > a, .pagination ul > .active > span {
    background-color: #f5f5f5;
}

.pagination ul > .active > a, .pagination ul > .active > span {
    color: #999;
    cursor: default;
}

.pagination ul > .disabled > span, .pagination ul > .disabled > a, .pagination ul > .disabled > a:hover, .pagination ul > .disabled > a:focus {
    color: #999;
    cursor: default;
    background-color: transparent;
}

.pagination ul > li:first-child > a, .pagination ul > li:first-child > span {
    border-left-width: 1px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-topleft: 4px;
}

.pagination ul > li:last-child > a, .pagination ul > li:last-child > span {
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
}

.pagination-centered {
    text-align: center;
}

.pagination-right {
    text-align: right;
}

.pagination-large ul > li > a, .pagination-large ul > li > span {
    padding: 11px 19px;
    font-size: 17.5px;
}

.pagination-large ul > li:first-child > a, .pagination-large ul > li:first-child > span {
    -webkit-border-bottom-left-radius: 6px;
    border-bottom-left-radius: 6px;
    -webkit-border-top-left-radius: 6px;
    border-top-left-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    -moz-border-radius-topleft: 6px;
}

.pagination-large ul > li:last-child > a, .pagination-large ul > li:last-child > span {
    -webkit-border-top-right-radius: 6px;
    border-top-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    border-bottom-right-radius: 6px;
    -moz-border-radius-topright: 6px;
    -moz-border-radius-bottomright: 6px;
}

.pagination-mini ul > li:first-child > a, .pagination-small ul > li:first-child > a, .pagination-mini ul > li:first-child > span, .pagination-small ul > li:first-child > span {
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-topleft: 3px;
}

.pagination-mini ul > li:last-child > a, .pagination-small ul > li:last-child > a, .pagination-mini ul > li:last-child > span, .pagination-small ul > li:last-child > span {
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
}

.pagination-small ul > li > a, .pagination-small ul > li > span {
    padding: 2px 10px;
    font-size: 11.9px;
}

.pagination-mini ul > li > a, .pagination-mini ul > li > span {
    padding: 0 6px;
    font-size: 10.5px;
}

.pager {
    margin: 20px 0;
    text-align: center;
    list-style: none;
    *zoom: 1;
}

.pager:before, .pager:after {
    display: table;
    line-height: 0;
    content: "";
}

.pager:after {
    clear: both;
}

.pager li {
    display: inline;
}

.pager li > a, .pager li > span {
    display: inline-block;
    padding: 5px 14px;
    background-color: #fff;
    border: 1px solid #ddd;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

.pager li > a:hover, .pager li > a:focus {
    text-decoration: none;
    background-color: #f5f5f5;
}

.pager .next > a, .pager .next > span {
    float: right;
}

.pager .previous > a, .pager .previous > span {
    float: left;
}

.pagination a {
    color: #08c;
}

.pagination a[disabled="disabled"], .aspNetDisabled, a[disabled="disabled"] {
    color: rgb(153, 153, 153) !important;
    text-decoration: none;
}

.editTab {
    width: 100%;
    border-collapse: collapse;
    margin-top: 50px;
}

.editTab th {
    text-align: left;
}

.editTab td {
    height: 40px;
    border-bottom: 1px dashed #EAEAEA;
}

.editTab .editTit {
    color: #999;
    width: 15%;
    text-align: right;
    padding-right: 18px;
}

.tabNone {
    display: none;
}

.must-input {
    border: 1px solid #ff0000;
}

.point {
    width: 100%;
    height: 30px;
    border: #f1ddc2 1px solid;
    background: #fffbf2;
    margin-top: 10px;
    position: relative;
    text-align: center;
}

.point span {
    margin: 1px;
    height: 28px;
    line-height: 28px;
    display: inline-block;
    color: #ff0000;
}
/*input[type="text"][disabled="disabled"],input[type="text"][readonly="readonly"]{background:rgba(153, 153, 153, 0.15);}*/

.operation {
    margin-top: 5px;
    width: 100%;
    height: 40px;
    padding: 5px 10px 5px 10px;
    background: #fff;
}

.click_work {
    font-size: 14px;
    cursor: pointer;
    line-height: 30px;
    white-space: nowrap;
    padding-left: 6px;
}

.click_work:hover {
    color: rgb(255, 255, 255);
    background-color: rgb(95, 184, 120);
    line-height: 30px;
    white-space: nowrap;
}


input[type="text"][disabled="disabled"], input[type="text"][readonly="readonly"] {
    background: #f4f4f4;
}

#div_button {
    margin-left: 3px;
    display: inline-table;
}

.divtt {
    background: #d4eeff;
    width: 100%;
    height: 41px;
    line-height: 37px;
}

.divzy {
    width: 48.6%;
    float: left;
    height: 450px;
    overflow: auto;
    border: 1px solid #e7e7e7;
    margin-top: 10px;
}

.divzy .layui-table-view {
    margin: 0px;
}

.divzj {
    width: 2%;
    float: left;
    overflow: auto;
    text-align: center;
    height: 450px;
    line-height: 450px;
}

.selectTrBg td, .selectTrBg td .layui-btn-xs {
    background: #ddf0fd;
}

.selectTrBg i {
    color: #666;
}


/********** 编辑页面公用样式  -- 陈志国 *********/
.fm-group{
    margin-bottom: 5px;
}
.fm-group.fm-group-1 .fm-item{
    width: 100%;
}
.fm-group.fm-group-2 .fm-item{
    width: 49%;
}
.fm-group.fm-group-3 .fm-item{
    width: 33%;
}

.fm-item{
    line-height: 38px;
    font-size: 13px;
    display: inline-block;
    min-height: 38px;
}

.fm-label{
    width: 150px;
    float: left;
    text-align: right;
    padding-right: 10px;
    box-sizing: border-box;
}

.fm-content{
    margin-left: 150px;
    max-height: 300px;
}

.overflow-hidden{
    overflow: hidden;
}

.tool-bar {
    background: #fff;
    padding: 10px 15px;
    margin: 5px 10px;
}

.panel-content {
    margin: 5px 10px;
    padding: 10px 15px;
}

.sec-title .iconfont:before{
    content: "\e649";
}
.section.active .sec-title .iconfont:before{
    content: "\e647";
}

.section .sec-content, .section .jump_range{
    display: none;
}

.section.active .sec-content, .section.active .jump_range{
    display: block;
}

.sec-title {
    background: #eef8ff;
    padding: 10px 15px;
}

.sec-title span{
    margin-left: 10px;
}

.sec-content {
    padding: 10px;
}

.section {
    margin-bottom: 10px;
    background: #fff;
    padding: 10px;
    border-radius: 5px;
}

.layui-textarea:disabled, .layui-input:disabled {
    background: #f8f8f8;
    cursor: not-allowed;
}

.form-tips {
    color: #ccc;
}

.form-required{
    color: red;
    margin-left: 3px;
}

.hide{
    display: none!important;
}

.hide_not_force{
    display: none;
}

/****** 修复 layui css ******/
.layui-icon-ok:before {
    content: "\e605";
}
 /* 表格的文字 */
.layui-table-grid-down {
    display: inline;
    position: absolute;
    top: 10px;
    right: 4px;
    background: #e8e7e7;
}

/****** 产品类型横放，下面对应表格的通用样式 *****/
.prod-header > div {
    display: inline-block;
    width: 100px;
    text-align: center;
    cursor: default;
}

.prod-header > div.active {
    border-bottom: 2px solid #1E9FFF;
}

.prod-content > table{
    display: none;
}

.prod-content > table.active{
    display: table;
}

.color-red, .red{
    color: red;
}

 .main-help {
    animation: move 0.8s ease infinite;
    width: 13px;
    height: 13px;
    margin-top: -3px;
} 
@keyframes move {
    0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0);
    }
    50%{
         -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
    100% {
        -webkit-transform: translateY(0);
       transform: translateY(0);
    }
}

xm-select{
    min-height: 30px!important;
    line-height: 30px!important;
}

    xm-select > .xm-label .xm-label-block {
        margin: -1px 5px 2px 0 !important;
    }

.table_title{
    text-align: center;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    padding-top: 5px;
}
/*.layui-table-view:hover ::-webkit-scrollbar {
    height: 8px !important;
}*/

/*::-webkit-scrollbar:hover {
    height: 20px !important;
}*/

    .layui-table-view th[title]:not([title='']) {
        text-decoration:underline;
    }

.show_overflow{ overflow:visible !important; }

/**** 新 form 表单 ------------ 开始 *****/
.nform{
    display: flex;
    height: 100%;
    flex-direction: column;
}

.nform_row{
    display: flex;
    margin: 10px;
    height: 35px;
    line-height: 35px;
}

.nform_row > label{
    flex-basis: 100px;
    flex-shrink: 0;
}

.nform_row > .layui-form-select{
    width: 100%;
}

.nform_row > form_widget{
    flex-grow: 1;
}

.nform-content{
    flex-grow: 1;
    padding: 10px;
}

.nform-toolbar{
    flex-basis: 35px;
    text-align: right;
    padding: 10px 10px 10px 0;
    border-top: 1px solid #dfdfdf;
}

.col4{
    flex-basis: 25%;
    display: flex;
    align-items: center;
}
.col2{
    flex-basis: 50%;
    display: flex;
    align-items: center;
}
.col33{
    flex-basis: 33%;
    display: flex;
    align-items: center;
}

.col4 > label, .col2 > label, .col33 > label {
    flex-basis: 100px;
    flex-shrink: 0;
}

.col4 > input, .col4 > .layui-form-select, 
.col2 > input, .col2 > .layui-form-select,
.col33 > input, .col33 > .layui-form-select {
    width: 150px;
}

.nform{
    display: flex;
    height: 100%;
    flex-direction: column;
}

.nform_row{
    display: flex;
    margin: 10px;
    height: 35px;
    line-height: 35px;
}

.nform_row > label{
    flex-basis: 90px;
    flex-shrink: 0;
}

.nform_row > .layui-form-select{
    width: 100%;
}

.nform_row > form_widget{
    flex-grow: 1;
}

.nform-content{
    flex-grow: 1;
    padding: 10px;
}

.nform-toolbar{
    flex-basis: 35px;
    text-align: right;
    padding: 10px 10px 10px 0;
    border-top: 1px solid #dfdfdf;
}

.col4{
    flex-basis: 25%;
    display: flex;
    align-items: center;
}
.col4 > label {
    flex-basis: 100px;
    flex-shrink: 0;
}

.col4 > input, .col4 > .layui-form-select {
    width: 150px;
}
/**** 新 form 表单 ------------ 结束 *****/