@charset "UTF-8";
/* 绝对定位垂直居中 */
/* 绝对定位水平居中 */
/* 绝对定位水平垂直居中 */
.trans-slide-enter[data-v-f21df6ee], .trans-slide-leave-to[data-v-f21df6ee] {
  opacity: 0;
  transform: translateX(-30px);
}
.trans-slide-leave-active[data-v-f21df6ee] {
  transition: all 0.3s cubic-bezier(1, 0.5, 0.8, 1);
}
.trans-slide-enter-active[data-v-f21df6ee] {
  transition: all .3s linear;
}
.trans-slide-right-enter[data-v-f21df6ee], .trans-slide-right-leave-to[data-v-f21df6ee] {
  opacity: 0;
  transform: translateX(30px);
}
.trans-slide-right-leave-active[data-v-f21df6ee] {
  transition: all 0.3s cubic-bezier(1, 0.5, 0.8, 1);
}
.trans-slide-right-enter-active[data-v-f21df6ee] {
  transition: all .3s linear;
}
.trans-slide-y-enter[data-v-f21df6ee], .trans-slide-y-leave-to[data-v-f21df6ee] {
  opacity: 0;
  transform: translateY(-30px);
}
.trans-slide-y-leave-active[data-v-f21df6ee] {
  transition: all 100ms cubic-bezier(1, 0.5, 0.8, 1);
}
.trans-slide-y-enter-active[data-v-f21df6ee] {
  transition: all 100ms linear;
}
.trans-slide-y-300-enter[data-v-f21df6ee], .trans-slide-y-300-leave-to[data-v-f21df6ee] {
  opacity: 0;
  transform: translateY(-30px);
}
.trans-slide-y-300-leave-active[data-v-f21df6ee] {
  transition: all 300ms cubic-bezier(1, 0.5, 0.8, 1);
}
.trans-slide-y-300-enter-active[data-v-f21df6ee] {
  transition: all 300ms linear;
}
.trans-fade-enter[data-v-f21df6ee], .trans-fade-leave-to[data-v-f21df6ee] {
  opacity: 0;
}
.trans-fade-leave-active[data-v-f21df6ee] {
  transition: all 0.3s cubic-bezier(1, 0.5, 0.8, 1);
}
.trans-fade-enter-active[data-v-f21df6ee] {
  transition: all .3s linear;
}
.trans-fade-fast-enter[data-v-f21df6ee], .trans-fade-fast-leave-to[data-v-f21df6ee] {
  opacity: 0;
}
.trans-fade-fast-leave-active[data-v-f21df6ee] {
  transition: all 0.1s cubic-bezier(1, 0.5, 0.8, 1);
}
.trans-fade-fast-enter-active[data-v-f21df6ee] {
  transition: all .1s linear;
}
.trans-bounce-enter[data-v-f21df6ee], .trans-bounce-leave-to[data-v-f21df6ee] {
  opacity: 0;
  transform: scale(0.5, 0.5);
}
.trans-bounce-leave-active[data-v-f21df6ee] {
  transition: all 0.3s cubic-bezier(1, 0.5, 0.8, 1);
}
.trans-bounce-enter-active[data-v-f21df6ee] {
  transition: all .3s linear;
}
.inputCon[data-v-f21df6ee] {
  padding: .24rem;
}
.titleCon[data-v-f21df6ee] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
  margin-bottom: .2rem;
}
.titleCon__title[data-v-f21df6ee] {
    font-size: 0.28rem;
    font-weight: 800;
    color: #222;
}
.titleCon__titleTip[data-v-f21df6ee] {
    font-size: 0.24rem;
    font-weight: 400;
    color: #666;
}
.btnGroup__btnLeft[data-v-f21df6ee] {
  width: 0.96rem;
  height: 0.64rem;
  background: linear-gradient(90deg, #FFE14D 0%, #FFC34D 100%);
  border-radius: 0.52rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
  font-size: 0.24rem;
  font-weight: 800;
  color: #222;
}
.btnGroup__btnLeft__icon[data-v-f21df6ee] {
    width: .32rem;
    height: .32rem;
    margin-right: .06rem;
}
.btnGroup__btnRight__btn[data-v-f21df6ee] {
  font-size: 0.32rem;
  font-weight: 800;
  color: #666;
  margin-left: .24rem;
}
.btnGroup__btnRight__btn--green[data-v-f21df6ee] {
    color: #FF6A00;
}
.textAreaCon[data-v-f21df6ee] {
  background-color: rgba(255, 204, 51, 0.1);
  border-radius: 0.2rem;
  padding: .24rem;
  display: flex;
  flex-direction: column;
}
.textAreaCon__textArea[data-v-f21df6ee] {
    font-size: 0.24rem;
    font-weight: 400;
    color: #222;
    border: 0;
    width: 100%;
    outline: none;
    resize: none;
    background-color: transparent;
    line-height: 0.36rem;
    padding: 0;
    margin: 0;
}
.textAreaCon__len[data-v-f21df6ee] {
    text-align: right;
    font-size: 0.24rem;
    font-weight: 400;
    color: #666;
}
.textAreaCon__len__black[data-v-f21df6ee] {
      color: #222;
}
.input-tip[data-v-f21df6ee] {
  padding-top: 0.16rem;
  font-size: 0.24rem;
  font-weight: 400;
  color: #666;
}
.btnGroupReply[data-v-f21df6ee] {
  display: flex;
  align-items: center;
}
.btnGroupReply__del[data-v-f21df6ee] {
    height: 0.56rem;
    padding: 0 .24rem;
    border: 1px solid #FF192D;
    border-radius: 0.52rem;
    font-size: 0.24rem;
    font-weight: 800;
    color: #FF192D;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: .08rem;
}
.btnGroupReply__edit[data-v-f21df6ee] {
    height: 0.56rem;
    background: linear-gradient(90deg, #FFE14D 0%, #FFC34D 100%);
    padding: 0 .24rem;
    font-size: 0.24rem;
    font-weight: 800;
    color: #222222;
    border-radius: 0.52rem;
    display: flex;
    align-items: center;
    justify-content: center;
}