@charset "UTF-8";
/**
 * 下方引入的为Tuniao UI的集成样式文件，为scss预处理器，其中包含了一些"tn-"开头的自定义变量
 * 使用的时候，请将下面的一行复制到您的uniapp项目根目录的uni.scss中即可
 * Tuniao UI自定义的css类名和scss变量，均以"tn-"开头，不会造成冲突，请放心使用 
 */
.page.data-v-57280228 {
  background-color: #F4F4F4;
  height: 100vh;
}
.page.data-v-57280228 .tn-list-view {
  background-color: transparent;
}
.page.data-v-57280228 .tn-list-cell {
  margin: 30rpx;
  width: calc(100% - 60rpx);
}
.page .page-top-bg.data-v-57280228 {
  height: 350rpx;
}
.page .page-top-bg image.data-v-57280228 {
  width: 100%;
  height: 100%;
}
.page .page-top-bg .title.data-v-57280228 {
  text-align: center;
  position: absolute;
  top: 18%;
  width: 100%;
  color: #fff;
  font-size: 20px;
}
.page .page-items.data-v-57280228 {
  position: absolute;
  top: 25%;
  width: 100vw;
}
.page .page-items .item-img.data-v-57280228 {
  height: 150rpx;
  width: 130rpx;
}
.page .page-items .item-icon.data-v-57280228 {
  color: #fff;
  width: 120rpx;
  font-size: 80rpx;
  height: 140rpx;
  padding-top: 30rpx;
  border-radius: 20rpx;
}
.page .message.data-v-57280228 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
}
.page .message__left.data-v-57280228 {
  width: 20%;
}
.page .message__middle.data-v-57280228 {
  width: 75%;
  padding-left: 50rpx;
}
.page .message__right.data-v-57280228 {
  width: 5%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.page .message__name.data-v-57280228 {
  font-size: 32rpx;
  margin-bottom: 8rpx;
}
.page .message__content.data-v-57280228 {
  font-size: 26rpx;
  color: #838383;
}
.page .message__tips__icon.data-v-57280228 {
  font-size: 36rpx;
  color: #AAAAAA;
}

