.talk{
	/* margin-top: 20px; */
}
.talk .talk-title{
	font-size: 20px;
	margin: 20px 0;
	color: #666;
	font-weight: bold;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.talk .talk-title span{
	font-size:16px;
}
.talk .talk-item{
	padding: 15px 20px;
	border-radius: 10px;
	background-color: #F4F7FD;
	margin-bottom: 20px;
}
.talk .talk-item:last-child{
	margin-bottom: 0;
}

.talk .talk-item .doc-ask>div{
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

.talk .talk-item .info .text-con>div{
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}
.talk .talk-item .top{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	color: #666;
}
.talk .talk-item .top .left{
	display: flex;
	align-items: center;
	white-space: nowrap;
}
.talk .talk-item .top .left img{
	width: 20px;
	margin-right: 5px;
}
.talk .talk-item .top .left span:nth-of-type(2){
	padding: 1px 3px;
	border-radius: 3px;
	color: #666;
	font-size: 14px;
	margin-left: 10px;
	width: 650px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.talk .talk-item .top .left span{
	width:700px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;

}
.talk .talk-item .top .right{
	white-space: nowrap;
}
.talk .talk-item .btns{
	margin-top: 10px;
	display: flex;
	align-items: center;
}
.talk .talk-item .btns .btn{
	background-color: #DFE9FC;
	color: #809DDC;
	padding: 5px 10px;
	border-radius: 20px;
	margin-right:10px;
	
}
.talk .talk-item .item-info{
	margin-top: 20px;
	color: #666;
}
.talk .talk-item .item-info .text-con{
	display: flex;
	align-items: flex-start;
}
.talk .talk-item .item-info .text-con img{
	width: 15px;
	margin-right: 5px;
	transform: translateY(2px);
}
.talk .talk-item .item-info .img-con{
	display: flex;
	align-items: center;
	margin: 20px;
}
.talk .talk-item .item-info .img-con img{
	width: 80px;
	height: 80px;border-radius: 10px;
}
.talk .talk-item .doc-ask{
	display: flex;
	align-items: flex-start;
}
.talk .talk-item .doc-ask img{
	width: 15px;
	margin-right: 5px;
	transform: translateY(2px);
}
.talk .talk-item .action{
	display: flex;
	justify-content: flex-end;
	align-items: center;
	color: #666;
	margin-top: 5px;
}
.talk .talk-item .action div{
	display: flex;
	align-items: center;
}
.talk .talk-item .action div img{
	width: 20px;
	margin-right: 5px;
}
.talk .talk-item .action .left{
	padding-right: 5px;
	border-right: 1px solid #999;
	line-height: 1;
	color: #6B8DD6;
}
.talk .talk-item .action .right{
	padding-left: 5px;
}


.talk .talk-item .action>div:first-child {
    margin-right: auto;
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 1;
	color: #666;
}
.talk .talk-item .action>div:first-child img {
    width: 15px;
    transform: translateY(-2px);
}

@media screen and (max-width:960px) {
	.talk{
		background-color: #fff;
		margin-top: 0;
		padding: 0 .5rem 1rem;
	}
	.talk:nth-child(2){
		margin-top: .7rem;
	}
	.talk .talk-title{
		border-bottom: 1px solid #f5f5f5;
		padding: .5rem 0;
		font-size: .8rem;
		font-weight: bold;
		margin-bottom: .7rem;
		margin: 0 0 .7rem;
	}
	.talk .talk-item .top{
		font-size: .7rem;
	}
	.talk .talk-item .top .left img{
		width: 1rem;
	}
	.talk .talk-item .btns .btn{
		font-size: .65rem;
		padding: .2rem .4rem;
	}
	.talk .talk-item .item-info{
		font-size: .7rem;
	}
	.talk .talk-item .action{
		font-size: .65rem;
	}
	.talk .talk-item .action div img{
		width: 1rem;
	}
	.talk .talk-item .doc-ask{
		align-items: flex-start;
		color: #666;
		font-size: .65rem;
	}
	.talk .talk-item .top .left span:nth-of-type(2){
		white-space: nowrap;
		font-size: .6rem;
		margin-left: .1rem;
		transform-origin: 0 center;
		transform: scale(.7);
	}
	.talk .talk-item .item-info .img-con{
		margin: .5rem;
	}
	
	.talk .talk-item .top .left span:nth-of-type(2){
		width: 8rem;
	}
	.talk .talk-item .action>div:first-child {
	    font-size: .65rem;
	}
	.talk .talk-item .action>div:first-child img {
	    width: 0.7rem;
	    transform: translateY(-0.01rem);
	}
	.talk .talk-item .action>div:first-child span {
	    width: 7rem;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    white-space: nowrap;
		transform: translateY(2px);
	}
	.talk .talk-item .top .left span{
		width:10rem;

	}
	.talk .talk-title span{
		font-size:.65rem;
	}
	.mask-img{
		width: 70%!important;
	}
}