SQ12345_Web/WebChart_bak/css/index.css

body {
	margin: 0;
	padding: 0;
	font-size: 16px;
	background-color: #030917!important;
	-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;
}
.btns {
    background: #00a1cb;
    color: #fff;
    padding: 5px 10px;
    outline: none;
    font-size: 12px;
    margin:0 15px;
    border: 0;
    border-radius: 3px;
    box-sizing: border-box;
    cursor: pointer;
    vertical-align: middle;
    }
    
    .tool_count{
    		position: relative;
    	}
    	.tooltips{
    		position: absolute;
		    top: -100%;
		      right: -50%;
		    background: rgba(50, 50, 50, 0.7);
		    border-radius: 6px;
		    font-size: 15px;
		    color: #fff;
		    z-index: 999;
		    width: 100%;
		    text-align: left;
		    padding: 5px;
		    display: none;
		    transition: left 0.4s cubic-bezier(0.23, 1, 0.32, 1), top 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    	}
    		.tooltips p{
    			float: left;
			    width: 45%;
			    padding-left: 5%;
    		}
    		.toolsTitle{
    			text-align: center;
    			color: #8fc6ad;
    		}
    	.list{
    		padding-left: 45px;
    	}
    	.list li{
    		float: left;
		    width: 33%;
		    color: #ccc;
		    cursor: pointer;
		        margin-bottom: 5px;
    	}
    	.color0,.color20,.color10,.color30,.color40,.color50,.color60,.color70{
    		color: #61a0a9;
    	}
    	.color1,.color21,.color31,.color41,.color51,.color61,.color71{
    		color: #cb885d;
    	}
    	.color2,.color12,.color22,.color32,.color42,.color52,.color62,.color72{
    		color: #c4352d;
    	}
    	.color3,.color13,.color23,.color33,.color43,.color53,.color63,.color73{
    		color: #314452;
    	}
    	.color4,.color14,.color24,.color34,.color44,.color54,.color64,.color74{
    		color: #a88c1e;
    	}
    	.color5,.color15,.color25,.color35,.color45,.color55,.color65,.color75{
    		color: #2f5675;
    	}
    	.color6,.color16,.color26,.color36,.color46,.color56,.color66,.color76{
    		color: #94c8b1;
    	}
    	.color7,.color17,.color27,.color37,.color47,.color57,.color67,.color77{
    		color: #babc2f;
    	}
    	.color8,.color18,.color28,.color38,.color48,.color58,.color68,.color78{
    		color: #e86617;
    	}
    	.color9,.color19,.color29,.color39,.color49,.color59,.color69,.color79{
    		color: #afe817;
    	}
    	.color10{
    		color: #e8178d;
    	}
    	.color11{
    		color: #0edccc;
    	}
    	.tbr{
    		margin-right: 3px;
    	}
/*[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: #030917;
    margin: 0 auto;
    padding-bottom: 40px;
 	
 }
    .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: 48%;
	/*margin-left: 1%;*/
	    border: 1px solid #151924;
	
}
.jiedan-right{
	float: right;
	width: 48%;
	/*margin-right: 1%;*/
	    border: 1px solid #151924;
	
}
.biao-title{
	text-align: left;
	color: #0961a0;
	font-size: 16px;
	padding-left: 20px;
	font-weight: bold;
	border: 1px solid #1f2b39;
	/*background: #010917;*/
    /*background: -moz-linear-gradient(top, red, rgba(0, 0, 255, 0.5));*/
    /*background: -webkit-gradient(linear, 0 0, 0 bottom, from(#1f2b39), to(#010917));*/
    height: 35px;
}
.biao-title .biao-title-l{
	float: left;
	line-height: 35px;
}
.biao-title .biao-title-r{
	float: right;
}
.biao-title .biao-title-r input{
	border: 1px solid #151924;
	width: 127px;
    outline: none;
    padding-left: 5px;
    background: #2f4158;
        margin-top: 3px;
}
.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;
}

.tousujb>div>div{
	float: left;
}
.tousujb>div>div ul{
	margin-top: 30px;
}
.tsjb-top .tsjb-tl,.tsjb-trr,.tsjb-tr{
	width: 48%;
	border: 1px solid #151924;
}
.tsjb-tr{
	margin-left: 1%;
}
.tsjb-bot .tsjb-bl{
    padding-bottom: 20px;
	  
}
.tsjb-bot>div{
	width: 100%;
	margin-top: 20px;
	box-sizing: border-box;
	 border: 1px solid #151924;
    /*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{
				margin-bottom: 20px;
			}
			.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: 48%;
				border: 1px solid #151924;
			}
			.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;
				border: 1px solid #151924
			}
			
			
			.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;
			    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;
			}
/*服务知识结束*/