@charset "UTF-8";

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
	blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn,
	em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
	b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas,
	details, embed, figure, figcaption, footer, header, hgroup, menu, nav,
	output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup,
	menu, nav, section {
	display: block;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after {
	content: '';
	content: none;
}

q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

input {
	font-family: '微软雅黑' !important;
}

html {
	font-family: "微软雅黑";
	font-size: 12px;
	width: 100%;
	overflow: auto;
}

body {
	width: 100%;
}

.hidden {
	display: none !important;
}

.opacity {
	opacity: 0;
}

.clearfix {
	clear: both;
}

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

.textLeft {
	text-align: left;
}

.textRight {
	text-align: right;
}

.error-info {
	height: 26px;
	line-height: 26px;
	text-align: center;
	border: 1px solid #ef4949;
	color: #ef4949;
	display: inline-block;
	padding: 0 10px;
	background-color: #fee9f2;
}

body {
	min-width: 1200px;
}

.header {
	height: 65px;
	background-image: url("../images/logobg.jpg");
	color: #f5f5f5;
	font-size: 12px;
	padding-left: 20px;
	padding-right: 20px;
}

.header .number {
	color: #f7ba2d;
}

.header .config {
	float: right;
	width: 520px;
}

.header .config .default {
	display: block;
	padding-top: 13px;
	float: right;
	padding-left: 30px;
}

.header .config .welcome {
	padding-left: 0px;
}

.header .config .money {
	padding-left: 0px;
}

.header .config .money span {
	width: 63px;
	text-align: right;
	display: inline-block;
}

.header .logo {
	padding-top: 9px;
}

.header a, .header a:hover, .header a:visited {
	color: inherit;
	text-decoration: none;
}

.navbar {
	height: 46px;
	border-top: 1px solid #c9c9c9;
	border-bottom: 1px solid #c9c9c9;
	background-color: #f2f2f4;
	min-width: 1200px;
	margin-bottom: 10px;
	font-size: 14px;
}

.navbar ul {
	padding-left: 50px;
	padding-top: 9px;
	list-style-type: none;
}

.navbar ul li {
	max-width: 200px;
	width: 14%;
	min-width: 160px;
	height: 37px;
	line-height: 32px;
	float: left;
	text-align: center;
	
}

.navbar ul li span {
	padding-right: 5px;
}

.navbar .on {
	background-color: #ffffff;
	border-top: 1px solid #c9c9c9;
	border-left: 1px solid #c9c9c9;
	border-right: 1px solid #c9c9c9;
	border-bottom-width: 0px;
	color: #333333;
}

.navbar a, .navbar a:hover, .navbar a:visited {
	color: inherit;
	text-decoration: none;
}

.left {
	width: 250px;
	float: left;
	background-color: #fafafa;
}

.left .left-top {
	height: 10px;
	background-color: #705772;
}

.left .left-header-img {
	padding-right: 5px;
}

.left .left-toppart, .left .left-bottompart {
	margin-left: 50px;
	width: 200px;
}

.left .left-toppart-header, .left .left-bottompart-header {
	color: #333333;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
}

.left .left-bottompart-header {
	padding-top: 70px;
	border-bottom: 1px dashed #d1d1d1;
}

.left .left-toppart-body {
	border: 1px solid #ffffff;
}

.left .left-toppart-body li {
	line-height: 30px;
	border-bottom: 1px solid #ffffff;
	background-color: #f2f2f4;
	padding-left: 15px;
}

.left .left-bottompart-body li {
	line-height: 30px;
	border-bottom: 1px dashed #d1d1d1;
	padding-left: 15px;
}

.left .left-bottompart-more {
	padding-top: 15px;
	text-align: right;
	padding-right: 10px;
	color: #705772;
}

.left a, .left a:hover, .left a:visited {
	color: inherit;
	text-decoration: none;
}

.right {
	margin-left: 250px;
	padding-left: 20px;
	padding-right: 20px;
}

.right .shortcut-container {
	padding-top: 10px;
	padding-bottom: 15px;
	border-bottom: 1px solid #d9cce3;
	margin-bottom: 30px;
}

.right .shortcut-container .shortcut-button {
	margin-left: 20px;
	width: 100px;
	height: 24px;
	background-color: #705772;
	border-width: 0px;
	color: #f5f5f5;
	border-radius: 2px;
}

.container {
	position: absolute;
	top: 153px;
	width: 100%;
	min-width: 1200px;
}

.container .OpenDialogButton {
	background-image: url("../images/dialog.png");
	background-position: 95% center;
	background-repeat: no-repeat;
	cursor: pointer;
}

.container .require {
	color: #ef4949;
}

.container .data-container {
	border: 1px solid #f2f2f4;
}

.container .data-container .data-search {
	height: 44px;
	margin-top: 1px;
	margin-bottom: 15px;
	background-color: #fafafa;
}

.container .data-container .data-search .data-search-label {
	height: 44px;
	line-height: 44px;
	padding-left: 20px;
	color: #666666;
}

.container .data-container .data-search .data-search-control {
	margin-right: 36px;
}

.container .data-container .data-search .data-search-control input[type=text]
	{
	background-image: url("../images/carlendar.png");
	background-position: 95% center;
	background-repeat: no-repeat;
	cursor: pointer;
	width: 190px;
	height: 24px;
	background-color: #ffffff;
	
	padding-left: 10px;
	border: 1px solid #f2f2f4;
	padding-top: 0px;
	padding-bottom: 0px;
	border-right-width: 0px;
}

.container .data-container .data-search .data-search-control span {
	display: inline-block;
	border: 1px solid #f2f2f4;
	background-color: #ffffff;
	height: 24px;
	width: 24px;
}

.container .data-container .data-search .search-button {
	width: 100px;
	height: 24px;
	background-color: #705772;
	border-width: 0px;
	color: #f5f5f5;
	border-radius: 2px;
}

.container .data-container .data-search .search-datetime {
	display: inline;
	height: 44px;
	line-height: 44px;
}

.container .data-container .data-search .search-datetime li {
	float: right;
	height: 24px;
	line-height: 24px;
	padding-left: 5px;
	padding-right: 8px;
	margin-top: 8px;
	margin-left: 5px;
	color: #666666;
}

.container .data-container .data-search .search-datetime li a,
	.container .data-container .data-search .search-datetime li a:hover,
	.container .data-container .data-search .search-datetime li a:visited {
	color: inherit;
	text-decoration: none;
}

.container .data-container .data-search .search-datetime .on {
	background-color: #705772;
	color: #f5f5f5;
}

.container .data-container .data-list .search-datetime {
	display: inline;
	height: 32px;
	line-height: 32px;
}

.container .data-container .data-list .search-datetime input[type=text]
	{
	background-image: url("../images/carlendar.png");
	background-position: 95% center;
	background-repeat: no-repeat;
	cursor: pointer;
	width: 190px;
	height: 24px;
	background-color: #ffffff;
	
	padding-left: 10px;
	border: 1px solid #f2f2f4;
	padding-top: 0px;
	padding-bottom: 0px;
	border-right-width: 0px;
}

.container .data-container .data-list .search-datetime li {
	float: right;
	height: 24px;
	line-height: 24px;
	padding-left: 5px;
	padding-right: 8px;
	margin-top: 4px;
	margin-left: 5px;
	color: #666666;
}

.container .data-container .data-list .search-datetime li a, .container .data-container .data-list .search-datetime li a:hover,
	.container .data-container .data-list .search-datetime li a:visited {
	color: inherit;
	text-decoration: none;
}

.container .data-container .data-list .search-datetime .on {
	background-color: #705772;
	color: #f5f5f5;
}

.container .data-container .data-list .data-list-body {
	padding-top: 14px;
	padding-bottom: 18px;
	width: 100%;
}

.container .data-container .data-list .data-list-container {
	padding-left: 22px;
}

.container .data-container .data-list .data-list {
	width: 100%;
}

.container .data-container .data-list .data-listitem-container {
	width: 12.5%;
	float: left;
}

.container .data-container .data-list .data-listitem-container-6 {
	width: 16.66%;
}

.container .data-container .data-list .data-listitem-container-7 {
	width: 14.27%;
}

.container .data-container .data-list .data-listiem {
	height: 90px;
	max-width: 186px;
	width: 100%;
	min-width: 119px;
	border: 1px solid #f2f2f4;
	background-color: #fafafa;
}

.container .data-container .data-list .data-listiem .data-listiem-header
	{
	text-align: center;
	height: 30px;
	line-height: 30px;
}

.container .data-container .data-list .data-listiem .data-listiem-body {
	text-align: center;
	background-color: #ffffff;
}

.container .data-container .data-list .data-listiem .data-listiem-body .data-listitem-result
	{
	padding-top: 10px;
	font-size: 24px;
	font-family: '黑体';
	color: #666666;
}

.container .data-container .data-list .data-listiem .data-listiem-body .data-listitem-change
	{
	padding-top: 8px;
	padding-bottom: 6px;
}

.container .data-container .data-list .data-listiem .data-listiem-body .data-listitem-down
	{
	color: #705772;
}

.container .data-container .data-list .data-listiem .data-listiem-body .data-listitem-up
	{
	color: #ef4949;
}

.container .data-container .data-chart {
	margin-top: 96px;
	border-top: 1px solid #f2f2f4;
}

.container .data-container .data-chart .data-chart-body .data-chart-type
	{
	padding-top: 30px;
	padding-bottom: 30px;
}

.container .data-container .data-chart .data-chart-body .data-chart-type .data-chart-label
	{
	height: 44px;
	line-height: 44px;
	padding-left: 10%;
	
}

.container .data-container .data-chart .data-chart-body .data-chart-type input[type=radio]
	{
	margin-left: 30px;
}

.container .data-container .data-chart .data-chart-body .data-chart-type label
	{
	
}

.container .data-container .data-chart .data-chart-body .data-chart-chart
	{
	padding-left: 18%;
	width: 755px;
	padding-bottom: 100px;
}

.container .data-container .data-chart .data-chart-body .data-chart-chart .data-chart-time
	{
	text-align: right;
}

.container .data-container .data-chart .data-chart-body .data-chart-chart .data-time-change
	{
	width: 100px;
	height: 24px;
	background-color: #fafafa;
	border-width: 0px;
	
	border-radius: 2px;
}

.container .data-container .data-chart .data-chart-body .data-chart-chart .data-time-on
	{
	background-color: #705772;
	color: #f5f5f5;
}

.container .data-container .data-chart .data-chart-body .data-chart-echarts
	{
	width: 751px;
	height: 286px;
}

.container .data-container .data-download {
	float: right;
	margin-right: 30px;
	padding-top: 8px;
}

.container .data-container .data-header {
	height: 32px;
	line-height: 32px;
	margin-top: 1px;
	background-color: #fafafa;
	padding-left: 20px;
	color: #666666;
}

.container .foot-container {
	margin-top: 50px;
	margin-bottom: 50px;
	width: 100%;
	text-align: center;
	font-family: '宋体';
	color: #666666;
}

.container .tab-container, .container .bread-container, .container .body-container,
	.container .sub-navbar {
	margin-left: 50px;
	margin-right: 20px;
}

.container .tab-container a, .container .tab-container a:hover,
	.container .tab-container a:visited, .container .bread-container a,
	.container .bread-container a:hover, .container .bread-container a:visited,
	.container .body-container a, .container .body-container a:hover,
	.container .body-container a:visited, .container .sub-navbar a,
	.container .sub-navbar a:hover, .container .sub-navbar a:visited {
	color: inherit;
	text-decoration: none;
}

.container .bread-container {
	height: 40px;
	line-height: 40px;
	
	border-bottom: 1px solid #d9cce3;
	padding-left: 20px;
}

.container .bread-container-middle {
	border-left: 1px solid #f2f2f4;
	border-right: 1px solid #f2f2f4;
}

.container .tab-container, .container .sub-navbar {
	padding-top: 1px;
	
	margin-top: 30px;
	height: 34px;
	line-height: 34px;
	border: 1px solid #f2f2f4;
	border-bottom-width: 0px;
	background-color: #fafafa;
}

 .container .tab-container, .container .sub-title {
	padding-top: 1px;
	margin-top: 30px;
	margin-left: 45px;
	height: 34px;
	line-height: 34px;
	border-bottom-width: 0px;

}

.container .tab-container .tab, .container .sub-navbar .tab {
	min-width: 120px;
	max-width: 200px;
	width: 10.8%;
	height: 40px;
	line-height: 40px;
	display: inline-block;
	font-size: 14px;
	
	text-align: center;
}

.container .tab-container .tab span, .container .sub-navbar .tab span {
	padding-right: 10px;
}

.container .tab-container .on, .container .sub-navbar .on {
	background-color: #ffffff;
	color: #333333;
}

.container .body-container {
	border: 1px solid #f2f2f4;
	border-top-width: 0px;
	min-height: 550px;
}

.container .body-container .body-container-tab {
	margin: auto;
	width: 800px;
	min-width: 800px;
	padding-top: 100px;
	line-height: 35px;
	
}

.container .body-container .body-container-tab .control-group {
	width: 100%;
}

.container .body-container .body-container-tab .control-group .control-label
	{
	min-height: 20px;
	float: left;
	width: 180px;
	text-align: right;
	margin-right: 20px;
}

.container .body-container .body-container-tab .control-group .control-value
	{
	float: left;
	width: 580px;
}

.container .body-container .body-container-tab .control-group .control-value input[type=text]
	{
	width: 100%;
	
	padding-top: 3px;
	padding-bottom: 3px;
}

.container .body-container .body-container-tab .control-group .control-value a,
	.container .body-container .body-container-tab .control-group .control-value a:hover,
	.container .body-container .body-container-tab .control-group .control-value a:visited
	{
	color: #705772;
}

.container .body-container .body-container-tab .control-group .control-value input[type=text],
	.container .body-container .body-container-tab .control-group .control-value a,
	.container .body-container .body-container-tab .control-group .control-value .label-value
	{
	padding-left: 10px;
}

.container .body-container .body-container-tab .control-group .control-value .selected-value
	{
	width: 200px;
	height: 24px;
	padding-left: 5px;
	padding-right: 5px;
	
}

.container .body-container .body-container-tab .control-group .control-value .selected-value option
	{
	text-align: center;
	
}

.container .body-container .body-container-tab .control-group .checkboxlabel
	{
	padding-left: 20px;
}

.container .body-container .body-container-tab .control-group .checkboxinput label
	{
	top: 11px;
}

.container .body-container .body-container-tab .submit-button {
	padding-top: 40px;
	text-align: center;
}

.container .body-container .body-container-tab .link {
	color: #705772 !important;
	text-decoration: underline !important;
}

.container .body-container .body-container-tab .tab-des {
	display: block;
	height: 20px;
}

.container .body-container .shortcut-control {
	padding-left: 20px;
}

.container .search-container {
	border-left: 1px solid #f2f2f4;
	border-right: 1px solid #f2f2f4;
	margin-left: 50px;
	margin-right: 20px;
	
	padding-top: 20px;
	padding-bottom: 20px;
}

.container .search-container .search-control {
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: 1px solid #f2f2f4;
	padding-left: 20px;
	line-height: 35px;
	background-color: #fafafa;
}

.container .search-container .search-control .title {
	width: 100px;
	display: inline-block;
	text-align: right;
}

.container .search-container .search-control .title-first {
	padding-left: 0px;
}

.container .search-container .search-control .search-button {
	width: 100px;
	height: 24px;
	background-color: #705772;
	border-width: 0px;
	color: #f5f5f5;
	border-radius: 2px;
	margin-left: 40px;
}

.container .search-container input[type=text] {
	width: 150px;
	height: 24px;
	background-color: #ffffff;
	
	padding-left: 10px;
	border: 1px solid #f2f2f4;
	padding-top: 0px;
	padding-bottom: 0px;
}

.container .search-container .search-white {
	background-color: #ffffff;
	border-top-width: 0px;
	padding-top: 0px;
	border-bottom: 1px solid #f2f2f2;
}

.container .search-container .search-white .search-control {
	border-top-width: 0px;
	background-color: #ffffff;
}

.container .report-container {
	border-left: 1px solid #f2f2f4;
	border-right: 1px solid #f2f2f4;
	border-bottom: 1px solid #f2f2f4;
	padding-bottom: 50px;
	margin-left: 50px;
	margin-right: 20px;
	margin-bottom: 50px;
	
}

.container .report-container .data-header {
	line-height: 32px;
	margin-top: 1px;
	background-color: #fafafa;
	padding-left: 20px;
	color: #666666;
}

.container .report-container .data-header .search-datetime {
	display: inline;
}

.container .report-container .data-header .search-datetime li {
	float: right;
	height: 24px;
	line-height: 24px;
	padding-left: 5px;
	padding-right: 8px;
	margin-top: 4px;
	margin-left: 5px;
	color: #666666;
}

.container .report-container .data-header .search-datetime li .data-search-control
	{
	padding-right: 20px;
}

.container .report-container .data-header .search-datetime li .data-search-control input[type=text]
	{
	padding-left: 10px;
}

.container .report-container .data-header .search-datetime li a,
	.container .report-container .data-header .search-datetime li a:hover,
	.container .report-container .data-header .search-datetime li a:visited
	{
	color: inherit;
	text-decoration: none;
}

.container .report-container .data-header .search-datetime .on {
	background-color: #705772;
	color: #f5f5f5;
}

.container .report-container .data-header .title {
	margin-left: 40px;
	
	width: 120px;
	display: inline-block;
}

.container .report-container .data-header .title-first {
	margin-left: 0;
}

.container .report-container .data-header .data-download {
	float: right;
	margin-right: 30px;
	padding-top: 8px;
}

.container .report-container .data-header input[type=text] {
	width: 190px;
	height: 24px;
	background-color: #ffffff;
	
	padding-left: 10px;
	border: 1px solid #f2f2f4;
	padding-top: 0px;
	padding-bottom: 0px;
}

.container .report-container .data-header .btn-default {
	margin-left: 162px;
}

.container .report-container .data-header-inner {
	height: 32px;
	margin-top: 20px;
	margin-left: 20px;
	margin-right: 20px;
}

.container .report-container .data-header-marginTop {
	margin-top: 20px;
}

.container .report-container .data-custom-control {
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}

.container .report-container .data-list-container {
	padding-left: 20px;
	padding-right: 20px;
}

.container .report-container .data-list-container .data-list {
	width: 100%;
}

.container .report-container .data-list-container .data-list .data-listitem-container
	{
	width: 12.5%;
	float: left;
}

.container .report-container .data-list-container .data-list .data-listiem
	{
	height: 90px;
	max-width: 186px;
	width: 100%;
	min-width: 119px;
	border: 1px solid #f2f2f4;
	background-color: #fafafa;
}

.container .report-container .data-list-container .data-list .data-listiem .data-listiem-header
	{
	text-align: center;
	height: 30px;
	line-height: 30px;
}

.container .report-container .data-list-container .data-list .data-listiem .data-listiem-body
	{
	text-align: center;
	background-color: #ffffff;
}

.container .report-container .data-list-container .data-list .data-listiem .data-listiem-body .data-listitem-result
	{
	padding-top: 10px;
	font-size: 24px;
	font-family: '黑体';
	color: #666666;
}

.container .report-container .data-list-container .data-list .data-listiem .data-listiem-body .data-listitem-change
	{
	padding-top: 8px;
	padding-bottom: 6px;
}

.container .report-container .data-list-container .data-list .data-listiem .data-listiem-body .data-listitem-down
	{
	color: #705772;
}

.container .report-container .data-list-container .data-list .data-listiem .data-listiem-body .data-listitem-up
	{
	color: #ef4949;
}

.container .report-container .data-chart-container .data-chart-line {
	width: 50%;
	margin-left: 7%;
	margin-right: 3%;
}

.container .report-container .data-chart-container .data-chart-line .data-chart-select,
	.container .report-container .data-chart-container .data-chart-line .data-chart
	{
	width: 100%;
}

.container .report-container .data-chart-container .data-chart-pie {
	width: 40%;
}

.container .report-container .data-chart-container .data-chart-pie .data-chart-select,
	.container .report-container .data-chart-container .data-chart-pie .data-chart
	{
	width: 400px;
}

.container .report-container .data-chart-container .data-chart-line,
	.container .report-container .data-chart-container .data-chart-pie {
	float: left;
}

.container .report-container .data-chart-container .data-chart-select {
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
}

.container .report-container .data-chart-container .data-chart-select .title
	{
	padding-left: 15px;
}

.container .report-container .data-chart-container .data-chart {
	height: 300px;
}

.container .report-container .data-chart-container .data-chart-middle {
	width: 60%;
}

.container .report-container .data-warming {
	padding-left: 20px;
	padding-bottom: 20px;
	padding-top: 20px;
}

.container .report-container .data-warming .data-warming-text {
	font-size: 24px;
	color: #ef4949;
	padding-left: 10px;
	padding-right: 10px;
}

.container .report-container .data-link {
	color: #705772 !important;
}

.container .report-container a, .container .report-container a:hover,
	.container .report-container a:visited {
	color: inherit;
	text-decoration: none;
}

.container .report-container .table-container .table-body {
	max-height: inherit !important;
}

.container .tool-container {
	border-left: 1px solid #f2f2f4;
	border-right: 1px solid #f2f2f4;
	border-bottom: 1px solid #f2f2f4;
	padding-bottom: 50px;
	margin-left: 50px;
	margin-right: 20px;
	margin-bottom: 50px;
	
}

.container .tool-container .tool-header {
	height: 35px;
	line-height: 35px;
	border-top: 1px solid #f2f2f4;
	margin-top: 1px;
	background-color: #fafafa;
	padding-left: 20px;
}

.container .tool-container .tool-list-container {
	width: 100%;
}

.container .tool-container .tool-list-container .tool-li {
	float: left;
	height: 210px;
	padding: 40px 20px;
}

.container .tool-container .tool-list-container .tool-li dd {
	width: 128px;
	height: 128px;
	float: left;
}

.container .tool-container .tool-list-container .tool-li dt {
	width: 300px;
	float: left;
	padding-left: 40px;
	padding-top: 20px;
}

.container .tool-container .tool-list-container .tool-li dt span {
	display: block;
	width: 300px;
}

.container .tool-container .tool-list-container .tool-li dt .tool-name {
	font-size: 14px;
	color: #333333;
	height: 40px;
	line-height: 40px;
}

.container .tool-container .tool-list-container .tool-li dt .tool-descript
	{
	width: 280px;
	line-height: 17px;
}

.container .tool-container .tool-list-container .packet-li {
	height: 200px;
	width: 200px;
	float: left;
	margin: 20px;
	position: relative;
}

.container .tool-container .tool-list-container .packet-li .delete {
	position: absolute;
	right: 10px;
	top: 10px;
	display: none;
}

.container .tool-container .tool-list-container .packet-li .packet {
	padding-top: 40px;
	margin: auto;
	display: block;
}

.container .tool-container .tool-list-container .packet-li .tool-name {
	padding-top: 15px !important;
}

.container .tool-container .tool-list-container .packet-li .tool-name,
	.container .tool-container .tool-list-container .packet-li .tool-des {
	margin: auto;
	width: 140px;
	display: block;
	text-align: center;
	padding-top: 5px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.container .tool-container .tool-list-container .packet-li:hover {
	background-color: #fafafa;
}

.container .tool-container .tool-list-container .packet-li:hover .delete
	{
	display: block;
}

.container .tool-container .tool-control {
	height: 60px;
	line-height: 60px;
	padding-left: 20px;
}

.container .tool-container .tool-control .tool-scroller {
	overflow: auto;
	width: 90%;
	height: 75px;
	margin-left: 50px;
}

.container .tool-container .tool-control .tool-scroller .mTSButton {
	position: absolute !important;
}

.container .tool-container .tool-control .tool-scroller a {
	display: inline-block;
	position: relative;
}

.container .tool-container .tool-control .tool-scroller .onImg {
	display: none;
}

.container .tool-container .tool-control .tool-scroller .on {
	border: 1px solid #c9c9c9;
}

.container .tool-container .tool-control .tool-scroller .on .onImg {
	display: inherit !important;
	position: absolute;
	bottom: 5px;
	right: 5px;
}

.container .tool-container .table-container {
	padding-top: 0;
}

.container .tool-container .table-container .table-body {
	padding-bottom: 30px;
}

.container .tool-container .table-container .td-ID {
	width: 9% !important;
}

.container .tool-container .table-container .td-ID .title-disp span {
	max-width: 160px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: inline-block;
}

.container .tool-container .table-container .checkboxcontainer .checkboxinput label
	{
	top: 4px;
}

.container .tool-container .table-container .tr-head .checkboxcontainer .checkboxinput label
	{
	top: 0px !important;
}

.container .tool-container .table-container .td-img {
	line-height: inherit !important;
}

.container .tool-container .table-container .td-img img {
	margin: 0 !important;
	float: none !important;
	cursor: pointer;
}

.container .tool-container .table-container .td-img .layui-layer-page .layui-layer-content
	{
	overflow: hidden !important;
}

.container .tool-container .data-link {
	color: #705772 !important;
}

.container .tool-container a, .container .tool-container a:hover,
	.container .tool-container a:visited {
	color: inherit;
	text-decoration: none;
}

.container .tool-container .text-search {
	
	background-color: #ffffff;
	border: 1px solid #c9c9c9;
	width: 190px;
	height: 24px;
	padding-left: 5px;
	background-image: url("../images/search.png");
	background-position: 95% center;
	background-repeat: no-repeat;
	margin-right: 15px;
}

.container .login-container {
	padding-top: 50px;
	padding-bottom: 40px;
	margin: auto;
	width: 1200px;
}

.container .login-container .login-left {
	width: 807px;
	float: left;
}

.container .login-container .login-right {
	float: left;
	width: 350px;
	margin-left: 20px;
}

.container .login-container .login-right .login-header {
	height: 50px;
	line-height: 50px;
	color: #f2f2f5;
	padding-left: 20px;
	background-color: #705772;
}

.container .login-container .login-right .login-body {
	border: 1px solid #f2f2f4;
	padding-top: 10px;
}

.container .login-container .login-right .login-body .login-group {
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
}

.container .login-container .login-right .login-body .login-group .login-label
	{
	color: #666666;
	height: 24px;
	line-height: 24px;
}

.container .login-container .login-right .login-body .login-group .login-control input
	{
	border: 1px solid #c9c9c9;
	background-color: #faffbd;
	padding-left: 10px;
	height: 30px;
	width: 310px;
}

.container .login-container .login-right .login-body .login-group .CheckCode
	{
	width: 150px !important;
}

.container .login-container .login-right .login-body .login-group .CheckCodeImg
	{
	width: 132px;
	display: inline-block;
	height: 30px;
	border: 1px solid #c9c9c9;
	float: right;
	position: relative;
}

.container .login-container .login-right .login-body .login-group .CheckCodeImg .Code
	{
	width: 97px;
	height: 30px;
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	line-height: 30px;
}

.container .login-container .login-right .login-body .login-group .CheckCodeImg .Reflush
	{
	width: 30px;
	height: 30px;
	display: inline-block;
	text-align: center;
	position: absolute;
	right: 0;
	top: 0;
	line-height: 30px;
}

.container .login-container .login-right .login-body .login-group .CheckCodeImg a
	{
	display: inline-block;
	margin-top: 4px;
}

.container .login-container .login-right .login-body .login-other {
	padding-top: 5px;
	height: 25px;
	line-height: 25px;
}

.container .login-container .login-right .login-body .login-other .checkboxcontainer
	{
	float: left;
	padding-left: 40px;
}

.container .login-container .login-right .login-body .login-other .checkboxcontainer label
	{
	top: 6px;
	left: 10px;
}

.container .login-container .login-right .login-body .login-other a {
	float: right;
	padding-right: 20px;
}

.container .login-container .login-right .login-body .login-other a,
	.container .login-container .login-right .login-body .login-other a:hover,
	.container .login-container .login-right .login-body .login-other a:visited
	{
	color: #705772;
	text-decoration: none;
}

.container .login-container .login-right .login-body .login-error {
	padding-left: 10px;
	padding-right: 10px;
	height: 20px;
	line-height: 20px;
	margin-left: 10px;
	border: 1px solid #ef4949;
	color: #ef4949;
	background-color: #fff2f2;
	width: 300px;
}

.container .login-container .login-right .login-body .login-button {
	padding-top: 20px;
	text-align: center;
	padding-bottom: 30px;
}

.container .login-container .login-right .login-footer {
	height: 30px;
	line-height: 30px;
	margin: auto;
}

.container .login-container .login-right .login-footer ul {
	list-style-type: none;
	width: 250px;
	margin: auto;
	padding-top: 5px;
}

.container .login-container .login-right .login-footer ul li {
	float: left;
	line-height: 20px;
	width: 60px;
	text-align: center;
	border-left: 1px solid #666666;
}

.container .login-container .login-right .login-footer ul .first {
	border-left-width: 0px;
}

.container .login-container .login-right .login-footer a, .container .login-container .login-right .login-footer a:hover,
	.container .login-container .login-right .login-footer a:visited {
	color: #666666;
	text-decoration: none;
}

.slider .slider-container {
	background-color: #e0e0e0;
	height: 440px;
	width: 210px;
	position: absolute;
	left: -250px;
	top: 170px;
	padding-left: 30px;
	padding-right: 10px;
	z-index: 1000;
}

.slider .slider-container .slider-header {
	height: 40px;
	line-height: 40px;
}

.slider .slider-container .slider-header span {
	font-size: 14px;
	color: #666666;
}

.slider .slider-container .slider-header img {
	padding-top: 15px;
	float: right;
}

.slider .slider-container .slider-search input[type=text] {
	
	background-color: #ffffff;
	border: 1px solid #c9c9c9;
	width: 190px;
	height: 24px;
	padding-left: 5px;
	background-image: url("../images/search.png");
	background-position: 95% center;
	background-repeat: no-repeat;
}

.slider .slider-container .slider-list {
	font-size: 12px;
	
	line-height: 20px;
}

.slider .slider-container .slider-list .ul-f {
	margin-left: 10px;
}

.slider .slider-container .slider-list .ul-f .li-f {
	width: 150px;
}

.slider .slider-container .slider-list .ul-p {
	margin-left: 10px;
	line-height: 20px;
}

.slider .slider-container .slider-list .ul-p .li-p {
	width: 170px;
	position: relative;
}

.slider .slider-container .slider-list .li-f, .slider .slider-container .slider-list .li-p
	{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.slider .slider-container .slider-list a {
	margin-left: 20px;
}

.slider .slider-container .slider-list a, .slider .slider-container .slider-list a:hover,
	.slider .slider-container .slider-list a:visited {
	color: inherit;
	text-decoration: none;
}

.slider .slider-container .slider-list .on {
	color: #333333;
}

.slider .slider-container .slider-list .toggle-button {
	cursor: pointer;
	position: absolute;
}

.slider .slider-container .nano {
	margin-top: 30px;
	height: 304px;
	width: 207px;
	/*.nano-content {
        height: 304px;
        width: 207px;
    }*/
}

.slider .slider-container .nano .nano-pane {
	background: #999999;
	width: 2px;
}

.slider .slider-container .nano .nano-slider {
	background: #f5f5f5;
	width: 2px;
	margin: 0;
}

.slider .slider-button {
	width: 39px;
	height: 201px;
	background-image: url("../images/sb.png");
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	left: 0px;
	top: 170px;
	cursor: pointer;
	z-index: 1000;
	border-left: 1px solid #ffffff;
}

.slider .slider-button span {
	font-size: 14px;
	width: 10px;
	display: block;
	margin: auto;
	text-align: center;
	line-height: 20px;
	margin-top: 40px;
	cursor: pointer;
	word-break: break-all;
}

.dialog {
	padding-left: 20px;
	padding-right: 10px;
	
}

.dialog .dialog-search {
	padding-top: 20px;
}

.dialog .dialog-search input[type=text] {
	background-color: #ffffff;
	border: 1px solid #c9c9c9;
	width: 190px;
	height: 24px;
	padding-left: 5px;
	background-image: url("../images/search.png");
	background-position: 95% center;
	background-repeat: no-repeat;
}

.dialog .all-check {
	padding-top: 20px;
}

.dialog .check-list {
	height: 210px;
	width: 550px;
}

.dialog .check-list .nano {
	height: 100%;
	width: 100%;
}

.dialog .check-list .nano .nano-pane {
	background: #e2e2e2;
	width: 2px;
}

.dialog .check-list .nano .nano-slider {
	background: #999999;
	width: 2px;
}

.dialog .check-list .check-group {
	padding-top: 10px;
	padding-bottom: 10px;
}

.dialog .check-list .check-group .title {
	color: #666666;
	padding-top: 20px;
	display: block;
}

.dialog .check-list .data-list {
	width: 100%;
	padding-top: 5px;
}

.dialog .check-list .data-list .data-list-item {
	float: left;
	width: 150px;
	padding-left: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 25px;
}

.dialog .check-list .data-list .data-list-item .checkboxinput label {
	top: 6px !important;
	left: 2px !important;
}

.dialog .on {
	color: #666666;
}

.dialog .checkboxlabel {
	padding-left: 20px !important;
}

.dialog .dialog-des {
	height: 40px;
	line-height: 40px;
	padding-bottom: 20px;
}

.dialog .dialog-button {
	/*padding-left: 150px;*/
	text-align: center;
}

.dialog .dialog-button input[type=button] {
	width: 100px;
	height: 24px;
	background-color: #ffffff;
	
	border: 1px solid #f2f2f4;
	padding-top: 0px;
	padding-bottom: 0px;
	border-right-width: 0px;
	cursor: pointer;
}

.dialog .dialog-button .dialog-submit {
	border-width: 0px !important;
	color: #f5f5f5 !important;
	background-color: #705772 !important;
}

.dialog .dialog-button .dialog-cancel {
	margin-left: 40px !important;
	background-color: #fafafa !important;
	border: 1px solid #c9c9c9 !important;
}

.dialog .dialog-group {
	width: 100%;
	line-height: 30px;
	padding-top: 40px;
}

.dialog .dialog-group .dialog-label {
	float: left;
	width: 100px;
	text-align: right;
}

.dialog .dialog-group .dialog-value {
	float: left;
	width: 400px;
}

.dialog .dialog-group .dialog-value input[type=password] {
	padding-left: 20px;
	width: 100%;
	height: 24px;
}

.dialog .margin-left {
	margin-left: 20px;
}

.dialog .margin-bigLeft {
	margin-left: 200px;
}

.dialog .padding-bottom {
	padding-bottom: 40px;
}

.dialog .padding-top {
	padding-top: 20px !important;
}

.dialog .min-height {
	min-height: 350px;
}

.dialog .height300 {
	height: 300px;
}

.dialog .height300 .nano-pane {
	width: 2px;
	background: #999999;
}

.dialog .height300 .nano-pane .nano-slider {
	width: 2px;
	background: #f5f5f5;
}

.dialog .tab-container, .dialog .sub-navbar {
	padding-top: 1px;
	
	margin-top: 20px;
	height: 34px;
	line-height: 34px;
	border: 1px solid #f2f2f4;
	border-bottom-width: 0px;
	background-color: #fafafa;
}

.dialog .tab-container .tab, .dialog .sub-navbar .tab {
	min-width: 120px;
	max-width: 200px;
	width: 10.8%;
	height: 40px;
	line-height: 40px;
	display: inline-block;
	font-size: 14px;
	
	text-align: center;
	cursor: pointer;
}

.dialog .tab-container .tab span, .dialog .sub-navbar .tab span {
	padding-right: 10px;
}

.dialog .tab-container .on, .dialog .sub-navbar .on {
	background-color: #ffffff;
	color: #333333;
}

.dialog .dialog-area {
	border: 1px solid #f2f2f4;
	width: 90%;
	height: 200px;
	margin: 20px;
	padding: 10px;
	
}

.dialog .step-container {
	height: 180px;
	min-width: 705px;
	list-style-type: none;
	position: relative;
}

.dialog .step-container li {
	float: left;
	position: absolute;
}

.dialog .step-container .step-1 {
	left: 12%;
}

.dialog .step-container .step-2 {
	left: 46%;
}

.dialog .step-container .step-3 {
	left: 80%;
}

.dialog .step-container .step-1, .dialog .step-container .step-2,
	.dialog .step-container .step-3 {
	top: 52px;
	z-index: 10;
}

.dialog .step-container .step-point {
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 90px;
	border: 5px solid #ced1d6;
	background-color: #fff;
	text-align: center;
}

.dialog .step-container p {
	position: absolute;
	top: 60px;
	left: -20px;
	width: 120px;
}

.dialog .step-container .on {
	border-color: #705772 !important;
}

.dialog .step-container .step-line-1 {
	left: 16%;
}

.dialog .step-container .step-line-2 {
	left: 31%;
}

.dialog .step-container .step-line-3 {
	left: 50%;
}

.dialog .step-container .step-line-4 {
	left: 65%;
}

.dialog .step-container .step-line-1, .dialog .step-container .step-line-2,
	.dialog .step-container .step-line-3, .dialog .step-container .step-line-4
	{
	top: 74px;
	z-index: 8;
	width: 15%;
}

.dialog .step-container .step-line {
	border-top: 5px solid #ced1d6;
	width: 100%;
}

.dialog .require {
	color: #ef4949;
	width: 50px;
	display: inline-block;
	text-align: center;
}

.dialog .green {
	color: #705772 !important;
}

.dialog .dialog-container {
	width: 1100px;
	padding-top: 0px;
	text-align: center;
}

.dialog .dialog-container .form-group {
	display: inline-block;
}

.dialog .dialog-container .form-group .form-control {
	text-align: left;
	padding-left: 20px;
}

.dialog .dialog-container .form-group .form-control input[type=text] {
	width: 650px;
	margin-left: 0px;
}

.dialog .dialog-container .form-group .form-control label {
	width: 100px;
	display: inline-block;
}

.dialog .dialog-container ul {
	padding-top: 10px;
}

.dialog .dialog-container ul li {
	float: left;
	width: 360px;
	text-align: left;
	/*line-height: 30px;*/
}

.dialog .dialog-container .label {
	display: inline-block;
	width: 115px;
	text-align: left;
	height: 30px;
	line-height: 30px;
	padding-left: 20px;
}

.dialog .dialog-container .label .require {
	margin-left: -20px;
}

.dialog .dialog-container .value {
	display: inline-block;
	width: 160px;
	overflow: hidden;
	white-space: nowrap;
}

.dialog .dialog-container .form-control-radio label {
	margin-right: 20px;
}

.dialog .dialog-container .form-control-radio .checkboxcontainer {
	float: left;
}

.dialog .dialog-container .form-control-radio .checkboxcontainer .checkboxlabel
	{
	margin-left: 10px;
	margin-right: 20px;
}

.dialog .dialog-select {
	padding-top: 20px;
	height: 50px;
	line-height: 50px;
}

.dialog .dialog-select label {
	width: 100px;
	margin-right: 20px;
}

.dialog .dialog-select .PauseTime, .dialog .dialog-select .OnTime {
	width: 10px;
	height: 10px;
	display: inline-block;
	background-color: #c9c9c9;
}

.dialog .dialog-select .OnTime {
	background-color: #705772;
}

.dialog .dialog-select .des {
	padding-right: 20px;
	float: right;
}

.dialog .dialog-table {
	padding-bottom: 20px;
}

.dialog .dialog-table table tr {
	height: 40px;
	line-height: 40px;
}

.dialog .dialog-table table tr .td-long {
	min-width: 510px !important;
}

.dialog .dialog-table table tr .checkboxlabel {
	padding-left: 0 !important;
}

.dialog .dialog-table table tr .checkboxinput label {
	top: 14px;
	left: 12px;
}

.dialog .dialog-table table tr a, .dialog .dialog-table table tr a:hover,
	.dialog .dialog-table table tr a:visited {
	color: #705772;
	text-decoration: none;
	display: inline-block;
	margin-left: 5px;
	margin-right: 5px;
}

.dialog .dialog-table table tr td {
	width: 100px;
}

.dialog .dialog-table table tr .td-middle {
	min-width: 150px !important;
}

.dialog .dialog-table .ul-range, .dialog .dialog-table .ul-range-h {
	list-style-type: none;
	width: 100%;
}

.dialog .dialog-table .ul-range .li-range, .dialog .dialog-table .ul-range .li-range-h,
	.dialog .dialog-table .ul-range-h .li-range, .dialog .dialog-table .ul-range-h .li-range-h
	{
	float: left;
	width: 128px;
	height: 40px;
}

.dialog .dialog-table .ul-day {
	width: 120px;
	list-style-type: none;
	display: inline-block;
	padding-top: 5px;
}

.dialog .dialog-table .ul-day li {
	width: 18px;
	height: 30px;
	line-height: 30px;
	float: left;
	margin-left: 1px;
	background-color: #c9c9c9;
	color: #666666;
	cursor: pointer;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
}

.dialog .dialog-table .ul-day .on {
	background-color: #705772;
	color: #f5f5f5;
}

.dialog .dialog-header {
	height: 35px;
	line-height: 35px;
	border-top: 1px solid #f2f2f4;
	margin-top: 1px;
	background-color: #fafafa;
	padding-left: 20px;
	
	font-size: 14px;
}

.dialog .dialog-header ul li {
	float: left;
	width: 115px;
	text-align: center;
	cursor: pointer;
}

.dialog .dialog-header ul .on {
	background-color: #ffffff;
	color: #333333;
}

.dialog .dialog-header a {
	padding-right: 20px;
	color: #705772;
}

.dialog .peopleContainer {
	text-align: left;
}

.dialog .peopleContainer .dialog-header {
	margin-bottom: 5px;
}

.dialog .peopleContainer .dialog-header ul {
	padding-top: 0;
}

.dialog .check-big-list {
	width: 900px;
	padding-top: 20px;
	line-height: 24px;
	margin: auto;
}

.dialog .check-big-list .check-left {
	width: 100px;
	float: left;
}

.dialog .check-big-list .check-right {
	float: left;
	width: 800px;
}

.dialog .check-big-list .check-right ul {
	width: 100%;
}

.dialog .check-big-list .check-right ul li {
	float: left;
	width: 150px;
}

.dialog .check-big-list .checkboxcontainer .checkboxinput label {
	top: 6px;
}

.dialog .check-big-list a {
	padding-left: 5px;
}

.dialog .check-big-list .checkboxcontainer {
	position: relative;
}

.dialog .check-big-list .checkboxcontainer .sub-menu {
	position: absolute;
	top: 22px;
	width: 150px;
	z-index: 100;
	border-top: 1px solid #c9c9c9;
	border-right: 1px solid #c9c9c9;
	border-left: 1px solid #c9c9c9;
}

.dialog .check-big-list .checkboxcontainer .sub-menu li {
	width: 150px;
	line-height: 20px;
	border-bottom: 1px solid #c9c9c9;
	background-color: #ffffff;
}

.dialog .check-big-list .checkboxcontainer .sub-menu li .checkboxinput label
	{
	top: 4px !important;
	left: 3px !important;
}

.dialog .tool-scroller {
	width: 90%;
	height: 80px;
}

.dialog .tool-scroller li {
	position: relative;
}

.dialog .tool-scroller .mTSWrapper {
	max-width: 80% !important;
	position: absolute !important;
}

.dialog .tool-scroller .mTSContainer {
	width: 3160px !important;
}

.dialog .tool-scroller a {
	display: inline-block;
}

.dialog .tool-scroller .onImg {
	display: none;
}

.dialog .tool-scroller .on {
	border: 1px solid #c9c9c9;
}

.dialog .tool-scroller .on .onImg {
	display: inherit !important;
	position: absolute;
	bottom: 5px;
	right: 5px;
}

.dialog .dialog-toggle a, .dialog .dialog-toggle a:hover, .dialog .dialog-toggle a:visited
	{
	color: #705772;
	text-decoration: none;
}

.dialog .dialog-toggle-container {
	line-height: 30px;
}

.dialog .dialog-toggle-container li {
	float: left;
	width: 50%;
}

.dialog .select-list li {
	text-align: center !important;
	line-height: 24px !important;
	width: 198px !important;
}

.dialog .form-label-long {
	width: 130px !important;
}

.dialog .form-control-short {
	width: 200px;
}

.dialog .form-control-dialog {
	width: 380px !important;
}

.dialog .form-control-dialog input[type=text] {
	width: 380px !important;
}

.dialog .form-control-require {
	height: 20px !important;
	line-height: 20px !important;
	margin-left: 150px !important;
}

.dialog .form-control-require .require {
	width: 200px;
	text-align: left;
}

.dialog .dialog-select-middle, .dialog .dialog-select-left, .dialog .dialog-select-right,
	.dialog .dialog-select-link, .dialog .dialog-select-button {
	height: 400px;
	width: 350px;
	float: left;
}

.dialog .dialog-select-middle .select-header, .dialog .dialog-select-left .select-header,
	.dialog .dialog-select-right .select-header, .dialog .dialog-select-link .select-header,
	.dialog .dialog-select-button .select-header {
	height: 30px;
	line-height: 30px;
	background-color: #fafafa;
	
}

.dialog .dialog-select-middle .select-header .on, .dialog .dialog-select-left .select-header .on,
	.dialog .dialog-select-right .select-header .on, .dialog .dialog-select-link .select-header .on,
	.dialog .dialog-select-button .select-header .on {
	background-color: #ffffff;
	color: #333333;
}

.dialog .dialog-select-middle .select-header li, .dialog .dialog-select-left .select-header li,
	.dialog .dialog-select-right .select-header li, .dialog .dialog-select-link .select-header li,
	.dialog .dialog-select-button .select-header li {
	width: 115px;
	float: left;
	text-align: center;
	cursor: pointer;
}

.dialog .dialog-select-middle a, .dialog .dialog-select-middle a:hover,
	.dialog .dialog-select-middle a:visited, .dialog .dialog-select-left a,
	.dialog .dialog-select-left a:hover, .dialog .dialog-select-left a:visited,
	.dialog .dialog-select-right a, .dialog .dialog-select-right a:hover,
	.dialog .dialog-select-right a:visited, .dialog .dialog-select-link a,
	.dialog .dialog-select-link a:hover, .dialog .dialog-select-link a:visited,
	.dialog .dialog-select-button a, .dialog .dialog-select-button a:hover,
	.dialog .dialog-select-button a:visited {
	color: #705772;
	text-decoration: none;
	float: right;
	margin-right: 20px;
}

.dialog .dialog-select-middle .select-container li, .dialog .dialog-select-left .select-container li,
	.dialog .dialog-select-right .select-container li, .dialog .dialog-select-link .select-container li,
	.dialog .dialog-select-button .select-container li {
	line-height: 30px;
	height: 30px;
	margin-left: 20px;
}

.dialog .dialog-select-middle .select-container .toggle-button, .dialog .dialog-select-left .select-container .toggle-button,
	.dialog .dialog-select-right .select-container .toggle-button, .dialog .dialog-select-link .select-container .toggle-button,
	.dialog .dialog-select-button .select-container .toggle-button {
	float: left;
	cursor: pointer;
}

.dialog .dialog-select-middle .select-container .root, .dialog .dialog-select-left .select-container .root,
	.dialog .dialog-select-right .select-container .root, .dialog .dialog-select-link .select-container .root,
	.dialog .dialog-select-button .select-container .root {
	float: left;
	margin-left: 20px;
}

.dialog .dialog-select-middle .select-container .root label, .dialog .dialog-select-left .select-container .root label,
	.dialog .dialog-select-right .select-container .root label, .dialog .dialog-select-link .select-container .root label,
	.dialog .dialog-select-button .select-container .root label {
	left: 20px;
}

.dialog .dialog-select-middle .select-container .root .checkboxlabel,
	.dialog .dialog-select-left .select-container .root .checkboxlabel,
	.dialog .dialog-select-right .select-container .root .checkboxlabel,
	.dialog .dialog-select-link .select-container .root .checkboxlabel,
	.dialog .dialog-select-button .select-container .root .checkboxlabel {
	margin-left: 20px;
}

.dialog .dialog-select-middle .select-container .root .sub-menu, .dialog .dialog-select-left .select-container .root .sub-menu,
	.dialog .dialog-select-right .select-container .root .sub-menu, .dialog .dialog-select-link .select-container .root .sub-menu,
	.dialog .dialog-select-button .select-container .root .sub-menu {
	padding-top: 0;
	margin-left: 10px;
}

.dialog .dialog-select-middle .select-container .root .checkboxcontainer,
	.dialog .dialog-select-left .select-container .root .checkboxcontainer,
	.dialog .dialog-select-right .select-container .root .checkboxcontainer,
	.dialog .dialog-select-link .select-container .root .checkboxcontainer,
	.dialog .dialog-select-button .select-container .root .checkboxcontainer
	{
	margin-left: 10px;
}

.dialog .dialog-select-middle .select-container .checkboxinput label,
	.dialog .dialog-select-left .select-container .checkboxinput label,
	.dialog .dialog-select-right .select-container .checkboxinput label,
	.dialog .dialog-select-link .select-container .checkboxinput label,
	.dialog .dialog-select-button .select-container .checkboxinput label {
	top: 9px;
}

.dialog .dialog-select-middle .select-container .mark, .dialog .dialog-select-left .select-container .mark,
	.dialog .dialog-select-right .select-container .mark, .dialog .dialog-select-link .select-container .mark,
	.dialog .dialog-select-button .select-container .mark {
	display: inline-block;
	width: 30px;
	background-color: #f7ba2d;
	height: 20px;
	line-height: 20px;
	text-align: center;
	color: #f5f5f5;
	margin-left: 3px;
	margin-right: 3px;
	border-radius: 3px;
}

.dialog .dialog-select-left {
	margin-top: 20px;
	border: 1px solid #c9c9c9;
	height: 340px !important;
	overflow: auto;
}

.dialog .dialog-select-middle {
	margin-top: 20px;
	line-height: 400px;
	width: 66px;
	text-align: center;
}

.dialog .dialog-select-right {
	margin-top: 20px;
	border: 1px solid #c9c9c9;
	height: 340px !important;
	overflow: auto;
}

.dialog .dialog-select-right .dialog-title {
	padding-top: 0 !important;
}

.dialog .dialog-select-right .people {
	padding-top: 0 !important;
	margin-left: 100px !important;
}

.dialog .dialog-select-link {
	height: 30px;
	line-height: 30px;
}

.dialog .dialog-select-link a {
	float: left;
}

.dialog .dialog-select-button {
	height: 20px;
	line-height: 20px;
	text-align: right;
}

.dialog .dialog-select-button .btn {
	float: right;
}

.dialog .dialog-short {
	width: 60px;
}

.dialog .dialog-long {
	width: 500px;
	height: auto;
	min-height: 735px;
}

.dialog .Tab-Container .dialog-title {
	width: 80px;
	text-align: right;
	height: 25px;
	line-height: 25px;
	float: left;
	padding-right: 20px;
	padding-top: 20px;
}

.dialog .Tab-Container ul {
	width: 400px;
	margin-left: 100px;
	padding-top: 0px;
}

.dialog .Tab-Container ul li {
	width: 120px;
	height: auto !important;
	line-height: 25px;
	float: left;
}

.dialog .Tab-Container ul li .checkboxinput label {
	top: 5px;
}

.dialog .Tab-Container .control {
	padding-top: 20px;
	margin-left: 20px;
	line-height: 25px;
}

.dialog .Tab-Container .control input[type=text] {
	width: 200px;
	margin-left: 20px;
	border: 1px solid #c9c9c9;
}

.dialog .Tab-Container .control .big {
	font-size: 16px;
}

.dialog .Tab-Container .control a {
	padding-left: 10px;
	float: none;
}

.dialog .Tab-Container .control ul {
	padding-top: 0;
	margin-left: 0;
}

.dialog .Tab-Container .control .chevkbox-header label {
	top: 4px;
}

.dialog .Tab-Container .single {
	margin-left: 20px;
}

.dialog .Tab-Container .single li {
	width: 400px;
}

.dialog .Tab-Container .single-long {
	margin-left: 20px;
}

.dialog .Tab-Container .single-long li {
	width: 550px;
	margin-bottom: 10px;
}

.dialog .Tab-Container .single-long li input[type=text] {
	width: 400px;
}

.dialog .Tab-Container .list {
	margin-left: 20px;
	width: 400px;
}

.dialog .Tab-Container .list li {
	float: none;
	width: 400px;
	margin-bottom: 10px;
}

.dialog .Tab-Container .list li a {
	padding-left: 10px;
	float: none;
}

.dialog .dialog-subheader {
	padding-left: 10px;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	border-bottom: 1px solid #d9cce3;
}

.dialog .dialog-subheader a {
	float: right;
	margin-right: 20px;
}

.dialog .dialog-subdes {
	height: 50px;
	line-height: 25px;
	padding-top: 10px;
	padding-left: 20px;
}

.dialog .dialog-subdes a, .dialog .dialog-subdes a:hover, .dialog .dialog-subdes a:visited
	{
	float: none;
	margin-left: 10px;
}

.dialog .dialog-subdes .dialog-subdes-more {
	padding-left: 20px;
	height: 25px;
	line-height: 25px;
}

.dialog .step-control {
	padding-left: 20px;
	padding-right: 20px;
	height: 30px;
	line-height: 30px;
	padding-top: 10px;
}

.dialog .step-control .form-label {
	float: left;
	text-align: right;
}

.dialog .step-control .form-control {
	float: left;
	width: 1000px;
}

.dialog .step-control .form-control .require {
	display: inline;
}

.dialog .step-control .form-control ul li {
	width: 60px;
	height: 50px;
	margin-left: 10px;
	float: left;
	background-color: #fafafa;
	border: 1px solid #f2f2f4;
	
	text-align: center;
	padding: 3px;
	margin-bottom: 3px;
}

.dialog .dialog-des-multi {
	padding-top: 20px;
	padding-left: 40px;
	line-height: 20px;
}

.dialog .dialog-body {
	height: 300px;
}

.dialog .dialog-body .nano-content {
	height: 300px;
}

.btn {
	margin-right: 20px;
	width: 100px;
	height: 24px;
	text-align: center;
	border-width: 0px;
}

.btn-default {
	background-color: #705772;
	color: #f5f5f5;
}

.btn-cancel {
	border: 1px solid #f2f2f4;
	
	background-color: #fafafa;
}

.table-container {
	padding-top: 20px;
	margin-left: 20px;
	margin-right: 20px;
}

.table-container .table-body {
	width: 100%;
	/**max-height: 400px;**/
	height:400px;
 	overflow: auto;
}

.table-container .table-body .table {
	width: 100%;
	background-color: #ffffff;
	
	border: 1px solid #c9c9c9;
}

.table-container .table-body .table tr {
	height: 30px;
	text-align: center;
}

.table-container .table-body .table .tr-head {
	background-color: #fafafa;
	height: 40px;
}

.table-container .table-body .table .tr-interval {
	background-color: #fafafa;
}

.table-container .table-body .table tr:nth-child(2n) {
	background-color: #fafafa;
}

.table-container .table-body .table td {
	min-width: 100px;
	width: 9%;
	vertical-align: middle;
	border: 1px solid #c9c9c9;
	position: relative;
}

.table-container .table-body .table td .static-yellow {
	background-image: url("../images/static-y.png");
}

.table-container .table-body .table td .static-red {
	background: url("../images/static-r.png");
}

.table-container .table-body .table td .static-yellow, .table-container .table-body .table td .static-red
	{
	background-position: center center;
	background-repeat: no-repeat;
	height: 20px;
	width: 18px;
	color: #f5f5f5;
	position: absolute;
	top: -10px;
	left: 45%;
}

.table-container .table-body .table td .table-order {
	display: inline-block;
	width: 8px;
	height: 12px;
	margin-left: 10px;
	position: absolute;
	top: 5px;
}

.table-container .table-body .table td .img-hover img {
	position: absolute;
	margin-right: 10px;
	cursor: pointer;
	top: 12px;
	left: 14%;
}

.table-container .table-body .table td .img-hover .hover {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 40px;
	line-height: 40px;
	background-color: #705772;
	opacity: 0.8;
	color: #f2f2f5;
}

.table-container .table-body .table td .img-hover:hover .hover {
	display: inline;
}

.table-container .table-body .table td .list-order {
	cursor: pointer;
}

.table-container .table-body .table td[rowspan] {
	background-color: #ffffff;
}

.table-container .table-body .table .td-hover .hover-left {
	right: 250px !important;
}

.table-container .table-body .table .td-hover .hover {
	display: none;
	color: #ffffff;
	height: 24px;
	line-height: 24px;
	width: 150px;
	border-radius: 3px;
	position: absolute;
	top: -20px;
	right: -50px;
}

.table-container .table-body .table .td-hover .hover-small {
	width: 20px;
}

.table-container .table-body .table .td-hover .hover-red {
	background-color: #ef4949;
}

.table-container .table-body .table .td-hover .hover-orange {
	background-color: #ff8900;
}

.table-container .table-body .table .td-hover:hover {
	color: #333333;
}

.table-container .table-body .table .td-hover:hover .hover {
	display: block;
}

.table-container .table-body .table .td-ID {
	width: 164px;
	min-width: 130px;
}

.table-container .table-body .table .td-ID .checkboxinput label {
	left: 30px;
}

.table-container .table-body .table .td-s-ID .checkboxinput label {
	left: 20px;
	top: 0px;
}

.table-container .table-body .table .td-long {
	min-width: 230px;
}

.table-container .table-body .table .td-title {
	width: 167px;
	min-width: 167px;
}

.table-container .table-body .table .td-title .title {
	width: 110px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.table-container .table-body .table .td-img {
	width: 224px;
	height: 90px;
	line-height: 90px;
}

.table-container .table-body .table .td-img img {
	float: left;
	margin: 5px;
	width: 80px;
	height: 80px;
}

.table-container .table-body .table .td-img span {
	width: 120px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
}

.table-container .table-body .table .td-img .checkboxcontainer label {
	top: 33px;
	left: 50px;
}

.table-container .column-control {
	padding-top: 10px;
}

.table-container .column-control a, .table-container .column-control a:hover,
	.table-container .column-control a:visited {
	color: #705772;
}

.table-container .page-control {
	color: #999999 !important;
}

.table-container .page-control .page {
	width: 850px;
	margin: auto;
	height: 24px;
	line-height: 24px;
}

.table-container .page-control .page li {
	float: left;
	margin-left: 10px;
}

.table-container .page-control .page .page-number {
	margin-left: 5px;
	margin-right: 5px;
	display: inline-block;
}

.table-container .page-control .page .page-button {
	width: 40px !important;
	height: 21px;
	margin-left: 40px !important;
}

.table-container .page-control .page .page-button, .table-container .page-control .page .page-input
	{
	width: 36px;
	text-align: center;
	border: 1px solid ;
	margin-left: 5px;
	margin-right: 5px;
	
}

.table-container .page-control .page .page-control-button {
	margin-left: 100px;
	margin-right: 50px;
}

.table-container .page-control a, .table-container .page-control a:hover,
	.table-container .page-control a:visited {
	font-size: 14px;
	color: inherit;
	text-decoration: none;
	display: inline-block;
	margin-left: 10px;
	margin-right: 10px;
}

.table-select-container {
	/***width: 65%;*****/
	width: 70%;
	float: left;
	padding-top: 40px !important;
	min-height: 240px;
}

.table-select-container .table-body {
	padding-bottom: 0 !important;
}

.table-select-container .table-body .tr-head {
	line-height: 35px;
}

.table-select-container .table-body .tr-head td {
	text-align: left;
	padding-left: 20px;
	padding-right: 20px;
}

.table-select-container .table-body td {
	width: inherit !important;
}

.table-select-container .table-body td .select-wrapper {
	width: 100px !important;
}

.table-select-container .table-body td .select-wrapper .select-button {
	width: 100px !important;
}

.table-list-container {
	width: 20%;
	float: left;
	padding-top: 40px !important;
	min-height: 240px;
}

.table-list-container .table-body {
	padding-bottom: 0 !important;
}

.table-list-container .table-body td {
	text-align: left;
	padding-left: 20px;
	padding-right: 20px;
}

.table-select-img {
	width: 80px;
	min-width: 2%;
	float: left;
	margin-top: 200px;
	text-align: center;
}

.checkboxcontainer {
	position: relative;
}

.checkboxcontainer input[type=checkbox] {
	display: none;
}

.checkboxcontainer .checkboxinput input[type=checkbox]:checked+label:after
	{
	opacity: 1;
}

.checkboxcontainer .checkboxinput label:after {
	opacity: 0;
	content: ' ';
	position: absolute;
	width: 8px;
	height: 4px;
	background: transparent;
	top: 2px;
	left: 1px;
	border: 1px solid ;
	border-top: none;
	border-right: none;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.checkboxcontainer .checkboxinput label {
	cursor: pointer;
	position: absolute;
	width: 10px;
	height: 10px;
	top: 0;
	left: 0;
	background-color: inherit;
	border: 1px solid 
}

.checkboxcontainer .checkboxlabel {
	display: block;
}

.form {
	margin: auto;
	width: 820px;
	padding-top: 100px;
}

.form .form-label {
	float: left;
	width: 100px;
	text-align: right;
	
	height: 40px;
	line-height: 40px;
}

.form .form-label-camp {
	float: left;
	width: 130px;
	text-align: right;
	
	height: 40px;
	line-height: 40px;
}

.form .form-label-header {
	font-size: 14px;
	margin-left: -10px;
}

.form .form-control {
	float: left;
	width: 720px;
	line-height: 40px;
}

.form .form-control input[type=text] {
	background-color: #ffffff;
	
	border: 1px solid #c9c9c9;
	width: 720px;
	height: 24px;
	padding-left: 10px;
	margin-left: 20px;
}

.form .form-control .short {
	width: 400px !important;
}

.form .form-control .CNY {
	background-image: url("../images/CNY.png");
	background-position: 99% center;
	background-repeat: no-repeat;
}

.form .form-control-relative {
	position: relative;
}

.form .form-control-relative .CloseSelectControl {
	height: 24px;
	width: 200px;
	position: absolute;
	top: 8px;
	left: 47px;
	z-index: 1000;
}

.form .form-control-short {
	width: 220px !important;
}

.form .form-control-long {
	width: 380px !important;
}

.form .form-control-short input[type=text], .form .form-control-long input[type=text]
	{
	background-color: #ffffff;
	
	border: 1px solid #c9c9c9;
	width: 200px !important;
	height: 24px;
	padding-left: 10px;
	margin-left: 20px;
	background-image: url("../images/carlendar.png");
	background-position: 95% center;
	background-repeat: no-repeat;
}

.form .form-link {
	padding-left: 30px;
}

.form .button-control {
	padding-top: 50px;
	text-align: center;
}

.form .button-control input[type=button] {
	width: 100px;
	height: 24px;
	background-color: #ffffff;
	
	border: 1px solid #f2f2f4;
	padding-top: 0px;
	padding-bottom: 0px;
	border-right-width: 0px;
	cursor: pointer;
	margin-left: 20px;
	margin-right: 20px;
}

.form .button-control .submit {
	border-width: 0px !important;
	color: #f5f5f5 !important;
	background-color: #705772 !important;
}

.form .button-control .cancel {
	background-color: #fafafa !important;
	border: 1px solid #c9c9c9 !important;
}

.form a, .form a:hover, .form a:visited {
	color: #705772;
}

.Introductory {
	z-index: 9999999;
}

.Introductory a {
	position: absolute;
	right: 0;
	top: 0;
}

.Introductory .guid-step-1 .line-1-1 {
	position: absolute;
	top: 190px;
	left: 0;
}

.Introductory .guid-step-1 .guid-1 {
	width: 246px;
	height: 112px;
	background-image: url("../images/guid-1.png");
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	top: 150px;
	left: 150px;
}

.Introductory .guid-step-2 .line-2-1 {
	position: absolute;
	top: 300px;
	left: 340px;
}

.Introductory .guid-step-2 .guid-2 {
	width: 246px;
	height: 112px;
	background-image: url("../images/guid-2.png");
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	top: 500px;
	left: 730px;
}

.Introductory .guid-step-3 .line-3-1 {
	position: absolute;
	top: 450px;
	width: 500px;
}

.Introductory .guid-step-3 .guid-3 {
	width: 246px;
	height: 112px;
	background-image: url("../images/guid-3.png");
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	top: 320px;
}

.Introductory .guid-step-4 .line-4-1 {
	position: absolute;
	top: 60px;
}

.Introductory .guid-step-4 .guid-4 {
	width: 246px;
	height: 112px;
	background-image: url("../images/guid-4.png");
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	top: 220px;
}

.Introductory .guid-step-5 .line-5-1 {
	position: absolute;
	top: 60px;
}

.Introductory .guid-step-5 .guid-5 {
	width: 246px;
	height: 112px;
	background-image: url("../images/guid-5.png");
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	top: 220px;
}

.Introductory .guid-step-6 .line-6-1 {
	position: absolute;
	top: 50px;
}

.Introductory .guid-step-6 .guid-6 {
	width: 410px;
	height: 134px;
	background-image: url("../images/guid-6.png");
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	top: 200px;
}

.IntroductoryBackground {
	opacity: 0.7;
	background-color: #000000;
	z-index: 9999998;
}

.Introductory, .IntroductoryBackground {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.guide {
	overflow: hidden;
}

.date-picker-wrapper {
	background-color: #ffffff !important;
	z-index: 119891016 !important;
}

.date-picker-wrapper .apply-btn {
	background: none !important;
	width: 100px;
	height: 24px;
	background-color: #705772 !important;
	border-width: 0px !important;
	color: #f5f5f5 !important;
	border-radius: 2px !important;
}

.date-picker-wrapper .footer {
	display: none !important;
}

.date-picker-wrapper .month-wrapper {
	border-width: 0px !important;
}

.date-picker-wrapper .caption {
	background-color: #705772 !important;
	color: #f5f5f5 !important;
	height: 30px !important;
}

.date-picker-wrapper .day {
	color: #999999 !important;
}

.date-picker-wrapper .prev:hover, .date-picker-wrapper .next:hover {
	background-color: inherit !important;
}

.date-picker-wrapper .date-time-range {
	border: 1px solid #c9c9c9 !important;
}

.layui-layer-title {
	background-color: #fafafa !important;
	font-size: 14px;
	color: #666666;
}

.layui-layer-border {
	border-color: #c9c9c9 !important;
}

.layui-layer-page .layui-layer-content {
	overflow: visible !important;
}

.select-wrapper {
	color: #999999 !important;
	width: 160px !important;
}

.select-wrapper.focus {
	border: 1px solid #f2f2f4;
}

.select-wrapper .select-down {
	display: none;
}

.select-wrapper .select-button {
	background-image: url("../images/down.png");
	background-position: 95% center;
	background-repeat: no-repeat;
	text-align: center;
	color: #999999 !important;
	padding: 0 !important;
	margin: 0 !important;
	width: 160px !important;
}

.select-wrapper li {
	text-align: center;
	border: 1px solid #f2f2f4;
	padding-left: 0 !important;
}

.select-wrapper .selected, .select-wrapper li:hover {
	background-color: #ffffff !important;
	color: inherit !important;
}

.select-wrapper .select-list {
	width: 160px !important;
}

.FileUpload {
	width: 100px !important;
	height: 24px !important;
	display: inline-block;
	padding-right: 20px;
}

.FileUpload .uploadifive-button {
	background-image: none !important;
	border-radius: 0px !important;
	width: 100px !important;
	height: 24px !important;
	line-height: 24px !important;
	overflow: visible !important;
	font-weight: 400 !important;
}

.FileUpload .uploadifive-button .uploadifive-button-text {
	font-size: 12px !important;
	font-family: '微软雅黑' !important;
	color: #f5f5f5 !important;
	font-weight: 400 !important;
}

.uploadifive-button:hover {
	background-image: none !important;
	background-color: #705772 !important;
}

.uploadifive-queue {
	position: absolute;
	top: 205px;
	left: 70px;
	z-index: 100;
	width: 300px;
}

.uploadifive-queue .uploadifive-queue-item {
	height: 25px;
	opacity: 0.8;
	color: #333333;
}

.uploadifive-queue .uploadifive-queue-item .uploadifive-progress-bar {
	background-color: #705772 !important;
}

.mThumbnailScroller {
	background-color: inherit;
}

.mThumbnailScroller .mTSWrapper {
	margin: auto;
	left: 0;
	right: 0;
	max-width: 90%;
}

.mThumbnailScroller .mTSWrapper .mTSThumbContainer {
	margin: 0 10px;
}

.mThumbnailScroller .mTSButtonIcon {
	fill: #c9c9c9;
}

.mThumbnailScroller .on {
	border: 2px solid #705772 !important;
}
#categoryList li:hover{
	background-color: #2091ff;
}
.onhover{
	background-color: #9aff27;
}
.switch{
	margin-left:20px;
	padding-left:10px;
	width:35px;
	height:20px;
}
.switch-div{
	position:relative;
}
.switchImgOff{
	position:absolute;
	top:13px;
	left:-2px;
}
.switchImgOn{
	position:absolute;
	top:13px;
	left:20px;
}
.switchRemarks{
	position:relative;
	top:-20px;
	left:90px;
}
/*# sourceMappingURL=style.css.map */

/*wdy*/
/*mediaPacketEditView.vm新建媒体包*/
.tabChoose{
	width:150px;
	height:45px;
	font-size:20px;
	border-bottom:3px solid #705772;
	text-align:center;
	display:inline-block;
}
.tabStyle{
	width:150px;
	height:45px;
	font-size:20px;
	border-bottom:3px solid #c9c9c9;
	text-align:center;
	display:inline-block;
}
.mediaInput{
	border: 1px solid #a9a9a9;
}
.mediaButton{
	width:40px;
	height:21px;
	background-color: #fff;
	border:1px solid #c9c9c9;
	text-align: center;
}
.chooseOn{
	background-color: #73a553;
	color:#fff;
}
/*wdy*/
.aStyle{
	color: #705772 !important;
	text-decoration: underline !important;
}
/*wdy*pageTableLock*/
div.table-body{
	/*height:214px;*/
	/*width:100px;*/
	/*overflow-y:auto;!** 必须，否则当表格数据过多时，不会产生滚动条，而是自动延长该div的高度 *!*/
	position:relative;/** 必须，若不设置，拷贝得来的表头将相对于其设置该属性为该值的父节点（或间接父节点）定位，如果没有，则相对于body */
}
/*table,tr,td,th{*/
	/*border:1px solid #ccd;*/
	/*border-collapse:collapse;*/
	/*word-break:break-all;!** 设置当文本过长时换行 *!*/
/*}*/
table td.td-title span{
	display:block;
	width:167px !important;
}
/*table{*/
	/*width:100%;*/
/*}*/
/*td{*/
	/*height:24px;*/
	/*width:100px;!** 固定单元格宽度，防止分离表头后，表头与数据行错位（缺点） *!*/
	/*line-height:24px;*/
	/*background-color:#ddd;*/
	/*word-break:break-all;!** 设置当文本过长时换行 *!*/
/*}*/