@charset "utf-8";
	body {
	background:#fff;
	color:#000;
	font-weight:400;
	-webkit-font-smoothing:antialiased
}
* {
	margin:0;
	padding:0
}
/*.header .layui-nav {
	position:absolute;
	right:0;
	top:0;
	padding:0;
	background:0 0
}
.footer,.layui-main,.user .main,.user .page-title {
	position:relative
}
.header {
	height:59px;
	border-bottom:1px solid #404553;
	background-color:#393D49
}
.footer {
	font-family:Rubik,sans-serif;
	/*padding-bottom:20px;
	background:#2F4056;
	padding-top:20px;
	z-index:3;
	margin:0 auto;
	overflow:hidden;
	color:#fff;
}
.footer a {
	color:#fff!important
}
.footer a:hover {
	color:#01AAED!important
}
*/.layui-main {
	max-width:1140px;
	width:100%;
	margin:0 auto
}
.layui-main .layui-tab ul {
	_text-align:center
}
.layui-main .layui-tab li {
	_border:1px solid #e2e2e2;
	_margin-left:5px;
	_border-bottom:none
}
.user {
	_height:450px;
	min-height:600px;
	_background:#f2f2f2;
	padding-top:85px;
	padding-bottom:40px
}
.reg {
	padding-top:5px
}
.user .layui-main {
	height:100%
}
.user .main {
	min-height:200px;
	padding:1rem 3.25rem 1.2rem;
	background:#fff;
	margin:0 auto;
	max-width:450px;
	top:90px;
	width:100%;
	z-index:5;
	-moz-transition-property:all;
	-o-transition-property:all;
	-webkit-transition-property:all;
	transition-property:all;
	-moz-transition-duration:.3s;
	-o-transition-duration:.3s;
	-webkit-transition-duration:.3s;
	transition-duration:.3s
}
.user .page-title {
	font-size:18px;
	margin:0 0 30px;
	padding:10px 15px;
	line-height:30px;
	border-bottom:1px solid #DFDFDF
}
.user .page-title a {
	float:right;
	font-size:14px;
	color:#f30
}
.layui-table .open-ball span {
	background:#01AAED;
	border-radius:16px;
	width:28px;
	line-height:28px;
	height:28px;
	color:#fff;
	font-style:normal;
	margin:2px;
	display:inline-block;
	text-align:center
}
.layui-table-page {
	text-align:center
}
.text-info {
	color:#1E9FFF;
	font-style:normal
}
.text-token {
	color:#01AAED;
	font-style:normal
}
.text-left {
	text-align:left
}
.text-loding {
	padding:15px 0;
	text-align:center;
	color:#999
}
.text-display {
	display:none
}
.page-cont {
	margin:10px 0 15px 5px;
	padding:20px;
	_width:100%;
	overflow:hidden;
	background:#fff;
	box-shadow:0 0 10px #ddd
}
.code-ball .ball_cir {
	display:inline-block;
	min-width:24px;
	height:24px;
	line-height:24px;
	text-align:center;
	vertical-align:middle;
	background:#7e4e5d;
	border-radius:3px;
	border:1px solid transparent;
	color:#fff;
	font-style:normal;
	font-size:14px;
	font-weight:700
}
.code-ball .bg_red {
	background-color:#e84e40;
	color:#fff
}
.code-ball .bg_grey {
	background-color:#bdc3c7;
	color:#fff
}
.code-ball .bg_green {
	background-color:#0c0;
	color:#fff
}
.code-ball .bg_blue {
	background-color:#3c51e7;
	color:#fff
}
.code-ball .bg_orange {
	background-color:#ffa800;
	color:#fff
}
.code-ball .bg_purple {
	background-color:#c6c;
	color:#fff
}
.code-ball .bg_cyan {
	background-color:#099;
	color:#fff
}
.code-ball .bg_khaki {
	background-color:#c63;
	color:#fff
}
.code-ball .bg_dark {
	background-color:#666;
	color:#fff
}
.code-ball .txt_red {
	color:#e74c3c
}
.code-ball .txt_grey {
	color:#ccc
}
.code-ball .txt_green {
	color:#0c0
}
.code-ball .txt_blue {
	color:#3c51e7
}
.code-ball .txt_orange {
	color:#ffa800
}
.code-ball .txt_purple {
	color:#c6c
}
.code-ball .txt_cyan {
	color:#099
}
.code-ball .txt_khaki {
	color:#c63
}
.code-ball .txt_dark {
	color:#666
}
.fl {
	float:left
}
.fr {
	float:right
}
.trend-tab {
	height:40px;
	line-height:40px;
	border-bottom:1px solid #e5e5e5
}
.trend-tab .tab-a {
	background:#fafafa;
	overflow:hidden
}
.trend-tab .tab-a a {
	display:inline-block;
	float:left;
	width:110px;
	text-align:center;
	color:#333
}
.trend-tab .tab-a a.active,.trend-tab .tab-a a:hover {
	background:#666;
	color:#fff
}
.trend-tab .day-a a {
	display:inline-block;
	height:28px;
	line-height:28px;
	width:45px;
	text-align:center;
	float:left;
	margin-left:5px;
	margin-top:6px;
	border-radius:3px;
	font-size:13px
}
.trend-tab .day-a a.active,.trend-tab .day-a a:hover {
	background:#e73f3f;
	color:#fff
}
.trend-tab .filter-time {
	border:1px solid #ddd;
	font-size:13px;
	margin-top:5px;
	margin-left:30px
}
.trend-tab .filter-time .text {
	float:left;
	height:28px;
	line-height:28px;
	padding:0 8px;
	width:99px;
	border-left:1px solid #ddd;
	background:url(../img/time.jpg) 89px center no-repeat;
	font-size:13px
}
.trend-tab .filter-time .btn,.trend-tab .filter-time span {
	display:inline-block;
	float:left;
	padding:0 10px;
	height:28px;
	line-height:28px;
	background:#f1f1f1
}
.trend-tab .filter-time .btn {
	cursor:pointer;
	font-size:13px
}
input,select,textarea {
	box-shadow:none;
	border-radius:0;
	background:0 0;
	border:none
}
.layui-btn.layui-this {
	border-color:#1E9FFF;
	background:#1E9FFF;
	color:#fff
}
ol.items {
	margin-left:10px
}
ol.items li {
	list-style:decimal;
	line-height:25px;
	color:#666
}
.layadmin-user-login-icon {
	position:absolute;
	left:1px;
	top:1px;
	width:38px;
	line-height:36px;
	text-align:center;
	color:#d2d2d2
}
.layadmin-user-login-box {
	padding:20px
}
.layadmin-user-login-body .layui-form-item {
	position:relative
}
.layadmin-user-login-body .layui-form-item .layui-input {
	padding-left:38px
}
.layadmin-user-login-codeimg {
	max-height:38px;
	width:100%;
	cursor:pointer;
	box-sizing:border-box
}
.layui-input:focus,.layui-textarea:focus {
	border-color:rgba(91,192,222,.8)!important;
	-webkit-box-shadow:0 0 5px rgba(91,192,222,.5);
	-moz-box-shadow:0 0 5px rgba(91,192,222,.5);
	box-shadow:0 0 5px rgba(91,192,222,.5)
}
.layui-input:hover,.layui-textarea:hover {
	border-color:rgba(91,192,222,.8)!important;
	-webkit-box-shadow:0 0 5px rgba(91,192,222,.5);
	-moz-box-shadow:0 0 5px rgba(91,192,222,.5);
	box-shadow:0 0 5px rgba(91,192,222,.5)
}
.layui-form-danger,.layui-form-danger:focus,.layui-form-danger:hover {
	border-color:rgba(255,87,34,.8)!important;
	-webkit-box-shadow:0 0 5px rgba(255,87,34,.5);
	-moz-box-shadow:0 0 5px rgba(255,87,34,.5);
	box-shadow:0 0 5px rgba(255,87,34,.5)
}
.box h1 {
	margin-bottom:20px;
	line-height:60px;
	padding-bottom:10px;
	color:#393D49;
	border-bottom:1px solid #eee;
	font-size:28px;
	text-align:center
}
.box p {
	text-indent:2em;
	color:#88909f
}
