[data-v-71e9e26e]{position:relative}.main[data-v-71e9e26e]{min-height:100vh;padding-bottom:150px}.titlebox[data-v-71e9e26e]{height:300px;display:flex;align-items:center;justify-content:center;font-weight:700;flex-direction:column;font-size:64px;line-height:56px;color:#fff;background-size:cover;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:#000}.titlebox .bg[data-v-71e9e26e]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;left:0;top:0}.titlebox h4[data-v-71e9e26e]{margin-top:0;font-weight:700;font-size:64px;line-height:56px;text-shadow:0 4px 20px rgba(0,0,0,.3)}.titlebox h5[data-v-71e9e26e]{font-weight:500;font-size:20px;line-height:56px;margin-top:24px;margin-bottom:0}.topicbox[data-v-71e9e26e]{margin-top:120px;width:100%;display:grid;grid-template-columns:1fr 1fr 1fr;grid-column-gap:18px;grid-row-gap:20px}.topicbox .topic[data-v-71e9e26e]{width:100%;color:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all .3s ease;cursor:pointer}.topicbox .topic.gray .cover[data-v-71e9e26e]{opacity:.4}.topicbox .topic:hover .cover[data-v-71e9e26e],.topicbox .topic:hover .left-top[data-v-71e9e26e]{opacity:1}.topicbox .topic .cover[data-v-71e9e26e]{width:100%;-o-object-fit:cover;object-fit:cover;border-radius:12px;overflow:hidden;height:218px}.topicbox .topic .left-top[data-v-71e9e26e]{opacity:0;position:absolute;left:8px;top:8px;border-radius:4px;background:hsla(0,0%,100%,.7);padding:1px 6px;font-size:12px;font-style:normal;font-weight:400;line-height:24px}.topicbox .topic h4[data-v-71e9e26e]{font-size:14px;font-style:normal;font-weight:400;line-height:24px;margin:8px 0 0 0;text-align:center}.topicbox .topic h4 .top[data-v-71e9e26e]{font-size:10px;font-style:normal;font-weight:400;line-height:16px;color:#f90;border-radius:4px;background:#fff2de;padding:0 6px}.topicbox .topic h5[data-v-71e9e26e]{font-size:12px;font-style:normal;font-weight:400;line-height:20px;color:#a4a9b4;text-align:center;margin:2px 0 0 0}.topicbox .topic[data-v-71e9e26e]:hover{transform:scale(1.03)}.page-indexer[data-v-71e9e26e]{display:flex;align-items:center;justify-content:flex-end;min-height:24px;margin-top:12px}.page-indexer[data-v-71e9e26e] .el-pagination .more,.page-indexer[data-v-71e9e26e] .el-pagination .number,.page-indexer[data-v-71e9e26e] .el-pagination button{background:transparent;color:#fff}.page-indexer[data-v-71e9e26e] .el-pagination .more.active,.page-indexer[data-v-71e9e26e] .el-pagination .more:hover,.page-indexer[data-v-71e9e26e] .el-pagination .number.active,.page-indexer[data-v-71e9e26e] .el-pagination .number:hover,.page-indexer[data-v-71e9e26e] .el-pagination button.active,.page-indexer[data-v-71e9e26e] .el-pagination button:hover{color:var(--color-primary-2)}