YH_Web_UI/WebUI/CallCenterWe.../css/pieCharts.css

/*
* 运维图形统计
 * */
div.wrapper {
	/*margin: 0;
	padding: 0px;*/
	font-size: 16px;
	-webkit-text-size-adjust: none;
	background: -webkit-radial-gradient(circle, #12266a, #000221);
	background: -o-radial-gradient(circle, #12266a, #000221);
	background: -moz-radial-gradient(circle, #12266a, #000221);
	background: radial-gradient(circle, #12266a, #000221);
	/* 标准的语法（必须放在最后） */
	font-family: "微软雅黑";
	display: block;
}

div.daoHang {
	display: block;
}

#wrap {
	width: 100%;
	margin: 0 auto;
}

.phone_top {
	height: 420px;
	background: url(../img/jd_bg1.png) no-repeat center;
	background-size: 100% 100%;
	position: relative;
}

.legend_bar {
	position: relative;
	position: relative;
	top: 23px;
	margin-left: 15px;
}

.legend_bar .col-line {
	display: inline-block;
	height: 20px;
	width: 2px;
	background: #00e9ff;
	position: relative;
	vertical-align: text-top;
	margin-right: 14px;
}

.title_word {
	color: #fff;
	font-size: 16px;
}

.legend_bar .col-line:before,
.legend_bar .col-line:after {
	content: "";
	height: 12px;
	width: 2px;
	background: #00e9ff;
	position: absolute;
	top: 5px;
}

.legend_bar .col-line:before {
	left: -4px;
}

.legend_bar .col-line:after {
	left: 4px;
}

.phone_top {
	width: 100%;
	margin-bottom: 16px;
}

.phone_bottom>div {
	height: 400px;
	padding: 0;
}

.phone_bottom div.bottom_left {
	width: 28%;
	margin-right: 1%;
	background: url(../img/jd_bg3.png) no-repeat center;
	background-size: 100% 100%;
}

.phone_bottom div.bottom_right {
	background: url(../img/jd_bg2.png) no-repeat center;
	background-size: 100% 100%;
	width: 71%;
}

.phone_top .chart{
	float: left;
	height: 400px;
	width: 25%;
	padding: 10px;
}

.bottom_left .chart{
	width: 100%;
	height: 380px;
	padding: 10px;
}

.bottom_right .chart{
	float: left;
	width: 33.33%;
	height: 380px;
	padding: 10px;
}
.th-bar{
	margin-bottom: 10px;
}