.goods-list-box[data-v-8ab17850] {
  width: 100%;
}
.goods-list-box .goods-list-item[data-v-8ab17850] {
  padding: 15px 0;
  border-bottom: 1px solid #eee;
}
.appointment-change[data-v-8ab17850] {
  font-size: 14px;
}
.appointment-change .color-tip[data-v-8ab17850] {
  text-align: right;
}
.appointment-change .color-tip .item[data-v-8ab17850] {
  width: 460px;
  margin: 0 20px 10px 20px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.appointment-change .color-tip .color[data-v-8ab17850] {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  margin-right: 5px;
}
.appointment-change .color-tip .color1[data-v-8ab17850] {
  background: var(--color-primary);
}
.appointment-change .el-select[data-v-8ab17850] {
  width: 100%;
}
.appointment-change .item[data-v-8ab17850] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 500px;
  margin-bottom: 20px;
}
.appointment-change .item .label[data-v-8ab17850] {
  font-weight: bold;
  color: #222;
  margin-right: 10px;
  width: 80px;
}
.appointment-change .item .value[data-v-8ab17850] {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.appointment-change[data-v-8ab17850] .el-calendar {
  width: 500px;
}
.appointment-change[data-v-8ab17850] .el-calendar .data-td {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}
.appointment-change[data-v-8ab17850] .el-calendar .data-td .text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 50%;
  width: 22px;
  height: 22px;
}
.appointment-change[data-v-8ab17850] .el-calendar .prev,
.appointment-change[data-v-8ab17850] .el-calendar .next {
  background-color: #fff !important;
  color: #ddd !important;
}
.appointment-change[data-v-8ab17850] .el-calendar .el-calendar-day:hover {
  cursor: default;
}
.appointment-change[data-v-8ab17850] .el-calendar td.is-selected {
  background-color: #fff;
}
.appointment-change[data-v-8ab17850] .el-calendar td.current .el-calendar-day {
  padding: 0;
}
.appointment-change[data-v-8ab17850] .el-calendar td.current .check-text {
  color: #fff;
  background-color: var(--color-primary);
  width: 100%;
  height: 100%;
  border-radius: 0;
}
.appointment-change[data-v-8ab17850] .el-calendar td.current .text {
  background-color: #eee;
}
.appointment-change[data-v-8ab17850] .el-calendar td.current .no-select {
  cursor: default;
  background-color: #fff !important;
  color: #ddd !important;
}
.appointment-change[data-v-8ab17850] .el-calendar td.current .can-select {
  cursor: pointer;
  color: #fff;
  background-color: var(--color-primary);
}
.appointment-change[data-v-8ab17850] .el-calendar .el-calendar-day {
  height: 50px;
}
.appointment-change[data-v-8ab17850] .el-calendar .el-calendar__body {
  padding: 12px 0px 35px 0px;
}
.appointment[data-v-8ab17850] {
  font-size: 14px;
}
.appointment .records[data-v-8ab17850] {
  margin: 20px 0;
}
.appointment .records .header[data-v-8ab17850] {
  border-bottom: 1px solid #DCDFE6;
  padding-bottom: 10px;
  margin-right: 0;
}
.appointment .records .content[data-v-8ab17850] {
  margin: 20px 0;
}
.appointment .records .content .recort-item[data-v-8ab17850] {
  margin: 10px 0;
}
.appointment .records i[data-v-8ab17850] {
  color: var(--color-primary);
  cursor: pointer;
}
.appointment .item[data-v-8ab17850] {
  border: 1px solid #DCDFE6;
  padding: 15px;
}
.appointment .item .line[data-v-8ab17850] {
  margin-bottom: 20px;
}
.appointment .item .left[data-v-8ab17850] {
  width: 100px;
  height: 100px;
  margin-right: 15px;
}
.appointment .item .left .img[data-v-8ab17850] {
  width: 100%;
  height: 100%;
}
.appointment .item .left .img .image-slot img[data-v-8ab17850] {
  width: 100%;
  height: 100%;
}
.appointment .item .center[data-v-8ab17850] {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.appointment .item .right[data-v-8ab17850] {
  width: 200px;
  text-align: right;
}
.appointment .label[data-v-8ab17850] {
  font-weight: bold;
  color: #222;
  margin-right: 10px;
}
.appointment .line-1[data-v-8ab17850] {
  font-size: 16px;
  font-weight: bold;
}
.appointment .line-1 .name[data-v-8ab17850] {
  margin-right: 15px;
  color: var(--color-primary);
}
.appointment .line-3[data-v-8ab17850] {
  margin-bottom: 0px;
}
.appointment .line-3 .icon[data-v-8ab17850] {
  margin-right: 10px;
}
.data-box[data-v-8ab17850] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
.data-box .data-box-item[data-v-8ab17850] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  margin: 25px 0 0 0;
}