AnYang_UI/WebChartNewest/css/newSeats.css

/* 坐席监控 */
.zx_cont{
	width: 64.7%;
	float: left;
	margin-right: 20px;
	padding: 10px;
	background-color:#072e86;
	position: relative;
}
.seatBox{
	position: relative;
}
.zx_charts{
	width: 33%;
	float: left;
	/* background-color: #072e86; */
}
.zx_cont .zx_state span i {
	display: inline-block;
	width: 20px;
	height: 21px;
	vertical-align: middle;
	margin-right: 10px;
	background: url(../image/second/zuoxiIcon.png) no-repeat;
}
.zx_cont .zx_state{
	background-color: #064695;
	/*width: 680px;*/
	display: inline-block;
	padding: 13px 10px;
	margin-left: 50px;
}
.zx_cont .zx_state span{
	margin-right: 16px;
	font-size: 16px;
	color: #fff;
}
.zx_btn{
	position: absolute;
	top: 13px;
	right: 47px;
}
.zx_btn button{
	outline: none;
    border: none;
    padding: 10px 15px;
    font-size: 16px;
    color: #fff;
    border-radius: 5px;
    background-color: #064695;
    margin-right: 7px;
}
.dis {
	background: #989898;
}
.hc {
background-position: 0 0 !important;
}

.ml {
background-position: 0 -24px !important;
}

.kx {
background-position: 0 -68px !important;
}

.zl {
background-position: 0 -93px !important;
}

.qc {
background-position: 0 -116px !important;
}

.lx {
	background-position: 0 -138px !important;
}

.hh {
	background-position: 0 -46px !important;
}

.zx_people{
	padding: 20px 15px;
	height: 623px;
	overflow-y: auto;
}
.zx_people li dl {
	overflow: hidden;
	padding: 15px 0px;
}
.zx_people li dl dt{
	width: 13%;
    text-align: center;
    float: left;
    cursor: pointer;
	margin-bottom: 40px;
    margin-right: 35px;
}
.zx_people li i{
	display: none;
}
.bg_person{
	background: url(../image/second/callIcon.png)no-repeat;
    width: 55px;
    height: 55px;
	background-size: 100% 100%;
    text-align: -webkit-center;
    background-position: center center;
    margin: 0 auto;
	background-color: #06256b;
	margin-bottom: 3px;
}
.people_list p{
	margin-bottom: 5px !important;
}
.people_list i{
	display: block;
    height: 22px;
    width: 20px;
    background: url(../image/second/zuoxiIcon.png) no-repeat;
    position: absolute;
    right: 20px;
    top: -6px;
}
.dg {
	background: url(../image/second/zuoxidaogang.png) no-repeat !important;
	background-size: 100% 100% !important; 
}
.zx_bz,.zx_hw{
	text-align: center;
	background-image: url(../image/second/titlt_icon.png);
	background-position: center;
	background-repeat:  no-repeat;
	margin: 10px 0;
	font-size: 20px;
	color: #fff;
}
.g-num{
	color: #fff;
	position: absolute;
    left: 0;
    top: -5px;
}
.g-name{
	color: #fff;
    width: 116px;
}
.group_btn {
	display: inline-block;
    padding: 7px 15px;
    color: #FFF;
    border-radius: 5px;
    background: #00c4ff;
    margin-left: 32px;
    margin-bottom: 20px;
}