/*所有推广头部样式*/ .promoterHeader { width: 100%; height: 220rpx; background-color: #2BC7B9; position: relative; } .promoterHeader .bg { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .promoterHeader .headerCon { height: 100%; padding: 0 88rpx 0 55rpx; font-size: 28rpx; color: #fff; background-repeat: no-repeat; background-size: 100% 100%; } .promoterHeader .headerCon .name { margin-bottom: 2rpx; } .promoterHeader .headerCon .num { font-size: 50rpx; } .promoterHeader .headerCon .iconfont { font-size: 125rpx; } .extract-list .item { background: #FFFFFF; border-bottom: 1px solid #eee; padding: 40rpx 30rpx; position: relative; } .extract-list .item .ordersn-box { display: flex; align-items: center; justify-content: space-between; padding: 0rpx 0 10rpx; } .extract-list .item .ordersn-box .title { font-size: 32rpx; font-family: PingFang SC; font-weight: 500; color: #111; line-height: 1; } .extract-list .item .ordersn-box .status-box { display: flex; align-items: center; } .extract-list .item .ordersn-box .status-box .recom-box { width: 108rpx; height: 30rpx; line-height: 30rpx; text-align: left; padding-left: 8rpx; font-size: 22rpx; font-family: PingFang SC; font-weight: 500; color: #FFFFFF; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGwAAAAeCAYAAADJjPsHAAAAAXNSR0IArs4c6QAAAhxJREFUaEPtmj9OwzAUxr9XZhATIjAjOEIbMfJnh4NAEQNEnRGXgQvATgscAISgV2iBNQYlbZ04tmOlFamLXoaqcZ281L88+7P9EQC8dztbDYhrEPYIWEnK0uMn+SB5qn4xlY/K1F/s9Sb3Iy1G8Zrs3BRBRiw8b2ld+WeK0e2xR5e46pvbLL0qfb78IWN9ArhfajQu1ponb5YGH0X/eOpskxBdAKtaKAZmeGH/BNjkRR/Egpqbu6evNmjU70Y3IBxlb3uuKgOrFdi45W+DsH1sB9aLhsh1g0qHwMDmAew7CNvLZcCUnpWBzWUMU/gEYdsmHED9XsTAzEJgXKoDrCqqpFSxiw4GlgmoWTOGgRmEv7tRVVFkqb+4sp4zjDNMky08cZ5MpHVFp7eNY+LMGbbIGUZEzfXWac8k7VklOpea6hcdAIZEdGiCxsD8BJYIsyERNGgMzF9gSY+oQWNgfgNLoQHiIAjPHtNxmVc6XKvvcxnDinNVCY2B+Z9hStfIwPwHpoxjDMxvYCw6dMuDt2MYy3rzUpKXwHjinC3zVFV9VetrzpixX6PUhKPuyPHSVL49qgKoWn92YLzj7NhRLt9BZmC8gSlfILN1gzPsn2UY29z8MuE4bG5sJHVYy2sfwxxG0ufLHcT0wFZt1eYz/TRgepVIwEAgbm2E5y+m3WZ559RfH4srEPYJyFyn7Pyty/n7BeBOCIrKfPUJsF8TeAQunoFtzAAAAABJRU5ErkJggg==); background-repeat: no-repeat; background-size: 100% 100%; margin-right: 8rpx; } .extract-list .item .ordersn-box .status-box .text { font-size: 28rpx; font-family: PingFang SC; font-weight: 500; line-height: 1; } .extract-list .item .ordersn-box .status-box .text.success { color: #2BC7B9; } .extract-list .item .ordersn-box .status-box .text.red { color: #ff0000; } .extract-list .item .ordersn-box .status-box .text.info { color: #999999; } .extract-list .item .content .ask-text { font-size: 28rpx; font-family: PingFang SC; font-weight: 500; color: #999999; line-height: 42rpx; } .extract-list .item .content .ask-time { font-size: 28rpx; font-family: PingFang SC; font-weight: 500; color: #999999; line-height: 42rpx; }