/* 头部 */
.header { height: 59px; border-bottom: 1px solid #404553;  background-color: #393D49; }
.header .layui-nav { position: absolute; right: 0; top: 0; padding: 0; background: none; }
.header .layui-nav .layui-nav-item { margin: 0 20px; }
.header .layui-nav .layui-nav-item[mobile] { display: none; }

.layui-side .layui-icon {
    margin-right: 10px;
}

.layui-select-disabled .layui-disabled {
    color: #333 !important;
}
.layui-input:hover, .layui-textarea:hover {
    border-color: #D2D2D2!important;
}

.layui-select-disabled .layui-disabled, .layui-input:disabled, .layui-textarea:disabled {
    background-color: #fafafa;
}

/* 底部 */
.footer { padding: 10px 0; text-align: center; color: #999; font-weight: 300; }
.footer a { padding: 0 5px; }


.pdfobject-container { height: 200px; border: solid 1px #eee; }

/* 首页 */
.layuiadmin-span-color {
    position: absolute;
    right: 15px;
}

.layuiadmin-card-list p.layuiadmin-big-font {
    font-size: 36px;
    color: #666;
    line-height: 36px;
    padding: 5px 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    white-space: nowrap;
}

.layuiadmin-badge {
    top: 50%;
    margin-top: -9px;
    color: #01AAED;
}
.layuiadmin-badge, .layuiadmin-btn-group, .layuiadmin-span-color {
    position: absolute;
    right: 15px;
}

/* 登录页 */
.bg-login { background-color:#009E94 }
/* login */
#div_login {
    width: 450px;
    height: 300px;
    background: #fff;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border: solid 10px #f2f2f2;
    padding: 10px 15px 15px 15px;
    border-radius: .4em;
    box-shadow: 0 3px 2px 3px rgba(0,0,0,.15);
}
#div_login .layui-icon {
    margin-right: 10px;
}
#div_login .layui-form-item {
    margin-top: 15px;
}

.frm-button-row {
    margin: 10px 0;
    text-align: center;
}

/* 商品页 */
.search_bar .layui-form-item .layui-form-checkbox[lay-skin=primary] {
    margin-top: 0px !important;
}

/* site */

.search_bar .layui-form-item:last-of-type {
    padding-left: 10px;
}
.layui-badge-dot {
    margin-right: 10px;
}
.layui-nav-child a {
    margin-left: 24px;
}
.layui-card-header {
    padding: 10px 10px 0px 10px;
}

.layui-card-header .layui-input-block {
    margin-bottom: 0px !important;
}
.layui-card-body {
    padding: 0px 10px 10px 10px;
}
.layui-form {
}

.search_bar {
    height: auto !important;
}

.layui-btn {
    /*font-size: 16px !important;*/
    display: inline-block;
    vertical-align: middle;
}

.layui-form-item-long .layui-form-label {
    padding-left: 5px;
    width: 90px;
}
.layui-form-item-longer .layui-form-label {
    padding-left: 5px;
    width: 120px;
}
.layui-form-item-longest .layui-form-label {
    padding-left: 5px;
    width: 150px;
}

.layui-form-item-longer .layui-input-block {
    margin-left: 140px !important;
}
.layui-form-item-longest .layui-input-block {
    margin-left: 170px !important;
}

.layui-field-title {
    margin: 0;
}
.layui-form-item-bottom {
    margin-bottom: 0px;
}

/* select 超过层的时候 */
/*.layui-layer-page .layui-layer-content {*/
/*    position: relative;*/
/*    overflow: visible !important;*/
/*}*/

/* left_menu */
.menu {
    border: solid 1px #ccc;
    margin: 3px 5px 1px 5px;
}
.menu_title {
    border: solid 1px #ccc;
    background-color: #f4f4f4;
    margin: 10px 5px 1px 5px;
    padding: 0 0 0 5px;
}
.menu_item {
    margin: 2px 0 1px 10px;
    background-color: #f4f4f4;
}
.custom_name {float: right; display: inline-block; width: 170px;}
.txt { float: right; border: solid 1px #ccc; height: 20px; margin: 1px;}
.menu_btn {
    margin: 10px 5px 1px 5px;
}


/* tools */
.fl { float: left; }
.fr { float: right; }
.ac { text-align: center; }
.al { text-align: left; }
.ar { text-align: right; }
.vt { vertical-align: top; }
.vm { vertical-align: middle; }
.vb { vertical-align: bottom; }
.cw { color: #fff; }
.cb { color: #000; }
.c99 { color: #999; }
.cred { color: red; }
.m0p0 { margin: 0 !important; padding: 0 !important;}
.mg10 { margin: 10px; }
.mg15 { margin: 15px; }
.mg20 { margin: 20px; }
.pd10 { padding: 10px; }
.pd0-10 { padding: 0 10px; }
.pd15 { padding: 15px; }
.pd20 { padding: 20px; }
.bgf2 { background: #f2f2f2; }
.hd { display: none; }
.wd60 { width: 60px !important; }
.wd80 { width: 80px !important; }
.wd100 { width: 100px !important; }
.wd120 { width: 120px !important; }
.wd150 { width: 150px !important; }
.wd200 { width: 200px !important; }
.bge4 { background-color: #e4e4e4; }
.bgf4 { background-color: #f4f4f4; }
.hl {background-color: #FFB800; color: #fff; }