﻿
/* 系统 */
::-webkit-input-placeholder { color: #ccc }
.layui-input:hover, .layui-textarea:hover { border-color: #40a9ff !important; }
.layui-input:focus, .layui-textarea:focus { border-color: #40a9ff !important; }

/* 图片外宽 */
.picture_framre { display: table-cell; vertical-align: middle; text-align: center; overflow: hidden; }

/* 自定义文字的颜色 */
.admin-color-enable { color: #5FB878 !important; }
.admin-color-stop { color: #2F4056 !important; }

/*按钮颜色*/
.layui-btn-darkBlue { background-color: #0040ff; color: #ffffff; }
.layui-btn-LightBlue { background-color: #40bbea; color: #ffffff; }
.layui-btn-Green { background-color: #72a230; color: #ffffff; }
.layui-btn-Pink { background-color: #ff6264; color: #ffffff; }
.layui-btn-Gray { background-color: #eeeeee; color: #333333; }
.layui-btn-DarkGray { background-color: #808080; color: #ffffff; }
.layui-btn-Turquoise { background-color: #00b19d; color: #ffffff; }
.layui-btn-Secondary { background-color: #68b828; color: #ffffff; }
.layui-btn-complated { background-color: #5FB878; color: #FFF; }
.layui-btn-Lavender { background-color: #9e00ff; color: #ebebeb; }
.layui-btn-GreyBlue { background-color: #e6ecff !important; color: #4f4f4f !important; }
.layui-btn-Orange { background-color: #ff8913; color: #ffffff; }

/*图片弹出曾*/
.showpic_layer, .showpic_layer img { -webkit-transition: all .5s }
.showpic_layer, .showpic_layer .loading { width: 100%; height: 100% }
.showpic_layer { position: fixed; z-index: 20000000; top: 0; left: 0; bottom: 0; visibility: hidden; opacity: 0; transition: all .5s; background: rgba(0, 0, 0, .8); display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-pack: center; text-align: center }
    .showpic_layer img { max-width: 90%; -webkit-transform: scale(.1); transform: scale(.1); transition: all .5s }
        .showpic_layer img.show { -webkit-transform: scale(1); transform: scale(1) }
    .showpic_layer.showpic_layer_on { visibility: visible; opacity: 1 }

/* sm 格式 */
/* 格局 */
.admin_padding_bottom_zero { padding-bottom: 0px !important; }
.admin_padding_top_zero { padding-top: 0px !important; }
.layui-size-sm.layui-fluid { padding: 15px; }
.layui-size-sm .layui-fluid { padding: 15px; }
.layui-size-sm .layui-card-header { position: relative; }
    .layui-size-sm .layui-card-header .layui-icon { line-height: initial; position: absolute; right: 15px; top: 50%; margin-top: -7px; }
    .layui-size-sm .layui-card-header .layui-btn .layui-icon { line-height: inherit; position: initial; right: auto; top: auto; margin-top: initial; }
    .layui-size-sm .layui-card-header .layui-area-right { position: absolute; right: 15px; top: 0px; }
/* form */
.layui-size-sm .layui-input-block {
    min-height: 30px;
}
.layui-size-sm .layui-form-label {
    padding: 5px 15px;
}
.layui-size-sm .layui-form-pane .layui-form-label,
.layui-size-sm.layui-form-pane .layui-form-label { height: 30px; line-height: 13.5px; padding: 8px 15px; }
.layui-size-sm .layui-btn { height: 30px; line-height: 30px; padding: 0 10px; font-size: 12px; }
.layui-size-sm .layui-form-select dl { top: 32px; }
.layui-size-sm .layui-form-selectup dl { top: auto !important; bottom: 32px; }
.layui-size-sm .layui-form .layui-form-switch { margin-top: 4px; line-height: 20px; }
.layui-size-sm .layui-form-select dl dd,
.layui-size-sm .layui-form-select dl dt { line-height: 30px; }
.layui-size-sm .layui-input,
.layui-size-sm .layui-select,
.layui-size-sm .layui-textarea { height: 30px; line-height: 30px\9; }
.layui-size-sm .layui-select-disabled .layui-disabled { background-color: #f3f3f3; color: rgb(84, 84, 84) !important; }

.layui-size-sm .layui-form .xm-select-parent .xm-select-title { min-height: auto; }
.layui-size-sm .layui-form .xm-select-parent .xm-select { height: 30px; min-height: 30px; padding-top: 2px; }
.layui-size-sm .layui-form .xm-select-parent .xm-select--suffix { height: 28px; }
    .layui-size-sm .layui-form .xm-select-parent .xm-select--suffix input { height: 28px; }
.layui-size-sm .layui-form .xm-select-parent .xm-select-parent .xm-select { padding-top: 2px; }
.layui-size-sm .layui-form .xm-select-parent .xm-select-title div.xm-select-label > span { height: 15px; line-height: 15px; margin: 1px 5px 2px 0; }
    .layui-size-sm .layui-form .xm-select-parent .xm-select-title div.xm-select-label > span i { line-height: 16px; }
.layui-size-sm .layui-row .layui-form-text { margin-bottom:10px; margin-top:5px; }
/* 表格 */
.layui-size-sm .layui-table td, .layui-size-sm .layui-table th { font-size: 12px; padding: 5px 10px }
.layui-size-sm .layui-table-view .layui-table .layui-table-cell { height: 20px; line-height: 20px }
    .layui-size-sm .layui-table-view .layui-table .layui-table-cell .layui-btn { height: 22px; line-height: 22px; padding: 0 5px; font-size: 12px; }
