div.layout-main[data-v-c9bfb757]{display:flex;flex-direction:column;height:100%}div.layout-main header[data-v-c9bfb757]{flex:0 0 164px;display:grid;grid-template-columns:1fr 2fr 1fr;grid-template-rows:2fr 1fr;grid-template-areas:"h-left h-mid h-right" "h-nav h-nav h-nav";background-image:url(/coursepc/img/banner@2x.png);background-size:cover;background-repeat:no-repeat;background-position:center right 10%}div.layout-main main[data-v-c9bfb757]{display:flex;flex-direction:column;flex:1;min-height:0}div.layout-main main div[data-v-c9bfb757]:first-child{flex:0}div.layout-main main div[data-v-c9bfb757]:last-child{flex:1;min-height:0}div.layout-main footer[data-v-c9bfb757]{background:transparent}div.layout-main .h-left[data-v-c9bfb757]{grid-area:h-left}div.layout-main .h-mid[data-v-c9bfb757]{grid-area:h-mid}div.layout-main .h-right[data-v-c9bfb757]{grid-area:h-right}div.layout-main .h-nav[data-v-c9bfb757]{grid-area:h-nav}div.layout-main div.item[data-v-c9bfb757]{display:flex;justify-content:center;align-items:center;position:relative}.search-box button[data-v-399a81c3]{background-color:#40dd9c}.search-box button[data-v-399a81c3]:hover{background-color:#40dd9c99}.search-box[data-v-399a81c3]{background-color:#fff}.search-box[data-v-399a81c3]{display:flex;width:80%;height:52px;align-items:center;padding:0 0 0 24px;border-radius:12px}.search-box button[data-v-399a81c3]{width:60px;height:52px;margin-left:12px;font-family:inherit;cursor:pointer;transition:background-color .25s;border:1px solid #fff;border-radius:0 12px 12px 0}.search-box input[data-v-399a81c3]{appearance:none;border:none;outline:none;height:24px;line-height:24px;caret-color:#40dd9c;font-weight:400;padding:0;font-size:1rem;color:#333;background-color:inherit;flex:1}.search-box input[data-v-399a81c3]::-webkit-search-cancel-button{appearance:none}@media (prefers-color-scheme: dark){.search-box[data-v-399a81c3]{background-color:#0e0e0e66}.search-box button[data-v-399a81c3]{border-color:#0e0e0e66}.search-box input[data-v-399a81c3]{background-color:transparent;color:#fff}.search-box input[data-v-399a81c3]::placeholder{color:#fff}}.select-arrow-wrap[data-v-f3f1a439]{position:absolute;bottom:-7px;display:none;width:40px}@media (prefers-color-scheme: dark){.select-arrow-wrap[data-v-f3f1a439]{filter:brightness(.15)}}.search-head-tip[data-v-933e9cdf]{flex:1;margin:0 72px 16px;height:60px;line-height:60px}.search-head-tip .head-tip[data-v-933e9cdf]{margin-left:32px;font-size:.875rem;color:#828289}.search-head-tip .head-tip>span[data-v-933e9cdf]{color:#2bc689}