﻿/***全局样式 开始***/
.lm-prel { position: relative; }
.lm-pabs { position: absolute; }
.lm-pfix { position: fixed; }
.html, .lm-admin-main { overflow: hidden; height: 100%; }
.lm-admin-mainbody { margin: 10px 15px; min-width: 285px; }
a:hover { text-decoration: none; }
/***全局样式 结束***/

/***登录页样式 开始***/
.lm-login-bg { width: 100%; background: url(../images/bg.jpg) center no-repeat #72b63f; background-size: cover; }
.lm-login-bg .lm-login-bg1 { top: 0; left: 0; right: 0; bottom: 0; background: url(../images/loginbg3.png) center no-repeat; z-index: 1; }
.lm-login-bg .lm-login-top { height: 40px; background: rgba(0, 109, 49, 0.61); line-height: 40px; color: #fff; padding: 0 20px; }
.lm-login-bg .lm-login-top ul li { float: left; padding-left: 20px; }
.lm-login-bg .lm-login-top ul li a { color: #fff; }
.lm-login-bg .lm-login-foot { height: 40px; line-height: 40px; text-align: center; color: #fff; background: rgba(0, 69, 109, 0.31); bottom: 0; width: 100%; z-index: 3; }
.lm-login-bg .lm-login-body .login-box { margin: 200px auto 0; background-color: #ffffff; padding: 20px; opacity: 0; animation: lm-apparition 0.2s .3s cubic-bezier(0.39, 0.575, 0.28, 0.995) forwards; }
.lm-login-bg .lm-login-body .login-box .lm-left-img { width: 200px; }
.lm-login-bg .lm-login-body .login-box ul li { margin-bottom: 15px; }
.lm-login-bg .lm-login-body .login-box ul li .lm-form-input { height: 40px; }
.lm-login-bg .lm-login-body .login-box ul li.lm-input-group i { position: absolute; display: block; left: 60px; top: 0; height: 40px; padding: 0 20px; line-height: 40px; color: #999; }
.lm-login-bg .lm-login-body .login-box ul li.lm-errors i, .lm-login-bg .lm-login-body .login-box ul li.lm-errors1 i { display: none; }
.lm-login-bg .lm-login-body .login-box li.lm-errors .lm-input-group-addon { border-color: #3dbb2b; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(61, 187, 43, .6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(61, 187, 43, .6); }
.lm-login-bg .lm-login-body .login-box li.lm-errors .lm-input-group-addon { color: #3dbb2b; }
.lm-login-bg .lm-login-body .login-box ul li.lm-error .lm-form-input, .lm-login-bg .lm-login-body .login-box ul li.lm-error .lm-input-group-addon { border-color: #ff5722; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(255, 87, 34, .6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(255, 87, 34, .6); }
.lm-login-bg .lm-login-body .login-box ul li.lm-error .lm-input-group-addon, .lm-login-bg .lm-login-body .login-box ul li.lm-error i { color: #ff5722; }
.lm-login-bg .lm-login-body .login-box .lm-codes { z-index: 1; right: 1px; top: 1px; height: 40px; width: 100px; border-left: 1px solid #ddd; cursor: pointer; }
.lm-login-bg .lm-login-body .login-box .lm-codes img { height: 38px; width: 100%; }
.lm-login-bg .lm-login-body .login-box .lm-right-form { width: calc(100% - 250px); }
.lm-login-bg .lm-login-body .login-box .lm-input-group .lm-input-group-addon { background-color: transparent; }
.lm-login-bg .lm-login-body .login-box .lm-login-btn { width: 46%; margin-right: 0; font-size: 16px; padding-top: 8px; padding-bottom: 8px; }

/***登录页样式 结束***/

/***首页样式 开始***/
.lm-admin-header.lm-header .lm-top { padding-top: 0; padding-bottom: 0; }
.lm-admin-header .lm-top-left { height: 40px; line-height: 40px; width: 170px; }
.lm-admin-header .lm-nav-btn { height: 40px; width: 40px; padding: initial; background-color: #51bc0a; color: #fff; border-radius: 0; }
.lm-admin-nav li { padding: 0 10px; height: 40px; line-height: 40px; cursor: pointer; margin-left: 1px; }
.lm-admin-nav li:hover, .lm-admin-nav li.ative { background-color: #51bc0a; }
.lm-admin-nav li .lm-badge { line-height: 10px; }
.lm-admin-user .lm-dropdown-menu { right: 0; top: 45px; width: 130px; }
.lm-admin-user .lm-dropdown-menu li { height: auto; line-height: 30px; }
.lm-admin-user .lm-dropdown-menu li:hover a { color: #fff; }
.lm-admin-bodyer { height: calc(100% - 40px); }
.lm-admin-bodyer .lm-admin-sidebar { top: 0; left: 0; width: 180px; height: 100%; border-right: solid 1px #ddd; -webkit-box-shadow: 2px 0 6px rgba(0,21,41,.35); box-shadow: 2px 0 6px rgba(0,21,41,.35); background-color: #f9f9f9; z-index: 2; }
.lm-admin-bodyer .lm-admin-sidebar .lm-sidebar li h2 { background-color: #f9f9f9; cursor: pointer; border-top: solid 1px #ddd; font-size: 14px; border-bottom: solid 1px #ddd; margin-top: -1px; position: relative; z-index: 2; }
.lm-admin-bodyer .lm-admin-sidebar .lm-sidebar li:hover h2, .lm-admin-bodyer .lm-admin-sidebar .lm-sidebar li h2.active, .lm-admin-bodyer .lm-admin-sidebar .lm-sidebar li a:hover, .lm-admin-bodyer .lm-admin-sidebar .lm-sidebar li a.active { color: #4ba410; }
.lm-admin-bodyer .lm-admin-sidebar .lm-sidebar li h2 i { left: 0; top: 0; bottom: 0; height: auto; display: none; }
.lm-admin-bodyer .lm-admin-sidebar .lm-sidebar li:hover h2 i { display: block; }
.lm-admin-bodyer .lm-admin-sidebar .lm-sidebar li h2 span { margin-top: 5px; }
.lm-admin-bodyer .lm-admin-sidebar .lm-sidebar li h2 .menu-text { margin-left: 5px; }
.lm-admin-bodyer .lm-admin-sidebar .lm-sidebar li { margin-bottom: 0; position: relative; }
.lm-admin-bodyer .lm-admin-sidebar .lm-sidebar:not(.lm-sidebar-narrow) > li:not(.title), .lm-admin-bodyer .lm-admin-sidebar .lm-sidebar:not(.lm-sidebar-narrow) .lm-sidebar-ul, .lm-admin-bodyer .lm-admin-sidebar .lm-sidebar + .lm-sidebar { display: none; }
.lm-admin-bodyer .lm-admin-sidebar .lm-sidebar li a { padding: 10px 10px 10px 30px; color: #333; margin-bottom: 0; border-bottom: dotted 1px #cbc7c7; }
.lm-admin-bodyer .lm-admin-sidebar .lm-sidebar li a span { font-size: 13px; }
.lm-admin-bodyer .lm-admin-sidebar .lm-sidebar > li::before, .lm-admin-role .dotte-line::before { content: ""; display: block; width: 10px; position: absolute; top: 50%; z-index: 1; border: dotted 1px #cbc7c7; border-width: 1px 0 0; margin-top: -1px; }
.lm-admin-bodyer .lm-admin-sidebar .lm-sidebar > li::before { left: 17px; }
.lm-admin-bodyer .lm-admin-sidebar .lm-sidebar > li::after { content: ""; display: block; position: absolute; z-index: 1; left: 17px; top: 0; border-right: dotted 1px #cbc7c7; height: 100%; }
.lm-admin-bodyer .lm-admin-sidebar .lm-sidebar > li > a > span.lm-icon-triangle-r { position: absolute; left: 12px; width: 15px; z-index: 3; top: 13px; display: none; }
.lm-admin-bodyer .lm-admin-sidebar .lm-sidebar > li > a:hover > span.lm-icon-triangle-r { background-color: #f5f5f5; display: block; }
.lm-admin-bodyer .lm-admin-sidebar .lm-sidebar .lm-sidebar-ul li a.active span { color: #FF5722; }

.lm-mainframe { top: 0; left: 180px; bottom: 0; right: 0; z-index: 1; }
.lm-mainframe iframe { width: 100%; height: 100%; border: none; }

.lm-admin-header .lm-top-left.lm-hide + .lm-nav-btn { margin-left: -10px; }
.lm-admin-sidebar.lm-admin-sidebar-narrow { width: 40px; }
.lm-admin-sidebar.lm-admin-sidebar-narrow .lm-sidebar:not(.lm-sidebar-narrow) > li:not(.title), .lm-admin-sidebar.lm-admin-sidebar-narrow .menu-text, .lm-admin-bodyer .lm-admin-sidebar.lm-admin-sidebar-narrow li h2 span.lm-right, .lm-admin-sidebar.lm-admin-sidebar-narrow .lm-sidebar-narrow > li::before, .lm-admin-sidebar.lm-admin-sidebar-narrow .lm-sidebar-narrow > li::after { display: none !important; }
.lm-admin-sidebar.lm-admin-sidebar-narrow + .lm-mainframe { left: 40px; }
.lm-admin-sidebar.lm-admin-sidebar-narrow .lm-sidebar.lm-sidebar-narrow:not(.lm-hide) { width: 140px; display: block; left: 40px; border: 1px solid #CCC; -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,.1); box-shadow: 2px 2px 2px 0 rgba(0,0,0,.1); z-index: 2; }
.lm-admin-sidebar.lm-admin-sidebar-narrow .lm-sidebar.lm-sidebar-narrow > li > a.active > span.lm-icon-triangle-r, .lm-admin-bodyer .lm-admin-sidebar.lm-admin-sidebar-narrow li h2.active span.lm-right:not(.lm-hide) { display: block!important; }
.lm-admin-bodyer .lm-admin-sidebar.lm-admin-sidebar-narrow li h2.active span.lm-right::before { content: "\e625"; z-index: 2; position: absolute; transform: rotate(90deg); -webkit-transform: rotate(90deg); right: -8px; top: 9px; font-size: 25px; color: #ccc; }
/***首页样式 结束***/

/***内容页样式 开始***/
.lm-admin-mainbody .breadcrumb { border-bottom: solid 1px #ddd; }
.lm-admin-center .lm-hr { margin: 20px 0; }
.lm-admin-center .panel .lm-col-4 { padding: 10px 0; }
.lm-admin-search .lm-input-btn { width: 60px; }

.lm-masonry-grid { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 16px; -moz-column-gap: 16px; column-gap: 16px; }
.lm-masonry-grid .lm-masonry-item { display: block; -webkit-column-break-inside: avoid; break-inside: avoid; padding-bottom: 16px; }
.lm-masonry-grid .lm-masonry-item img { max-width: 100%; }

.lm-float-foot .lm-paging { margin: 20px 0; }
.lm-float-head .toolbar.lm-pfix, .lm-float-foot .lm-paging.lm-pfix, .lm-float-foot .lm-bg-white.lm-pfix { width: 100%; left: 0; padding: 10px 15px; box-sizing: border-box; z-index: 9; }
.lm-float-foot .btn-wrap.lm-pfix { bottom: 0; margin-bottom: 0; }

.lm-admin-role .dotte-line { border-right: dotted 1px #333; margin-right: 10px; }
.lm-admin-role .dotte-line + .lm-icon { margin-right: 5px; font-size: 20px; vertical-align: middle; }
.lm-admin-role .dotte-line::before { border-color: #333; left: 0; }
.lm-admin-role .lm-layer-1 { margin-left: 0; }
.lm-admin-role .lm-layer-2 { margin-left: 24px; }

.lm-admin-table { overflow-x: auto; }
/***内容页样式 结束***/

/*宽度<=480px*/
@media screen and (max-width: 480px) {
	.lm-login-bg .lm-login-top { padding-left: 8px; padding-right: 8px; }
	.lm-login-bg .lm-login-body .login-box { margin-top: 70px; }
	.lm-login-bg .lm-login-body .login-box .lm-right-form { width: 100%; }
	.lm-admin-search .lm-input-btn { width: 20px; }
	.lm-admin-search .lm-input-btn .lm-btn { padding-left: 10px; padding-right: 10px; }
}
