.el-card{--el-card-border-color:var(--el-border-color-light);--el-card-border-radius:4px;--el-card-padding:20px;--el-card-bg-color:var(--el-fill-color-blank);background-color:var(--el-card-bg-color);border:1px solid var(--el-card-border-color);border-radius:var(--el-card-border-radius);color:var(--el-text-color-primary);display:flex;flex-direction:column;overflow:hidden;transition:var(--el-transition-duration)}.el-card.is-always-shadow,.el-card.is-hover-shadow:focus,.el-card.is-hover-shadow:hover{box-shadow:var(--el-box-shadow-light)}.el-card__header{border-bottom:1px solid var(--el-card-border-color);box-sizing:border-box;padding:calc(var(--el-card-padding) - 2px) var(--el-card-padding)}.el-card__body{flex-grow:1;overflow:auto;padding:var(--el-card-padding)}.el-card__footer{border-top:1px solid var(--el-card-border-color);box-sizing:border-box;padding:calc(var(--el-card-padding) - 2px) var(--el-card-padding)}.page-card{flex:0 0 auto;width:270px}.page-card.date-card{flex:1 1 calc(50% - 10px);max-width:450px;width:100%}.page-card .card-header{align-items:center;display:flex;font-size:16px;font-weight:700;justify-content:space-between}.page-card .el-card__header{background-color:#fafafa;padding:10px 15px}.page-card .card-item{align-items:center;display:flex;font-size:14px;justify-content:space-between;line-height:30px}.page-card .card-item .rank{background-color:#eee;border-radius:3px;color:#999;display:inline-block;flex-shrink:0;font-size:12px;height:18px;line-height:18px;margin-right:8px;text-align:center;width:18px}.page-card .card-item .rank.first{background-color:#ff6b6b;color:#fff}.page-card .card-item .rank.second{background-color:#ffa94d;color:#fff}.page-card .card-item .rank.third{background-color:#ffd43b;color:#fff}.page-card .card-item .card-item-title{flex:1;font-size:14px;text-align:left}.page-card .card-item .card-item-title.title-hot{color:#ff4d4f}.page-card .card-item .card-item-date{color:#aaa;flex-shrink:0;font-size:12px;margin-left:10px;text-align:right;width:72px}@media(max-width:1023px){.page-card{width:240px}.page-card.date-card{flex:1 1 100%;max-width:none}}@media(max-width:767px){.page-card{flex:none;width:calc(50% - 4px)}.page-card.date-card{flex:none;width:100%}.page-card .card-header{font-size:14px}.page-card .card-item{line-height:28px}.page-card .card-item .card-item-title{font-size:13px}.page-card .card-item .card-item-date{font-size:11px;width:65px}}@media(max-width:540px){.page-card{width:100%}.page-card .card-item .card-item-date{display:none}}