.page-wrap { padding-top: 96.15rpx; } .fixed-header { position: fixed; left: 0%; top: 0%; right: 0%; height: 96.15rpx; background: #fff; display: flex; align-items: center; justify-content: space-between; padding: 0 68.68rpx; &::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 1rpx; background: #e0e0e0; } .search-input { width: 439.56rpx; height: 61.81rpx; border: 1rpx solid #d0dde9; border-radius: 8.24rpx; position: relative; .input { width: 100%; height: 100%; font-size: 24.73rpx; padding: 0 82.42rpx 0 13.74rpx; box-sizing: border-box; } .icon { width: 39.84rpx; height: 39.84rpx; position: absolute; right: 27.47rpx; top: 50%; transform: translateY(-50%); } } .filter { font-size: 27.47rpx; background: none; border: none; padding: 0; margin: 0; &::after { display: none; } } } .invoice-panel { padding: 13.74rpx 0; .item { height: 206.04rpx; background: #fff; padding: 13.74rpx 233.52rpx 13.74rpx 27.47rpx; position: relative; box-sizing: border-box; & + .item { margin-top: 13.74rpx; } } .state { width: 178.57rpx; height: 178.57rpx; position: absolute; right: 27.47rpx; top: 13.74rpx; border-radius: 8.24rpx; display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 32.97rpx; color: #fff; &::after { font-size: 27.47rpx; margin-top: 13.74rpx; } &-1 { background: #00bfbf; &::after { content: '待申请'; } } &-2 { background: #ccc; &::after { content: '申请中'; } } &-3 { background: #f7922a; &::after { content: '已开'; } } } .name { font-size: 27.47rpx; line-height: 1.5; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .desc { font-size: 24.73rpx; line-height: 1.5; color: #999; } }