.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; } }