@charset "utf-8";
@import url("inc.css");
.yellowmes {
	padding:.3rem;
	background:#FAF8F5;
	font-size:.26rem;
	line-height:.36rem;
	color:#FBAA56;
	}
.yellowmes p {
	
	}
.typestitles {
    width: 100%;
    font-size: .3rem;
    line-height: .3rem;
    color: #000000;
    font-family: "微软雅黑";
    font-weight: bold;
	padding-top:.4rem;
	display:flex;
	align-items:center;
	padding-bottom:.06rem;
}

.typestitles img {
    width: .3rem;
    display: inline-block;
    margin-top: .02rem
}
.typestitles a {
	display: inline-block;
	 margin-right: 0.2rem; 
	 font-size: 0.24rem; 
	 line-height: 0.36rem; 
	 color: rgb(153, 153, 153); 
	 text-decoration: none; 
	 font-weight: normal;
	 margin-left:auto;
	}
.spa-list {
	padding:0 .32rem;
	}
.spa-list {
	display:flex;
	justify-content: space-between;
	flex-wrap:wrap;
	}
.spa-list .list-aa {
	width:3.34rem;
	height:1.87rem;
	border-radius:.1rem;
	overflow:hidden;
	margin-top:.2rem;
	}
.spa-list .list-aa img {
	object-fit: cover;
    width: 100%;
    height: 100%;
	}
.joins {
	background:#FBEEE3;
	border-radius:.06rem;
	overflow:hidden;
	margin:.24rem .32rem .1rem .32rem;
	display:flex;
	align-items:center;
	justify-content: space-between;
	padding:.38rem .3rem .38rem .35rem;
	}
.joins .joinleft p:first-child {
	font-size: .34rem;
    line-height: .34rem;
	color:#333333;
	font-weight:bold;
	}
.joins .joinleft p:last-child {
	font-size: .30rem;
    line-height: .30rem;
	color:#333333;
	margin-top:.28rem;
	}
.joins .joinright {
	display:flex;
	justify-content: end;
	}
.joins .joinright span {
	display:inline-block;
    background:#FBAA56;
    border-radius: .5rem;
    color: #ffffff;
	padding:.12rem .28rem;
	text-align:center;
    font-size: .28rem;
    line-height: .28rem;
	}
.phcyimg {
	width:100%;
	}
.phcyimg img{
	width:100%;
	}
.nag-list {
	margin:.38rem .3rem;
	display:flex;
	justify-content: space-between;
	}
.nag-list .list-nags {
	width:3.26rem;
	height:2.28rem;
	}
.nag-list .list-nags img {
	object-fit: cover;
    width: 100%;
    height: 100%;
	}
.nagimg {
	margin:.7rem .3rem 0 .3rem;
	}
.nagimg img {
	width:100%;
	}
.erweiask {
    width: 80%;
    z-index: 999;
    left: 10%;
    top: 50%;
	margin-top:-3.5rem;
    position: fixed;
    display: none;
}

.erweiask .askclose {
    width: 100%;
    display: flex;
    justify-content:center;
    padding: .3rem 0;
	font-size: .4rem;
    line-height: .4rem;
	color:#333333;
	font-weight:bold;
}
.erweiask .askcontent {
    background: #ffffff;
    border-radius: .1rem;
	overflow:hidden;
}

.erweiask .askcontent .erimg {
    margin: 0 auto;
    padding: .25rem .25rem 0 .25rem
}

.erweiask .askcontent .erimg img {
    width: 100%
}
.erweiask .closedone {
    width: 100%;
    padding-top: .3rem;
    text-align: center
}

.erweiask .closedone img {
    width: .63rem
}
.typnes {
    display:flex;
	justify-content: start;
	flex-wrap:wrap;
	padding:.31rem .29rem .18rem .29rem;
    }
.typnes span {
    display:inline-block;
    border:.01rem solid #999999;
    border-radius: .12rem;
    color: #333333;
    width:1.6rem;
	padding:.18rem 0;
	text-align:center;
    font-size: .24rem;
    line-height: .24rem;
    margin-right:.17rem;
	margin-bottom:.16rem;
    }
.typnes span.clicked {
    background:#FBAA56;
    color:#ffffff;
    border:.01rem solid #FBAA56;
    }
.typnes span:nth-child(4n) {
	margin-right:0;
	}
.bookdate-swiper {
	overflow: hidden;
	padding-left:.31rem;
	}
.bookdate-swiper .swiper-wrapper {
}

.bookdate-swiper .swiper-wrapper .swiper-slide {
    width: .98rem;
    background:#ffffff;
	border:.01rem solid #D8D8D8;
    text-align: center;
    overflow: hidden;
    border-radius: .08rem;
    height: .94rem;
    display: inline-table;
    vertical-align: top;
    margin-right: .12rem;
}

.bookdate-swiper .swiper-wrapper .dates {
    width: 100%;
    text-align: center;
    font-size: .24rem;
    color: #333333;
    line-height: .24rem;
    padding-top: .21rem
}

.bookdate-swiper .swiper-wrapper .days {
    width: 100%;
    text-align: center;
    font-size: .24rem;
    color: #333333;
    line-height: .24rem;
    padding-top: .09rem
}

.bookdate-swiper .swiper-wrapper .clicked {
    background:linear-gradient(0deg, #F3DAC5 0%, #FFF9F5 100%) !important;
	border:0;
}

.bookdate-swiper .swiper-wrapper .clicked .dates {
    color: #FBAA56;
}

.bookdate-swiper .swiper-wrapper .clicked .days {
    color:  #FBAA56;
}
.goodcontainer {
	padding:0 .3rem;
	}
.goodcontainer .moring{width:100%;padding:.3rem 0 0 0;font-size:.32rem;line-height:.32rem;color:#333333;font-family:"微软雅黑"}
.goodcontainer .moring img{width:.3rem;margin-right:.2rem;margin-top:-.05rem}
.goodlist{padding:.34rem 0 .34rem 0;border-bottom:.01rem solid #f5f5f5;display:flex;border-bottom:.01rem solid #E3E3E3;}
.goodlist:last-child {
	border-bottom:0;
	}
.goodlist .leftimgone{width:1.22rem;height:1.22rem;border-radius:50%;overflow:hidden}
.goodlist .leftimgone img{object-fit:cover;width:100%;height:100%}
.goodlist .rightmes{width:77%;margin-left:.33rem}
.goodlist .rightmes .titlestop{width:100%;font-size:.34rem;color:#333333;font-family:"微软雅黑";line-height:.34rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.goodlist .rightmes .titlestop span{font-size:.26rem;line-height:.26rem;font-weight:400;color:#333333;margin-left:.25rem}
.goodlist .rightmes .goodat{width:100%;font-size:.26rem;color:#333333;font-family:"微软雅黑";line-height:.4rem;margin-top:.2rem;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
.goodlist .rightmes .goodat span {
	font-weight:bold;
	}
.goodlist .rightmes .prices{width:100%;margin-top:.31rem;display:flex;align-items:center;justify-content: space-between;}
.goodlist .rightmes .prices .zixun{display:flex;align-items:center;font-size:.24rem;color:#666666;font-family:"微软雅黑";line-height:.24rem;}
.goodlist .rightmes .prices .nums .gots{text-decoration:none;display:flex;justify-content:center;background:#6EC634;width:1.76rem;height:.5rem;border-radius:.5rem;align-items:center;text-align:center;font-size:.28rem;color:#ffffff;line-height:.28rem;}
.mask{width:100%;height:100%;background:rgba(0,0,0,0.6);position:fixed;top:0;left:0;z-index:9;display:none}
.okorder {
	width:100%;
	padding:.3rem;
	background:#ffffff;
	position:fixed;
	left:0;
	bottom:0;
	z-index:10;
	display:none;
	}
.okorder .bignames {
	font-size:.26rem;
	color:#333333;
	line-height:.26rem;
	}
.okorder .centerlist {
	display:flex;
	align-items:center;
	padding:.23rem 0 .41rem 0;
	}
.okorder .centerlist .imgs {
	width:1.22rem;
	height:1.22rem;
	border-radius:50%;
	overflow:hidden;
	}
.okorder .centerlist .imgs img {
	width:100%;
	height:100%;
	object-fit:cover;
	}
.okorder .centerlist .rightmes {
	width:80%;
	margin-left:.18rem;
	}
.okorder .centerlist .rightmes .newtitle {
	font-size:.34rem;
	color:#1E1A17;
	line-height:.34rem;
	font-weight:bold;
	}
.okorder .centerlist .rightmes .newtitle span {
	font-size:.26rem;
	line-height:.26rem;
	margin-left:.27rem;
	}
.okorder .centerlist .rightmes .mesline {
	margin-top:.18rem;
	display:flex;align-items:center;justify-content: space-between;
	}
.okorder .centerlist .rightmes .mesline span:first-child {
	font-size:.26rem;
	color:#1E1A17;
	line-height:.26rem;
	}
.okorder .centerlist .rightmes .mesline span:last-child {
	font-size:.26rem;
	color:#E97B66;
	line-height:.26rem;
	}
.asklist{padding:.26rem 0 .2rem 0;overflow-y:hidden;overflow-x:auto;white-space:nowrap}
.asklist::-webkit-scrollbar{display:none}
.asklist .listperson{width:2rem;height:1.08rem;background:transparent;border:.01rem solid #BFBFBF;border-radius:.1rem;position:relative;margin-right:.2rem;margin-bottom:.2rem;display:inline-table;vertical-align:top}
.asklist .listperson .names{font-size:.3rem;color:#333333;line-height:.3rem;padding:.2rem .18rem 0 .18rem}
.asklist .listperson .namesone{font-size:.24rem;color:#999999;line-height:.24rem;padding:.16rem .2rem 0 .18rem}
.asklist .addperson{width:2rem;height:1.08rem;background:transparent;border:.01rem solid #BFBFBF;border-radius:.1rem;margin-right:.2rem;text-align:center;margin-bottom:.2rem;display:inline-table;vertical-align:top}
.asklist .addperson img{width:.26rem;display:block;margin:0 auto;margin-top:.4rem}
.asklist .clicked{border:.01rem solid #E97B66}
.okorder .times {
	display:flex;align-items:center;justify-content: space-between;font-size:.24rem;
	color:#333333;
	line-height:.24rem;
	padding:.15rem 0;
	}
.okorder .beiginsaskone{display:flex;padding:.26rem 0 0 0;border-top:.01rem solid #E3E3E3;margin-top:.15rem;}
.okorder .beiginsaskone .monyesone{width:70%;font-size:.24rem;color:#333333;font-family:"微软雅黑";line-height:.6rem;}
.okorder .beiginsaskone .monyesone span{color:#E97B66;font-size:.26rem;font-weight:bold}
.okorder .beiginsaskone button{width:1.85rem;height:.6rem;font-size:.28rem;color:#FFFFFF;font-family:"微软雅黑";line-height:.6rem;background:#E97B66;border:0;border-radius:.4rem;outline:0;text-shadow:none}
.nullmes {
	width:100%;
	text-align:center;
	padding:1rem 0;
	}
.nullmes img {
	width:4rem;
	}
.orderlist {
	padding:.42rem .32rem .46rem .32rem;
	border-bottom:.1rem solid #F2F2F2;
	}
.orderlist .list-top {
	display:flex;
	align-items:center;
	}
.orderlist .list-top .imgs {
	width:.8rem;
	height:.8rem;
	border-radius:50%;
	overflow:hidden;
	}
.orderlist .list-top .imgs img {
	width:100%;
	height:100%;
	object-fit:cover;
	}
.orderlist .list-top .rightmes {
	width:83%;
	margin-left:.39rem;
	}
.orderlist .list-top .rightmes .topmes {
	display:flex;
	align-items:center;justify-content: space-between;
	}
.orderlist .list-top .rightmes .topmes .name {
	font-size:.3rem;
	color:#333333;
	line-height:.3rem;
	font-weight:bold;
	}
.orderlist .list-top .rightmes .topmes .status {
	display: inline-block;
    border: .01rem solid #CF9E65;
    border-radius: .1rem;
    color: #CF9E65;
    padding: .15rem .14rem;
    text-align: center;
    font-size: .24rem;
    line-height: .24rem;
	}
.orderlist .list-top .rightmes .topmes .statusone {
	display: inline-block;
    border: .01rem solid #CCCCCC;
	background:#CCCCCC;
    border-radius: .1rem;
    color: #FFFFFF;
    padding: .15rem .14rem;
    text-align: center;
    font-size: .24rem;
    line-height: .24rem;
	}
.orderlist .list-top .rightmes .use {
	font-size:.26rem;
	color:#999999;
	line-height:.26rem;
	margin-top:.22rem;
	}
.orderlist .bottomline {
	padding-top:.4rem;
	display:flex;
	align-items:center;justify-content: space-between;
	}
.orderlist .bottomline .leftmes {
	
	}
.orderlist .bottomline .leftmes .lines {
	font-size:.24rem;
	color:#333333;
	line-height:.5rem;
	
	}
.orderlist .bottomline .rightmes {
	text-align:right;
	}
.orderlist .bottomline .rightmes p:first-child {
	font-size:.3rem;
	color:#DA3636;
	line-height:.3rem;
	font-weight:bold;
	}
.orderlist .bottomline .rightmes p:last-child {
	font-size:.24rem;
	color:#999999;
	line-height:.24rem;
	margin-top:.1rem;
	}