page {
  overflow-x: scroll;
}

/* 背景定位 */

.backimage {
  position: absolute;
  top: 0rpx;
  left: 0rpx;
  z-index: -1;
  width: 100%;
  /* height: 100%; */
}

/* 历史服务定位 */

.History {
  position: absolute;
  top: 30rpx;
  right: 20rpx;
  z-index: 1;
  color: rgb(255, 255, 255);
}

.rel {
  background-color: rgb(255, 255, 255);
  width: 350rpx;
  height: 430rpx;
  border-radius: 20rpx;
  display: inline-block;
  margin-right: 15rpx;
  margin-bottom: 20rpx;
  box-shadow: 0rpx 3rpx 3rpx 3rpx rgb(233, 233, 233);
}

.abs {
  left: 10rpx;
  top: 10rpx;
}

.equity_money {
  width: 50rpx;
  height: 55rpx;
}

.Serviceitems {
  position: absolute;
  top: 370rpx;
  left: 0rpx;
  z-index: 2;
  padding-left: 18rpx;
  padding-bottom: 20rpx;
}

.itemimage {
  width: 120rpx;
  height: 120rpx;
  border-radius: 50%;
  margin-top: 30rpx;
  margin-bottom: 20rpx;
}

.itemName {
  margin-bottom: 25rpx;
  color: rgb(48, 48, 48);
}

.itemName .Name {
  max-width: 250rpx;
  text-align: center;
}

.itemCount {
  margin-bottom: 5rpx;
  color: rgb(177, 177, 177);
  align-items: baseline;
}

.itemEffective {
  margin-bottom: 30rpx;
  color: rgb(177, 177, 177);
  align-items: baseline;
}

.functionMax {
  padding: 0rpx 25rpx;
  color: rgb(254, 255, 255);
}

.Use {
  width: 170rpx;
  height: 50rpx;
  line-height: 50rpx;
  border-radius: 25rpx;
  background-color: red;
}

.appointment {
  width: 115rpx;
  height: 50rpx;
  line-height: 50rpx;
  border-radius: 25rpx;
  margin-left: 20rpx;
}

.Date {
  margin-left: 10rpx;
}

/* 无服务项目 */

.cover {
  position: fixed;
  z-index: 1;
  left: 0rpx;
  top: 390rpx;
  width: 100%;
  height: 200rpx;
  background-color: rgb(255, 255, 255);
}

/* 无历史服务 */

.empty_order {
  position: fixed;
  left: 0rpx;
  top: 500rpx;
  z-index: 2;
  width: 100%;
}

.empty_order image {
  width: 329rpx;
  height: 229rpx;
  margin-top: 80rpx;
}

.empty_order .xc-ash {
  margin-top: 10rpx;
  font-weight: 600px;
}

.empty_order navigator {
  margin-top: 60rpx;
  border-radius: 40rpx;
}

.empty_order navigator view {
  width: 247rpx;
  height: 56rpx;
  background-color: rgb(255, 72, 72);
  border-radius: 40rpx;
}

.After_all {
  height: 80rpx;
}

.After_all .Line {
  border-top: 3rpx solid rgb(0, 0, 0);
  width: 130rpx;
}

.After_all .end {
  margin: 0rpx 15rpx;
}

.btn {
	background-color: red;
	padding: 10rpx 20rpx;
	border-radius: 30rpx;
}

.table {
	background-color: white;
	border-top: 2rpx solid rgba(218, 217, 217, 1);
	border-left: 2rpx solid rgba(218, 217, 217, 1);
	margin-top: 400rpx;
}
.blue {
	background: rgba(241, 252, 255, 1);
}
.td {
	width: 100rpx;
	height: 100rpx;
	display: flex;
	align-items: center;
	justify-content: center;
	border-right: 2rpx solid rgba(218, 217, 217, 1);
	border-bottom: 2rpx solid rgba(218, 217, 217, 1);
}

.left {
	box-shadow: 4px 0px 6px #e7e9eb;
}

.right {
	width: calc(100% - 102rpx);
}
