.button[data-v-bb69ebb1]{display:block;height:400rem;padding:0;width:100%}.button[data-v-bb69ebb1],.button[data-v-bb69ebb1]:hover{background:transparent}.button .p-banner[data-v-bb69ebb1]{background-image:url(/yuanben/site/20231020/system-learn/banner/banner-bg.png);background-size:cover}.tags[data-v-c077ea40]{align-items:flex-start;color:var(--black-primary);display:flex;flex-wrap:wrap;font-size:28rem;line-height:40rem}.tags .tags[data-v-c077ea40]{flex:1;flex-wrap:wrap}.tags .item[data-v-c077ea40]{font-size:24rem;margin:0 6rem 30rem;text-align:center;width:120rem}.tags .item.active[data-v-c077ea40]{background-color:var(--green-primary);color:#fff}@media screen and (min-width:1200px){.tags[data-v-c077ea40]{font-size:20px;line-height:28px}.tags .item[data-v-c077ea40]{cursor:pointer;font-size:16px;width:100px}}.video-list .item[data-v-c077ea40]{display:flex;flex-direction:column;margin:0 20rem 40rem;opacity:0;transform:translateY(10px);width:334rem}.video-list .item.active[data-v-c077ea40]{opacity:1;transform:translateY(0);transition:all 1s ease-in-out}.video-list .item .img[data-v-c077ea40]{height:186rem;width:100%}.video-list .item .content[data-v-c077ea40]{background:#fff;border-radius:0 0 4px 4px;box-shadow:0 5px 16px #0000001a;box-sizing:border-box;height:194rem;padding:24rem 20rem}.video-list .item .content .title[data-v-c077ea40]{color:var(--black-primary);font-size:34rem;font-weight:700;line-height:1}.video-list .item .content .times[data-v-c077ea40]{background-color:#e6fff3;color:var(--green-primary);display:inline-block;font-size:24rem;line-height:40rem;margin-top:30rem;padding:0 30rem}.video-list .item .content .time[data-v-c077ea40]{color:#777;font-size:24rem;line-height:1;margin-top:18rem}@media screen and (min-width:1200px){.video-list .item[data-v-c077ea40]{cursor:pointer;margin:0 30px 40px 0;width:246px}.video-list .item .img[data-v-c077ea40]{height:154px}.video-list .item .content[data-v-c077ea40]{height:134px;padding:17px 16px}.video-list .item .content .title[data-v-c077ea40]{font-size:22px}.video-list .item .content .times[data-v-c077ea40]{font-size:14px;line-height:22px;margin-top:26px;padding:0 9px}.video-list .item .content .time[data-v-c077ea40]{font-size:14px;margin-top:14px}}.hot-topic[data-v-c077ea40]{padding:60rem 42rem}.hot-topic .title[data-v-c077ea40]{align-items:flex-end;color:var(--black-primary);display:flex;font-size:32rem;font-weight:700;line-height:1;margin-bottom:40rem}.hot-topic .title img[data-v-c077ea40]{height:48rem;margin-right:21rem;width:38rem}.hot-topic .content[data-v-c077ea40]{color:var(--black-primary);display:flex;flex-direction:column;line-height:2em}@media screen and (min-width:1200px){.hot-topic[data-v-c077ea40]{padding:80rem 0 0}.hot-topic .title[data-v-c077ea40]{font-size:18px;margin-bottom:20px}.hot-topic .title img[data-v-c077ea40]{height:26px;margin-right:14px;width:20px}.hot-topic .content[data-v-c077ea40]{font-size:14px}.hot-topic .content a[data-v-c077ea40]:hover{color:var(--green-primary)}}