@charset "UTF-8";
/* 水平间距 */
/* 水平间距 */
.container.data-v-5c84f166 {
  position: relative;
  overflow: auto;
  height: 100vh;
  background-image: url(/static/bg.png);
  background-size: 100% 100%;
}
.container .body.data-v-5c84f166 {
  margin: 0 30rpx;
}
.container .body .tab.data-v-5c84f166 {
  padding-top: 20rpx;
}
.container .body .tab .select.data-v-5c84f166 {
  display: flex;
  margin-top: 20rpx;
  padding: 0 6rpx;
  height: 100rpx;
  border-radius: 10rpx;
}
.container .body .tab .select .picker.data-v-5c84f166 {
  width: 100%;
  padding-top: 8rpx;
}
.container .body .tab .content.data-v-5c84f166 {
  height: 80vh;
  overflow: auto;
}
.container .body .tab .content .detail.data-v-5c84f166 {
  margin-bottom: 30rpx;
  background-color: #fff;
  border-radius: 5px;
}
.container .body .tab .content .detail .detail_title.data-v-5c84f166 {
  position: relative;
  height: 96rpx;
  line-height: 96rpx;
  text-align: center;
  border-radius: 5px 5px 0 0;
  background-color: #e7eef5;
}
.container .body .tab .content .detail .detail_title .title1.data-v-5c84f166 {
  font-size: 32rpx;
}
.container .body .tab .content .detail .detail_title text.data-v-5c84f166 {
  position: absolute;
  top: 0;
  right: 30rpx;
  font-size: 24rpx;
  color: red;
}
.container .body .tab .content .detail .detail_title .title3.data-v-5c84f166 {
  color: #ff8b02;
}
.container .body .tab .content .detail .info .place.data-v-5c84f166 {
  display: flex;
  margin-left: 34rpx;
  margin-top: 30rpx;
}
.container .body .tab .content .detail .info .place .name.data-v-5c84f166 {
  width: 200rpx;
  text-align-last: justify;
  color: #808080;
}
.container .body .tab .content .detail .info .place .rooms.data-v-5c84f166 {
  padding-left: 130rpx;
  width: 440rpx;
  font-size: 32rpx;
}
.container .body .tab .content .detail .info .place .time.data-v-5c84f166 {
  flex: 5;
  font-size: 24rpx;
  color: #999;
}
.container .body .tab .content .detail .info .timeAndNumber.data-v-5c84f166 {
  display: flex;
  margin-left: 34rpx;
  margin-top: 20rpx;
}
.container .body .tab .content .detail .info .timeAndNumber .time.data-v-5c84f166 {
  flex: 5;
  font-size: 24rpx;
  color: #999;
}
.container .body .tab .content .detail .info .timeAndNumber .number.data-v-5c84f166 {
  flex: 5;
  font-size: 32rpx;
}
.container .body .tab .content .detail .info .button.data-v-5c84f166 {
  display: flex;
  justify-content: flex-end;
  margin-top: 20rpx;
  padding-bottom: 30rpx;
}
.container .body .tab .content .detail .info .button .button_item.data-v-5c84f166 {
  margin: 0 20rpx;
  padding: 0;
  width: 90px;
}
.container .body .tab .content .detail .info .button2.data-v-5c84f166 {
  display: flex;
  margin-top: 20rpx;
  padding-bottom: 20rpx;
}
.container .body .tab .content .detail .info .button2 .button_item.data-v-5c84f166 {
  padding: 0;
  margin-left: auto;
  margin-right: 60rpx;
  width: 90px;
}
.container .body .tab .image.data-v-5c84f166 {
  margin: 260rpx auto;
  width: 438rpx;
  height: 360rpx;
  background: url(/static/null.png);
  background-size: 100%;
}
.container .body .tab .infoNo.data-v-5c84f166 {
  margin-top: 100rpx;
  text-align: center;
  font-size: 36rpx;
}
.container .body .suspension.data-v-5c84f166 {
  position: absolute;
  left: 36rpx;
  bottom: 50rpx;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 140rpx;
  height: 140rpx;
  border-radius: 70rpx;
  background-color: rgba(0, 0, 0, 0.4);
  overflow: auto;
}
.container .body .suspension .icon.data-v-5c84f166 {
  flex: 1;
}
.container .body .suspension .icon ._img.data-v-5c84f166 {
  margin-top: 20rpx;
  width: 40rpx;
}
.container .body .suspension .info.data-v-5c84f166 {
  flex: 2;
  font-size: 24rpx;
  color: #fff;
}
.container .body .popup_view.data-v-5c84f166 {
  width: 650rpx;
}
.container .body .popup_view .title.data-v-5c84f166 {
  height: 90rpx;
  line-height: 90rpx;
  text-align: center;
  font-size: 36rpx;
  font-weight: bold;
  background-color: #e7eef5;
}
.container .body .popup_view .forms.data-v-5c84f166 {
  margin: 40rpx;
  width: 550rpx;
}
.container .body .popup_view .forms .form_button.data-v-5c84f166 {
  display: flex;
  text-align: center;
}
.container .body .popup_view .forms .form_button button.data-v-5c84f166 {
  width: 200rpx;
}
.data-v-5c84f166 .uni-forms-item__label {
  width: 160rpx !important;
}