@charset "UTF-8";
/* CSS Document */
/* 全局样式定义 不需要拷贝 */
html {
  overflow-y: scroll;
}

body {
  margin: 0 auto;
  font-size: 12px;
  font-family: \5B8B\4F53,Arial Narrow,arial,serif;
  line-height: 18px;
  background-color: #FFFFFF;
}

div, a, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, p, form, fieldset, input, textarea, blockquote {
  margin: 0;
  padding: 0;
}

table, td, tr, th {
  font-size: 12px;
}

div {
  outline: 0 none;
}

input {
  vertical-align: middle;
}

ul, li {
  list-style-type: none;
}

table {
  margin: 0 auto;
}

img {
  vertical-align: top;
  border: 0;
}

ol, ul {
  list-style: none outside none;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 12px;
  font-weight: normal;
}

/* 常规样式设置 */
a {
  color: #3b5998;
  text-decoration: none;
}

a:hover {
  color: #d60000;
  text-decoration: underline;
}

.font-12 {
  font-size: 12px;
  font-weight: normal;
}

.font-12-b {
  font-size: 12px;
  font-weight: bold;
}

.font-14 {
  font-size: 14px;
  font-weight: normal;
}

.font-14-b {
  font-size: 14px;
  font-weight: bold;
}

.btn {
  display: inline-block;
  color: #fff;
}

.btn-orange {
  background-color: #f70;
  border: 1px solid #cc5f00;
  text-decoration: none;
}

.btn-orange:hover {
  background-color: #f90;
  color: #fff;
  text-decoration: none;
}

.btn-blue {
  background-color: #3b5998;
  border: 1px solid #00194d;
  text-decoration: none;
}

.btn-blue:hover {
  background-color: #5577bb;
  color: #fff;
  text-decoration: none;
}

.pb-10 {
  padding-bottom: 10px;
}

.pl-10 {
  padding-left: 10px;
}

.btn-small {
  height: 24px;
  line-height: 24px;
  padding: 0 15px;
}

.orange {
  color: #f90;
}

.red {
  color: #d60000;
}

.grey-999 {
  color: #999;
}

.fn-left {
  float: left;
}

.fn-right {
  float: right;
}

.fn-hide {
  display: none;
}

/* 引用背景图 */
.score, .score b, .mouthcont .mouth-link i {
  background: url(../images/mouth-bg.png) no-repeat;
}

/* 我的口碑列表展示 */
.mouthcont {
  width: 790px;
  line-height: 20px;
  color: #333;
}

.mouthcont .mouthcont-title {
  height: 40px;
  line-height: 40px;
  border-bottom: 1px solid #ebeef3;
  margin-bottom: 10px;
}

.mouthcont .mouth-dl {
  width: 579px;
  padding: 8px 0 0;
  /*overflow:hidden;*/
  zoom: 1;
  border-top: 1px solid #ebeef3;
}

.mouthcont .border-t-no {
  border-top: none;
}

.mouthcont .mouth-dl dt {
  width: 30px;
  height: 30px;
  float: left;
  margin: 2px 0;
}

.mouthcont .mouth-dl dd {
  margin-left: 50px;
}

.mouthcont .user-info {
  /*overflow:hidden;*/
  zoom: 1;
  margin-bottom: 10px;
  position: relative;
}

.mouthcont .user-info .info-left {
  width: 415px;
  float: left;
}

.mouthcont .user-info .info-right {
  float: right;
}

.mouthcont .user-info .info-right .tip {
  top: -10px;
  right: -160px;
}

.mouthcont .user-info .info-right .tip .tip-content {
  padding: 10px;
}

.mouthcont .user-info .info-right .tip .icon12-close {
  display: inline-block;
  margin-left: 10px;
  vertical-align: text-bottom;
}

.mouthcont .mouth-info {
  overflow: hidden;
  zoom: 1;
  margin-bottom: 10px;
}

.mouthcont .mouth-info li {
  width: 160px;
  float: left;
}

.mouthcont .start-info {
  overflow: hidden;
  zoom: 1;
  border-left: 1px solid #e2e2e2;
  border-top: 1px solid #e2e2e2;
  margin-bottom: 10px;
}

.mouthcont .start-info li {
  width: 175px;
  height: 25px;
  line-height: 24px;
  float: left;
  border-right: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
}

.mouthcont .start-info li .name {
  display: inline-block;
  width: 50px;
  padding-left: 10px;
  float: left;
}

/* start星级评分 */
.score, .score b {
  display: inline-block;
  font-size: 0;
  overflow: hidden;
}

span.score-small {
  width: 64px;
  height: 12px;
  line-height: 12px;
  background-position: 0 -20px;
  margin: 6px 5px 0 0;
  float: left;
}

span.score-small b {
  height: 12px;
  line-height: 12px;
  background-position: 0 0;
}

/* end星级评分 */
.mouthcont .add-info {
  border-left: 1px solid #ccd2e0;
  border-top: 1px solid #ccd2e0;
  line-height: 22px;
  background-color: #fafbfd;
  margin-bottom: 10px;
}

.mouthcont .add-info li {
  border-right: 1px solid #ccd2e0;
  border-bottom: 1px solid #ccd2e0;
  padding: 7px;
  overflow: hidden;
  zoom: 1;
  vertical-align: top;
}

.mouthcont .add-info li.add-double {
  padding: 0;
}

.mouthcont .add-info li .add-info-text {
  display: inline-block;
  width: 180px;
  float: left;
  border-right: 1px solid #ccd2e0;
  padding: 7px;
}

.mouthcont .add-info li .border-no {
  border: none;
}

.mouthcont .mouth-text {
  padding-top: 10px;
}

.mouthcont .mouth-pic .moudh-pic-ul {
  overflow: hidden;
  zoom: 1;
  padding-top: 5px;
}

.mouthcont .mouth-pic .moudh-pic-ul li {
  width: 130px;
  height: 102px;
  background-color: #ddd;
  float: left;
  margin: 15px 20px 0 0;
  text-align: center;
}

.mouthcont .mouth-pic .moudh-pic-ul li i {
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}

.mouthcont .mouth-pic .moudh-pic-ul li img {
  vertical-align: middle;
}

.mouthcont .mouth-more {
  padding: 10px 0;
}

.mouthcont .mouth-link {
  overflow: hidden;
  zoom: 1;
  padding-bottom: 10px;
}

.mouthcont .mouth-link .icon12 {
  display: inline-block;
  width: 12px;
  height: 12px;
  float: left;
  margin: 4px 4px 0 10px;
}

.mouthcont .mouth-link .icon12-infor {
  background-position: -76px 0;
}

.mouthcont .mouth-link .icon12-thumbs {
  background-position: -76px -19px;
}

.mouthcont .mouth-dl dd .user-cont {
  /*padding-top:10px;*/
  color: #999;
}

.mouthcont .mouth-dl dd .user-cont .user-cont-ma {
  margin: 0 30px;
}

.mouthcont .mouth-dl dd .user-cont .font-line {
  text-decoration: line-through;
}

/* 口碑弹出层 */
.layer {
  width: 365px;
  height: 160px;
  border: 1px solid #445792;
  font-size: 14px;
  box-shadow: 0 0 6px #666;
}

.layer .layer-title {
  height: 28px;
  line-height: 28px;
  padding: 0 10px;
  background-color: #8292b6;
}

.layer .layer-title .layer-title-name {
  font-weight: bold;
  color: #fff;
}

.layer .layer-title .btn-close {
  display: inline-block;
  width: 13px;
  height: 13px;
  line-height: 14px;
  line-height: 16px\9;
  border: 1px solid #fff;
  color: #fff;
  float: right;
  text-decoration: none;
  margin: 6px 0 0 0;
  font-size: 14px;
  text-align: center;
  overflow: hidden;
}

.layer .layer-cont {
  padding: 33px 0 33px 30px;
}

.layer .layer-button {
  padding: 10px;
  text-align: right;
  border-top: 1px solid #ccc;
  background-color: #f2f2f2;
  font-weight: bold;
}

.layer .layer-button .btn {
  display: inline-block;
  width: 42px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  text-decoration: none;
}

.layer .layer-button .btn-blue {
  border: 1px solid #445792;
  background-color: #8292b6;
  color: #fff;
}

.layer .layer-button .btn-blue:hover {
  background-color: #445792;
}

.layer .layer-button .btn-grey {
  border: 1px solid #999;
  background-color: #ececec;
  color: #333;
  margin-left: 10px;
}

.layer .layer-button .btn-grey:hover {
  background-color: #999;
}

/* 无内容页 */
.mouthnone {
  width: 600px;
  border: 1px solid #efefef;
  background-color: #f9f9f9;
  padding: 45px 45px 0 45px;
  line-height: 22px;
  text-align: center;
}

.mouthnone .mouthnone-text {
  color: #666;
  border-bottom: 1px dotted #cdd2e5;
  padding-bottom: 25px;
  padding-bottom: 25px;
}

.mouthnone .mouthnone-step {
  padding-top: 20px;
}

.mouthnone .mouthnone-step .btn {
  margin: 20px 0 20px 0;
}

.mouthnone .font-number {
  font-family: Arial;
  font-size: 20px;
  font-style: italic;
  font-weight: bold;
  color: #f90;
}

/* 草稿箱列表 */
.mouth-draft {
  width: 570px;
}

.mouthcont .mouthcont-dl dt {
  height: 28px;
  line-height: 28px;
  background-color: #f1faff;
  color: #545454;
  border-bottom: 1px solid #dbe5f3;
}

.mouthcont .mouthcont-dl dt .width-01 {
  width: 357px;
  float: left;
  margin-left: 10px;
  _display: inline;
}

.mouthcont .mouthcont-dl dt .width-02 {
  width: 190px;
  float: left;
  _display: inline;
}

.mouthcont .mouthcont-dl dd {
  border-bottom: 1px dotted #dadada;
  line-height: 20px;
  padding: 9px 0;
  overflow: hidden;
  zoom: 1;
}

.mouthcont .mouthcont-dl dd:hover {
  background-color: #f1faff;
}

.mouthcont .mouthcont-dl dd .width-text {
  width: 317px;
  margin-left: 10px;
  float: left;
  _display: inline;
}

.mouthcont .mouthcont-dl dd .width-text .text-delete {
  color: #999;
  text-decoration: line-through;
}

.mouthcont .mouthcont-dl dd .width-date {
  width: 122px;
  text-align: center;
  float: left;
  _display: inline;
}

.mouthcont .mouthcont-dl dd .width-link {
  width: 107px;
  text-align: right;
  float: left;
  _display: inline;
}

.mouthcont .mouthcont-dl dd .dl-add {
  width: 540px;
  background-color: #fafafa;
  color: #656565;
  margin: 5px 10px;
  line-height: 30px;
  padding: 0 5px;
  float: left;
  clear: both;
  _display: inline;
}

.mouthcont .mouthcont-dl dd .btn-link {
  float: right;
}

.mouthcont .mouthcont-dl dd .btn-del, .mouthcont .mouthcont-dl dd .btn-del:hover {
  color: #d60000;
  margin-left: 20px;
  float: right;
}

/* 口碑优化 点评送家油券 */
.mouthnone-optimize {
  margin-top: 130px;
  text-align: center;
}

.mouthnone-optimize .optimize-img {
  display: block;
  width: 276px;
  height: 189px;
  margin: 0 auto;
  background: url(../images/optimize.jpg) 0 0 no-repeat;
}

.mouthnone-optimize p {
  margin-top: 3px;
  font-size: 14px;
  color: #333;
  line-height: 21px;
}

.mouthnone-optimize p span {
  color: #f60000;
}

.mouthnone-optimize p a {
  color: #3b5998;
}

.mouthnone-optimize .btn-orange {
  height: 32px;
  margin-top: 16px;
  padding: 0 30px;
  line-height: 32px;
  font-size: 14px;
  font-weight: bold;
  border: none;
}

.check-icon {
  position: absolute;
  left: -31px;
  top: -18px;
  width: 48px;
  height: 38px;
  background: url(../images/check.png) 0 0 no-repeat;
  z-index: 100;
}

.del-koubei, .del-koubei:hover {
  color: #666;
  text-decoration: line-through;
}

.del-module-time {
  display: block;
  padding: 0 0 8px;
}

.clear {
  *float: left;
  height: 0;
  position: relative;
  clear: both;
  vertical-align: bottom;
}

/*口碑家增加推广栏*/
.koubei-ad {
  position: relative;
  width: 790px;
  height: 110px;
  margin-bottom: 30px;
}

.koubei-ad .koubei-ad-close {
  position: absolute;
  right: 4px;
  top: 6px;
  width: 18px;
  height: 18px;
  background: url(../images/koubei-ad-close.png) 0 0 no-repeat;
}

/*口碑2017-3-17 修改 添加个人中心 待修改*/
.revise-icon {
  position: absolute;
  left: -31px;
  top: -18px;
  width: 48px;
  height: 38px;
  background: url(../images/revise.png) 0 0 no-repeat;
  z-index: 100;
}

/* end  口碑2017-3-17 修改 添加个人中心 待修改*/