gdymtsceshi/WebContent/assets/lib/comment/css/style.css

/* ------------------------------------通用样式定义---------------------------------------- */
@charset "utf-8";
/* 修正IE5.x和IE6的斜体溢出bug */
* html body{overflow:visible;}
* html iframe, * html frame{ overflow:auto;}
* html frameset{overflow:hidden;} 

/*常用标签，基本标签默认样式取消，HTML标签，取消基本标签默认样式，防止不同浏览器显示效果不同，text-align:center; 解决不同浏览器居中问题*/
body{margin:0; padding:0;}
input,select{font-size:12px; vertical-align:middle;}

/* 设置内容左对齐，恢复因BODY设置居中产生的继承 */
body div{text-align:left;}

/* 标签属性，textarea,input 强制输入时内容超出时换行 */
textarea,input{word-wrap:break-word; word-break:break-all; padding:0px;}/* 

/*清除ul列表标记的样式，ul列表更多的用在不需要列表前置符号的样式里 */
ul,li{list-style-type:none;}

/* 定义图片边框，当图片作为链接内容被填充时，会有默认边框出现，重定义掉 */
img{border:0 none;}


/* 去掉链接的虚线框 */
a {outline:none; star:expression(this.onFocus=this.blur());}

/* 定义H系列标签，覆盖H系列标签默认属性 */
h1{font-size:24px;}
h2{font-size:20px;}
h3{font-size:18px;}
h4{font-size:16px;}
h5{font-size:14px;}
h6{font-size:12px;}

body { background-color:#fff; }

/*以下为评论页面样式定义*/
.clear { clear:both; }

.comment_input_tit { width:100%; height:30px; margin:22px auto 5px auto;}
.comment_input_tit dl { width:auto; height:30px; margin:0px; padding:0px; }
.comment_input_tit dl dt { float:left; width:auto; height:28px; line-height:28px; padding:0px 13px; background:url(../images/pl_shutiao.jpg) no-repeat left center;font-family:"微软雅黑", "宋体"; font-size:18px; color:#636363; font-weight:normal; text-decoration:none;}
.comment_input_tit dl dd { float:right; width:auto; height:28px; line-height:28px; padding:0px 15px;font-family:'微软雅黑', '宋体'; font-size:16px; color:#636363; font-weight:normal; text-decoration:none; }
.comment_input_tit dl dd span{font-size:22px;font-family: "Georgia Regular",Georgia;color: #d92227;}

.comment_input_pl_ly { width:100%; height:auto; margin:0 auto;border:1px solid #ccc;border-radius:4px;}
.comment_input_pl_ly:hover{border:1px solid #d81519;}
.comment_input_pl_ly .touxiang { width:50px; height:50px; float:left; margin:0px; padding:0px; }
.comment_input_pl_ly .liuyankua { width:auto; height:auto;margin:0 auto; position:relative;padding:10px 10px 10px 10px; }
.comment_input_pl_ly .liuyankua textarea { width:100%; height:75px;margin-bottom:35px;border-radius:4px;border:0px;font-family:"微软雅黑", "宋体"; font-size:14px; color:#636363; font-weight:normal; text-decoration:none;resize:none;box-sizing:border-box;}

.comment_input_pl_ly1 { width:91%; height:auto; margin:0px 0px 9px 0px;float:right;border:1px solid #ccc;border-radius:4px; }
.comment_input_pl_ly1:hover{border:1px solid #d81519;}
.comment_input_pl_ly1 .liuyankua { width:auto; height:auto;margin:0 auto; position:relative;padding:10px 10px 10px 10px;}
.comment_input_pl_ly1 .liuyankua textarea { width:100%; height:75px;margin-bottom:45px;border-radius:4px;border:0px;font-family:"微软雅黑", "宋体"; font-size:14px; color:#636363; font-weight:normal; text-decoration:none;resize:none;box-sizing:border-box; }

.comment_input_pl_ly2 { width:100%; height:auto; margin:0px auto 9px auto;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;}
.comment_input_pl_ly2:hover{border:1px solid #d81519;}
.comment_input_pl_ly2 .liuyankua { width:auto; height:auto;margin:0 auto; position:relative;padding:10px 10px 10px 10px;}
.comment_input_pl_ly2 .liuyankua textarea { width:100%; height:75px;margin-bottom:45px;border-radius:4px;border:0px;font-family:"微软雅黑", "宋体"; font-size:14px; color:#636363; font-weight:normal; text-decoration:none; overflow: hidden;resize:none;}

.comment_list_tit { width:100%; height:40px; margin:15px auto 15px auto; border-bottom:1px solid #dddddd}
.comment_list_tit dl { width:auto; height:40px; margin:0px; padding:0px; }
.comment_list_tit dl dt { float:left; width:auto; height:38px; line-height:38px; padding:0px 15px; background:url(../images/pl_shutiao.jpg) no-repeat left center;font-family:"微软雅黑", "宋体"; font-size:18px; color:#636363; font-weight:normal; text-decoration:none;}
.comment_list_tit dl dd { float:right; width:auto; height:38px; line-height:38px; padding:0px 15px;font-family:'微软雅黑', '宋体'; font-size:16px; color:#636363; font-weight:normal; text-decoration:none; }
.comment_list_tit dl dd span{font-size:22px;font-family: "Georgia Regular",Georgia;color: #d92227;}

.comment_input_fabu_bg{width:100%;height:auto;margin:0 auto; position:absolute;border-radius:0px 0px 4px 4px;box-sizing:border-box;left:0px;bottom:0px; background-color:#f1f1f1;}
.comment_input_fabu_left{float:left;}
.comment_input_fabu_name{float:left;margin-left:10px;height:35px;font-family:"微软雅黑", "宋体"; font-size:14px; color:#d81519; font-weight:normal; text-decoration:none;}
.comment_input_fabu_name img{float:left;width:26px;height:26px;margin:5px 10px 0px 0px;padding:0px;}
.comment_input_fabu_name span{margin:0px;padding:0px;height:35px;line-height:35px;}
.comment_input_fabu_biaoq{width:35px;height:35px;float:left;margin:0px 0px 0px 3px; background: url(../images/biaoq1.png) no-repeat center center;}
.comment_input_fabu_biaoq:hover{background: url(../images/biaoq1_on.png) no-repeat center center; cursor:pointer;}
.comment_input_fabu_fapic{width:35px;height:35px;float:left; background: url(../images/fapic1.png) no-repeat center center;}
.comment_input_fabu_fapic:hover{background: url(../images/fapic1_on.png) no-repeat center center;cursor:pointer;}

.comment_input_liuyanbtn {float:right; padding:0px; width:90px; height:36px; line-height:36px; display:block;border-radius:0px 0px 4px 0px; text-align:center; background-color:#dd5e59; position:absolute;right:-1px;bottom:-1px;cursor:pointer;font-family:"微软雅黑", "宋体"; font-size:15px; color:#ffffff; font-weight:normal; text-decoration:none; }
.comment_input_liuyanbtn a{ display:block; color:#fff;text-decoration:none;}
.comment_input_liuyanbtn a:hover { display:block; color:#fff;border-radius:0px 0px 4px 0px;background-color:#c83d38;text-decoration:none; }
.comment_input_gongyue { width:100%; height:35px;line-height:35px;margin:0 auto;font-family:"微软雅黑", "宋体"; font-size:12px; color:#ccc; font-weight:normal; text-decoration:none;  }
.comment_input_gongyue a{color:#ccc;text-decoration:none;  }
.comment_input_gongyue a:hover{color:#d81519;text-decoration:none;  }

.comment_list_pl_pl { width:100%; height:auto; margin:0 auto 15px auto;padding-bottom:5px;border-bottom:1px dashed #e9e9e9; }
.comment_list_pl_pl .touxiang { width:50px; height:50px; float:left; margin:0px; padding:0px; }
.comment_list_pl_pl .pinglun { width:91%; height:auto; float:right; margin-bottom:5px;}
.comment_list_pl_pl .huifu { width:91%; height:22px; float:right;margin:5px 0px; }
.comment_list_pl_pl .huifu dl { margin:0px; padding:0px; height:22px;}
.comment_list_pl_pl .huifu dl dt { float:left; margin:0px; padding:0px; height:22px;line-height:22px;font-family:'微软雅黑', '宋体'; font-size:12px; color:#636363; font-weight:normal; text-decoration:none;background:none; }
.comment_list_pl_pl .huifu dl dd { float:right; margin:0px; padding:0px;}

.comment_list_pl_name { margin:0px; padding:0px; line-height:25px;font-family:"微软雅黑", "宋体"; font-size:14px; color:#3d3d3d; font-weight:normal; text-decoration:none; }
.comment_list_pl_name span { color:#d81519; margin-right:15px; }
.comment_list_pl_con { margin:0px; padding:0px; line-height:25px;font-family:"微软雅黑", "宋体"; font-size:14px; color:#3d3d3d; font-weight:normal; text-decoration:none; }

.comment_list_huifubtn{width:auto;height:22px;line-height:22px;float:left;margin:0px 5px 0px 0px;font-family:'微软雅黑', '宋体'; font-size:12px; color:#636363; font-weight:normal; text-decoration:none; }
.comment_list_huifubtn:hover{cursor:pointer;color:#d81519;}

.comment_list_zanbtn{width:auto;height:22px;line-height:22px;float:left;margin:0px 10px 0px 15px; background: url(../images/dianzan.png) no-repeat left center;padding-left:15px;font-family:'微软雅黑', '宋体'; font-size:12px; color:#636363; font-weight:normal; text-decoration:none; }
.comment_list_zanbtn:hover{background: url(../images/dianzan_on.png) no-repeat left center;cursor:pointer;color:#d81519;}

.comment_list_huifuk{width:auto;heigth:auto;border:1px solid #eeeeee;padding:5px 10px 10px 10px;margin:5px 0px 5px 0px; }
.comment_list_huifuk dl{width:auto;margin:0px auto 0px auto;padding:5px 0px 0px 0px;}
.comment_list_huifuk dl dt{float:left;margin:0px;padding:0px;font-family:'微软雅黑', '宋体'; font-size:14px; color:#989898; font-weight:normal; text-decoration:none;}
.comment_list_huifuk dl dd{float:right;margin:0px;padding:0px;font-family:'微软雅黑', '宋体'; font-size:12px; color:#7e7e7e; font-weight:normal; text-decoration:none;}
.comment_list_huifuk p{width:auto;margin:5px auto 0px auto;line-height:22px;padding:0px;font-family:"微软雅黑", "宋体"; font-size:14px; color:#3d3d3d; font-weight:normal; text-decoration:none;}
.comment_list_huifu{width:auto;heigth:auto;padding:0px;margin:0px;}
.comment_list_huifu_xs{width:auto;height:22px;margin:0 auto;}
.comment_list_huifu_yc{width:auto;float:right;display:none;}
.comment_list_huifu_xs:hover .comment_list_huifu_yc {display:block;}

/*以下为加载更多样式定义*/
.hidden{ display: none;}
.jiazai{width: 100%;height: auto;margin:0 auto;overflow: hidden;}
.jiazai ul.list{overflow: hidden;margin:0px;padding:0px;font-family:'微软雅黑', '宋体'; font-size:16px; color:#636363; font-weight:normal; text-decoration:none; text-align:center; }
.jiazai ul.list li{width: 100%;height:auto;float: left;overflow: hidden;margin:0px;padding:0px;}
.jiazai .more{overflow: hidden;width:100%;height:30px;line-height:30px;margin:15px auto 25px auto; border-radius:30px; background-color:#f8f8f8;text-align: center;font-family:'微软雅黑', '宋体'; font-size:12px; color:#636363; font-weight:normal; text-decoration:none;}
.jiazai .more a{display: block;background-color:#f8f8f8; color:#636363;text-decoration:none;}
.jiazai .more a:hover{display: block;background-color:#efefef; color:#636363;text-decoration:none;}
.jiazai .more p{line-height:30px;margin:0px;padding:0px;}