page { background-color: #f8f8f8; } .release_items_page { padding: 40rpx 0; padding-bottom: calc(130rpx + constant(safe-area-inset-bottom)); padding-bottom: calc(130rpx + env(safe-area-inset-bottom)); } .expired { text-align: center; } .expired .des { padding: 15rpx 0 10rpx 0; font-size: 28rpx; } .expired .sub_des { color: #333333; font-size: 23rpx; padding-top: 5rpx; } .release_content { background-color: #fff; border-radius: 20rpx; margin: 0 30rpx; overflow: hidden; padding: 50rpx 0 30rpx 0; } .release_content .user_info { color: #3d3d3d; font-size: 26rpx; text-align: center; } .release_content .user_info .name { font-size: 32rpx; font-weight: bold; padding: 18rpx 0 6rpx 0; } .release_content .avatar { display: flex; align-items: center; justify-content: center; margin: 0 auto; } .outer_info { font-size: 28rpx; border-top: 1rpx solid #eee; margin: 30rpx 30rpx 0 30rpx; } .outer_info .cell_items { display: flex; align-items: center; justify-content: space-between; padding-top: 25rpx; } .outer_info .cell_items .label { font-size: 30rpx; color: #666; } .status_Approved { color: #55c51d; } .status_expired { color: #cf1322; }