.market { width: 100%; height: 100%; background: #F4F5F9; } .tabs { position: fixed; width: 100% !important; height: 96rpx; left: 0; right: 0; text-align: center; z-index: 10000000; background: #FFF; } .i-tab { width: 30% !important; display: inline-block; } .detail_msg { position: relative; background: #fff; margin: 0 30rpx; border-radius: 16rpx; overflow: hidden; } .bottom{ background: #FFF; /* display: flex; justify-content: space-between; */ padding: 10rpx 10rpx; } #text { line-height: 50rpx; height: 50rpx; text-align: left; margin-left: 40rpx; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 26rpx; word-wrap: break-word; color: rgba(0, 0, 0, 0.3) } .title{ text-align: left; font-size: 18px; font-weight: 700; margin-left: 40rpx; height: 60rpx; line-height: 60rpx; } .sendImg{ position: absolute; width: 100rpx; top: 100rpx; right: 6rpx; } .logo { display: block; width: 100%; border-radius: 16rpx; } .logo image { display: block; width: 100%; height: 260rpx; border-radius: 16rpx; } .section{ margin-bottom: 25rpx; } .bottom view:nth-child(1) { font-size: 30rpx; color: #3C3C3C; } .bottom view:nth-child(2){ font-size: 26rpx; color: #FD832D; } .info { width: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; text-align: center; color: #fff; /* background: rgba(0, 0, 0, 0.5) */ } .sub { font-size: 24rpx !important; color: #919191 !important; letter-spacing: 0; line-height: 33rpx; padding-left: 4%; height: 66rpx; overflow: hidden; white-space: wrap; text-overflow: ellipsis; } .info view:nth-child(1) text { display: inline-block; width: 300rpx; font-size: 30rpx; letter-spacing: 0; height: 42rpx; overflow: hidden; line-height: 42rpx; white-space: nowrap; text-overflow: ellipsis; } .discount{ position: absolute; width: 100rpx; top:86rpx; right:2rpx; } .info .sucess { display: inline-block; width: 123rpx !important; /* overflow: hidden; */ font-size: 26rpx; color: #02c0ff; letter-spacing: 0; text-align: right; line-height: 26px; } .wait { display: inline-block; width: 123rpx !important; overflow: visible!important; font-size: 28rpx; color: #ff4949; letter-spacing: 0; text-align: right; line-height: 28rpx!important; } .close { display: inline-block; width: 123rpx !important; overflow: hidden; font-size: 28rpx; color: #999; letter-spacing: 0; text-align: right; line-height: 28rpx; } /* .info view:nth-child(2), .info view:nth-child(3), .info view:nth-child(4) { color: #333; font-size: 24rpx; } */ .value { font-size: 24rpx; color: #999; letter-spacing: 0; padding-left: 4%; line-height: 33rpx; } .value text { font-size: 24rpx; color: #333; letter-spacing: 0; line-height: 33rpx; } /* .info view:nth-child(2) text, .info view:nth-child(3) text { font-size: 22rpx; } */ .info view:nth-child(3) { margin-top: 20rpx; } .payment { position: relative; width: 92%; height: 88rpx; line-height: 88rpx; padding: 0 4%; display: flex; justify-content: space-between; } .payment view:nth-child(1) text:nth-child(1) { font-size: 24rpx; color: #1f2d3d; letter-spacing: 0; } .payment view:nth-child(1) text:nth-child(2) { font-size: 28rpx; color: #ff4949; letter-spacing: 0; margin-left: 10rpx; } .payment view:nth-child(1) text:nth-child(3) { font-size: 24rpx; color: #b4b4b4; padding-left: 18rpx; text-decoration: line-through; } .btn { position: absolute; top: 0; bottom: 0; margin: auto; right: 20rpx; width: 160rpx; height: 52rpx; line-height: 52rpx; text-align: center; color: #fff; float: right; font-size: 28rpx; border: 2rpx solid #02c0ff; border-radius: 10rpx; } .payment view:nth-child(2) text { font-size: 30rpx; color: #02c0ff; } .dingdan { margin-top: 33rpx; } .dingdan text:nth-of-type(1) { display: block; font-size: 34rpx; color: #333; letter-spacing: 0; text-align: center; } .dingdan text:nth-of-type(2) { display: block; font-size: 28rpx; color: #999; letter-spacing: 0; text-align: center; } .dingdan image { display: block; width: 300rpx; height: 300rpx; margin: 0 auto 16rpx; } .loading { text-align: center; height: 80rpx; line-height: 80rpx; font-size: 26rpx; color: #999; } .loading image { width: 60rpx; height: 60rpx; vertical-align: middle; margin-right: 10rpx; } button::after{ border: none; } .goback{ width:400rpx!important; height:80rpx; line-height: 80rpx; border-radius:10rpx; background:linear-gradient(127deg,rgba(252,177,74,1) 0%,rgba(254,70,20,1) 100%); color: #fff; font-size: 32rpx; margin-top: 20rpx; } .goback image{ position: absolute; width: 60rpx; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } .frImg{ height: 78rpx; width: 78rpx; position: absolute; right: 0; top: 0; } .frImg text{ height:78rpx; width:78rpx; transform:rotate(45deg); color:#FFFFFF; font-size:16rpx; position:absolute; text-align:center; line-height:53rpx; top:0; left:0; }