.chart{
	height: 100%;
	border: 1px solid #EAEAEA;
	position: relative;
}
.chart .top{
	height: 49px;
	border-bottom: 1px solid #EAEAEA;
	line-height: 49px;
	display: flex;
	justify-content: space-between;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
    z-index: 10;
    background: #fff;
}
.chart .top .l{
	font-size: 16px;
	color: #24afff;
	padding-left: 40px;
}
.chart .top .r{
	font-size: 16px;
	color: #999999;
	padding-right: 40px;
}
.theme_default .mid::-webkit-scrollbar-thumb {
    background: rgba(148,148,148,0.2);
}
.chart .mid{
	height: 100%;
	position: relative;
    box-sizing: border-box;
	border-top: 50px solid #FFFFFF;
	border-bottom: 120px solid #FFFFFF;
	overflow-y: auto;
}
.chart .mid .content{
	height: 100%;
	overflow-y: scroll;
}
.chart .bot{
	padding: 15px 0;
	border-top: 1px solid #EAEAEA;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 10;
	background: #FFFFFF;
	width: 100%;
}
.chart .bot .opt_area{
	display: flex;
	width: 90%;
	margin: 0 auto;
	justify-content: space-between;
}
.chart .bot .opt_area .lb{
	cursor: pointer;
	line-height: 23px;
	height: 23px;
	padding-left: 30px;
	color: #333333;
	margin-bottom: 15px;
	background: url(../img/l2.png) left center no-repeat;
	background-size: 21px 21px;
}
.chart .bot .opt_area .lb.act{
	background: url(../img/l1.png) left center no-repeat;
	background-size: 21px 21px;
}

.chart .bot .txt_area{
	border: 1px solid #EAEAEA;
	border-radius: 4px;
	display: flex;
	width: 90%;
	margin: 0 auto;
}
.chart .bot .txt_area input{
	padding: 0 0 0 15px;
	width: 200px;
	height: 48px;
	line-height: 48px;
	font-size: 14px;
	color: #666666;
	border: none;
	width: 258px;
}
.chart .bot .txt_area a{
	line-height: 48px;
	height: 48px;
	width: 48px;
	min-width: 48px;
	border-radius: 4px;
	background: #fa7f2d;
	color: #FFFFFF;
	font-size: 16px;
	text-align: center;
}


.msg_list{
	display: flex;
}
.msg_list.my{
	flex-direction:row-reverse
}
.msg_list .info{
	padding: 5px 0;
}
.msg_list.my .info .name{
	justify-content: flex-end;
}
.msg_list .avatar{
	width: 50px;
	height: 50px;
	border-radius: 50%;
	margin: 5px 10px 0 10px;
}
.msg_list .info .name{
	line-height: 30px;
	height: 30px;
	color: #333333;
	display: flex;
	align-items: center;
}
.msg_list .info .name span{
	height: 15px;
	line-height: 15px;
	border: 1px solid #fa7f2d;
	color: #fa7f2d;
	padding: 0 5px;
	border-radius: 3px;
	margin-left: 8px;
	font-size: 12px;
}
.msg_list .info .msg .word{
	display: inline-block;
	font-size: 14px;
	line-height: 22px;
	padding: 3px 10px;
	border-radius: 3px;
	word-wrap: break-word;
    max-width: 300px;
	background: #f0f0f0;
	color: #333333;
	position: relative;
}
.msg_list .info .msg .word:after{
	content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    background: #f0f0f0;
    top: 7px;
    left: -4px;
    transform: rotate(-34deg);
}

.msg_list.my .info .msg .word{
	background: #24afff;
	color: #FFFFFF;
}
.msg_list.my .info .msg .word:after{
	background: #24afff;
	left: auto;
    right: -4px;
    transform: rotate(34deg);
}
.msg_list.sl .info .msg .word{
	background: #fa7f2d;
	color: #FFFFFF;
}
.msg_list.sl .info .msg .word:after{
	background: #fa7f2d;
}

.answer_bord{
	position: absolute;
	top: 51px;
	left: 0;
	width: 100%;
    border-bottom: 1px solid #EAEAEA;
	background: #FFFFFF;
	z-index: 200;
	display: none;
}
#wenxun_bord{
	padding-right: 16px;
}
.answer_bord .bord{
	width: 90px;
	height: 90px;
	display: block;
	margin-right: 18px;
    margin: 0 auto;
}
.answer_bord .answer_home{
	display: flex;
	flex-wrap:wrap;
	align-items: center;
	justify-content: center;
    width: 100%;
	height: 120px;
    margin-bottom: 25px;
}
.answer_bord .answer_home a{
	width: 50px;
	height: 50px;
	margin-right: 30px;
	line-height: 50px;
	text-align: center;
	font-size: 20px;
	color: #FFFFFF;
	background: #d9d9d9;
	border-radius: 50%;
}
.answer_bord .answer_home a.act{
	background: #ffaf83;
}
.answer_bord .answer_home a:nth-child(4n+0){
	margin-right: 0;
}
.answer_bord .confirm_answer{
    height: 50px;
    line-height: 50px;
    width: 100%;
    text-align: center;
    font-size: 18px;
    color: #ffaf83;
    margin: 0 auto;
	background: #FFFFFF;
}
.answer_bord .confirm_answer:hover{
	color: #FFFFFF;
	background: #ffab87;
}

.answer_bord .wx_a{
	flex: 1;
	line-height: 50px;
    text-align: center;
    color: #ffaf83;
    font-size: 16px;
	background: #FFFFFF;
}
.wenxun_home{
	display: flex;
	justify-content: space-around;
	align-items: center;
}
.answer_bord .wx_a:hover{
	color: #FFFFFF;
	background: #ffab87;
}