/* packageE/appointment/technician/work_day/TechnicianTime.wxss */
#work_time {
  background: #fff;
}

.popTime {
  width: 580rpx;
  min-height: 554.016rpx;
  border-radius: 30rpx;
}

.popTime .time_title {
  font-size: 18px;
  font-weight: bold;
  color: #000;
  padding-top: 48rpx;
  text-align: center;
}

.popTime .tips {
  color: #ccc;
  margin: 16rpx;
  text-align: center;
}

.popTime .time {
  width: 434.016rpx;
  height: 70.016rpx;
  line-height: 70.016rpx;
  font-size: 16px;
  background-color: #fff2e6;
  border-radius: 35.008rpx;
  color: #f4a82e;
  margin: 96rpx auto;
}

.popTime .button {
  display: flex;
  color: #fff;
  margin-bottom: 32rpx;
  text-align: center;
}

.popTime .cancle {
  width: 200rpx;
  height: 60rpx;
  line-height: 60rpx;
  background-color: #ccc;
  border-radius: 30.016rpx;
  flex: 1;
  margin: 0 32rpx;
}

.popTime .submit {
  width: 200rpx;
  height: 60rpx;
  line-height: 60rpx;
  background-color: #f4a82e;
  border-radius: 30.016rpx;
  flex: 1;
  margin: 0 32rpx;
}

.popTime .pop-time-box {
  display: flex;
  flex-wrap: wrap;
  margin: 32rpx auto;
  max-height: 416rpx;
  overflow-y: scroll;
}

.popTime .pop-time-box .time {
  position: relative;
  width: 250.016rpx;
  height: 70.016rpx;
  line-height: 70.016rpx;
  font-size: 16px;
  background-color: #fff2e6;
  border-radius: 35.008rpx;
  color: #f4a82e;
  margin: 32rpx 16rpx;
  text-align: center;
}

.popTime .pop-time-box .close {
  position: absolute;
  right: -5.0016rpx;
  top: -5.0016rpx;
  width: 32rpx;
  height: 32rpx;
  line-height: 32rpx;
  background-color: #f4a82e;
  color: #fff;
  border-radius: 50%;
}

.popTime .pop-time-box::-webkit-scrollbar {
  display: none;
}

#work_time .main {
  padding: 32rpx;
  text-align: left;
}

#work_time .items {
  margin-bottom: 32rpx;
}

#work_time .items .title {
  font-weight: bold;
  font-size: 15.0016px;
}

#work_time .gray {
  display: flex;
  background-color: #f7f7f7;
  border-radius: 5.0016rpx;
  padding: 16rpx;
  margin-top: 22.4rpx;
}

#work_time .times {
  flex-wrap: wrap;
}

#work_time .times .span {
  margin-right: 25.6rpx;
}

#work_time .title-box {
  display: flex;
}

#work_time .title-box .title {
  flex: 1;
  line-height: 54.4rpx;
}

#work_time .title-box .p {
  align-self: center;
}

#work_time .rest {
  background-color: #8c96f8;
  border-radius: 10rpx;
  color: #fff;
  padding: 6.4rpx 25.6rpx;
  font-size: 12px;
}

#work_time .add {
  background-color: #f4a82e;
  border-radius: 10rpx;
  color: #fff;
  padding: 6.4rpx 25.6rpx;
  font-size: 12px;
}

#work_time .mr {
  margin-right: 16rpx;
}

#work_time .time-item {
  display: flex;
  margin-top: 16rpx;
  padding: 32rpx 16rpx;
  box-shadow: 0rpx 0rpx 9.0016rpx 0rpx rgba(169, 169, 169, 0.24);
  border-radius: 3.0016rpx;
}

#work_time .left {
  flex: 1;
}

#work_time .right {
  display: flex;
}

#work_time .edit {
  background-color: #ccc;
  border-radius: 10rpx;
  color: #fff;
  padding: 6.4rpx 25.6rpx;
  font-size: 12px;
}

#work_time .store_list {
  width: 512rpx;
  max-height: 672rpx;
  overflow-y: scroll;
  margin: 16rpx;
}

#work_time .store_list .li {
  text-align: left;
  display: flex;
  padding: 18.88rpx 37.12rpx 20.16rpx 20.16rpx;
  border-bottom: 1.0016rpx solid #f2f2f7;
}
