| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879 |
- .container.data-v-b13fcb8d {
- min-height: 100vh;
- background-color: #F8F9FB;
- padding: 30rpx;
- }
- .detail-card.data-v-b13fcb8d {
- background: #FFFFFF;
- border-radius: 24rpx;
- padding: 40rpx;
- box-shadow: 0 4rpx 24rpx rgba(0, 0, 0, 0.03);
- }
- .detail-card .msg-title.data-v-b13fcb8d {
- font-size: 38rpx;
- font-weight: bold;
- color: #1A1A1A;
- display: block;
- margin-bottom: 30rpx;
- }
- .detail-card .info-list.data-v-b13fcb8d {
- display: flex;
- flex-direction: column;
- gap: 20rpx;
- }
- .detail-card .info-list .info-item.data-v-b13fcb8d {
- display: flex;
- font-size: 30rpx;
- line-height: 1.5;
- }
- .detail-card .info-list .info-item.vertical.data-v-b13fcb8d {
- flex-direction: column;
- }
- .detail-card .info-list .info-item .label.data-v-b13fcb8d {
- color: #999999;
- flex-shrink: 0;
- }
- .detail-card .info-list .info-item .mb-8.data-v-b13fcb8d {
- margin-bottom: 8rpx;
- }
- .detail-card .info-list .info-item .value.data-v-b13fcb8d {
- color: #666666;
- }
- .detail-card .info-list .info-item .status-text.data-v-b13fcb8d {
- color: #1F6CFF;
- font-weight: 500;
- }
- .detail-card .info-list .info-item .desc-text.data-v-b13fcb8d {
- color: #888888;
- font-size: 28rpx;
- line-height: 1.6;
- }
- .end-tip.data-v-b13fcb8d {
- display: flex;
- align-items: center;
- justify-content: center;
- padding: 80rpx 0;
- }
- .end-tip .line.data-v-b13fcb8d {
- width: 60rpx;
- height: 1rpx;
- background: #E0E0E0;
- margin: 0 20rpx;
- }
- .end-tip .end-text.data-v-b13fcb8d {
- font-size: 24rpx;
- color: #CCCCCC;
- }
- .card-anim.data-v-b13fcb8d {
- animation: fadeInDown-b13fcb8d 0.4s ease-out;
- }
- @keyframes fadeInDown-b13fcb8d {
- from {
- opacity: 0;
- transform: translateY(-20rpx);
- }
- to {
- opacity: 1;
- transform: translateY(0);
- }
- }
|