@charset "utf-8";
/*
* @description: 通用定制模块
* @author: 张蒙
* @update: 张蒙 (2015-07-28 10:10)
*/

/* 通用评论列表样式
---------------------------------------------------------------------------------*/

.comment-list {width: 773px; margin: 0 10px; min-height: 300px; }
.comment-list .comment-title {width: 773px; height: 42px; line-height: 42px; border-bottom:1px solid #eee;  overflow: hidden;}
.comment-list .comment-title .tit {margin: 0 0 0 12px; color: #FF8000;}
.comment-list .comment-title .num {margin: 0 0 0 12px;}
.comment-list .comment-textarea {width: 773px;  padding: 10px 0;  border-bottom:1px solid #eee;  }
.comment-list .comment-textarea p { }
.comment-list .comment-textarea p textarea {width:756px;  padding: 7px; border:1px solid #eee;}
.comment-list-itme  {width: 850px; padding-bottom: 10px; }
.comment-list-itme ul .itme-list {width: 773px; padding-top: 10px; background:url(../images/bottom_dotted.jpg)  repeat-x; background-position: 0 bottom; padding-bottom: 10px;}
.comment-list-itme ul .itme-list .itme-face {width: 96px; display: block;float: left; overflow: hidden;} 
.comment-list-itme ul .itme-list .itme-con {position: relative;margin-left: 102px; }
.comment-list-itme ul .itme-list .itme-face a span {width: 96px; text-align: center;line-height:22px; color: #FF8000;}
.comment-list-itme ul .itme-list .itme-face a:hover span {color: #ce6902;}
.comment-list-itme ul .itme-list .itme-face a img {width: 52px; height: 52px; border: 2px solid #eee; float: left;margin: 0 20px;}
.comment-list-itme ul .itme-list .itme-face a:hover img {border: 2px solid #FF8000;}
.comment-list-itme ul .itme-list .itme-con .info { height: 22px; padding:0 0 0px;line-height:22px; }
.comment-list-itme ul .itme-list .itme-con .info .time {display: inline-block;line-height: 14px;}
.comment-list-itme ul .itme-list .itme-con .info .info .report {display: inline-block; margin-right: 10px; line-height: 14px;}
.comment-list-itme ul .itme-list .itme-con .info .reply-del {display: inline-block;line-height: 14px;border-left: 1px solid #E7E7E7;
padding-left: 10px;margin-left: 10px;}
.comment-list-itme ul .itme-list .itme-con  .txt {line-height:24px; font-size:12px; word-wrap: break-word;word-break: break-all;}
.comment-list-itme .comment-itme-page { width: 753px; margin: 0 10px 0 10px; padding: 15px 0 15px  0;  display: inline;}
.comment-list-itme .no-comment {padding: 30px 0;width:773px;  background:url(../images/bottom_dotted.jpg)  repeat-x; background-position: 0 bottom; text-align: center; color: #ccc;display: inline;}
/*-------------------------------------------------------------------------------*/

/* 通用表单样式
---------------------------------------------------------------------------------*/
.formitem-line { font-size: 14px; padding: 10px 0; }
.form-label{float:left;text-align:right;line-height:34px}
.form-field{float:left;line-height:34px}
.form-text{height:22px;padding:6px;border: 1px solid #ccc;font:14px/22px arial,sans-serif;color:#777}
.form-text.error {height:22px;padding:6px;border: 1px solid #DB3535;font:14px/22px arial,sans-serif;color:#DB3535}
.form-text:focus  {border-color: #bbb;}
.form-textarea{padding:6px;border: 1px solid #ccc;font:14px/22px arial,sans-serif;color:#777}
.form-textarea:focus  {border-color: #bbb;}
.form-select {height: 34px;  padding:6px;border: 1px solid #ccc;font:14px/22px arial,sans-serif;color:#777} 
.form-photo-btn { width:100px; height:36px; border: 1px solid #ccc;font:14px/28px arial,sans-serif;color:#777 }
.form-photo-btn:focus {border: 1px solid #68c856;}
.form-field label.error { margin-left:5px; color:#DB3535; font-size: 12px;}
.u-upload{display:inline-block;*display:inline;*zoom:1;position:relative;overflow:hidden;}
.u-upload button{height:36px;padding:0 10px;border:1px solid #ccc;overflow:visible;font-size:14px;color:#666;background:#ddd;}
.u-upload input{position:absolute;top:0;right:-1px;font-size:100px;cursor:pointer;opacity:0;filter:alpha(opacity=0);}
.u-upload:hover button{border-color:#bbb;color:#333;background:#ccc;}
a.u-upload,a.u-upload:hover{text-decoration:none;}
/*-------------------------------------------------------------------------------*/

.submit {text-align: center;padding: 20px 0}
.submit button {width: 111px;height: 35px;background-color: #fff;color: #5dc34a;border: 1px solid #dadada;margin: 0 10px;cursor: pointer;font-size: 14px;font-weight: 700;border-radius: 4px}
.submit button:hover {background-color: #f9f9f9}
.submit .release-btn  {background-color: #2AC25F;color: #fff;border: 1px solid #27AE60;}
.submit .release-btn:hover {background-color: #2ED069;}
.add-item-btn,.add-section-btn {display: block;    height: 33px; width: 141px;  font: 14px/32px '';
    background-color: #fcfcfc; color: #5dc34a;  border: 1px solid #dadada;  cursor: pointer;    text-align: center;  font-weight: 700}
.add-item-btn:hover,.add-section-btn:hover {background-color: #f1ffed;border-color: #aed7a7; color: #5dc300
}

/* 举报通用弹框样式
---------------------------------------------------------------------------------*/
.report-layer { width: 100%;}
.report-field-line {font-size: 14px; padding: 5px 0; background: #fff; }
.report-bd {border-bottom: 1px solid #eee;}
.whistleblower {float:left; padding-left: 6px; text-align:left; font-size: 14px; }
.whistleblower input {width:280px; height:32px; line-height: 32px; font-size: 14px; background-color:#fff; font-weight: bold;  color: #1AAF5D;}
.defendant { float:left; padding-left: 6px; text-align:left; font-size: 14px; }
.defendant input {width: 280px; height:32px; line-height: 32px; font-size: 14px; background-color:#fff;font-weight: bold;  color: #DF4949; }
.report-type {float:left; padding-left: 6px; text-align:left; font-size: 14px;line-height:34px; color: #666;}
.report-type input {width: 280px; height:32px; line-height: 32px; font-size: 14px; background-color:#fff; }
.report-label { width: 120px; float:left;text-align:right;line-height:34px}
.report-select {float:left;line-height:34px;}
.report-select label.error { font-size: 12px; line-height: 25px; color:#DB3535; }
.report-select label.error2 { font-size: 12px; line-height: 25px; color:#DB3535; }
.report-select select { width: 120px; height: 34px; line-height: 34px;  border: 1px solid #eee; vertical-align: middle; font-size: 14px;}
.report-text {float:left; width: 450px;}
.report-text label.error { font-size: 12px; line-height: 25px; color:#DB3535; }
.report-text textarea {width: 450px; height: 150px; font-size: 14px; line-height: 20px; border: 1px solid #eee;}
.report-text textarea:focus {border: 1px solid #F38F14;}
.report-btns {text-align: center;padding: 10px 0}
.report-btns button { width:120px; height: 34px; * line-height: 34px;line-height: 34px; color: #fff; border-radius: 3px; font-weight: 700; font-size: 14px; text-align: center;  background: #F38F14;}
.report-btns button:hover {background-color: #F4AC33; color: #fff;}
/*-------------------------------------------------------------------------------*/

/*--新评论样式2016-08-22*/


.s-comment-wp {width: 100%;background:#fff; }
.s-comment-wp .s-comment-list { width: 100%; margin-top: 15px; background:url(../images/bottom_dotted.jpg)  repeat-x; background-position: 0 bottom;display: inline-block;box-shadow: 0px 0px 5px #ccc;}
.s-comment-wp .s-comment-list .comment-face {width: 58px; margin: 0 10px; float: left; display: block; overflow: hidden; }
.s-comment-wp .s-comment-list .comment-face .face-a { width: 58px; display: block;}
.s-comment-wp .s-comment-list .comment-face .face-a .face-img {width: 52px; height: 52px; border: 1px solid #eee; padding: 2px; display: block;}
.s-comment-wp .s-comment-list .comment-face .face-a .name{ width:60px;  display: block; overflow: hidden; text-align: center; line-height: 22px;}
.s-comment-wp .s-comment-list .comment-con { position: relative;margin-left:100px;}
.s-comment-wp .s-comment-list .comment-con .info-line { padding: 10px 0;  overflow: hidden; }
.s-comment-wp .s-comment-list .comment-con .info-line .time {float: left; color: #999;}
.s-comment-wp .s-comment-list .comment-con .info-line .del {float: left;margin-left: 10px; padding-left: 10px; border-left: 1px solid #ccc; word-wrap: break-word;}
.s-comment-wp .s-comment-list .comment-con .info-line .del a{color: #cc0000;}
.s-comment-wp .s-comment-list .comment-con .info-line .del a:hover{color: #9d0000;}
.s-comment-wp .s-comment-list .comment-con .info-line .reply {float: left;margin-left: 10px; padding-left: 10px; border-left: 1px solid #ccc; }
.s-comment-wp .s-comment-list .comment-con .info-line .reply a{color: #03A64A;}
.s-comment-wp .s-comment-list .comment-con .info-line .reply a:hover{color: #019843;}
.s-comment-wp .s-comment-list .comment-con .info-line .report {float: right;}
.s-comment-wp .s-comment-list .comment-con .con { padding-bottom: 15px; overflow: hidden; line-height: 22px;word-wrap: break-word; }
.s-comment-wp .s-comment-list .comment-con .con .reply-txt {color: #ff8000;} 
.s-comment-wp .s-comment-list .comment-con .con .reply-con-wp {background: #FFFBEE; border: 1px solid #FEDDB8; padding: 0 10px;}
.s-comment-wp .s-comment-list .comment-con .con .reply-con-wp .reply-con-line {padding: 10px 0;  overflow: hidden;line-height: 12px;}
.s-comment-wp .s-comment-list .comment-con .con .reply-con-wp .reply-con-line .reply-name { float: left;}
.s-comment-wp .s-comment-list .comment-con .con .reply-con-wp .reply-con-line .reply-time {float: left;margin-left: 10px; padding-left: 10px; border-left: 1px solid #ccc; }
.s-comment-wp .s-comment-list .comment-con .con .reply-con-wp .reply-con-line .reply-name a {color: #03A64A;}
.s-comment-wp .s-comment-list .comment-con .con .reply-con-wp .reply-con-line .reply-name a:hover{color: #019843;}
.s-comment-wp .s-comment-list .comment-con .con .reply-con-wp .reply-con {overflow: hidden;line-height: 22px;}


.s-comment-wp .s-comment-list .comment-con .con .reply-con-wp .reply-con .reply-con-del {font-size: 16px  ;padding: 15px 0; text-align: center; }
/*-------------------------------------------------------------------------------*/