@charset "utf-8";

body, html {
	padding: 5px;
	font-family: "微软雅黑";
}
#page-center, #page-foot, #page-customer {
	width: 100%;
}
#container {
	display: flex;
	/*width: 100%;*/
	/*height: 500px;*/
	/*border: 1px solid red;*/
	box-shadow: 1px -1px 1px 1px #ccc;		
}
.common-head {
	display: flex;
	justify-content: space-between;
	align-items: center;
	/*width: 98%;*/
	height: 30px;
	max-height: 30px;
	background-color: #dff0d8;
	border: 1px solid #ccc;
	box-shadow: 1px -1px 1px 1px #ccc;
	padding-left: 5px;
	padding-right: 5px;
}

.up-move::after {
	content: '上移';
	font-family: "微软雅黑";
}
.down-move::after {
	content: '下移';
	font-family: "微软雅黑";
}
.distance-reset::after {
	content: '重置';
	font-family: "微软雅黑";
}
.hide-title::after {
	content: '隐藏';
	font-family: "微软雅黑";
}
.up-text::after {
	content: '展开';
	font-family: "微软雅黑";
}
.down-text::after {
	content: '收折';
	font-family: "微软雅黑";
}
.common-head>span:hover, .common-head>div:hover {
	cursor: pointer;
}
.content {
	display: flex;
	flex-wrap: wrap;
	/*border: 1px solid red;*/
}
#content-view1 {
	flex-grow: 1;
	flex-shrink: 0;
}
#content-view2 {
	flex-grow: 12;
}
#content-view3 {
	flex-grow: 4;
	flex-shrink: 0;
}
#page-head {
	position: sticky;
	top: 5px;
	background-color: #fff;
	margin-bottom: 5px;
}
.table {
	margin-bottom: 5px;
}

#content-view1 div {
	flex-grow: 1;
}
#content-view2 div {
	flex-grow: 1;
}
#content-view3 div {
	flex-grow: 1;
}
.center-tab table>thead>tr>th, .right-tab table>thead>tr>th {
	text-align: center;
}
.center-tab table>tbody>tr>th, .center-tab table>tfoot>tr>th {
	text-align: right;
}
.right-tab table>tbody>tr>th, .right-tab table>tfoot>tr>th {
	text-align: right;
}	
table>tbody {
	font-size: 12px;
}
td {
	text-align: right;	
}
.center-tab table>tbody>tr>th:hover, .center-tab table>tfoot>tr>th:hover {
	cursor: pointer;
	background-color: #18E690;
}
.right-tab table>tbody>tr>th:hover, .right-tab table>tfoot>tr>th:hover {
	cursor: pointer;
	background-color: #18E690;
}
#content-view2 td:hover, #content-view3 td:hover{
	cursor: pointer;
	background-color: yellow;
} 
.indicator,#tip-board {
	position: absolute;
}
.indicator {
	top: 0;
	left: 0;
	z-index: 10;
	width: 0;
	height: 2px;
	border: 1px solid red;
	display: none;
}
#x-indicator {
	
	width: 300px;
	height: 2px;
}
#y-indicator {
	width: 2px;
	height: 300px;
}
#tip-board {
	/*width: 145px;*/
	/*height: 100px;*/
	background-color: #fff;
	border: 1px solid #ccc;
	display: none;
	padding-left: 5px;

}
#tab-chart {
	/*width: 98%;*/
	height: 300px;
	display: flex;
	border: 1px solid #ccc;
	/*background-image: url(../../img/background.jpg);*/
}
#options {
	flex-shrink: 0;
	width: 120px;
	padding-top: 50px;
	padding-left: 10px;
	font-size: 16px;
	border: 1px solid #ccc;
}
#options li{  
	list-style-type:none;
	margin: 8px;
	padding-left: 5px;
	padding-right: 5px;
	border-left: 1px dashed green;
}
li {
	cursor: pointer;
}
#chart {
	flex-grow: 1;
	display: flex;
	justify-content: space-around;
	margin-right: 30px;
	/*background-color: green;*/
}
.chart-child {
	flex-grow: 1;
	width: 40%;
	/*height: 100%;*/
	/*border: 1px solid #ccc;*/
}

.input-box {
  /*width: 98%; */
  min-height: 30px; 
  padding: 3px; 
  outline: 0; 
  word-wrap: break-word;
  /*overflow-x: hidden;*/
  /*overflow-y: auto;*/
}
#description {
	border: 1px solid #a0b3d6; 
}
#detail-length-tip::after {
	content: '/建议1000';
}