page {
  overflow-x: scroll;
}

/* 背景定位 */

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

/* 历史服务定位 */

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

.rel {
  background-color: rgb(255, 255, 255);
  width: 346rpx;
  min-height: 460rpx;
  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; */
	padding: 300rpx 20rpx 0;
  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);
  height: 64rpx;
}

.itemName .Name {
  max-width: 290rpx;
  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 #ccc;
  width: 50rpx;
}

.After_all .end {
  margin: 0rpx 15rpx;
	color: #ccc;
}

.icon-container {
	position: fixed;
	right: 10rpx;
	bottom: 440rpx;
	background-color: #272636;
	color: white;
	width: 80rpx;
	height: 80rpx;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 999;
}

.nostart{
 background-color:rgb(153,153,153)
}
