| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586 |
- .art-page {
- min-height: 100vh;
- background-color: #f4f6fb;
- }
- .art-nav {
- background-color: #ffffff;
- border-bottom: 1rpx solid #eef1f6;
- }
- .art-nav-row {
- display: flex;
- flex-direction: row;
- align-items: center;
- height: 88rpx;
- padding: 0 24rpx;
- box-sizing: border-box;
- }
- .art-back {
- width: 64rpx;
- height: 64rpx;
- display: flex;
- align-items: center;
- justify-content: center;
- }
- .art-back-icon {
- font-size: 40rpx;
- color: #1a1d26;
- line-height: 1;
- }
- .art-nav-title {
- flex: 1;
- text-align: center;
- font-size: 32rpx;
- font-weight: 600;
- color: #1a1d26;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- padding: 0 12rpx;
- }
- .art-nav-placeholder {
- width: 64rpx;
- }
- .art-scroll {
- width: 100%;
- }
- .art-body {
- padding: 24rpx;
- box-sizing: border-box;
- }
- .art-state {
- padding: 120rpx 0;
- text-align: center;
- }
- .art-state-txt {
- font-size: 28rpx;
- color: #8a8d9e;
- }
- .art-card {
- background-color: #ffffff;
- border-radius: 24rpx;
- padding: 32rpx 28rpx;
- box-shadow: 0 8rpx 32rpx rgba(26, 29, 38, 0.04);
- }
- .art-rich {
- display: block;
- font-size: 30rpx;
- color: #3d4150;
- line-height: 1.65;
- word-break: break-word;
- }
- .art-webview {
- width: 100%;
- }
|