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

:-moz-placeholder { color: #aaa; }
::-moz-placeholder { color: #aaa; opacity: 1; }
:-ms-input-placeholder { color: #aaa; }
::-webkit-input-placeholder { color: #aaa; }

/*基础配色重置*/
.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-main-btn{background:  #3d6ff0;}
.layui-btn-danger { background-color: #f55b5b !important; }
.layui-btn-warm { background-color: #FFB800 !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:hover{ background:  #3d6ff0;}
.lay-ext-mulitsel .layui-input.multiple a{ background: #3d6ff0 !important;}
.layui-laypage .layui-laypage-curr .layui-laypage-em{background:  #3d6ff0;}
.layui-nav-tree .layui-nav-bar{background:  #3d6ff0;}
.layui-form-onswitch { border-color: #3d6ff0; background-color: #3d6ff0; }
.layui-form-checked[lay-skin=primary] i { border-color: #3d6ff0!important; background-color: #3d6ff0; color: #fff; }
.layui-form-checkbox[lay-skin=primary]:hover i {border-color: #3d6ff0;  }
.layui-btn-primary:hover{border-color: #3d6ff0;}
.layui-laydate .layui-this{    background-color: #3d6ff0 !important;}
.layui-laydate-footer span:hover{    color: #3d6ff0;}
.layui-laydate-header i:hover,
.layui-laydate-header span:hover { color: #3d6ff0; }
.layui-laypage input:focus, .layui-laypage select:focus {border-color: #3d6ff0!important;  }
.layui-laypage a:hover {  color: #3d6ff0;  }

.layui-table-edit:focus {     border-color: #3d6ff0 !important }


.lay-ext-mulitsel .layui-input.multiple a i:hover{ background-color: #3d6ff0 !important;}


.layui-form-item .layui-input-inline{ width: 320px;}
.layui-form-select .multiSelect a{ background:  #3d6ff0 }
.layui-form-select .multiSelect a i:hover{ background-color:#3d6ff0;}
.layui-form-select .multiOption:hover{color:#3d6ff0}


.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-input-block{ margin-left: 120px; position: relative;}
.layui-form-label{ width: 90px;}
.layui-input-block .text{ position: absolute; right: 15px; top:50%;transform:translateY(-50%); color:#3d6ff0; cursor: pointer; font-size: 13px; }

.table-header{ display: flex; justify-content: space-between;    flex-wrap: wrap;}
.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;    flex-wrap: wrap;}
.table-search-box .layui-input,
.table-search-box select{width: 130px; height: 38px; box-sizing: border-box; margin-left: 10px; font-size: 13px;}
.table-search-box .layui-select-title .layui-input{ width: 100px;}
.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;}

/*多图展示*/
.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: #f55b5b; color: #fff; font-size: 12px; padding: 2px 5px; cursor: pointer;}

/*弹出窗按钮重置*/
.layui-layer-btn{ padding-bottom: 20px;}
.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: #3d6ff0; background-color: #3d6ff0;}

/*登录页面*/
.admin-login-page{ position: relative;height: 100%; background:#f2f2f2;}
.admin-login-box{ position:absolute; top:50%; left: 50%; margin-top: -200px; margin-left: -162px; width:360px;}
.admin-login-box h1{ line-height: 100px; font-size: 26px; color: #777; text-align: center;}
.admin-login-box .layui-form-item{ position: relative;}
.admin-login-box label { position: absolute; left: 1px; top: 1px; width: 38px; line-height: 36px; text-align: center; color: #d2d2d2;    font-size: 18px; }
.admin-login-box .layui-input{ padding-left: 38px;}
.admin-login-box .captcha img{ position: absolute; right: 0; top: 0; cursor: pointer;}
.admin-login-box .layui-btn{background:  #3d6ff0;}
.login-footer{ position: absolute; left: 0; bottom: 0; width: 100%; line-height: 60px; font-size: 13px; text-align: center;color: #999; }
.login-footer a{color: #999;}


.layui-laypage .totalText{ font-size:13px; color:#747474;}
.layui-laypage .totalText em{color:#f55b5b;}



/*上传进度*/
.upload-progress-box{ margin: auto; padding: 20px; }
.upload-progress-box .info{line-height: 30px; display: flex; justify-content: space-between; color: #747474; font-size: 13px;}
.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:#3abcbb;}

/*文件列表*/
.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: #f55b5b; padding-left: 5px;}
