.detailhead {
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding: 20rpx 69rpx;
  box-sizing: border-box;
  border-bottom: 1rpx solid #f5f5f5;
}

.detailname {
  color: #999;
  font-size: 28rpx;
}

.selactive {
  position: relative;
}

.selactive::after {
  display: block;
  content: '';
  width: 60rpx;
 
  border: 1rpx solid #ff9400;
  position: absolute;
  left: 50%;
  right: 50%;
  transform: translate(-50%);
  bottom: -20rpx;
}

.date {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 70rpx;
  background: #f3f5f8;
  padding: 0 31rpx;
  box-sizing: border-box;
}

.dateleft {
  width: 23rpx;
  height: 23rpx;
  font-size: 0;
  transform: rotate(180deg);
}

.dateright {
  width: 23rpx;
  height: 23rpx;
  font-size: 0;
}

.datetime {
  display: flex;
  align-items: center;
}

.datepic {
  width: 16rpx;
  height: 16rpx;
  font-size: 0;
  transform: rotate(90deg);
  margin-left: 12rpx;
}

.datesel {
  color: #666;
  font-size: 28rpx;
}

.shebeinum {
  color: #333;
  font-size: 32rpx;
  font-weight: bold;
  padding: 40rpx 0 0 30rpx;
  box-sizing: border-box;
  border-top: 1rpx solid #f5f5f5;
  position: relative;
}

.she {
  margin-left: 18rpx;
}

.she::before {
  content: '';
  display: block;
  width: 8rpx;
  height: 33rpx;
  background: #ff9400;
  position: absolute;
  top: 47rpx;
  left: 30rpx;
}

.containerzhe {
  width: 750rpx;
  height: 500rpx;
}

.datetime {
  color: #333;
  font-size: 28rpx;
  display: flex;
  justify-content: center;
}

.timewrap {
  background: #fff;
  /* height: 700rpx; */
  padding-bottom: 40rpx;
  box-sizing: border-box
}

.timetwo {
  display: flex;
  align-items: center;
  padding: 60rpx 100rpx 50rpx;
  box-sizing: border-box;
  justify-content: space-between;
}

.timebetin {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.timetop {
  color: #999;
  font-size: 26rpx;
}

.timebottom {
  color: #999;
  font-size: 30rpx;
  margin-top: 10rpx;
}

.seltimeactive {
  color: #ff9400;
}

.selnameactive {
  color: #333;
}

.timebox {
  width: 580rpx;
  height: 308rpx;
  overflow-y: scroll;
  margin: 0 auto;
}

.timeboxitem {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 30rpx 78rpx;
  box-sizing: border-box;
  background: #f9f8fe;
  color: #999;
  font-size: 28rpx;
  border-bottom: 1rpx solid #f5f5f5;
}

.shihead {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100rpx;
  padding: 0 28rpx;
  border-bottom: 1rpx solid #f5f5f5;
}

.headitem {
  color: #666;
  font-size: 28rpx;
  text-align: left;
}

.shuiitem {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 34rpx 28rpx;
  box-sizing: border-box;
  border-bottom: 1rpx solid #f5f5f5;
}

.shuiitemleft {
  color: #333;
  font-size: 24rpx;
  text-align: left;
}

.shijian {
  width: 60rpx;
}

.shexiang {
  width: 196rpx;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.derition {
  width: 56rpx;
}

.qudingdate {
  width: 260rpx;
  height: 80rpx;
  background: rgba(255, 148, 0, 1);
  opacity: 1;
  border-radius: 10rpx;
  color:#fff;
  font-size: 30rpx;
  text-align: center;
  line-height: 80rpx;
  margin:8rpx auto 0;

}