/*--间距--*/

.m-xs{margin: 5px}.m-sm{margin: 10px}.m{margin: 15px}.m-md{margin: 20px}.m-lg{margin: 30px}.m-n{margin: 0!important}.m-l-none{margin-left: 0}.m-l-xs{margin-left: 5px}.m-l-sm{margin-left: 10px}.m-l{margin-left: 15px}.m-l-md{margin-left: 20px}.m-l-lg{margin-left: 30px}.m-l-xl{margin-left: 40px}.m-l-n-xxs{margin-left: -1px}.m-l-n-xs{margin-left: -5px}.m-l-n-sm{margin-left: -10px}.m-l-n{margin-left: -15px}.m-l-n-md{margin-left: -20px}.m-l-n-lg{margin-left: -30px}.m-l-n-xl{margin-left: -40px}.m-t-none{margin-top: 0}.m-t-xxs{margin-top: 1px}.m-t-xs{margin-top: 5px}.m-t-sm{margin-top: 10px}.m-t{margin-top: 15px}.m-t-md{margin-top: 20px}.m-t-lg{margin-top: 30px}.m-t-xl{margin-top: 40px}.m-t-n-xxs{margin-top: -1px}.m-t-n-xs{margin-top: -5px}.m-t-n-sm{margin-top: -10px}.m-t-n{margin-top: -15px}.m-t-n-md{margin-top: -20px}.m-t-n-lg{margin-top: -30px}.m-t-n-xl{margin-top: -40px}.m-r-none{margin-right: 0}.m-r-xs{margin-right: 5px}.m-r-sm{margin-right: 10px}.m-r{margin-right: 15px}.m-r-md{margin-right: 20px}.m-r-lg{margin-right: 30px}.m-r-xl{margin-right: 40px}.m-r-n-xxs{margin-right: -1px}.m-r-n-xs{margin-right: -5px}.m-r-n-sm{margin-right: -10px}.m-r-n{margin-right: -15px}.m-r-n-md{margin-right: -20px}.m-r-n-lg{margin-right: -30px}.m-r-n-xl{margin-right: -40px}.m-b-none{margin-bottom: 0}.m-b-xs{margin-bottom: 5px}.m-b-sm{margin-bottom: 10px}.m-b{margin-bottom: 15px}.m-b-md{margin-bottom: 20px}.m-b-lg{margin-bottom: 30px}.m-b-xl{margin-bottom: 40px}.m-b-n-xxs{margin-bottom: -1px}.m-b-n-xs{margin-bottom: -5px}.m-b-n-sm{margin-bottom: -10px}.m-b-n{margin-bottom: -15px}.m-b-n-md{margin-bottom: -20px}.m-b-n-lg{margin-bottom: -30px}.m-b-n-xl{margin-bottom: -40px}

.spacing{ margin-top:10px;}/*--模块之间统一使用上间距10px--*/

/*--文字颜色--*/
body{ color:#333;background-color:white;}
a{color:#428bca;text-decoration:none;}
a:hover,a:focus{color:#2a6496;}
.colhuang{ color:#FC3;}
.colyh{ color:#ed145b;}
.colls{ color:#71B738;}
.colqs{ color:#4cc0c1;}
.colccc{ color:#ccc;}
.colhong{color:#ea584e;}/*--洋红色弱  辅助红色--*/
.colqlan{color:#41a5e0;}/*--浅蓝色  辅助蓝色非常用色--*/
.colsky{color:#2dc3e8;}/*--天空蓝--*/
.col333{color:#333;}/*--3级黑色  正文常用色 --*/
.col555{color:#555;}/*--灰色  辅助文本用色--*/
.col888{color:#888;}/*--浅灰  描述类用色--*/

/*状态类颜色*/
.collan{color:#53a93f;}/*--蓝色  进行中#06F--*/
.col999{color:#999;}/*--浅灰  取消状态--*/
.collv{color:green;}/*--绿色  已完成状态用色--*/
.colhs{color:#FFB400;}/*--黄色  等待状态用色--*/
.colred{color:red;}/*--大红色  警告类失败等状态用色--*/

/*被选中的颜色*/
.colyellow{
    background-color:rgba(255, 216, 0, 0.20) !important;
}

h3,.h3{font-size:20px;font-weight:300;}
/*--按钮颜色定义--*/
.layui-btn+.layui-btn{ margin-left:2px;}
.layui-btn{height:35px; line-height:35px;}
.layui-btn-xs {height: 22px;line-height: 22px;padding: 0 5px;font-size: 12px;}
.layui-btn.layui-btn-small{height:30px; line-height:30px;margin-top:0px;padding:0 10px; font-size:12px;}
.layui-btn-group .layui-btn-primary{border:1px solid #C9C9C9;}
.layui-btn-group .layui-btn-primary:hover{background: #53a93f !important;border-color: #53a93f; color: white;}
.layui-btn-group .selected{background: #53a93f !important;border-color: #53a93f; color: white;}
/*--宽度重定义--*/
.width180{ width:180px;}
.width230{ width:230px;}
.TOP100{ top:100px;}
.hide {display:none;}
.funhide {display:none !important;}
.LH30{ height:30px!important; line-height:30px !important; padding:0!important;}
/*头部重写高度*/
.layui-header{height:45px;}
.layui-layout-admin .layui-logo{ line-height:40px;min-width:240px;}
.layui-layout-admin .layui-logo img{ float:left;}
.layui-layout-admin .layui-logo .softname{ float:left; font-size:20px; color:#FFF; font-weight:bold;line-height: 44px;}.layui-layout-admin .layui-logo .softname i{ font-size:12px; font-style:normal;font-weight: normal; padding-left:2px;}
.layui-layout-admin .layui-logo:after{content: ""; display:inline-block; clear:both}

.layui-nav .layui-nav-item{line-height:45px;}
.layui-nav-child{ top:45px;}
.layui-nav .layui-nav-item a:hover, .layui-nav .layui-this a{ text-decoration:none}

/*--顶部增加横导航样式2018-05-03--*/
.layui-menu{ padding:0; border-right:1px solid rgba(255, 255, 255, 0.15);}
.layui-menu li{ margin-left:-1px; border-left:1px solid rgba(255, 255, 255, 0.15);}
.layui-menu li:hover{background:rgba(255, 255, 255, 0.15)}
.layui-menu li.hover{ background:rgba(255, 255, 255, 0.15)}

.layui-nav-child{ top:45px;}
.layui-nav .layui-nav-item a:hover, .layui-nav .layui-this a{ text-decoration:none}

/*框架右侧*/
.layui-layout-admin .layui-side,.layui-layout-admin .layui-body{top:45px;}
.layui-layout-admin .layui-body{ bottom:0;right:0;left:180px; overflow:hidden;}
.layui-layout-admin .layui-body-max{ bottom:0;right:0;left:0;top:0;overflow:hidden;z-index:1002;position:absolute;}
/*框架左侧*/
.layui-layout-admin .layui-side{ width:195px;}
.layui-side .layui-side-scroll:hover{ width:195px}
.layui-side .layui-side-scroll-title{ height:40px;border-bottom:1px solid #E6E6E6;line-height:40px;font-weight:bold;}
.layui-side .layui-side-scroll-title .sel-title{ width:181px;text-align:center;font-size:15px;background:rgba(83, 169, 63, 0.8);color:white; }
.sel-title .layui-input, .layui-select{ height:41px; line-height:41px;font-size:14px;background:rgba(83, 169, 63, 0.7);border-color:rgba(83, 169, 63, 0.7);color:white;}
.sel-title .layui-form-select dl{ color:#333;top:41px; }
.layui-side .layui-nav-tree{ width:180px}
.layui-side .layui-nav-item a{height:38px; line-height:38px;padding-left: 15px;}
.layui-side .layui-nav-itemed .layui-nav-more{ top:19px;}
.layui-nav-itemed .layui-nav-child:before{content: "";display:block; position:absolute;z-index:1;left:23px;top:0; bottom:19px;border-left:1px dashed #ccc;}/*二级虚线*/
.layui-nav-tree .layui-nav-child a:before{content: "";display:inline-block;position: absolute;width:3px;height:3px;left:21px;top:17px;background-color:#FFF;border: 1px solid #ccc;z-index:2;}/*二级虚点*/
.layui-nav-tree .layui-nav-child a{ padding-left:35px;}
.layui-nav .layui-nav-more{border-top-color: rgba(197, 187, 187, 0.7);}
.layui-nav .layui-nav-mored, .layui-nav-itemed .layui-nav-more{border-color: transparent transparent #ccc1c1;}
.layui-side{}
.layui-side:before{content: "";display: table;background:#FFF; position: fixed; display: block; width:175px; bottom: 0; top: 0; left:5px;-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.2);-moz-box-shadow: 0 0 10px 0 rgba(0,0,0,.2); box-shadow: 0 0 10px 0 rgba(0,0,0,.2);}/*--一级导航背景--*/
.layui-side .layui-nav{ background:none}
.layui-side .layui-nav .layui-nav-tree .layui-nav-item a{color:#333}
.layui-side .layui-nav-tree .layui-nav-item a:hover{background-color: #f5f5f5;color: #262626; text-decoration:none}
.layui-nav-tree .layui-nav-bar{background-color:#53a93f}
.layui-side .layui-nav li{}
.layui-side .layui-nav .layui-nav-item a{ color:#333 !important;border-bottom: 1px solid #eee;text-decoration: none;}
.layui-nav-itemed>a{color:#333;background-color:#eee;}/*--二级导航选中背景--*/
.layui-layout-admin .layui-bg-blue{ background:#53a93f !important}
.layui-nav-itemed:before{display:block;content: ""; position:absolute;top:0;height:38px;width:4px; max-width:4px;overflow:hidden;background-color:#53a93f;}
/*--二级导航选中左侧竖线--*/
.layui-nav-itemed .layui-nav-child{background-color:#f9f9f9!important;}/*--二级导航伸开背景--*/
.layui-nav-tree .layui-nav-child dd.layui-this, .layui-nav-tree .layui-nav-child dd.layui-this a, .layui-nav-tree .layui-this, .layui-nav-tree .layui-this>a, 
.layui-nav-tree .layui-this>a{color:#53a93f !important;background-color:#FFF; text-decoration:none} /*--二级导航 当前选中背景--*/
.layui-nav .layui-nav-mored, .layui-nav-itemed>a .layui-nav-more{border-color:transparent transparent rgba(197, 187, 187, 0.7);}
/*--翻页重写样式--*/
.layui-layout-admin .layui-footer{z-index:9;left:180px;}
/*.layui-badge{ background-color:#53a93f!important; }*/
/*--tab标签重写--*/
.layui-tab-content{ padding:0;}
.layui-tab-title{height:35px;}
.layui-tab-title li{line-height:36px;}
.layui-tab-title .layui-this:after{border-top:2px solid #53a93f; height:36px;}
.layui-tab-title .layui-this{color: #53a93f;}

/*--table重写--*/
.layui-table-cell .layui-form-checkbox{ top:0px;}
.layui-table[lay-size=md] td,.layui-table[lay-size=md] th{font-size:14px;padding:5px 10px}.layui-table-view .layui-table[lay-size=md] .layui-table-cell{height:25px;line-height:25px;padding:0 5px;}
.layui-table-fixed-r .layui-table-cell, .layui-table-cell.laytable-cell-1-Caozuo, .layui-table-cell.laytable-cell-1-Tools, .layui-table-cell.laytable-cell-2-Tools, .layui-table-cell.laytable-cell-3-Tools, .layui-table-cell.laytable-cell-4-Tools, .layui-table-cell.laytable-cell-5-Tools, .layui-table-cell.laytable-cell-6-Tools, .layui-table-cell.laytable-cell-7-Tools, .layui-table-cell.laytable-cell-8-Tools, .layui-table-cell.laytable-cell-9-Tools {
    overflow: inherit
}
/*.layui-table, .layui-table-view{margin:0;}*/
/*--table 列表更多按钮--*/
.btn-more{display:inline-block; position:relative; padding:0 10px;border:1px solid #eee;background:#FFF; line-height:23px; font-size:12px;z-index:1;}
.btn-more:hover{background:#FFF;border:1px solid #ddd; border-bottom:0;z-index:9999; position:fixed; }
.btn-more-box{ display:none; position:absolute; right:0; top:20px; z-index:99999; min-width:50px; padding:5px 10px; border:1px solid #ddd; background:#FFF;}
.btn-more-box ul li{ display:block; width:100%;line-height:24px; font-size:12px; color:#333;  text-align:left}
.btn-more-box ul li a:hover{ text-decoration:underline}
.layui-table .btn-more:hover .btn-more-box{ display:block}
.includeExport .btn-more:hover .btn-more-box{ display:block}
.layui-btn-normal{background-color:#53a93f!important;}
.layui-table .layui-btn-small{ margin-top:-2px; height:26px; line-height:26px;}

/*--日期选择Begin--*/
.lay-data-sel {position: relative;height: 26px;line-height: 26px;margin: 0 0 0 -1px !important; padding: 0 10px !important;border: 1px solid #C9C9C9;background-color: #fff;white-space: nowrap; vertical-align: top;border-radius: 2px;display: inline-block;cursor: pointer;font-size: 12px;}
.lay-data-sel:hover .lay-data-sel-val {display: block;}
.lay-data-sel-val { display:none;position: absolute;right: -1px;bottom: 24px;z-index: 99999;background: #FFF;}
.lay-data-sel-val ul li { border: 1px solid #C9C9C9;padding: 0 10px !important;margin: 0 0 -1px 0 !important;}
.lay-data-sel-val ul li:hover {color: #009688 !important;}
/*--日期选择End--*/

.layui-form-checked[lay-skin=primary] i{border-color:#53a93f;background-color:#53a93f!important;color:#fff;}/*--表格前选择框--*/
.layui-form-checked[lay-skin=primary]:hover i{border-color:#53a93f;}/*--表格前选择框--*/
.layui-form-checkbox[lay-skin=primary]:hover i{border-color:#53a93f;}/*--表格前选择框--*/
.layui-laypage .layui-laypage-curr .layui-laypage-em{background-color:#53a93f;}/*--翻页色块--*/
.layui-fanye .hide{ display:none}

/*--标题索引--*/
.layui-elem-quote{ padding:5px 10px}
blockquote.layui-elem-quote{ padding:10px 10px;border-color:#53a93f}
/*--layer select样式重写--*/
.layui-input, .layui-select{height:35px; line-height:35px;}

.layui-table .layui-input, .layui-table .layui-form-select {height: 28px; line-height: 28px;}

.layui-input.layui-input-small{height:30px; line-height:30px;}
.sx .layui-input, .sx .layui-select, .sx .layui-textarea{ height:30px; line-height:30px; color:#333; border:1px solid #ccc}
.layui-form-select{ width:100%;}
.layui-form-select dl{ top:34px;}
.layui-form-selectup dl{top: auto;bottom: 34px;}
.layui-form-checkbox span{ padding:0 5px;}

/*--表格单元格--*/
.layui-table-cell {height: 28px;line-height: 28px;padding: 0 10px;position: relative;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;box-sizing: border-box;}

/*--新增-筛选样式--*/
.table-toolbar{ margin-top:5px; padding:1px 5px; border:1px solid #eee; border-left:5px solid #53a93f; background:#f9f9f9; border-radius:2px;}
.table-toolbar:after{ clear:both;display:table;content:" ";}
.sx{float:left; width:100%; display:block; margin:0;margin-top:5px;}
.sxs li{display:none;}
.table-toolbar .black{ display:none; clear:both;float:left;width:100%;}
.Hight{height:85px; overflow:;}
.sx .layui-form-select{ width:100% }
.sx .layui-input-inline{ width:70%}
.sx .layui-input-fl{ float:left; width:47.5%}
.sx .layui-form-mid{ width:5%; margin:0;padding:5px 0!important; text-align:center}
.sx .layui-form-label{ width:25%;padding:5px 5px 5px 0;}
.sx .form-control{ padding:0 10px}
.sx li{float:left; width:25%; margin:0 0 5px 0; list-style:none; }
.sx-pop li{float:left; width:33%; margin:0 0 5px 0; list-style:none; }
.sx .labeltit{ float:left;}
.sx .inputbox{ float:right;}
.sx .width100{ width:100px}
.sx .cl{ clear:both}
.sx  a.gjseach{ padding-top:10px; margin-left:10px;}
.sx>*{font-size:13px!important;}
.sx:after{content: ""; clear:both}
.sousuo{ float:left; margin-top:5px;}
.textbox{ height:28px !important;}
.table-toolbar-btn {float:right;margin-right:20px;margin-bottom:5px;}
.table-toolbar-btn-left {float:left;margin-left:20px;margin-bottom:5px;}
.table-toolbar-li-btn {float:right;margin-right:20px;}

/*--新增-操作按钮工具--*/
.operation-tool {margin-top: 10px;}
.operation-tool .layui-btn-small i{ font-size:14px!important;}
/*--新增底部固定通行操作区--*/
.footbox{position:fixed;left:0px;right:0px;bottom:0;height:44px;line-height:44px;padding:0 15px;background-color:#FFF; border-top:1px solid #ddd;}
.footbox .layui-form-item{ text-align:center}
.footbox-r{position:sticky;left:0px;right:0px;bottom:0;height:44px;line-height:44px;padding:0 15px;background-color:#FFF; border-top:1px solid #ddd;z-index:898;}
.footbox-r .layui-form-item{ text-align:center}
.footbox-r-fixed{position:fixed;right:17px;bottom:0px;height:44px;width:1053px;line-height:44px;padding:0 15px;background-color:#FFF; border-top:1px solid #ddd;z-index:898;}
.footbox-r-fixed .layui-form-item{ text-align:center}

/* 适配多设备 */
@media screen and (max-width: 750px) {
  .breadcrumb{ left:0}
  .layui-main{width: auto; margin: 0 10px;}
  .logo,.header-demo .logo{left: 10px;/*margin: 30% auto 30px auto;*/}
  .component{display: none}
  .site-demo-overflow{overflow: auto;}
  .site-nav-layim{display: none !important;}
  .header .layui-nav .layui-nav-item{margin: 0;}
  .header .layui-nav .layui-nav-item a{padding: 0 20px;}
  .header .layui-nav .layui-nav-item[pc]{display: none;}
  .header .layui-nav .layui-nav-item[mobile]{display: inline-block;}
  .site-banner{height: 300px;}
  .site-banner-bg{background-size: cover;}
  .site-zfj{height: 100px; padding-top: 5px;}
  .site-zfj i{top: 10px; width: 100px; height: 100px; margin-left: -50px; font-size: 100px;}
  .site-desc{background-size: 70%; margin: 0;}
  .site-desc cite{display: none;}
  .site-download{margin-top: 0; }
  .site-download a{height: 40px; line-height: 40px; padding: 0 25px 0 60px; border-radius: 30px; color: #fff; font-size: 16px;}
  .site-download a cite{left: 20px;}
  .site-banner-other{bottom: 10px;}
  .site-idea{margin: 20px 0;}
  .site-idea li{margin: 0 0 20px 0; width: 100%; height: auto; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important;}
  .site-hengfu img{max-width: 100%}
  .site-block .layui-form{margin-right: 0;}
  .layui-layer-dir{display: none;}
  .site-tree{position: fixed; top: 0; bottom: 0; min-height: 0; overflow: auto; z-index: 1000; left: -260px; background-color: #fff;  transition: all .3s; -webkit-transition: all .3s;}
  .site-content{width: 100%; padding: 0; overflow: auto;}
  .site-content img{max-width: 100%;}
  .site-tree-mobile{display: block!important; position: fixed; z-index: 100000; bottom: 15px; left: 15px; width: 50px; height: 50px; line-height: 50px; border-radius: 2px; text-align: center; background-color: rgba(0,0,0,.7); color: #fff;}
  .site-home .site-tree-mobile{display: none!important;}
  .site-mobile .site-tree-mobile{display: none !important;}
  .site-mobile .site-tree{left: 0;}
  .site-mobile .site-mobile-shade{content: ''; position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0,.8); z-index: 999;}
  .site-tree-mobile i{font-size: 20px;}
  .layui-code-view{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
  .layui-layout-admin .layui-side{position: fixed; top: 0; transition: all .3s; -webkit-transition: all .3s; z-index: 10000;}
  .layui-body{position: static; bottom: 0; left: 0;}
  .site-mobile .layui-side{left: 0;}
  body .layui-layout-admin .footer-demo{position: static; height: auto; line-height: 30px;}
  .footer-demo p{height: auto;}
  .site-demo-area,
  .site-demo-editor,
  .site-demo-result,
  .site-demo-editor textarea,
  .site-demo-result iframe{position: static; width: 100%;}
  .site-demo-editor textarea{height: 350px;}
  .site-demo-zanzhu{display: none;}
  .site-demo-btn{bottom: auto; top: 370px;}
  .site-demo-result iframe{height: 500px;}
  .site-demo-laytpl textarea, .site-demo-laytpl div span{margin: 0;}
  .site-demo-tplres .site-demo-tplh2, .site-demo-tplres .site-demo-tplview{width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
  .site-demo-title{position: static; left: 0;}
  body .layui-layout-admin .site-demo{}
  .site-demo-code{position: static; height: 350px;}
}

/*--多设备尺寸兼容处理--*/
@media (max-width:1280px) {
    .sx li{width:33%;}
}
@media (max-width:1024px) {
    .sx li{width:33%;}
}
@media (max-width:1024px) {
    .sx li{width:33%;}
}
@media (max-width:750px) {
    .sx li{width:50%;}
}

/*查询的radio 框重写样式*/
.div_Radio{
    border:1px solid #ddd;
    background-color:#fff;
}

.div_Radio>.layui-form-radio {
    margin: 0;
    margin-left:10px;
    padding-right: 0px;
}

.div_Radio>.layui-form-radio i {
    margin-right: 4px;
    font-size: 20px;
}
/*--select选中样式--*/
.layui-form-select dl dd.layui-this {background:rgba(83, 169, 63, 0.8);color:#fff;}
.layui-bg-blue .layui-nav-child dd.layui-this {background:rgba(83, 169, 63, 0.8);}
.layui-bg-blue-status{ background-color:#53a93f!important; }
/*条码搜索*/
.seach_xianghao{margin: 20px 0 10px 0;padding: 15px 0;background: #eee;border: 1px dashed #53a93f;}
.seach_xianghao label.tit{line-height:62px;font-size:30px;color:#53a93f;}
.seach_xianghao input.saomiao{border: 1px solid #53a93f;line-height: 60px;width: 500px;padding: 0 10px; font-size:30px;vertical-align:top;}
.seach_xianghao input.sosuo{border: 0;background: #53a93f;color: #FFF;line-height: 62px;padding: 0 10px; font-size:30px; }
.seach_xianghao .caozuoBtn {height: 60px;vertical-align: top;margin-top: 1px;font-size: 20px;}
.seach_xianghao .divradio{width:120px;display:inline-block;}
/*详情页*/
.ccitu-textbox{border:1px solid #eee; padding:15px 0; text-align:center; margin-right:-1px; }
/*方框样式*/
.pane_ul {border: 2px solid #ddd;margin: 15px 0;margin-left: 3%;}
.pane_ul:hover {border-color: #ff6a00;}
.pane_ul li {width: 100%;height: 25px;padding: 3px 10px;}
.pane_ul .liTitle .liTitleA {float: right; margin-right: 30px !important;}
.pane_ul .span_font{font-size: 16px;font-weight: 600;}
.pane_ul .font_blod {font-weight: 600;padding: 7.5px 0; }
.ccitu-textbox{border:1px solid #eee; padding:15px 0; text-align:center; margin-right:-1px; }

/*--2018 06-27 19:00 新增三级页面样式 添加 编辑 详情 展示统一样式--*/

.ccitu-admin .layui-field-box{padding:10px 10px; border:1px solid rgba(83, 169, 63, 0.3);margin-bottom: 10px;}
.ccitu-admin .layui-field-box:after{content: "";display:block; clear:both; }
.ccitu-admin .title_box{ background:rgba(83, 169, 63, 0.3); color:#333; border:0; display: table; width:100%; margin-top:10px;}
.ccitu-admin .title_box h2{ display:table-cell; line-height:35px; font-size:16px; position:relative;padding:0 0 0 20px;}
.ccitu-admin .title_box h2 .h2i{ left:7px;}
.ccitu-admin .title_box .content .layui-form-radio{ margin-top:0;}
.ccitu-admin .title_box .zhuangtai{display:table-cell;line-height:35px; font-size:16px; text-align:left}
.ccitu-admin .title_box .zhuangtai span{ font-weight:bold;}
.ccitu-admin .title_box .editbtn{display:table-cell; text-align: right; padding-right:20px;}
.ccitu-admin .title_box .editbtn a{ margin-top:-2px; height:26px; line-height:26px;}
.ccitu-admin .biaoge{ max-width:950px;background-color:#eee;}
.ccitu-admin .biaoge .layui-form-mid{ padding:7.5px 0!important;}
.ccitu-admin .biaoge .layui-form-switch{ margin-top:6px!important;}
.ccitu-admin .disabled  input{border-width:1px; line-height:30px; height:30px; margin:2px 0.5%; width:99%; }
.ccitu-admin .disabled  .layui-form-select{border-width:1px; line-height:30px; height:30px; margin:2px 0.5%; width:99%; }

.ccitu-admin .freshen {position: absolute;right: 0px;min-width: 40px;text-align: center;} 
.ccitu-admin .freshen i{ margin:7px 0}

.ccitu-admin .must::before{content: "*";position: absolute; right: 2px; top: 10px;  color: #f30; font-size: 12px;}
.ccitu-admin .disabled .layui-form-select .layui-input { margin: 0; width: 100%;}
.ccitu-admin .disabled .layui-input { margin: 2px; width: 100%;}

/*--托盘样式--*/
.kb-item { cursor:pointer; background-color:#FFF; color:black;}
.kb-item:hover{ background-color:#53a93f; color:#FFF;cursor:pointer;  }
.kb-item-show{ background-color:#53a93f; color:#FFF;  }
.kb-item-show:hover{ background-color:#53a93f; color:#FFF;  }

.specialTable { table-layout:fixed; }
.specialTable td { word-break: keep-all; white-space: nowrap; overflow: hidden;text-overflow: ellipsis; }
.kb-item-show:hover{ background-color:#53a93f; color:#FFF;  }

.noneSpance blockquote {border-color: #e6e6e6 !important;}
.selectWhere blockquote {border-color:#ff8f32!important;}

/*--table内表单元素--*/
.layui-table-view .layui-form-checkbox, .layui-table-view .layui-form-radio, .layui-table-view .layui-form-switch {top:0;margin:0;box-sizing:content-box;}

/*--formSelects--*/
.xm-select-parent {width:99%; margin:1px 0.5%;}
.sx .xm-select-parent {width:100%;margin:initial;}
.xm-select-parent .xm-select{padding:0 10px 1px 10px;min-height:30px;}
.xm-select-parent .xm-select-title{min-height:30px;}
.xm-select-parent .xm-select-title div.xm-select-label>span{background-color:#53a93f;}
div[xm-select-skin] .xm-select-title div.xm-select-label > span {border: 1px solid #ccc;}
.xm-select-parent dl dd.xm-select-this div i{color:#53a93f;}
.xm-form-selected .xm-select, .xm-form-selected .xm-select:hover{border-color:#ccc!important}
.xm-select-parent .xm-input{ height:30px; border-color:#ccc!important }
.layui-form-pane .xm-select-parent .xm-input{height:initial;line-height:2.3;}
.layui-form-pane .xm-select-parent .xm-select-title{ margin-left:-2px;min-height:33px;}
.layui-form-pane .xm-select-parent .xm-select{min-height:33px;}
.layui-form-pane .xm-select-parent .xm-select-title div.xm-select-label>span{margin:4px 5px 2px 0}
.xm-select-linkage li {padding: 6px 0;line-height: initial; float:inherit; margin:inherit; width:initial; }
.xm-select-linkage li.xm-select-this { border-left: 5px solid #53a93f;}
.xm-select-linkage li.xm-select-this span {border-left:0;color:#53a93f;}

/*--可选择方框样式--*/
.div-domain {height: 100px;border: 1px solid #ccc;overflow: hidden;cursor: pointer;border-radius: 3px;}
.div-domain-title { font-size:16px; font-weight:bold;width:100%;text-align:center;line-height:30px; }
.div-domain-title-left { font-size:14px; font-weight:bold;width:95%;text-align:left;line-height:20px;height:40px; margin-left:5px; }
.div-domain-info { width:100%; margin-left:10px; margin-top:5px;  }
.div-domain:hover{ background-color:#53a93f;color:white;border-color:#53a93f; }
/*.div-domain:hover:before {content: '\f00c';font-family: FontAwesome;position:absolute;top:5px; right:5px;}*/
.div-domain.selected{ background-color:#53a93f;color:white;border-color:#53a93f; }
.div-domain.selected:before {content: '\f00c';font-family: FontAwesome;position:absolute;top:5px; right:5px;}

/*--多功能页面页签--*/
.layui-tab-page {margin:0;}
.layui-tab-page .tab-page-control { height: 40px;line-height: 40px;position: absolute;top: 0;width: 40px; text-align: center; cursor: pointer;transition: all .3s;-webkit-transition: all .3s;border-left: 1px solid #E6E6E6;border-bottom: 1px solid #E6E6E6;background: #FFF; z-index: 10;}
.layui-tab-page .tab-page-control:hover {background: #F2F2F2;}
.layui-tab-page .layui-icon-prev {left: 0;border-left: none;border-right: 1px solid #E6E6E6;}
.layui-tab-page .layui-icon-next {right: 80px;}
.layui-tab-page .layui-icon-refresh {right: 40px;}
.layui-tab-page .tab-page-nav .tab-page-nav-item .tab-page-nav-item-link {display: block;width: 100%;height: 100%; }
.layui-tab-page .tab-page-nav .tab-page-nav-item .tab-page-nav-item-child {position: absolute;top: 40px;right: 0;display: none;white-space: nowrap;line-height: 36px;padding: 5px 0;box-shadow: 0 2px 4px rgba(0, 0, 0, .12); border: 1px solid #d2d2d2;background-color: #fff;z-index: 100;border-radius: 2px;}
.layui-tab-page .tab-page-nav .tab-page-nav-item .tab-page-nav-item-child:visited {display: none !important; }
.layui-tab-page .tab-page-nav .tab-page-nav-item a {display: block;padding: 0 20px;color: #000;transition: all .3s;-webkit-transition: all .3s;font-size: 14px; }
.layui-tab-page .tab-page-nav .tab-page-nav-item a:hover {background: #F2F2F2;}
.layui-tab-page .tab-page-nav .tab-page-nav-item:hover .tab-page-nav-item-child {display: block !important;}
.layui-tab-page .layui-tab-title {margin: 0 80px 0 40px;overflow-x: hidden !important;overflow-y: hidden !important;width: max-content !important;z-index: 9;position: relative; left: 0;  }
.layui-tab-page:after {content: "";max-height: 1px;min-height: 1px;height: 1px;background: #e6e6e6;z-index: 999;width: 100%;display: block;position: absolute; top: 40px;}
.layui-tab-page .layui-tab-title {height:40px;}
.layui-tab-page .layui-tab-page-title li {height: 40px !important; border-right:1px solid #e6e6e6; }
.layui-tab-page .layui-tab-title .layui-this:after {height: 40px; }
.layui-tab-page .layui-tab-title li{line-height:40px;}
/*.layui-tab-brief > .layui-tab-title .layui-this {color:#53a93f!important;}*/
.layui-tab-brief > .layui-tab-title .layui-this {background-color:rgba(83, 169, 63, 0.8)!important; color:white;}
.layui-tab-brief > .layui-tab-more li.layui-this:after, .layui-tab-brief > .layui-tab-title .layui-this:after {border-bottom:0;}

/*--滑块样式--*/
.layui-slider{height:20px;}
.layui-slider-wrap{top:-11px;}
.layui-slider-wrap-btn{width:20px;height:20px;border-color:#53a93f!important; }
.layui-slider-bar{ background:#53a93f!important; }

/*--操作页样式--*/
.op-row { height:100px;border:1px solid #eee; }
.op-row .op-row-title{width:100px;height:100%;float:left;border-right:1px solid #eee; background-color:#f7f2f2;}
.op-row .op-row-title .op-row-title-node{ font-weight:bold;font-size:15px;text-align:center;margin-top:10px;}
.op-row .op-row-title .op-row-title-note{ text-align:center;margin-top:10px;}
.op-row .op-row-input{ float:left;width:calc(100% - 150px)!important; padding:10px 10px;position:relative; }
.op-row .op-row-input input{ float:left; width:100%;height:80px; font-size:40px;pointer-events: none; }
.op-row .op-row-text{ float:right;width:400px; }
.op-row .op-row-text .op-row-text-item{ line-height:40px;}
.op-row .op-row-button{float:left; padding:10px 10px;}
.op-row.selected {border:1px solid #53a93f; }
.op-row.selected  .op-row-title{background-color:#53a93f;color:white;}
.op-row.selected .op-row-input input{pointer-events:initial; }

/*--拣货页样式--*/
 .div-order-cell {height: 50px;border: 1px solid #ccc;overflow: hidden;cursor: pointer;border-radius: 3px;}
 .div-order-cell-left {float:left;height:100%; width:30px; line-height:50px;font-size: 16px;text-align:center;font-weight:bold; border-right:1px solid #eee;}
 .div-order-cell-middle {float:left;text-align:center;width: calc(100% - 60px);line-height: 25px;font-size:15px;}
 .div-order-cell-right {float:right;width:28px;line-height:16px;text-align:center;font-size:16px;padding-top:9px; border-left:1px solid #eee;}
.div-order-cell.selected .div-order-cell-left{ background-color:rgba(83, 169, 63, 0.8); color:white; }
.div-order-cell.finished .div-order-cell-left{ background-color:#53a93f; color:white; }

/*--layui-card扩展--*/
.layui-card-header-btn {position: absolute;right: 15px;}
.layui-card-header-btn .layui-btn:hover {background: #53a93f !important;border-color: #53a93f;color: white; }
.layui-card-header-btn .selected {background: #53a93f !important;border-color: #53a93f; color: white; }

/*--dropdown--*/

.caret {display: inline-block;width: 0;height: 0;margin-left: 2px;vertical-align: middle;border-top: 4px dashed;border-top: 4px solid\9;border-right: 4px solid transparent;border-left: 4px solid transparent}
.dropdown, .dropup {position: relative;}
.dropdown-inline {display: inline-block;position: relative;}
.dropdown-toggle:focus {outline: 0}
.dropdown-menu {position: absolute;top: 100%;left: 0;z-index: 1000;display: none;float: left;min-width: 160px;padding: 5px 0;margin: 2px 0 0;font-size: 14px;text-align: left;list-style: none;background-color: #fff;-webkit-background-clip: padding-box;background-clip: padding-box;border: 1px solid #ccc;border: 1px solid rgba(0,0,0,.15);border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);box-shadow: 0 6px 12px rgba(0,0,0,.175)}
.dropdown-menu.pull-right {right: 0;left: auto}
.dropdown-menu .divider {height: 1px;margin: 9px 0;overflow: hidden;background-color: #e5e5e5}
.dropdown-menu > li > a {display: block;padding: 3px 20px;clear: both;font-weight: 400;line-height: 1.42857143;color: #333;white-space: nowrap}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {color: white;text-decoration: none;background-color: #53a93f}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {color: white;text-decoration: none;background-color: #53a93f;outline: 0}
.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover {color: #777}
.dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover {text-decoration: none;cursor: not-allowed;background-color: transparent;background-image: none;filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)}
.open > .dropdown-menu {display: block}
.dropdown .dropdown-menu .caret {border: 4px solid transparent;border-left-color: #000;float: right;margin-top: 6px;}
.dropdown-menu {min-width: 60px;}
.dropdown-menu > li.open > a {background-color: #53a93f;color: white;text-decoration: none;}
.dropdown-menu .dropdown-menu {left: 100%;margin: 0;right: auto;top: -1px;}
.dropdown-menu-right .dropdown-menu,.navbar-right .dropdown-menu .dropdown-menu,.pull-right .dropdown-menu .dropdown-menu {left: auto;right: 100%;}
.dropdown-menu.animated {-webkit-animation-duration: 0.3s;animation-duration: 0.3s;}
.dropdown-menu.animated:before {content: " ";display: block;height: 100%;left: 0;position: absolute;top: 0;width: 100%;z-index: 99;}
.dropdownhover-top {margin-bottom: 2px;margin-top: 0;}
.navbar-fixed-bottom .dropdown-menu .dropdown-menu,.dropdownhover-top .dropdown-menu {bottom: -1px;top: auto;}
.navbar-nav > li > .dropdown-menu {margin-bottom: 0;}
.dropdownhover-bottom {-webkit-transform-origin: 50% 0;transform-origin: 50% 0;}
.dropdownhover-left {-webkit-transform-origin: 100% 50%;transform-origin: 100% 50%;}
.dropdownhover-right {-webkit-transform-origin: 0 50%;transform-origin: 0 50%;}
.dropdownhover-top { -webkit-transform-origin: 50% 100%;transform-origin: 50% 100%;}

.hide {display:none;}
.ccitu-admin .title_box_hidden + .layui-field-box {display: none;}
.ccitu-admin .box_show:before {content: "";position: absolute;font-size: 14px;top: 0;left: 7px;font-family: layui-icon !important;font-style: normal; -webkit-font-smoothing: antialiased;}
.ccitu-admin .box_hidden:before {content: "";position: absolute;font-size: 14px; top: 0;left: 7px;font-family: layui-icon !important;font-style: normal;-webkit-font-smoothing: antialiased;}

/*--autoRowHeightTable--*/
.layui-table-auto .layui-table-cell {height: auto;min-height: 28px;padding: 0 10px; line-height:23px; }
.layui-table-auto th>.layui-table-cell {height: 28px;padding: 0 10px; line-height:28px; }
.layui-table-auto .layui-table-body td {vertical-align: top;}
.layui-table-auto .em_title {font-style: normal;font-weight: 600;}
/*.layui-table-auto .layui-table-header table th {border-right: none;}*/
/*.layui-table-auto .layui-table-body table td {border-right: none;font-size: 12px;}*/
.layui-table-auto .layui-table-body table td {font-size: 12px;}
.layui-table-auto .layui-table-header table th:last-child {border-right: 1px solid #ddd;}
.layui-table-auto .layui-table-body table td:last-child {border-right: 1px solid #ddd;}
/*--leftTab--*/
.layui-tab-left > .layui-tab-title {height: initial;float: left;top: auto; margin-bottom: 0;border-left-width: 1px;border-right-width: 1px; border-top-width: 0; border-bottom-width: 0; border-style: solid; }
.layui-tab-left > .layui-tab-title > li { float: none;display: block; width: 50px;min-width: inherit; padding: inherit;line-height:50px;padding:15px 0;}
.layui-tab-left > .layui-tab-title > li > div {writing-mode: vertical-lr;}
.layui-tab-left > .layui-tab-title .layui-this:after { border-top: initial;border-left: 2px solid #53a93f; height: 100%;width: 51px;border-right-color: rgb(255, 255, 255);border-bottom: 1px solid #e6e6e6;border-top: 1px solid #e6e6e6;border-radius: 2px 2px 0px 0px;}
.layui-tab-left > .layui-tab-content {overflow:auto;padding-left:5px;}
.layui-tab-left .layui-badge-dot { left:0; top:5px; }