|
|
page {
|
|
|
width: 100%;
|
|
|
height: 100%;
|
|
|
background: #f9f9f9;
|
|
|
width: 100%;
|
|
|
height: 100%;
|
|
|
background: #f9f9f9;
|
|
|
}
|
|
|
|
|
|
::-webkit-scrollbar {
|
|
|
display: none;
|
|
|
display: none;
|
|
|
}
|
|
|
|
|
|
.page {
|
|
|
width: 100%;
|
|
|
min-height: 100%;
|
|
|
padding-top: 88rpx;
|
|
|
box-sizing: border-box
|
|
|
width: 100%;
|
|
|
min-height: 100%;
|
|
|
padding-top: 88rpx;
|
|
|
box-sizing: border-box;
|
|
|
}
|
|
|
|
|
|
.slide_nav {
|
|
|
width: 100%;
|
|
|
height: 88rpx;
|
|
|
background: #fff;
|
|
|
white-space: nowrap;
|
|
|
display: flex;
|
|
|
display: -webkit-flex;
|
|
|
align-items: center;
|
|
|
-webkit-align-items: center;
|
|
|
position: fixed;
|
|
|
left: 0;
|
|
|
top: 0
|
|
|
width: 100%;
|
|
|
height: 88rpx;
|
|
|
background: #fff;
|
|
|
white-space: nowrap;
|
|
|
display: flex;
|
|
|
display: -webkit-flex;
|
|
|
align-items: center;
|
|
|
-webkit-align-items: center;
|
|
|
position: fixed;
|
|
|
left: 0;
|
|
|
top: 0;
|
|
|
}
|
|
|
|
|
|
.nav_item {
|
|
|
height: 100%;
|
|
|
width: 20%;
|
|
|
line-height: 88rpx;
|
|
|
font-size: 28rpx;
|
|
|
font-family: PingFang SC;
|
|
|
font-weight: 400;
|
|
|
color: rgba(156, 156, 156, 1);
|
|
|
text-align: center;
|
|
|
height: 100%;
|
|
|
width: 20%;
|
|
|
line-height: 88rpx;
|
|
|
font-size: 28rpx;
|
|
|
font-family: PingFang SC;
|
|
|
font-weight: 400;
|
|
|
color: rgba(156, 156, 156, 1);
|
|
|
text-align: center;
|
|
|
}
|
|
|
|
|
|
.real_nav {
|
|
|
width: auto;
|
|
|
margin: 0 auto;
|
|
|
width: auto;
|
|
|
margin: 0 auto;
|
|
|
}
|
|
|
|
|
|
.real_nav.active {
|
|
|
color: rgba(61, 154, 248, 1);
|
|
|
position: relative;
|
|
|
color: rgba(61, 154, 248, 1);
|
|
|
position: relative;
|
|
|
}
|
|
|
|
|
|
.real_nav.active::after {
|
|
|
position: absolute;
|
|
|
content: '';
|
|
|
bottom: 0;
|
|
|
width: 70rpx;
|
|
|
left: 50%;
|
|
|
transform: translateX(-50%);
|
|
|
height: 4rpx;
|
|
|
background: rgba(61, 154, 248, 1);
|
|
|
border-radius: 4rpx 4rpx 0 0;
|
|
|
position: absolute;
|
|
|
content: '';
|
|
|
bottom: 0;
|
|
|
width: 70rpx;
|
|
|
left: 50%;
|
|
|
transform: translateX(-50%);
|
|
|
height: 4rpx;
|
|
|
background: rgba(61, 154, 248, 1);
|
|
|
border-radius: 4rpx 4rpx 0 0;
|
|
|
}
|
|
|
|
|
|
/*待支付开始*/
|
|
|
|
|
|
.second {
|
|
|
padding: 10rpx 32rpx 0;
|
|
|
box-sizing: border-box;
|
|
|
padding: 10rpx 32rpx 0;
|
|
|
box-sizing: border-box;
|
|
|
}
|
|
|
|
|
|
.two {
|
|
|
margin-top: 24rpx;
|
|
|
padding-bottom: 30rpx;
|
|
|
box-sizing: border-box;
|
|
|
margin-top: 24rpx;
|
|
|
padding-bottom: 30rpx;
|
|
|
box-sizing: border-box;
|
|
|
}
|
|
|
|
|
|
.two_item {
|
|
|
margin-top: 20rpx;
|
|
|
/* padding: 36rpx 24rpx 0 30rpx; */
|
|
|
/* box-sizing: border-box; */
|
|
|
background: #fff;
|
|
|
border-radius: 8rpx;
|
|
|
margin-top: 20rpx;
|
|
|
/* padding: 36rpx 24rpx 0 30rpx; *//* box-sizing: border-box; */
|
|
|
background: #fff;
|
|
|
border-radius: 8rpx;
|
|
|
}
|
|
|
|
|
|
.order_number {
|
|
|
height: 80rpx;
|
|
|
border-bottom: 1rpx solid #eee;
|
|
|
line-height: 80rpx;
|
|
|
font-size: 28rpx;
|
|
|
font-family: PingFang SC;
|
|
|
font-weight: 400;
|
|
|
color: rgba(19, 26, 46, 1);
|
|
|
padding: 0 24rpx 0 30rpx;
|
|
|
box-sizing: border-box
|
|
|
height: 80rpx;
|
|
|
border-bottom: 1rpx solid #eee;
|
|
|
line-height: 80rpx;
|
|
|
font-size: 28rpx;
|
|
|
font-family: PingFang SC;
|
|
|
font-weight: 400;
|
|
|
color: rgba(19, 26, 46, 1);
|
|
|
padding: 0 24rpx 0 30rpx;
|
|
|
box-sizing: border-box;
|
|
|
}
|
|
|
|
|
|
.mask_one {
|
|
|
padding: 36rpx 24rpx 0 30rpx;
|
|
|
box-sizing: border-box;
|
|
|
display: flex;
|
|
|
display: -webkit-flex;
|
|
|
margin-bottom:0rpx;
|
|
|
padding: 36rpx 24rpx 0 30rpx;
|
|
|
box-sizing: border-box;
|
|
|
display: flex;
|
|
|
display: -webkit-flex;
|
|
|
margin-bottom: 0rpx;
|
|
|
}
|
|
|
|
|
|
.mask_img {
|
|
|
width: 200rpx;
|
|
|
height: 200rpx;
|
|
|
margin-right: 36rpx;
|
|
|
width: 200rpx;
|
|
|
height: 200rpx;
|
|
|
margin-right: 36rpx;
|
|
|
}
|
|
|
|
|
|
.mask_img image {
|
|
|
width: 100%;
|
|
|
height: 100%;
|
|
|
width: 100%;
|
|
|
height: 100%;
|
|
|
}
|
|
|
|
|
|
.img_right {
|
|
|
width: calc(100% - 232rpx);
|
|
|
width: calc(100% - 232rpx);
|
|
|
}
|
|
|
|
|
|
.info_titles {
|
|
|
width: 100%;
|
|
|
height: 86rpx;
|
|
|
font-size: 30rpx;
|
|
|
font-family: PingFang SC;
|
|
|
font-weight: bold;
|
|
|
line-height: 44rpx;
|
|
|
color: rgba(6, 14, 35, 1);
|
|
|
overflow: hidden;
|
|
|
text-overflow: ellipsis;
|
|
|
display: -webkit-box;
|
|
|
-webkit-line-clamp: 2;
|
|
|
-webkit-box-orient: vertical;
|
|
|
margin-bottom: 12rpx;
|
|
|
width: 100%;
|
|
|
height: 86rpx;
|
|
|
font-size: 30rpx;
|
|
|
font-family: PingFang SC;
|
|
|
font-weight: bold;
|
|
|
line-height: 44rpx;
|
|
|
color: rgba(6, 14, 35, 1);
|
|
|
overflow: hidden;
|
|
|
text-overflow: ellipsis;
|
|
|
display: -webkit-box;
|
|
|
-webkit-line-clamp: 2;
|
|
|
-webkit-box-orient: vertical;
|
|
|
margin-bottom: 12rpx;
|
|
|
}
|
|
|
|
|
|
.two_ones {
|
|
|
height: 44rpx;
|
|
|
display: flex;
|
|
|
display: -webkit-flex;
|
|
|
align-items: center;
|
|
|
-webkit-align-items: center;
|
|
|
height: 44rpx;
|
|
|
display: flex;
|
|
|
display: -webkit-flex;
|
|
|
align-items: center;
|
|
|
-webkit-align-items: center;
|
|
|
}
|
|
|
|
|
|
.scores {
|
|
|
width: 64rpx;
|
|
|
height: 32rpx;
|
|
|
background: rgba(242, 0, 0, 1);
|
|
|
border-radius: 2rpx;
|
|
|
text-align: center;
|
|
|
line-height: 32rpx;
|
|
|
color: #fff;
|
|
|
font-size: 22rpx;
|
|
|
font-family: PingFang SC;
|
|
|
font-weight: 400;
|
|
|
margin-right: 20rpx;
|
|
|
width: 64rpx;
|
|
|
height: 32rpx;
|
|
|
background: rgba(242, 0, 0, 1);
|
|
|
border-radius: 2rpx;
|
|
|
text-align: center;
|
|
|
line-height: 32rpx;
|
|
|
color: #fff;
|
|
|
font-size: 22rpx;
|
|
|
font-family: PingFang SC;
|
|
|
font-weight: 400;
|
|
|
margin-right: 20rpx;
|
|
|
}
|
|
|
|
|
|
.prices {
|
|
|
font-size: 30rpx;
|
|
|
font-family: PingFang SC;
|
|
|
font-weight: bold;
|
|
|
line-height: 44rpx;
|
|
|
color: rgba(242, 0, 0, 1);
|
|
|
font-size: 30rpx;
|
|
|
font-family: PingFang SC;
|
|
|
font-weight: bold;
|
|
|
line-height: 44rpx;
|
|
|
color: rgba(242, 0, 0, 1);
|
|
|
}
|
|
|
|
|
|
.padding{
|
|
|
padding: 0 24rpx 0 30rpx;
|
|
|
box-sizing: border-box
|
|
|
.padding {
|
|
|
padding: 0 24rpx 0 30rpx;
|
|
|
box-sizing: border-box;
|
|
|
}
|
|
|
|
|
|
.mask_two {
|
|
|
height: 96rpx;
|
|
|
line-height: 98rpx;
|
|
|
border-bottom: 1rpx solid #eee;
|
|
|
display: flex;
|
|
|
display: -webkit-flex;
|
|
|
justify-content: space-between;
|
|
|
-webkit-justify-content: space-between;
|
|
|
font-size: 28rpx;
|
|
|
font-family: PingFang SC;
|
|
|
font-weight: 400;
|
|
|
color: rgba(19, 26, 46, 1);
|
|
|
height: 96rpx;
|
|
|
line-height: 98rpx;
|
|
|
border-bottom: 1rpx solid #eee;
|
|
|
display: flex;
|
|
|
display: -webkit-flex;
|
|
|
justify-content: space-between;
|
|
|
-webkit-justify-content: space-between;
|
|
|
font-size: 28rpx;
|
|
|
font-family: PingFang SC;
|
|
|
font-weight: 400;
|
|
|
color: rgba(19, 26, 46, 1);
|
|
|
padding: 0 30rpx;
|
|
|
box-sizing: border-box;
|
|
|
}
|
|
|
|
|
|
.no_border {
|
|
|
border: 0 none;
|
|
|
border: 0 none;
|
|
|
}
|
|
|
|
|
|
.score {
|
|
|
color: rgba(142, 142, 142, 1);
|
|
|
width: 500rpx;
|
|
|
overflow: hidden;
|
|
|
text-overflow: ellipsis;
|
|
|
white-space: nowrap;
|
|
|
color: rgba(142, 142, 142, 1);
|
|
|
text-align: right
|
|
|
}
|
|
|
|
|
|
.scorea {
|
|
|
width: 100%;
|
|
|
text-align: right;
|
|
|
padding: 0 24rpx 0 30rpx;
|
|
|
box-sizing: border-box
|
|
|
width: 100%;
|
|
|
text-align: right;
|
|
|
padding: 0 24rpx 0 30rpx;
|
|
|
box-sizing: border-box;
|
|
|
}
|
|
|
|
|
|
.red_score, .small_red_score {
|
|
|
color: rgba(242, 0, 0, 1);
|
|
|
font-weight: 600;
|
|
|
font-size: 32rpx;
|
|
|
color: rgba(242, 0, 0, 1);
|
|
|
font-weight: 600;
|
|
|
font-size: 32rpx;
|
|
|
}
|
|
|
|
|
|
.small_red_score {
|
|
|
font-size: 28rpx;
|
|
|
font-weight: 500;
|
|
|
font-size: 28rpx;
|
|
|
font-weight: 500;
|
|
|
}
|
|
|
|
|
|
.btn_box {
|
|
|
/* display: flex;
|
|
|
/* display: flex;
|
|
|
display: -webkit-box;
|
|
|
flex-direction: row-reveres;
|
|
|
-webkit-flex-direction: row-reveres;
|
|
|
justify-content: flex-end; */
|
|
|
padding: 16rpx 24rpx 32rpx 30rpx;
|
|
|
box-sizing: border-box;
|
|
|
padding: 16rpx 24rpx 32rpx 30rpx;
|
|
|
box-sizing: border-box;
|
|
|
}
|
|
|
|
|
|
.go_pay, .cancel_order {
|
|
|
padding: 0 28rpx;
|
|
|
box-sizing: border-box;
|
|
|
height: 48rpx;
|
|
|
border: 1rpx solid rgba(242, 0, 0, 1);
|
|
|
border-radius: 34rpx;
|
|
|
text-align: center;
|
|
|
line-height: 48rpx;
|
|
|
font-size: 26rpx;
|
|
|
font-family: PingFang SC;
|
|
|
font-weight: 400;
|
|
|
color: rgba(242, 0, 0, 1);
|
|
|
float: right;
|
|
|
margin-left: 20rpx;
|
|
|
padding: 0 28rpx;
|
|
|
box-sizing: border-box;
|
|
|
height: 48rpx;
|
|
|
border: 1rpx solid rgba(242, 0, 0, 1);
|
|
|
border-radius: 34rpx;
|
|
|
text-align: center;
|
|
|
line-height: 48rpx;
|
|
|
font-size: 26rpx;
|
|
|
font-family: PingFang SC;
|
|
|
font-weight: 400;
|
|
|
color: rgba(242, 0, 0, 1);
|
|
|
float: right;
|
|
|
margin-left: 20rpx;
|
|
|
}
|
|
|
|
|
|
.cancel_order {
|
|
|
border: 1px solid rgba(156, 156, 156, 1);
|
|
|
color: rgba(19, 26, 46, 1);
|
|
|
border: 1px solid rgba(156, 156, 156, 1);
|
|
|
color: rgba(19, 26, 46, 1);
|
|
|
}
|
|
|
|
|
|
/*待支付结束*/
|
|
|
|
|
|
.empty {
|
|
|
font-size: 36rpx;
|
|
|
font-family: PingFang SC;
|
...
|
...
|
@@ -250,8 +257,6 @@ page { |
|
|
text-align: center;
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*支付成功弹框结束*/
|
|
|
|
|
|
.cover_box {
|
...
|
...
|
@@ -263,8 +268,6 @@ page { |
|
|
top: 0;
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.cover_order {
|
|
|
width: 100%;
|
|
|
height: 526rpx;
|
...
|
...
|
@@ -328,18 +331,16 @@ page { |
|
|
top: 22rpx;
|
|
|
padding: 10rpx;
|
|
|
}
|
|
|
.shouhuo{
|
|
|
display:flex;
|
|
|
|
|
|
|
|
|
.shouhuo {
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
|
align-items: center
|
|
|
align-items: center;
|
|
|
}
|
|
|
.address{
|
|
|
font-size:26rpx;
|
|
|
color:rgba(19, 26, 46, 1);
|
|
|
|
|
|
|
|
|
margin-bottom:10rpx;
|
|
|
.address {
|
|
|
font-size: 26rpx;
|
|
|
color: rgba(19, 26, 46, 1);
|
|
|
margin-bottom: 10rpx;
|
|
|
/* font-weight: bold; */
|
|
|
|
|
|
} |
|
|
\ No newline at end of file |
|
|
} |
...
|
...
|
|