.banner-content[data-v-b027a180]{border-radius:10px;overflow:hidden}.banner-wrap-styA[data-v-1f492da0]{height:70vw;background-size:100%;background-position-y:-23.7vw;position:relative}.banner-wrap-styA .banner[data-v-1f492da0]{height:46vw;display:flex;justify-content:center;align-items:center}.banner-wrap-styA .search-wrap[data-v-1f492da0]{padding:0 10vw 4vw 10vw}.banner-wrap-styB[data-v-1f492da0]{height:64vw;margin-bottom:10vw;background-size:100%;background-position-y:-89px;position:relative;background-repeat:no-repeat}.banner-wrap-styB .banner[data-v-1f492da0]{padding:0 0 3vw 0;height:46vw;display:flex;justify-content:center;align-items:center}.banner-wrap-styB .search-wrap[data-v-1f492da0]{padding:0 10vw 0 10vw;height:15vw;display:flex;justify-content:center;align-items:center}.banner-wrap-styB .search-wrap .search[data-v-1f492da0]{flex:1}.content[data-v-1f492da0]{position:relative;top:-5vw}.art-classroom-item[data-v-17c038f1]{margin-bottom:5vw;display:flex;justify-content:center;position:relative}.cover[data-v-17c038f1]{box-shadow:0 1px 18px 2px rgba(56,56,56,.2)}.info-wrap[data-v-17c038f1]{width:40vw;height:20vw;margin-left:4vw;margin-top:2vw;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.author[data-v-17c038f1],.time[data-v-17c038f1],.title[data-v-17c038f1]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;color:#4e4e4e}.title[data-v-17c038f1]{font-weight:700;font-size:1rem;color:#000}.icon[data-v-17c038f1]{position:absolute;left:calc(50% - 26.5vw);top:calc(50% - 5vw + 5px)}