.main {
  float: left;
  width: 100%;
  height: 100%;
  background-color: #f6f6f6;
}

.main .one {
  position: fixed;
  z-index: 9999;
  width: 100%;
  height: 80rpx;
  line-height: 80rpx;
  background-color: #409eff;
  color: #ffffff;
  text-align: center;
}

.main .two {
  position: absolute;
  top: 80rpx;
  width: 94%;
  padding: 20rpx;
  background-color: #f6f6f6;
}

.main .two .list {
  float: left;
  width: 98%;
  background-color: #ffffff;
  padding: 20rpx 10rpx;
  margin: 0 0 15rpx 0;
  border-radius: 10rpx;
}

.main .two .list .name {
  float: left;
  width: 18%;
}

.main .two .list .name text {
  float: left;
  background-color: red;
  border-radius: 360rpx;
  width: 100rpx;
  height: 100rpx;
  text-align: center;
  line-height: 100rpx;
  font-size: 40rpx;
  font-weight: bold;
  color: #fff;
}

.main .two .list .message {
  float: left;
  width: 82%;
}

.main .two .list .message .messageTop {
  float: left;
  width: 100%;
}

.main .two .list .message .messageTop text:nth-child(1) {
  font-weight: bold;
  margin: 0 20rpx 0 0;
}

.main .two .list .message .messageTop text:nth-child(2) {
  border: 1px solid #ff0000;
  color: #ff0000;
  padding: 0 10rpx;
  border-radius: 10rpx;
  font-size: 30rpx;
}

.main .two .list .message .messageDown {
  float: left;
  width: 100%;
  font-size: 30rpx;
  color: #666;
  margin: 20rpx 0 0 0;
}