/* pages/main/index.wxss */
page {
  background-color: white;
}

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

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

.boderLine {
  width: 100%;
  height: 50rpx;
  background-color: #f3f3f3;
}

.midTietle {
  height: 100rpx;
  width: 100%;
  background-color: white;
  display: flex;
  justify-content: space-between;
  padding: 0rpx 40rpx 0rpx 40rpx;
}

.midTietleText1 {
  height: 100rpx;
  line-height: 100rpx;
  font-family: PingFangSC-Medium;
  font-size: 36rpx;
  color: rgba(0, 0, 0, 0.85);
  letter-spacing: 0;
  text-align: left;
}

.midTietleText2 {
  height: 100rpx;
  line-height: 100rpx;
  font-family: PingFangSC-Regular;
  font-size: 28rpx;
  color: rgba(0, 0, 0, 0.65);
  letter-spacing: 0;
  text-align: right;
}

.zt {
  background-color: white;
}

.topTitle {
  display: flex;
  justify-content: space-between;
}

.topRight {
  width: 50%;
  height: 60rpx;
}

.topLeft {
  width: 50%;
  height: 60rpx;
  display: flex;
  justify-content: space-between;
}

.topLeftText {
  font-family: PingFangSC-Medium;
  font-size: 36rpx;
  color: #FFFFFF;
  letter-spacing: 0;
  height: 60rpx;
  line-height: 60rpx;
  padding-left: 32rpx;
}

.topLeftTime {
  font-family: PingFangSC-Medium;
  font-size: 28rpx;
  color: #FFFFFF;
  letter-spacing: 0;
  height: 60rpx;
  line-height: 60rpx;
}

.topRightText {
  font-family: PingFangSC-Medium;
  font-size: 28rpx;
  color: #FFFFFF;
  letter-spacing: 0;
  height: 60rpx;
  line-height: 60rpx;
  float: right;
  margin-right: 38.5rpx;
}

.topRightIcon {
  height: 60rpx;
  float: right;
  display: flex;
  align-items: center;
  margin-right: 36.3rpx;
}

.onDataImg {
  width: 320rpx;
  height: 249rpx;
}

.img-nodata {
  width: 100%;
  height: 548rpx;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 30rpx;
}

.top-nodata-text1 {
  font-family: PingFangSC-Medium;
  font-size: 30rpx;
  color: rgba(0, 0, 0, 0.75);
  letter-spacing: 0;
  text-align: left;
  margin-top: 16rpx;
}

.top-nodata-text2 {
  width: 480rpx;
  height: 88rpx;
  background: #007AFF;
  border-radius: 10rpx;
  border-radius: 10rpx;
  font-family: PingFangSC-Medium;
  font-size: 36rpx;
  color: #FFFFFF;
  letter-spacing: 0;
  text-align: left;
  line-height: 88rpx;
  text-align: center;
  margin-top: 41rpx;
}

.bottomView {
  width: 750rpx;
  height: 228rpx;

  padding: 24rpx 32rpx 24rpx 32rpx
}

.bottomViewleft {
  width: 423rpx;
  height: 180rpx;

  float: left;
}

.bottomViewRight {
  width: 240rpx;
  height: 180rpx;
  background-color: green;
  float: right;
}

.tableStyle {
  width: 100%;
  line-height: 100rpx;
  font-size: 34rpx;
  color: rgba(0, 0, 0, 0.85);
  letter-spacing: 0;
}

.son-table-btn {
  width: 120rpx;
  height: 56rpx;
  line-height: 56rpx;
  font-size: 26rpx;
  color: #007AFF;
  letter-spacing: 0;
  text-align: left;
  background: #FFFFFF;
  border: 1rpx solid #007AFF;
  border-radius: 28rpx;
  border-radius: 28rpx;
  text-align: center;
}

.bottomViewleft-top {
  width: 100%;
  height: 90rpx;

}

.bottomViewleft-bottem {
  width: 100%;
  height: 33rpx;

  margin-top: 57rpx;
}

.bottomViewRightImg {
  width: 240rpx;
  height: 180rpx;
}

.gzBtn {
  width: 255rpx;
  height: 96rpx;
  background: #F4F4F4;
  border: 1rpx solid #F4F4F4;
  box-shadow: 0 5rpx 10rpx 0 rgba(0, 0, 0, 0.10);
  border-radius: 48rpx;
  border-radius: 48rpx;
  position: absolute;
  right: 32rpx;
  bottom: 233rpx;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.gzBtnIcon {
  height: 96rpx;
  display: flex;
  align-items: center;
  margin-left: 35rpx;
}

.gzBtnText {
  height: 96rpx;
  display: flex;
  align-items: center;
  font-family: PingFangSC-Semibold;
  font-size: 30rpx;
  color: rgba(0, 0, 0, 0.60);
  letter-spacing: 2px;
  margin-right: 35rpx;
}