body {
  color: #777;
  font-family: "微软雅黑", Helvetica, Arial, sans-serif;
  position: relative;
  max-width: 750px;
  margin: 0 auto;
  display: block;
  overflow-x: hidden;
  font-size: 0.61333333rem;
  background-color: #efefef;
}
.comment-p {
  background-color: #efefef;
}
.commentList {
  width: 19.2rem;
  margin-left: 0.4rem;
}
.commentList .commentInfo {
  background-color: #FFFFFF;
  padding: 0.26666667rem;
  margin-top: 0.26666667rem;
}
.commentList .commentInfo .userInfo {
  color: #777777;
}
.commentList .commentInfo .userInfo .leftBox {
  max-width: 60%;
}
.commentList .commentInfo .userInfo .rightBox {
  margin-top: 0.85333333rem;
}
.commentList .commentInfo .userInfo .userHead {
  min-height: 2.42666667rem;
  min-width: 2.48rem;
}
.commentList .commentInfo .userInfo .userHead img {
  width: 2.48rem;
  height: 2.42666667rem;
  border-radius: 50%;
}
.commentList .commentInfo .userInfo .userName {
  margin-left: 0.26666667rem;
}
.commentList .commentInfo .userInfo .userName .name {
  font-size: 0.8rem;
  color: #000;
  margin-bottom: 0.16rem;
}
.commentList .commentInfo .userInfo .userName .phone {
  color: #CCCCCC;
}
.commentList .commentInfo .userInfo .stars i {
  width: 16px;
  height: 16px;
  margin-right: 2px;
  background-image: url(../images/icon/star.png);
  background-repeat: no-repeat;
  background-size: 100%;
  display: block;
}
.commentList .commentInfo .userInfo .stars i.gray {
  background-image: url(../images/icon/grayStar.png);
}
.commentList .commentInfo .userInfo .stars i.no {
  background-image: none;
}
.commentList .commentInfo .userInfo .record {
  font-size: 0.71653333rem;
  text-align: center;
  margin-left: 0.26666667rem;
  min-width: 1.86666667rem;
}
.commentList .commentInfo .commentText {
  margin-top: 8px;
  line-height: 22px;
  word-break: break-all;
}
.commentList .commentInfo .commentTime {
  padding-right: 3px;
  color: #dadada;
  text-align: right;
}
.commentList .commentInfo .Hairstyle-imgBox {
  align-content: center;
  padding: 0.48rem 0;
  overflow: hidden;
}
.commentList .commentInfo .Hairstyle-imgBox .singleItem {
  width: 5.78666667rem;
  height: 5.84rem;
  margin: 0.13333333rem;
  float: left;
  border: 1px solid #f7f7f7;
  background-size: 100% auto;
  background-position: center center;
  background-repeat: no-repeat;
}
.commentList .commentInfo .Hairstyle-imgBox .singleItem > div {
  width: 4.4rem;
}
.commentList .commentTip,
.commentList .tipMsg {
  text-align: center;
}
.commentList .commentTip img,
.commentList .tipMsg img {
  margin-top: 20%;
  margin-bottom: 0.26666667rem;
  width: 50%;
}