@charset "utf-8";
/* CSS Document */

@import url("../base.css");

/*================管理首页布局.开始===================*/
.main-top{ background:#0085E8; position:fixed; top:0; right:0; left:150px; height:50px; z-index:11; }
.main-left{ background:#0074ca; position:absolute; top:0; bottom:0; left:0; width:150px; z-index:10; }
.main-container{ position:absolute; top:50px; right:0; bottom:0; left:150px; overflow:hidden; -webkit-overflow-scrolling:touch; overflow-y:auto; transition:all 0.4s; }
.main-container iframe{ position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; }
/*================管理首页布局.结束===================*/


/* =========================全局样式.开始========================= */
a {
	color: #333;
	text-decoration: none;
}

	a:active, a:hover {
		color: #0085E8;
			text-decoration: none;
	}
/* =========================全局样式.结束========================= */

/* =========================登录页样式.开始======================= */
.login-wrap {
    position: absolute;
    top: 45%;
    left: 75%;
    margin: -150px auto auto -140px;
    width: 280px;
    text-align: center;
    box-shadow: 5px 5px 5px #0f599d;
    padding: 60px 20px 60px 20px;
    background-color: #fff;
    border-radius: 16px;

}

.login-logo {
	margin: 0 auto 10px;
	text-indent: -9999em; /*width:160px;*/
	height: 42px;
	background: url(logologin.png) center no-repeat;
}

.login-form .col {
	position: relative;
	padding: 10px 0;
}

	.login-form .col .icon {
		position: absolute;
		display: block;
		top: 22px;
		left: 10px;
		width: 14px;
		height: 14px;
		cursor: pointer;
	}

		.login-form .col .icon i {
			color: #ccc;
			font-size: 14px;
			line-height: 1em;
			vertical-align: middle;
		}

	.login-form .col .login-input {
		display: block;
		padding: 5px 10px 5px 34px;
		background: #fff;
		border: 0;
		border-radius: 3px;
		font-size: 14px;
		line-height: 32px;
		*line-height: 30px;
		height: 32px;
		width: 236px;
		color: #333;
border: 1px solid #c1c1c1;
	}

	.login-form .col .login-btn {
		display: block;
		padding: 5px 0;
		font-size: 14px;
		color: #fff;
		width: 100%;
		line-height: 28px;
		height: 42px;
		background: #0386fe;
		border: 0;
		border-radius: 3px;
		letter-spacing: .5em;
		cursor: pointer;
	}

.login-tips {
	display: block;
	margin: 10px auto 0;
	height: 14px;
	vertical-align: middle;
}

	.login-tips i {
		display: inline-block;
		margin-right: 5px;
		width: 14px;
		height: 14px;
		color: #999999;
		font-size: 12px;
		line-height: 14px;
		vertical-align: middle;
		zoom: 1;
		*display: inline;
	}

	.login-tips p {
		display: inline-block;
		height: 14px;
		line-height: 14px;
		font-size: 12px;
		font-weight: normal;
		color: #000;
		vertical-align: middle;
		zoom: 1;
		*display: inline;
	}

.copy-right {
	display: block;
	position: absolute;
	right: 0;
	bottom: 10px;
	left: 0;
	text-align: center;
}

	.copy-right p {
		font-size: 12px;
		color: #fff;
		line-height: 1.8em;
	}
/* ==========================登录页样式.结束======================== */

/* =========================管理首页样式.开始======================= */

/*顶部主菜单*/
.icon-menu {
	background:#0085e8;
	display: block;
	float: left;
	width:50px;
	height:50px;
	
	text-align: center;
	cursor: pointer;
	overflow: hidden;
}

	.icon-menu:hover {
		text-decoration: none;
	}

	.icon-menu i {
		color: #fff;
		font-size: 18px;
		line-height:50px;
	}
.main-all{ float:right;}
.main-all a{ text-decoration: none; font-size:14px; color:#fff; width:50px; height:50px; align-items:center; float:left; display:flex; justify-content:center; position:relative;}
.main-all a img{ width:20px;}
.main-all .drop-color{    background-color: #fff; 

position: absolute;
    top: 100%;
    right: 0;
    z-index: 1000;
   /* display: none;*/
 
    min-width: 160px;
    padding:0 15px 10px 15px;
  
    font-size: 14px;
    text-align: left;
    -webkit-box-shadow: 0 0 4px rgb(0 0 0 / 8%);
    box-shadow: 0 0 4px rgb(0 0 0 / 8%); display:none;}
.main-all .drop-color li{ margin-top:15px; position:relative;}
.main-all .drop-color li span{ width:100%; height:15px; display:block; vertical-align:top; position:relative;}
.main-all .drop-color li.selected:after{ content:''; background:url(selected-arrow.png) no-repeat; background-size:100% auto; width:16px; height:16px; position:absolute; left:50%; top:0; transform:translateX(-50%);}
.main-all a:hover .drop-color{ display:block;}
.main-nav {
	display: block;
	float:left;
}
 
	.main-nav a {
		display: block;
		float: left;
		margin: 0;
		padding: 0 12px;
		line-height:50px;
		color:#fff;
		font-size: 14px;
		cursor: pointer;
		
		text-decoration: none;
	}

	 .main-nav a:hover, .main-nav a.selected { background:#0074CA; 
	
		}
/*顶部右边导航*/
.nav-right {
	float: right;
	position:relative;
	cursor:pointer;
	 padding:0 20px;
}

	.nav-right .info {
		float: left;
	
		
	}

		.nav-right .info h4 {
			display: block;
			float: left;
			margin: 6px 10px 0 0;
			width: 30px;
			height: 30px;
			border: 1px solid #eee;
			border-radius: 30px;
			text-align: center;
			background: #fafafa;
			overflow: hidden;
		}

			.nav-right .info h4 i {
				color: #686f7f;
				font-size: 28px;
				font-weight: normal;
				line-height: 30px;
			}

			.nav-right .info h4 img {
				width: 30px;
				height: 30px;
			}

		.nav-right .info span {
			display: block;
		
		line-height:50px;
			color:#fff;
			font-size:14px;
			
		}
	/*右边导航菜单项*/
	.nav-right .option {
	
		cursor: pointer;
		float: left;
		margin-left:7px;
		
	}

		.nav-right .option i {
			display: block;
			height:50px;
			color: #fff;
			font-size: 14px;
			line-height:50px; transition:all 0.4s;
		}

		
		.nav-right:hover{ background:#0074CA; }
		.nav-right:hover .option i{ transform:rotate(180deg);}
			.nav-right:hover .drop-wrap {
				display: block;
			}

.drop-wrap {
	background:#fff;
	width:100%;
	display: none;
	position: absolute;
	top:50px;
	left:0;
	-webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
}

	
		.drop-wrap .item li a {
			display: block;
			padding:0 20px;
			color: #333;
			font-size:14px;
			line-height:36px;
			white-space: nowrap;
			text-decoration: none;
			
		}

			.drop-wrap .item li a:hover {     background-color: #efefef;
				
			}
			

/*左边样式*/

.logo {
	display: block;
	height:50px;
	background: url(logo.png) no-repeat center #0085E8;

	border-top: 0;
	border-left: 0;
	text-indent: -9999px;
	overflow: hidden;
}

/*.sidebar-nav{ height:calc(100% - 50px);}*/
.sidebar-nav .list-group {
	display: none;
	height:100%;
}

	.sidebar-nav .list-group .list-wrap {
		position:relative;
		top:0;
		right: 0;
		bottom: 0;
		left: 0;
		padding-top:15px;
		width:100%;
		height:100%;
		
	}

	.sidebar-nav .list-group h1 {
		display: none;
	}

	.sidebar-nav .list-group h2 {
		position: relative;
		display: block;
		color: #fff;
		font-size: 12px;
		font-weight: normal;
		line-height: 40px;
		display:none;
		border-bottom: 1px solid #468dbd;
	}

		.sidebar-nav .list-group h2 i {
			position: absolute;
			display: block;
			top: 11px;
			right: 0;
			width: 20px;
			height: 20px;
			color: #c0c0c0;
			font-size: 10px;
			text-align: center;
			line-height: 20px;
		}

	

		.sidebar-nav .list-group ul li a {
			position: relative;
			display:flex;  align-items:center;
			padding:0 5px 0 15px;
			color: #fff;
			font-size:14px;
			height:50px;
			cursor: pointer;
			white-space: nowrap;
			text-overflow: ellipsis;
			overflow: hidden;
		}

			.sidebar-nav .list-group ul li a:hover {
				text-decoration: none;
				background:#0085e8;
			
			}
			.sidebar-nav .list-group h2 ~ ul > li > a.current {
				text-decoration: none;
				background:#0085e8;
				color:#fff;
			}

			.sidebar-nav .list-group ul li a.selected {
				text-decoration: none;
				color:#177ce3;
				
				
			}

			.sidebar-nav .list-group ul li a .icon {
				display: block;
				float: left;
				margin-right:5px;
			
				width: 18px;
			
				color: #fff;
			
				text-align: center;
				overflow: hidden;
			}

				.sidebar-nav .list-group ul li a .icon img { max-width:100%;
					
				}

			.sidebar-nav .list-group ul li a .expandable {
				position: absolute;
				display: block;
				top: 10px;
				right: 4px;
				width: 12px;
				height: 12px;
				color: #fff;
				font-size: 10px;
				text-align: center;
				line-height: 12px;
				-webkit-transform: scale(0.833); display:none;
			}
			
			.sidebar-nav .list-group ul li > ul{width: 150px;
    background: #fff;
    height: calc(100vh - 50px);
    border-right: 1px solid #d5e1e7;
    position: absolute;
    left: 150px;
    top: 0;
    z-index: 99;
    padding-top: 20px;
    overflow-y: auto;
    overflow-x: hidden;}
	
	.sidebar-nav .list-group ul li ul li a{ height:40px; line-height:40px; padding:0 5px 0 20px; color:#3e3f41;}
	.sidebar-nav .list-group ul li ul li a .icon{ display:none;}	
	
	.sidebar-nav .list-group ul li ul li a:hover{ background:none;
				text-decoration: none;
				color:#0085e8;
				
				
			}
			
			.sidebar-nav .list-group ul li > ul li > ul{ width:100%; padding-left:15px; position:relative; height:auto; border:0; position:relative; left:auto; top:auto; padding-top:0;}
			.sidebar-nav .list-group ul li > ul li > ul li a{color:#858585;}
			.sidebar-nav .list-group ul li > ul li a .expandable{ width:auto; height:auto; display:block; color:#3e3f41; line-height:40px; top:0; right:10px; font-size:14px; transition:all 0.4s;}
			.sidebar-nav .list-group ul li .icon-close:before{ content:"\e607";}
			.sidebar-nav .list-group ul li .icon-open:before{  content: "\e858";}
			
		
			
		
			
			
			.sidebar-news{ position:relative; padding-top:10px;}
			.sidebar-news .swith-ul{ display:none;}
			.sidebar-news .swith-ul:first-child{ display:block;}
			.sidebar-news li .li-a{ position:relative; display:flex; align-items:center; padding:0 5px 0 15px; color:#fff; font-size:14px; height:50px; cursor:pointer; white-space:nowrap; text-overflow:ellipsis; }
		    .sidebar-news li .li-a .icon { display:block; float:left; margin-right:5px; width:18px; text-align:center; }
			.sidebar-news li .li-a .icon img{ max-width:100%;}
			.sidebar-news li .li-a.current{ background:#0085e8;}
			.sidebar-news li.current .li-a{ background:#0085e8;}
			 .sidebar-news li .subNav{width: 150px;
    background:#fff;
    height:calc(100vh - 50px);
    position: absolute;
    left:150px;
    top:0;
    z-index: 99;
    padding-top: 20px;
    overflow-y: auto;
    overflow-x: hidden; display:none;   -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.08);
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.08);
    box-shadow: 0px 0px 5px rgba(0,0,0,0.08);}
	
	
	.sidebar-news li .subNav .dd-a {
    height: 45px;
    line-height: 45px;
    padding: 0 5px 0 20px;
    color: #333;
	font-size:14px; display:block;
	position:relative; box-sizing:border-box;
	
}
.sidebar-news li .subNav .dd-a.active{ background:#eef7ff; font-weight:bold; color:#0074CA;}
.sidebar-news li .subNav .dd-a.active:before{     content: ""; background:#0074CA;
    position: absolute;
    left: 0;
    top: 10px;
    width: 4px;
    height: 20px;}
.sidebar-news li .subNav .dd-a.active .arrow:before{ transform:rotate(-135deg);-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-o-transform:rotate(-135deg);-ms-transform:rotate(-135deg); top:21px;}
.sidebar-news li .subNav .dd-a .arrow{ width:40px; height:100%; position:absolute; right:0; top:0;}
.sidebar-news li .subNav .dd-a .arrow:before{content:''; height:6px; width:6px; display:block; border:1.5px solid #999; border-left-width:0; border-top-width:0; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg); position:absolute; top:19px; right:19px; transition:all 0.4s;}


.sidebar-news li .subNav .three-menu{ display:none;}
	 
.sidebar-news li .subNav .three-menu a{
    height:45px;
    line-height:45px;
    padding: 0 5px 0 30px;
    color: #999;
	font-size:14px; display:block;
}

.sidebar-news li .subNav .three-menu a:hover, .sidebar-news li .subNav .three-menu a.active{ background:#f3f3f3; color:#333;}

	
		

.sidebar-system { padding-top:0;}		

/*迷你界面样式*/
.lay-mini .main-top {
	left: 0;
}

.lay-mini .main-nav {
	display: none;
}

.lay-mini .main-container {
	left: 43px;
}

.lay-mini .main-left {
	background:#0085e8;
	width:50px;
}

.lay-mini .sidebar-nav .list-group {
	display: block !important;
	margin: 0;
	padding:5px;
	width: 40px;
	height: 40px;
}

.lay-mini .sidebar-news li .li-a{ font-size:0; padding:0 10px;}
.lay-mini .sidebar-news li .li-a .icon{ width:22px;}
.lay-mini .sidebar-news li .subNav{ left:50px;}

	.lay-mini .sidebar-nav .list-group h1 {
		display: block;
		margin: 0;
		
		width: 40px;
		height: 40px;
		cursor: pointer;
		overflow: hidden;
		display: flex;
    justify-content:center;
    align-items: center;
	}

	.lay-mini .sidebar-nav .list-group.selected h1, .sidebar-nav .list-group:hover h1 {
		background:#1178d7;
		border-radius: 3px;
	}

	.lay-mini .sidebar-nav .list-group h1 i {
		color: #f3f3f3;
		font-size: 14px;
	}

	.lay-mini .sidebar-nav .list-group h1 img {
		
	}

	.lay-mini .sidebar-nav .list-group .list-wrap {
		display: none;
		position: absolute;
		top: 50px;
		left: 50px;
		bottom: 0;
		
		width: 160px;
		background:#329af9;
	}

	.lay-mini .sidebar-nav .list-group:hover .list-wrap {
		display: block;
	}

/*右边框架*/
.main-container {
	background: #fff;
}
/*快捷导航*/
.btn-paograms {
	display: block;
	position: absolute;
	bottom: 15px;
	right: 25px;
	z-index: 12;
	cursor: pointer;
	width: 20px;
	height: 20px;
	text-align: center;
}

	.btn-paograms:hover {
		text-decoration: none;
	}

	.btn-paograms i {
		color: #c6c7c8;
		font-size: 20px;
		line-height: 20px;
	}

	.btn-paograms:hover i {
		color: #267cb7;
	}

.pop-menu { /*visibility:hidden;*/
	display: none;
	position: absolute;
	right: 20px;
	bottom: 40px;
	z-index: 12;
	background: #09F;
}

	.pop-menu .pop-box {
		position: absolute;
		display: block;
		right: 0;
		bottom: 5px;
		padding: 30px 10px 10px 11px;
		border: 1px solid #dbdbdb;
		background: #fff;
		box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
		overflow: hidden;
	}

		.pop-menu .pop-box .list-box {
			display: block;
			width: 100%;
			height: 100%;
			overflow: auto;
		}

			.pop-menu .pop-box .list-box .list-group {
				display: block;
				float: left;
				margin-left: -1px;
				padding: 0;
				width: 120px;
				height: auto;
				border: 1px solid #f2f2f2;
				overflow: hidden;
			}

				.pop-menu .pop-box .list-box .list-group:first-child {
					margin-left: 0;
				}

				.pop-menu .pop-box .list-box .list-group h1 {
					display: none;
				}

				.pop-menu .pop-box .list-box .list-group h2 {
					padding: 8px;
					font-size: 12px;
					color: #555;
					font-weight: bold;
					line-height: 1.0em;
					background: #f9f9f9;
				}

					.pop-menu .pop-box .list-box .list-group h2 i {
						display: none;
					}

				.pop-menu .pop-box .list-box .list-group ul {
					margin-left: 10px;
				}

			.pop-menu .pop-box .list-box ul li a {
				display: block;
				padding: 8px 10px;
				font-size: 12px;
				color: #686f7f;
				line-height: 1.0em;
				white-space: nowrap;
				text-overflow: ellipsis;
				overflow: hidden;
			}

				.pop-menu .pop-box .list-box ul li a:hover {
					text-decoration: none;
				}

				.pop-menu .pop-box .list-box ul li a.nolink {
					font-weight: bold;
					cursor: default;
				}

				.pop-menu .pop-box .list-box ul li a.link {
					cursor: pointer;
				}

					.pop-menu .pop-box .list-box ul li a.link:hover {
						color: #fff;
						background: #55afeb;
					}

		.pop-menu .pop-box h1.title {
			position: absolute;
			top: 8px;
			left: 10px;
			line-height: 14px;
			font-size: 13px;
			font-weight: bold;
			color: #333;
		}

			.pop-menu .pop-box h1.title i {
				display: inline-block;
				margin-right: 2px;
				width: 14px;
				color: #686f7f;
				font-size: 14px;
				line-height: 1em;
				text-align: center;
				vertical-align: top;
			}

		.pop-menu .pop-box .close {
			position: absolute;
			display: block;
			top: 8px;
			right: 6px;
			width: 14px;
			height: 14px;
			color: #686f7f;
			font-size: 12px;
			text-align: center;
			line-height: 14px;
			cursor: pointer;
		}

.nlist-1 {
	padding: 8px 0;
	color: #444;
	font-size: 12px;
}

	.nlist-1 ul {
		position: relative;
		padding: 0 0 0 20px;
	}

		.nlist-1 ul:after {
			clear: both;
			content: ".";
			display: block;
			height: 0;
			visibility: hidden;
		}

		.nlist-1 ul li {
			float: left;
			width: 33.32%;
		}

			.nlist-1 ul li p {
				margin-right: 10px;
				line-height: 32px;
				white-space: nowrap;
				text-overflow: ellipsis;
				overflow: hidden;
			}

.nlist-2 {
	line-height: 30px;
	border: 1px solid #ebebeb;
	color: #444;
	font-size: 12px;
}

	.nlist-2 h3 {
		margin: 0;
		padding: 0 0 0 20px;
		font-size: 12px;
		font-weight: bold;
		color: #333;
		line-height: 34px;
		height: 34px;
	}

		.nlist-2 h3 i {
			display: inline-block;
			margin-right: 3px;
			width: 14px;
			color: #333;
			font-size: 12px;
			line-height: 12px;
			vertical-align: middle;
		}

	.nlist-2 ul {
		padding: 0 0 10px 20px;
	}

		.nlist-2 ul:after {
			clear: both;
			content: ".";
			display: block;
			height: 0;
			visibility: hidden;
		}

		.nlist-2 ul li {
			float: left;
			width: 33.32%;
		}

			.nlist-2 ul li p {
				margin-right: 10px;
				white-space: nowrap;
				text-overflow: ellipsis;
				overflow: hidden;
			}

.nlist-3 {
	float: left;
	width: 350px;
	overflow: hidden;
}

	.nlist-3 ul:after {
		clear: both;
		content: ".";
		display: block;
		height: 0;
		visibility: hidden;
	}

	.nlist-3 ul li {
		float: left;
		width: 25%;
		height: 108px;
		_display: inline;
		_zoom: 1;
	}

		.nlist-3 ul li a {
			display: block;
			width: 64px;
			height: 64px;
			border: 1px solid #999;
			border-radius: 64px;
			text-align: center;
			text-decoration: none;
		}

			.nlist-3 ul li a:hover {
				border-color: #005eac;
			}

			.nlist-3 ul li a i {
				color: #686f7f;
				font-size: 40px;
				line-height: 64px;
			}

			.nlist-3 ul li a:hover i {
				color: #005eac;
			}

		.nlist-3 ul li span {
			display: block;
			width: 64px;
			height: 24px;
			line-height: 24px;
			text-align: center;
			font-size: 12px;
			color: #444;
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
		}

.nlist-4 {
	margin-left: 350px;
	border: 1px solid #eee;
	font-size: 12px;
	height: 192px;
	overflow: hidden;
}

	.nlist-4 h3 {
		margin: 0;
		padding: 0 10px;
		line-height: 34px;
		font-size: 12px;
		color: #333;
	}

		.nlist-4 h3 i {
			display: inline-block;
			margin-right: 3px;
			width: 14px;
			color: #333;
			font-size: 12px;
			line-height: 12px;
			vertical-align: middle;
		}

	.nlist-4 ul {
		padding: 0 10px;
	}

		.nlist-4 ul li {
			color: #005eac;
			line-height: 22px;
			white-space: nowrap;
			text-overflow: ellipsis;
			overflow: hidden;
		}
/* =========================管理首页样式.结束======================= */

/* =========================内页通用样式.开始======================= */
.location {
	padding-bottom: 9px;
	border-bottom: solid 1px #eee;
	height: 22px;
	line-height: 22px;
	font-size: 12px;
	color: #686f7f;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

	.location a {
		display: inline-block;
		color: #686f7f;
		text-decoration: none;
	}

		.location a:hover {
			color: #0065D9;
			text-decoration: none;
		}

		.location a i {
			display: inline-block;
			margin-right: 5px;
			width: 12px;
			height: 14px;
			color: #333;
			font-size: 12px;
			line-height: 12px;
			vertical-align: middle;
		}

		.location a.back {
			margin-right: 15px;
		}

	.location .arrow {
		display: inline-block;
		margin: auto 0;
		width: 10px;
		height: 14px;
		color: #333;
		font-size: 10px;
		line-height: 12px;
		vertical-align: middle;
		-webkit-transform: scale(0.833);
	}

textarea {
	overflow: auto;
}

	textarea.input {
		width: 300px;
		height: 65px;
	}

.input {
	padding: 5px 4px;
	min-height: 32px;
	line-height: 20px;
	border: 1px solid #eee;
	background: #fff;
	vertical-align: middle;
	color: #333;
	font-size: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	*min-height: 20px;
}

	.input.normal {
		width: 300px;
	}

	.input.txt {
		width: 200px;
	}

	.input.small {
		width: 80px;
	}

	.input:focus {
		background: #FFFBDE;
		border-color: #7BBFF2;
		outline: 2px solid #99D8F5;
	}
/*日期样式*/
.date-input {
	position: relative;
	display: inline-block;
	width: 160px;
	height: 32px;
	vertical-align: middle;
	*display: inline;
}

	.date-input i {
		display: block;
		position: absolute;
		top: 10px;
		left: 8px;
		width: 14px;
		height: 14px;
		line-height: 14px;
		color: #535353;
		font-size: 14px;
		text-align: center;
	}

.select {
	margin: 1px;
	padding: 4px;
	min-height: 20px;
	line-height: 20px;
	border: 1px solid #eee;
	background: #fff;
	vertical-align: middle;
	color: #333;
	font-size: 100%;
}

.date-input input {
	padding-left: 25px;
	width: 160px;
}

.select1 {
	padding: 1px;
	min-height: 20px;
	line-height: 20px;
	border: 1px solid #eee;
	background: #fff;
	vertical-align: middle;
	color: #333;
	font-size: 100%;
}
/* =========================内页通用样式.结束======================= */

/* ==========================列表页样式.开始======================== */
.toolbar-wrap {
	/*padding: 10px 0;*/
	width: 100%;
	*position: relative;
	*z-index: 1;
}

.toolbar {
	top: 0;
	right: 15px;
	left: 15px;
	bottom: auto;
	padding: 10px 0 5px;
	min-height: 32px;
	background: #fff;
	z-index: 2;
	font-size: 12px;
	color: #333;
}

	.toolbar:after {
		clear: both;
		content: ".";
		display: block;
		height: 0;
		visibility: hidden;
	}

	.toolbar .box-wrap {
		position: relative;
	}

	.toolbar .menu-btn {
		display: none;
		width: 30px;
		height: 30px;
		line-height: 30px;
		text-align: center;
		border: solid 1px #eee;
		background: #fafafa;
		color: #535353;
		cursor: pointer;
	}

		.toolbar .menu-btn:hover {
			color: #0386fe;
			text-decoration: none;
		}

		.toolbar .menu-btn i {
			font-size: 14px;
		}

	.toolbar .l-list {
		display: block;
	}

		.toolbar .l-list .icon-list {
			float: left;
			display: block;
			margin: 0 10px 0 1px;
			padding-bottom: 5px;
		}

			.toolbar .l-list .icon-list:after {
				clear: both;
				content: ".";
				display: block;
				height: 0;
				visibility: hidden;
			}

			.toolbar .l-list .icon-list li {
				float: left;
			}

				.toolbar .l-list .icon-list li a {
					display: inline-block;
					margin: 0 0 -1px -1px;
					padding: 5px 10px 5px 8px;
					line-height: 20px;
					height: 20px;
					border: solid 1px #eee;
					color: #2b2b2b;
					font-size: 12px;
					text-decoration: none;
					background: #fafafa;
					white-space: nowrap;
					word-break: break-all;
				}

					.toolbar .l-list .icon-list li a:hover {
						color:#0085e8;
						text-decoration: none;
					}

					.toolbar .l-list .icon-list li a span {
						display: inline-block;
					}

					.toolbar .l-list .icon-list li a i {
						margin-right: 3px;
						font-size: 14px;
					}

		.toolbar .l-list .menu-list {
			float: left;
			display: block;
			margin: 0;
			padding-bottom: 5px;
		}

			.toolbar .l-list .menu-list:after {
				clear: both;
				content: ".";
				display: block;
				height: 0;
				visibility: hidden;
			}

	.toolbar .r-list {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
	}

		.toolbar .r-list .keyword {
			display: block;
			float: left;
			margin: 0;
			padding: 0 5px;
			width: 110px;
			height: 30px;
			line-height: 28px;
			font-size: 12px;
			border: 1px solid #eee;
			color: #444;
		}

		.toolbar .r-list a {
			display: block;
			float: left;
			padding: 0;
			width: 30px;
			height: 30px;
			line-height: 30px;
			border: 1px solid #eee;
			background: #fafafa;
			color: #535353;
			font-size: 12px;
			text-align: center;
			line-height: 30px;
			cursor: pointer;
		}

			.toolbar .r-list a:hover {
				color: #267cb7;
				text-decoration: none;
			}

		.toolbar .r-list .btn-search {
			margin: 0 0 0 -1px;
		}

		.toolbar .r-list .img-view {
			margin-left: 10px;
		}

		.toolbar .r-list .txt-view {
			border-left: none;
		}

		.toolbar .r-list a i {
			font-size: 14px;
		}
	/*迷你样式*/
	.toolbar.mini .menu-btn {
		display: block;
	}

	.toolbar.mini .l-list {
		display: none;
		position: absolute;
		top: 37px;
		left: 0;
		right: 0;
		float: none;
		padding: 5px;
		padding-bottom: 0;
		border: 1px solid #eee;
		background: #fafafa;
		z-index: 1;
	}

	.toolbar.list .icon-list {
		float: none;
	}

	.toolbar.list .menu-list {
		float: none;
	}

.ltable {
	width: 100%;
	min-width: 600px;
	border: 1px solid #eee;
	font-size: 12px;
}

	.ltable th {
		padding: 8px 0;
		color: #333;
		font-size: 12px;
		font-weight: 500;
		background: #fafafa;
		border-bottom: 1px solid #eee;
		line-height: 1.5em;
	}

	.ltable td {
		padding: 8px 0;
		border-bottom: 1px solid #eee;
		line-height: 1.5em;
		color: #666;
	}

		.ltable td .sort {
			display: inline-block;
			padding: 0 3px;
			border: 1px solid #eee;
			width: 40px;
			height: 20px;
			line-height: 18px;
			color: #666;
			font-size: 12px;
			background: #fff;
			vertical-align: middle;
		}

		.ltable td .btn-tools {
			display: inline-block;
			height: 22px;
			vertical-align: middle;
		}

			.ltable td .btn-tools a {
				display: block;
				float: left;
				margin: 0;
				padding: 0;
				width: 20px;
				height: 20px;
				line-height: 20px;
				text-align: center;
				border: 1px solid #eee;
				border-left: none;
				background: #fff;
				overflow: hidden;
			}

				.ltable td .btn-tools a:first-child {
					border-left: 1px solid #eee;
				}

				.ltable td .btn-tools a:hover {
					text-decoration: none;
				}

				.ltable td .btn-tools a i {
					color: #ccc;
					font-size: 14px;
				}

				.ltable td .btn-tools a:hover i, .ltable td .btn-tools a.selected i {
					color: #535353;
				}

		.ltable td .txt-box {
			display: inline-block;
			margin: 0 2px 0 auto;
			padding: 0 5px;
			border: 1px solid #eee;
			line-height: 20px;
			background: #fff;
		}

		.ltable td .img-box {
			display: inline-block;
			margin: 0 2px 0 auto;
			padding: 0;
			height: 32px;
			vertical-align: middle;
		}

			.ltable td .img-box img {
				padding: 1px;
				width: 30px;
				height: 30px;
				border: 1px solid #eee;
			}

	.ltable tr:hover {
		background: #f7f7f7;
	}

	.ltable .odd_bg {
		background: #fafafa;
	}

	.ltable td .user-avatar {
		display: block;
		width: 64px;
		height: 64px;
		line-height: 64px;
		text-align: center;
		background: #fff;
	}

		.ltable td .user-avatar:hover {
			text-decoration: none;
		}

		.ltable td .user-avatar i {
			color: #eee;
			font-size: 54px;
			line-height: 64px;
		}

	.ltable td .user-box {
		padding-left: 10px;
	}

		.ltable td .user-box h4 {
			margin: 0;
			padding: 0;
			display: block;
			font-weight: normal;
			font-size: 12px;
			height: 16px;
			line-height: 14px;
		}

			.ltable td .user-box h4 b {
				color: #06F;
			}

		.ltable td .user-box i {
			display: block;
			color: #999;
			font-style: normal;
			line-height: 24px;
			height: 24px;
		}

		.ltable td .user-box span {
			display: block;
			padding: 2px 0 0 0;
			height: 14px;
		}

			.ltable td .user-box span a {
				display: block;
				float: left;
				margin-right: 5px;
				width: 20px;
				height: 20px;
				text-align: center;
				background: #fff;
				border: 1px solid #e1e1e1;
			}

				.ltable td .user-box span a:hover {
					text-decoration: none;
				}

				.ltable td .user-box span a i {
					display: inline-block;
					color: #333;
					font-size: 14px;
					height: auto;
					line-height: 20px;
				}

	.ltable td.comment {
		padding: 10px;
		line-height: 1em;
	}

		.ltable td.comment .title {
			margin-bottom: 5px;
			line-height: 180%;
			font-weight: bold;
		}

			.ltable td.comment .title .note {
				float: right;
				font-weight: normal;
			}

				.ltable td.comment .title .note i {
					margin-left: 10px;
					font-style: normal;
					font-family: 'Microsoft YaHei';
					color: #999;
				}

					.ltable td.comment .title .note i.reply {
						padding-left: 18px;
					}

		.ltable td.comment .ask {
			line-height: 180%;
			font-family: 'Microsoft YaHei';
		}

			.ltable td.comment .ask .audit {
				margin-right: 3px;
				display: inline-block;
				vertical-align: middle;
				width: 14px;
				height: 14px;
				background: url(skin_icons.png) -362px -112px no-repeat;
			}

			.ltable td.comment .ask .answer {
				margin-top: 10px;
				padding: 6px 10px;
				border: 1px solid #f6e8b9;
				background: #fbf8e7;
				color: #666;
			}

				.ltable td.comment .ask .answer b {
					color: #090;
				}

				.ltable td.comment .ask .answer .time {
					display: block;
					float: right;
					color: #999;
				}

/*分页样式*/
.pagelist {
	clear: both;
	display: block;
	margin: 0 0 20px 1px;
}

	.pagelist:after {
		clear: both;
		content: ".";
		display: block;
		height: 0;
		visibility: hidden;
	}

	.pagelist .l-btns {
		display: block;
		float: left;
		margin: 2px 5px 0 -1px;
		padding: 0 10px;
		border: 1px solid #dbdbdb;
		height: 28px;
		overflow: hidden;
	}

		.pagelist .l-btns span {
			font-size: 12px;
			color: #333;
			line-height: 28px;
		}

		.pagelist .l-btns .pagenum {
			display: inline-block;
			margin: 0 5px;
			padding: 0 5px;
			border: 1px solid #dbdbdb;
			border-top: 0;
			border-bottom: 0;
			width: 30px;
			height: 28px;
			line-height: 28px;
			font-size: 12px;
			color: #333;
			text-align: center;
			vertical-align: top;
			overflow: hidden;
		}

/*图文列表*/
.imglist {
	width: 100%;
	overflow: hidden;
}

	.imglist ul {
		margin: 0 0 0 -15px;
		padding: 0;
		*padding-bottom: 15px;
		*display: inline-block
	}

		.imglist ul:after {
			content: ".";
			display: block;
			height: 0;
			clear: both;
			visibility: hidden;
		}

		.imglist ul li {
			float: left;
			margin: 0 0 15px 15px;
			min-width: 220px;
		}

			.imglist ul li .details {
				position: relative;
				border: 1px solid #eee;
				box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1);
				background: #fff;
			}

				.imglist ul li .details .check {
					position: absolute;
					top: 0px;
					right: 0px;
					padding: 5px;
					border-left: 1px solid #eee;
					border-bottom: 1px solid #eee;
					background: #fff;
				}

				.imglist ul li .details .absbg {
					position: absolute;
					left: 0px;
					top: 95px;
					width: 100%;
					height: 70px;
					background: #000;
					filter: alpha(opacity=20);
					opacity: 0.2;
				}

				.imglist ul li .details .pic {
					width: 100%;
					height: 165px;
					overflow: hidden;
				}

					.imglist ul li .details .pic img {
						min-width: 100%;
						min-height: 100%;
						cursor: pointer;
					}

				.imglist ul li .details h1 {
					position: absolute;
					display: block;
					padding: 10px 20px;
					left: 0px;
					top: 95px;
					right: 0;
					height: 50px;
					border-bottom: 1px solid #eee;
				}

					.imglist ul li .details h1 span {
						display: block;
						color: #fff;
						font-size: 14px;
						font-weight: bold;
						height: 50px;
						line-height: 25px;
						text-overflow: ellipsis;
						overflow: hidden;
					}

						.imglist ul li .details h1 span a {
							color: #fff;
							text-decoration: none;
						}

				.imglist ul li .details .remark {
					display: block;
					margin: 10px 15px;
					padding: 0;
					height: 60px;
					color: #666;
					font-size: 12px;
					line-height: 20px;
					text-overflow: ellipsis;
					overflow: hidden;
				}

				.imglist ul li .details .foot {
					clear: both;
					display: block;
					padding: 10px 15px;
					height: 20px;
				}

					.imglist ul li .details .foot .time {
						float: left;
						color: #838383;
						font-size: 10px;
						line-height: 20px;
					}

					.imglist ul li .details .foot a {
						display: block;
						float: right;
						margin: 0 0 0 3px;
						padding: 0;
						width: 20px;
						height: 20px;
						line-height: 20px;
						text-align: center;
						overflow: hidden;
					}

						.imglist ul li .details .foot a:hover {
							text-decoration: none;
						}

						.imglist ul li .details .foot a i {
							color: #535353;
							font-size: 14px;
						}

						.imglist ul li .details .foot a:hover i {
							color: #0386fe;
						}

				.imglist ul li .details .tools {
					display: block;
					position: relative;
					padding: 0 15px;
				}

					.imglist ul li .details .tools:after {
						clear: both;
						content: ".";
						display: block;
						height: 0;
						visibility: hidden;
					}

					.imglist ul li .details .tools a {
						display: block;
						float: left;
						margin: 0;
						padding: 0;
						width: 28px;
						height: 28px;
						line-height: 28px;
						text-align: center;
						border: 1px solid #e8e8e8;
						border-left: none;
						background: #fff;
						overflow: hidden;
					}

						.imglist ul li .details .tools a:first-child {
							border-left: 1px solid #e8e8e8;
						}

						.imglist ul li .details .tools a:hover {
							text-decoration: none;
						}

						.imglist ul li .details .tools a i {
							color: #ccc;
							font-size: 14px;
						}

						.imglist ul li .details .tools a:hover i, .imglist ul li .details .tools a.selected i {
							color: #535353;
						}

					.imglist ul li .details .tools .sort {
						float: right;
						margin: 0;
						margin-left: -1px;
						padding: 0 2px;
						border: 1px solid #e8e8e8;
						width: 39px;
						height: 28px;
						line-height: 28px;
						text-align: center;
						color: #66;
						font-size: 12px;
					}

				.imglist ul li .details.nopic h1 {
					display: block;
					position: static;
					top: 0px;
					padding: 17px 20px;
				}

					.imglist ul li .details.nopic h1 span a {
						color: #0386fe
					}

				.imglist ul li .details.nopic .remark {
					display: block;
					margin: 10px 15px;
					padding: 0;
					height: 140px;
					color: #666;
					font-size: 12px;
					line-height: 20px;
					text-overflow: ellipsis;
					overflow: hidden;
				}

/*树型分类样式*/
.tree-list {
	min-width: 600px;
	font-size: 12px;
	border: 1px solid #eee;
	border-bottom: 0;
}

	.tree-list .thead {
		padding: 8px 0;
		color: #333;
		font-size: 12px;
		font-weight: 500;
		line-height: 1.5em;
		border-bottom: 1px solid #eee;
		background: #fafafa;
	}

		.tree-list .thead:after {
			content: ".";
			display: block;
			height: 0;
			clear: both;
			visibility: hidden;
		}

		.tree-list .thead .col {
			display: block;
			float: left;
		}

	.tree-list li .tbody {
		padding: 8px 0;
		color: #666;
		font-size: 12px;
		line-height: 1.5em;
		border-bottom: 1px solid #eee;
	}

		.tree-list li .tbody:after {
			content: ".";
			display: block;
			height: 0;
			clear: both;
			visibility: hidden;
		}

		.tree-list li .tbody .col {
			display: block;
			float: left;
			min-height: 1.5em;
		}

			.tree-list li .tbody .col .icon {
				display: inline-block;
				margin-right: 2px;
				width: 14px;
				height: 14px;
				line-height: 14px;
				color: #c6c7c8;
				font-size: 12px;
				text-align: center;
				vertical-align: middle;
			}

			.tree-list li .tbody .col .expandable {
				cursor: pointer;
			}

			.tree-list li .tbody .col input {
				vertical-align: middle;
			}

			.tree-list li .tbody .col label {
				vertical-align: middle;
			}

			.tree-list li .tbody .col .sort {
				display: inline-block;
				padding: 0 3px;
				border: 1px solid #eee;
				width: 40px;
				height: 20px;
				line-height: 18px;
				color: #666;
				font-size: 12px;
				background: #fff;
				vertical-align: middle;
			}

/*生成静态列表样式*/
.builder-box {
	position: absolute;
	right: 20px;
	bottom: 20px;
	margin: 0;
	padding: 0;
	width: 300px;
	height: 201px;
	border: 1px solid #dbdbdb;
	border-radius: 3px;
	color: #333;
	font-size: 12px;
	background: #fff;
	overflow: hidden;
}

	.builder-box .title {
		position: relative;
		padding: 0 10px;
		height: 40px;
		border-bottom: 1px solid #dbdbdb;
		background: #fafafa;
	}

		.builder-box .title h2 {
			color: #444;
			font-size: 14px;
			font-weight: 700;
			line-height: 40px;
			text-overflow: ellipsis;
			overflow: hidden;
		}

		.builder-box .title .close {
			position: absolute;
			top: 5px;
			right: 3px;
			display: block;
			width: 30px;
			height: 30px;
			line-height: 30px;
			text-align: center;
			cursor: pointer;
		}

			.builder-box .title .close i {
				font-size: 14px;
			}

			.builder-box .title .close:hover {
				text-decoration: none;
			}

	.builder-box .content {
		padding: 10px;
		width: 280px;
		height: 140px;
		text-align: center;
		vertical-align: middle;
		color: #333;
		font-size: 14px;
		line-height: 120px;
		overflow: auto;
	}

		.builder-box .content .list {
			text-align: left;
			line-height: 24px;
			font-size: 13px;
		}

		.builder-box .content span {
			margin-right: 5px;
			font-weight: bold;
		}

		.builder-box .content .suc {
			color: #060;
		}

		.builder-box .content .error {
			color: #F00;
		}
/* ==========================列表页样式.结束======================== */

/* ==========================编辑页样式.开始======================== */
/*Tab选项卡*/
.content-tab-wrap {
	height: 42px;
}

.content-tab {
	z-index: 3;
	top: 0;
	left: 15px;
	right: 15px;
	bottom: auto;
	height: 41px;
	background: #fff;
	border-bottom: 1px solid #eee;
}

.content-tab-ul-wrap {
	position: relative;
}

	.content-tab-ul-wrap:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}

.content-tab ul {
	position: absolute;
	left: 0;
	top: 10px;
}

	.content-tab ul:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}

	.content-tab ul li {
		position: relative;
		display: block;
		float: left;
		margin-right: -1px;
	}

		.content-tab ul li a {
			display: block;
			float: left;
			padding: 0 25px;
			border-top: 1px solid #eee;
			border-right: 1px solid #eee;
			border-left: 1px solid #eee;
			height: 30px;
			line-height: 31px;
			font-size: 12px;
			color: #333;
			text-align: center;
			background: #fff;
			white-space: nowrap;
			word-break: break-all;
		}

			.content-tab ul li a:hover {
				color: #0386fe;
				text-decoration: none;
			}

			.content-tab ul li a.selected {
				color:#0085e8;
				background: #fff;
				height: 31px;
			}

.content-tab .tab-title {
	display: none;
}
/*迷你样式*/
.content-tab.mini .tab-title {
	position: relative;
	display: block;
	float: left;
	margin-top: 10px;
	padding: 0 25px;
	border-top: 1px solid #eee;
	border-right: 1px solid #eee;
	border-left: 1px solid #eee;
	height: 31px;
	line-height: 31px;
	font-size: 12px;
	color: #0386fe;
	text-align: center;
	background: #fff;
	cursor: pointer;
}

	.content-tab.mini .tab-title i {
		position: absolute;
		display: block;
		top: 8px;
		right: 8px;
		width: 14px;
		height: 14px;
		color: #535353;
		font-size: 10px;
		line-height: 14px;
		text-align: center;
		-webkit-transform: scale(0.833);
	}

.content-tab.mini .content-tab-ul-wrap {
	display: inline-block;
	height: 42px;
}

	.content-tab.mini .content-tab-ul-wrap ul {
		display: none;
		background: #fff;
	}

	.content-tab.mini .content-tab-ul-wrap:hover ul {
		display: block;
		top: 41px;
		border: 1px solid #eee;
		z-index: 1;
	}

		.content-tab.mini .content-tab-ul-wrap:hover ul li {
			display: block;
			float: none;
			margin: 0;
		}

			.content-tab.mini .content-tab-ul-wrap:hover ul li a {
				float: none;
				border: 0;
				white-space: nowrap;
				text-overflow: ellipsis;
				overflow: hidden;
			}

/*Tab选项卡内容*/
.div-content {
	padding: 10px 0;
	font-size: 12px;
	color: #666;
}

	.div-content dl dt {
		display: block;
		float: left;
		width: 130px;
		text-align: right;
		color: #333;
	}

	.div-content dl dd {
		margin-left: 150px;
	}

.tab-content {
	padding: 20px 15px;
	font-size: 12px;
	color: #666;
	border: 1px solid #eee;
	border-top: none;
	box-sizing: border-box;
	overflow: hidden;
}

	.tab-content:after {
		clear: both;
		content: ".";
		display: block;
		height: 0;
		visibility: hidden;
	}

	.tab-content dl, .div-content dl {
		clear: both;
		display: block;
		padding: 5px 0;
		line-height: 30px;
	}

		.tab-content dl:after, .div-content dl:after {
			clear: both;
			content: ".";
			display: block;
			height: 0;
			visibility: hidden;
		}

		.tab-content dl:first-child {
			border-top: none;
		}

		.tab-content dl dt {
			display: block;
			float: left;
			width: 130px;
			text-align: right;
			color: #6d7e86;
		}

		.tab-content dl dd {
			position: relative;
			margin-left: 150px;
			*position: static;
		}
	/*迷你样式*/
	.tab-content.mini dl dt {
		display: block;
		float: none;
		text-align: left;
	}

	.tab-content.mini dl dd {
		margin-left: 0;
	}

		.tab-content.mini dl dd .input {
			max-width: 100%;
		}

/*上传样式*/
.upload-box {
	position: relative;
	display: inline-block;
	height: 32px;
	vertical-align: middle;
	zoom: 1;
	*display: inline;
}

	.upload-box .upload-btn {
		display: inline-block;
		height: 32px;
		zoom: 1;
		*display: inline;
	}

	.upload-box .upload-progress {
		position: absolute;
		top: 0;
		left: 0;
		padding: 2px 5px;
		width: 115px;
		height: 26px;
		border: 1px solid #d7d7d7;
		background: #fff;
		overflow: hidden;
	}

		.upload-box .upload-progress .txt {
			display: block;
			padding-right: 10px;
			font-weight: normal;
			font-style: normal;
			font-size: 11px;
			line-height: 18px;
			height: 18px;
			text-overflow: ellipsis;
			overflow: hidden;
		}

		.upload-box .upload-progress .bar {
			position: relative;
			display: block;
			width: 112px;
			height: 4px;
			border: 1px solid #1da76b;
		}

			.upload-box .upload-progress .bar b {
				display: block;
				width: 0%;
				height: 4px;
				font-weight: normal;
				text-indent: -99em;
				background: #28B779;
				overflow: hidden;
			}

		.upload-box .upload-progress .close {
			position: absolute;
			display: block;
			top: 1px;
			right: 1px;
			width: 14px;
			height: 14px;
			line-height: 14px;
			text-align: center;
			cursor: pointer;
			overflow: hidden;
		}

			.upload-box .upload-progress .close:hover {
				text-decoration: none;
			}

			.upload-box .upload-progress .close i {
				color: #535353;
				font-size: 10px;
				line-height: 14px;
				-webkit-transform: scale(0.833);
			}

/*图片相册样式*/
.photo-list {
	margin: 0;
	padding: 10px 0 0 0;
}

	.photo-list ul {
		margin: 0 0 0 -15px;
	}

		.photo-list ul li {
			float: left;
			margin-left: 15px;
			text-align: center;
			*width: 118px;
		}

			.photo-list ul li .img-box {
				position: relative;
				margin: 5px auto;
				width: 112px;
				height: 112px;
				border: 3px #efefed solid;
				cursor: pointer;
				overflow: hidden;
			}

				.photo-list ul li .img-box.selected {
					border: 3px #f60 solid;
				}

				.photo-list ul li .img-box img {
					width: 100%;
					height: 100%;
					opacity: 1;
				}

				.photo-list ul li .img-box .remark {
					position: absolute;
					display: block;
					left: 0;
					right: 0;
					bottom: 0;
					margin: 0;
					padding: 3px 2px;
					height: 18px;
					line-height: 18px;
					background: #000;
					filter: alpha(opacity=50);
					opacity: 0.5;
					-moz-opacity: 0.5;
					text-align: left;
					overflow: hidden;
				}

					.photo-list ul li .img-box .remark:hover {
						top: 0;
						bottom: 0;
						height: 100%;
					}

					.photo-list ul li .img-box .remark i {
						position: relative;
						font-size: 12px;
						color: #fff;
						font-style: normal;
						line-height: 18px;
					}

			.photo-list ul li a {
				padding-right: 1em;
			}

/*附件列表样式*/
.attach-list {
	margin: 0;
	padding: 10px 0 0 0;
}

	.attach-list ul {
		margin: 0 0 0 -15px;
		list-style: none;
	}

		.attach-list ul:after {
			content: ".";
			display: block;
			height: 0;
			clear: both;
			visibility: hidden;
		}

		.attach-list ul li {
			position: relative;
			float: left;
			margin: 0 0 15px 15px;
			padding: 5px 18px 8px 18px;
			border: 1px solid #eee;
			box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1);
			width: 215px;
		}

			.attach-list ul li i.icon-attachment {
				position: absolute;
				display: block;
				top: 8px;
				left: 4px;
				width: 12px;
				height: 12px;
				line-height: 14px;
				color: #535353;
				font-size: 12px;
			}

			.attach-list ul li a:hover {
				text-decoration: none;
			}

			.attach-list ul li .del {
				position: absolute;
				display: block;
				top: 0;
				right: 0;
				width: 20px;
				height: 20px;
				line-height: 20px;
				text-align: center;
				cursor: pointer;
				overflow: hidden;
			}

				.attach-list ul li .del i {
					color: #535353;
					font-size: 10px;
					-webkit-transform: scale(0.833);
				}

			.attach-list ul li .edit {
				position: absolute;
				display: block;
				bottom: 6px;
				right: 5px;
				width: 20px;
				height: 20px;
				line-height: 20px;
				text-align: center;
				cursor: pointer;
				overflow: hidden;
			}

				.attach-list ul li .edit i {
					color: #535353;
					font-size: 14px;
				}

			.attach-list ul li .title {
				display: block;
				margin-bottom: 3px;
				border-bottom: 1px solid #ccc;
				line-height: 24px;
				height: 26px;
				font-weight: bold;
				white-space: nowrap;
				word-break: break-all;
				overflow: hidden;
			}

			.attach-list ul li .info, .attach-list ul li .btns {
				display: block;
				line-height: 24px;
			}

				.attach-list ul li .btns input {
					display: inline-block;
					padding: 0 3px;
					border: 1px solid #d7d7d7;
					width: 40px;
					height: 20px;
					line-height: 18px;
					color: #666;
					font-size: 12px;
					background: #fff;
					vertical-align: middle;
				}

/*文字选项样式*/
.txt-item li {
	position: relative;
	float: left;
	margin: 0 5px 5px 0;
	padding: 4px 16px 4px 8px;
	line-height: 20px;
	border: 1px solid #e1e1e1;
}

	.txt-item li .del {
		position: absolute;
		display: block;
		top: 6px;
		right: 1px;
		width: 14px;
		height: 30px;
		line-height: 14px;
		text-align: center;
		cursor: pointer;
		overflow: hidden;
	}

		.txt-item li .del:hover {
			text-decoration: none;
		}

		.txt-item li .del i {
			color: #535353;
			font-size: 10px;
			-webkit-transform: scale(0.833);
		}

	.txt-item li span {
		color: #333;
		line-height: 20px;
		white-space: normal;
		text-overflow: ellipsis;
	}

	.txt-item li.icon-btn {
		padding: 0;
		line-height: normal;
		height: auto;
	}

		.txt-item li.icon-btn a {
			display: block;
			padding: 4px 7px;
			line-height: 20px;
			height: 20px;
		}

		.txt-item li.icon-btn i {
			margin: 0;
			color: #666;
			font-size: 14px;
		}

		.txt-item li.icon-btn span {
			color: #535353;
		}

/*规格列表样式*/
.spec-item {
}

	.spec-item li {
		float: left;
		position: relative;
		margin: 0 8px 8px 0;
		padding: 1px;
		line-height: 20px;
		vertical-align: middle;
	}

		.spec-item li a {
			display: block;
			padding: 1px;
			color: #666;
			min-width: 10px;
			width: auto !important;
			text-align: center;
			text-decoration: none;
			border: 1px solid #eee;
			cursor: pointer;
			white-space: nowrap;
			text-overflow: ellipsis;
			vertical-align: middle;
		}

			.spec-item li a i {
				display: inline-block;
				padding: 3px 9px;
				font-style: normal;
				line-height: 20px;
			}

			.spec-item li a img {
				width: 32px;
				height: 32px;
				vertical-align: middle;
			}

		.spec-item li:after {
			content: ".";
			display: none;
			position: absolute;
			right: 0;
			bottom: 0;
			width: 12px;
			height: 12px;
			text-indent: -99em;
			background: url(skin_icons.png) -169px -85px no-repeat;
			overflow: hidden;
		}

		.spec-item li.selected a {
			margin: -1px;
			color: #333;
			border: 2px solid #1e99c7;
		}

		.spec-item li.selected:after {
			display: block;
			background-position: -84px -196px;
		}

/*表格样式*/
.border-table {
	min-width: 500px;
	border-width: 1px;
	margin: 0;
	background: #fff;
}

	.border-table th, .border-table td {
		margin: 0;
		padding: 2px 10px;
		line-height: 26px;
		height: 28px;
		border: 1px solid #eee;
		vertical-align: middle;
		white-space: nowrap;
		word-break: keep-all;
	}

		.border-table td input {
			vertical-align: middle;
		}

		.border-table td .position {
			position: relative;
			min-height: 100%;
		}

		.border-table td .ibtn {
			position: absolute;
			top: 0;
			right: -7px;
			background: #cc;
			border: none;
			color: #666;
			cursor: pointer;
			font-family: "Microsoft Yahei";
			font-size: 12px;
			height: 25px;
			line-height: 25px;
			padding: 0 12px;
		}

			.border-table td .ibtn:hover {
				color: #fff;
				background: #FF9C30;
			}

	.border-table thead th {
		color: #333;
		font-weight: normal;
		white-space: nowrap;
		text-align: center;
		background: #f9f9f9;
	}

	.border-table tbody th {
		padding-right: 5px;
		text-align: right;
		color: #707070;
		background-color: #f9f9f9
	}

	.border-table tr.td_c td {
		text-align: center;
	}

	.border-table td .cbllist input {
		vertical-align: middle;
	}

	.border-table td .cbllist label {
		margin-right: 5px;
		vertical-align: middle;
	}

	.border-table td .folder-open {
		display: inline-block;
		margin-right: 2px;
		width: 20px;
		height: 20px;
		background: url(skin_icons.png) -160px -250px no-repeat;
		vertical-align: middle;
		text-indent: -999em;
	}

	.border-table td .folder-line {
		display: inline-block;
		margin-right: 2px;
		width: 20px;
		height: 20px;
		background: url(skin_icons.png) -200px -250px no-repeat;
		vertical-align: middle;
		text-indent: -999em;
	}

	.border-table td .img-box {
		display: inline-block;
		height: 32px;
		vertical-align: middle;
	}

		.border-table td .img-box img {
			padding: 1px;
			width: 30px;
			height: 30px;
			border: 1px solid #eee;
		}

/*订单状态样式*/
.order-flow {
	margin: 0 auto;
	padding: 0;
	font-size: 12px;
	font-weight: normal;
	padding-bottom: 4px;
}

	.order-flow .item-box {
		display: block;
		position: relative;
		margin: 0;
		padding: 0;
		float: left;
		width: 140px;
		height: 60px;
	}

		.order-flow .item-box .line {
			display: block;
			position: absolute;
			left: 0;
			bottom: 0;
			width: 100%;
			height: 29px;
			border-top: 2px solid #f1f1f1;
		}

		.order-flow .item-box .icon {
			display: block;
			position: absolute;
			left: 50%;
			top: 20px;
			margin-left: -10px;
			width: 20px;
			height: 20px;
			line-height: 20px;
			background: #fff;
		}

			.order-flow .item-box .icon i {
				color: #ccc;
				font-size: 18px;
				line-height: 20px;
			}

		.order-flow .item-box .txt {
			display: block;
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			text-align: center;
		}

			.order-flow .item-box .txt b {
				display: block;
				padding-bottom: 20px;
				line-height: 20px;
				font-weight: normal;
				color: #666;
			}

			.order-flow .item-box .txt p {
				display: block;
				line-height: 20px;
				color: #999;
			}

		.order-flow .item-box.left .line {
			left: 50%;
			width: 50%;
		}

		.order-flow .item-box.right .line {
			width: 50%;
		}

		.order-flow .item-box.arrive .icon i {
			color: #6C0;
		}

/*按钮样式*/
.td-input {
	display: inline-block;
	padding: 0 3px;
	border: 1px solid #d7d7d7;
	width: 92%;
	height: 20px;
	line-height: 18px;
	color: #666;
	font-size: 12px;
	background: #fff;
	vertical-align: middle;
}

.btn {
	background: #0085E8;
	border: none;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-family: "Microsoft Yahei";
	font-size: 12px;
	height: 32px;
	line-height: 32px;
	margin: 0 1px 0 0;
	padding: 0 20px;
}

	.btn:hover {
		background:#0074CA;
	}

	.btn.green {
		background: #52A152;
	}

		.btn.green:hover {
			background: #328032;
		}

	.btn.yellow {
		background: #FF9C30;
	}

		.btn.yellow:hover {
			background: #c87316;
		}

	.btn.violet {
		background: #993333;
	}

		.btn.violet:hover {
			background: #990033;
		}

.icon-btn {
	display: inline-block;
	margin: 0;
	padding: 4px 10px 4px 8px;
	line-height: 20px;
	height: 20px;
	border: solid 1px #e1e1e1;
	color: #333;
	font-size: 12px;
	text-decoration: none;
	cursor: pointer;
	white-space: nowrap;
	text-overflow: ellipsis;
}

	.icon-btn:hover {
		color: #0386fe;
	}

	.icon-btn span {
		display: inline-block;
	}

	.icon-btn i {
		display: inline-block;
		margin-right: 3px;
		width: 14px;
		height: 14px;
		color: #333;
		font-size: 14px;
		line-height: 14px;
	}

.img-btn {
	display: inline-block;
	margin: 0px 2px;
	width: 14px;
	height: 14px;
	line-height: 14px;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	word-break: break-all;
	cursor: pointer;
}

	.img-btn:hover {
		text-decoration: none;
	}

	.img-btn i {
		color: #333;
		font-size: 14px;
	}
/*多项单选*/
.multi-radio {
	display: inline-block;
	vertical-align: middle;
	*display: inline;
}

	.multi-radio:after {
		clear: both;
		content: ".";
		display: block;
		height: 0;
		visibility: hidden;
	}

	.multi-radio .boxwrap {
		display: inline-block;
		vertical-align: middle;
		*display: inline;
	}

	.multi-radio a {
		display: inline-block;
		margin: 0 -1px -1px 0;
		float: left;
		padding: 5px 15px;
		height: 20px;
		line-height: 20px;
		border: 1px solid #eee;
		vertical-align: middle;
		color: #333;
		font-size: 100%;
		cursor: pointer;
		white-space: nowrap;
		text-overflow: ellipsis;
	}

		.multi-radio a:hover {
			background: #C9E1EF;
			text-decoration: none;
		}

		.multi-radio a:active {
			text-decoration: none;
		}

		.multi-radio a.selected {
			background: #16a0d3;
			border-color: #1096c7;
			color: #fff;
		}
/*单项选择*/
.single-checkbox {
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	*display: inline;
}

	.single-checkbox a, .single-checkbox a:visited {
		display: inline-block;
		border: 1px solid #d4d4d4;
		background: #d4d4d4;
		width: 80px;
		vertical-align: middle;
		text-decoration: none;
	}

		.single-checkbox a i {
			display: block;
			width: 50%;
			height: 28px;
			line-height: 28px;
			font-style: normal;
			background: #fff;
			color: #333;
			text-align: center;
		}

			.single-checkbox a i.on {
				float: right;
				display: none;
			}

			.single-checkbox a i.off {
				float: left;
				display: block;
			}

		.single-checkbox a.selected {
			border: 1px solid #0085e8;
			background:#0085e8;
		}

			.single-checkbox a.selected i.on {
				display: block;
			}

			.single-checkbox a.selected i.off {
				display: none;
			}
/*多项选择*/
.multi-checkbox {
	display: inline-block;
	vertical-align: middle;
}

	.multi-checkbox:after {
		clear: both;
		content: ".";
		display: block;
		height: 0;
		visibility: hidden;
	}

	.multi-checkbox .boxwrap {
		display: inline-block;
		vertical-align: middle;
	}

	.multi-checkbox a {
		display: inline-block;
		float: left;
		margin: 0 -1px 0 0;
		padding: 5px 15px;
		height: 20px;
		line-height: 20px;
		border: 1px solid #eee;
		vertical-align: middle;
		color: #333;
		font-size: 100%;
		cursor: pointer;
		white-space: nowrap;
		text-overflow: ellipsis;
	}

		.multi-checkbox a:hover {
			background: #C9E1EF;
			text-decoration: none;
		}

		.multi-checkbox a:active {
			text-decoration: none;
		}

		.multi-checkbox a.selected {
			background: #0386fe;
			border-color: #0386fe;
			color: #fff;
		}

		.multi-checkbox a:last-child { /*border-right:1px solid #d4d4d4;*/
		}
/*多项选择PORP*/
.multi-porp {
}

	.multi-porp ul li {
		float: left;
		position: relative;
		margin: 0 5px 5px 0;
		padding: 1px;
		line-height: 20px;
		vertical-align: middle;
	}

		.multi-porp ul li a {
			display: block;
			padding: 4px 10px;
			color: #666;
			min-width: 10px;
			width: auto !important;
			text-align: center;
			text-decoration: none;
			border: 1px solid #eee;
			cursor: pointer;
			white-space: nowrap;
			text-overflow: ellipsis;
		}

		.multi-porp ul li i {
			display: none;
			position: absolute;
			right: 1px;
			bottom: 1px;
			width: 14px;
			height: 14px;
			color: #0085e8;
			font-size: 14px;
			line-height: 1em;
			overflow: hidden;
		}

		.multi-porp ul li.sys {
			background: #FFFFD0;
		}

		.multi-porp ul li.selected a {
			margin: -1px;
			color: #333;
			border: 2px solid #0085e8;
		}

		.multi-porp ul li.selected i {
			display: block;
		}
/*下拉菜单*/
.single-select {
	position: relative;
	display: inline-block;
	margin-right: 5px;
	vertical-align: middle;
	cursor: pointer;
	*float: left;
}

	.single-select .boxwrap {
		display: inline-block;
		vertical-align: middle;
	}

	.single-select .select-tit {
		position: relative;
		display: block;
		margin-bottom: 1px;
		padding: 5px 38px 5px 10px;
		min-width: 40px;
		line-height: 20px;
		height: 20px;
		border: solid 1px #eee;
		text-decoration: none;
		background: #fff;
		white-space: nowrap;
		word-break: break-all;
	}

		.single-select .select-tit span {
			display: inline-block;
			color: #333;
			font-size: 12px;
			vertical-align: middle;
		}

		.single-select .select-tit i {
			position: absolute;
			right: 0;
			top: 0;
			display: block;
			width: 28px;
			height: 100%;
			border-left: 1px solid #eee;
			color: #666;
			font-size: 10px;
			line-height: 30px;
			text-align: center;
			background: #fafafa;
			-webkit-transform: scale(0.833);
		}

	.single-select .select-items {
		display: none;
		position: absolute;
		left: 0;
		top: 35px;
		box-shadow: 0px 1px 4px rgba(0,0,0,0.1); /*overflow:hidden;*/
	}

		.single-select .select-items ul {
			position: relative;
			padding: 5px;
			min-width: 120px;
			max-height: 280px;
			border: 1px solid #eee;
			background: #fff;
			overflow-y: auto;
			overflow-x: hidden;
		}

			.single-select .select-items ul li {
				display: block;
				padding: 4px 10px;
				line-height: 20px;
				font-size: 12px;
				color: #666;
				white-space: nowrap;
				cursor: pointer;
			}

				.single-select .select-items ul li:hover {
					color: #fff;
					text-decoration: none;
					background:#0085e8;
				}

				.single-select .select-items ul li.selected {
					color: #fff;
					background:#0085e8;
				}

	.single-select.up .select-items {
		top: auto;
		bottom: 35px;
	}

.page-footer {
	padding: 10px 0;
	height: 32px;
	font-size: 12px;
}

	.page-footer .btn-wrap {
		position: fixed;
		margin: 0;
		padding: 10px 0;
		top: auto;
		left: 15px;
		right: 15px;
		bottom: 0;
		background: #fff;
		z-index: 1000;
	}

		.page-footer .btn-wrap:after {
			clear: both;
			content: ".";
			display: block;
			height: 0;
			visibility: hidden;
		}
/* ==========================编辑页样式.结束======================== */

/*=====================以下部分是Validform必须的====================*/
.Validform_checktip {
	margin-left: 8px;
	line-height: 20px;
	height: 20px;
	overflow: hidden;
	color: #999;
	font-size: 12px;
}

.Validform_right {
	color: #71b83d;
	padding-left: 20px;
	background: url(valid_icons.png) no-repeat -40px -20px;
}

.Validform_wrong {
	color: red;
	padding-left: 20px;
	white-space: nowrap;
	background: url(valid_icons.png) no-repeat -20px -40px;
}

.Validform_loading {
	padding-left: 20px;
	background: url(icon_onload.gif) no-repeat left center;
}

.Validform_error {
	background: #FEFBD3;
}

#Validform_msg {
	color: #7d8289;
	font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif;
	width: 280px;
	-webkit-box-shadow: 2px 2px 3px #aaa;
	-moz-box-shadow: 2px 2px 3px #aaa;
	background: #fff;
	position: absolute;
	top: 0px;
	right: 50px;
	z-index: 99999;
	display: none;
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999');
	box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1);
}

	#Validform_msg .iframe {
		position: absolute;
		left: 0px;
		top: -1px;
		z-index: -1;
	}

	#Validform_msg .Validform_title {
		position: relative;
		line-height: 35px;
		height: 35px;
		text-align: left;
		font-weight: bold;
		padding: 0 10px;
		color: #fff;
		background: #33B5E5;
	}

	#Validform_msg a.Validform_close:link, #Validform_msg a.Validform_close:visited {
		line-height: 30px;
		position: absolute;
		right: 10px;
		top: 0px;
		color: #fff;
		text-decoration: none;
	}

	#Validform_msg a.Validform_close:hover {
		color: #ccc;
	}

	#Validform_msg .Validform_info {
		padding: 10px;
		border: 1px solid #bbb;
		border-top: none;
		text-align: left;
	}
/*=====================以上部分是Validform必须的====================*/

/*=====================以下部分是WebUploader必须的====================*/
.webuploader-container {
	position: relative;
}

.webuploader-element-invisible {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px,1px,1px,1px);
}

.webuploader-pick {
	position: relative;
	display: inline-block;
	width: 65px;
	line-height: 30px;
	height: 30px;
	border: 1px solid #e1e1e1;
	cursor: pointer;
	background: #fff;
	color: #333;
	text-align: center;
	overflow: hidden;
	zoom: 1;
	*display: inline;
}

.webuploader-pick-hover {
	background: #fafafa;
}

.webuploader-pick-disable {
	opacity: 0.6;
	pointer-events: none;
}
/*=====================以上部分是WebUploader必须的====================*/

/*========================以下部分是响应式布局========================*/
@media only screen and (max-width:500px) {
	.nlist-1 ul li, .nlist-2 ul li, .nlist-3, .nlist-4 {
		width: 100%;
	}

	.nlist-4 {
		margin-left: 0;
	}
	
	.loginbody{    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 100vh;}
	
	.login-wrap{ position:relative; width:94%; left:auto; top:auto; margin:auto; padding:25px 15px; box-sizing:border-box; padding: 25px 15px; transform: translateY(25%);}
	.login-form .col .login-input{ height:auto; width:100%; line-height:28px; box-sizing:border-box;}
	
	
}
/*========================以上部分是响应式布局========================*/

/**news**/
.location { font-size: 14px; padding: 15px 0 20px 0; }
.shortcut-row { margin-top: 20px; display: flex; }
.shortcut { padding-top: 10px; }
.shortcut-title { font-size: 15px; line-height: 1; margin-bottom: 15px; padding-left: 10px; border-left: 3px solid #0085E8; }
.shortcut-list { display: flex; }
.shortcut-list li { flex: auto; text-align: center; padding: 20px 0; margin-right: 15px; }
.shortcut-list li:nth-child(1) { background-color: #ca87ff; }
.shortcut-list li:nth-child(2) { background-color: #0ab9f7; }
.shortcut-list li:nth-child(3) { background-color: #f3b811; }
.shortcut-list li:nth-child(4) { background-color: #19c59b; }
.shortcut-list li:nth-child(5) { background-color: #0386fe; }
.shortcut-list li:nth-child(6) { background-color: #276cb0; }
.shortcut-list li:nth-child(7) { background-color: #ca6105; }
.shortcut-list li:nth-child(8) { background-color: #00929a; }
.shortcut-list li:last-child { margin-right: 0; }
.shortcut-list li a { display: flex; text-decoration: none; align-items: center; justify-content: center; }
.shortcut-list li .icon { width: 28px; display: inline-block; }
.shortcut-list li .icon img { max-width: 100%; }
.shortcut-list li .name { font-size: 14px; color: #fff; margin-left: 15px; }


.doSth { width: 30%; flex: 1; margin-right: 20px; }
.doSth + .doSth { flex: inherit; }
.doSth-data { padding: 10px 0 0 30px; overflow: hidden; }
.doSth-data dl { width: 25%; float: left; padding: 20px 0; }
.doSth-data dl dt { font-size: 15px; color: #666; }
.doSth-data dl dd { font-size: 30px; color: #0386fe; line-height: 1; margin-top: 16px; }
.analysis { width: calc(100% - 280px); }
.analysis-cont { background: #fff; padding: 15px; height: calc(100% - 30px); box-shadow: 0 0 3px #ddd; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.pc-canvas > div:first-child { width: 100% !important; }
.pc-canvas > div canvas { width: 100% !important; }


.siteData { width: 20%; }
.siteData-text { background: #fff; font-size: 13px; line-height: 28px; color: #666; padding: 15px; height: calc(100% - 30px); min-height: 310px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-shadow: 0 0 3px #ddd; }
.siteData-text li { height: 40px; line-height: 40px; border-bottom: 1px solid #e7e7e7; color: #999; overflow: hidden; }
.siteData-text li i { display: inline-block; width: 30px; height: 30px; vertical-align: middle; margin-right: 10px; margin-top: -3px; }
.siteData-text li span.data { float: right; color: #000; }
.siteData-text li i.bd { background-image: url(bd.png); }
.siteData-text li i.sg { background-image: url(sg.png); }
.siteData-text li i.qh360 { background-image: url(qh360.png); }
.siteData-text li i.google { background-image: url(google.png); }
.siteData-text table { border: 1px #e3e3e3 solid; }
.siteData-text table th { background: #e9e9e9; text-align: center; color: #333; line-height: 32px; }
.siteData-text table tbody td { text-align: center; padding: 5px 0; line-height: 22px; border-top: 1px #e3e3e3 solid; border-right: 1px #e3e3e3 solid; }
.siteData-text table tbody tr:nth-child(even) { background: #f0f2f3; }
.siteData-gjc { margin-top: 30px; }
.siteData-gjc .gt { font-size: 14px; font-weight: bold; margin-bottom: 5px; line-height: 1; }
.siteData-gjc .gc a { margin-right: 10px; font-size: 12px; }
.siteDatatj { width: 280px; margin-right: 20px; }
.siteDatatj-text { font-size: 14px; line-height: 32px; color: #666; padding: 30px; }


.shortcut-table { background: #fff; padding: 15px; box-shadow: 0 0 3px #ddd; }
.shortcut-table thead th { background: #f2f6f8; padding: 6px 10px; line-height: 23px; text-align: left; font-size: 14px; font-weight: 700; }
.shortcut-table tbody td { padding: 6px 10px; line-height: 23px; font-size: 13px; border-bottom: 1px solid #ebeef5; }

 @media screen and (max-width:500px) {
.sidebar-logo { padding-top: 70px; }
.sidebar-logo img { display: none; }

.location { font-size: 12px; padding: 0 0 9px 0; }

.shortcut-row { margin-bottom: 20px; display: block; }
.shortcut { width: 100%; }
.shortcut-title { font-size: 15px; line-height: 40px; padding-left: 15px; }
.shortcut-title:before { width: 2px; left: 0; }
.shortcut-list { padding: 10px; }
.shortcut-list li .icon { width: 31px; }
.shortcut-list li .icon img { max-width: 100%; }
.shortcut-list li .name { font-size: 13px; margin-top: 5px; }

.doSth { width: 100%; margin-top: 15px; margin-left: 0; }
.doSth-data { padding: 10px; }
.doSth-data dl { padding: 10px 0; }
.doSth-data dl dt { font-size: 13px; }
.doSth-data dl dd { font-size: 18px; margin-top: 10px; }

.analysis { width: 100%; }
.analysis-cont { padding: 10px; }
#organ-canvas { height: 200px !important; }
.siteData { width: 100%; margin-left: 0; margin-top: 15px; }
.siteData-text { padding: 10px; line-height: 25px; }

}


/**news-login**/
.news-login{ background-image:url(news-loginBg.jpg); background-position:center; background-size:cover; width:100%; height:100vh; position:relative; display:flex; align-items:center; justify-content:center;}
.news-login-after{ background:#fff url(news-login-after.jpg) no-repeat left center; width:1180px; border-radius:40px; overflow:hidden;}
.news-login-after .after-box{ width:430px; float:right; padding-bottom:40px;}
.news-login-logo{ text-align:right;}
.news-login-logo .log-bg{ background:#0069f4; display:inline-block; padding:13px 33px 13px 23px; color:#fff; font-size:14px; border-radius:0 40px 0 40px;}
.news-login-logo .log-bg img{ margin-bottom:2px;}
.news-login-head{ margin-top:22px; font-size:14px; color:#999; text-transform:uppercase;}
.news-login-head .cn{ font-size:30px; line-height:1; font-weight:normal; color:#0069f4; padding-bottom:10px;}
.news-login-filed{ padding-right:90px;}
.news-login-filed li{ margin-top:15px; position:relative;}
.news-login-filed li label{ position:absolute; left:0; top:15px; height:25px; display:flex; align-items:center;}
.news-login-filed li .inpt{ width:100%; padding:15px 0; line-height:25px; border:0; font-size:16px; color:#999; padding-left:40px; vertical-align:top; border-bottom:1px #e5e5e5 solid; outline:none; box-sizing:border-box;   -webkit-box-shadow:0 0 0 1000px #ffffff inset;}
.news-login-filed li .inpt::-webkit-input-placeholder { color:#999; }
.news-login-filed li .yzm-inpt{ width:186px;}
.news-login-filed li .send{ position:absolute; right:0; bottom:7px;} 
.news-login-filed li .btn{ background:#007af5; width:210px; height:52px; line-height:52px; font-size:24px; color:#fff; margin-top:30px; border-radius:30px; cursor:pointer;}

.news-login-tips{ font-size:14px; margin-top:25px; text-align:center;}

.news-login-copy{ width:100%; text-align:center; position:absolute; left:0; bottom:2.08vw; color:#fff; font-size:14px;}


@media screen and (max-width:1300px) {

.shortcut-list li .icon{ width:25px;}
.shortcut-list li .name{ margin-left:10px;}

.siteData-text{ font-size:12px; padding:8px;}
.doSth{ margin-right:10px;}

}