/**
 * 人人站CMS
 * ============================================================================
 * 版权所有 2015-2030 山东康程信息科技有限公司，并保留所有权利。
 * 网站地址: http://www.rrzcms.com
 * ----------------------------------------------------------------------------
 * 如果商业用途务必到官方购买正版授权, 以免引起不必要的法律纠纷.
 * ============================================================================
 */

a.hover:hover, a.active:active {
    color: #3B8CFF;
}

.layui-input.layui-input-sm { height: 30px; }

form.layui-form table td { padding: 8px 5px; }
form.layui-form table th { text-align: right; padding: 8px 0; padding-right: 5px;}
form.layui-form table th em { color: rgb(254, 137, 106); margin-right: 4px;}
em.red {color: rgb(254, 137, 106);margin-right: 4px;}
form.layui-form table td .layui-form-switch { margin-top: 0; }
form.layui-form table[lay-th-vtop] th { vertical-align: top; padding-top: 15px; }
form.layui-form table input, form.layui-form table .layui-form-select, form.layui-form table .layui-textarea { display: inline-block; }

select[lay-ignore] { border: 1px solid #e7e7e7; box-sizing: border-box; -webkit-box-sizing: border-box; }
select[lay-ignore] { position: relative; height: 30px; line-height: 28px; padding: 0 5px; text-align: left; cursor: pointer; }



.imgspace { position: relative; display: inline-block; }
.imgspace[lay-type-input] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.imgspace[lay-type-input] .layui-icon-picture { width: 40px; color: #888; text-align: center; position: absolute; line-height: 38px; }
.imgspace[lay-type-input] input { padding-left: 40px; }

.imgspace[lay-type-img] { min-height: 30px; min-width: 30px; cursor: pointer; background: url(../img/img-bg.png) #fff; line-height: 0; font-size: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
/*.imgspace[lay-type-img]::after { display: block; content: ''; padding-top: 100%; }*/
.imgspace[lay-type-img] img { position: absolute; max-width: 100%; max-height: 100%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.close-modal { display: inline-block; position: absolute; z-index: 99; top: -9px; right: -9px; width: 20px; height: 20px; font-size: 16px; line-height: 19px; color: #fff !important; text-align: center; cursor: pointer; background: rgba(153, 153, 153, 0.6); border-radius: 10px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.close-modal:hover { color: #fff !important; background: #000 !important; }

.showMsgBox { height: 72px; margin: 0 auto; box-sizing: border-box; border: solid 1px #e7e7e7; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); background: #fff; display: table; }
.showMsgBox .icon { width: 35px; height: 35px; margin: 18px 10px 0 30px; }
.showMsgBox .success { background: url('../img/icon-success.png') no-repeat; }
.showMsgBox .error, .showMsgBox .no_login { background: url('../img/icon-error.png') no-repeat; }
.showMsgBox .msg { padding-right: 30px; display: table-cell; vertical-align: middle; min-width: 250px; max-width: 400px; }
.showMsgBox .close:hover { background-position: -655px -223px; }
.showMsgBox a { margin-left: 10px; text-decoration: underline; color: #999; }
.showMsgDownUp { animation: showMsgDownUp 1s ease 1; -moz-animation: showMsgDownUp 1s ease 1; -webkit-animation: showMsgDownUp 1s ease 1; -o-animation: showMsgDownUp 1s ease 1; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; }
.showMsgUp { animation: showMsgUp .4s ease 1; -moz-animation: showMsgUp .4s ease 1; -webkit-animation: showMsgUp .4s ease 1; -o-animation: showMsgUp .4s ease 1; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; }
.showMsgDown { animation: showMsgDown .4s ease 1; -moz-animation: showMsgDown .4s ease 1; -webkit-animation: showMsgDown .4s ease 1; -o-animation: showMsgDown .4s ease 1; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; }

@keyframes showMsgDown {
    0% { transform: translateY(-150px); }
    to { transform: translateY(-10px); }
}

@-webkit-keyframes showMsgDown {
    0% { -webkit-transform: translateY(-150px); }
    to { -webkit-transform: translateY(-10px); }
}

@keyframes showMsgDownUp {
    0% { transform: translateY(-150px); }
    30%, 70% { transform: translateY(-10px); }
    to { transform: translateY(-150px); }
}

@-webkit-keyframes showMsgDownUp {
    0% { -webkit-transform: translateY(-150px); }
    30%, 70% { -webkit-transform: translateY(-10px); }
    to { -webkit-transform: translateY(-150px); }
}

@keyframes showMsgUp {
    0% { transform: translateY(-10px); }
    to { transform: translateY(-150px); }
}

@-webkit-keyframes showMsgUp {
    0% { -webkit-transform: translateY(-10px); }
    to { -webkit-transform: translateY(-150px); }
}

.layui-table tbody tr:hover { background: #f4fcfa; }
form.layui-form table.layui-table th { text-align: initial; padding: 9px 15px; }

.layui-grid { }
.layui-grid .layui-card-header.layui-tab { padding: 0; border: none; }
.layui-grid .layui-tab .layui-tab-title { border-color: #eee; }
.layui-grid .layui-card-body { padding: 0; }
.layui-grid .layui-grid-search, .layui-grid .layui-grid-search > * { display: inline-block; vertical-align: middle; }
.layui-grid .layui-grid-search .layui-input { display: inline; width: auto; }
.layui-grid .layui-grid-search select { height: 30px; padding: 3px; border-radius: 2px; cursor: pointer; border: 1px solid #e2e2e2; }
.layui-grid .layui-grid-search select:hover, .layui-grid .layui-grid-search select:focus { border-color: #c9c9c9; }
.layui-grid .layui-grid-toolbar { padding: 10px; border-bottom: 1px solid #eee; }
.layui-grid .layui-grid-toolbar .layui-nav { display: inline-block; padding: 0; background: transparent; font-size: initial;vertical-align: middle; }
.layui-grid .layui-grid-toolbar .layui-nav .layui-nav-more { right: 6px; top: 1px; }
.layui-grid .layui-grid-toolbar .layui-nav .layui-nav-item > a { padding: 0 10px; color: #fff; padding-right: 25px; }
.layui-grid .layui-grid-toolbar .layui-nav .layui-nav-bar { display: none; }
.layui-grid .layui-grid-toolbar .layui-nav .layui-nav-child { top: auto; margin-top: 2px; }
.layui-grid .layui-grid-toolbar .layui-nav .layui-nav-child a { font-size: 12px; }
.layui-grid .layui-grid-toolbar .layui-toolbar-group .layui-nav-child dd.layui-this,
.layui-grid .layui-grid-toolbar .layui-toolbar-group .layui-nav-child dd.layui-this a { background-color: initial; color: #333; }
.layui-grid .layui-grid-toolbar .layui-toolbar-group .layui-nav-child dd.layui-this a:hover { background-color: #f2f2f2;color: #000 }

.layui-grid .layui-grid-table { }
.layui-grid .layui-table { margin: 0; table-layout: fixed; }
.layui-grid .layui-table .padding { padding: 0px 6px;}
.layui-grid .layui-table td { padding: 0; }
.layui-grid .layui-table thead tr { height: 45px; }
.layui-grid .layui-table thead td { background: #fff; border: none; font-weight: bold; }
.layui-grid .layui-table tbody td { border-left: none; border-right: none; border-color: #eee; min-height: auto; }
.layui-grid .layui-table tbody tr { height: 50px; }
.layui-grid .layui-table tbody tr:hover { background: #f4fcfa; }
.layui-grid .layui-table-page { height: 48px; padding: 11px 10px 0; border: none; }

.layui-grid .fixed-thead { position: relative; }
.layui-grid .thead-fixed { position: absolute; z-index: 999; display: none; background: #fff; }

.layui-layer-content .layui-grid { height: 100%; }
.layer-confirm .layui-layer-content, .layer-confirm .layui-layer-content .layui-grid .layui-grid-centent { position: static !important; }
.layer-confirm .layui-layer-content .layui-grid .layui-table-page {position: absolute; bottom: 6px; width: 60%; }
.layer-confirm .layui-layer-btn { border-top: 1px solid #f5f5f5; }

.layui-grid .layui-form-switch, div.layui-form .layui-form-switch { margin-top: 0; height: auto; }
.layui-grid .checkbox .layui-form-checkbox { padding: 0; }

.layer-grid .layui-layer-setwin .layui-layer-close1 { z-index: 2; position: absolute; right: -28px; top: -28px; width: 30px; height: 30px; margin-left: 0; background-position: -149px -31px; *right: -18px; _display: none;}
.layer-grid .layui-layer-setwin .layui-layer-close1:hover { background-position: -180px -31px; opacity: 1;}
.layer-grid.layer-hide-title .layui-layer-title { position: absolute; left: 30%; right: 0; -moz-opacity: 0;-khtml-opacity: 0;opacity: 0; top: 0;z-index: 1; }

.layui-btn-sm { font-size: 12px; line-height: 29px; }
.layui-btn-xs { line-height: 21px; }

.w40x { width: 20px; height: 18px; float: left; position: relative; margin-right: 5px;}
.w40x:before { content: ''; position: absolute; top: -26px; left: 0; width: 1px; bottom: 50%; border-left: 1px dashed #ccc;}
.w40x:after { content: ''; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; border-top: 1px dashed #ccc; }

.layui-layer .layui-layer-setwin .layui-layer-close2, .layer-grid .layui-layer-setwin .layui-layer-close1 { background: url(../img/close.png); transition: All .4s ease-in-out; }
.layui-layer .layui-layer-setwin .layui-layer-close2:hover, .layer-grid .layui-layer-setwin .layui-layer-close1:hover { background: url(../img/close_hover.png); transform: rotate(180deg);}

.layui-dropdown-select .layui-unselect { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none;}
.layui-select-menu { max-height: 350px;overflow: hidden auto; }
.layui-select-menu .layui-menu-title, .layui-select-menu .layui-menu-item-group > .layui-menu-body-title { color: #333;}
.layui-select-menu .layui-menu-title:hover, .layui-select-menu .layui-selected-menu { color: #5FB878; }
.layui-select-menu .layui-select-tips { color: #999;background: none; }

.layui-dropdown-select .layui-select-menu{ left: 0!important; top: 38px!important; }

.layui-select-menu .layui-menu-item-group .layui-menu-body-title { padding-right: 0; padding-left: 25px; }
.layui-select-menu .layui-menu-body-title > .layui-icon { right: auto; left: 0; }

.layui-select-menu .layui-icon-down:before{ content: "\e624"; }
.layui-select-menu .layui-icon-up:before{ content: "\e67e"; }
