page { background-color: rgb(208, 17, 25); width: 100%; height: 100%; } .lumi { position: absolute; z-index: 0; width: 100%; height: 1100rpx; } .zindex { position: absolute; z-index: 1; width: 100%; } .top { padding-bottom: 75rpx; } .getgift { width: 610rpx; height: 130rpx; padding-top: 70rpx; } .excitation { padding-top: 30rpx; color: rgb(255, 255, 255); padding-bottom: 50rpx; } .gift { width: 550rpx; height: 500rpx; } .time { color: rgb(255, 255, 255); margin-bottom: 55rpx; text-decoration: underline; margin-top: 10rpx; } .take { width: 440rpx; height: 77rpx; color: rgb(221, 45, 8); background-color: rgb(252, 210, 10); border-radius: 45rpx; font-weight: 900; line-height: 77rpx; box-shadow: 0rpx 7rpx 0rpx 0rpx rgb(245, 119, 6); font-size: 38rpx; } .head { border-bottom: 4rpx solid rgb(253, 193, 7); color: rgb(255, 255, 255); height: 50rpx; line-height: 50rpx; } .lhead { border-top: 4rpx solid rgb(253, 193, 7); border-left: 4rpx solid rgb(253, 193, 7); border-right: 4rpx solid rgb(253, 193, 7); width: 290rpx; height: 50rpx; line-height: 50rpx; } .rhead { background-color: rgb(253, 193, 7); border-bottom: 4rpx solid rgb(253, 193, 7); } .items { padding-top: 50rpx; } .explain { width: 30rpx; height: 30rpx; margin-right: 10rpx; } .padding { padding: 0rpx 50rpx; } .content { padding-bottom: 35rpx; } .width { width: 290rpx; } .line { width: 110rpx; border-top: 2rpx solid rgb(255, 255, 255); } .loads { margin-bottom: 35rpx; } .load { margin: 0rpx 26rpx; } .item { margin-bottom: 35rpx; display: flex; align-items: baseline; } .state { text-decoration: underline; } .nostate{ color: rgb(195,155,156); } .nothing { padding: 50rpx 0rpx; } .receive { padding-bottom: 50rpx; } .tesk_list{ width: 100%; max-height: 335rpx; overflow: hidden; overflow-y:auto; }