.diytime {
  position: absolute;
  right: 30rpx;
  top: 32rpx;
}

.nav {
  border: 1rpx solid #EF485A;
  margin: 0 50rpx;
  border-radius: 50rpx;
  color: #EF485A;
  overflow: hidden;
}

.nav .item {
  padding: 10rpx 0;
  border-left: 1rpx solid #EF485A;
}

.nav .item:first-child {
  border-left: 0;
}

.nav .item.active {
  background-color: #EF485A;
  color: #ffffff;
}

.bg-line {
  background: linear-gradient(160deg, rgb(28, 129, 243), rgb(101, 168, 245));
}

.hide-dialog {
  height: 100%;
  width: 100%;
  bottom: 0;
  left: 0;
  z-index: 19;
  background: rgba(0, 0, 0, 0.3);
  position: fixed;
}

.dialog-tips {
  width: 700rpx;
  min-height: 412rpx;
  max-height: 75vh;
  border-radius: 24rpx;
  top: 0rpx;
  left: 0rpx;
  right: 0rpx;
  bottom: 0rpx;
  margin: auto;
  position: fixed;
  background: #fff;
  z-index: 20;
}

.dialog-tips .dialog-title {
  padding: 30rpx 0;
  font-size: 32rpx;
  color: #333;
  text-align: center;
  font-weight: 500;
}

.dialog-tips .dialog-content {
  font-size: 28rpx;
  padding: 0 50rpx;
  color: #999;
}

.dialog-tips .dialog-btn {
  bottom: 30rpx;
  position: absolute;
  text-align: center;
  color: #fff;
  background: #EF485A;
  font-size: 32rpx;
  height: 72rpx;
  width: 432rpx;
  line-height: 72rpx;
  border-radius: 60rpx;
  left: 50%;
  margin-left: -216rpx;
}