.timer {
  width: 100vw;
  height: 80rpx;
  background: #0089FD;
  font-size: 28rpx;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 80rpx;
  text-align: center;
  margin-bottom: 32rpx;
}

.search {
  width: 450rpx;
  height: 76rpx;
  background: #FFFFFF;
  box-shadow: 0px 3rpx 9rpx 3rpx rgba(92, 123, 111, 0.26);
  border-radius: 12rpx;
  padding-left: 50rpx;
  color: #333;
  margin-left: 24rpx;
  margin-right: 20rpx;
}

.placeholder {
  font-size: 28rpx;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #777;
}

.create {
  width: 190rpx;
  height: 76rpx;
  line-height: 76rpx;
  background: linear-gradient(270deg, #0089FD 0%, #43A9FF 100%);
  box-shadow: 0px 4rpx 10rpx 1rpx rgba(0, 137, 253, 0.41);
  border-radius: 20rpx;
  font-size: 30rpx;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  text-align: center;
}

.avatar {
  width: 52rpx;
  height: 52rpx;
  border-radius: 50%;
}

.bar {
  width: 48rpx;
  height: calc(100vh - 80rpx);
  background: rgba(0, 137, 253, 0.07);
  position: fixed;
  top: 80rpx;
  right: 0;
  padding-top: 100rpx;
  text-align: center;
  font-size: 24rpx;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #0089FD;
  z-index: 100;
}

.bar>view {
  width: 80%;
}

.letter {
  font-size: 32rpx;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #20252E;
  margin: 24rpx 28rpx;
}

.letter-block {
  width: 674rpx;
  background: #FFFFFF;
  border-radius: 12rpx;
  padding: 32rpx 0 32rpx 32rpx;
  margin-left: 20rpx;
}

.col-1 {
  width: 200rpx;
  font-size: 28rpx;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #0089FD;
}

.col-2 {
  width: 220rpx;
  font-size: 28rpx;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #6C6C6C;
}

.col-3 {
  width: 120rpx;
  font-size: 28rpx;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #6C6C6C;
}

.col-4 {
  width: 40rpx;
}

.long-line {
  width: 620rpx;
  height: 1rpx;
  background: #D8D8D8;
  border-radius: 1rpx;
  opacity: 0.38;
  margin: 26rpx auto;
}