|
@@ -4,6 +4,7 @@ |
|
|
background: #F4F5F9;
|
|
|
background: #F4F5F9;
|
|
|
margin-top: 20rpx;
|
|
|
margin-top: 20rpx;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
|
|
|
.tabs {
|
|
|
.tabs {
|
|
|
position: fixed;
|
|
|
position: fixed;
|
|
|
width: 100% !important;
|
|
|
width: 100% !important;
|
|
@@ -21,10 +22,12 @@ |
|
|
width: 30% !important;
|
|
|
width: 30% !important;
|
|
|
display: inline-block;
|
|
|
display: inline-block;
|
|
|
}
|
|
|
}
|
|
|
.section{
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.section {
|
|
|
background: #FFFFFF;
|
|
|
background: #FFFFFF;
|
|
|
overflow: hidden;
|
|
|
overflow: hidden;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
|
|
|
.detail_msg {
|
|
|
.detail_msg {
|
|
|
position: relative;
|
|
|
position: relative;
|
|
|
width: 92%;
|
|
|
width: 92%;
|
|
@@ -35,7 +38,8 @@ |
|
|
padding-top: 20rpx;
|
|
|
padding-top: 20rpx;
|
|
|
/* border-bottom: 1rpx solid #eee; */
|
|
|
/* border-bottom: 1rpx solid #eee; */
|
|
|
}
|
|
|
}
|
|
|
.sendImg{
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.sendImg {
|
|
|
position: absolute;
|
|
|
position: absolute;
|
|
|
width: 100rpx;
|
|
|
width: 100rpx;
|
|
|
top: 100rpx;
|
|
|
top: 100rpx;
|
|
@@ -56,13 +60,15 @@ |
|
|
height: 120rpx;
|
|
|
height: 120rpx;
|
|
|
border-radius: 20rpx;
|
|
|
border-radius: 20rpx;
|
|
|
}
|
|
|
}
|
|
|
.detail_top{
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.detail_top {
|
|
|
width: 100%;
|
|
|
width: 100%;
|
|
|
height: 40rpx;
|
|
|
height: 40rpx;
|
|
|
line-height: 40rpx;
|
|
|
line-height: 40rpx;
|
|
|
font-size: 30rpx;
|
|
|
font-size: 30rpx;
|
|
|
padding-top: 30rpx;
|
|
|
padding-top: 30rpx;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
|
|
|
.detail_top view:nth-child(1) {
|
|
|
.detail_top view:nth-child(1) {
|
|
|
display: flex;
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
|
justify-content: space-between;
|
|
@@ -96,20 +102,21 @@ |
|
|
white-space: nowrap;
|
|
|
white-space: nowrap;
|
|
|
text-overflow: ellipsis;
|
|
|
text-overflow: ellipsis;
|
|
|
}
|
|
|
}
|
|
|
.discount{
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.discount {
|
|
|
position: absolute;
|
|
|
position: absolute;
|
|
|
width: 100rpx;
|
|
|
width: 100rpx;
|
|
|
top:86rpx;
|
|
|
|
|
|
right:2rpx;
|
|
|
|
|
|
|
|
|
top: 86rpx;
|
|
|
|
|
|
right: 2rpx;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
|
|
|
.detail_top .sucess {
|
|
|
.detail_top .sucess {
|
|
|
display: inline-block;
|
|
|
display: inline-block;
|
|
|
width: 123rpx !important;
|
|
|
width: 123rpx !important;
|
|
|
/* overflow: hidden; */
|
|
|
/* overflow: hidden; */
|
|
|
font-family:PingFangSC-Regular;
|
|
|
|
|
|
|
|
|
font-family: PingFangSC-Regular;
|
|
|
font-size: 28rpx;
|
|
|
font-size: 28rpx;
|
|
|
font-weight:400;
|
|
|
|
|
|
|
|
|
font-weight: 400;
|
|
|
color: #2C8DFF;
|
|
|
color: #2C8DFF;
|
|
|
letter-spacing: 0;
|
|
|
letter-spacing: 0;
|
|
|
text-align: right;
|
|
|
text-align: right;
|
|
@@ -118,13 +125,26 @@ |
|
|
|
|
|
|
|
|
.wait {
|
|
|
.wait {
|
|
|
display: inline-block;
|
|
|
display: inline-block;
|
|
|
width: 123rpx !important;
|
|
|
|
|
|
overflow: visible!important;
|
|
|
|
|
|
|
|
|
width: 130rpx !important;
|
|
|
|
|
|
overflow: visible !important;
|
|
|
font-size: 28rpx;
|
|
|
font-size: 28rpx;
|
|
|
color: #FD832D;
|
|
|
color: #FD832D;
|
|
|
letter-spacing: 0;
|
|
|
letter-spacing: 0;
|
|
|
text-align: right;
|
|
|
text-align: right;
|
|
|
line-height: 28rpx!important;
|
|
|
|
|
|
|
|
|
line-height: 28rpx !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.waiting {
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
top: 20rpx;
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
width: 280rpx !important;
|
|
|
|
|
|
overflow: visible !important;
|
|
|
|
|
|
font-size: 28rpx;
|
|
|
|
|
|
color: red;
|
|
|
|
|
|
letter-spacing: 0;
|
|
|
|
|
|
text-align: right;
|
|
|
|
|
|
line-height: 28rpx !important;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
|
|
|
.close {
|
|
|
.close {
|
|
@@ -165,9 +185,11 @@ |
|
|
.info view:nth-child(3) {
|
|
|
.info view:nth-child(3) {
|
|
|
margin-top: 16rpx;
|
|
|
margin-top: 16rpx;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
|
|
|
.info view:nth-child(2) {
|
|
|
.info view:nth-child(2) {
|
|
|
margin-top: 16rpx;
|
|
|
margin-top: 16rpx;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
|
|
|
.payment {
|
|
|
.payment {
|
|
|
position: relative;
|
|
|
position: relative;
|
|
|
width: 92%;
|
|
|
width: 92%;
|
|
@@ -213,9 +235,10 @@ |
|
|
float: right;
|
|
|
float: right;
|
|
|
font-size: 26rpx;
|
|
|
font-size: 26rpx;
|
|
|
border-radius: 20rpx;
|
|
|
border-radius: 20rpx;
|
|
|
background:linear-gradient(127deg,rgba(252,177,74,1) 0%,rgba(254,70,20,1) 100%);
|
|
|
|
|
|
|
|
|
background: linear-gradient(127deg, rgba(252, 177, 74, 1) 0%, rgba(254, 70, 20, 1) 100%);
|
|
|
}
|
|
|
}
|
|
|
.btnZf{
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.btnZf {
|
|
|
position: absolute;
|
|
|
position: absolute;
|
|
|
bottom: 0;
|
|
|
bottom: 0;
|
|
|
right: 0;
|
|
|
right: 0;
|
|
@@ -227,9 +250,10 @@ |
|
|
float: right;
|
|
|
float: right;
|
|
|
font-size: 26rpx;
|
|
|
font-size: 26rpx;
|
|
|
border-radius: 20rpx;
|
|
|
border-radius: 20rpx;
|
|
|
background:linear-gradient(130deg,rgba(50,177,252,1) 0%,rgba(47,108,255,1) 100%);
|
|
|
|
|
|
|
|
|
background: linear-gradient(130deg, rgba(50, 177, 252, 1) 0%, rgba(47, 108, 255, 1) 100%);
|
|
|
}
|
|
|
}
|
|
|
.btnGm{
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.btnGm {
|
|
|
position: absolute;
|
|
|
position: absolute;
|
|
|
bottom: 0;
|
|
|
bottom: 0;
|
|
|
right: 0;
|
|
|
right: 0;
|
|
@@ -248,10 +272,12 @@ |
|
|
font-size: 26rpx;
|
|
|
font-size: 26rpx;
|
|
|
color: #FFFFFF;
|
|
|
color: #FFFFFF;
|
|
|
}
|
|
|
}
|
|
|
.txGm{
|
|
|
|
|
|
font-size: 26rpx!important;
|
|
|
|
|
|
color: #2C8DFF!important;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.txGm {
|
|
|
|
|
|
font-size: 26rpx !important;
|
|
|
|
|
|
color: #2C8DFF !important;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
|
|
|
.dingdan {
|
|
|
.dingdan {
|
|
|
margin-top: 33rpx;
|
|
|
margin-top: 33rpx;
|
|
|
}
|
|
|
}
|
|
@@ -293,20 +319,25 @@ |
|
|
vertical-align: middle;
|
|
|
vertical-align: middle;
|
|
|
margin-right: 10rpx;
|
|
|
margin-right: 10rpx;
|
|
|
}
|
|
|
}
|
|
|
button::after{ border: none; }
|
|
|
|
|
|
.goback{
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
button::after {
|
|
|
|
|
|
border: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.goback {
|
|
|
position: fixed;
|
|
|
position: fixed;
|
|
|
right: 50rpx;
|
|
|
right: 50rpx;
|
|
|
bottom: 60rpx;
|
|
|
bottom: 60rpx;
|
|
|
width:100rpx!important;
|
|
|
|
|
|
height:100rpx;
|
|
|
|
|
|
|
|
|
width: 100rpx !important;
|
|
|
|
|
|
height: 100rpx;
|
|
|
z-index: 100;
|
|
|
z-index: 100;
|
|
|
background:rgba(255,255,255,1);
|
|
|
|
|
|
|
|
|
background: rgba(255, 255, 255, 1);
|
|
|
line-height: 95rpx;
|
|
|
line-height: 95rpx;
|
|
|
border:1rpx solid rgba(227,227,227,1);
|
|
|
|
|
|
border-radius:50%;
|
|
|
|
|
|
|
|
|
border: 1rpx solid rgba(227, 227, 227, 1);
|
|
|
|
|
|
border-radius: 50%;
|
|
|
}
|
|
|
}
|
|
|
.goback image{
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.goback image {
|
|
|
position: absolute;
|
|
|
position: absolute;
|
|
|
width: 60rpx;
|
|
|
width: 60rpx;
|
|
|
left: 0;
|
|
|
left: 0;
|
|
@@ -315,28 +346,32 @@ button::after{ border: none; } |
|
|
bottom: 0;
|
|
|
bottom: 0;
|
|
|
margin: auto;
|
|
|
margin: auto;
|
|
|
}
|
|
|
}
|
|
|
.itemBox{
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.itemBox {
|
|
|
overflow: hidden;
|
|
|
overflow: hidden;
|
|
|
margin: 0 60rpx 20rpx 60rpx;
|
|
|
margin: 0 60rpx 20rpx 60rpx;
|
|
|
padding-bottom: 20rpx;
|
|
|
padding-bottom: 20rpx;
|
|
|
position: relative;
|
|
|
position: relative;
|
|
|
}
|
|
|
}
|
|
|
.payStatus{
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.payStatus {
|
|
|
text-align: right;
|
|
|
text-align: right;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
|
|
|
.payStatus .sucess {
|
|
|
.payStatus .sucess {
|
|
|
display: inline-block;
|
|
|
display: inline-block;
|
|
|
width: 123rpx !important;
|
|
|
width: 123rpx !important;
|
|
|
/* overflow: hidden; */
|
|
|
/* overflow: hidden; */
|
|
|
font-family:PingFangSC-Regular;
|
|
|
|
|
|
|
|
|
font-family: PingFangSC-Regular;
|
|
|
font-size: 28rpx;
|
|
|
font-size: 28rpx;
|
|
|
font-weight:400;
|
|
|
|
|
|
|
|
|
font-weight: 400;
|
|
|
color: #2C8DFF;
|
|
|
color: #2C8DFF;
|
|
|
letter-spacing: 0;
|
|
|
letter-spacing: 0;
|
|
|
text-align: right;
|
|
|
text-align: right;
|
|
|
line-height: 26px;
|
|
|
line-height: 26px;
|
|
|
}
|
|
|
}
|
|
|
.itemImg{
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.itemImg {
|
|
|
float: left;
|
|
|
float: left;
|
|
|
display: block;
|
|
|
display: block;
|
|
|
width: 120rpx;
|
|
|
width: 120rpx;
|
|
@@ -344,31 +379,36 @@ button::after{ border: none; } |
|
|
border: 1px solid #f8f8f8;
|
|
|
border: 1px solid #f8f8f8;
|
|
|
border-radius: 20rpx;
|
|
|
border-radius: 20rpx;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
|
|
|
.itemImg image {
|
|
|
.itemImg image {
|
|
|
display: block;
|
|
|
display: block;
|
|
|
width: 120rpx;
|
|
|
width: 120rpx;
|
|
|
height: 120rpx;
|
|
|
height: 120rpx;
|
|
|
border-radius: 20rpx;
|
|
|
border-radius: 20rpx;
|
|
|
}
|
|
|
}
|
|
|
.itemContent{
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.itemContent {
|
|
|
float: left;
|
|
|
float: left;
|
|
|
width: 70%;
|
|
|
width: 70%;
|
|
|
}
|
|
|
}
|
|
|
.face{
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.face {
|
|
|
font-size: 24rpx;
|
|
|
font-size: 24rpx;
|
|
|
color: #999;
|
|
|
color: #999;
|
|
|
letter-spacing: 0;
|
|
|
letter-spacing: 0;
|
|
|
padding-left: 4%;
|
|
|
padding-left: 4%;
|
|
|
line-height: 33rpx;
|
|
|
line-height: 33rpx;
|
|
|
}
|
|
|
}
|
|
|
.face text{
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.face text {
|
|
|
font-size: 24rpx;
|
|
|
font-size: 24rpx;
|
|
|
color: #333;
|
|
|
color: #333;
|
|
|
letter-spacing: 0;
|
|
|
letter-spacing: 0;
|
|
|
line-height: 33rpx;
|
|
|
line-height: 33rpx;
|
|
|
|
|
|
|
|
|
}
|
|
|
}
|
|
|
.date{
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.date {
|
|
|
/* margin-top: 16rpx; */
|
|
|
/* margin-top: 16rpx; */
|
|
|
font-size: 24rpx;
|
|
|
font-size: 24rpx;
|
|
|
color: #999;
|
|
|
color: #999;
|
|
@@ -377,7 +417,8 @@ button::after{ border: none; } |
|
|
line-height: 26rpx;
|
|
|
line-height: 26rpx;
|
|
|
|
|
|
|
|
|
}
|
|
|
}
|
|
|
.yunfe{
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.yunfe {
|
|
|
font-size: 24rpx;
|
|
|
font-size: 24rpx;
|
|
|
color: #999;
|
|
|
color: #999;
|
|
|
letter-spacing: 0;
|
|
|
letter-spacing: 0;
|
|
@@ -385,7 +426,8 @@ button::after{ border: none; } |
|
|
height: 33rpx;
|
|
|
height: 33rpx;
|
|
|
line-height: 33rpx;
|
|
|
line-height: 33rpx;
|
|
|
}
|
|
|
}
|
|
|
.yunfeK{
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.yunfeK {
|
|
|
font-size: 24rpx;
|
|
|
font-size: 24rpx;
|
|
|
color: #999;
|
|
|
color: #999;
|
|
|
letter-spacing: 0;
|
|
|
letter-spacing: 0;
|
|
|