.vip-banner[data-v-7a7a68c1]{padding:28px 0 18px;background:#141a33 url(../img/bg.d7a88ef5.png) top/cover no-repeat}.vip-banner__inner[data-v-7a7a68c1]{width:1370px;margin:0 auto}.vip-banner__row[data-v-7a7a68c1]{display:flex;align-items:flex-start}.vip-banner__row+.vip-banner__row[data-v-7a7a68c1]{margin-top:16px}.vip-banner__label[data-v-7a7a68c1]{flex:none;width:80px;line-height:36px;font-size:15px;color:#fff}.vip-banner__opts[data-v-7a7a68c1]{flex:1;display:flex;flex-wrap:wrap;align-items:center}.vip-banner__opt[data-v-7a7a68c1]{padding:8px 14px;margin:0 8px 12px 0;font-size:14px;color:hsla(0,0%,100%,.85);border:1px solid transparent;border-radius:999px;cursor:pointer}.vip-banner__opt[data-v-7a7a68c1]:hover{color:#fff}.vip-banner__opt--active[data-v-7a7a68c1]{color:#fff;background:#2883e0}.vip-pill[data-v-7a7a68c1]{padding:8px 20px;margin:0 14px 12px 0;font-size:14px;color:hsla(0,0%,100%,.85);border-radius:999px;cursor:pointer}.vip-pill[data-v-7a7a68c1]:hover{color:#fff}.vip-pill--active[data-v-7a7a68c1]{color:#fff;background:#2883e0}.course[data-v-19cb8a00]{display:flex;flex-direction:column}.course-cover[data-v-19cb8a00]{position:relative;height:128px;cursor:pointer}.course-cover>img[data-v-19cb8a00]{width:100%;height:100%}.course-cover .course-corner[data-v-19cb8a00]{position:absolute;top:0;right:0;width:65px;height:65px}.course-info[data-v-19cb8a00]{display:flex;flex-direction:column}.course-title[data-v-19cb8a00]{width:100%;margin-top:6px;font-size:16px}.course-title[data-v-19cb8a00]:hover{color:#2883e0;cursor:pointer}.course-intro[data-v-19cb8a00]{display:flex;font-size:14px;color:#999}.course-intro__text[data-v-19cb8a00]{flex:1}.course-intro__num[data-v-19cb8a00]{padding-left:18px;background:url(/img/icon_32new.084eae08.png) no-repeat -9px -293px}.vip-type[data-v-1199d0b3]{padding-bottom:140px}.vip-type__block[data-v-1199d0b3]{width:1370px;margin:20px auto 0}.vip-type__intro[data-v-1199d0b3]{width:1370px;margin:20px auto 0;overflow:hidden;font-size:0;background:#fff;border-radius:8px}.vip-type__intro-img[data-v-1199d0b3]{display:block;width:100%}.vip-type__sort-bar[data-v-1199d0b3]{margin-top:24px}.vip-type__sort-bar .vip-learn[data-v-1199d0b3]{display:inline-block;width:80px;height:26px;margin-right:20px;vertical-align:middle;cursor:pointer}.vip-type__sort-bar .vip-sort[data-v-1199d0b3]{display:inline-block;vertical-align:middle;padding:5px 18px;margin-right:20px;font-size:15px;color:#666;border-radius:999px;cursor:pointer}.vip-type__sort-bar .vip-sort[data-v-1199d0b3]:hover{color:#2883e0}.vip-type__sort-bar .vip-sort--active[data-v-1199d0b3]{color:#fff;background:#2883e0}.vip-type__sort-bar .vip-sort--active[data-v-1199d0b3]:hover{color:#fff}.vip-type__panel[data-v-1199d0b3]{padding:30px;background:#fff;border-radius:8px}.vip-type__title-row[data-v-1199d0b3]{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.vip-type__title[data-v-1199d0b3]{margin:0;font-size:22px;color:#222}.vip-type__grid[data-v-1199d0b3]{display:grid;grid-template-columns:repeat(5,minmax(0,5fr));-moz-column-gap:15px;column-gap:15px;row-gap:28px}.vip-type__empty[data-v-1199d0b3]{padding:80px 0;font-size:14px;color:#999;text-align:center}.vip-type__pager[data-v-1199d0b3]{display:flex;justify-content:center;margin:30px 0 10px}.vip-type__no-access[data-v-1199d0b3]{padding:60px 0;text-align:center}.vip-type__no-access-text[data-v-1199d0b3]{margin:0 0 24px;font-size:16px;color:#666}.vip-type__no-access-btn[data-v-1199d0b3]{padding:10px 36px;border:none;border-radius:999px;background:#2883e0;font-size:15px;font-family:inherit;color:#fff;cursor:pointer}.vip-type__no-access-btn[data-v-1199d0b3]:hover{background:#3273ee}.vip-type[data-v-1199d0b3] .vip-course-card .course-cover{height:164px}.vip-type[data-v-1199d0b3] .vip-course-card .course-corner{width:auto;height:20px}.vip-type--svip[data-v-1199d0b3] .vip-banner__opt--active,.vip-type--svip[data-v-1199d0b3] .vip-pill--active{background:#f5811f}.vip-type--svip .vip-sort[data-v-1199d0b3]:hover{color:#f5811f}.vip-type--svip .vip-sort--active[data-v-1199d0b3]{background:#f5811f}.vip-type--svip .vip-sort--active[data-v-1199d0b3]:hover{color:#fff}.vip-type--svip .vip-type__no-access-btn[data-v-1199d0b3]{background:#f5811f}.vip-type--svip .vip-type__no-access-btn[data-v-1199d0b3]:hover{background:#f79545}