.message_tip{font-size: 16px;color: #333;text-align: center;padding-left: 62px;}
.message_item{margin: 20px 0; position: relative;}
.message_item.agreement ,.message_item.submit{text-align: center;}
.message_item.agreement span{font-size: 13px;margin-left: 5px;}
.message_item input{padding-left: 10px;width: 300px;height: 30px;border: 1px solid #ccc;border-radius: 5px;}
input.submit-msg {padding: 0;width: 130px;height: 36px;line-height: 36px;color: #333;font-size: 13px;border: 1px solid #eee;margin-right: 44px;background-image: linear-gradient(to bottom, #fff, #e6e6e6);cursor: pointer;}
.message_item textarea {width: 300px;height: 175px;vertical-align: top;border: 1px solid #ccc;border-radius: 5px;resize: none;padding: 10px;outline: none;}
.message_item textarea::placeholder,.message_item input::placeholder{color: #999;font-size: 13px;}
.message_item label{display: inline-block;width: 318px;text-align: right;margin-right: 20px;font-size: 16px;color: #333;}
.message_item label::before{content: '*';color: red;}
.agreement.message_item label{ margin-left: 54px;width: 144px;margin-right: 0;}
.agreement label::before,.username label::before,.yxcs label::before{color: transparent;}
input[type="checkbox"] {width: 15px;height: 21px;}
span.agreement-link {color: #169BD5;font-size: 13px;cursor: pointer;}
input#msgcode {width: 210px;margin-right: 8px;}
button.get-code {width: 79px;height: 30px;line-height: 30px;vertical-align: middle;border-radius: 5px;background-color: #169bd5;color: #fff;}
button.get-code.send{background-color: #ccc;color: #333;}
.error-msg-item {position: absolute;top: 5px;left: 650px;color: red;font-size: 14px;}
.message_list{width: 828px;border-radius: 5px;overflow: hidden;font-size: 0;margin: 0 auto;text-align: center; position: relative;border: 1px solid #cdcdcd;}
.message_list_item{width: 828px;height: 40px;line-height: 40px;background-color: #f2f2f2;}
.message_list_item_move{background-color: transparent;}
/* .content_1 .message_list_item:nth-of-type(2n+1),.content_2 .message_list_item:nth-of-type(2n){background-color: #f8f8f8;}
.content_1 .message_list_item:nth-of-type(2n),.content_2 .message_list_item:nth-of-type(2n+1){background-color: #f2f2f2;} */
.message_list_item span{display: inline-block; width: 165px;font-size: 14px;color: #333;}
.message_list_item_move span,.message_list_item span{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: inline-block;padding: 0 20px;}
.message_list_bgc{height: 40px;width: 860px;position: absolute;}
.message_list_bgc:nth-of-type(2){top: 40px;background-color: #f8f8f8;}
.message_list_bgc:nth-of-type(3){top: 80px;background-color: #f2f2f2;}
.message_list_bgc:nth-of-type(4){top: 120px;background-color: #f8f8f8;}
.main_content_message{position: relative;}
.layui-layer-dialog{position: absolute;top: 200px;left: 50%;transform: translateX(-50%);}
.layui-layer-title{cursor: auto;}
.layui-layer-btn .layui-layer-btn0{font-size: 12px;}
.comment_login{ margin-left:auto; margin-right:auto;color:#666;line-height:22px;padding-bottom:15px;height:auto;overflow:auto}
.comment_login .left{ text-align:center; float:none!important;}
.comment_login .login_test{border:1px solid #ddd;height:26px;line-height:24px;width:85px;#vertical-align:-5px}

/* ========== 店铺留言板：评论列表（主题色见 reset.css :root） ========== */
.ma-store-comment-wrap{font-size: 14px;color: #333;}

.ma-store-comment-tabs{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
  margin: 0 auto 20px;
  max-width: 860px;
}
.ma-store-comment-tabs__a{
  display: inline-block;
  padding: 8px 20px;
  font-size: 14px;
  color: #333;
  text-decoration: none;
  border: 1px solid #d4c4b5;
  border-radius: 6px;
  background: #fff;
  transition: background .15s, color .15s, border-color .15s;
}
.ma-store-comment-tabs__a:hover{
  border-color: var(--private-comment-tab-hover-border);
  color: var(--private-comment-tab-hover-color);
}
.ma-store-comment-tabs__a.is-current{
  background: var(--private-comment-tab-current-bg);
  border-color: var(--private-comment-tab-current-border);
  color: #fff;
}

.ma-store-comment-empty{
  text-align: center;
  padding: 36px 20px;
  margin: 0 auto 28px;
  max-width: 860px;
  background: #fafafa;
  border: 1px dashed #ccc;
  border-radius: 8px;
  color: #666;
}
.ma-store-comment-empty__title{font-size: 16px;font-weight: bold;color: #333;margin: 0 0 8px;}
.ma-store-comment-empty__sub{font-size: 13px;margin: 0;line-height: 1.6;}

.ma-store-comment-list{
  list-style: none;
  margin: 0 auto 8px;
  padding: 0;
  max-width: 860px;
}
.ma-store-comment-card{
  margin-bottom: 14px;
  border: 1px solid #e8dfd4;
  border-radius: 8px;
  background: #fff;
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(0,0,0,.05);
}
.ma-store-comment-card__main{
  display: flex;
  gap: 14px;
  padding: 16px 18px;
  align-items: flex-start;
}
.ma-store-comment-card__avatar{
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  overflow: hidden;
  border: 2px solid #f1eae4;
  background: #f5f5f5;
}
.ma-store-comment-card__avatar img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.ma-store-comment-card__body{flex: 1;min-width:0;}
.ma-store-comment-card__head{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
  margin-bottom: 10px;
}
.ma-store-comment-card__name{
  font-size: 15px;
  font-weight: bold;
  color: #222;
}
.ma-store-comment-card__name a{color: #222;text-decoration: none;}
.ma-store-comment-card__name a:hover{color: #D42828;}
.ma-store-comment-card__time{
  margin-left: auto;
  font-size: 12px;
  color: #999;
}
.ma-store-comment-card__badge{
  display: inline-block;
  padding: 2px 8px;
  font-size: 12px;
  border-radius: 4px;
  font-weight: normal;
}
.ma-store-comment-card__badge--hao{background: #fff1eb;color: #c2410c;border: 1px solid #fed7aa;}
.ma-store-comment-card__badge--zhong{background: #fefce8;color: #a16207;border: 1px solid #fde047;}
.ma-store-comment-card__badge--cha{background: #f5f5f4;color: #57534e;border: 1px solid #d6d3d1;}

.ma-store-comment-card__content{
  font-size: 14px;
  line-height: 1.65;
  color: #444;
  word-break: break-word;
}

.ma-store-comment-card__reply{
  margin-top: 14px;
  padding: 12px 14px;
  background: #faf7f4;
  border-left: 3px solid #D42828;
  border-radius: 0 6px 6px 0;
}
.ma-store-comment-card__reply-label{
  font-size: 12px;
  font-weight: bold;
  color: #D42828;
  margin-bottom: 6px;
}
.ma-store-comment-card__reply-text{
  font-size: 13px;
  line-height: 1.6;
  color: #555;
  word-break: break-word;
}
.ma-store-comment-card__reply-time{
  margin-top: 8px;
  font-size: 12px;
  color: #999;
}

.ma-store-comment-pagination.pagination{
  max-width: 860px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 28px;
}

.ma-store-comment-form-block{
  margin-top: 8px;
  padding-top: 24px;
  border-top: 1px dashed #ccc;
  max-width: 860px;
  margin-left: auto;
  margin-right: auto;
}
.ma-store-comment-form-block__title{
  font-size: 16px;
  font-weight: bold;
  color: var(--private-comment-form-title-color);
  text-align: center;
  margin-bottom: 12px;
}

/* 发表留言：好评 / 中评 / 差评（与「称呼/留言」同一列宽；覆盖全局 .message_item label 对子项 label 的 318px 与 *） */
.ma-store-comment-form-block .message_item{
  font-size: 16px;
}
.ma-store-comment-wrap .message_item.ma-store-comment-rating{
  display: block;
  white-space: nowrap;
}
.ma-store-comment-wrap .ma-store-comment-rating__mainlabel{
  display: inline-block;
  width: 318px;
  box-sizing: border-box;
  text-align: right;
  margin-right: 20px;
  font-size: 16px;
  color: #333;
  vertical-align: top;
  line-height: 30px;
  white-space: normal;
}
.ma-store-comment-wrap .ma-store-comment-rating__mainlabel::before{
  content: '*';
  color: red;
}
.ma-store-comment-wrap .ma-store-comment-rating__opts{
  display: inline-block;
  vertical-align: top;
  width: 300px;
  max-width: calc(100% - 340px);
  line-height: 30px;
  white-space: normal;
  font-size: 15px;
}
.ma-store-comment-wrap .message_item.ma-store-comment-rating label.ma-store-comment-rating__opt{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  width: auto !important;
  min-width: 0;
  max-width: none;
  text-align: left !important;
  margin: 0 22px 0 0;
  padding: 0;
  font-weight: normal;
  font-size: 15px;
  color: #333;
  cursor: pointer;
  vertical-align: middle;
}
.ma-store-comment-wrap .message_item.ma-store-comment-rating label.ma-store-comment-rating__opt:last-of-type{
  margin-right: 0;
}
.ma-store-comment-wrap .message_item.ma-store-comment-rating label.ma-store-comment-rating__opt::before{
  content: none !important;
}
.ma-store-comment-wrap .message_item.ma-store-comment-rating label.ma-store-comment-rating__opt input[type="radio"]{
  width: auto !important;
  height: auto;
  min-height: 16px;
  margin: 0;
  padding: 0;
  vertical-align: middle;
  cursor: pointer;
  flex-shrink: 0;
}
@media (max-width: 900px){
  .ma-store-comment-wrap .message_item.ma-store-comment-rating{
    white-space: normal;
  }
  .ma-store-comment-wrap .ma-store-comment-rating__mainlabel{
    display: block;
    width: 100%;
    text-align: left;
    margin-right: 0;
    margin-bottom: 10px;
    line-height: 1.4;
  }
  .ma-store-comment-wrap .ma-store-comment-rating__opts{
    display: block;
    width: 100%;
    max-width: none;
  }
  .ma-store-comment-wrap .message_item.ma-store-comment-rating label.ma-store-comment-rating__opt{
    margin-right: 16px;
    margin-bottom: 8px;
  }
}