/*后台公用样式*/

.login {background: url(../images/login-bg.png) #56bc94;}
.login .login-title {color: #fff;text-align: center;font-size: 20px;margin-top: 200px;}
.login .login-form {max-width: 450px;margin: 10px auto;position: relative;left: -50px;color: #fff;}
.login .login-form .captcha {width: 140px;height: 38px;}
.login .login-form input {background-color: rgba(255, 255, 255, 0.3);border: 1px solid rgba(255, 255, 255, 0.3);color: #fff;}
.login .login-form button {width: 100%;background-color: #048f74;}

.logo {margin-left: 25px; font-size:25px; color:#FFFFFF; line-height:30px; padding-top:15px;}

.header {background-color: #393D49;}
.header .user-action {position: absolute;right: 15px;top: 25px;}
.header .user-action a {color: #e2e2e2;padding: 0 10px;}

.footer {line-height: 44px;}

.layui-body {left: 210px;}
.layui-side {top: 60px;}
.layui-table tbody tr:hover {background-color: #f2f2f2;}
.layui-tab-title > li > a {display: block;}
.layui-btn-normal {background: #4caf50;}
.layui-btn-danger {background: #e90d24;}

.form-container {max-width: 800px;}


.site-tips{margin-bottom: 10px; padding: 10px; border-left: 5px solid #5FB878; background-color: #f2f2f2; margin-top:1%;}
.site-tips p{margin: 0;}

.site-doc-color{font-size: 0; padding-top:1%;}
.site-doc-color li{display: inline-block; vertical-align: middle; overflow:hidden; width:23%; margin-left:1%; margin-right:1%; float:left; padding:2% 0px; color: #fff; text-align: center; border-radius: 3px; line-height: 22px; font-size: 14px;}


@media(max-width:800px){

.site-doc-color li{display: inline-block; vertical-align: middle; overflow:hidden; width:98%; margin-bottom:2%; margin-left:1%; margin-right:1%; float:left; padding: 2% 0px; color: #fff; text-align: center; border-radius: 3px; line-height: 22px; font-size: 14px;}
}



.clr{width:100%; clear:both; height:1px; line-height:1px; font-size:1px;}


/*分页*/
.pagination {}
.pagination li {display: inline-block;margin-right: -1px;padding: 5px;border: 1px solid #e2e2e2;min-width: 20px;text-align: center;}
.pagination li.active {background: #009688;color: #fff;border: 1px solid #009688;}
.pagination li a {display: block;text-align: center;}