XYUpgrade_UI/CallCenterWe.../dianXiao/css/call.css

		ul,
		li,
		ol {
			list-style: none;
			margin: 0;
			padding: 0;
		}
		a {
			text-decoration: none
		}
		.clearFix:after {
	    content: "";
	    display: block;
	    clear: both;
		}
		.ldtp-con{
			width: 980px;
			margin: 0 auto;
			height: 650px;
			overflow: hidden;
            /*position: absolute;*/
            position: relative;
		    /*top: 97px;*/
   		    /*left: 220px;*/
			background: #fff;
			/*border-left: 4px solid #1ab395;*/
			/*display: none;*/
		
		}
		.ldtp-top{
			height: 40px;
			background: #1ab394;
			width: 100%;
			border-top-left-radius:5px;
			border-top-right-radius:5px;
			padding: 0 20px;
			color: #fff;
			font-size: 16px;
			line-height: 40px;
		}
		.tppl{
			float: left;
		}
		.tppr{
			float: right;
		}
		.tppr a{
			display: inline-block;
			height: 35px;
			width: 35px;
		}
		.minClose{
			background: url(../../img/min.png) no-repeat center center;
		}
		.cha{
			background: url(../../img/gb.png) no-repeat center center;
		}
		.khzl {
			font-size: 12px;
			border: 0;
			width: 100%;
			margin: 0 auto;
			color: #fff;
		}

		.khzl tr {
			border: 0;
		}

		.khzl th {
			/*padding: 5px 8px 5px 0;*/
			text-align: right;
			width: 45%;
			font-weight: normal;
			border: 0;
		}

		.khzl tbody > tr > td,
		.khzl tbody > tr > th {
			border: 0;
		}

		.khzl tbody > tr > td input {
			border: 0;
			outline: none;
			background: #2f4050;
			padding-left: 5px;
			width: 100%;
		}

		.khbtn {
			color: #1ab394;
			font-size: 14px;
		}

		.ldtp-con .hei-list input{
			 margin-top: 3px;
	
		}

		.ldtp-cl {
			background: #2f4050;
			font-family: "宋体";
			height: 100%;
			padding: 0;
		}
		.ldtp-cl .head-pic{
			background: #243747;
			border: 1px solid transparent;
		}
		
		.ldtp-cl .head-pic>div {
			height: 90px;
			width: 90px;
			-webkit-border-radius: 50%;
			-moz-border-radius: 50%;
			border-radius: 50%;
			overflow: hidden;
			margin: 20px auto;
			border-width: 2px;
			border-style: solid;
			border-color: #ffb400 #fc3c04 #fdfc01 #00e3c0;
		}
		.ldtp-cl .head-pic ul li {
			font-size: 12px;
			color: #dfe4ed;
			text-align: center;
		}
		
		.ldtp-cl .head-pic ul li.nikeName i {
			display: inline-block;
			width: 20px;
			height: 1px;
			background: #dfe4ed;
		}
		
		.ldtp-cl .head-pic ul li.nikeName span {
			margin: 0 10px;
		}
		.ldtp-cl .head-pic ul li.lahei{
			color: #ce2114;
		    margin: 10px 0;
		    cursor: pointer;
		}
		.ldtp-cl .head-pic ul li.lahei i{
			display: inline-block;
			height: 16px;
			width: 16px;
			vertical-align: middle;
		}
		.ldtp-cl .head-pic ul li.lahei .push{
				background: url(../../img/lahei.png) no-repeat;
		}
		.ldtp-cl .head-pic ul li.lahei .qxlh{
			background: url(../../img/retur.png) no-repeat;
		}
		.ldtp-cl .head-pic ul li.td-call {
			padding: 1em 6em;
		}
		
		.ldtp-cl .head-pic ul li>a {
			display: inline-block;
		}
		
		.ldtp-cl .head-pic ul li>a.drop {
			float: right;
		}
		
		.ldtp-cl .head-pic ul li>a.take {
			float: left;
		}
		
		.ldtp-cl .head-pic ul li>a>i {
			display: inline-block;
			height: 36px;
			width: 36px;
		}
		
		.ldtp-cl .head-pic ul li>a.take>i {
			background: url(../../img/drop.png) no-repeat;
		}
		
		.ldtp-cl .head-pic ul li>a.drop>i {
			background: url(../../img/take.png) no-repeat;
		}
		
		.ldtp-cl .come-detail {
			color: #fcf9f9;
			padding-left: 5em;
			line-height: 2em;
			margin-top: 35px;
		}
		.ldtp-cr {
			height: 100%;
			overflow: hidden;
			overflow-y: auto;
		}
		/*编辑按钮*/

		.bianji{
			display: inline-block;
			height: 16px;
			width: 16px;
			vertical-align: middle;
			margin-right: 5px;
		}
		.bianji.edi{
			background: url(../../img/xgai.png) no-repeat;
		}
		.bianji.sav{
			background: url(../../img/bbc.png) no-repeat;
		}
		.bianji.canc{
			background: url(../../img/quxi.png) no-repeat;
		}
		/*黑名单开始*/
		.hei-list .bacha:hover{
			color: #ccc;
		}
		.hei-list {
			position: absolute;
			top: 20%;
			left: 40%;
			z-index: 10;
			display: none;
			width: 400px;
		}

		.heiTop {
			height: 35px;
			background: #2f4050;
			color: #fff;
			line-height: 35px;
			padding: 0 15px;
			border-top-left-radius: 3px;
			border-top-right-radius: 3px;
		}

		.heiTop .htl {
			float: left;
			margin: 0;
		}

		.heiTop .bacha {
			float: right;
			font-size: 18px;
			cursor: pointer;
			margin: 0;
		}

		.heiCon {
			width: 100%;
			background: #fff;
			text-align: center;
			padding: 25px 15px;
			height: auto;
			overflow-y: auto;
			border: 1px solid #eee;
		}

		#time-word {
			border: 1px solid #1ab394;
			padding: 5px 0 5px 10px;
			width: 120px;
			outline: none;
			color: #000;
		}

		.chooses {
			margin-top: 10px;
		}

		.btns {
			background: #1ab394;
			color: #fff;
			padding: 6px 10px;
			outline: none;
			font-size: 12px;
			margin-left: 15px;
			border: 0;
			border-radius: 3px;
			box-sizing: border-box;
		}
		/*黑名单结束*/
		/*右侧内容*/
		 .cr-title{
			border-bottom: 1px solid #e4eaec;
			font-size: 14px;

		}
		 .cr-title li{
			padding: 10px 17px;
			/*border-bottom: 2px solid #1ab394;*/
			float: left;
		}
		.checkbox label{
			padding-left: 10px;
			font-size: 12px;
		}
		.checkbox-inline{
			margin-right: 40px;
		}
		.crtcon{
			padding-left: 17px;
		}
		.check{
			padding: 20px 0;
		}
		.sel{
			/*padding: 10px 17px;*/
			border-bottom: 2px solid #1ab394;
			color: #1ab394;
		}
		.tabCon>div{
			width: 100%;
		}
		.tabCon>div.tone table th{
		    padding: 5px 8px 5px 0;
		    text-align: right;
		    /*width: 20%;*/
		}
		.tabCon>div.tone table td{
			padding: 6px 0 5px 10px;
		    text-align: left;
		    color: #717171;
		    line-height: 200%;
		}
		 .tabCon>div.tone table td textarea{
		    	width: 95%;
			    height: 70px;
			    resize: none;
			    background: #f5f5f5;
		    }

		.inpBox {
		    border: 1px solid #a9a9a9;
		    height: 27px;
		    width: 95px;
		    display: inline-block;
		    position: relative;
		    vertical-align: middle;
		    margin-right: 25px;
		    }
		  .inps {
      	    width: 82%;
		    height: 22px;
		    outline: none;
		    border: 0;
		    border-image-width: 0;
		    padding: 0;
		    padding-left: 3px;						
      		}
      	.xl {
		    display: inline-block;
		    background: url(../img/dropla.png) no-repeat;
		    height: 100%;
		    background-position: center center;
		    width: 20px;
		    position: absolute;
		    right: 0;
		    top: 0px;
		    cursor: pointer;
		    background-color: #fff;
		    }
		.addTree {
		    background: #fff;
		    position: absolute;
		    width: 100%;
		    border: 1px solid darkgrey;
		    right: 0;
		    top: 26px;
		    display: none;
		    /* height: 220px; */
		    overflow-y: auto;
		    z-index: 10;
		    text-align: center;
		    }
		    .jia{
		    	display: inline-block;
		    	height: 17px;
		    	width: 17px;
		    	background: url(../img/lvadd.png) no-repeat;
		    	vertical-align: sub;
		    	margin-right: 5px;
		    }
		    /*添加产品开始*/
		   .addGoods{
		   	position: absolute;
		    top: 0;
		    right: 0;
		    bottom: 0;
		    left: 0;
		    height: 100%;
		    width: 100%;
		    background: rgba(0, 0, 0, 0.48);
		    z-index: 100;
		    display: none;
		   }
		   .addCon{
	   	    background: #fff;
		    width: 70%;
		    margin: 55px auto 0 auto;
		   }
		  .atop{
		   	    height: 35px;
			    background: #1ab394;
			    color: #fff;
			    line-height: 35px;
			    padding: 0 15px;
		   }
		   .atl{
		   	float: left;
		   	margin: 0;
		   }
		   .atr{
		   	float: right;
		   	height: 35px;
		   	width: 20px;
		   	background: url(../img/cha.png) no-repeat;
		   	background-position: center center; 
		   	margin: 0;
		   	cursor: pointer;
		   }
		    /*添加产品结束*/
		   .orderDetail{
		   	    border-bottom: 1px solid #1ab394;
		   	    margin-bottom: 20px;
		   	    display: none;
		   }
		 .odt{
		 	color: #333;
		 	height: 85px;
		 	border-bottom: 1px solid #f1f1f1;
		 }
		  .odt li{
		  	float: left;
		  	width: 15%;
		  	padding: 30px 0;
		  	text-align: center;
		  }
		  .odt li.decrp{
		  	width: 40%;
		  	padding: 0;
		  	text-align: left;
		  }
		  .count{
		  	width: 60%;
		    margin: 0 auto;
		    background: #f1f1f1;
		    padding: 3px;
		  }
		  .count .jiaUp, .count .jian{
		  	display: inline-block;
		    height: 20px;
		    width: 14px;
		    vertical-align: middle;
		    
		  }
		   .count .jiaUp{
		   	background: url(../img/addj.png) no-repeat;
		   	background-position: center center;
		   }
		   .count .jian{
		  	background: url(../img/jians.png) no-repeat;
		  	background-position: center center; 
		  }
		  .gdt{
	  	    overflow: hidden;
		    text-overflow: ellipsis;
		    white-space: nowrap;
		    width: 200px;
		  }
		  .orMark{
		  	padding: 20px 15px;
		    background: #f5f5f5;
		    color: #333;
		  }
		  .orMark>div{
		  	float: left;
		  	width: 50%;
		  }