duhongyu
/
ShuangHui_UI


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919
							<!DOCTYPE html>
<html>

	<head>

		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">

		<title>来电弹屏</title>
		<!--[if lt IE 9]>
    <meta http-equiv="refresh" content="0;ie.html" />
    <![endif]-->
		<meta name="keywords" content="">
		<meta name="description" content="">

		<link href="./css/bootstrap.min14ed.css?v=3.3.6" rel="stylesheet">
		<link href="./css/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet">
		<link href="./css/animate.min.css" rel="stylesheet">
		<link href="./css/style.min862f.css?v=4.1.0" rel="stylesheet">
		<link rel="stylesheet" href="./css/layer/skin/default/layer.css" />
		<link rel="stylesheet" href="./css/laydate/need/laydate.css" />
	</head>
	<style>
		@font-face {
			font-family: 'iconfont';
			src: url('fonts/iconfont.eot');
			/* IE9*/
			src: url('fonts/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
			url('fonts/iconfont.woff') format('woff'), /* chrome、firefox */
			url('fonts/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
			url('fonts/iconfont.svg#iconfont') format('svg');
			/* iOS 4.1- */
		}
		
		.iconfont {
			font-family: "iconfont";
			font-style: normal;
		}
		
		body,
		div,
		dl,
		dt,
		dd,
		ul,
		ol,
		li,
		h1,
		h2,
		h3,
		h4,
		h5,
		h6,
		pre,
		code,
		form,
		fieldset,
		legend,
		input,
		button,
		textarea,
		p,
		blockquote,
		th,
		td {
			margin: 0;
			padding: 0;
		}
		
		ul,
		li,
		ol {
			list-style: none;
		}
		
		a {
			text-decoration: none
		}
		.clearfix:after {
	    content: "";
	    display: block;
	    clear: both;
		}
		.gohome {
			position: fixed;
			top: 20px;
			right: 20px;
			z-index: 100;
		}
		
		.gohome a {
			height: 38px;
			width: 38px;
			display: block;
			background: #2f4050;
			padding: 9px 8px;
			text-align: center;
			color: #fff;
			border-radius: 50%;
			opacity: .5;
		}
		.ldtp-con{
			width: 1200px;
			margin: 0 auto;
			height: 100%;
		}
		.ldtp-cl {
			background: #243747;
			font-family: "宋体";
			height: 100%;
		}
		
		.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.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 {
			overflow: hidden;
		}
		.ldtp-cr .ld-service li {
			float: left;
			font-size: 14px;
			color: #000;
			padding: 5px 15px;
		}
		
		.ldtp-cr ul.ld-service li.cr-click {
			background: #000;
			color: #fff;
		}
		
		.ld-sercon .Ps-chaxun {
			padding: 15px 0;
		}
		
		.ld-sercon .Ps-chaxun span {
			margin-right: 1.2em;
		}
		
		.ld-sercon input {
			width: 128px;
			padding-left: 20px;
			padding-right: 0;
		}
		
		.ld-sercon select {
			height: 22px;
			width: 128px;
			padding-left: 20px;
		}
		.ld-sercon textarea{
			width: 70%;
			vertical-align: middle;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
		}
		.ld-sercon .bton{
			width: 70px;
			height: 27px;
			line-height: 27px;
			background: #2f4050;	
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
			margin: 0 auto;
			color: #fff;
			text-align: center;
		}
		.second-con{
			padding: 20px 0;
		}
		
		.ld-sercon .addjl {
			display: inline-block;
			width: 84px;
			border: 1px solid #2f4050;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
			text-align: center;
			padding: 0px;
			font-size: 12px;
			height: 20px;
			line-height: 20px;
			cursor: pointer;
		}
		
		.dealw {
			color: #8bdb6c;
		}
		.ld-sercon>div{
			display: none;
		}
		.ldcr-bottom .ldcrb-top>ul {
			float: left;
			
		}
			.ldcr-bottom .ldcrb-top>ul li{
				float: left;
			    font-size: 14px;
			    width: 90px;
			    text-align: center;
			    height: 30px;
			    line-height: 30px;
			}
		.ldcr-bottom .ldcrb-top>div{
			float: right;
			width: 285px;
			height: 30px;
			position: relative;
		}
		.ldcr-bottom .ldcrb-top>div .sear-inp{
		width: 100%;
		height: 100%;
		border: 1px solid #ccc;
		overflow: hidden;
		}
		.ldcr-bottom .ldcrb-top>div .sear-inp input{
			    display: block;
			    height: 100%;
			    width: 88%;
			    border: 0;
			    outline: none;
			    padding: 10px;
		}
		.searIcon{
			position: absolute;
			width: 12%;
			height: 100%;
			right: 0;
			top: 0;
			background-color: #8bdb6c;
			background-image: url(img/searIcon.png);
			background-repeat: no-repeat;
			background-position: center center;
			
		}
		.ldcr-bottom .detail-con{
			padding: 15px;
		    border: 1px solid #ebebeb;
		    -webkit-border-radius: 5px;
			-moz-border-radius: 5px;
		    border-radius: 5px;
		    margin-top: 15px;
		}
		.ldcr-bottom .detail-con ul li {
			margin-bottom: 10px;
		}
		.ldcr-bottom .detail-con ul li .zhishi-title{
			border-bottom: 1px solid #ccc;
		}
		.ldcr-bottom .detail-con ul li .zhishi-title a{
			    display: block;
			    float: left;
			    width: 55%;
			    white-space: nowrap;
			    overflow: hidden;
			    text-overflow: ellipsis;
			    color: #000;
		}
		.ldcr-bottom .detail-con ul li .zhishi-title em{
				display: block;
			    float: right;
			    font-style: normal;
			    font-family: Verdana;
			    float: right;
			     color: #000;
		}
		.ldcr-bottom .detail-con ul li .explancon{
			padding: 30px 10px;
		    text-indent: 24px;
		    line-height: 24px;
		    color: #999;
		    background: #f5f5f5;
		}
		.second-con{
			border: 1px solid #e6e6e6;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
			margin: 15px 0;
			
		}
		.shows{
			display: block;
		}
		.hides{
			display: none!important;
		}
	</style>

	<body class="gray-bg" style="background: #fefefe;">
		<div class="gohome">
			<a href="" class="animated bounceInUp">
				<i class="fa iconfont ">&#xe626;</i>
			</a>
		</div>
		<div class="ldtp-con clearfix">
			
			
				<!--左侧内容-->
			<div class="ldtp-cl col-sm-3">
				<div class="head-pic">
					<div class="hp-box">
						<img src="./img/txpic.png" alt="" />
					</div>
					<ul>
						<li class="nikeName"><i></i><span>孙嘉一Zoe</span><i></i></li>
						<li style="color: #4cd964;">当前通话时长：<span>08</span>: <span>30</span></li>
						<li class="td-call clearfix">
							<a class="take" href=""><i></i></a>
							<a class="drop" href=""><i></i></a>
						</li>
					</ul>
				</div>
				<ul class="come-detail">
					<li>姓名:<span>孙嘉一</span></li>
					<li>归属地:<span>河南-郑州</span></li>
					<li>联系电话:<span>13222333322</span></li>
					<li>客户等级:<span>核心客户</span></li>
					<li>客户属性:<span>渠道客户</span></li>
					<li>售后负责人:<span>孙嘉一</span></li>
					<li>来电时间:<span>2017-04-27</span><span>11:02:30</span></li>

				</ul>

			</div>
			<!--右侧内容-->
			
			<div class="ldtp-cr col-sm-9">
				<ul class="ld-service clearfix">
					<li style="border-bottom:1px solid #69cbd0;" class="cr-click a">售前咨询</li>
					<li style="border-bottom:1px solid #f95a83;" class="b">保修服务</li>
					<li style="border-bottom:1px solid #243747;" class="c">投诉建议</li>
				</ul>
				<div class="ld-sercon">
					<div class="Pre-sale" style="display: block;">
						<div class=" ld-sercon-con clearfix">							
							<div class="Ps-chaxun">
								<span>查询1: <input type="text" id="startTime" class="laydate-icon"/>&nbsp;——&nbsp;<input type="text"  id="endTime" class="laydate-icon"/></span>
								<span>问题类型: <select name="" id="">
										<option selected="selected" value="0">全部</option>
										<option value="6">投诉</option>
										<option value="7">咨询建议</option>
										<option value="8">重复件</option>
										<option value="71">其他</option>
									</select></span>
								<span>
										问题状态: <select name="" id="">
										    <option selected="selected" value="0">全部</option>
										    <option value="18">登记中</option>
											<option value="21">办理中</option>
											<option value="22">已办结</option>
											<option value="23">呈批中</option>
											<option value="24">直办</option>
											<option value="25">回退</option>
											<option value="26">反馈</option>
									</select>
									</span>
								<span class="addjl pre-add">新增记录</span>
	
							</div>
							<div class="table-responsive col-sm-12" style="padding-left: 0;">
								<table class="table table-bordered text-center">
									<tr style="color: #fff;">
										<td style="background: #68b0fe;">坐席工号</td>
										<td style="background: #243747;">坐席姓名</td>
										<td style="background: #8bdb6c;">是否处理</td>
										<td style="background: #243747;">电话号码</td>
										<td style="background: #f95a83;">通话开始时间</td>
										<td style="background: #243747;">备注</td>
									</tr>
									<tr>
										<td>0068</td>
										<td>孙嘉一</td>
										<td class="dealw">已处理</td>
										<td>12333568965</td>
										<td>2017-04-28 15：30</td>
										<td>系统生成</td>
									</tr>
									<tr>
										<td>0068</td>
										<td>孙嘉二</td>
										<td class="dealw">已处理</td>
										<td>12333568965</td>
										<td>2017-04-28 15：30</td>
										<td>系统生成</td>
									</tr>
									<tr>
										<td>0068</td>
										<td>孙嘉三</td>
										<td class="dealw">已处理</td>
										<td>12333568965</td>
										<td>2017-04-28 15：30</td>
										<td>系统生成</td>
									</tr>
									<tr>
										<td>0068</td>
										<td>孙嘉四</td>
										<td class="dealw">已处理</td>
										<td>12333568965</td>
										<td>2017-04-28 15：30</td>
										<td>系统生成</td>
									</tr>
									<tr>
										<td>0068</td>
										<td>孙嘉五</td>
										<td class="dealw">已处理</td>
										<td>12333568965</td>
										<td>2017-04-28 15：30</td>
										<td>系统生成</td>
									</tr>
									<tr>
										<td>0068</td>
										<td>孙嘉六</td>
										<td class="dealw">已处理</td>
										<td>12333568965</td>
										<td>2017-04-28 15：30</td>
										<td>系统生成</td>
									</tr>
								</table>
							</div>
						</div>
						<div class="Pre-second second-con" style="display: none;">
							<form >
								<div class="form-group clearfix">
									<span class="col-sm-4">
									咨询类型: <select name="" id="">
										<option selected="selected" value="0">全部</option>
										<option value="6">投诉</option>
										<option value="7">咨询建议</option>
										<option value="8">重复件</option>
										<option value="71">其他</option>
									</select>
									</span>
									<span class="col-sm-4">
										客户姓名: <input type="text" />
									</span>
									<span class="col-sm-4">
										咨询电话: <input type="text" />
									</span>
								</div>
								<div class="form-group" style="padding-left: 15px;">
									<span>咨询内容:</span>
									<textarea rows="5"></textarea>
								</div>
								<div class="form-group" style="padding-left: 15px;">
									<span>解答内容:</span>
									<textarea rows="5"></textarea>
								</div>
								<div class="bton">创建</div>
								
							</form>	
						</div>
					</div>
					
					<div class="bx-service">
						<div class="ld-sercon-con clearfix">
	                         <div class="Ps-chaxun">
	
								<span>查询2: <input type="text" id="startTime" class="laydate-icon"/>&nbsp;——&nbsp;<input type="text"  id="endTime" class="laydate-icon"/></span>
								<span>问题类型: <select name="" id="">
										<option selected="selected" value="0">全部</option>
										<option value="6">投诉</option>
										<option value="7">咨询建议</option>
										<option value="8">重复件</option>
										<option value="71">其他</option>
									</select></span>
								<span>
										问题状态: <select name="" id="">
										    <option selected="selected" value="0">全部</option>
										    <option value="18">登记中</option>
											<option value="21">办理中</option>
											<option value="22">已办结</option>
											<option value="23">呈批中</option>
											<option value="24">直办</option>
											<option value="25">回退</option>
											<option value="26">反馈</option>
									</select>
									</span>
								<span class="addjl f">新增记录</span>
	
							</div>
							<div class="table-responsive col-sm-12" style="padding-left: 0;">
								<table class="table table-bordered text-center">
									<tr style="color: #fff;">
										<td style="background: #68b0fe;">坐席工号</td>
										<td style="background: #243747;">坐席姓名</td>
										<td style="background: #8bdb6c;">是否处理</td>
										<td style="background: #243747;">电话号码</td>
										<td style="background: #f95a83;">通话开始时间</td>
										<td style="background: #243747;">备注</td>
									</tr>
									<tr>
										<td>0068</td>
										<td>孙嘉一</td>
										<td class="dealw">已处理</td>
										<td>12333568965</td>
										<td>2017-04-28 15：30</td>
										<td>系统生成</td>
									</tr>
									<tr>
										<td>0068</td>
										<td>孙嘉二</td>
										<td class="dealw">已处理</td>
										<td>12333568965</td>
										<td>2017-04-28 15：30</td>
										<td>系统生成</td>
									</tr>
									<tr>
										<td>0068</td>
										<td>孙嘉三</td>
										<td class="dealw">已处理</td>
										<td>12333568965</td>
										<td>2017-04-28 15：30</td>
										<td>系统生成</td>
									</tr>
									<tr>
										<td>0068</td>
										<td>孙嘉四</td>
										<td class="dealw">已处理</td>
										<td>12333568965</td>
										<td>2017-04-28 15：30</td>
										<td>系统生成</td>
									</tr>
									<tr>
										<td>0068</td>
										<td>孙嘉五</td>
										<td class="dealw">已处理</td>
										<td>12333568965</td>
										<td>2017-04-28 15：30</td>
										<td>系统生成</td>
									</tr>
									<tr>
										<td>0068</td>
										<td>孙嘉六</td>
										<td class="dealw">已处理</td>
										<td>12333568965</td>
										<td>2017-04-28 15：30</td>
										<td>系统生成</td>
									</tr>
								</table>
							</div>
						</div>
						<div class="Pre-second second-con">
							<form >
								<div class="form-group clearfix">
									<span class="col-sm-4">
									保修类型: <select name="" id="">
										<option selected="selected" value="0">全部</option>
										<option value="6">硬件报修</option>
										<option value="7">软件报修</option>
									</select>
									</span>
									<span class="col-sm-4">
									保修级别: <select name="" id="">
										<option selected="selected" value="0">全部</option>
										<option value="6">一般报修</option>
										<option value="7">紧急报修</option>
									</select>
									</span>
									<span class="col-sm-4">
										联系电话: <input type="text" />
									</span>
								</div>
								<div class="form-group clearfix">
									<span class="col-sm-4">
										客户姓名: <input type="text" />
									</span>
									<span class="col-sm-4">
										工单处理: <input type="text" />
									</span>
									<span class="col-sm-4">
										结单说明: <input type="text" />
									</span>
								</div>
						         <div class="form-group" style="padding-left: 15px;">
									<span>咨询内容:</span>
									<textarea rows="5"></textarea>
								</div>
								<div class="form-group" style="padding-left: 15px;">
									<span>解答内容:</span>
									<textarea rows="5"></textarea>
								</div>
								<div class="bton">创建</div>
								
							</form>	
						</div>
					</div>
					
					<div class="complain">
						<div class="ld-sercon-con clearfix">
							<div class="Ps-chaxun">
								<span>查询3: <input type="text" id="startTime" class="laydate-icon"/>&nbsp;——&nbsp;<input type="text"  id="endTime" class="laydate-icon"/></span>
								<span>问题类型: <select name="" id="">
										<option selected="selected" value="0">全部</option>
										<option value="6">投诉</option>
										<option value="7">咨询建议</option>
										<option value="8">重复件</option>
										<option value="71">其他</option>
									</select></span>
								<span>
										问题状态: <select name="" id="">
										    <option selected="selected" value="0">全部</option>
										    <option value="18">登记中</option>
											<option value="21">办理中</option>
											<option value="22">已办结</option>
											<option value="23">呈批中</option>
											<option value="24">直办</option>
											<option value="25">回退</option>
											<option value="26">反馈</option>
									</select>
									</span>
								<span class="addjl g">新增记录</span>
	
							</div>
							<div class="table-responsive col-sm-12" style="padding-left: 0;">
							<table class="table table-bordered text-center">
								<tr style="color: #fff;">
									<td style="background: #68b0fe;">坐席工号</td>
									<td style="background: #243747;">坐席姓名</td>
									<td style="background: #8bdb6c;">是否处理</td>
									<td style="background: #243747;">电话号码</td>
									<td style="background: #f95a83;">通话开始时间</td>
									<td style="background: #243747;">备注</td>
								</tr>
								<tr>
									<td>0068</td>
									<td>孙嘉一</td>
									<td class="dealw">已处理</td>
									<td>12333568965</td>
									<td>2017-04-28 15：30</td>
									<td>系统生成</td>
								</tr>
								<tr>
									<td>0068</td>
									<td>孙嘉二</td>
									<td class="dealw">已处理</td>
									<td>12333568965</td>
									<td>2017-04-28 15：30</td>
									<td>系统生成</td>
								</tr>
								<tr>
									<td>0068</td>
									<td>孙嘉三</td>
									<td class="dealw">已处理</td>
									<td>12333568965</td>
									<td>2017-04-28 15：30</td>
									<td>系统生成</td>
								</tr>
								<tr>
									<td>0068</td>
									<td>孙嘉四</td>
									<td class="dealw">已处理</td>
									<td>12333568965</td>
									<td>2017-04-28 15：30</td>
									<td>系统生成</td>
								</tr>
								<tr>
									<td>0068</td>
									<td>孙嘉五</td>
									<td class="dealw">已处理</td>
									<td>12333568965</td>
									<td>2017-04-28 15：30</td>
									<td>系统生成</td>
								</tr>
								<tr>
									<td>0068</td>
									<td>孙嘉六</td>
									<td class="dealw">已处理</td>
									<td>12333568965</td>
									<td>2017-04-28 15：30</td>
									<td>系统生成</td>
								</tr>
							</table>
						</div>
					   </div>
					   	<div class="Pre-second second-con">
							<form >
								<div class="form-group clearfix">
									<span class="col-sm-4">
									投诉类型: <select name="" id="">
										<option selected="selected" value="0">全部</option>
										<option value="6">故障引发投诉</option>
										<option value="7">网络质量</option>
										<option value="8">业务咨询</option>
										<option value="71">渠道服务</option>
										<option value="72">预受理</option>
									</select>
									</span>
									<span class="col-sm-4">
										投诉客户: <input type="text" />
									</span>
									<span class="col-sm-4">
										联系电话: <input type="text" />
									</span>
							
								</div>
								<div class="form-group clearfix">
										<span class="col-sm-4">
									投诉部门: <select name="" id="">
										<option selected="selected" value="0">全部</option>
										<option value="10">工程部</option>
										<option value="11">人力资源部</option>
										<option value="12">研发部</option>
										<option value="13">技术部</option>
										<option value="14">郑州销售部</option>
									</select>
									</span>
								<span class="col-sm-4">
									被投诉人: <select name="" id="">
										<option selected="selected" value="0">全部</option>
										<option value="10">张三三</option>
										<option value="11">李四四</option>
										<option value="12">王五五</option>
										<option value="13">赵六六</option>
										<option value="14">黄七七</option>
									</select>
									</span>
									<span class="col-sm-4">
										联系电话: <input type="text" />
									</span>
									
								</div>
								<div class="form-group" style="padding-left: 15px;">
									<span>咨询内容:</span>
									<textarea rows="5"></textarea>
								</div>
								<div class="form-group" style="padding-left: 15px;">
									<span>解答内容:</span>
									<textarea rows="5"></textarea>
								</div>
								<div class="bton">创建</div>
								
							</form>	
						</div>
					</div>
					
				</div>
           <!--右侧下方内容区-->
				<div class="ldcr-bottom">
             	<div class="ldcrb-top clearfix">
             		<ul class="clearfix">
             		<li style="border-bottom:1px solid #69cbd0; background: #000;color: #fff;">知识库</li>
             		<li style="border-bottom:1px solid #f95a83;border-top:1px solid #000;border-right:1px solid #000;">更多内容</li>
             	</ul>
             	<div class="ld-search">
             		<div class="sear-inp">
             			<input type="text" placeholder="搜索问题、内容或者标题" />
             		</div>
             		<div class="searIcon">
             			
             		</div>
             	</div>
             	
             	</div>
             	<div class="detail-con">
             		<ul>
             			<li>
             				<div class="zhishi-title clearfix">
             					<a href="" style="color: #f95a83;">1 .政府信息由哪些单位负责公开？</a>
             					<em style="color: #f95a83;">2017-04-28</em>
             				</div>
             				<div class="explancon">
             					  简单地说，“谁制作，谁公开；谁保存，谁公开”。
             					  行政机关制作的政府信息，由制作该政府信息的行政机关负责公开；
             					  行政机关从公民、法人或者其他组织获取的政府信息，
             					  由保存该政府信息的行政机关负责公开。
             					  行政机关从别的行政机关获取并保存的政府信息，
             					  仍然由制作机关负责公开。但法律、法规对政府信息公开的权限另有规定的，
             					  从其规定。
             				</div>
             			</li>
             			<li>
             				<div class="zhishi-title clearfix">
             					<a href="">7 .保险公司对客户资料有保密的义务</a>
             					<em>2017-04-28</em>
             				</div>
             			</li>
             			<li>
             				<div class="zhishi-title clearfix">
             					<a href="">8 .保险公司对客户资料有保密的义务</a>
             					<em>2017-04-28</em>
             				</div>
             			</li>
             			<li>
             				<div class="zhishi-title clearfix">
             					<a href="">9 .保险公司对客户资料有保密的义务</a>
             					<em>2017-04-28</em>
             				</div>
             			</li>
             			<li>
             				<div class="zhishi-title clearfix">
             					<a href="">10 .保险公司对客户资料有保密的义务</a>
             					<em>2017-04-28</em>
             				</div>
             			</li>
             			<li>
             				<div class="zhishi-title clearfix">
             					<a href="">11 .保险公司对客户资料有保密的义务</a>
             					<em>2017-04-28</em>
             				</div>
             			</li>
             		</ul>
             	</div>
            	 </div>
			</div>

		
			
		</div>

		<script src="./js/jquery.min.js"></script>
		<script src="./js/bootstrap.min.js?v=3.3.6"></script>
		<script src="./css/layer/layer.js"></script>
		<script src="./css/laydate/laydate.js"></script>
		<script>
			$(function(){
					laydate({
					elem: '#startTime',
					event: 'focus'
				});

				laydate({
					elem: '#endTime',
					event: 'focus'
				});
				
			
			$(".ldtp-cr ul.ld-service li").click(function(){
				$(this).addClass("cr-click")
				       .siblings().removeClass("cr-click");
				       var inedx=$(this).index();
				       console.log(inedx);
				       var indexCon=$('.ld-sercon>div').eq(inedx);
					    indexCon.show()
				        indexCon.siblings().hide();
				        indexCon.find('.ld-sercon-con').show()
				        indexCon.find('.second-con').hide()
					indexCon.find('.addjl').click(function(){
						var par=$(this).parent().parent();
					par.hide().siblings().show();
					})
			});
			$('.pre-add').click(function(){
				var par=$(this).parent().parent();
					par.hide().siblings().show();
			})
			
			})
			
			
		</script>
	</body>

</html>