page { background-color: #EDF1F4; } .income{ height: 100vh; display: flex; flex-direction: column; } .main-box{ flex: 1; overflow: hidden; } .scroll-box{ height: 100%; box-sizing: border-box; } .back { background-color: #FFF; } .tab-wire { width: 160rpx; height: 6rpx; background: #1677FF; border-radius: 0rpx 0rpx 0rpx 0rpx; opacity: 1; } .tab-flex { display: flex; align-items: center; } .tab-title { font-size: 40rpx; font-weight: 800; color: #203460; } .tab-text { font-size: 24rpx; font-weight: 500; color: #A4A9B7; } .income-time { font-size: 22rpx; font-weight: bold; color: #1C274C; } .income-money { font-size: 22rpx; font-weight: 500; color: #A4A9B7; } .below-img { width: 22rpx; height: 22rpx; } .item-box { width: 686rpx; /* height: 701rpx; */ background: #FFFFFF; border-radius: 20rpx 20rpx 20rpx 20rpx; opacity: 1; margin: auto; } .pica-t { font-size: 24rpx; font-weight: 500; color: #A4A9B7; } .had{ color: FF9600; } .after-sale { font-size: 24rpx; font-weight: 500; color: #1C274C; } .t-red { font-size: 24rpx; font-weight: 500; color: #FF2121; } .items { width: 574rpx; height: 120rpx; background: #F5F7F9; border-radius: 20rpx 20rpx 20rpx 20rpx; opacity: 1; margin: auto; } .img-box { width: 120rpx; height: 120rpx; background: #D9D9D9; border-radius: 20rpx 20rpx 20rpx 20rpx; opacity: 1; } .item-title { font-size: 30rpx; font-weight: bold; color: #1C274C; } .item-tab { font-size: 22rpx; font-weight: 500; color: #A4A9B7; background-color: #FFFFFF; padding: 5rpx 12rpx; } .server-text { font-size: 22rpx; font-weight: bold; color: #A4A9B7; } .text-b { color: #1C274C; } .wire { width: 622rpx; height: 0rpx; opacity: 1; border: 1rpx solid rgba(164,169,183,0.2); margin: auto; } .total { color: #A4A9B7; } .unit { color: #FF9600; } .total-prices { color: #FF9600; font-weight: bold; }