body {
	padding-top: 1.58rem;
	background: #fff;
}
.commonsBtn {
	position: absolute;
	right: 0.3rem;
	top: 0.14rem;
}

.navSpan {
	position: fixed;
	left: 0;
	top: 0.88rem;
	width: 100%;
	white-space: nowrap;
	overflow: auto;
	z-index: 2;
	background: #fff;
}

.navSpan a {
	position: relative;
	/*display: inline-block;
	vertical-align: middle;*/
	float: left;
	width: 20%;
	height: 0.7rem;
	line-height: 0.7rem;
	font-size: 0.28rem;
	color: #333333;
	text-align: center;
}
.navSpan a.active {
	color: #f04877;
}
.navSpan a.active:after {
	content: '';
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 0.8rem;
	height: 0.08rem;
	margin-left: -0.4rem;
	border-radius: 0.04rem;
	background: #f04877;
}
.navSpan::-webkit-scrollbar {
  	/*滚动条整体样式*/
  	width: 0px;
  	/*高宽分别对应横竖滚动条的尺寸*/
  	height: 0px;
}
.navSpan::-webkit-scrollbar-thumb {
  	/*滚动条里面小方块*/
  	border-radius: 10px;
  	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  	background: #535353;
}
.navSpan::-webkit-scrollbar-track {
  	/*滚动条里面轨道*/
  	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  	border-radius: 10px;
  	background: #EDEDED;
}

.navSpan2 {
	/* white-space: nowrap;
	    overflow: auto; */
	padding: 0.2rem 0.18rem 0.2rem 0.22rem;
}

.navSpan2 a {
	position: relative;
	/*display: inline-block;
	vertical-align: middle;*/
	width: 2rem;
	height: 0.7rem;
	line-height: 0.7rem;
	font-size: 0.28rem;
	color: #333333;
	border: 1px solid #999999;
	text-align: center;
	display: inline-block;
	border-radius:0.06rem;
	margin: 0.13rem;
}
.navSpan2 a.active {
	background-color:#f04877;
	
	border: solid 1px #f04877;
	color: #fff;
}
.navSpan2 a.active:after {
	content: '';
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 0.8rem;
	height: 0.08rem;
	margin-left: -0.4rem;
	border-radius: 0.04rem;
	background: #f04877;
}
.navSpan2::-webkit-scrollbar {
  	/*滚动条整体样式*/
  	width: 0px;
  	/*高宽分别对应横竖滚动条的尺寸*/
  	height: 0px;
}
.navSpan2::-webkit-scrollbar-thumb {
  	/*滚动条里面小方块*/
  	border-radius: 10px;
  	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  	background: #535353;
}
.navSpan2::-webkit-scrollbar-track {
  	/*滚动条里面轨道*/
  	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  	border-radius: 10px;
  	background: #EDEDED;
}
.allOrder {
	height: 0.6rem;
	line-height: 0.6rem;
	font-size: 0.24rem;
	text-align: center;
	color: #999;
	background: #f3f3f6;
}
.orderList {
	background: #fff;
}
.itemOrder {
	/*margin-top: 0.4rem;*/
	/*box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1);*/
	/*border-radius: 0.24rem;*/
	padding: 0 0.3rem;
	overflow: hidden;
	background: #fff;
	border-bottom: 0.2rem solid #f3f3f6;
}
.itemOrder:last-child {
	border-bottom: 0 none;
}
.itemOrder.noOp {
	padding-bottom: 0.3rem;
}
.itemOrder .oneTop {
	/*padding: 0.2rem 0rem 0;*/
	height: 0.8rem;
	line-height: 0.8rem;
	overflow: hidden;
	border-bottom: 1px solid #e1e1e1;
}
.itemOrder .oneTop .name {
	float: left;
	padding-left: 0.36rem;
	font-size: 0.24rem;
	color: #999;
	background: url(../images/) left center  no-repeat;
	background-size: ;
}
.itemOrder .oneTop .name span {
	font-size: 0.32rem;
	color: #333;
}
.itemOrder .oneTop .state {
	float: right;
	font-size: 0.24rem;
	color: #ff3535;
}
.itemOrder .reservationBtn {
	/*width: 6.4rem;*/
	height: 0.8rem;
	line-height: 0.8rem;
	margin: 0.3rem 0.56rem 0;
	font-size: 0.24rem;
	color: #999;
	text-align: center;
	border-radius: 0.4rem;
	background: #f6f6f9;
}
.itemOrder .reservationBtn span {
	padding-left: 0.36rem;
	font-size: 0.28rem;
	color: #333;
	background: url(../images/) left center no-repeat;
	background-size: ;
}
.oneList {
	margin-top: 0.3rem;
}
.serviceInfo {
	position: relative;
	height: 1.5rem;
	padding-left: 1.7rem;
	margin-top: 0.2rem;
}
.serviceInfo .img {
	position: absolute;
    left: 0;
    top: 0;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 0.1rem;
    overflow: hidden;
}
.serviceInfo .serviceName {
    text-overflow: -o-ellipsis-lastline;
  	overflow: hidden;
  	text-overflow: ellipsis;
  	display: -webkit-box;
  	-webkit-line-clamp: 2;
  	line-clamp: 2;
  	-webkit-box-orient: vertical;
	height: 0.82rem;
	padding-right: 0.9rem;
	padding-top: 0.1rem;
    font-size: 0.32rem;
}
.serviceInfo .serviceName .nameType {
	display: inline-block;
    vertical-align: middle;
    padding: 0.01rem 0.1rem;
    margin-right: 0.1rem;
    margin-bottom: 0.08rem;
    font-size: 0.2rem;
    color: #999;
    background: #f0f0f6;
    border-radius: 0.04rem;
}
.serviceInfo .serNumber {
    position: absolute;
    top: 0.14rem;
    right: 0;
    font-size: 0.24rem;
    color: #999;
}
.serviceInfo .price {
    padding-top: 0.1rem;
    font-size: 0.32rem;
    font-weight: 600;
}
.serviceInfo .price span {
	font-size: 0.24rem;
	font-weight: 500;
}
.moreTitle {
	padding-top: 0.2rem;
	font-size: 0.24rem;
	color: #999;
	text-align: center;
}
.operating {
	position: relative;
	height: 0.6rem;
	line-height: 0.6rem;
	padding: 0.2rem 0;
	margin: 0.2rem 0rem 0;
	overflow: hidden;
	border-top: 1px solid #e5e5ee;
}
.operating .payMoney {
	float: left;
	font-size: 0.36rem;
	font-weight: 600;
}
.operating .payMoney span {
	font-size: 0.24rem;
	font-weight: 500;
}
.operating .payMoney em {
	display: inline-block;
	vertical-align: middle;
	width: 0.7rem;
	height: 0.3rem;
	line-height: 0.3rem;
	margin-left: 0.14rem;
	font-size: 0.2rem;
	font-weight: 500;
	color: #ff3535;
	text-align: center;
	font-style: normal;
	border: 1px solid #ff3535;
	border-radius: 0.04rem;
}
.operating .opBtn {
	/*float: right;*/
	position: absolute;
	right: 0;
	top: 0.2rem;
}
.operating .opBtn .oneBtn {
	float: right;
	width: 1.6rem;
	height: 0.6rem;
	line-height: 0.6rem;
	margin-left: 0.2rem;
	font-size: 0.24rem;
	color: #fff;
	text-align: center;
	background: #f04877;;
	border-radius: 0.3rem;
	border: 1px solid #f04877;;
}
.operating .opBtn .twoBtn {
	float: right;
	width: 1.6rem;
	height: 0.6rem;
	line-height: 0.6rem;
	margin-left: 0.2rem;
	font-size: 0.24rem;
	color: #333;
	text-align: center;
	background: #fff;
	border-radius: 0.3rem;
	border: 1px solid #333;
}


.boxTwoBtn {
	display: none;
	position: fixed;
	top: 4rem;
	left: 50%;
	width: 5.5rem;
	margin-left: -2.75rem;
	background: #fff;
	border-radius: 0.24rem;
	overflow: hidden;
	z-index: 99;
}
.boxTwoBtn .title {
	padding: 0.8rem 0;
	font-size: 0.36rem;
	text-align: center;
} 
.boxTwoBtn .childTitle {
	padding: 0 0.4rem 0.6rem;
	margin: -0.66rem auto 0;
	font-size: 0.24rem;
	color: #9999;
	text-align: center;
}
.boxTwoBtn .twoBtn {
	overflow: hidden;
}
.boxTwoBtn .twoBtn span {
	position: relative;
	float: left;
	width: 50%;
	height: 0.96rem;
	line-height: 0.96rem;
	font-size: 0.32rem;
	text-align: center;
	border-top: 1px solid #e5e5ee;
}
.boxTwoBtn .twoBtn span.noBtn:after {
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	width: 1px;
	height: 0.96rem;
	background: #e5e5ee;
}
.boxTwoBtn .noBtn {
	color: #999;
}
.boxYbc {
	z-index: 11;
}

/*筛选*/
.filterMain {
	/*display: none;*/
	position: fixed;
	width: 6rem;
	height: 100%;
	top: 0;
	right: 0;
	background: #fff;
	border-radius: 0.4rem 0px 0px 0px;
	overflow: hidden;
	z-index: 1101;
	-moz-transition: -moz-transform 0.3s ease-in-out 0s;
	-ms-transition: -ms-transform 0.3s ease-in-out 0s;
	-webkit-transition: -webkit-transform 0.3s ease-in-out 0s;
	-o-transition: -o-transform 0.3s ease-in-out 0s;
	transition: transform 0.3s ease-in-out 0s;
	-ms-transform: translate3d(100%, 0, 0);
	-moz-transform: translate3d(100%, 0, 0);
	-webkit-transform: translate3d(100%, 0, 0);
	-o-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0);
}
.filterMain.show {
    -ms-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.filterMain .header {
	position: relative;
	height: 1rem;
	line-height: 1rem;
	padding-left: 1.1rem;
	font-size: 0.32rem;
	background: #f3f3f6;
}
.filterMain .closeBtn {
	position: absolute;
	left: 0.38rem;
	top: 50%;
	width: 0.64rem;
	height: 0.64rem;
	margin-top: -0.32rem;
	background: url(../images/) no-repeat;
	background-size: ;
}
.failterList {
	height: 100%;
	padding-bottom: 1.9rem;
	box-sizing: border-box;
}
.failterList .listContent{
	height: 100%;
    overflow: auto;
}
.itemFailter {
	padding-bottom: 0.3rem;
	border-bottom: 1px solid #e1e1e1;
}
.itemFailter:last-child {
	border: 0 none;
}
.itemFailter .toggleBtn span {
	float: right;
	padding-right: 0.25rem;
	font-size: 0.2rem;
	color: #999;
	background: url(../images/) right center no-repeat;
	background-size: ;
}
.itemFailter .list {
	margin-top: 0.1rem;
	overflow: hidden;
}
.itemFailter .title {
	margin: 0.28rem 0.2rem 0;
}
.itemFailter .selectDiv {
	float: left;
	width: 1.7rem;
	height: 0.8rem;
	line-height: 0.8rem;
	margin-left: 0.2rem;
	margin-top: 0.2rem;
	font-size: 0.24rem;
	text-align: center;
	background: #f0f0f9;
	border-radius: 0.06rem;
	border: 1px solid #f0f0f9;
}
.itemFailter .selectDiv.active {
	color: #f04877;
	border: 1px solid #f04877;
	background: #ffffff;
}
.itemFailter .customize {
	padding-top: 0.3rem;
	margin-left: 0.2rem;
}
.itemFailter .customize span {
	margin: 0 0.12rem;
}
.itemFailter input {
	width: 2.5rem;
	height: 0.6rem;
	line-height: 0.6rem;
	padding-left: 0.3rem;
	background: #f0f0f9;
	border: 0 none;
	border-radius: 0.3rem;
	box-sizing: border-box;
}
.filterMain .twoBtn {
  	position: absolute;
  	bottom: 0;
  	left: 0;
  	width: 100%;
  	height: 0.9rem;
  	line-height: 0.9rem;
  	color: #fff;
  	font-size: 0.28rem;
  	text-align: center;
}
.filterMain .twoBtn .reductionBtn {
  	float: left;
  	width: 2rem;
  	/*padding: 0.3rem 0;*/
  	font-size: 0.32rem;
  	background: #ff7ea2;
}
.filterMain .twoBtn .okBtn {
  	display: block;
  	float: left;
  	width: 4rem;
  	/*padding: 0.3rem 0;*/
  	font-size: 0.32rem;
  	background: #f04877;
}

.userList {
	margin-top: 0.3rem;
}
.listContent .title {
	margin: 0.28rem 0.2rem 0;
}
.itemUser .selectUser {
	height: 0.8rem;
	line-height: 0.8rem;
	margin: 0 0.2rem 0.2rem;
	font-size: 0.24rem;
	color: #333;
	text-align: center;
	background: #f0f0f9;
	border-radius: 0.04rem;
}
.itemUser .selectUser.active {
	color: #fff;
	background: #f04877;
}