/*
长沙微构网络科技有限公司
*/

/*基础配色重置*/
.layui-table-tool .layui-btn,
.table-header .layui-btn,
.layui-table-body .layui-btn,
.layui-form-item .layui-btn[type='submit'],
.layui-form-select dl dd.layui-this,
.layui-layer-msg .layui-btn,
.layui-main-btn {background:  #00aae7;}
.layui-laydate .layui-this{background:  #00aae7 !important;}
.layui-btn-danger { background-color: #fc8399 !important; }
.layui-btn-warm { background-color: #FFB800 !important; }
.layui-table-body .layui-btn-copy { background: #eee; color: #666; border: 1px #ddd solid;   }
.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:hover{ background:  #00aae7;}
.lay-ext-mulitsel .layui-input.multiple a{ background: #00aae7 !important;}
.layui-laypage .layui-laypage-curr .layui-laypage-em{background:  #00aae7;}
.layui-nav-tree .layui-nav-bar{background:  #00aae7;}
.layui-form-onswitch { border-color: #00aae7; background-color: #00aae7; }
.layui-form-checked[lay-skin=primary] i { border-color: #00aae7!important; background-color: #00aae7; color: #fff; }

.layui-table-body .layui-btn-primary,
.layui-layer-msg .layui-btn-primary{ background: none;}
.layui-btn-primary:hover,
.layui-layer-msg .layui-btn-primary:hover{ border-color: #00aae7; }
.layui-form-radio:hover *,
.layui-form-radioed,
.layui-form-radioed>i { color: #00aae7; }

.code-0{color: red;}
.code-1{color: green;}

/*表格内容*/
.layui-layer-content{ line-height: 1.7; font-size:14px;}
.layui-layer-content p{ margin: 10px 0;}
.layui-layer-content img{ max-width: 80%;}

.layui-table-cell{display: table-caption; padding: 0 8px;}

.layui-layout-admin .layui-side { top: 72px; width: 220px; overflow-x: hidden; }
.layui-side-scroll { width: 240px; }
.layui-nav-tree{ width: 220px;}
.layui-nav .layui-nav-child  a { padding-left: 40px; }
.layui-nav .layui-nav-child .layui-nav-child a { padding-left: 55px; }
.layui-nav .layui-nav-child .layui-nav-child .layui-nav-child a { padding-left: 70px; }
.layui-nav .layui-nav-itemed > .layui-nav-child{ background: rgba(0,0,0,0.2) !important;}
.layui-nav .layui-nav-child .layui-nav-itemed .layui-nav-child{ background: none !important;}

.main-content{box-shadow: 0 1px 2px 0 rgb(0 0 0 / 5%); background: #fff;padding: 15px;}
.table-title{border-bottom: 1px solid #f6f6f6; color: #333; font-size: 15px; padding-bottom: 15px; margin-bottom: 15px; line-height: 1;}
.layui-table, .layui-table-view{ margin: 0; }

.form-box{padding: 20px 20px 0 0;}
.page-table{ padding: 0 0 20px 20px;}
.form-box .layui-btn{ position: relative; }
.form-box .layui-btn input{position: absolute; opacity: 0; cursor: pointer; width: 100%; left: 0; height: 100%; z-index: 1;}
.form-box textarea{ resize: none;}
.layui-form .edui-editor,
.layui-form .edui-default .edui-editor-iframeholder{ width: 100% !important;}
.layui-form .edui-default .edui-editor{ z-index: 888 !important;}
.layui-form-item  .layui-input-inline-300{ width: 300px;}
.layui-form-item-bottom{ margin-bottom: 0;}
.layui-form-mid-small{ padding-top: 0 !important;}


.table-header{ display: flex; justify-content: space-between;}
.table-header-left{ display: flex;}
.table-header-title{ display: flex; height: 38px; align-items: center; padding-left: 10px; font-size: 15px; color: #666;}
.table-search-box{ display: flex; justify-content: flex-end;}
.table-search-box .layui-input,
.table-search-box select{width: 140px; height: 38px; box-sizing: border-box; margin-left: 10px; font-size: 13px;}
.table-search-box .layui-btn{ margin-left: 10px;}
.table-header .search-btn{border: 1px #e6e6e6 solid; background: #f7f7f7; border-radius: 2px;  }
.table-header .search-btn:hover{ border-color:#aaa;}
.layui-table-tool-self{top:8px;}

.table-state{ display: flex; align-items: center; justify-content: center;}
.table-state i{width: 4px; height: 4px; margin-right: 3px; border-radius: 50%;}
.table-state1{ color: #00c250;}
.table-state1 i{ background:#00c250;}
.table-state2{ color: #fc8399;}
.table-state2 i{ background: #fc8399}
.table-state3{ color: #FFB800;}
.table-state3 i{ background: #FFB800}

/*多图展示*/
.images-box{ display: flex;flex-flow: wrap;}
.images-box .item{ width: 100px; margin-right: 10px; margin-bottom: 10px; position: relative;}
.images-box .item img{ width: 100%; height: 100px; display: block;}
.images-box .item input{ text-align: center; padding: 0 10px;}
.images-box .item .del{ position: absolute; right: 0; top: 0; background: red; color: #fff; font-size: 12px; padding: 2px 5px; cursor: pointer;}

/*问题标签*/
.tags-box .tags{ margin-bottom:5px;}
.tags-box .tags span{float: left; margin-right: 20px;line-height: 30px; height:30px; padding:0 15px;font-size: 13px; color: #555; border:1px #ddd solid; border-radius:15px; cursor: pointer;}
.tags-box .checkbox-box span{ float: left; margin-right: 20px;line-height: 32px;font-size: 13px; color: #888; padding-left: 20px; background: url(images/gou.png) no-repeat left center; cursor: pointer;}
.tags-box .checkbox-box .on{color:#00aae7; background-image: url(images/gou-on.png) ;}

/*资源标签*/
.key-values span{ float: left;  display: block; height: 32px; line-height: 32px;  padding: 0 10px; border: 1px #ddd solid; margin: 0 10px 10px 0; cursor: pointer; color: #555;}
.key-values .on{border-color: #00aae7;background: #00aae7;  color: #fff;}


/*多图上传*/
.upload-images-btn{ width: 100px; height: 30px; line-height: 30px;  border: 1px #ddd solid; background: #f2f2f2; text-align: center; cursor: pointer; color: #000;}
.upload-images-box p{ margin-left: 10px; font-size: 13px; line-height: 30px; color: #999;}
.upload-images .item{ float: left; width: 100px;  margin: 10px 10px 0 0;cursor: pointer; position: relative;}
.upload-images .item img{ display: block; width: 100%; height: 100px;}
.upload-images .item .del{ position: absolute; right: 0; top: 0; background: red; color: #fff;padding: 1px 5px; font-size: 12px;}
.upload-images .item input{ margin-top: 3px;    padding: 3px 10%;  width: 80%;  text-align: center;}

.autocomplete-suggestions{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #ddd; background: #fff; cursor: default; overflow: auto;}
.autocomplete-suggestion{ padding:5px 3px ; cursor: pointer; transition: 0.3s;}
.autocomplete-suggestion strong{ font-weight: bold; color: red;}
.autocomplete-suggestion:hover{ background: #eee;}



/*上传进度*/
.upload-progress-box{ margin: auto; padding: 20px; }
.upload-progress-box .info{line-height: 30px; display: flex; justify-content: space-between; color: #747474; font-size: 12px;}
.upload-progress-box i{padding: 0 5px; font-style: italic;}
.upload-progress-box .tips{ position: absolute; bottom: 0; left: 0; width: 100%; line-height: 1.5; font-size: 14px; color: #999; border-top: 1px #eaeaea solid; height: 50px; align-items: center; display: flex; justify-content: center; }
.upload-progress-box .layui-progress-bar{ background:#00aae7;}

/*文件列表*/
.file-box li{padding: 5px 0; line-height: 1.5; list-style: decimal; list-style-position: inside;word-break:break-all;}
.file-box li .del{ font-size: 13px; color: red; padding-left: 5px;}

/*弹出窗按钮重置*/
.layui-layer-iframe .layui-layer-btn,
.layui-layer-page .layui-layer-btn{background: #f5f5f5; display: flex; justify-content: center;border-top: 1px solid #eaeaea; padding:15px !important;}
.layui-layer-iframe .layui-layer-title{background: #f5f5f5; border-bottom: 1px solid #eaeaea;}
.layui-layer-iframe .layui-layer-btn a,
.layui-layer-page .layui-layer-btn a{ margin: 0 8px; height: 36px; line-height: 36px; font-size: 14px; padding: 0 30px;}
.layui-layer-btn .layui-layer-btn0{border-color: #00aae7; background-color: #00aae7;}