@charset "utf-8";
/*
    base.less function start ==================================
*/
/*
    base.less function end ==================================
*/
/*
    button.less function start ==================================
*/
/* --------------------------------------------------------------------
// 蓝色按钮 实心背景
.btn-blue-xx { 
	._btnmodule( #189ae5,#0b8dd6,#189ae5,#0b8dd6,#fff,#fff,140px,42px,25px,normal,18px);
}
.btn-blue-x {
	._btnmodule( #189ae5,#0b8dd6,#189ae5,#0b8dd6,#fff,#fff,100px,33px,20px,normal,16px);
}
.btn-blue-l {
	._btnmodule( #189ae5,#0b8dd6,#189ae5,#0b8dd6,#fff,#fff,90px,28px,20px,normal,14px);
}
.btn-blue-m {
	._btnmodule( #189ae5,#0b8dd6,#189ae5,#0b8dd6,#fff,#fff,80px,24px,15px,normal,14px);
}
.btn-blue-s {
	._btnmodule( #189ae5,#0b8dd6,#189ae5,#0b8dd6,#fff,#fff,60px,20px,15px,normal,12px);
}

// 黄色按钮 实心背景
.btn-orange-xx { 
	._btnmodule( #ff9000,#f06613,#ff9000,#f06613,#fff,#fff,140px,42px,25px,normal,18px);
}
.btn-orange-x {
	._btnmodule( #ff9000,#f06613,#ff9000,#f06613,#fff,#fff,100px,33px,20px,normal,16px);
}
.btn-orange-l {
	._btnmodule( #ff9000,#f06613,#ff9000,#f06613,#fff,#fff,90px,28px,20px,normal,14px);
}
.btn-orange-m {
	._btnmodule( #ff9000,#f06613,#ff9000,#f06613,#fff,#fff,80px,24px,15px,normal,14px);
}
.btn-orange-s {
	._btnmodule( #ff9000,#f06613,#ff9000,#f06613,#fff,#fff,60px,20px,15px,normal,12px);
}

// 蓝色按钮 实边
.btn-blue2-xx { 
	._btnmodule( #fff,#fff,#189ae5,#0b8dd6,#189ae5,#0b8dd6,140px,42px,25px,normal,18px);
}
.btn-blue2-x {
	._btnmodule( #fff,#fff,#189ae5,#0b8dd6,#189ae5,#0b8dd6,100px,33px,20px,normal,16px);
}
.btn-blue2-l {
	._btnmodule( #fff,#fff,#189ae5,#0b8dd6,#189ae5,#0b8dd6,90px,28px,20px,normal,14px);
}
.btn-blue2-m {
	._btnmodule( #fff,#fff,#189ae5,#0b8dd6,#189ae5,#0b8dd6,80px,24px,15px,normal,14px);
}
.btn-blue2-s {
	._btnmodule( #fff,#fff,#189ae5,#0b8dd6,#189ae5,#0b8dd6,60px,20px,15px,normal,12px);
}

// 蓝色按钮 实边
.btn-blue3-xx { 
	._btnmodule( #f1faff,#e7f6ff,#8bccf2,#54afe2,#189ae5,#0b8dd6,140px,42px,25px,normal,18px);
}
.btn-blue3-x {
	._btnmodule( #f1faff,#e7f6ff,#8bccf2,#54afe2,#189ae5,#0b8dd6,100px,33px,20px,normal,16px);
}
.btn-blue3-l {
	._btnmodule( #f1faff,#e7f6ff,#8bccf2,#54afe2,#189ae5,#0b8dd6,90px,28px,20px,normal,14px);
}
.btn-blue3-m {
	._btnmodule( #f1faff,#e7f6ff,#8bccf2,#54afe2,#189ae5,#0b8dd6,80px,24px,15px,normal,14px);
}
.btn-blue3-s {
	._btnmodule( #f1faff,#e7f6ff,#8bccf2,#54afe2,#189ae5,#0b8dd6,60px,20px,15px,normal,12px);
}

// 黄色按钮 实边
.btn-orange2-xx { 
	._btnmodule( #fff,#fff,#ff9000,#f06613,#ff9000,#f06613,140px,42px,25px,normal,18px);
}
.btn-orange2-x {
	._btnmodule( #fff,#fff,#ff9000,#f06613,#ff9000,#f06613,100px,33px,20px,normal,16px);
}
.btn-orange2-l {
	._btnmodule( #fff,#fff,#ff9000,#f06613,#ff9000,#f06613,90px,28px,20px,normal,14px);
}
.btn-orange2-m {
	._btnmodule( #fff,#fff,#ff9000,#f06613,#ff9000,#f06613,80px,24px,15px,normal,14px);
}
.btn-orange2-s {
	._btnmodule( #fff,#fff,#ff9000,#f06613,#ff9000,#f06613,60px,20px,15px,normal,12px);
}

// 灰色按钮
.btn-disable-xx { 
	._btnmodule( #f3f3f3,#f3f3f3,#e8e8e8,#e8e8e8,#a7a7a7,#a7a7a7,140px,42px,25px,normal,18px,default);
}
.btn-disable-x {
	._btnmodule( #f3f3f3,#f3f3f3,#e8e8e8,#e8e8e8,#a7a7a7,#a7a7a7,100px,33px,20px,normal,16px,default);
}
.btn-disable-l {
	._btnmodule( #f3f3f3,#f3f3f3,#e8e8e8,#e8e8e8,#a7a7a7,#a7a7a7,90px,28px,20px,normal,14px,default);
}
.btn-disable-m {
	._btnmodule( #f3f3f3,#f3f3f3,#e8e8e8,#e8e8e8,#a7a7a7,#a7a7a7,80px,24px,15px,normal,14px,default);
}
.btn-disable-s {
	._btnmodule( #f3f3f3,#f3f3f3,#e8e8e8,#e8e8e8,#a7a7a7,#a7a7a7,60px,20px,15px,normal,12px,default);
}


// input textarea
.ui-text { font:normal 14px/20px "microsoft yahei","simhei",arial,helvetica; color: #b0b0b0; min-width: 580px; height: 20px; padding:7px 9px; background: #fbfbfb; border: 1px solid #eee; }
.ui-text:hover { background: #fbfbff; border-color: #e0eeff; color: #666; }
.ui-text:focus { background: #fff; border-color: #189be5; box-shadow: 0px 0px 6px 0px #def1fb; color: #666; }

.ui-text-s { font:normal 14px/20px "microsoft yahei","simhei",arial,helvetica; color: #b0b0b0; min-width: 250px; height: 20px; padding:4px 9px; background: #fbfbfb; border: 1px solid #eee; }
.ui-text-s:hover { background: #fbfbff; border-color: #e0eeff; color: #666; }
.ui-text-s:focus { background: #fff; border-color: #189be5; box-shadow: 0px 0px 6px 0px #def1fb; color: #666; }

.ui-textarea { font:normal 14px/20px "microsoft yahei","simhei",arial,helvetica; color: #b0b0b0; min-width: 570px; height: 80px; padding:7px 14px; background: #fbfbfb; border: 1px solid #eee; resize:none; }
.ui-textarea:hover { background: #fbfbff; border-color: #e0eeff; color: #666; }
.ui-textarea:focus { background: #fff; border-color: #189be5; box-shadow: 0px 0px 6px 0px #def1fb; color: #666; }
*/
/*
    button.less function end ==================================
*/
/**
 * 评论
 * @authors shenfq (shenfuqing@163.com)
 * @date    2017-03-06 10:14:39
 * @version v1.0
 */
.hr-comment {
  padding: 20px;
  background-color: #fff;
}
.hr-comment .loginarea {
  position: relative;
  margin: 10px auto 20px auto;
  display: block;
  zoom: 1;
}
.hr-comment .loginarea:after {
  content: ".";
  height: 0px;
  line-height: 0px;
  font-size: 0px;
  display: block;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
.hr-comment .loginarea .usearea {
  width: 35px;
  height: 35px;
  position: absolute;
  left: 0px;
  top: 7px;
  border-radius: 100%;
  border: 1px solid #eee;
}
.hr-comment .loginarea .usearea img {
  width: 35px;
  height: 35px;
  display: block;
  border-radius: 100%;
}
.hr-comment .loginarea .msgarea {
  position: relative;
  margin: 0px 0px 0px 50px;
  height: 48px;
  border: 1px solid #d0d0d0;
  display: block;
  zoom: 1;
  font: normal 16px/48px "microsoft yahei", "simhei", arial, helvetica;
  text-align: center;
  color: #666;
}
.hr-comment .loginarea .msgarea:after {
  content: ".";
  height: 0px;
  line-height: 0px;
  font-size: 0px;
  display: block;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
.hr-comment .loginarea .msgarea a {
  color: #06a;
}
.hr-comment .com-in {
  position: relative;
  margin: 10px auto 20px auto;
  display: block;
  zoom: 1;
}
.hr-comment .com-in:after {
  content: ".";
  height: 0px;
  line-height: 0px;
  font-size: 0px;
  display: block;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
.hr-comment .com-in .usearea {
  width: 35px;
  height: 35px;
  position: absolute;
  left: 0px;
  top: 8px;
}
.hr-comment .com-in .usearea img {
  width: 35px;
  height: 35px;
  display: block;
  border-radius: 100%;
}
.hr-comment .com-in .msgarea {
  position: relative;
  margin: 0px 0px 0px 50px;
  height: 48px;
  border: 1px solid #d0d0d0;
  display: block;
  zoom: 1;
}
.hr-comment .com-in .msgarea:after {
  content: ".";
  height: 0px;
  line-height: 0px;
  font-size: 0px;
  display: block;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
.hr-comment .com-in .msgarea .intext {
  background: #fff;
  padding: 4px 14px;
  display: block;
  zoom: 1;
}
.hr-comment .com-in .msgarea .intext:after {
  content: ".";
  height: 0px;
  line-height: 0px;
  font-size: 0px;
  display: block;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
.hr-comment .com-in .msgarea .intext textarea {
  width: 100%;
  height: 20px;
  padding: 10px 0;
  resize: none;
  color: #333;
  font: normal 14px/20px "microsoft yahei", "simhei", arial, helvetica;
  border: none;
}
.hr-comment .com-in .msgarea .intext textarea:focus {
  color: #666;
}
.hr-comment .com-in .msgarea .msgbar {
  position: absolute;
  right: 0px;
  bottom: 0px;
  width: auto;
  height: auto;
}
.hr-comment .com-in .msgarea .msgbar .addface {
  display: none;
  width: 22px;
  height: 22px;
  margin: 13px;
  overflow: hidden;
  zoom: 1;
  background: url(/uploads/image/shgifcom/icon-face.png) no-repeat 0 0;
  text-indent: -9999px;
}
.hr-comment .com-in .msgarea .msgbar .addface:hover {
  background: url(/uploads/image/shgifcom/icon-face.png) no-repeat 0 -24px;
}
.hr-comment .com-in .msgarea .msgbar .counttxetnum {
  display: none;
  color: #999;
  font: normal 12px/48px "microsoft yahei", "simhei", arial, helvetica;
  margin-right: 15px;
}
.hr-comment .com-in .msgarea .msgbar .tags {
  margin-right: 30px;
  display: none;
}
.hr-comment .com-in .msgarea .msgbar .tags label {
  float: left;
  display: inline-block;
  margin-right: 20px;
  background:  no-repeat 0 18px;
  height: 48px;
  padding-left: 18px;
  font: normal 14px/48px "microsoft yahei", "simhei", arial, helvetica;
  color: #666;
}
.hr-comment .com-in .msgarea .msgbar .tags label.on {
  color: #189be4;
  background:  no-repeat 0 -32px;
}
.hr-comment .com-in .sendbtn {
  float: right;
  background: #189ae5;
  font: normal 20px/48px "microsoft yahei", "simhei", arial, helvetica;
  padding: 0 35px;
  display: inline-block;
  color: #fff;
  cursor: pointer;
}
.hr-comment .com-in .disabled {
  background: #ccc;
  cursor: default;
}
.hr-comment .focus {
  transition: all 500ms;
  -moz-transition: all 500ms;
  /* firefox 4 */
  -webkit-transition: all 500ms;
  /* safari 和 chrome */
  -o-transition: all 500ms;
  /* opera */
}
.hr-comment .focus .msgarea {
  height: 188px;
  border: 1px solid #189ae5;
}
.hr-comment .focus .msgarea .intext textarea {
  height: 112px;
}
.hr-comment .focus .msgarea .intext textarea:focus {
  color: #666;
}
.hr-comment .focus .msgarea .msgbar {
  position: static;
  background: #f9f9f9;
  width: 100%;
  height: 48px;
}
.hr-comment .focus .msgarea .msgbar .addface {
  float: left;
  display: inline-block;
}
.hr-comment .focus .msgarea .msgbar .counttxetnum {
  float: right;
  display: inline-block;
}
.hr-comment .focus .msgarea .msgbar .tags {
  float: right;
  display: inline-block;
}
.hr-comment .com-tab {
  display: block;
  zoom: 1;
  width: 100%;
  height: 38px;
  border-bottom: 1px solid #d3d3d3;
}
.hr-comment .com-tab:after {
  content: ".";
  height: 0px;
  line-height: 0px;
  font-size: 0px;
  display: block;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
.hr-comment .com-tab ul {
  display: block;
  zoom: 1;
}
.hr-comment .com-tab ul:after {
  content: ".";
  height: 0px;
  line-height: 0px;
  font-size: 0px;
  display: block;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
.hr-comment .com-tab ul li {
  float: left;
  height: 38px;
  font: 14px/38px 'microsoft yahei';
  border-bottom: 1px solid #d3d3d3;
  cursor: pointer;
}
.hr-comment .com-tab ul li.on {
  border-bottom: 2px solid #29a1f7;
  font-weight: bold;
  color: #189ae5;
}
.hr-comment .com-tab ul li.f2 {
  margin-left: 20px;
}
.hr-comment .com-list {
  margin-top: 2px;
}
.hr-comment .com-list .item {
  position: relative;
  padding: 20px 0 0px 0;
  border-bottom: 1px solid #e4e4e4;
  display: block;
  zoom: 1;
}
.hr-comment .com-list .item:after {
  content: ".";
  height: 0px;
  line-height: 0px;
  font-size: 0px;
  display: block;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
.hr-comment .com-list .item .cover {
  width: 35px;
  height: 35px;
  position: absolute;
  left: 0;
  top: 18px;
  display: block;
}
.hr-comment .com-list .item .cover img {
  width: 35px;
  height: 35px;
  border-radius: 100%;
}
.hr-comment .com-list .item .cont {
  margin-left: 50px;
}
.hr-comment .com-list .item .cont .itembox {
  display: block;
  zoom: 1;
}
.hr-comment .com-list .item .cont .itembox li,
.hr-comment .com-list .item .cont .itembox ol,
.hr-comment .com-list .item .cont .itembox ul {
  list-style-position: inside;
}
.hr-comment .com-list .item .cont .itembox ol li {
  list-style-type: decimal;
}
.hr-comment .com-list .item .cont .itembox ul li {
  list-style-type: disc;
}
.hr-comment .com-list .item .cont .itembox:after {
  content: ".";
  height: 0px;
  line-height: 0px;
  font-size: 0px;
  display: block;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
.hr-comment .com-list .item .cont .itembox img {
  max-width: 100%;
}
.hr-comment .com-list .item .cont h2 {
  display: block;
  zoom: 1;
}
.hr-comment .com-list .item .cont h2:after {
  content: ".";
  height: 0px;
  line-height: 0px;
  font-size: 0px;
  display: block;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
.hr-comment .com-list .item .cont h2 .nickname {
  font: normal 14px/24px "microsoft yahei", "simhei", arial, helvetica;
  float: left;
  margin: 0;
  color: #06a;
}
.hr-comment .com-list .item .cont h2 .nickname:hover {
  text-decoration: underline;
}
.hr-comment .com-list .item .cont h2 .time {
  font: normal 12px/24px "microsoft yahei", "simhei", arial, helvetica;
  float: left;
  color: #999;
  margin-left: 15px;
}
.hr-comment .com-list .item .cont h2 .tags {
  font: normal 12px/24px "microsoft yahei", "simhei", arial, helvetica;
  float: left;
  color: #06a;
  margin-left: 15px;
}
.hr-comment .com-list .item .cont h2 .floor {
  font: normal 12px/24px "microsoft yahei", "simhei", arial, helvetica;
  float: right;
  color: #999;
  margin-left: 15px;
}
.hr-comment .com-list .item .cont h2 .shenping {
  font: normal 12px/16px "microsoft yahei", "simhei", arial, helvetica;
  float: right;
  color: #f74c31;
  background:  no-repeat 0 -300px;
  padding-left: 18px;
  margin: 5px 0px 0px 15px;
  cursor: default;
}
.hr-comment .com-list .item .cont p {
  margin: 5px auto;
  font: normal 14px/20px "microsoft yahei", "simhei", arial, helvetica;
  color: #666;
  display: block;
  zoom: 1;
  word-break: break-all;
  word-wrap: break-word;
  white-space: normal;
}
.hr-comment .com-list .item .cont p:after {
  content: ".";
  height: 0px;
  line-height: 0px;
  font-size: 0px;
  display: block;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
.hr-comment .com-list .item .cont h6 {
  display: block;
  zoom: 1;
}
.hr-comment .com-list .item .cont h6:after {
  content: ".";
  height: 0px;
  line-height: 0px;
  font-size: 0px;
  display: block;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
.hr-comment .com-list .item .cont h6 .reply {
  font: normal 12px/16px "microsoft yahei", "simhei", arial, helvetica;
  color: #999;
  background:  no-repeat 0 0;
  padding-left: 20px;
  margin-right: 20px;
  cursor: pointer;
}
.hr-comment .com-list .item .cont h6 .reply:hover {
  color: #06a;
  background:  no-repeat 0 -50px;
}
.hr-comment .com-list .item .cont h6 .zan {
  font: normal 12px/16px "microsoft yahei", "simhei", arial, helvetica;
  color: #999;
  background:  no-repeat 0 -100px;
  padding-left: 20px;
  margin-right: 20px;
  cursor: pointer;
}
.hr-comment .com-list .item .cont h6 .zan:hover {
  color: #06a;
  background:  no-repeat 0 -150px;
}
.hr-comment .com-list .item .cont h6 .zanguo {
  font: normal 12px/16px "microsoft yahei", "simhei", arial, helvetica;
  color: #06a;
  background:  no-repeat 0 -150px;
  padding-left: 20px;
  margin-right: 20px;
  cursor: default;
}
.hr-comment .com-list .item .cont h6 .report {
  font: normal 12px/16px "microsoft yahei", "simhei", arial, helvetica;
  color: #999;
  background:  no-repeat 0 -200px;
  padding-left: 20px;
  margin-right: 20px;
  cursor: pointer;
}
.hr-comment .com-list .item .cont h6 .report:hover {
  color: #f74c31;
  background:  no-repeat 0 -250px;
}
.hr-comment .com-list .item .cont .replymsgarea {
  display: block;
  zoom: 1;
  border: 1px solid #d0d0d0;
  margin: 10px auto 0px auto;
  background: #fff;
}
.hr-comment .com-list .item .cont .replymsgarea:after {
  content: ".";
  height: 0px;
  line-height: 0px;
  font-size: 0px;
  display: block;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
.hr-comment .com-list .item .cont .replymsgarea .intext {
  padding: 5px 10px;
}
.hr-comment .com-list .item .cont .replymsgarea .intext textarea {
  width: 100%;
  height: 60px;
  overflow: auto;
  border: none;
  background: #fff;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  resize: none;
  color: #999;
  font: normal 12px/20px "microsoft yahei", "simhei", arial, helvetica;
}
.hr-comment .com-list .item .cont .replymsgarea .intext textarea:focus {
  color: #666;
}
.hr-comment .com-list .item .cont .replymsgarea .msgbar {
  background: #f9f9f9;
  height: 30px;
  display: block;
  zoom: 1;
}
.hr-comment .com-list .item .cont .replymsgarea .msgbar:after {
  content: ".";
  height: 0px;
  line-height: 0px;
  font-size: 0px;
  display: block;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
.hr-comment .com-list .item .cont .replymsgarea .msgbar .addface {
  float: left;
  width: 22px;
  height: 22px;
  margin: 4px;
  overflow: hidden;
  zoom: 1;
  background: url(/uploads/image/shgifcom/icon-face.png) no-repeat 0 0;
  text-indent: -9999px;
}
.hr-comment .com-list .item .cont .replymsgarea .msgbar .addface:hover {
  background: url(/uploads/image/shgifcom/icon-face.png) no-repeat 0 -24px;
}
.hr-comment .com-list .item .cont .replymsgarea .msgbar .counttxetnum {
  float: right;
  color: #999;
  font: normal 12px/30px "microsoft yahei", "simhei", arial, helvetica;
  margin-right: 15px;
}
.hr-comment .com-list .item .cont .replymsgarea .msgbar .sendbtn {
  float: right;
  background: #189ae5;
  font: 14px/30px 'microsoft yahei';
  padding: 0 35px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  color: #fff;
  cursor: pointer;
}
.hr-comment .com-list .item .cont .replymsgarea .msgbar .disabled {
  background: #ccc;
  cursor: default;
}
.hr-comment .com-list .item .cont .subwrap {
  background-color: #f4f4f4;
  margin-top: 10px;
  margin-bottom: 15px;
  display: block;
  zoom: 1;
  padding: 0px 20px;
}
.hr-comment .com-list .item .cont .subwrap:after {
  content: ".";
  height: 0px;
  line-height: 0px;
  font-size: 0px;
  display: block;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
.hr-comment .com-list .item .cont .subwrap .sitem {
  padding: 15px 0px;
  border-top: 1px solid #dfdfdf;
  display: block;
  zoom: 1;
  position: relative;
}
.hr-comment .com-list .item .cont .subwrap .sitem:after {
  content: ".";
  height: 0px;
  line-height: 0px;
  font-size: 0px;
  display: block;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
.hr-comment .com-list .item .cont .subwrap .sitem h2.nickname {
  font: 14px/150% 'microsoft yahei';
  margin: 0;
}
.hr-comment .com-list .item .cont .subwrap .sitem h2.nickname a {
  color: #5191d2;
}
.hr-comment .com-list .item .cont .subwrap p {
  margin-top: 2px;
  font: 14px/150% 'microsoft yahei';
  color: #333;
}
.hr-comment .com-list .item .cont .subwrap .moresubitem {
  display: block;
  zoom: 1;
  padding: 10px 20px;
  border-top: 1px solid #dfdfdf;
  text-align: center;
}
.hr-comment .com-list .item .cont .subwrap .moresubitem:after {
  content: ".";
  height: 0px;
  line-height: 0px;
  font-size: 0px;
  display: block;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
.hr-comment .com-list .item .cont .subwrap .moresubitem .moresubitembtn {
  display: inline-block;
  cursor: pointer;
}
.hr-comment .com-list .item .cont .subwrap .moresubitem .moresubitembtn em {
  color: #06a;
  font: normal 14px/20px "microsoft yahei", "simhei", arial, helvetica;
  height: 20px;
  float: left;
}
.hr-comment .com-list .item .cont .subwrap .moresubitem .moresubitembtn u {
  float: left;
  margin-left: 10px;
  margin-top: 7px;
  position: relative;
  display: inline-block;
  width: 0;
  height: 0;
  border-right: 6px solid transparent;
  border-top: 8px solid #06a;
  border-left: 6px solid transparent;
}
.hr-comment .com-list .item .cont .subwrap .moresubitem .moresubitembtn i {
  position: absolute;
  display: block;
  left: -6px;
  bottom: 2px;
  width: 0;
  height: 0;
  border-right: 6px solid transparent;
  border-top: 8px solid #f1f2f1;
  border-left: 6px solid transparent;
}
.hr-comment .com-list .item .cont .subwrap .moresubitem .moresubitemdone {
  color: #999;
  font: normal 14px/20px "microsoft yahei", "simhei", arial, helvetica;
}
.hr-comment .com-list .item .cont .subwrap .noborder {
  border: none;
}
.hr-comment .com-list .pagebar {
  margin: 30px auto;
}
.hr-comment .com-list .noclass {
  width: 100%;
  height: 50px;
  overflow: hidden;
  background:  no-repeat center center;
  padding-top: 280px;
  text-align: center;
  font: normal 16px/24px "microsoft yahei", "simhei", arial, helvetica;
  color: #999;
}
.hr-comment .com-list .hostcomment-split {
  height: 0;
  text-align: center;
  position: relative;
  display: block;
  zoom: 1;
}
.hr-comment .com-list .hostcomment-split:after {
  content: ".";
  height: 0px;
  line-height: 0px;
  font-size: 0px;
  display: block;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
.hr-comment .com-list .hostcomment-split .line {
  position: absolute;
  left: 0;
  top: -11px;
  border-bottom: 1px solid #f74c31;
  height: 10px;
  width: 100%;
}
.hr-comment .com-list .hostcomment-split .line span {
  height: 21px;
  color: #f74c31;
  display: inline-block;
  padding: 0 10px;
  background: #fff;
}
.comentfacebox {
  position: absolute;
  width: 544px;
  padding: 5px;
  background: #fff;
  border: 1px solid #ccc;
  z-index: 1002;
}
.comentfacebox li {
  float: left;
  width: 22px;
  height: 22px;
  padding: 5px;
  overflow: hidden;
}
.comentfacebox li img {
  width: 22px;
  height: 22px;
  display: block;
}
.commentreport .ct {
  display: block;
  zoom: 1;
  padding: 15px 40px;
}
.commentreport .ct:after {
  content: ".";
  height: 0px;
  line-height: 0px;
  font-size: 0px;
  display: block;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
.commentreport ul {
  display: block;
  zoom: 1;
  padding: 10px 0;
}
.commentreport ul:after {
  content: ".";
  height: 0px;
  line-height: 0px;
  font-size: 0px;
  display: block;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
.commentreport ul li {
  float: left;
  width: 50%;
  height: 21px;
  font: normal 14px/21px "microsoft yahei", "simhei", arial, helvetica;
  background:  no-repeat 0 -95px;
  text-indent: 20px;
  margin: 5px 0;
  cursor: pointer;
}
.commentreport ul li:hover {
  background:  no-repeat 0 -45px;
}
.commentreport ul li.on {
  background:  no-repeat 0 5px;
}
.commentreport h2 {
  display: block;
  zoom: 1;
}
.commentreport h2:after {
  content: ".";
  height: 0px;
  line-height: 0px;
  font-size: 0px;
  display: block;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
.commentreport h2 .title {
  font: bold 14px/24px "microsoft yahei", "simhei", arial, helvetica;
  color: #333;
  float: left;
}
.commentreport h2 .counttxetnum {
  float: right;
  color: #999;
  font: normal 12px/24px "microsoft yahei", "simhei", arial, helvetica;
}
.commentreport p.reporttext {
  margin: 5px auto;
  display: block;
  zoom: 1;
  padding: 10px;
  border: 1px solid #d8d8d8;
}
.commentreport p.reporttext:after {
  content: ".";
  height: 0px;
  line-height: 0px;
  font-size: 0px;
  display: block;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
.commentreport p.reporttext textarea {
  width: 100%;
  height: 60px;
  resize: none;
  border: none;
  font: normal 12px/20px "microsoft yahei", "simhei", arial, helvetica;
  color: #333;
}
.commentreport p.submit {
  display: block;
  zoom: 1;
  padding: 10px 0;
  text-align: center;
}
.commentreport p.submit:after {
  content: ".";
  height: 0px;
  line-height: 0px;
  font-size: 0px;
  display: block;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
.commentreport p.submit .sendreportbtn {
  background: #189ae5;
  border: 1px solid #189ae5;
  min-width: 80px;
  height: 33px;
  padding: 0px 20px;
  text-align: center;
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  cursor: pointer;
  font: normal 16px/33px "microsoft yahei", "simhei", arial, helvetica;
}
.commentreport p.submit .sendreportbtn:hover {
  background: #0b8dd6;
  border: 1px solid #0b8dd6;
  color: #fff;
  text-decoration: none;
}
.commentreport p.submit .sendreportbtn.disabled {
  background: #f3f3f3;
  border: 1px solid #e8e8e8;
  min-width: 80px;
  height: 33px;
  padding: 0px 20px;
  text-align: center;
  border-radius: 3px;
  color: #a7a7a7;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  cursor: default;
  font: normal 16px/33px "microsoft yahei", "simhei", arial, helvetica;
}
.commentreport p.submit .sendreportbtn.disabled:hover {
  background: #f3f3f3;
  border: 1px solid #e8e8e8;
  color: #a7a7a7;
  text-decoration: none;
}