@ chartset "utf-8";
/* 内容页（发表评论） */
*{}
/* 撰写提交评论 */
#containerLeftCommentSub{padding:0; border:1px solid #dae1f2;}/* 内容页（发表评论）最外面的大框 */
#newSubPlTitle{height: 32px; padding: 0 9px; border-width: 1px; border-style: solid; border-color: #fff #dae1f2 #b8c7e6 #fff; border-radius: 1px 1px 0 0; line-height: 27px; position: relative; background: url(../img/repeat_x_bg.gif) 0 -90px repeat-x;}
#newSubPlTitle strong{font-size:14px; float:left;}
#newSubPlTitle span{float:right;}
#newSubPlContent{padding:10px;clear:both;}

#containerLeftCommentList{padding:0; border:1px solid #dae1f2;}
#plListTitle{height:32px;padding:0 9px;border-width:1px;border-style:solid;border-color:#fff #dae1f2 #b8c7e6 #fff;border-radius: 1px 1px 0 0;line-height: 27px;position: relative;background: url(../img/repeat_x_bg.gif) 0 -90px repeat-x;}
#plListTitle strong{font-size:14px; float:left;}




/* 评论CSS */
.BorderB1{border-top: 1px solid #dae1f2!important;}
.comment-clear{zoom: 1;}
.comment-clear:after{content: "";display: block;clear: both;}
.comment-clear:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
#comment-place,#comment-place>.comment-post{width: 100%;}
.comment-post>.cancel-reply{display: block;background: #3967c0;margin: 5px 0 10px 0;text-align: center;padding: 5px 0;color: #FFF;}
.comment-post>#commentform>.InBox>p{float: left;width: calc(50% - 5px);margin-bottom: 10px;margin-right: 10px;}
.comment-post>#commentform>.InBox>p:nth-child(2n){margin-right: 0;}
.comment-post>#commentform>.InBox>p:nth-child(3){width: 100%;}
.comment-post>#commentform>.InBox>p>span,#comment-place>.comment-post>#commentform>.InBox>p>span>input{display: inline-block;}
.comment-post>#commentform>.InBox>p>span>input{outline: none;border-radius: 0;-webkit-appearance: none;}
.comment-post>#commentform>.InBox>p>.IB-title{float: left;width: 50px;height: 35px;line-height: 32px;text-align: center;border-width: 1px 0 1px 1px;border-style: solid;border-color: #DDD;font-size: 13px;color: #FFF;background-color: #3967c0;}
.comment-post>#commentform>.InBox>p>.IB-Edit{width: calc(100% - 50px);}
.comment-post>#commentform>.InBox>p>.IB-Edit input{width: 100%;height: 35px;line-height: 35px;border-width: 1px 1px 1px 0;border-style: solid;border-color: #DDD;font-size: 13px;padding: 0 10px;}
.comment-post>#commentform>.InText>#comment{-webkit-appearance: none;outline: none;border-radius: 0;width: 100%;height: 100px;padding: 5px;color: #666;resize: none;border-width:1px;border-style: solid;border-color: #DDD;margin-bottom: -4px;}
.comment-post>#commentform>.InText>.InText-Other{height: 35px;line-height: 35px;border-width: 1px;border-style: solid;border-color: #DDD;}
.comment-post>#commentform>.InText>.InText-Other>.IT-Private{display: inline-block;width: 90px;height: 30px;line-height: 30px;text-align: center;}
.comment-post>#commentform>.InText>.InText-Other>.IT-Private>a{display: inline-block;width: 100%;height: 100%;}
.comment-post>#commentform>.InText>.InText-Other>.IT-Private>a>i{color: #666;}
.comment-post>#commentform>.InText>.InText-Other>.IT-Sub{display: inline-block;float: right;width: 100px;height: 29px;}
.comment-post>#commentform>.InText>.InText-Other>.IT-Sub>#comment_submit{display: block;border-radius: 0;-webkit-appearance: none;background: #3967c0;width: 100%;height: 100%;border: 0;outline: 0;color: #FFF;}
.comment-post>#commentform>.InText>.InText-Other>.IT-Sub>#comment_submit:hover{text-decoration:underline;cursor:pointer}
.comment-post>#commentform>.InText>.InText-Other>.IT-Code{display: inline-block;float: right;height: 35px;margin-right: 10px;}
.comment-post>#commentform>.InText>.InText-Other>.IT-Code>img{display: inline-block;height: 32px; margin-top:2px; margin-right: 5px;}
.comment-post>#commentform>.InText>.InText-Other>.IT-Code>.input{display: inline-block;width: 55px;height: 30px; float:right; border: 1px solid #B9B9B9;outline: 0;}
.comment{margin:8px 0; border:1px solid #dae1f2;}
.comment>.comment-info{padding: 10px;}
.comment>.comment-info>.avatar{float: left;width: 50px;height: 50px;}
.comment>.comment-info>.avatar>img{display: block;width: 100%;height: 100%;padding: 3px;border: 1px solid #DDD;}
.comment>.comment-info>.avatar>img:hover{border:1px solid #dae1f2;}

.comment>.comment-info>.content{float: right;width: calc(100% - 50px);padding-left: 10px;position: relative;}
.comment>.comment-info>.content>.comment-name{color: #555;}
.comment>.comment-info>.content>.comment-o{margin: 0 5px;}
.comment>.comment-info>.content>.comment-user{display: inline-block;margin: 0 5px;padding: 0px 6px;font-size: 12px;border-radius: 2px;}
.comment>.comment-info>.content>.user1{border: 1px solid #5298ff;color: #5298ff;}
.comment>.comment-info>.content>.user2{border: 1px solid #f00;color: #f00;}
.comment>.comment-info>.content>.user3{border: 1px solid #666;color: #666;}
.comment>.comment-info>.content>.comment-time{color: #999;font-size: 13px;}
.comment>.comment-info>.content>.comment-content{display: block;padding: 6px 0;color: #555;font-size: 13px;word-break:break-all;}
.comment>.comment-info>.content>.comment-reply{position: absolute;right: 0;top: 0;display: none;}
.comment>.comment-info>.content>.comment-reply>a{display: inline-block;font-size: 12px;padding: 2px;}
.comment-info:hover>.content>.comment-reply{display: block;}
#comment-page{padding: 10px 0;text-align: center;}
#comment-page>span,#comment-page>a{display: inline-block;padding: 5px 10px;font-size: 12px;color: #666;}
#comment-page>span{background-color: #DDD;border: 1px solid #DDD;}
#comment-page>a{border: 1px solid #DDD;}
.comment-children{margin-left: 25px; margin-right:10px;}
@media only screen and (max-width: 700px){
	.comment-post>#commentform>.InBox>p{width: 100%;}
	.comment-children{margin-left: 0;}
}