.base-status { background-color: #fff; padding: 30px; margin-bottom: 20px; display: flex; align-items: center; .status-c { float: left; width: 640px; position: relative; } .status-title { font-size: 34px; color: #444; line-height: 48px; margin-bottom: 10px; } .status-body { font-size: 28px; color: #b0b0b0; line-height: 40px; margin-bottom: 5px; span { color: #e01; } } .status-time { font-size: 24px; color: #b0b0b0; line-height: 34px; } .iconfont { margin-left: 30px; width: 20px; float: right; color: #e0e0e0; font-size: 32px; } } .info-table { margin: 20px 0; padding: 30px 0 30px 30px; background-color: #fff; position: relative; .table-item { line-height: 50px; font-size: 28px; color: #444; } .iconfont { position: absolute; top: 30px; right: 30px; font-size: 40px; } } .real-amount { background-color: #fff; li { margin-left: 30px; padding-right: 30px; font-size: 28px; border-top: solid 1px #e0e0e0; line-height: 80px; span { float: right; } &:last-child span { color: #f00; } } }