.Talking_box{
	width: 980px;
	height: 600px;
	position: fixed;
	left: 50%;
	top: 50%;
	margin-left: -490px;
	margin-top: -300px;
	z-index: 200;
}
.inTalking_box{
	width: 980px;
	height: 600px;
	position: relative;
	border: 1px solid #A9A9A9;
	background: #FFFFFF;
}
.inTalking_box_title{
	background: #AED57C;
	height: 60px;
	width: 100%;
	line-height: 60px;
	color: #FFFFFF;
}
.inTalking_box_title>img{
	padding: 0 0px;
	vertical-align: middle;
}

.inTalking_box_history{
	height: 330px;
	width: 100%;
	position: relative;
	overflow-y: scroll;
	overflow-y: yes;
}
.history{
	height: auto;
	width: 100%;
	position: absolute;
}
.inTalking_box_ipt{
	height: 210px;
	width: 100%;
}
.history>ul>li{
	overflow: auto;
	width: 100%;
	padding: 10px 0;
	background: #FFFFFF;
	}
.history>ul>li>img{
	height: 50px;
	width: 50px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
.history>ul>li.history_a>img{
	float: left;
}
.history>ul>li.history_b>img{
	float: right;
}


li.history_a a{
	margin-left: 40px;
}
li.history_a a:hover{
	color: #A1DE66!important;
	border-bottom: 1px dashed #A1DE66;
}


.history>ul>li.history_a>div.history_msg{
	float: left;
	margin-left: 10px;
}
.history>ul>li.history_b>div.history_msg{
	float: right;
	margin-right: 10px;
}
.history_msg{
	height: auto;
	max-width: 800px;
	border: 1px solid #CFE4D2;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	position: relative;
	background: #FFFFFF;
}
.history_msg>p{
	padding-left: 10px;
	padding-right: 10px;
	cursor: text;
}
.history_msg>p:nth-of-type(1){
	font-size: 12px;
	height: 30px;
	line-height: 30px;
}
.history_msg>p:nth-of-type(2){
	font-size: 14px;
	line-height: 25px;
}
.history_msg>img{
	position: absolute;
	height: 20px;
	width: 20px;
}
li.history_a>div.history_msg>img{
	top: 10px;
	left: -9px;
}
li.history_b>div.history_msg>img{
	top: 10px;
	right: -9px;
}






.tp_top{
	height: 35px;
	width: 100%;
	background: #F1F1F1;
}
.tp_top>p{
	width: 60%;
	float: left;
}
.tp_top>p>img{
	cursor: pointer;
}
.tel_input{
	width: 220px;
	height: 32px;
	float: right;
}
.tel_input{
	width: 215px;
	height: 30px;
}
.tel_input>input:nth-of-type(1){
	height: 30px;
	width: 133px;
	border: 1px solid #AED57C;
	border-radius: 15px 0 0 15px;
	padding-left: 10px;
}
.tel_input>input:nth-of-type(2){
	height: 32px;
	width: 70px;
	float: right;
	border-radius: 0 15px 15px 0;
}
.tp_top>textarea{
	height: 168px;
	width: 100%;
	border: none;
	font-size: 16px;
	resize: none;
}
.fasong_btn{
	position: absolute;
	right: 20px;
	bottom: 20px;
	height: 35px;
	width: 80px;
	font-size: 16px;
	line-height: 35px;
	border-radius: 5px;
}







.pingjia_box{
	height: 300px;
	width: 380px;
	background: #FFFFFF;
	border: 1px solid #A9A9A9;
	position: absolute;
	top: 50%;
	left: 50%;
	border-radius: 10px;
	margin-left: -190px;
	margin-top: -150px;
	z-index: 800;
}
.inpingjia_box{
	width: 350px;
	height: 270px;
	padding: 15px;
}
.inpingjia_box>p{
	line-height: 30px;
	font-size: 14px;
}
.inpingjia_box>textarea{
	height: 75px;
	resize: none;
	width: 330px;
}
.inpingjia_box>p>button{
	height: 30px;
	width: 60px;
	line-height: 30px;
	margin: 10px 20px;
	border-radius: 5px;
}
.inpingjia_box>p:last-of-type{
	text-align: center;
}
span#close_talk{
	height: 30px;
	width: 70px;
	background: #FFFFFF;
	border: 1px solid #A9A9A9;
	float: right;
	color: #A9A9A9;
	margin:20px 20px;
	text-align: center;
	line-height: 30px;
	cursor: pointer;
	
}
