.market { width: 100%; height: 100%; background: #F4F5F9; margin-top: 20rpx; } .tabs { position: fixed; width: 100% !important; height: 96rpx; /* top: 0; */ left: 0; right: 0; text-align: center; z-index: 10000000; font-size: 26rpx; background: #FFF; } .i-tab { width: 30% !important; display: inline-block; } .section{ background: #FFFFFF; width: 680rpx; margin: 10rpx auto; border-radius: 10rpx; } .detail_msg { position: relative; width: 92%; background: #fff; display: flex; margin: 0 30rpx; padding-bottom: 20rpx; padding-top: 20rpx; border-bottom: 1rpx solid #eee; } .sendImg{ position: absolute; width: 100rpx; top: 100rpx; right: 6rpx; } .logo { display: block; width: 300rpx; height: 183rpx; border: 1px solid #f8f8f8; border-radius: 20rpx; } .logo image { display: block; width: 300rpx; height: 183rpx; border-radius: 20rpx; } .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; padding: 0 4% 0 4%; } .info { width: 100%; } .sub { font-size: 24rpx !important; color: #919191 !important; letter-spacing: 0; line-height: 33rpx; padding-left: 4%; height: 33rpx; 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; } .detail_top .sucess { display: inline-block; width: 123rpx !important; /* overflow: hidden; */ font-family:PingFangSC-Regular; font-size: 28rpx; font-weight:400; color: #2C8DFF; letter-spacing: 0; text-align: right; line-height: 26px; } .wait { display: inline-block; width: 123rpx !important; overflow: visible!important; font-size: 28rpx; color: #999; letter-spacing: 0; text-align: right; line-height: 28rpx!important; } .wait01{ display: inline-block; width: 123rpx !important; overflow: visible!important; font-size: 28rpx; color: #ff4949; letter-spacing: 0; text-align: right; line-height: 28rpx!important; } .wait02{ display: inline-block; width: 123rpx !important; overflow: visible!important; font-size: 28rpx; color: #2C8DFF; 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(3) { margin-top: 16rpx; } .info view:nth-child(2) { margin-top: 16rpx; } .payment { position: relative; width: 92%; height: 80rpx; line-height: 88rpx; padding: 0 4%; display: flex; justify-content: space-between; border-bottom: 8rpx solid #eee; } .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: 118rpx; height: 52rpx; line-height: 52rpx; text-align: center; color: #fff; float: right; font-size: 26rpx; border-radius: 20rpx; background:linear-gradient(127deg,rgba(252,177,74,1) 0%,rgba(254,70,20,1) 100%); } .btnZf{ position: absolute; top: 0; bottom: 0; margin: auto; right: 20rpx; width: 118rpx; height: 52rpx; line-height: 52rpx; text-align: center; color: #fff; float: right; font-size: 26rpx; border-radius: 20rpx; background:linear-gradient(130deg,rgba(50,177,252,1) 0%,rgba(47,108,255,1) 100%); } .btnGm{ position: absolute; top: 0; bottom: 0; margin: auto; right: 20rpx; width: 118rpx; height: 52rpx; line-height: 52rpx; text-align: center; color: #fff; float: right; font-size: 28rpx; border: 2rpx solid #2C8DFF; border-radius: 30rpx; } .payment view:nth-child(2) text { font-size: 26rpx; color: #FFFFFF; } .txGm{ font-size: 26rpx!important; color: #2C8DFF!important; } .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{ position: fixed; right: 50rpx; bottom: 60rpx; width:100rpx!important; height:100rpx; z-index: 100; background:rgba(255,255,255,1); line-height: 95rpx; border:1rpx solid rgba(227,227,227,1); border-radius:50%; } .goback image{ position: absolute; width: 60rpx; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }