﻿.mycomment{
	margin-top:20px;
	background:#fff;
	position:relative;
	
}
.commentlist .md-trigger{
	background: #ffd600;
	color: #fff;
	padding: 0 15px;
	width: auto;
	display:inline-block;
	margin:0 8px;
	border-radius:5px;
	border:none;
	font-size:14px;
	text-shadow:1px 1px 1px #000;
}
h2.comments-title,h3#reply-title{
    border-bottom: 1px solid #eaeaea;
    font-size: 20px;
    margin: 0px 20px 0;
	padding-top:20px;
    padding-bottom: 10px;
}
.weixinAct{
	color:#F00;
	font-weight:bold;
}
.must-log-in{
	margin: 20px 20px 0;
}
.must-log-in a{
	color:#F00;
}
.commentlist {
    border: 0 none;
    margin-bottom: 40px;
    padding: 20px 20px 0;
	list-style-type:none;
}
.comment-form{
	margin: 20px;
}
.comment-form p input,.comment-form p textarea{
	width:100%;
	height:35px;
	margin-bottom:10px;
}
.comment-form p textarea{
	height:120px;
}
.comment-form p input.submit{
	width:80px;
}
.commentlist li {
    clear: both;
    margin-bottom: 20px;
    position: relative;
	list-style-type:none;
}
.comment-body{
    border-bottom: 1px solid #e7e7e7;
    position: relative;
}
.comment-author {
    float: left;
    height: 64px;
    margin: 0 10px 0 0;
    width: 64px;
}.commentmetadata{
    display: block;
    margin-left: 80px;
    min-height: 80px;
	line-height:32px;
	font-size:16px;
    overflow: hidden;
    padding-bottom: 15px;
    position: relative;
}.commentlist .reply a {
    background: #e7e7e7 none repeat scroll 0 0;
    bottom: 0;
    font-size: 11px;
    padding: 3px 10px;
    position: absolute;
    right: 0;
}.commentlist .children .comment-body{
    padding-left: 50px;
    margin-top: 15px;
	margin-left:0;
}
.comment-info{
	height:25px;
}
.comment-info a{
	font-weight:bold;
	float:left;
}
.comment-reply-link{
	margin-left:20px;
	display:inline-block;
	color:#F00;
}
.comment-info span{
	float:right;
}
.comment-form label{
	display:block;
	height:30px;
	line-height:30px;
}
.askContent{
	line-height: 26px;
	font-size: 20px;
	color: #555;
	margin-top:30px;
	position:relative;
}
.askContent:before{
	width:24px;
	height:24px;
	content:"";
	position:absolute;
	left:-30px;
	top:0;
	background:url(../image/wen.gif);
}
#commentform{
	margin:0;
	
}
.wp-user-avatar{
	border-radius:50%;
	margin-right:10px;
}
p.ninfo{
	margin:0;
	font-size:12px;
	line-height:25px;
}
p.ninfo b{
	margin:0 5px;
	display:inline-block;
}
.comment-author{
	width:100%;
	float:none;
	position:relative;
	margin-bottom:15px;
	height:auto;
}
h2.comments-title, h3#reply-title{
	margin:0 0 20px 0
}
h3#reply-title{
	display:inline-block;
	padding:10px;
	font-size:14px;
	background:#F00;
	border-radius:10px;
	color:#fff;
}
.commentlist{
	padding:0;
}
.comment-author img{
	width:40px;
	height:40px;
	border-radius:50%;
	display:inline-block;
}
.commentlist li p{
}
.comment-info a {
  font-weight: bold;
  float:none;
}
.comment-info{
	position:absolute;
	width:calc( 100% - 60px );
	right:0;
	transform: translateY(-50%);
	top:50%;
	margin-bottom:20px;
	opacity:.6;
}
.commentmetadata{
	margin:0;
	line-height:25px;
}
.commentmetadata img{
	margin:15px 0;
}
.comment-info span{
	float:none;
	margin-left:15px;
	display:inline-block;
}
.commentlist > li .comment-author{
	position:relative;
}
.commentlist > li > .comment > .comment-body > .comment-author:before{
	position:absolute;
	width:40px;
	height:24px;
	content:"";
	left:-40px;
	z-index:-1;
	top:50%;
	border-radius:25px 0 0 25px;
	transform: translateY(-50%);
	background:#ffdb26;
}
.askTem .commentlist > li > .comment > .comment-body > .comment-author:before{
	background:#ffdb26 url(../image/da.png) no-repeat center;
}
.commentlist > li:first-child >  .comment > .comment-body > .comment-author:after{
	position:absolute;
	content:"最佳答案";
	width:90px;
	font-weight:bold;
	height:34px;
	line-height:34px;
	background:url(../image/guan.png) no-repeat left center;
	padding-left:30px;
	right:0;
	top:50%;
	transform: translateY(-50%);
}
.comment-info span.levelMy{
	width: 40px;
	height: 14px;
	line-height: 14px;
	background-color: #ffdb26;
	border: 1px #ffffff solid;
	font-size: 12px;
	text-align: center;
	border-radius: 4px;
	box-shadow: 0 0 3px #000;
	margin-top: 8px;
	margin-left: 10px;
}
.commentlist .children{
	position:relative;
}
.commentlist .children li:before{
	position:absolute;
	content:"";
	width:12px;
	height:12px;
	border:1px solid #e7e7e7;
	left:70px;
	top:-21px;
	border-right:0;
	border-bottom:0;
	background:#fff;
	transform: rotate(45deg);
}
.must-log-in{
	display:inline-block;
}
.askTem .authorBox{
	width:100%;
	float:none;
	background:none;
	
}
.mycomment{
	border:none;
}
.mycomment .wp-core-ui .button{
	width:auto;
}
.commentmetadata img{
	max-width:100%;
	height:auto;
}
@media (max-width: 767px) {
	.comment-info span:nth-child(2){
		display:none;
	}
	.comment-info span{
		margin:0;
	}
	.askContent{
		padding-left:30px;
	}
	.askContent::before{
		left:0;
	}
	.commentlist > li > .comment > .comment-body > .comment-author{
		padding-left:40px;
	}
	.commentlist > li > .comment > .comment-body > .comment-author::before{
		left:0;
		z-index:10;
	}
	.comment-info{
		width:calc( 100% - 90px );
	}
	.comment-reply-link{
		margin-left:5px;
	}
}