.boatBox { width: 100% !important; height: 96rpx; display: flex; justify-content: space-around; background-color: #fff; } .boatBoxf { width: 100% !important; position: fixed; top: 0; left: 0; z-index: 10000; } .boatTitle { font-size: 30rpx; text-align: center; height: 80rpx; line-height: 80rpx; color: #999; } .boatTitleA { font-size: 32rpx; text-align: center; height: 80rpx; line-height: 80rpx; font-weight: 500; color: #d4a971; } .boatA { /* #fb3e5c */ width: 80rpx; height: 6rpx; background-color: #d4a971; margin: 0 auto; border-radius: 10rpx; } .picker { margin-top: 120rpx; padding: 17rpx 45rpx; margin-bottom: 28rpx; background-color: #fff; } .picker .inside { display: flex; justify-content: space-between; } .picker .inside .picker_item { font-size: 35rpx; } .picker .inside .img { width: 40rpx; height: 40rpx; } .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; overflow: hidden; } .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: 120rpx; height: 120rpx; border: 1px solid #f8f8f8; border-radius: 20rpx; } .logo image { display: block; width: 120rpx; height: 120rpx; 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: #FD832D; 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; border-top: 1rpx 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; bottom: 0; right: 0; 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; bottom: 0; right: 0; 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%); } */ .btnZf { position: absolute; bottom: 0; right: 0; width: 100rpx; height: 40rpx; line-height: 40rpx; text-align: center; color: #999; float: right; font-size: 24rpx; border-radius: 10rpx; border: 1rpx solid #d4a971; /* background:linear-gradient(130deg,rgba(50,177,252,1) 0%,rgba(47,108,255,1) 100%); */ } .cancel { position: absolute; bottom: 0; right: 120rpx; width: 90rpx; height: 40rpx; line-height: 40rpx; text-align: center; color: #999; float: right; font-size: 24rpx; border-radius: 10rpx; border: 1rpx solid #d4a971; } .btnGm { position: absolute; bottom: 0; right: 0; 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; } .itemBox { overflow: hidden; margin: 0 50rpx 20rpx 50rpx; padding-bottom: 20rpx; position: relative; } .payStatus { text-align: right; } /* .payStatus .sucess { display: inline-block; width: 123rpx !important; font-family:PingFangSC-Regular; font-size: 28rpx; font-weight:400; color: #2C8DFF; letter-spacing: 0; text-align: right; line-height: 26px; } */ .payStatus .sucess { display: inline-block; width: 123rpx !important; font-family: PingFangSC-Regular; font-size: 28rpx; font-weight: 400; color: #5cbb43; letter-spacing: 0; text-align: right; line-height: 26px; } .itemImg { float: left; display: block; width: 120rpx; height: 120rpx; border: 1px solid #f8f8f8; border-radius: 20rpx; } .itemImg image { display: block; width: 120rpx; height: 120rpx; border-radius: 20rpx; } .itemContent { float: left; width: 70%; } .face { font-size: 24rpx; color: #999; letter-spacing: 0; padding-left: 4%; line-height: 33rpx; } .face text { font-size: 24rpx; color: #333; letter-spacing: 0; line-height: 33rpx; } .date { /* margin-top: 16rpx; */ font-size: 24rpx; color: #999; letter-spacing: 0; padding-left: 4%; line-height: 26rpx; } .yunfe { font-size: 24rpx; color: #999; letter-spacing: 0; padding-left: 4%; height: 33rpx; line-height: 33rpx; } .yunfeK { font-size: 24rpx; color: #999; letter-spacing: 0; padding-left: 4%; height: 25rpx; line-height: 33rpx; }