@charset "UTF-8";
/* 绝对定位垂直居中 */
/* 绝对定位水平居中 */
/* 绝对定位水平垂直居中 */
.trans-slide-enter[data-v-0bbb3de2], .trans-slide-leave-to[data-v-0bbb3de2] {
  opacity: 0;
  transform: translateX(-30px);
}
.trans-slide-leave-active[data-v-0bbb3de2] {
  transition: all 0.3s cubic-bezier(1, 0.5, 0.8, 1);
}
.trans-slide-enter-active[data-v-0bbb3de2] {
  transition: all .3s linear;
}
.trans-slide-right-enter[data-v-0bbb3de2], .trans-slide-right-leave-to[data-v-0bbb3de2] {
  opacity: 0;
  transform: translateX(30px);
}
.trans-slide-right-leave-active[data-v-0bbb3de2] {
  transition: all 0.3s cubic-bezier(1, 0.5, 0.8, 1);
}
.trans-slide-right-enter-active[data-v-0bbb3de2] {
  transition: all .3s linear;
}
.trans-slide-y-enter[data-v-0bbb3de2], .trans-slide-y-leave-to[data-v-0bbb3de2] {
  opacity: 0;
  transform: translateY(-30px);
}
.trans-slide-y-leave-active[data-v-0bbb3de2] {
  transition: all 100ms cubic-bezier(1, 0.5, 0.8, 1);
}
.trans-slide-y-enter-active[data-v-0bbb3de2] {
  transition: all 100ms linear;
}
.trans-slide-y-300-enter[data-v-0bbb3de2], .trans-slide-y-300-leave-to[data-v-0bbb3de2] {
  opacity: 0;
  transform: translateY(-30px);
}
.trans-slide-y-300-leave-active[data-v-0bbb3de2] {
  transition: all 300ms cubic-bezier(1, 0.5, 0.8, 1);
}
.trans-slide-y-300-enter-active[data-v-0bbb3de2] {
  transition: all 300ms linear;
}
.trans-fade-enter[data-v-0bbb3de2], .trans-fade-leave-to[data-v-0bbb3de2] {
  opacity: 0;
}
.trans-fade-leave-active[data-v-0bbb3de2] {
  transition: all 0.3s cubic-bezier(1, 0.5, 0.8, 1);
}
.trans-fade-enter-active[data-v-0bbb3de2] {
  transition: all .3s linear;
}
.trans-fade-fast-enter[data-v-0bbb3de2], .trans-fade-fast-leave-to[data-v-0bbb3de2] {
  opacity: 0;
}
.trans-fade-fast-leave-active[data-v-0bbb3de2] {
  transition: all 0.1s cubic-bezier(1, 0.5, 0.8, 1);
}
.trans-fade-fast-enter-active[data-v-0bbb3de2] {
  transition: all .1s linear;
}
.trans-bounce-enter[data-v-0bbb3de2], .trans-bounce-leave-to[data-v-0bbb3de2] {
  opacity: 0;
  transform: scale(0.5, 0.5);
}
.trans-bounce-leave-active[data-v-0bbb3de2] {
  transition: all 0.3s cubic-bezier(1, 0.5, 0.8, 1);
}
.trans-bounce-enter-active[data-v-0bbb3de2] {
  transition: all .3s linear;
}
.messageDetail[data-v-0bbb3de2] {
  background: #F5F6FA;
  box-sizing: border-box;
  padding-bottom: 0;
  min-height: 100vh;
}
@supports (min-height: env(safe-area-inset-bottom)) {
.messageDetail[data-v-0bbb3de2] {
      min-height: calc(100vh - env(safe-area-inset-bottom));
}
}
@supports (min-height: constant(safe-area-inset-bottom)) {
.messageDetail[data-v-0bbb3de2] {
      min-height: calc(100vh - constant(safe-area-inset-bottom));
}
}
.messCon[data-v-0bbb3de2] {
  padding: .32rem .24rem 1rem .24rem;
  background: #FFFFFF;
}
.messCon__title[data-v-0bbb3de2] {
    font-size: 0.32rem;
    color: #222;
    font-weight: 800;
}
.messCon__time[data-v-0bbb3de2] {
    margin-top: .08rem;
    padding-bottom: .24rem;
    font-size: 0.24rem;
    color: #666;
    font-weight: 400;
    position: relative;
}
.messCon__time[data-v-0bbb3de2]::after {
      content: " ";
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      height: 1px;
      background-color: #EEEEEE;
      transform: scaleY(0.5);
}
.messDetailCon[data-v-0bbb3de2] {
  margin-top: .24rem;
}
.messDetailCon__content[data-v-0bbb3de2] {
    line-height: .4rem;
    font-size: 0.28rem;
    color: #222;
    font-weight: 400;
}
.messDetailCon__content--green[data-v-0bbb3de2] {
      color: #00BF7F;
}
.messDetailCon__content--red[data-v-0bbb3de2] {
      color: #FF192D;
}
.messDetailCon__link[data-v-0bbb3de2] {
    font-size: 0.28rem;
    color: #222;
    font-weight: 400;
}