123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8" />
- <meta name="viewport" content="width=device-width, initial-scale=1.0" />
- <title>Document</title>
- <style>
- body {
- margin: 0;
- font-family: PingFang SC, sans-serif;
- color: #fff;
- }
- .container {
- width: 179px;
- height: 166px;
- font-size: 14px;
- box-sizing: border-box;
- background: url("data:image/png;base64,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")
- no-repeat;
- overflow: hidden;
- position: relative;
- }
- .box {
- box-sizing: border-box;
- width: 162px;
- height: 102px;
- position: absolute;
- top: 6px;
- left: 8px;
- padding: 5px 12px;
- }
- .header {
- width: 100%;
- line-height: normal;
- font-weight: 400;
- margin-bottom: 5px;
- }
- .content {
- width: 100%;
- height: calc(100% - 24px);
- box-sizing: border-box;
- display: flex;
- flex-direction: column;
- justify-content: space-evenly;
- align-items: flex-start;
- font-family: PingFang SC;
- font-size: 12px;
- }
- .active {
- color: #31b3fe;
- }
- span {
- margin-left: 5px;
- }
- </style>
- </head>
- <body>
- </body>
- </html>
|