.page {
  background-color: #fff;
  width: 100%;
}

.top {
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
}

.basics-msg {
  position: relative;
  height: 273rpx;
  width: 675rpx;
  padding-left: 60rpx;
  color: rgba(255, 255, 255, 0.9);
  font-size: 30rpx;
  font-weight: 500;
  line-height: 50rpx;
}

.basics-msg-tit {
  color: #fff;
  font-size: 48rpx;
  font-weight: 700;
  margin: 20rpx 0 24rpx 0;
}

.position>text {
  margin-left: 16rpx;
}

.tips {
  color: #7d7aff;
  font-size: 24rpx;
  position: absolute;
  bottom: -23rpx;
}

.room-detail-bg {
  position: absolute;
  width: 100%;
  height: 468rpx;
}

.contnt {
  margin-top: 30rpx;
  padding-left: 32rpx;
  padding-right: 32rpx;
  width: 646rx;
  padding-top: 24rpx;
}

.service {
  background-color: #fef1e1;
  padding: 18rpx 12rpx 12rpx;
  color: #f7931a;
  font-size: 30rpx;
  font-weight: 700;
  line-height: 56rpx;
}

.service-item {
  color: #99683f;
  font-size: 26rpx;
  font-weight: 400;
  margin-left: 36rpx;
  letter-spacing: 4rpx;
}

.contnt-box {
  border-radius: 6px;
  position: relative;
  margin-bottom: 40rpx;
}

.tit {
  padding: 56rpx 0rpx 32rpx;
  color: #3a3c65;
  font-size: 40rpx;
  font-weight: 700;
}

.flex {
  display: flex;
  justify-content: left;
  overflow-x: auto;
}

.date-item {
  min-width: 118rpx;
  background-color: #f1f4fd;
  margin-right: 24rpx;
  padding: 12rpx 10rpx;
  text-align: center;
  color: #727493;
  line-height: 50rpx;
}

.one {
  color: #727493;
}

.two {
  color: #55577c;
}

.three {
  color: #4983fb;
}

.yellow {
  color: #f7931a;
}

.choose-bg {
  background-color: #6473fb;
}

.choose-one,
.choose-two,
.choose-three {
  color: #fff;
}

.one,
.choose-one {
  font-size: 26rpx;
  font-weight: 400;
}

.two,
.choose-two {
  font-size: 32rpx;
  font-weight: 700;
}

.three,
.choose-three {
  font-size: 24rpx;
  font-weight: 500;
}

.meeting-item {
  background-color: #f3faf9;
  padding: 20rpx 24rpx;
  line-height: 70rpx;
  margin-bottom: 32rpx;
}

.icon {
  width: 40rpx;
  height: 40rpx;
  margin-right: 16rpx;
  vertical-align: middle;
}

.m-b-icon {
  width: 40rpx;
  height: 40rpx;
  margin-right: 16rpx;
  vertical-align: middle;
}

.color {
  color: rgba(58, 60, 101, 0.7);
  font-size: 24rpx;
}

.color>text {
  margin-left: 8rpx;
}

.over {
  max-width: 640rpx;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #6473fb;
  font-size: 34rpx;
  font-weight: 500;
}

.m-r-16 {
  margin-right: 16rpx;
}

.subscribe-user {
  color: rgba(58, 60, 101, 0.7);
  font-size: 28rpx;
}

.subscribe-user>image {
  width: 56rpx;
  height: 56rpx;
  vertical-align: middle;
}

.m-b {
  margin-bottom: 200rpx;
}

.letter {
  letter-spacing: 5rpx;
}

.over-text {
  margin-left: 10rpx;
}

.btn-area button {
  background-color: #3A3C65;
  color: #fff;
}

.appointmentdetail-detail-color {
  display: flex;
  align-items: center;
  margin-left: 10rpx;
}

.picture-tit {
  color: #3A3A4D;
  font-size: 28rpx;
  font-weight: 500;
  margin: 16rpx 0 16rpx 0;
}

.picture-box {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;

}

.picture-img {
  height: 320rpx;
  margin: 0 16rpx;
}