SQYCX12345_Web/WebChart/css/index.css

body {
	margin: 0;
	padding: 0;
	font-size: 16px;
	background-color: #030303;
	-webkit-text-size-adjust: none;
	overflow-x: hidden;
}

ul,li {
	margin: 0;
	padding: 0;
}

li {
	list-style-type: none;
}

img {
	border: 0;
}
p{
	margin: 0;
	padding: 0;
}
/*.clearfix {
	zoom: 1;
	overflow: hidden;
}*/

.clearfix:after {
	content: " ";
	display: block;
	clear: both;
	height: 0;
}

a {
	text-decoration: none;
}
/*[ui-view]{
	background:#030303 ;
}*/

 .navcon{
 	width: 100%;
 	background:#030303 ;
 	border-bottom: 1px solid #fff;
 	margin-bottom: 40px;
 }
 .navbox{
 	width: 95%;
 	height: 60px;
 	color: #000;
 }
 .logo{
		display: inline-block;
		height: 100%;
		vertical-align: middle;
    }
  .navbox p{
  	float: left;
  	height: 100%;
  	text-align: center;
  	font-size: 25px;
  	padding: 0 20px;
    background: #fff;
    position: relative;
  }
   .navbox p:after{
    display: block;
    content: "";
    position: absolute;
    right: -40px;
    top: 0;
    height: 0;
    width: 0;
    border-left: 40px solid #fff;
    border-top: 60px solid transparent;
   }
 
  .navbox .navl{
  	height: 100%;
  	width: 60%;
  	float: right;
  }
 .navbox .navl li{
 	float: left;
 	height: 100%;
 	margin-left: 10px;
 
 }
  .navbox .navl li a{
  	display: block;
  	height: 100%;
 	line-height: 60px;
 	text-align: center;
 	padding: 0px 15px;
 	color: #fff;
  }
.navbox .navl li a.active{
 	color: #e40309;
 }
 
 /*来源渠道开始*/

 .qunzhong{
    width: 100%;
    background: #030303;
    margin: 0 auto;
    padding-bottom: 40px;
 	
 }
 .huanxing{
 	float: right;
 	width: 40%;
 	color: #fff;
 	text-align: center;
 }
  .huanxing ul li{
  	float: left;
  	width: 25%;
  	margin-top: 10px;
  	font-size: 14px;
  	
  }
  .huanxing ul li div{
  	width: 6em;
    height: 6em;
    margin: 0 auto;
    /*background: url(../img/circle_03.png) no-repeat;
    background-size: contain;*/
   border: 10px solid #ff585b;
    -moz-border-radius: 50%; /* Firefox */
  -webkit-border-radius: 50%; /* Safari 和 Chrome */
   border-radius: 50%;/* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
    color: #fff;
    text-align: center;
    line-height: 6em;
   
  }
    .slqd{
    	float: left;
    	width: 100%;
    }
   .slqd .txbox>li{
 	float: left;
 	width: 10%;
 	color: #fff;
 	text-align: center;
 	    font-size: 14px;
 }
/*来源渠道结束*/
/*接单部门处理情况开始*/
.jiedan-left{
	float: left;
	width: 60%;
	
}
.jiedan-right{
	float: right;
	width: 40%;
	
}
.biao-title{
	text-align: center;
	color: #fff;
	font-size: 18px;
	margin: 10px 0;
	font-weight: bold;
}
.bumen ul.txbox li{
	width: 20%;
	float: left;
	text-align: center;
	color: #fff;
	font-size: 14px;
	overflow-x: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
/*接单部门处理情况结束*/
/*投诉举报开始*/
.tousujb{
	width: 95%;
	margin: 35px auto 0 auto;
	margin-top: 35px;
}

.tousujb>div>div{
	float: left;
}
.tousujb>div>div ul{
	margin-top: 30px;
}
.tsjb-top .tsjb-tl{
	width: 35%;
}
.tsjb-top .tsjb-tr{
	width: 65%;
}
.tsjb-bot .tsjb-bl{
	/*margin: 0 5%;*/
	margin-top: 30px;
}
.tsjb-bot>div{
	width: 50%;
	margin-top: 20px;
	box-sizing: border-box;
    /*margin-left: 3%;*/
	
}
.tsjb-bm ul li>div,.tsjb-br ul li>div{
	float: left;
	color: #fff;
	font-size: 14px;
}
.tsjb-bm ul li>div.tsgjz-left,.tsjb-br ul li>div.tsgjz-left{
	width: 70%;
}
.tsjb-bm ul li>div.tsgjz-right,.tsjb-br ul li>div.tsgjz-right{
	float: right;
}
.tsjb-bm ul li .progress,.tsjb-br ul li .progress{
	background-color: #1d1c1c;
}
.progress-bar-zise {
    background-color: #c278a9;
}
.progress-bar-cheng {
    background-color: #fc9765;
}
.progress-bar-fen {
    background-color: #ffe6de;
}
.progress-bar-dousha {
    background-color: #ef9c94;
}
.progress-bar-qing {
    background-color: #deffde;
}
.progress-bar-bohe {
    background-color: #87ebf1;
}
.success{
	color: #5cb85c;
}
.warning {
   color: #f0ad4e;
}
.danger {
    color: #d9534f;
}
.info {
    color: #5bc0de;
}
.zise {
   color: #c278a9;
}
.cheng {
   color: #fc9765;
}
.fen {
   color: #ffe6de;
}
.dousha {
 	color: #ef9c94;
}
.qing {
    color: #deffde;
}
.bohe {
    color: #87ebf1;
}

/*投诉举报结束*/
/*话务数量情况开始*/
.z_num {
		color: #FFFFFF;
		font-size: 16px;
		text-align: center;
		display: block;
		margin-top: 8px;
	}
	
	.phone_num {
		overflow: hidden;
		margin-top: 10px;
	}
	
	.phone_li {
		color: #fff;
	}
	
	.phone_li li {
		width: 50%;
		float: left;
		text-align: center;
		font-size: 14px;
	}

	.Map_picter {
		width: 100%;
	}
	
	.fl {
		float: left;
	}
	
	.Map_dq ul li {
		float: left;
		color: #FFFDEF;
		width: 20%;
		text-align: center;
		margin-bottom: 10px;
	}
	
	.size-14 {
		font-size: 14px;
	}
	
	.tb {
		display: inline-block;
		width: 10px;
		height: 10px;
		background-color: #FFFDEF;
		vertical-align: baseline;
	}
	
	.xe-z {
		display: inline-block;
		width: 10px;
		height: 10px;
		background-color: #fecb00;
	}
	
	.xe-l {
		display: inline-block;
		width: 10px;
		height: 10px;
		background-color: #4ef41b;
	}
	
	.xe-a {
		display: inline-block;
		width: 10px;
		height: 10px;
		background-color: #ecaaf1;
	}
	
	.xe-t {
		display: inline-block;
		width: 10px;
		height: 10px;
		background-color: #043288;
	}
	
	.xe-x {
		display: inline-block;
		width: 10px;
		height: 10px;
		background-color: #ed15fa;
	}
	
	.xe-y {
		display: inline-block;
		width: 10px;
		height: 10px;
		background-color: #2bf9e8;
	}
	
	.xe-g {
		display: inline-block;
		width: 10px;
		height: 10px;
		background-color: #d8b839;
	}
	
	.xe-w {
		display: inline-block;
		width: 10px;
		height: 10px;
		background-color: #2b6df1;
	}
	
	.xe-b {
		display: inline-block;
		width: 10px;
		height: 10px;
		background-color: #fc1807;
	}
	
	.xe-1 {
		display: inline-block;
		width: 10px;
		height: 10px;
		background-color: #23b166;
	}
	
	.xe-2 {
		display: inline-block;
		width: 10px;
		height: 10px;
		background-color: #fbfafa;
	}
	
	.xe-3 {
		display: inline-block;
		width: 10px;
		height: 10px;
		background-color: #f27bbf;
	}
	
	.xe-4 {
		display: inline-block;
		width: 10px;
		height: 10px;
		background-color: #fb028f;
	}
	
/*话务数量情况结束*/
/*中心大数据开始*/
			.containers{
				    width: 1300px;
    				margin: 0 auto;
			}
			.z_num {
				color: #FFFFFF;
				font-size: 16px;
				text-align: center;
				display: block;
				margin-top: 8px;
			}
			
			.phone_num {
				overflow: hidden;
				margin-top: 10px;
			}
			.phone_li li span {
				display: block;
				text-align: center;
			}
			
			.map_titles {
				color: #E0E0E3;
				font-size: 16px;
				text-align: center;
				display: block;
				margin-top: 8px;
			}
			
			.main1 {
				width: 40%;
				float: left;
			}
			

			.sl_title {
				font-size: 16px;
				text-align:center;
				color: #fff;
			}
			
			.slqm ul {
				margin-top: 10px;
			}
			
			.slqm ul li {
				list-style: none;
				font-size: 14px;
				text-align: center;
				/*margin-bottom: 15px;*/
			}
			
			.slqm ul li span {
				text-align: center;
				display: inline-block;
				width: 8%;
			}
			
			.sl_b {
				color: #F0F4F7;
			}
			
			.sl_red {
				color: red;
			}
			
			.sl_blue {
				color: #73a2fa;
			}
			
			.size-20 {
				font-size: 20px;
			}
			
			.max-width {
				width: 40%!important;
				text-align: left!important;
			}
			
			.tspm ul {
				margin-top: 25px;
			}
			
			.tspm ul li span {
				text-align: left;
				display: inline-block;
				width: 10%;
			}
			
			.tspm ul li {
				font-size: 14px;
				text-align: center;
			}
			.slqm_content ul li .progress {
				background-color:#1d1c1c;
				margin-bottom: 40px;
   				margin-top: 5px;
			
			}
			.conb>div{
				float: left;
				width: 50%;
			}
			.gd-tbox{
				width: 100%;
				margin: 0px 0 25px 0;
			}
			.gd-tbox li{
				float: left;
				width: 33.3%;
				text-align: center;
				color: #fff;
				height: 45px;
   				line-height: 45px;
			}
			.gd-tbox li span{
				color: red;
			}
			.gd-tbox li.gd-tit{
				background: #c23531;
				color: #fff;
				
			}
			.mb>div{
				float: left;
			}
			
			.gdmap .gdmap-l{
				/*width: 15%;*/
			}
			.gdmap .gdmap-l ul{
				width: 100%;
				color: #73a2fa;
				font-size: 14px;
			}
			.gdmap .gdmap-l ul li{
				width: 50%;
				float: left;
				padding: 6px 0;
			    border-top: 1px solid #1e2b3a;
			    box-sizing: border-box;
			    padding-left: 10px;
			}
			.gdmap .gdmap-l ul li span{
				color: #fff;
				font-size: 18px;
			}
			.gdmap .gdmap-m{
				/*width: 60%;*/
				width: 476px;
			    height: 369px;
			    margin: 0 auto;
			}
			.gdmap .gdmap-m img{
				display: block;
				width: 100%;
			}
			.gdmap .gdmap-r{
				/*width: 20%;*/
				color: #fff;
				font-size: 14px;
			}
			.gdmap .gdmap-r ul li{
				float: left;
				float: left;
    width: 25%;
    /*margin-top: 15px;*/
    padding: 8px 0;
			    border-top: 1px solid #1e2b3a;
			    cursor: pointer;
			}
			.gdmap .gdmap-r ul li i{
				margin-right: 5px;
				border-radius: 50%;
			}
			.xian ul li i{
				    display: inline-block;
				    width: 10px;
				    height: 10px;
			}
			.yuc{
				 background-color: #f34763;
			}
			.mq{
				 background-color: #0343c3;
			}
			.sx{
				 background-color: #fa9533;
			}
			.nl{
				 background-color: #ecaaf1;
			}
			.lyq{
				 background-color: #60de83;
			}
			.syq{
				 background-color: #2bf9e8;
			}
			.zc{
				 background-color: #f761b7;
			}
			.xy{
				 background-color: #fecb00;
			}
			.yongc{
				 background-color: #49a4fe;
			}
			
			
/*中心大数据结束*/
/*服务知识开始*/
	.slqd_title {
				font-size: 16px;
				color: #fff;
				text-align:center;
				    font-weight: bold;
			}
			.xs {
				font-size: 16px;
				line-height: 20px;
				display: block;
			}			
			.pr_bai {
				color: #FFF;
				margin-bottom: 8px;
			}
			
			.bm {
				width: 35%;
				display: block;
				float: left;
				height: 40px;
				float: right;
				line-height: 15px;
			}
			
			.bm span {
				font-size: 14px;
				text-align: center;
				display: block;
			}
			
			.slqd_content {
				overflow: hidden;
			}			
			.slqd_content {
				margin-top: 30px;
			}			
				
			.info {
				color: #23c6c8;
			}
			
			.success {
				color: #1c84c6;
			}
			
			.danger {
				color: #ed5565;
			}
			
			.warning {
				color: #f8ac59;
			}
			.slqd_content ul{
				padding-left: 0;
				margin-right: 40px;
			}
			.slqd_content ul li {
				margin-bottom: 25px;
			}
			.slqd_content ul li .progress {
				width: 60%;
				height: 20px;
				float: left;
				background-color: #1d1c1c;
			}
/*服务知识结束*/