.classroom[data-v-406efe0a]{background-color:#f5f7f8;font-size:20px;padding-top:16vw;width:100%}.classroom .banner[data-v-406efe0a]{color:#fff;position:relative}.classroom .banner img[data-v-406efe0a]{display:block;height:auto;width:100%}.classroom .banner .mask[data-v-406efe0a]{background:#0f1c2d;height:100%;left:0;opacity:.5;position:absolute;top:0;width:100%}.classroom .banner .banner-text[data-v-406efe0a]{bottom:24vw;left:9vw;position:absolute;width:80vw}.classroom .banner .banner-text-title[data-v-406efe0a]{font-size:1.5em;line-height:2}.classroom .banner .banner-text-content[data-v-406efe0a]{font-size:.7em;line-height:2;margin-top:2em}.classroom .banner .banner-text-more[data-v-406efe0a]{display:inline-block;font-size:.7em;margin-top:24px}.classroom .article[data-v-406efe0a]{box-sizing:border-box;margin:0 auto;max-width:600px;padding:2em 1.2em 3em;text-align:center;width:100%}.classroom .article[data-v-406efe0a]:not(:last-child){padding-bottom:0}.classroom .article-label[data-v-406efe0a]{color:#000;font-size:1.2em;margin-bottom:2em}.classroom .article .article-list[data-v-406efe0a]{margin-bottom:20px}.classroom .article .article-list .article-card[data-v-406efe0a]{background-color:#fff;border-radius:.25em;margin-top:1.4em;overflow:hidden;width:100%}.classroom .article .article-list .article-card img[data-v-406efe0a]{display:block;width:100%}.classroom .article .article-list .article-card .title[data-v-406efe0a]{box-sizing:border-box;color:#000;display:block;font-size:.8em;font-weight:600;padding:1.5em;text-align:left;width:100%}.classroom .article .article-list .article-card .footer[data-v-406efe0a]{align-items:center;color:#666;display:flex;justify-content:space-between;padding:1em 1.5em 1.4em}.classroom .article .article-list .article-card .footer .date[data-v-406efe0a]{font-size:.7em}.classroom .article .article-list .article-card .footer .tag[data-v-406efe0a]{border:1px solid #666;border-radius:.15em;display:inline-block;font-size:.7em;padding:2px 5px}.classroom .article .article-more[data-v-406efe0a]{color:#1366ee;cursor:pointer;font-size:18px;line-height:26px}@media screen and (min-width:500px){.classroom[data-v-406efe0a]{font-size:34px}}