﻿/***** 【layui补充修改】样式文件 CSS Document *****/
@charset "utf-8";

/* =========================样式改造(Changer).Start======================= */
/* 辅助样式 */
.layui-elem-field{ margin:25px 0 10px; }
.layui-elem-field legend{ font-size:16px; margin-bottom:5px; font-weight:400; }
.layui-elem-field legend i{ color:#27F; margin-right:7px; font-size:14px; font-size:16px; }

/* 表单样式 */
	/* 宽标题 */
	.layui-form .layui-form-item.big-item{ padding-left:180px; }
	.layui-form .layui-form-item.big-item .layui-form-label{ width:180px; }
	.layui-form .layui-form-item.big-item .layui-word-aux{ left:160px; }

.layui-form .btn-submit{ height:34px; line-height:34px; padding:0 30px; }
.layui-form-pane .layui-input-block{ margin-left:120px; }
.layui-form .layui-input-inline.avatar-view img{ width:120px; height:120px; border:2px solid #E0E0E0; margin-left:15px; padding:2px; border-radius:50%; }
.layui-form .layui-input-block{ margin-left:120px; }
.layui-form-pane .layui-form-text .layui-textarea{ line-height:2; min-height:90px; }
.layui-form-pane .layui-form-text{ padding-left:150px; position:relative; }
.layui-form-select dl{ max-height:360px; z-index:100000; }
.layui-form-checkbox[lay-skin=primary]{ padding:0; }
.layui-tab-content{ padding:0; }
.layui-input, .layui-select, .layui-textarea{ border-color:#E5E5E5; }
.layui-input:focus, .layui-textarea:focus{ border-color:#27F !important; }

/* 面包屑导航 */
.layui-breadcrumb a:hover{ color:#F80 !important; }

/* 颜色选择器 */
.layui-colorpicker-main{ width:294px; }
.layui-colorpicker-main-input input.layui-input{ width:100px; height:32px; }
.layui-colorpicker-main-input .layui-btn-container .layui-btn{ background-color:#27F; }
.layui-colorpicker-main-input .layui-btn-container .layui-btn.layui-btn-primary{ background-color:#FFF; }
.layui-colorpicker-main-input .layui-btn-container .layui-btn.layui-btn-primary:hover{ background-color:#27F; }

/*其他样式修改*/
.layui-elem-quote{ border-left:5px solid #CCC; background-color:#E6E4E2; color:#888; }
.layui-btn-group .layui-btn:last-child{ border-top-right-radius:0.1875rem; border-bottom-right-radius:0.1875rem; }
.layui-btn-group .layui-btn:first-child{ border-top-left-radius:0.1875rem; border-bottom-left-radius:0.1875rem; }
.laydate-footer-btns span:hover{ color:#27F !important; }
.layui-laydate-content td.laydate-selected{ background-color:#DAE8FF !important; }
.layui-layer-iframe .layui-layer-content{ background:#F8F8F8; }

/* 时间选择器 */
.layui-laydate-range{ border-radius:3px; overflow:hidden; border-color:#EEE; }
.layui-laydate-range .layui-laydate-main{ width:273px; }
.layui-laydate-header{ background-color:#27F; }
.layui-laydate-header i, .layui-laydate-header span{ color:#FFF; }
.layui-laydate-header i:hover, .layui-laydate-header span:hover{ color:#FAFAFA; }
.layui-laydate-content td>div{ padding:5px 0; }
.layui-laydate-content td.laydate-day-now{ color:#27F; }
.layui-laydate-content td.laydate-day-now:after{ border-color:#27F; }
.layui-laydate .layui-this, .layui-laydate .layui-this>div{ background-color:#27F !important; }
.layui-laydate-linkage .layui-laydate-content td.laydate-selected>div{ background-color:#E7F0FF; }
.layui-laydate-linkage .laydate-selected:hover>div{ background-color:#7AF !important; color:#FFF; }
.layui-laydate-footer span:hover{ color:#27F; }
/* =========================样式改造(Changer).End======================= */


/* =========================样式新增(Add).Start======================= */
/* 布尔选择按钮定制 */
.layui-form-select dl dd:hover, .layui-form-select dl dd.layui-this{ background-color:#27F; color:#FFF; }
.layui-form-switch{ line-height:20px; width:64px; margin-top:8px; height:28px; line-height:28px; }
.layui-form-switch i{ top:3px; height:20px; width:20px; left:4px; }
.layui-form-switch em{ top:-1px; }
.layui-form-onswitch{ border-color:#27F; background-color:#27F; }
.layui-form-onswitch i{ left:60px; }

/* 按钮定制 */
.layui-btn{ height:32px; line-height:30px; padding:0 20px; font-size:13px; }
.layui-form-checked[lay-skin=primary] i{ border-color:#27F !important; background-color:#27F !important; }
.layui-form-checkbox[lay-skin=primary]:hover i{ border-color:#27F !important; }
.layui-form-radio i:hover, .layui-form-radioed i{ color:#27F; }
.layui-form-radio:hover *, .layui-form-radioed, .layui-form-radioed>i{ color:#27F; }

/* 表格底部排序 */
form .layui-table .order-oper{ text-align:left; padding:15px 8px; }
form .layui-table .order-oper .btn-submit{ background-color:#27F; }

/* 进度条 */
.layui-progress{ background-color:#CCC; }
/* =========================样式新增(Add).End======================= */


/* =========================弹窗样式(Alert).Start======================= */
/* 通用弹窗样式 */
.layui-layer{ border-radius:5px; }
.layui-layer-loading{ min-width:auto !important; }
.layui-layer-title{ font-weight:700; background:#E5E5E5; border-bottom:1px solid #D8D8D8; border-radius:5px 5px 0 0; height:40px; line-height:40px; padding:0 80px 0 20px; }
/* .layui-layer-content{ background:#F8F8F8; border-radius:0 0 5px 5px; } */
.layui-layer-dialog .layui-layer-padding{ background:none; border-color:#F30; }
.layui-layer-setwin{ top:12px; }
.layui-layer-setwin span{ font-size:20px; font-weight:700; }
.layui-layer-loading .layui-layer-content{ width:200px; }
.layui-layer-loading .layui-layer-content .layui-anim{ font-size:80px; color:#FFF; }
.layui-anim-rotate{ -webkit-animation-duration:2s; animation-duration:3s; }

/* 常规提示框 */
body .layui-layer-custom{ width:480px; border-radius:5px; overflow:hidden; min-width:540px; }
body .layui-layer-custom .layui-layer-title{ color:#FFF; height:40px; line-height:40px; border:none; background:#27F; }
body .layui-layer-custom .layui-layer-btn{ border-top:1px solid #E9E8E7; padding-top:10px; padding-bottom:14px; }
body .layui-layer-custom .layui-layer-content{ padding:40px 20px 50px 80px; line-height:30px; background:none; }
body .layui-layer-custom .layui-layer-content i{ font-size:36px; color:#F00; position:absolute; top:40px; left:28px; }
body .layui-layer-custom .layui-layer-content i.success{ color:#2B3; top:38px; }
body .layui-layer-custom .layui-layer-content i.error{ color:#F33; }
body .layui-layer-custom .layui-layer-content i.warning{ color:#F80; top:41px; }
.layui-layer-btn .layui-layer-btn0{ background:#27F; border-color:#27F; }

/* 特殊情况 */
body .layui-layer-wide{ width:450px; }
/* =========================弹窗样式(Alert).End======================= */