|
|
|
/* pages/customer/detail_owner_invitation7.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;
|
|
|
|
}
|
|
|
|
|
|
|
|
.imgBox {
|
|
|
|
position: relative;
|
|
|
|
color: #FFEFC5;
|
|
|
|
}
|
|
|
|
|
|
|
|
.homeImage {
|
|
|
|
position: relative;
|
|
|
|
left: 0;
|
|
|
|
top: 0;
|
|
|
|
width: 100%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.imgTop {
|
|
|
|
width: 100%;
|
|
|
|
text-align: center;
|
|
|
|
position: absolute;
|
|
|
|
left: 0;
|
|
|
|
top: 0;
|
|
|
|
line-height: 50rpx;
|
|
|
|
background: rgba(81, 81, 81, 0.85);
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
.imgBottom {
|
|
|
|
width: 100%;
|
|
|
|
text-align: center;
|
|
|
|
position: absolute;
|
|
|
|
left: 0;
|
|
|
|
bottom: 0;
|
|
|
|
line-height: 68rpx;
|
|
|
|
background: rgba(81, 81, 81, 0.85);
|
|
|
|
}
|
|
|
|
|
|
|
|
.begin {
|
|
|
|
margin: 0 30rpx 0 30rpx;
|
|
|
|
color: #FBF6F1;
|
|
|
|
margin: 30rpx 40rpx 50rpx;
|
|
|
|
color: #FFEFC5;
|
|
|
|
font-family: PingFang SC;
|
|
|
|
}
|
|
|
|
|
|
|
|
.beginTop{
|
|
|
|
margin: 30rpx 30rpx 0;
|
|
|
|
.marLeft {
|
|
|
|
margin-left: 10rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.begin view {
|
|
|
|
line-height: 64rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.centerBox {
|
|
|
|
text-align: center;
|
|
|
|
margin-top: 20rpx;
|
|
|
|
font-weight: 600;
|
|
|
|
}
|
|
|
|
|
|
|
|
.reservationInfo {
|
|
|
|
min-height: 200rpx;
|
|
|
|
padding-bottom: 20rpx;
|
|
...
|
...
|
@@ -32,7 +63,6 @@ |
|
|
|
color: #FBF6F1;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.reservationInfo .flex-11 {
|
|
|
|
margin: 0 30rpx;
|
|
|
|
display: flex;
|
|
...
|
...
|
@@ -42,6 +72,7 @@ |
|
|
|
}
|
|
|
|
|
|
|
|
.label {
|
|
|
|
color: #FFEFC5;
|
|
|
|
flex-shrink: 0;
|
|
|
|
font-family: PingFang SC;
|
|
|
|
}
|
|
...
|
...
|
@@ -50,6 +81,8 @@ |
|
|
|
flex: 1;
|
|
|
|
line-height: 60rpx;
|
|
|
|
font-family: PingFang SC;
|
|
|
|
margin-left: 40rpx;
|
|
|
|
color: #FFD200;
|
|
|
|
}
|
|
|
|
|
|
|
|
.handleInfo {
|
|
...
|
...
|
@@ -64,30 +97,28 @@ |
|
|
|
margin: 42rpx 40rpx 16rpx 40rpx;
|
|
|
|
font-weight: 500;
|
|
|
|
letter-spacing: 2rpx;
|
|
|
|
color: #FBF6F1;
|
|
|
|
color: #FFEFC5;
|
|
|
|
}
|
|
|
|
|
|
|
|
.headerimg {
|
|
|
|
width: 140rpx;
|
|
|
|
height: 140rpx;
|
|
|
|
border-radius: 71rpx;
|
|
|
|
width: 120rpx;
|
|
|
|
height: 120rpx;
|
|
|
|
border-radius: 50%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.handle {
|
|
|
|
display: flex;
|
|
|
|
flex-direction: column;
|
|
|
|
color: #FBF6F1;
|
|
|
|
color: #FFEFC5;
|
|
|
|
font-family: PingFang SC;
|
|
|
|
font-weight: 500;
|
|
|
|
font-size: 26rpx;
|
|
|
|
font-size: 28rpx;
|
|
|
|
justify-content: space-between;
|
|
|
|
}
|
|
|
|
|
|
|
|
.handlePhone {
|
|
|
|
margin: 0 20rpx;
|
|
|
|
color: #fff;
|
|
|
|
margin: 0 20rpx;
|
|
|
|
width: 47%;
|
|
|
|
margin: 0 10rpx 0 0;
|
|
|
|
width: 50%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.handleName {
|
|
...
|
...
|
@@ -99,6 +130,7 @@ |
|
|
|
display: -webkit-box;
|
|
|
|
-webkit-box-orient: vertical;
|
|
|
|
-webkit-line-clamp: 3;
|
|
|
|
margin-bottom: 20rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.handleBlower {
|
|
...
|
...
|
@@ -113,116 +145,209 @@ |
|
|
|
}
|
|
|
|
|
|
|
|
.brownFont {
|
|
|
|
padding: 8rpx 16rpx;
|
|
|
|
color: #FBF6F1;
|
|
|
|
border: 2rpx solid #FBF6F1;
|
|
|
|
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;
|
|
|
|
}
|
|
|
|
|
|
|
|
.handle text {
|
|
|
|
margin-bottom: 20rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.handle text:nth-of-type(2) {
|
|
|
|
margin-bottom: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.positioning {
|
|
|
|
display: flex;
|
|
|
|
justify-content: center;
|
|
|
|
margin: 8rpx 30rpx 0 30rpx;
|
|
|
|
display: flex;
|
|
|
|
margin: 10rpx 30rpx 0 30rpx;
|
|
|
|
align-items: center;
|
|
|
|
box-sizing: border-box;
|
|
|
|
flex-direction: column;
|
|
|
|
background: #FBF6F1;
|
|
|
|
background: #FFEFC5;
|
|
|
|
padding: 20rpx;
|
|
|
|
border-radius: 16rpx;
|
|
|
|
flex: 1;
|
|
|
|
color: #000;
|
|
|
|
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;
|
|
|
|
}
|
|
|
|
|
|
|
|
.positioning .name {
|
|
|
|
width: 100%;
|
|
|
|
.mapBtn {
|
|
|
|
width: 25%;
|
|
|
|
padding: 8rpx 0;
|
|
|
|
margin-left: 12rpx;
|
|
|
|
height: 54rpx !important;
|
|
|
|
border: 2rpx solid #0B0805;
|
|
|
|
color: #0B0805;
|
|
|
|
background: transparent;
|
|
|
|
height: 48rpx !important;
|
|
|
|
border-radius: 42rpx;
|
|
|
|
font-weight: 600;
|
|
|
|
}
|
|
|
|
|
|
|
|
.pageSpacing {
|
|
|
|
position: relative;
|
|
|
|
display: flex;
|
|
|
|
justify-content: center;
|
|
|
|
align-items: center;
|
|
|
|
font-family: PingFang SC;
|
|
|
|
font-size: 28rpx;
|
|
|
|
margin-top: 10rpx;
|
|
|
|
white-space: nowrap;
|
|
|
|
width: auto;
|
|
|
|
overflow-x: scroll;
|
|
|
|
border-bottom-left-radius: 10rpx;
|
|
|
|
border-bottom-right-radius: 10rpx;
|
|
|
|
margin-top: 50rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.mapBtn {
|
|
|
|
width: 33%;
|
|
|
|
padding: 8rpx;
|
|
|
|
margin-left: 10rpx;
|
|
|
|
height: 54rpx !important;
|
|
|
|
border: 2rpx solid #0143A3;
|
|
|
|
color: #0143A3;
|
|
|
|
height: 54rpx !important;
|
|
|
|
border-radius: 42rpx;
|
|
|
|
font-weight: 600;
|
|
|
|
|
|
|
|
.pageSpacing1 {
|
|
|
|
position: relative;
|
|
|
|
display: flex;
|
|
|
|
white-space: nowrap;
|
|
|
|
width: auto;
|
|
|
|
overflow-x: scroll;
|
|
|
|
border-bottom-left-radius: 10rpx;
|
|
|
|
border-bottom-right-radius: 10rpx;
|
|
|
|
padding-left: 170rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.positioning .name text {
|
|
|
|
line-height: 50rpx;
|
|
|
|
.scroll-view {
|
|
|
|
white-space: nowrap;
|
|
|
|
width: 100%;
|
|
|
|
height: 100%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.positioning .name text:nth-of-type(2) {
|
|
|
|
text-indent: 8rpx;
|
|
|
|
.imgs {
|
|
|
|
position: relative;
|
|
|
|
display: flex;
|
|
|
|
white-space: nowrap;
|
|
|
|
width: 470rpx;
|
|
|
|
height: 348rpx;
|
|
|
|
margin-right: 30rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.introduce {
|
|
|
|
box-sizing: border-box;
|
|
|
|
.imgs text {
|
|
|
|
background: #515151;
|
|
|
|
color: #fff;
|
|
|
|
position: absolute;
|
|
|
|
left: 0;
|
|
|
|
bottom: 0;
|
|
|
|
height: 64rpx;
|
|
|
|
line-height: 64rpx;
|
|
|
|
width: 470rpx;
|
|
|
|
text-align: center;
|
|
|
|
border-bottom-left-radius: 16rpx;
|
|
|
|
border-bottom-right-radius: 16rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.imgMask {
|
|
|
|
margin: 0 20rpx;
|
|
|
|
.imageStyle {
|
|
|
|
display: inline-block;
|
|
|
|
width: 500rpx;
|
|
|
|
height: 348rpx;
|
|
|
|
border-radius: 16rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.lines {
|
|
|
|
height: 2rpx;
|
|
|
|
margin: 20rpx 20rpx 0 20rpx;
|
|
|
|
background-color: #DBDBDB;
|
|
|
|
/* 优惠券开始 */
|
|
|
|
.preferentialCoupon {
|
|
|
|
padding: 60rpx 40rpx 0 40rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.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;
|
|
|
|
}
|
|
|
|
|
|
|
|
.mtnone {
|
|
|
|
margin-top: 0;
|
|
|
|
.preferentialItems {
|
|
|
|
display: flex;
|
|
|
|
background: url('https://qn.colorcun.com/certificateBj1.png') no-repeat;
|
|
|
|
background-size: 100% 100%;
|
|
|
|
margin-bottom: 20rpx;
|
|
|
|
min-height: 160rpx;
|
|
|
|
padding-bottom: 10rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.IntroduceColor {
|
|
|
|
.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;
|
|
|
|
}
|
|
|
|
|
|
|
|
.famousChefBox .labelBox {
|
|
|
|
.rechargeItems .orderingFood {
|
|
|
|
margin-right: 20rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.itemTop {
|
|
|
|
display: flex;
|
|
|
|
width: 100%;
|
|
|
|
align-items: center;
|
|
|
|
font-family: 'Abel';
|
|
|
|
color: #FD4D59;
|
|
|
|
margin-bottom: 10rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.rechargeItems .itemLeft {
|
|
|
|
width: 64%;
|
|
|
|
margin-left: 38rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.itemLeft {
|
|
|
|
width: 30%;
|
|
|
|
display: flex;
|
|
|
|
flex-direction: column;
|
|
|
|
justify-content: center;
|
|
|
|
position: relative;
|
|
|
|
}
|
|
|
|
|
|
|
|
.discountText {
|
|
|
|
text-align: center;
|
|
|
|
color: #FFEFC5;
|
|
|
|
border-radius: 6rpx;
|
|
|
|
font-family: PingFang SC;
|
|
|
|
background: #FD4D59;
|
|
|
|
width: max-content;
|
|
|
|
padding: 0 6rpx;
|
|
|
|
position: absolute;
|
|
|
|
left: 16rpx;
|
|
|
|
top: 12rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.famousChefBox .labelBox,
|
|
|
|
.stopBox .labelBox {
|
|
|
|
border-bottom: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.labelBox {
|
|
|
|
width: 100%;
|
|
|
|
margin: 20rpx 20rpx 0 20rpx;
|
|
|
|
display: flex;
|
|
|
|
position: relative;
|
|
|
|
border-bottom: 2rpx solid #DBDBDB;
|
|
|
|
padding-bottom: 20rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.labelBox .texts {
|
|
|
|
width: 90%;
|
|
|
|
line-height: 40rpx;
|
|
|
|
margin: 0 0 20rpx 20rpx;
|
|
|
|
color: #515151;
|
|
|
|
color: #FFEFC5;
|
|
|
|
font-family: PingFang SC;
|
|
|
|
font-size: 24rpx;
|
|
|
|
font-size: 32rpx;
|
|
|
|
max-height: 400rpx;
|
|
|
|
overflow: hidden;
|
|
|
|
white-space: pre-line;
|
|
...
|
...
|
@@ -236,140 +361,79 @@ |
|
|
|
font-weight: 500;
|
|
|
|
}
|
|
|
|
|
|
|
|
.labelBox .line1 {
|
|
|
|
margin: 0 0 0 16rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.imgMask image {
|
|
|
|
.introduceBox image {
|
|
|
|
width: 100%;
|
|
|
|
margin-bottom: 20rpx;
|
|
|
|
display: block !important;
|
|
|
|
vertical-align: top;
|
|
|
|
vertical-align: top;
|
|
|
|
padding: 0 20rpx;
|
|
|
|
box-sizing: border-box;
|
|
|
|
}
|
|
|
|
|
|
|
|
.famousChefBox {
|
|
|
|
.famousChefBox,
|
|
|
|
.stopBox,
|
|
|
|
.vegetableBox {
|
|
|
|
position: relative;
|
|
|
|
}
|
|
|
|
|
|
|
|
.Introducepublic {
|
|
|
|
display: flex;
|
|
|
|
flex-direction: column;
|
|
|
|
font-size: 28rpx;
|
|
|
|
line-height: 50rpx;
|
|
|
|
box-sizing: border-box;
|
|
|
|
margin-top: 20rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.chefText {
|
|
|
|
font-family: PingFang SC;
|
|
|
|
font-weight: 500;
|
|
|
|
margin: 20rpx 0;
|
|
|
|
margin-top: 80rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.texts1 {
|
|
|
|
margin: 20rpx 0 20rpx 20rpx;
|
|
|
|
.specialServices .chefText {
|
|
|
|
margin-top: 40rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.specialServices {
|
|
|
|
margin: 16rpx 40rpx;
|
|
|
|
border-bottom: 2rpx solid #DBDBDB;
|
|
|
|
}
|
|
|
|
|
|
|
|
.rubric {
|
|
|
|
font-family: PingFang SC;
|
|
|
|
font-weight: 500;
|
|
|
|
font-size: 36rpx;
|
|
|
|
margin-bottom: 10rpx;
|
|
|
|
margin: 16rpx 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.specialServices .news {
|
|
|
|
color: #515151;
|
|
|
|
color: #FFEFC5;
|
|
|
|
font-family: PingFang SC;
|
|
|
|
font-weight: 500;
|
|
|
|
font-size: 24rpx;
|
|
|
|
font-size: 32rpx;
|
|
|
|
line-height: 40rpx;
|
|
|
|
margin-left: 20rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.endStyle {
|
|
|
|
display: flex;
|
|
|
|
justify-content: flex-end;
|
|
|
|
height: 54rpx;
|
|
|
|
margin: 20rpx 0;
|
|
|
|
margin: 20rpx;
|
|
|
|
align-items: center;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.orderingFood {
|
|
|
|
padding: 0 26rpx;
|
|
|
|
border-radius: 22rpx;
|
|
|
|
text-align: center;
|
|
|
|
color: #fff;
|
|
|
|
border-radius: 32rpx;
|
|
|
|
margin: 20rpx 0;
|
|
|
|
line-height: 44rpx;
|
|
|
|
height: 44rpx;
|
|
|
|
background: linear-gradient(104.24deg, #4c8dad -57.47%, #0143a3 55.72%, #42a5ff 148.72%);
|
|
|
|
.priceText {
|
|
|
|
font-family: 'Abel';
|
|
|
|
color: #E34D59;
|
|
|
|
font-weight: 500;
|
|
|
|
font-size: 64rpx;
|
|
|
|
margin-top: 6rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.preferential {
|
|
|
|
margin: 20rpx 40rpx 0 40rpx;
|
|
|
|
.priceText .icons {
|
|
|
|
font-family: 'Abel';
|
|
|
|
color: #FD4D59;
|
|
|
|
font-size: 40rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.rubric1 {
|
|
|
|
margin-bottom: 20rpx;
|
|
|
|
.itemRight {
|
|
|
|
width: 70%;
|
|
|
|
padding-right: 10rpx;
|
|
|
|
margin-left: 18rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.preferentialItems {
|
|
|
|
padding: 20rpx 30rpx 20rpx 20rpx;
|
|
|
|
.btns {
|
|
|
|
margin: 24rpx 20rpx 10rpx 0;
|
|
|
|
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%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.itemLeft {
|
|
|
|
width: 75%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.itemTop {
|
|
|
|
display: flex;
|
|
|
|
width: 100%;
|
|
|
|
align-items: center;
|
|
|
|
margin-bottom: 20rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.itemBottom {
|
|
|
|
margin-top: 20rpx;
|
|
|
|
color: #515151;
|
|
|
|
font-family: PingFang SC;
|
|
|
|
font-weight: 500;
|
|
|
|
display: -webkit-box;
|
|
|
|
word-break: break-all;
|
|
|
|
word-wrap: break-word;
|
|
|
|
overflow: hidden;
|
|
|
|
text-align: left;
|
|
|
|
}
|
|
|
|
|
|
|
|
.itemTop text:nth-of-type(1) {
|
|
|
|
max-width: 65%;
|
|
|
|
font-weight: 600;
|
|
|
|
color: #515151;
|
|
|
|
}
|
|
|
|
|
|
|
|
.itemTop .discountText {
|
|
|
|
text-align: center;
|
|
|
|
color: #E34D59;
|
|
|
|
border: 2rpx solid #E34D59;
|
|
|
|
border-radius: 6rpx;
|
|
|
|
margin: 0 10rpx 0 20rpx;
|
|
|
|
font-family: PingFang SC;
|
|
|
|
padding: 0 6rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.itemTop .priceText {
|
|
|
|
color: #E34D59;
|
|
|
|
font-weight: 500;
|
|
|
|
.btns text {
|
|
|
|
color: #0B0805;
|
|
|
|
}
|
|
|
|
|
|
|
|
.priceText {
|
|
...
|
...
|
@@ -384,10 +448,6 @@ |
|
|
|
font-size: 20rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.vips image {
|
|
|
|
height: 300rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.vips {
|
|
|
|
display: flex;
|
|
|
|
flex-direction: column;
|
|
...
|
...
|
@@ -397,27 +457,21 @@ |
|
|
|
margin-top: 20rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.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;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.all-button {
|
|
|
|
background: #FAFAFA;
|
|
|
|
height: 160rpx;
|
|
|
|
padding: 0 40rpx;
|
|
|
|
box-sizing: border-box;
|
|
|
|
z-index: 100;
|
|
|
|
justify-content: flex-end;
|
|
|
|
}
|
|
|
|
|
|
|
|
.centerBtn {
|
|
|
|
margin: 0 20rpx;
|
|
|
|
}
|
|
...
|
...
|
@@ -427,9 +481,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;
|
|
...
|
...
|
@@ -438,33 +492,23 @@ |
|
|
|
|
|
|
|
.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: 20rpx 84rpx 20rpx 40rpx;
|
|
|
|
margin: 50rpx 40rpx 40rpx 40rpx;
|
|
|
|
display: flex;
|
|
|
|
align-items: center;
|
|
|
|
justify-content: space-between;
|
|
...
|
...
|
@@ -472,31 +516,40 @@ |
|
|
|
}
|
|
|
|
|
|
|
|
.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{
|
|
|
|
|
|
|
|
.reserveBox .title {
|
|
|
|
margin-bottom: 20rpx;
|
|
|
|
color: #000;
|
|
|
|
color: #FFEFC5;
|
|
|
|
font-family: PingFang SC;
|
|
|
|
}
|
|
|
|
|
|
|
|
.reserveBox .items{
|
|
|
|
.reserveBox .items {
|
|
|
|
margin-bottom: 20rpx;
|
|
|
|
color: #000;
|
|
|
|
color: #FFEFC5;
|
|
|
|
font-family: PingFang SC;
|
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
|
|
|
|
.reserveBox image {
|
|
|
|
width: 100%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.more {
|
|
|
|
height: 80rpx;
|
|
|
|
width: 100%;
|
|
...
|
...
|
@@ -509,269 +562,411 @@ |
|
|
|
background: rgba(0, 0, 0, .4);
|
|
|
|
}
|
|
|
|
|
|
|
|
.more1 {
|
|
|
|
bottom: 40rpx;
|
|
|
|
.more image {
|
|
|
|
width: 30rpx;
|
|
|
|
height: 30rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.moreText {
|
|
|
|
color: #fff;
|
|
|
|
}
|
|
|
|
|
|
|
|
.more image {
|
|
|
|
width: 30rpx;
|
|
|
|
height: 30rpx;
|
|
|
|
.musicImg {
|
|
|
|
width: 62rpx;
|
|
|
|
height: 62rpx;
|
|
|
|
position: fixed !important;
|
|
|
|
right: 8%;
|
|
|
|
top: 15%;
|
|
|
|
z-index: 200;
|
|
|
|
}
|
|
|
|
|
|
|
|
.pageSpacing {
|
|
|
|
position: relative;
|
|
|
|
display: flex;
|
|
|
|
justify-content: center;
|
|
|
|
align-items: center;
|
|
|
|
white-space: nowrap;
|
|
|
|
width: auto;
|
|
|
|
overflow-x: scroll;
|
|
|
|
border-bottom-left-radius: 10rpx;
|
|
|
|
border-bottom-right-radius: 10rpx;
|
|
|
|
/* 深中国红 */
|
|
|
|
.crimson,
|
|
|
|
.crimson .positioningBox {
|
|
|
|
background: #86201B;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.pageSpacing1 {
|
|
|
|
position: relative;
|
|
|
|
display: flex;
|
|
|
|
white-space: nowrap;
|
|
|
|
width: auto;
|
|
|
|
overflow-x: scroll;
|
|
|
|
border-bottom-left-radius: 10rpx;
|
|
|
|
border-bottom-right-radius: 10rpx;
|
|
|
|
padding-left: 170rpx;
|
|
|
|
.crimson .rubric {
|
|
|
|
color: #86201B;
|
|
|
|
}
|
|
|
|
|
|
|
|
.scroll-view {
|
|
|
|
white-space: nowrap;
|
|
|
|
width: 100%;
|
|
|
|
height: 100%;
|
|
|
|
.businessBox {
|
|
|
|
color: #FFEFC5;
|
|
|
|
font-size: 24rpx;
|
|
|
|
font-family: PingFang SC;
|
|
|
|
}
|
|
|
|
|
|
|
|
.imgs {
|
|
|
|
position: relative;
|
|
|
|
display: flex;
|
|
|
|
white-space: nowrap;
|
|
|
|
width: 470rpx;
|
|
|
|
height: 348rpx;
|
|
|
|
margin-right: 30rpx;
|
|
|
|
.businessBox text {
|
|
|
|
color: #FD4D59;
|
|
|
|
}
|
|
|
|
|
|
|
|
.imgs text {
|
|
|
|
background: #515151;
|
|
|
|
color: #fff;
|
|
|
|
position: absolute;
|
|
|
|
.sharewidth {
|
|
|
|
position: fixed;
|
|
|
|
left: 0;
|
|
|
|
bottom: 0;
|
|
|
|
height: 64rpx;
|
|
|
|
line-height: 64rpx;
|
|
|
|
width: 470rpx;
|
|
|
|
text-align: center;
|
|
|
|
border-bottom-left-radius: 16rpx;
|
|
|
|
border-bottom-right-radius: 16rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.imageStyle {
|
|
|
|
display: inline-block;
|
|
|
|
width: 500rpx;
|
|
|
|
height: 348rpx;
|
|
|
|
border-radius: 16rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
.centerBox {
|
|
|
|
justify-content: center;
|
|
|
|
}
|
|
|
|
|
|
|
|
.infos {
|
|
|
|
overflow: hidden;
|
|
|
|
word-break: break-all;
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
display: -webkit-box;
|
|
|
|
-webkit-box-orient: vertical;
|
|
|
|
}
|
|
|
|
|
|
|
|
.musicImg{
|
|
|
|
width: 62rpx;
|
|
|
|
height: 62rpx;
|
|
|
|
position: fixed !important;
|
|
|
|
right: 8%;
|
|
|
|
top: 22%;
|
|
|
|
z-index: 200;
|
|
|
|
}
|
|
|
|
|
|
|
|
.bookData{
|
|
|
|
margin-left: 0;
|
|
|
|
height: 160rpx;
|
|
|
|
padding: 0 40rpx;
|
|
|
|
box-sizing: border-box;
|
|
|
|
z-index: 100;
|
|
|
|
justify-content: flex-end;
|
|
|
|
width: 100%;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* 黑蓝过渡 */
|
|
|
|
.blackBlueGradient .reservationInfo {
|
|
|
|
.blackBlueGradient,
|
|
|
|
.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 .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 .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 .positioningBox {
|
|
|
|
background: linear-gradient(104.24deg, #4c8dad -57.47%, #0143a3 55.72%, #42a5ff 148.72%);
|
|
|
|
}
|
|
|
|
|
|
|
|
.ultramarineGradient .chefText,
|
|
|
|
.ultramarineGradient .rubric {
|
|
|
|
color: #0143A3;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* 深中国红 */
|
|
|
|
.crimson .reservationInfo {
|
|
|
|
.crimson,
|
|
|
|
.crimson .positioningBox {
|
|
|
|
background: #86201B;
|
|
|
|
}
|
|
|
|
|
|
|
|
.crimson .chefText,
|
|
|
|
.crimson .rubric {
|
|
|
|
color: #86201B;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* 中国红 */
|
|
|
|
.chinaRed .reservationInfo {
|
|
|
|
.chinaRed,
|
|
|
|
.chinaRed .positioningBox {
|
|
|
|
background: #AF231C;
|
|
|
|
}
|
|
|
|
|
|
|
|
.chinaRed .chefText,
|
|
|
|
.chinaRed .rubric {
|
|
|
|
color: #AF231C;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* 蓝采和 */
|
|
|
|
.lanCaiHe .reservationInfo {
|
|
|
|
.lanCaiHe,
|
|
|
|
.lanCaiHe .positioningBox {
|
|
|
|
background: #06436F;
|
|
|
|
}
|
|
|
|
|
|
|
|
.lanCaiHe .chefText,
|
|
|
|
.lanCaiHe .rubric {
|
|
|
|
color: #06436F;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* 石绿 */
|
|
|
|
.stoneGreen .reservationInfo {
|
|
|
|
.stoneGreen,
|
|
|
|
.stoneGreen .positioningBox {
|
|
|
|
background: #206864;
|
|
|
|
}
|
|
|
|
|
|
|
|
.stoneGreen .chefText,
|
|
|
|
.stoneGreen .rubric {
|
|
|
|
color: #206864;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* 姜黄 */
|
|
|
|
.turmeric .reservationInfo {
|
|
|
|
.turmeric,
|
|
|
|
.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 .leftInfo,
|
|
|
|
.turmeric .sellerTitle,
|
|
|
|
.turmeric .boxLeft .info,
|
|
|
|
.turmeric .infoBox .infoBoxRight,
|
|
|
|
.turmeric .begin {
|
|
|
|
color: #fff;
|
|
|
|
}
|
|
|
|
|
|
|
|
.turmeric .infoBox .boxLeft {
|
|
|
|
border-left: 4rpx solid #fff;
|
|
|
|
}
|
|
|
|
|
|
|
|
.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,
|
|
|
|
.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 .infoBox .infoBoxRight,
|
|
|
|
.greenishYellow .begin {
|
|
|
|
color: #fff;
|
|
|
|
}
|
|
|
|
|
|
|
|
.greenishYellow .infoBox .boxLeft {
|
|
|
|
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,
|
|
|
|
.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 .leftInfo,
|
|
|
|
.golden .sellerTitle,
|
|
|
|
.golden .boxLeft .info,
|
|
|
|
.golden .infoBox .infoBoxRight,
|
|
|
|
.golden .begin {
|
|
|
|
color: #fff;
|
|
|
|
}
|
|
|
|
|
|
|
|
.golden .infoBox .boxLeft {
|
|
|
|
border-left: 4rpx solid #fff;
|
|
|
|
}
|
|
|
|
|
|
|
|
.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,
|
|
|
|
.ultramarine .positioningBox {
|
|
|
|
background: #0143A3;
|
|
|
|
}
|
|
|
|
|
|
|
|
.ultramarine .chefText,
|
|
|
|
.ultramarine .rubric {
|
|
|
|
color: #0143A3;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* 摩洛哥蓝 */
|
|
|
|
.moroccanBlue .reservationInfo {
|
|
|
|
.moroccanBlue,
|
|
|
|
.moroccanBlue .positioningBox {
|
|
|
|
background: #19516A;
|
|
|
|
}
|
|
|
|
|
|
|
|
.moroccanBlue .chefText,
|
|
|
|
.moroccanBlue .rubric {
|
|
|
|
color: #19516A;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* 珍珠白 */
|
|
|
|
.pearlWhite .reservationInfo {
|
|
|
|
.pearlWhite,
|
|
|
|
.pearlWhite .positioningBox {
|
|
|
|
background: #fbf6f1;
|
|
|
|
}
|
|
|
|
|
|
|
|
.pearlWhite .chefText,
|
|
|
|
.pearlWhite .rubric {
|
|
|
|
color: #0143A3;
|
|
|
|
|
|
|
|
.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 .welcome,
|
|
|
|
.pearlWhite .begin,
|
|
|
|
.pearlWhite .title,
|
|
|
|
.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 .infoBox .infoBoxRight,
|
|
|
|
.pearlWhite .reservationInfo .flex-11 {
|
|
|
|
color: #515151;
|
|
|
|
color: #578C69;
|
|
|
|
}
|
|
|
|
|
|
|
|
.pearlWhite .brownFont {
|
|
|
|
color: #515151;
|
|
|
|
border: 2rpx solid #515151;
|
|
|
|
.pearlWhite .infoBox .boxLeft {
|
|
|
|
border-left: 4rpx solid #578C69;
|
|
|
|
}
|
|
|
|
|
|
|
|
.pearlWhite .positioning {
|
|
|
|
background: #F8F9FD;
|
|
|
|
.pearlWhite .leftLine {
|
|
|
|
background: #578C69;
|
|
|
|
}
|
|
|
|
|
|
|
|
.businessBox {
|
|
|
|
color: #515151;
|
|
|
|
font-size: 24rpx;
|
|
|
|
font-family: PingFang SC;
|
|
|
|
.pearlWhite .imgs text,
|
|
|
|
.pearlWhite .imgBox {
|
|
|
|
color: #fff;
|
|
|
|
}
|
|
|
|
|
|
|
|
.businessBox text {
|
|
|
|
color: #0143A3;
|
|
|
|
.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;
|
|
|
|
border: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.pearlWhite .discountText {
|
|
|
|
background: transparent;
|
|
|
|
border: 2rpx solid #FD4D59;
|
|
|
|
color: #FD4D59;
|
|
|
|
}
|
|
|
|
|
|
|
|
.toastBox {
|
...
|
...
|
|
