.btn-box {
  display: flex;
  justify-content: space-between;
  font-size: 30rpx;
  height: 80rpx;
  line-height: 80rpx;
  padding: 0 40rpx;
  font-weight: 600;
}
.commons-time-box {
  display: flex;
  height: 50rpx;
  line-height: 50rpx;
  font-size: 24rpx;
  margin: 30rpx 30rpx;
  border: 1px solid #dcdcdc;
  border-radius: 8rpx;
}
.commons-time-box .modal-select-box {
  width: 16.66%;
  text-align: center;
}
.commons-time-box .time-box {
  width: 15%;
  text-align: center;
}
.commons-time-box .time-box-icon {
  width: 10%;
}
.commons-time-box .time-box.active {
  background-color: #487CFF;
  color: #fff;
}
.commons-time-box .active {
  background-color: #487CFF;
  color: #fff;
}
.commons-time-box .active text {
  color: #fff !important;
}