|
|
|
/* pages/customer/detail_owner_invitation4.wxss */
|
|
|
|
@import "../tpl/tpls.wxss";
|
|
|
|
|
|
|
|
@font-face {
|
|
|
|
font-family: 'Abel';
|
|
|
|
font-style: normal;
|
|
|
|
font-weight: 400;
|
|
|
|
src: url(https://fonts.gstatic.com/s/abel/v18/MwQ5bhbm2POE2V9BPQ.woff2) format('woff2');
|
|
|
|
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
|
|
|
}
|
|
|
|
|
|
|
|
.reservationInfo {
|
|
|
|
top: 0;
|
|
|
|
left: 0;
|
|
...
|
...
|
@@ -23,15 +31,11 @@ |
|
|
|
left: -10rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.bjIcon {
|
|
|
|
width: 312rpx;
|
|
|
|
height: 166rpx;
|
|
|
|
position: absolute !important;
|
|
|
|
right: 0;
|
|
|
|
bottom: 20%;
|
|
|
|
.marLeft {
|
|
|
|
margin-left: 10rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.title {
|
|
|
|
.sellerTitle {
|
|
|
|
text-align: center;
|
|
|
|
font-size: 48rpx;
|
|
|
|
font-family: PingFang SC;
|
|
...
|
...
|
@@ -46,20 +50,15 @@ |
|
|
|
padding: 16rpx 0 16rpx 20rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.lineBox{
|
|
|
|
padding-right: 30rpx;
|
|
|
|
border-right: 2rpx solid #FFD200;
|
|
|
|
}
|
|
|
|
|
|
|
|
.leftLine {
|
|
|
|
width: 95%;
|
|
|
|
height: 2rpx;
|
|
|
|
height: 4rpx;
|
|
|
|
background: #FFD200;
|
|
|
|
margin: 20rpx 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.leftInfo {
|
|
|
|
color: #fff;
|
|
|
|
color: #FFD200;
|
|
|
|
display: flex;
|
|
|
|
flex-wrap: wrap;
|
|
|
|
justify-content: flex-end;
|
|
...
|
...
|
@@ -73,7 +72,6 @@ |
|
|
|
overflow-y: scroll;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.infoBox {
|
|
|
|
display: flex;
|
|
|
|
position: relative;
|
|
...
|
...
|
@@ -86,8 +84,12 @@ |
|
|
|
font-weight: 500;
|
|
|
|
font-size: 80rpx;
|
|
|
|
width: 92rpx;
|
|
|
|
height: 372rpx;
|
|
|
|
margin: 20rpx 86rpx 0 0;
|
|
|
|
min-height: 100%;
|
|
|
|
margin: 20rpx 86rpx 0 20rpx;
|
|
|
|
border-left: 4rpx solid #FFD200;
|
|
|
|
padding-left: 30rpx;
|
|
|
|
display: flex;
|
|
|
|
align-items: center;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
...
|
...
|
@@ -98,25 +100,24 @@ |
|
|
|
align-items: center;
|
|
|
|
}
|
|
|
|
|
|
|
|
.chefText {
|
|
|
|
margin: 44rpx;
|
|
|
|
.welcome {
|
|
|
|
text-align: right;
|
|
|
|
margin: 40rpx;
|
|
|
|
font-weight: 500;
|
|
|
|
padding-bottom: 24rpx;
|
|
|
|
border-bottom: 2rpx solid #DBDBDB;
|
|
|
|
font-family: PingFang SC;
|
|
|
|
letter-spacing: 2rpx;
|
|
|
|
color: #FFD200;
|
|
|
|
}
|
|
|
|
|
|
|
|
.headerimg {
|
|
|
|
width: 140rpx;
|
|
|
|
height: 140rpx;
|
|
|
|
border-radius: 71rpx;
|
|
|
|
width: 120rpx;
|
|
|
|
height: 120rpx;
|
|
|
|
border-radius: 50%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.handle {
|
|
|
|
display: flex;
|
|
|
|
flex-direction: column;
|
|
|
|
color: #999999;
|
|
|
|
color: #FFEFC5;
|
|
|
|
font-family: PingFang SC;
|
|
|
|
font-weight: 500;
|
|
|
|
font-size: 26rpx;
|
|
...
|
...
|
@@ -124,9 +125,8 @@ |
|
|
|
}
|
|
|
|
|
|
|
|
.handlePhone {
|
|
|
|
color: #515151;
|
|
|
|
margin: 0 20rpx;
|
|
|
|
width: 47%;
|
|
|
|
margin: 0 10rpx 0 0;
|
|
|
|
width: 50%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.handleName {
|
|
...
|
...
|
@@ -138,6 +138,7 @@ |
|
|
|
display: -webkit-box;
|
|
|
|
-webkit-box-orient: vertical;
|
|
|
|
-webkit-line-clamp: 3;
|
|
|
|
margin-bottom: 20rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.handleBlower {
|
|
...
|
...
|
@@ -152,236 +153,302 @@ |
|
|
|
}
|
|
|
|
|
|
|
|
.brownFont {
|
|
|
|
padding: 8rpx 16rpx;
|
|
|
|
color: #0143A3;
|
|
|
|
border: 2rpx solid #0143A3;
|
|
|
|
padding: 4rpx 0;
|
|
|
|
color: #FFEFC5;
|
|
|
|
border: 2rpx solid #FFEFC5;
|
|
|
|
border-radius: 22rpx;
|
|
|
|
text-align: center;
|
|
|
|
width: 130rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.brownFont:nth-of-type(1) {
|
|
|
|
margin-bottom: 10rpx;
|
|
|
|
margin-bottom: 20rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.positioning {
|
|
|
|
margin: 22rpx 40rpx 40rpx 40rpx;
|
|
|
|
display: flex;
|
|
|
|
justify-content: space-between;
|
|
|
|
border-radius: 10rpx;
|
|
|
|
justify-content: center;
|
|
|
|
margin: 10rpx 30rpx 0 30rpx;
|
|
|
|
align-items: center;
|
|
|
|
color: #999999;
|
|
|
|
}
|
|
|
|
|
|
|
|
.positioning text{
|
|
|
|
box-sizing: border-box;
|
|
|
|
background: #FFEFC5;
|
|
|
|
padding: 20rpx;
|
|
|
|
border-radius: 16rpx;
|
|
|
|
flex: 1;
|
|
|
|
color: #515151;
|
|
|
|
font-family: PingFang SC;
|
|
|
|
font-size: 28rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.positioning image {
|
|
|
|
width: 25rpx;
|
|
|
|
height: 25rpx;
|
|
|
|
width: 32rpx;
|
|
|
|
height: 38rpx;
|
|
|
|
display: block !important;
|
|
|
|
margin-right: 4rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.mapBtn {
|
|
|
|
width: 33%;
|
|
|
|
padding: 8rpx;
|
|
|
|
margin-left: 10rpx;
|
|
|
|
height: 54rpx !important;
|
|
|
|
width: 25%;
|
|
|
|
padding: 8rpx 0;
|
|
|
|
margin-left: 12rpx;
|
|
|
|
height: 54rpx !important;
|
|
|
|
border: 2rpx solid #0143A3;
|
|
|
|
color: #0143A3;
|
|
|
|
height: 54rpx !important;
|
|
|
|
border-radius: 42rpx;
|
|
|
|
font-weight: 600;
|
|
|
|
color: #0143A3;
|
|
|
|
background: transparent;
|
|
|
|
height: 48rpx !important;
|
|
|
|
border-radius: 42rpx;
|
|
|
|
font-weight: 600;
|
|
|
|
}
|
|
|
|
|
|
|
|
.introduce {
|
|
|
|
box-sizing: border-box;
|
|
|
|
.imageStyle {
|
|
|
|
display: inline-block;
|
|
|
|
width: 330rpx;
|
|
|
|
height: 196rpx;
|
|
|
|
margin-right: 20rpx;
|
|
|
|
border-radius: 16rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.imgMask {
|
|
|
|
.imgs {
|
|
|
|
position: relative;
|
|
|
|
margin: 0 20rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.lines {
|
|
|
|
height: 2rpx;
|
|
|
|
margin: 20rpx;
|
|
|
|
margin-bottom: 20rpx;
|
|
|
|
background-color: #DBDBDB;
|
|
|
|
display: flex;
|
|
|
|
white-space: nowrap;
|
|
|
|
width: 282rpx;
|
|
|
|
height: 196rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.mtnone {
|
|
|
|
margin-top: 0;
|
|
|
|
.imgs text {
|
|
|
|
background: #515151;
|
|
|
|
color: #fff;
|
|
|
|
position: absolute;
|
|
|
|
left: 0;
|
|
|
|
bottom: 0;
|
|
|
|
height: 38rpx;
|
|
|
|
line-height: 38rpx;
|
|
|
|
width: 262rpx;
|
|
|
|
text-align: center;
|
|
|
|
border-bottom-left-radius: 16rpx;
|
|
|
|
border-bottom-right-radius: 16rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.imgMask .IntroduceColor {
|
|
|
|
border-bottom: 2rpx solid #DBDBDB;
|
|
|
|
margin: 0 20rpx 20rpx 20rpx;
|
|
|
|
.pageSpacing {
|
|
|
|
position: relative;
|
|
|
|
display: flex;
|
|
|
|
white-space: nowrap;
|
|
|
|
width: auto;
|
|
|
|
overflow-x: scroll;
|
|
|
|
border-bottom-left-radius: 10rpx;
|
|
|
|
border-bottom-right-radius: 10rpx;
|
|
|
|
padding-left: 30rpx;
|
|
|
|
margin-top: 10rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.texts {
|
|
|
|
margin: 0 20rpx 20rpx 0 !important;
|
|
|
|
.boxLeft .info {
|
|
|
|
text-align: center;
|
|
|
|
font-size: 40rpx;
|
|
|
|
color: #D8C46B;
|
|
|
|
font-family: FangSong;
|
|
|
|
margin-top: 20rpx;
|
|
|
|
overflow: hidden;
|
|
|
|
word-break: break-all;
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
display: -webkit-box;
|
|
|
|
-webkit-box-orient: vertical;
|
|
|
|
-webkit-line-clamp: 2;
|
|
|
|
}
|
|
|
|
|
|
|
|
.imgMask .text {
|
|
|
|
margin-bottom: 20rpx;
|
|
|
|
/* 优惠券开始 */
|
|
|
|
.preferentialCoupon {
|
|
|
|
padding: 60rpx 40rpx 0 40rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.imgMask .noneBor {
|
|
|
|
border: none;
|
|
|
|
margin-top: 20rpx;
|
|
|
|
.orderingFood {
|
|
|
|
padding: 0 40rpx;
|
|
|
|
border-radius: 22rpx;
|
|
|
|
text-align: center;
|
|
|
|
color: #0B0805;
|
|
|
|
border-radius: 20rpx;
|
|
|
|
line-height: 40rpx;
|
|
|
|
height: 36rpx;
|
|
|
|
background: transparent;
|
|
|
|
border: 2rpx solid #0B0805;
|
|
|
|
}
|
|
|
|
|
|
|
|
.imgMask image {
|
|
|
|
width: 100%;
|
|
|
|
.preferentialItems {
|
|
|
|
display: flex;
|
|
|
|
background: url('https://qn.colorcun.com/certificateBj1.png') no-repeat;
|
|
|
|
background-size: 100% 100%;
|
|
|
|
margin-bottom: 20rpx;
|
|
|
|
display: block !important;
|
|
|
|
vertical-align: top;
|
|
|
|
min-height: 160rpx;
|
|
|
|
padding-bottom: 10rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.shopName {
|
|
|
|
margin-bottom: 30rpx;
|
|
|
|
color: #ffffff;
|
|
|
|
font-family: FangSong;
|
|
|
|
font-size: 30rpx;
|
|
|
|
.rechargeItems {
|
|
|
|
background: url('https://qn.colorcun.com/certificateBj2.png') no-repeat;
|
|
|
|
background-size: 100% 100%;
|
|
|
|
min-height: 160rpx;
|
|
|
|
display: flex;
|
|
|
|
justify-content: space-between;
|
|
|
|
align-items: center;
|
|
|
|
height: auto;
|
|
|
|
padding: 12rpx 0;
|
|
|
|
margin: 0 20rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.rechargeItems .orderingFood {
|
|
|
|
margin-right: 20rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.labelBox {
|
|
|
|
margin: 20rpx;
|
|
|
|
.itemTop {
|
|
|
|
display: flex;
|
|
|
|
position: relative;
|
|
|
|
width: 100%;
|
|
|
|
align-items: center;
|
|
|
|
font-family: 'Abel';
|
|
|
|
color: #FD4D59;
|
|
|
|
margin-bottom: 10rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.rechargeItems .itemLeft {
|
|
|
|
width: 64%;
|
|
|
|
margin-left: 38rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.specialServices {
|
|
|
|
margin: 16rpx 40rpx;
|
|
|
|
border-bottom: 2rpx solid #DBDBDB;
|
|
|
|
.itemLeft {
|
|
|
|
width: 30%;
|
|
|
|
display: flex;
|
|
|
|
flex-direction: column;
|
|
|
|
justify-content: center;
|
|
|
|
position: relative;
|
|
|
|
}
|
|
|
|
|
|
|
|
.rubric {
|
|
|
|
.discountText {
|
|
|
|
text-align: center;
|
|
|
|
color: #FFEFC5;
|
|
|
|
border-radius: 6rpx;
|
|
|
|
font-family: PingFang SC;
|
|
|
|
font-weight: 500;
|
|
|
|
font-size: 36rpx;
|
|
|
|
margin: 0 0 10rpx 20rpx;
|
|
|
|
background: #FD4D59;
|
|
|
|
width: max-content;
|
|
|
|
padding: 0 6rpx;
|
|
|
|
position: absolute;
|
|
|
|
left: 16rpx;
|
|
|
|
top: 12rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.specialServices .news {
|
|
|
|
color: #515151;
|
|
|
|
font-family: PingFang SC;
|
|
|
|
font-weight: 500;
|
|
|
|
font-size: 24rpx;
|
|
|
|
line-height: 40rpx;
|
|
|
|
margin-left: 20rpx;
|
|
|
|
.famousChefBox .labelBox,
|
|
|
|
.stopBox .labelBox {
|
|
|
|
border-bottom: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.endStyle {
|
|
|
|
.labelBox {
|
|
|
|
margin: 20rpx 20rpx 0 20rpx;
|
|
|
|
display: flex;
|
|
|
|
justify-content: flex-end;
|
|
|
|
height: 54rpx;
|
|
|
|
margin: 20rpx 0;
|
|
|
|
position: relative;
|
|
|
|
padding-bottom: 20rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.over {
|
|
|
|
.labelBox .texts {
|
|
|
|
width: 90%;
|
|
|
|
line-height: 40rpx;
|
|
|
|
color: #FFEFC5;
|
|
|
|
font-family: PingFang SC;
|
|
|
|
font-size: 32rpx;
|
|
|
|
max-height: 400rpx;
|
|
|
|
overflow: hidden;
|
|
|
|
white-space: pre-line;
|
|
|
|
word-wrap: break-word;
|
|
|
|
overflow: hidden;
|
|
|
|
word-break: break-all;
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
display: -webkit-box;
|
|
|
|
-webkit-box-orient: vertical;
|
|
|
|
-webkit-line-clamp: 2;
|
|
|
|
-webkit-line-clamp: 10;
|
|
|
|
font-weight: 500;
|
|
|
|
}
|
|
|
|
|
|
|
|
.orderingFood {
|
|
|
|
padding: 0 26rpx;
|
|
|
|
color: #fff;
|
|
|
|
border-radius: 22rpx;
|
|
|
|
text-align: center;
|
|
|
|
background: linear-gradient(104.24deg, #4c8dad -57.47%, #0143a3 55.72%, #42a5ff 148.72%);
|
|
|
|
margin: 20rpx 10rpx 20rpx 0;
|
|
|
|
line-height: 44rpx;
|
|
|
|
height: 44rpx;
|
|
|
|
.introduceBox image {
|
|
|
|
width: 100%;
|
|
|
|
margin-bottom: 20rpx;
|
|
|
|
display: block !important;
|
|
|
|
vertical-align: top;
|
|
|
|
padding: 0 20rpx;
|
|
|
|
box-sizing: border-box;
|
|
|
|
}
|
|
|
|
|
|
|
|
.preferential {
|
|
|
|
margin: 0 40rpx;
|
|
|
|
.famousChefBox,
|
|
|
|
.stopBox,
|
|
|
|
.vegetableBox {
|
|
|
|
position: relative;
|
|
|
|
margin-top: 20rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.preferentialItems {
|
|
|
|
padding: 0 16rpx 0 24rpx;
|
|
|
|
display: flex;
|
|
|
|
justify-content: space-between;
|
|
|
|
align-items: center;
|
|
|
|
margin-bottom: 20rpx;
|
|
|
|
background: url('https://qn.colorcun.com/certificateBj.png') no-repeat;
|
|
|
|
background-size: 100% 100%;
|
|
|
|
.chefText {
|
|
|
|
font-family: PingFang SC;
|
|
|
|
font-weight: 500;
|
|
|
|
margin-top: 80rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.rubric1 {
|
|
|
|
margin: 30rpx 0;
|
|
|
|
.specialServices .chefText {
|
|
|
|
margin-top: 40rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.boxLeft {
|
|
|
|
flex: 1;
|
|
|
|
margin-right: 20rpx;
|
|
|
|
padding: 16rpx 0;
|
|
|
|
.specialServices {
|
|
|
|
margin: 16rpx 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.specialServices .news {
|
|
|
|
color: #FFEFC5;
|
|
|
|
font-family: PingFang SC;
|
|
|
|
font-weight: 500;
|
|
|
|
font-size: 32rpx;
|
|
|
|
line-height: 40rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.top {
|
|
|
|
.endStyle {
|
|
|
|
display: flex;
|
|
|
|
width: 100%;
|
|
|
|
justify-content: flex-end;
|
|
|
|
margin: 20rpx;
|
|
|
|
align-items: center;
|
|
|
|
margin-bottom: 20rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.bottom {
|
|
|
|
color: #515151;
|
|
|
|
font-family: PingFang SC;
|
|
|
|
.priceText {
|
|
|
|
font-family: 'Abel';
|
|
|
|
color: #E34D59;
|
|
|
|
font-weight: 500;
|
|
|
|
display: -webkit-box;
|
|
|
|
word-break: break-all;
|
|
|
|
word-wrap: break-word;
|
|
|
|
overflow: hidden;
|
|
|
|
text-align: left;
|
|
|
|
font-size: 64rpx;
|
|
|
|
margin-top: 6rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.top text:nth-of-type(1) {
|
|
|
|
max-width: 65%;
|
|
|
|
font-weight: 600;
|
|
|
|
color: #515151;
|
|
|
|
.priceText .icons {
|
|
|
|
font-family: 'Abel';
|
|
|
|
color: #FD4D59;
|
|
|
|
font-size: 40rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.top .discount {
|
|
|
|
padding: 0 6rpx;
|
|
|
|
color: #E34D59;
|
|
|
|
border: 2rpx solid #E34D59;
|
|
|
|
border-radius: 6rpx;
|
|
|
|
margin: 0 10rpx 0 20rpx;
|
|
|
|
font-family: PingFang SC;
|
|
|
|
height: 30rpx;
|
|
|
|
line-height: 30rpx;
|
|
|
|
.itemRight {
|
|
|
|
width: 70%;
|
|
|
|
padding-right: 10rpx;
|
|
|
|
margin-left: 18rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.top .price {
|
|
|
|
color: #E34D59;
|
|
|
|
font-weight: 500;
|
|
|
|
.btns {
|
|
|
|
margin: 24rpx 20rpx 10rpx 0;
|
|
|
|
display: flex;
|
|
|
|
justify-content: space-between;
|
|
|
|
}
|
|
|
|
|
|
|
|
.btns text {
|
|
|
|
color: #0B0805;
|
|
|
|
}
|
|
|
|
|
|
|
|
.price {
|
|
|
|
.priceText {
|
|
|
|
display: flex;
|
|
|
|
align-items: center;
|
|
|
|
justify-content: center;
|
|
|
|
}
|
|
|
|
|
|
|
|
.price .icons {
|
|
|
|
.priceText .icons {
|
|
|
|
margin-left: 18rpx;
|
|
|
|
color: #E34D59;
|
|
|
|
}
|
|
|
|
|
|
|
|
.vips image {
|
|
|
|
margin: 36rpx 0;
|
|
|
|
height: 300rpx;
|
|
|
|
font-size: 20rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.vips {
|
|
...
|
...
|
@@ -393,41 +460,23 @@ |
|
|
|
margin-top: 20rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.vips .news {
|
|
|
|
text-align: center;
|
|
|
|
color: #000000;
|
|
|
|
font-family: FangSong;
|
|
|
|
font-size: 40rpx;
|
|
|
|
margin: 0 0 100rpx 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.vips .text {
|
|
|
|
text-align: center;
|
|
|
|
color: #515151;
|
|
|
|
font-family: FangSong;
|
|
|
|
font-size: 28rpx;
|
|
|
|
margin: 20rpx 0;
|
|
|
|
.vips image {
|
|
|
|
height: 300rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.favouredPolicy {
|
|
|
|
width: 45%;
|
|
|
|
color: #5C95D7;
|
|
|
|
color: #FFEFC5;
|
|
|
|
font-family: PingFang SC;
|
|
|
|
font-weight: 500;
|
|
|
|
border: 2rpx solid #5C95D7;
|
|
|
|
border: 2rpx solid #FFEFC5;
|
|
|
|
border-radius: 22rpx;
|
|
|
|
text-align: center;
|
|
|
|
padding: 10rpx;
|
|
|
|
margin: 20rpx 0 44rpx 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.all-button {
|
|
|
|
background: #FAFAFA;
|
|
|
|
height: 160rpx;
|
|
|
|
padding: 0 40rpx;
|
|
|
|
box-sizing: border-box;
|
|
|
|
z-index: 100;
|
|
|
|
justify-content: flex-end;
|
|
|
|
.centerBtn {
|
|
|
|
margin: 0 20rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.shareItem,
|
|
...
|
...
|
@@ -435,9 +484,9 @@ |
|
|
|
.paymenBtn {
|
|
|
|
width: inherit;
|
|
|
|
margin: 0;
|
|
|
|
background: #fafafa;
|
|
|
|
color: #0143A3;
|
|
|
|
border: 2rpx solid #0143A3;
|
|
|
|
background: transparent;
|
|
|
|
color: #FFEFC5;
|
|
|
|
border: 2rpx solid #FFEFC5;
|
|
|
|
height: 46%;
|
|
|
|
border-radius: 42rpx;
|
|
|
|
font-weight: 600;
|
|
...
|
...
|
@@ -446,122 +495,62 @@ |
|
|
|
|
|
|
|
.shareItem {
|
|
|
|
margin-right: 0;
|
|
|
|
background: linear-gradient(104.24deg, #4c8dad -57.47%, #0143a3 55.72%, #42a5ff 148.72%);
|
|
|
|
color: #fff;
|
|
|
|
}
|
|
|
|
|
|
|
|
.menu-item {
|
|
|
|
width: 100%;
|
|
|
|
height: 100%;
|
|
|
|
display: flex;
|
|
|
|
justify-content: center;
|
|
|
|
align-items: center;
|
|
|
|
background: #FFEFC5;
|
|
|
|
color: #0B0805;
|
|
|
|
}
|
|
|
|
|
|
|
|
.cook {
|
|
|
|
height: 94% !important;
|
|
|
|
background: #fff;
|
|
|
|
border: 2rpx solid #0143A3;
|
|
|
|
border-radius: 32rpx;
|
|
|
|
background: transparent;
|
|
|
|
border: 2rpx solid #FFEFC5;
|
|
|
|
border-radius: 28rpx;
|
|
|
|
font-weight: normal;
|
|
|
|
width: 23% !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.bold {
|
|
|
|
font-weight: 500;
|
|
|
|
width: 40% !important;
|
|
|
|
color: #FFEFC5;
|
|
|
|
padding: 4rpx 0;
|
|
|
|
margin-left: 10rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.evaluateBox {
|
|
|
|
margin: 16rpx 84rpx 16rpx 40rpx;
|
|
|
|
margin: 50rpx 40rpx 40rpx 40rpx;
|
|
|
|
display: flex;
|
|
|
|
align-items: center;
|
|
|
|
justify-content: space-between;
|
|
|
|
color: #000;
|
|
|
|
}
|
|
|
|
|
|
|
|
.evaluateBox image {
|
|
|
|
width: 60rpx;
|
|
|
|
height: 70rpx;
|
|
|
|
width: 64rpx;
|
|
|
|
height: 64rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.evaluateBox text {
|
|
|
|
color: #000;
|
|
|
|
color: #FFEFC5;
|
|
|
|
font-size: 28rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.reserveBox{
|
|
|
|
.evaluateBox text text {
|
|
|
|
font-size: 40rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.reserveBox {
|
|
|
|
margin: 20rpx 40rpx 0 40rpx;
|
|
|
|
}
|
|
|
|
.reserveBox .title{
|
|
|
|
color: #000;
|
|
|
|
|
|
|
|
.reserveBox .title {
|
|
|
|
margin-bottom: 20rpx;
|
|
|
|
color: #FFEFC5;
|
|
|
|
font-family: PingFang SC;
|
|
|
|
font-size: 36rpx !important;
|
|
|
|
top: 0 !important;
|
|
|
|
text-align: left !important;
|
|
|
|
margin: 0 0 20rpx 0 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.reserveBox .items{
|
|
|
|
.reserveBox .items {
|
|
|
|
margin-bottom: 20rpx;
|
|
|
|
color: #000;
|
|
|
|
color: #FFEFC5;
|
|
|
|
font-family: PingFang SC;
|
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
|
|
|
|
.scroll-view {
|
|
|
|
white-space: nowrap;
|
|
|
|
}
|
|
|
|
|
|
|
|
.imageStyle {
|
|
|
|
display: inline-block;
|
|
|
|
width: 330rpx;
|
|
|
|
height: 196rpx;
|
|
|
|
margin-right: 20rpx;
|
|
|
|
border-radius: 16rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.scroll-view {
|
|
|
|
white-space: nowrap;
|
|
|
|
.reserveBox image {
|
|
|
|
width: 100%;
|
|
|
|
height: 100%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.imgs {
|
|
|
|
position: relative;
|
|
|
|
display: flex;
|
|
|
|
white-space: nowrap;
|
|
|
|
width: 282rpx;
|
|
|
|
height: 196rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.imgs text {
|
|
|
|
background: #515151;
|
|
|
|
color: #fff;
|
|
|
|
position: absolute;
|
|
|
|
left: 0;
|
|
|
|
bottom: 0;
|
|
|
|
height: 38rpx;
|
|
|
|
line-height: 38rpx;
|
|
|
|
width: 262rpx;
|
|
|
|
text-align: center;
|
|
|
|
border-bottom-left-radius: 16rpx;
|
|
|
|
border-bottom-right-radius: 16rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.pageSpacing {
|
|
|
|
position: relative;
|
|
|
|
display: flex;
|
|
|
|
white-space: nowrap;
|
|
|
|
width: auto;
|
|
|
|
overflow-x: scroll;
|
|
|
|
border-bottom-left-radius: 10rpx;
|
|
|
|
border-bottom-right-radius: 10rpx;
|
|
|
|
padding-left: 30rpx;
|
|
|
|
margin-top: 10rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.itemsLeft {
|
|
|
|
width: 75%;
|
|
|
|
padding: 16rpx 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.more {
|
|
...
|
...
|
@@ -576,16 +565,16 @@ |
|
|
|
background: rgba(0, 0, 0, .4);
|
|
|
|
}
|
|
|
|
|
|
|
|
.moreText {
|
|
|
|
color: #fff;
|
|
|
|
}
|
|
|
|
|
|
|
|
.more image {
|
|
|
|
width: 30rpx;
|
|
|
|
height: 30rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.musicImg{
|
|
|
|
.moreText {
|
|
|
|
color: #fff;
|
|
|
|
}
|
|
|
|
|
|
|
|
.musicImg {
|
|
|
|
width: 62rpx;
|
|
|
|
height: 62rpx;
|
|
|
|
position: fixed !important;
|
|
...
|
...
|
@@ -594,183 +583,417 @@ |
|
|
|
z-index: 200;
|
|
|
|
}
|
|
|
|
|
|
|
|
.bookData{
|
|
|
|
margin-left: 0;
|
|
|
|
/* 深中国红 */
|
|
|
|
.crimson .reservationInfo,
|
|
|
|
.crimson .settingColor,
|
|
|
|
.crimson+.sharewidth,
|
|
|
|
.crimson .positioningBox {
|
|
|
|
background: #86201B;
|
|
|
|
}
|
|
|
|
|
|
|
|
.crimson .rubric {
|
|
|
|
color: #86201B;
|
|
|
|
}
|
|
|
|
|
|
|
|
.businessBox {
|
|
|
|
color: #FFEFC5;
|
|
|
|
font-size: 24rpx;
|
|
|
|
font-family: PingFang SC;
|
|
|
|
}
|
|
|
|
|
|
|
|
.businessBox text {
|
|
|
|
color: #FD4D59;
|
|
|
|
}
|
|
|
|
|
|
|
|
.sharewidth {
|
|
|
|
position: fixed;
|
|
|
|
left: 0;
|
|
|
|
bottom: 0;
|
|
|
|
height: 160rpx;
|
|
|
|
padding: 0 40rpx;
|
|
|
|
box-sizing: border-box;
|
|
|
|
z-index: 100;
|
|
|
|
justify-content: flex-end;
|
|
|
|
width: 100%;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* 黑蓝过渡 */
|
|
|
|
.blackBlueGradient .reservationInfo {
|
|
|
|
.blackBlueGradient,
|
|
|
|
.blackBlueGradient+.sharewidth,
|
|
|
|
.blackBlueGradient .positioningBox {
|
|
|
|
background: linear-gradient(104.24deg, #42a5ff -57.47%, #000000 55.72%, #42a5ff 182.69%);
|
|
|
|
}
|
|
|
|
|
|
|
|
.blackBlueGradient .chefText,
|
|
|
|
.blackBlueGradient .rubric {
|
|
|
|
color: #0143A3;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* 石绿过渡 */
|
|
|
|
.stoneGreenGradient .reservationInfo {
|
|
|
|
.stoneGreenGradient,
|
|
|
|
.stoneGreenGradient+.sharewidth,
|
|
|
|
.stoneGreenGradient .positioningBox {
|
|
|
|
background: linear-gradient(121.52deg, #438e93 1.76%, #206864 42.99%, #206864 75.66%, #42a5ff 120.1%);
|
|
|
|
}
|
|
|
|
|
|
|
|
.stoneGreenGradient .chefText,
|
|
|
|
.stoneGreenGradient .rubric {
|
|
|
|
color: #206864;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* 中国红过渡 */
|
|
|
|
.chinaRedGradient .reservationInfo {
|
|
|
|
.chinaRedGradient,
|
|
|
|
.chinaRedGradient+.sharewidth,
|
|
|
|
.chinaRedGradient .positioningBox {
|
|
|
|
background: linear-gradient(309.04deg, #af231c -2.27%, #86201b 44.37%, #af231c 91.74%);
|
|
|
|
}
|
|
|
|
|
|
|
|
.chinaRedGradient .chefText,
|
|
|
|
.chinaRedGradient .rubric {
|
|
|
|
color: #86201B;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* 群青过渡 */
|
|
|
|
.ultramarineGradient .reservationInfo {
|
|
|
|
.ultramarineGradient,
|
|
|
|
.ultramarineGradient+.sharewidth,
|
|
|
|
.ultramarineGradient .positioningBox {
|
|
|
|
background: linear-gradient(104.24deg, #4c8dad -57.47%, #0143a3 55.72%, #42a5ff 148.72%);
|
|
|
|
}
|
|
|
|
|
|
|
|
.ultramarineGradient .chefText,
|
|
|
|
.ultramarineGradient .rubric {
|
|
|
|
color: #0143A3;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* 深中国红 */
|
|
|
|
.crimson .reservationInfo {
|
|
|
|
.crimson .reservationInfo,
|
|
|
|
.crimson .settingColor,
|
|
|
|
.crimson+.sharewidth,
|
|
|
|
.crimson .positioningBox {
|
|
|
|
background: #86201B;
|
|
|
|
}
|
|
|
|
|
|
|
|
.crimson .chefText,
|
|
|
|
.crimson .rubric {
|
|
|
|
color: #86201B;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* 中国红 */
|
|
|
|
.chinaRed .reservationInfo {
|
|
|
|
.chinaRed .reservationInfo,
|
|
|
|
.chinaRed .settingColor,
|
|
|
|
.chinaRed+.sharewidth,
|
|
|
|
.chinaRed .positioningBox {
|
|
|
|
background: #AF231C;
|
|
|
|
}
|
|
|
|
|
|
|
|
.chinaRed .chefText,
|
|
|
|
.chinaRed .rubric {
|
|
|
|
color: #AF231C;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* 蓝采和 */
|
|
|
|
.lanCaiHe .reservationInfo {
|
|
|
|
.lanCaiHe .reservationInfo,
|
|
|
|
.lanCaiHe .settingColor,
|
|
|
|
.lanCaiHe+.sharewidth,
|
|
|
|
.lanCaiHe .positioningBox {
|
|
|
|
background: #06436F;
|
|
|
|
}
|
|
|
|
|
|
|
|
.lanCaiHe .chefText,
|
|
|
|
.lanCaiHe .rubric {
|
|
|
|
color: #06436F;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* 石绿 */
|
|
|
|
.stoneGreen .reservationInfo {
|
|
|
|
.stoneGreen .reservationInfo,
|
|
|
|
.stoneGreen .settingColor,
|
|
|
|
.stoneGreen+.sharewidth,
|
|
|
|
.stoneGreen .positioningBox {
|
|
|
|
background: #206864;
|
|
|
|
}
|
|
|
|
|
|
|
|
.stoneGreen .chefText,
|
|
|
|
.stoneGreen .rubric {
|
|
|
|
color: #206864;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* 姜黄 */
|
|
|
|
.turmeric .reservationInfo {
|
|
|
|
.turmeric .reservationInfo,
|
|
|
|
.turmeric .settingColor,
|
|
|
|
.turmeric+.sharewidth,
|
|
|
|
.turmeric .positioningBox {
|
|
|
|
background: #B39437;
|
|
|
|
}
|
|
|
|
|
|
|
|
.turmeric .chefText,
|
|
|
|
.turmeric .rubric {
|
|
|
|
color: #B39437;
|
|
|
|
}
|
|
|
|
|
|
|
|
.turmeric .contentData,
|
|
|
|
.turmeric .label,
|
|
|
|
.turmeric .welcome,
|
|
|
|
.turmeric .positioningName,
|
|
|
|
.turmeric .favouredPolicy,
|
|
|
|
.turmeric .businessBox,
|
|
|
|
.turmeric .evaluateBox text,
|
|
|
|
.turmeric .imgs text,
|
|
|
|
.turmeric .labelBox .texts,
|
|
|
|
.turmeric .specialServices .news,
|
|
|
|
.turmeric .reserveBox .items,
|
|
|
|
.turmeric .reserveBox .title,
|
|
|
|
.turmeric .handle,
|
|
|
|
.turmeric .title,
|
|
|
|
.turmeric .infoBoxRight {
|
|
|
|
.turmeric .leftInfo,
|
|
|
|
.turmeric .sellerTitle,
|
|
|
|
.turmeric .boxLeft .info,
|
|
|
|
.turmeric .begin {
|
|
|
|
color: #fff;
|
|
|
|
}
|
|
|
|
|
|
|
|
.turmeric .infoBox .infoBoxRight {
|
|
|
|
color: #fff;
|
|
|
|
border-left: 4rpx solid #fff;
|
|
|
|
}
|
|
|
|
|
|
|
|
.turmeric .line,
|
|
|
|
.turmeric .leftLine {
|
|
|
|
background: #fff;
|
|
|
|
}
|
|
|
|
|
|
|
|
.turmeric .brownFont,
|
|
|
|
.turmeric .paymenBtn,
|
|
|
|
.turmeric .moreBtn,
|
|
|
|
.turmeric .cook {
|
|
|
|
color: #fff;
|
|
|
|
border: 2rpx solid #fff;
|
|
|
|
}
|
|
|
|
|
|
|
|
.turmeric .shareItem {
|
|
|
|
background: #fff;
|
|
|
|
color: #0B0805;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* 苍黄 */
|
|
|
|
.greenishYellow .reservationInfo {
|
|
|
|
.greenishYellow .reservationInfo,
|
|
|
|
.greenishYellow .settingColor,
|
|
|
|
.greenishYellow+.sharewidth,
|
|
|
|
.greenishYellow .positioningBox {
|
|
|
|
background: #C85306;
|
|
|
|
}
|
|
|
|
|
|
|
|
.greenishYellow .chefText,
|
|
|
|
.greenishYellow .rubric {
|
|
|
|
color: #C85306;
|
|
|
|
}
|
|
|
|
|
|
|
|
.greenishYellow .contentData,
|
|
|
|
.greenishYellow .label,
|
|
|
|
.greenishYellow .welcome,
|
|
|
|
.greenishYellow .positioningName,
|
|
|
|
.greenishYellow .favouredPolicy,
|
|
|
|
.greenishYellow .businessBox,
|
|
|
|
.greenishYellow .evaluateBox text,
|
|
|
|
.greenishYellow .imgs text,
|
|
|
|
.greenishYellow .labelBox .texts,
|
|
|
|
.greenishYellow .specialServices .news,
|
|
|
|
.greenishYellow .handle,
|
|
|
|
.greenishYellow .title,
|
|
|
|
.greenishYellow .leftInfo,
|
|
|
|
.greenishYellow .sellerTitle,
|
|
|
|
.greenishYellow .boxLeft .info,
|
|
|
|
.greenishYellow .begin {
|
|
|
|
color: #fff;
|
|
|
|
}
|
|
|
|
|
|
|
|
.greenishYellow .infoBox .infoBoxRight {
|
|
|
|
color: #fff;
|
|
|
|
border-left: 4rpx solid #fff;
|
|
|
|
}
|
|
|
|
|
|
|
|
.greenishYellow .leftLine {
|
|
|
|
background: #fff;
|
|
|
|
}
|
|
|
|
|
|
|
|
.greenishYellow .brownFont,
|
|
|
|
.greenishYellow .paymenBtn,
|
|
|
|
.greenishYellow .moreBtn,
|
|
|
|
.greenishYellow .cook {
|
|
|
|
color: #fff;
|
|
|
|
border: 2rpx solid #fff;
|
|
|
|
}
|
|
|
|
|
|
|
|
.greenishYellow .shareItem {
|
|
|
|
background: #fff;
|
|
|
|
color: #0B0805;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* 金黄 */
|
|
|
|
.golden .reservationInfo {
|
|
|
|
.golden .reservationInfo,
|
|
|
|
.golden .settingColor,
|
|
|
|
.golden+.sharewidth,
|
|
|
|
.golden .positioningBox {
|
|
|
|
background: #C67B3A;
|
|
|
|
}
|
|
|
|
|
|
|
|
.golden .chefText,
|
|
|
|
.golden .rubric {
|
|
|
|
color: #C67B3A;
|
|
|
|
}
|
|
|
|
|
|
|
|
.golden .contentData,
|
|
|
|
.golden .label,
|
|
|
|
.golden .welcome,
|
|
|
|
.golden .positioningName,
|
|
|
|
.golden .favouredPolicy,
|
|
|
|
.golden .businessBox,
|
|
|
|
.golden .evaluateBox text,
|
|
|
|
.golden .imgs text,
|
|
|
|
.golden .labelBox .texts,
|
|
|
|
.golden .specialServices .news,
|
|
|
|
.golden .reserveBox .items,
|
|
|
|
.golden .reserveBox .title,
|
|
|
|
.golden .handle,
|
|
|
|
.golden .title,
|
|
|
|
.golden .infoBoxRight {
|
|
|
|
.golden .leftInfo,
|
|
|
|
.golden .sellerTitle,
|
|
|
|
.golden .boxLeft .info,
|
|
|
|
.golden .begin {
|
|
|
|
color: #fff;
|
|
|
|
}
|
|
|
|
|
|
|
|
.golden .infoBox .infoBoxRight {
|
|
|
|
color: #fff;
|
|
|
|
border-left: 4rpx solid #fff;
|
|
|
|
}
|
|
|
|
|
|
|
|
.golden .line,
|
|
|
|
.golden .leftLine {
|
|
|
|
background: #fff;
|
|
|
|
}
|
|
|
|
|
|
|
|
.golden .brownFont,
|
|
|
|
.golden .paymenBtn,
|
|
|
|
.golden .moreBtn,
|
|
|
|
.golden .cook {
|
|
|
|
color: #fff;
|
|
|
|
border: 2rpx solid #fff;
|
|
|
|
}
|
|
|
|
|
|
|
|
.golden .shareItem {
|
|
|
|
background: #fff;
|
|
|
|
color: #0B0805;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* 群青 */
|
|
|
|
.ultramarine .reservationInfo {
|
|
|
|
.ultramarine .reservationInfo,
|
|
|
|
.ultramarine .settingColor,
|
|
|
|
.ultramarine+.sharewidth,
|
|
|
|
.ultramarine .positioningBox {
|
|
|
|
background: #0143A3;
|
|
|
|
}
|
|
|
|
|
|
|
|
.ultramarine .chefText,
|
|
|
|
.ultramarine .rubric {
|
|
|
|
color: #0143A3;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* 摩洛哥蓝 */
|
|
|
|
.moroccanBlue .reservationInfo {
|
|
|
|
.moroccanBlue .reservationInfo,
|
|
|
|
.moroccanBlue .settingColor,
|
|
|
|
.moroccanBlue+.sharewidth,
|
|
|
|
.moroccanBlue .positioningBox {
|
|
|
|
background: #19516A;
|
|
|
|
}
|
|
|
|
|
|
|
|
.moroccanBlue .chefText,
|
|
|
|
.moroccanBlue .rubric {
|
|
|
|
color: #19516A;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* 珍珠白 */
|
|
|
|
.pearlWhite .reservationInfo {
|
|
|
|
.pearlWhite .reservationInfo,
|
|
|
|
.pearlWhite .settingColor,
|
|
|
|
.pearlWhite+.sharewidth,
|
|
|
|
.pearlWhite .positioningBox {
|
|
|
|
background: #fbf6f1;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.pearlWhite .reservationInfoBox {
|
|
|
|
background: #BCDAA5;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.pearlWhite .positioning {
|
|
|
|
background: rgba(188, 218, 165, 0.5);
|
|
|
|
color: #578C69;
|
|
|
|
}
|
|
|
|
|
|
|
|
.pearlWhite .preferentialItems {
|
|
|
|
background: url(https://nosqn.colorcun.com/certificateWhiteBj1.png) no-repeat;
|
|
|
|
background-size: 100% 100%;
|
|
|
|
margin-bottom: 20rpx;
|
|
|
|
min-height: 160rpx;
|
|
|
|
padding-bottom: 10rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.pearlWhite .rechargeItems {
|
|
|
|
background: url(https://nosqn.colorcun.com/certificateWhiteBj2.png) no-repeat;
|
|
|
|
background-size: 100% 100%;
|
|
|
|
margin-bottom: 20rpx;
|
|
|
|
min-height: 160rpx;
|
|
|
|
padding-bottom: 10rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.pearlWhite .handlePhone,
|
|
|
|
.pearlWhite .begin,
|
|
|
|
.pearlWhite .title,
|
|
|
|
.pearlWhite .infoBoxRight,
|
|
|
|
.pearlWhite .leftInfo {
|
|
|
|
color: #515151;
|
|
|
|
.pearlWhite .welcome,
|
|
|
|
.pearlWhite .positioningName,
|
|
|
|
.pearlWhite .rubric,
|
|
|
|
.pearlWhite .contentData,
|
|
|
|
.pearlWhite .btns text,
|
|
|
|
.pearlWhite .itemRight .bottom,
|
|
|
|
.pearlWhite .evaluateBox text,
|
|
|
|
.pearlWhite .labelBox .texts,
|
|
|
|
.pearlWhite .specialServices .news,
|
|
|
|
.pearlWhite .itemBottom,
|
|
|
|
.pearlWhite .bottom,
|
|
|
|
.pearlWhite .businessBox,
|
|
|
|
.pearlWhite .reserveBox .items,
|
|
|
|
.pearlWhite .reserveBox .title,
|
|
|
|
.pearlWhite .titleImg .info,
|
|
|
|
.pearlWhite .label,
|
|
|
|
.pearlWhite .title,
|
|
|
|
.pearlWhite .leftInfo,
|
|
|
|
.pearlWhite .sellerTitle,
|
|
|
|
.pearlWhite .boxLeft .info,
|
|
|
|
.pearlWhite .reservationInfo .flex-11 {
|
|
|
|
color: #578C69;
|
|
|
|
}
|
|
|
|
|
|
|
|
.pearlWhite .rubric {
|
|
|
|
color: #0143A3;
|
|
|
|
.pearlWhite .infoBox .infoBoxRight {
|
|
|
|
color: #578C69;
|
|
|
|
border-left: 4rpx solid #578C69;
|
|
|
|
}
|
|
|
|
|
|
|
|
.businessBox {
|
|
|
|
color: #515151;
|
|
|
|
font-size: 24rpx;
|
|
|
|
font-family: PingFang SC;
|
|
|
|
.pearlWhite .leftLine {
|
|
|
|
background: #578C69;
|
|
|
|
}
|
|
|
|
|
|
|
|
.businessBox text {
|
|
|
|
color: #0143A3;
|
|
|
|
.pearlWhite .imgs text {
|
|
|
|
color: #fff;
|
|
|
|
}
|
|
|
|
|
|
|
|
.pearlWhite .brownFont,
|
|
|
|
.pearlWhite .orderingFood,
|
|
|
|
.pearlWhite .cook,
|
|
|
|
.pearlWhite .favouredPolicy,
|
|
|
|
.pearlWhite .paymenBtn,
|
|
|
|
.pearlWhite .mapBtn,
|
|
|
|
.pearlWhite .moreBtn {
|
|
|
|
color: #578C69;
|
|
|
|
border: 2rpx solid #578C69;
|
|
|
|
}
|
|
|
|
|
|
|
|
.pearlWhite .shareItem {
|
|
|
|
background: #578C69;
|
|
|
|
color: #fff;
|
|
|
|
}
|
|
|
|
|
|
|
|
.pearlWhite .discountText {
|
|
|
|
background: transparent;
|
|
|
|
border: 2rpx solid #FD4D59;
|
|
|
|
color: #FD4D59;
|
|
|
|
}
|
|
|
|
|
|
|
|
.toastBox {
|
...
|
...
|
|
