/* pages/main/index.wxss */
.item-cate {
  flex: 5;
	padding: 10rpx 30rpx;
	border-radius: 10rpx;
	border: 2rpx solid #d9d9d9
}

.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);
}