/* pages/main/index.wxss */
.container {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  -webkit-text-size-adjust: none;
  -webkit-user-select: none;
  font-size: 35rpx;
  color: #333;
  background-color: white;
  font-family: Helvetica, Arial, "Helvetica Neue", "Droid Sans", "Microsoft YaHei", sans-serif;
}

.canvas {
  width: 100%;
  height: 200px;
}

.swiper-image {
  height: 150px;
  border-radius: 6px;
  width: 100%;
}

.item-host {
  width: 200rpx;
  padding-right: 20rpx
}

.case-class {
  width: 320rpx;
}

.case2-class {
  width: 160rpx;
}

.case3-class {
  width: 600rpx;
}

.host-class {
  width: 120rpx;
  margin-top: 4rpx;
}

.image-load {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50rpx;
}


.booking-tool {
  width: calc(100% - 20px);
  background-color: #008AFF;
  position: fixed;
  left: 255rpx;
  z-index: 39;
}

.roder-add {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 240rpx;
  height: 80rpx;
  background-color: #008AFF;
  border-radius: 50rpx;
  position: absolute;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

.cu-tags {
  border-radius: 24rpx;
  /* border-bottom-right-radius: 24rpx; */
  background-color: #dd514c;
  position: absolute;
  top: -20rpx;
  left: 180rpx;
  font-size: 20rpx;
  padding: 10rpx 16rpx;
  color: var(--white);
}

.f-tag {
  justify-content: center;
  padding: 0rpx;
  width: 150rpx;
}

.transform {
  transform-origin: 50% 50%;
  transform: rotate(180deg);
}