/* 容器 */
.comment-container{
  background-color: #2D2A49;
  width: 560px;
  height: 240px;
}
/* 容器 */

/* 关闭按钮 */
.comment-icon{
  right: 15px;
  top: 8px;
}
.comment-icon-target{
  font-size: 16px;
  line-height: 20px;
}
/* 关闭按钮 */

/* 介绍 */
.comment-introduce{
  width: 150px;
  padding: 0 10px;
  height: 100%;
  border-right: 1px solid rgba(255,255,255,0.2);
}
.comment-introduce-icon{
  @include square(52px);
}
.comment-introduce-title{
  font-size: 20px;
  line-height: 26px;
  color: #fff;
  margin-top: 15px;
  font-weight: 500;
  text-align: center;
}
.comment-introduce-price{
  color: #FF9023;
  font-size: 18px;
  line-height: 30px;
  font-weight: 400;
  margin-top: 10px;
}
.comment-price{
  font-weight: bold;
  font-size: 30px;
  margin: 0 3px;
  position: relative;
  top: 1px;
}
/* 介绍 */

/* 内容 */
.comment-input{
  padding: 30px 30px 20px;
}
.comment-input-item{
  margin-bottom: 15px;
}
.comment-input-label{
  font-size: 16px;
  color: #fff;
  line-height: 20px;
  font-weight: 400;
  width: 90px;
  margin-top: 9px;
}
.comment-input-content{
  height: 96px;
  border: 1px solid rgba(255,255,255,0.2);
  padding: 8px;
}
.comment-input-content textarea{
  width: 100%;
  height: 100%;
  resize: none;
  font-size: 14px;
  line-height: 20px;
  color: #fff;
}
.comment-input-content textarea::placeholder{
  color: rgba(255,255,255,0.5);
}
.comment-rate::v-deep .ant-rate-star>div{
  transform: scale(1) !important;
}
.comment-rate::v-deep .ant-rate-star{
  margin-right: 2px !important;
}
.comment-rate::v-deep .ant-rate-star path{
  fill: #BDBDBD;
}
.comment-rate::v-deep .ant-rate-star-full path{
  fill: #FF6028;
}
/* 内容 */
/* 按钮 */
.comment-button{
  width: 110px;
  height: 36px;
  margin-top: 10px;
}
/* 按钮 */
