﻿
.radio-inline { height: 30px; line-height: 27px; color: #333; }
.radio-inline input { margin-top: 8px !important; }
.row { margin: 0px; }
.row-col-1 { width: 8.33333333%; float: left; }
.row-col-2 { width: 16.66666667%; float: left; }
.row-col-3 { width: 25%; float: left; }
.row-col-4 { width: 33.33333333%; float: left; }
.row-col-5 { width: 41.66666667%; float: left; }
.row-col-6 { width: 50%; float: left; }
.row-col-7 { width: 58.33333333%; float: left; }
.row-col-8 { width: 66.66666667%; float: left; }
.row-col-9 { width: 75%; float: left; }
.row-col-10 { width: 83.33333333%; float: left; }
.row-col-11 { width: 91.66666667%; float: left; }
.row-col-12 { width: 100%; float: left; }
.btn-info { background-color: #16BAAA !important; }

/*layui样式修改*/
.layui-layer-btn { border-top: 1px solid #e6e6e6; }
.layui-tab { margin: 0px; }
.form-group { text-overflow: ellipsis; white-space: nowrap; }
legend { width: auto !important; border-bottom: none !important; margin-bottom: 0 !important; font-size: 17px !important; }
.layui-tab-content { padding: 10px; }
/*控制在父级弹窗alert的自定义样式*/
.alertSkin { width: 500px !important; }

.remove_icon { top: -7px; right: -10px; color: #5FB878; cursor: pointer; font-size: 10px; }


/*表单样式 (.form添加display: table;会导致存在图文编辑器内容超长样式错乱，存在图文编辑文件单独添加class样式 ".form_editor")*/
.form { display: table; width: 84%; min-height: calc(100vh - 20px); height: calc(100vh - 20px); margin: 10px 8% 10px 8%; border: 1px solid #e7e7e7; border-radius: 3px; box-sizing: border-box; }
/*存在图文编辑添加该class="form_editor"*/
.form.form_editor { display: block !important; height: auto !important; }
.form_menu { margin-bottom: 0px; border-radius: 3px 3px 0px 0px; border-color: transparent; border-bottom: 1px solid #e7e7e7; min-height: 0px; }
.form_menu_title { height: 38px; line-height: 38px; color: #666666; padding-left: 10px; }
.form_menu_btns { float: right; margin: 3px 15px 3px 15px; }
.form_field_title { height: 30px; line-height: 30px; }
.form_section { width: 100%; position: relative; padding: 0 20px; }
.form_section_top { width: 100%; height: 35px; position: relative; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #666666; margin-bottom: 5px; }
.form_section_top_arrow { width: 20px; height: 20px; position: relative; float: left; top: 10px; cursor: pointer; }
.form_section_top_img { width: 100%; height: 100%; }
.form_section_top_span { float: left; font-family: 微软雅黑; font-size: 13px; color: #333333; margin-left: 1%; margin-top: 12px; font-weight: 600; }
.form_section_info { width: 100%; position: relative; }

.form_modul { margin: 15px; }
.tab_ifa { width: 100%; height: 600px; border: 0px; }
.fl { float: left; }
.fr { float: right; }
.fc { text-align: center }
/*底部*/
.foot { position: fixed; bottom: 0; left: 0; right: 0; z-index: 9999; width: 100%; }

/*选择模块*/
.choose { height: 120px; overflow-y: auto; overflow-x: hidden; }
.choose_title { padding: 0 15px 0 10px; line-height: 32px; border: 1px solid #5FB878 !important; background-color: #5FB878 !important; float: left; margin: 10px 0px 0px 10px; border-radius: 3px; }
.choose_icon { top: -7px; right: -10px; color: #ccc; cursor: pointer; font-size: 10px; }

/*正在加载*/
.loading { position: fixed; top: 0%; left: 0%; width: 100%; height: 100%; background: rgba(0,0,0,0.3); z-index: 10000; overflow: hidden; cursor: progress; }
.loading-img { width: 30px !important; height: 30px !important; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 80px; height: 80px; }
.loading-text { position: absolute; top: 60px; left: 21px; right: 0; bottom: 0; height: 30px; margin: auto; letter-spacing: 3px; line-height: 30px; color: #fff; font-size: 12px; text-align: center; }

/*颜色选择器样式重置*/
.layui-colorpicker { width: 30px; height: 30px; border: 1px solid #ccc; padding: 3px; }
.layui-form-item { margin-bottom: 0; }
.layui-colorpicker-main { width: 296px; }

.w-e-toolbar .w-e-droplist ul.w-e-block  { white-space: initial !important; }


.layui-form-switch { height: 24px !important; margin-top: 1px; }
.layui-form-onswitch > div { margin-left: 3px; }
.layui-form-radio { margin: 2px 10px 0 0; padding-right: 0px }
.layui-form-checkbox i { height: 30px; }

/* layer.open 弹窗美化：圆角、柔和阴影、按钮区（仅追加，不影响其他样式） */
.layui-layer {
  border-radius: 8px !important;
  box-shadow: 0 12px 40px rgba(31, 35, 41, .18) !important;
  overflow: hidden !important;
}
.layui-layer-title {
  border-bottom: 1px solid #eee !important;
  padding: 0 16px !important;
  font-weight: 600 !important;
}
.layui-layer-setwin a { transition: color .2s; }
.layui-layer-setwin a:hover { color: #333 !important; }
.layui-layer-btn { border-top: 1px solid #eee; padding: 12px 16px !important; text-align: right !important; }
.layui-layer-btn a {
  border-radius: 4px !important;
  padding: 6px 18px !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
  transition: transform .1s, box-shadow .15s, filter .15s !important;
}
.layui-layer-btn a:hover { filter: brightness(1.05); box-shadow: 0 2px 5px rgba(31, 35, 41, .12) !important; }
.layui-layer-btn a:active { transform: translateY(1px); }
 