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