* {
    margin: 0;
    padding: 0;
}

.feed {
    font-family: "微软雅黑";
    width: 100%;
    margin: 8px 0;
}

.avatar-comment {
    width: 50px;
    float: left;
    margin: 0 8px 0 0;
}

.feed .avatar-comment span {
    width: 50px;
    height: 50px;
    display:inline-block;
}

.feed .box1 {
    width: 100%;
    float: left;
    background: #f6f6f6;
    border: 1px solid #e0e0e0;
    /*border-radius: 5px;*/
}

.feed .box1 .current {
    font-size: 14px;
    margin: 8px;
}

.feed .box1 .info {
    margin: 0 8px;
    text-align: right;
}

.feed .box1 .line {
    padding: 8px 0 0 0;
    border-bottom: 1px solid #e0e0e0;
}
.feed .box1 .info span{
    cursor: pointer;
}
.feed .box1 .box2 {
    margin: 8px;
    padding: 0 0 8px 0;
    border-bottom: 1px dashed #ccc;
}

.feed .box1 .box2_comments {
    width: 80%;
    overflow: hidden;
    float: left;
}

.feed .box1 .say {
    margin: 0 0 8px;
}

.clear {
    clear: both;
}

.content-comment {
    padding:1rem 1rem 0 1rem;
    line-height: 2rem;
    font-size: 16px !important;
}
.user-comment {
    color: #999595;
    font-weight: bold;
}

.box2 .sub-info {
    margin: 0 8px;
    text-align: right;
}
.sub-info span {
    /*color:#999595;*/
    display: inline-block;
    /*margin-right: 10px;*/
    cursor:pointer;
}
.ta-rg {
    text-align: right;
}
.start-content{
    padding-bottom: 5px;
    color: #c0c0c0;
    margin-bottom: 10px;
    text-align: center;
}
.start-content p{
    margin: 0;
    display: inline-block;
    width: 32%;
}
.start-content p:first-child{
    text-align: left;
}
.start-content p:last-child{
    text-align: right;
}
.end-start {
    border-top: 1px dashed #c0c0c0;
    padding-bottom: 5px;
    margin-bottom: 10px;
    text-align: right;
}
.hovers{
    color: #000000;
}
.hovers:hover{
    color: #2780E3;
    text-decoration: none;
}
.mainnav_lf,.fl>a:hover{
    color: #ffffff!important;
    text-decoration: none!important;
}
.index-zan{
    cursor:pointer;
}
.comment_list_box{
    padding: 70px 30px 24px;
    background-color: #f7f8fb;
    position: relative;
}
.comment_list_box::before{
    content: '';
    width: 118px;
    height: 53px;
    background: url(../../images/netcomment.png)no-repeat;
    position: absolute;
    left: 30px;
    top: -10px;
}
.comment_list_box .reply_btn{
    display: flex;
}
.user-comment{
    display: flex;
}
.user-comment>span{
    color: #379be9;
    font-size: 12px;
}
.user-comment>.time-comment{
    color: #999999;
    margin-left: 20px;
}
.content-comment{
    padding-left: 0;
    padding-top: 13px;
    font-size: 14px;
    color: #333;
}
.news_coment_box+.news_coment_box{
    margin-top: 15px;
}
.content-comment>p{
    margin-bottom: 14px;
}
.reply_btn>button{
    border: none;
    outline: none;
    position: relative;
    font-size: 12px;
    color: #777;
    display: flex;
    align-items: center;
    background: transparent;
}
.reply_btn>button::before{
    content: '';
    display: block;
    width: 14px;
    height: 12px;
    background: url(../../images/comment_icon.png)no-repeat;
    margin-right: 7px;
}
.comment_list_box .box2{
    background: #fff;
    padding: 0 17px;
    padding-bottom: 16px;
}
.comment_list_box .avatar-comment{
    display: none;
}
.news_coment_box>.box2:nth-child(4){
    padding-top: 25px;
}
.news_coment_box>.box2:last-child{
    padding-bottom: 20px;
}
.news_coment_box>.info{
    margin-bottom: 13px;
}
#btn_loadmore#btn_loadmore{
    width: 100%;
    height: 40px;
    background-color: #e8ebf3;
	border-radius: 2px;
    color: #9ea1ae;
    font-size: 14px;
    outline: none;
}
.official_reply_box{
    position: relative;
	background-image: linear-gradient(0deg, 
		#f4efe3 0%, 
		#faf5eb 56%, 
		#fffbf2 100%), 
	linear-gradient(
		#f7f8fb, 
		#f7f8fb);
	background-blend-mode: normal, 
		normal;
    padding: 61px 30px 31px;
}
.official_reply_box::before{
    content: '';
    display: block;
    width: 148px;
    height: 99px;
    background: url(../../images/office_reply.png)no-repeat;
    position: absolute;
    right: 0;
    top: 0;
}
.official_reply_box::after{
    content: '';
    display: block;
    width: 118px;
    height: 53px;
    background: url(../../images/officecomment.png)no-repeat;
    position: absolute;
    left: 30px;
    top: -10px;
}
.official_reply_content{
    padding-left: 13px;
    border-left: 2px dotted #a2a19e;
}
.official_reply_content:last-child{
    border-left: none;
}
.official_reply_content .user-comment{
    height: 37px;
    display: flex;
    align-items: center;
    transform: translateY(-50%);
}
.official_reply_content .user-comment>span:first-child{
    font-size: 14px;
    color: #846419;
    position: relative;
}
.official_reply_content .user-comment>span:first-child::after{
    content: '官方';
    width: 40px;
    height: 22px;
    background-color: #d0b475;
	border-radius: 2px;
    color: #fff;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-left: 10px;
}
.official_reply_content .user-comment>span:first-child::before{
    content: '';
    display: block;
    width: 6px;
	height: 6px;
	background-color: #dfc790;
    border-radius: 100%;
    position: absolute;
    left: -17px;
    top: 50%;
    transform: translateY(-50%);
}
.official_reply_content .user-comment>.time-comment{
    color: #888888;
    font-size: 14px;
}
.official_reply_content .user-comment>.time-comment::after{
    content: ' 回复:';
    color: #a6812d;
}
.official_reply_content .content-comment.reply_cont>p{
    color: #333333;
    border-bottom: 1px solid #f2e7cf;
    padding-bottom: 19px;
    margin-bottom: 30px;
}
.myque_title{
	display: flex;
	justify-content: center;
	font-weight: bold;
	font-size: 20px;
    margin-top: 30px;
}
.myque_title>li{
	position: relative;
	line-height: 1;
	margin-bottom: 20px;
	padding: 0 23px;
}
.myque_title>li::before{
	content:'';
	width: 4px;
	height: 6px;
	background-color: #006eab;
	border-radius: 2px;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
.myque_title>li>a::before{
	content:'';
	width: 4px;
	height: 6px;
	background-color: #006eab;
	border-radius: 2px;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}
.myque_title>li::after{
	content:'';
	width: 4px;
	height: 10px;
	background-color: #006eab;
	border-radius: 2px;
	position: absolute;
	left: 9px;
	top: 50%;
	transform: translateY(-50%);
}
.myque_title>li>a::after{
	content:'';
	width: 4px;
	height: 10px;
	background-color: #006eab;
	border-radius: 2px;
	position: absolute;
	right: 9px;
	top: 50%;
	transform: translateY(-50%);
}