.wrap .title[data-v-d5efcdce] {
    display: inline-flex;
    align-items: center;
    font-size: 20px;
    font-weight: 500;
    color: #333;
    text-decoration: none
}

.wrap .title .icon-arrow[data-v-d5efcdce] {
    display: inline-block;
    width: 23px;
    height: 23px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAuCAMAAABgZ9sFAAAAaVBMVEUAAADr7vL////s8PTr7vLr7vHq7vLq7vHr7fLr7fLr7vHr7vLr7vLr7vHr7vTq7fPt///s8PTv7/fq7fGkrrunsL3f4+nn6u7Y3ePR197GzNXk5+2wucWosr++xc61vcistcG7ws3K0dg9p6LZAAAAE3RSTlMAiwVD+e/s3trWzbW0pFpVDkQgNysnfAAAAUJJREFUSMedlt1ugzAMhUNCIKVQSh1CC5S2e/+HXDYxCWI7IjuX1ifkHP8hQkmV1abI88LUmZIiKtk2GjbSTSt5+lICUnlhYFUBqUpRdAasMgRfzxDR+bqnbyeI6nTbfRvRiN9+H2eC8+FfGX9vB4f052d1DK/WWm5jo7XWMfxvfeWu8sPT2uedxkvp8XYfm+be9g+abz3eBLHh5fmRxBufi0bRxfMLhWspFGCNnn8NlJd0iR6enyeqVDVQuvfeIGxoLQyQct7QHhlqRAG0pjdhaCFyBG4MtQGfB3jYD0uIFxz9+XEHJWOY1GeqtoYx0q0PRUZmpO2rjbhMiinq25FNIPXxltGSaOAP15DQMOPxxYwHGj5nPc0OHxptFxvttMWRuJbSll7aSk1c2GnnIO3YJJ4yrI47lF3aGf7/kU/8hfgGXsF7hCe03PgAAAAASUVORK5CYII=);
    background-size: 100% 100%;
    margin-left: 10px
}

.wrap .sub-title[data-v-d5efcdce] {
    font-size: 16px;
    color: #898989;
    margin-top: 5px
}

.card[data-v-95e11b2c] {
    background: #fff;
    box-shadow: 0 2px 10px 0 rgba(230, 235, 240, .5);
    border-radius: 10px;
    cursor: pointer;
    transition: all .2s;
    text-decoration: none;
    border: none
}

.card[data-v-95e11b2c]:hover {
    transform: translateY(-4px);
    box-shadow: 0 0 20px 0 rgba(10, 36, 62, .12), 0 2px 10px 0 rgba(230, 235, 240, .5)
}

.base-wrap[data-v-63f89c8f] {
    position: relative;
    display: flex;
    flex-direction: column;
    transition: all .2s
}

.base-wrap:hover .content .name[data-v-63f89c8f] {
    color: #9e3e01bf
}

.base-wrap .picture[data-v-63f89c8f] {
    width: 100%;
    height: auto;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

.base-wrap .content[data-v-63f89c8f] {
    min-height: 104px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 12px 10px 16px
}

.base-wrap .content .name[data-v-63f89c8f] {
    font-size: 16px;
    font-weight: 500;
    color: #333
}

.base-wrap .content .open-time[data-v-63f89c8f] {
    font-size: 14px;
    color: #898989
}

.base-wrap[data-v-a7b714c2] {
    padding: 16px 15px 19px;
    min-height: 189px;
    box-shadow: none
}

.base-wrap[data-v-a7b714c2]:hover {
    transform: translateY(-4px);
    box-shadow: 0 0 10px 0 rgba(10, 36, 62, .1)
}

.base-wrap.first[data-v-a7b714c2] {
    background: linear-gradient(315deg, #f9ffff, #f6fffb)
}

.base-wrap.second[data-v-a7b714c2] {
    background: linear-gradient(315deg, #fffbf6, #fffdf6)
}

.base-wrap.third[data-v-a7b714c2] {
    background: linear-gradient(315deg, #f5faff, #f4fcff)
}

.base-wrap .top[data-v-a7b714c2] {
    display: flex
}

.base-wrap .top .picture[data-v-a7b714c2] {
    width: 135px;
    height: 75px;
    background: #d8d8d8;
    border-radius: 5px;
    margin-right: 12px
}

.base-wrap .top .name[data-v-a7b714c2] {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.base-wrap .top .name .title[data-v-a7b714c2] {
    font-size: 16px;
    font-weight: 500;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.base-wrap .top .name .tags[data-v-a7b714c2] {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.base-wrap .top .name .tags .tag[data-v-a7b714c2] {
    padding: 2px;
    background: #def0fa;
    border-radius: 5px 0 5px 0;
    font-size: 12px;
    color: #9e3e01bf
}

.base-wrap .top .name .tags .tag[data-v-a7b714c2]:not(:first-child) {
    margin-left: 8px
}

.base-wrap .desc[data-v-a7b714c2] {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    font-size: 14px;
    color: #838992;
    margin-top: 14px
}

.base-wrap[data-v-36060c6f] {
    position: relative;
    display: flex;
    flex-direction: column;
    transition: all .2s
}

.base-wrap:hover .content .name[data-v-36060c6f] {
    color: #9e3e01bf
}

.base-wrap .picture[data-v-36060c6f] {
    width: 100%;
    height: 152px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

.base-wrap .content[data-v-36060c6f] {
    min-height: 112px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 12px 10px 16px
}

.base-wrap .content .name[data-v-36060c6f] {
    font-size: 16px;
    font-weight: 500;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.base-wrap .content .other-info[data-v-36060c6f] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
    color: #898989
}

.base-wrap .content .other-info .type[data-v-36060c6f] {
    padding: 3px 9px;
    border-radius: 4px;
    font-size: 14px;
    text-align: center
}

.base-wrap .content .other-info .type.bootcamp[data-v-36060c6f] {
    background: rgba(46, 126, 238, .1);
    color: #9e3e01bf
}

.base-wrap .content .other-info .type.member[data-v-36060c6f] {
    background: rgba(250, 169, 7, .1);
    color: #f57e14
}

.base-wrap .label[data-v-36060c6f] {
    position: absolute;
    top: 0;
    left: 0;
    width: 90px;
    height: 30px;
    line-height: 30px;
    background: #da1919;
    border-radius: 10px 0 8px 0;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    text-align: center
}

.recent-course-wrap[data-v-0fdd984a] {
    cursor: pointer;
    background: none;
    border: none;
    text-decoration: none
}

.recent-course-wrap .title[data-v-0fdd984a] {
    display: flex;
    align-items: center;
    font-size: 16px;
    color: #333;
    margin-bottom: 10px
}

.recent-course-wrap .title .icon-title[data-v-0fdd984a] {
    display: inline-block;
    width: 15px;
    height: 11px;
    margin-right: 9px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAWCAMAAADgvdz9AAABHVBMVEUAAADi7v/K4/4xj/cuge/n8f8whPHk8P/p8v/s8/8vhPbp9P88j/jn5/9An//o8v8xiPPn8v/j7v8whPDb7f632f0zkvgxjfSl0Pwzk/cyjPUvgO/r9P8wh/IwgvBEnPoyivQwf+8vgO8vf+/o8f/o8f+JwvuHwvvk7/8vhfIwifMvg/AwiPPm8P9dpfcxjPReqPff7v9irPllr/kuge9psPrU6P9gqfjh7v+fzfx/vPtvtPrA3v6Cv/x2t/rY6v/M5P5jqvjc7P+72/6r0/2Hwfx5u/w1kfYxjvbP5v7I4v7E4P6PxfyLw/xss/pkrPlao/e32f2v1/2u1P2o0/2VyfyTx/xytvtWo/dRnvXZ6/6ay/yayvxFmfVAlPQGAvVXAAAAKHRSTlMA9vbz8trLwnYjGxYRCgj08O3l5OPi2dm+r6+vj3l5bGBg2dmSkXl5TB5lkwAAAVZJREFUKM9tktd6gkAUhLFETUxM79XUBURQioAVOxbAWFPf/zGyhQQi7O3/zdlzZoYib/vu4jQWOzm/fT47jkaPkqk05b3M9R7D8P1+b6WPtdfKQClwu1c7v3QrQecYnu/3jJre+Wy3hkoTcNzGpksPaYgZvifI5Zo+0qaToVJQOW4f80yCZbF6ZdiQV0dau9WoF5Aezb+RWBrhL6FkiLJVqy7g9+Y75OAR7hxnCXbyQskW5aU+ns9aZr0JAIikqayEZueY7zzERVG0up2RNhkoTRVwaoq6lIj6DeOiaC31zsd0iH4HapJ6kCSo9rBc7lbn7UpDQfiAirtqx4cXMxdHPOyE4ns0nA4Or+PheDU2uJrprpYlavcw238YACmfLYJgBGwhpub+TC0TUxVs6hOJBCcWFgkJlCRGAh3DQAfoKhSoVwfGVweT1MFfJj60TOtVfPlfxR/3B3LrIdrouAAAAABJRU5ErkJggg==);
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.recent-course-wrap .title .text[data-v-0fdd984a] {
    flex: 1;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.recent-course-wrap .content[data-v-0fdd984a] {
    display: flex
}

.recent-course-wrap .content .picture[data-v-0fdd984a] {
    width: 106px;
    height: 60px;
    background-size: auto 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    margin-right: 9px;
    border-radius: 5px
}

.recent-course-wrap .content .other-info[data-v-0fdd984a] {
    display: flex;
    flex-direction: column;
    font-size: 12px;
    color: #808a98
}

.recent-course-wrap .content .other-info .score[data-v-0fdd984a] {
    display: flex;
    align-items: center;
    margin-bottom: 7px;
    line-height: 13px
}

.recent-course-wrap .content .other-info .score .icon-star[data-v-0fdd984a] {
    display: inline-block;
    width: 13px;
    height: 13px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAMAAACelLz8AAAAZlBMVEUAAAD/yEz/yEz/yEz/x0z/ylD/yVD/yEz/yEz/yU3/y1D/yk7/x0z/yE3/yEz/x0z/yEz/yE3/yE3/yU3/yEz/yE7/yU3/yk7/yE7/yk7/zFD/yk//0VH/1FX/zE3/yEz/yE3/x0yGmmciAAAAIXRSTlMA5vbxfS4o7M9PNjLSvbKup6aglo9iWUdFPiMdFgwK2dhdv/UtAAAArElEQVQoz3XQWQ6EIBBFURBUFOd57q79b7IVErtK4X0RT0wql+EVBfNsApg8lAPkbknhXOqk8qLSJRGYRQ5qLDVvWQNLwYo+7nqQlTJiTFVy0PsJHQfneMe+4NmHRb6/zlPD2CVxyBgyKmZaPEXou554CCo5U5pJPzTaMaGUIJKUJKKaUo1IUVKIbPZsHDMb/y+LidZfz94kXfCBQh72fUiBTwx5u7F7W8tNwR9mLSiqyXNzKwAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-right: 5px
}

.recent-course-wrap:hover .title[data-v-0fdd984a] {
    color: #9e3e01bf
}

.recent-wrap[data-v-b0308afe] {
    width: 100%;
    height: 548px;
    box-sizing: border-box;
    padding: 1px 0 18px 20px;
    background: #fff;
    box-shadow: 0 2px 10px 0 rgba(230, 235, 240, .5);
    border-radius: 10px;
    margin-top: 20px
}

.tab-wrap[data-v-5a6c7e8e] {
    display: flex;
    align-items: center
}

.tab-wrap .tab-item[data-v-5a6c7e8e] {
    position: relative;
    font-size: 14px;
    color: #565656;
    cursor: pointer
}

.tab-wrap .tab-item[data-v-5a6c7e8e]:not(:last-child) {
    margin-right: 20px
}

.tab-wrap .tab-item.active[data-v-5a6c7e8e] {
    font-weight: 500;
    color: #333
}

.tab-wrap .tab-item.active[data-v-5a6c7e8e]:after {
    content: "";
    display: block;
    width: 40px;
    height: 2px;
    background: #9e3e01bf;
    border-radius: 2px;
    position: absolute;
    bottom: -4px;
    left: 50%;
    transform: translateX(-50%)
}

.tab[data-v-2cd9f44e] {
    margin-top: 18px
}

.block-wrap .title[data-v-242b3ced] {
    display: block;
    font-size: 16px;
    font-weight: 500;
    color: #333;
    margin-bottom: 10px
}

.block-wrap .title.link[data-v-242b3ced] {
    text-decoration: none
}

.block-wrap .title.link[data-v-242b3ced]:hover {
    color: #9e3e01bf
}

.tag[data-v-5f3f6a33] {
    font-size: 14px;
    color: #d8dceb;
    text-decoration: none
}

.tag[data-v-5f3f6a33]:hover {
    color: #9e3e01bf!important
}

.recommend-wrap[data-v-220a1067] {
    display: flex;
    text-decoration: none
}

.recommend-wrap .picture[data-v-220a1067] {
    width: 70px;
    height: 40px;
    background: #d8d8d8;
    border-radius: 5px;
    margin-right: 10px
}

.recommend-wrap .name[data-v-220a1067] {
    max-height: 38px;
    font-size: 12px;
    color: #565656;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 18px
}

.recommend-wrap .name[data-v-220a1067]:hover {
    color: #9e3e01bf
}

.menu[data-v-6e94706a] {
    position: relative;
    display: flex;
    box-sizing: border-box;
    padding-left: 16px;
    width: 100%;
    height: 40px;
    line-height: 40px;
    border-radius: 1px
}

.menu div[data-v-6e94706a] {
    line-height: normal
}

.menu[data-v-6e94706a]:hover {
    background: hsla(0, 0%, 100%, .08)
}

.menu:hover .mask[data-v-6e94706a],
.menu:hover .menu-detail[data-v-6e94706a] {
    display: block
}

.menu .parent[data-v-6e94706a] {
    font-size: 14px;
    font-weight: 500;
    color: #fff
}

.menu .child[data-v-6e94706a] {
    font-size: 14px;
    margin-left: 6px
}

.menu .child .text[data-v-6e94706a],
.menu .child[data-v-6e94706a] {
    color: #d8dceb
}

.menu .mask[data-v-6e94706a] {
    top: 0;
    z-index: 2;
    filter: blur(4px)
}

.menu .mask[data-v-6e94706a],
.menu .menu-detail[data-v-6e94706a] {
    display: none;
    position: absolute;
    left: 260px;
    width: 510px;
    height: 348px
}

.menu .menu-detail[data-v-6e94706a] {
    box-sizing: border-box;
    padding: 23px 20px 17px;
    background: linear-gradient(226deg, hsla(0, 0%, 100%, .9), hsla(0, 0%, 100%, .9));
    border-radius: 0 8px 8px 0;
    z-index: 3
}

.menu .menu-detail .block[data-v-6e94706a]:nth-child(2) {
    margin-top: 24px
}

.menu .menu-detail .menu-detail-tag[data-v-6e94706a] {
    display: inline-block;
    color: #565656;
    margin-right: 29px;
    margin-bottom: 12px
}

.menu .menu-detail .divider[data-v-6e94706a]:after {
    display: inline-block;
    content: "";
    width: 1px;
    height: 10px;
    background: #c7d2e2;
    margin-left: 14px
}

.menu[data-v-6e94706a]:after {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    content: "";
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #fff
}

.wrap[data-v-8947029a] {
    box-sizing: border-box;
    padding-top: 15px;
    width: 260px;
    height: 348px;
    background: #2b394d;
    box-shadow: 0 2px 10px 0 rgba(226, 230, 235, .4);
    border-radius: 10px 0 0 0
}

.swiper-wrap[data-v-2df54656] {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.swiper-wrap:hover .btn[data-v-2df54656] {
    display: block
}

.swiper-wrap li[data-v-2df54656],
.swiper-wrap ul[data-v-2df54656] {
    list-style: none;
    padding: 0
}

.swiper-wrap .inner[data-v-2df54656] {
    display: flex
}

.swiper-wrap .indicator[data-v-2df54656] {
    display: flex;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%)
}

.swiper-wrap .indicator .indicator-item[data-v-2df54656] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: hsla(0, 0%, 100%, .3);
    cursor: pointer;
    transition: all .5s
}

.swiper-wrap .indicator .indicator-item.active[data-v-2df54656] {
    width: 14px;
    height: 6px;
    background: #fff;
    border-radius: 3px
}

.swiper-wrap .indicator .indicator-item[data-v-2df54656]:not(:last-child) {
    margin-right: 10px
}

.swiper-wrap .btn[data-v-2df54656] {
    display: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.swiper-wrap .btn.btn-left[data-v-2df54656] {
    left: 20px
}

.swiper-wrap .btn.btn-right[data-v-2df54656] {
    right: 20px
}

.wrap[data-v-f6418d2a] {
    flex: 1
}

.pic-left-move[data-v-f6418d2a] {
    width: 34px;
    height: 34px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAMAAAAPzWOAAAAAk1BMVEUAAAAAAAAAAAD+/v4AAAAAAAAAAAAAAAAAAAD////////+/v7m5uYAAAD////9/f3q6upiYmJNTU0oKCj7+/v19fXV1dW2traioqL5+fn39/ft7e3f39/Pz8+Dg4N3d3f+/v77+/v39/fx8fHv7+/r6+vn5+fZ2dnJycnCwsKSkpL4+Pjy8vLy8vLz8/Pc3Nz////gFqu0AAAAMHRSTlMaABL1Fg4KBAX3+/KGCPnpjicjHdy7Z0Y71cqcd1wvK+7hwqmkloxqV080zrWzsXMHXGEZAAAB5klEQVRYw7WY2W7CMBBFL8ZLytIGKJSW0pW9W/7/62pHaiQqxtdgOM/R0XgyHo+NloizRmkNj9bKWCd/KUms0viHVvYYSaEgoAoiYYpGwyVOgaAckxgkYKISp5GEdrLEIpm+JDE4ArsnoQ6eGHAHt4A7+IrAcsqz20gcTsLtSTROQjcSlhCeXJDFMFwjUWD0yrLEIdSfpABj0a2qaoJDFLWEBzIat6uqPR6IoYAHMvgIjncAUiiggTzdXnlHCQlVSxBlenPtHY8QCQZS8HfdjndM4lsI8dVs2pV3bBBDtRCt+LV3dLp3rPbhYiXmHdc3UxAcIimZecfV6xPvKzBiiX0Gx/0AFAMpr8OHUGJvQ3AUhLw+1yX2PUICWpA81yU2QxJaWEsVSqyHLEq/ls4P8liHQB6GyGNJfm9aVnq00PjfAR7rkt+lSRQEJiG5L1NwFAwk5s0WJpjYBtzWzWSbsAEdbWtzEFy8KU1faHMENGuPO9qmAUUadb2b2S6y/MgY3AfLEjL08Gq604IcXkXSUfw1ih6jfLJ4rzulEEjyaDELo8VYCCR9yFmtbudSIPnj1nkGv/wR9PzDcKufN5afPtzbC1xV8i9NDTbv+nZ8dvtnu9LmX67zr/n5Dw75Tx+XfITJfw76BaANH4VljeSkAAAAAElFTkSuQmCC);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    cursor: pointer
}

.pic-left-move[data-v-f6418d2a]:hover {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAMAAAAPzWOAAAAAqFBMVEUAAAAAAAD7+/sAAAAAAAAAAAD9/f0AAAAAAAAAAAAAAAAAAAD////+/v4AAAAAAAAAAAAAAAAAAAAAAAAAAADAwMDz8/PGxsahoaE8PDwPDw/39/fw8PCQkJBzc3NeXl4tLS0kJCTj4+Pe3t7W1tbQ0NCwsLBMTEz5+fnp6enl5eXMzMzExMSBgYEcHBz6+vrr6+vq6urn5+fZ2dm0tLSmpqaZmZn///+7BBDrAAAAN3RSTlNNAPZINgr4S0Q+Lyj8+iYhHBkYEQ+h5qiJW1Dt331vZ1dVysS5spNh8NXNrqV2U/LZ19K+mI2E6+vU5QAAAhhJREFUWMO1mIly4jAQRBvLwrIdCAYHk4MACUd2c+y9/v8/W0tVm6s0msFK+gNeSXZPz4wwIKUnZZoblWXK5Gk50QNSFKQqDN7JFNUxkLpQ8EoVtRAySxFQOhNAtEMEMZqDjDOwysZBiM4hUq5pyFRBKDWlIKc4Qqd+SImjVHogNIOngLsLf6MXyBQ9NH0L0aoPROk3kBy9lL+GjNFT4xeIzvpCMv0MScHprGkafzX+h8xYxjZp23YBn2YOwh/k4qZjJF83xFEcpGYY6+/DjrEFodpBijDjfG4ZDSgVDhL22epy1LbD3wHHWUgVZFwnJx1jgYCqAcK3WdrfkiwRUtFBDGj96T7HSXKNoMwAOmSxjjG6W4GRxgSkdknHmB/AaYKStNhtxxherQURB8qumy/WHj+fwCtFTljsyjJuL0SpAuNnWIslO4hkoLx3aa3FzqQpCW8eNaPOH3txMvkhC3uQHxsxRMGne+L3EtcxAbPOz4UflmoWe0u5PMh+MZmNC1t831Yis5V0DAhK2KkMFeCjC5NHQQFqNtaWbBSEQ2l1Fw5HJ8PF48HF9J6Nx4ppGCOuiiq+ZaxdJtwH/CppXk8unbZM86r5VhzKp1rW0PHLNXTCruLRYmdtd0OMFvIh5+Fh/pc6SPy49aGDX/wIGj8Mx4/l8QvCh68q8UtT/PoWv0jGr7Txy3X8mh//4BD/9PGZjzDxz0H/AODZKEJ3DmpQAAAAAElFTkSuQmCC)
}

.pic-right-move[data-v-f6418d2a] {
    width: 34px;
    height: 34px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAMAAAAPzWOAAAAAllBMVEUAAAAAAAAAAAD+/v4AAAAAAAAAAAAAAAAAAAAAAAD////////+/v7p6ekAAAD+/v79/f2AgIBXV1coKCj4+Pjl5eXV1dW2traioqJpaWn6+vr5+fn19fXz8/Pv7+/t7e3e3t7Pz8/9/f3x8fHr6+vn5+fZ2dnJycnCwsKTk5NDQ0P8/Pz8/Pz8/Pz39/f39/fg4OD///8mHqTOAAAAMXRSTlMaABL1DgoEFxUF+/jzjQj36S4kHcuFZkY7KN3VvLOhnHRd7qqWiGpWTzUi4eDcxL96TCDTagAAAe1JREFUWMO1mOtOAjEQhQ/dbbsrLDcVQZSLIjev+/4vZ0sCCYbpqRS+8JN8mXan05miIWJ0rgoLhy1Uro38T0milcUfrNL/kZQKAqokEqY4aLjEKBCUYZIcEeRBiSkQRWFkSRvRaEmiIcCWBL4d3ALu4BbwtXAL5D3l6GOJwVmYI0mBsyj2ErqpfFtAFsMwB4nCKaqqegND7SUlTjGo67o1AaP0EjGQ/lNW19nTbUQo8IEIvHrLXZ+HAh+IROUszcceDQXuJ/PjLDfdIYJ4iUaAQcdZWg8k+eFWE2LlYqmzVXg9aFgEeWjdOMsSMrYBmq3Drrfch7IWGozee9NZphDRyEEZjTvO8iymXQ4FzvYrmHYKBSK4fQ6lXQGLKKbe0h3hFBax3PvkrftIY1a7WCZIon/nT8ASKYzGPlkWQMKu9D6actrauE+82aX+TLo4opJt+OIdAwiofdrzgzyHnPYajHXm6/46dAANCPOMFTdDi9LAO15CZdbS8jjbnZkNK4+anZgOuTQ0uTIW3jEeIQi5vCa7WrSNubzKUCXil3EZutDx7R2vIKhga1H5FJuCUQabnPlnfJOT3m6lN36XakHTm+H0trx9gQFBX2NUSR+azlqRvsAg2b7YSJs+XKeP+ekPDulPH9d8hEl/DvoFkcUgrLQSpjMAAAAASUVORK5CYII=);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    cursor: pointer
}

.pic-right-move[data-v-f6418d2a]:hover {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAMAAAAPzWOAAAAAtFBMVEUAAAAAAAD8/PwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD9/f3///8AAAAAAAAAAAAAAAAAAAAAAAAAAAD9/f37+/slJSUPDw/39/fq6urk5OTPz8/FxcW+vr5zc3M+Pj4wMDD5+fnz8/Pv7+/e3t7U1NSvr6+hoaGenp6SkpKFhYVcXFzJycnExMTCwsJJSUkcHBz09PT09PTx8fHo6Ojb29vX19e0tLSmpqZiYmJSUlL////6E4KhAAAAO3RSTlNNAPdINkQ+LygYCvr8SyYhHBEPC/j1VVDt18uyp6BvXFjx5d7EtpOKh354ZqqlomBT6Ofi0b67mI1oYzGbT+QAAAIOSURBVFjDrZiHUuMwFEVvLMm2TIpbQkmAhJACLAvbi/7/v9byzO4SxnpPsXI+4Iw0elUYOKnyVMZKAELFMs2rgROXRCcK71CJPkZSJgKdiKT0lBQSBLLwkGQSDDLjJOMRWEZjUpLF8CLO3BIt4InQLskERzDplqQ4ivRAwjl4C5x34Zm8l2j0QB9KMoEeiOxAEqMX8VvJGD0Z/5dkI/RklP2TSHSxWCw+gkP+lRToYm+MmW7AUViJ8yCzq8iY6OqcP4qVlHDw3VouZ6ApW0kCFx8ay9ndLUiSViLg5Ie1XDyBQliJBsG+NmY4vWGCH81tKB6bs5jogb4PBgokN9NhY/kJN2qACgxPq7PGcg03FXJwvHyyljmc5EjBslzXjeXeGXYpJHhev0bG1M6wk4jhwfm9DZgvjrCLoeDFvA27JbpQEPDjurEMTeeNBLzZmuYsGwQxu7QZsAMCzrJcu4NFQMGH289E2Cq/J/59YR1buJ5YgufXyibhDg4kH/ZtIpPlIEUOC19SHqkErMDwEHHFrWKL0s46VlSZVWx53LY588KVR01mTM03Dc20DNt46vUSFIJpXpu2Bb76NK+SqkR8My6pho62oX8DgyRHi4UdLebgKMghZ3/3/Ow/5ISPW+GDX/gIevphOHwsD18QwleV8KUpfH0LXyRPv9KGL9fha374h0P418fpP2HCv4P+ACFcKmFPlzp6AAAAAElFTkSuQmCC)
}

.unlogin-wrap[data-v-cbc0346c] {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 21px 0;
    width: 100%;
    height: 100%
}

.unlogin-wrap .title[data-v-cbc0346c] {
    font-size: 16px;
    color: #98530b;
    margin-bottom: 27px
}

.unlogin-wrap .gift[data-v-cbc0346c] {
    width: 154px;
    height: 121px;
    margin-bottom: 21px
}

.unlogin-wrap .desc[data-v-cbc0346c] {
    font-size: 14px;
    color: #565656;
    text-align: center;
    margin-bottom: 40px
}

.unlogin-wrap .btn-login[data-v-cbc0346c] {
    width: 150px;
    height: 30px;
    background: #9e3e01bf;
    border-radius: 15px;
    border: none;
    font-size: 16px;
    font-weight: 500;
    color: #fff
}

.user-info[data-v-9fe5d45e] {
    display: flex;
    width: 100%;
    padding-bottom: 11px;
    border-bottom: 1px solid #f0f0f0
}

.user-info .right[data-v-9fe5d45e] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
    margin-left: 10px
}

.user-info .right .name[data-v-9fe5d45e] {
    font-size: 16px;
    font-weight: 500;
    color: #333;
    margin-bottom: 5px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.user-info .right .study-time[data-v-9fe5d45e] {
    font-size: 12px;
    color: #898989
}

.record-item-wrap[data-v-a820ab64] {
    font-size: 14px;
    color: #333;
    cursor: pointer;
    overflow: hidden;
    display: flex;
    align-items: center;
    text-decoration: none
}

.record-item-wrap .name[data-v-a820ab64] {
    display: inline-block;
    max-width: 130px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.record-item-wrap .studied-lab-num[data-v-a820ab64],
.record-item-wrap[data-v-a820ab64]:hover {
    color: #9e3e01bf
}

.study-records-wrap[data-v-56a6eec2] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%
}

.study-records-wrap .user[data-v-56a6eec2] {
    padding: 14px 10px 0
}

.study-records-wrap .link[data-v-56a6eec2] {
    display: block;
    width: 150px;
    height: 30px;
    line-height: 30px;
    background: #9e3e01bf;
    border-radius: 15px;
    text-decoration: none;
    font-size: 16px;
    color: #fff;
    text-align: center
}

.study-records-wrap .records[data-v-56a6eec2] {
    position: relative;
    flex: 1;
    box-sizing: border-box;
    width: 100%;
    margin-top: 11px;
    padding: 0 12px
}

.study-records-wrap .records .tag[data-v-56a6eec2] {
    width: 72px;
    height: 26px;
    line-height: 26px;
    border-radius: 5px 0 5px 0;
    background: #eef5ff;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    color: #5b667c
}

.study-records-wrap .records .item[data-v-56a6eec2] {
    margin-top: 12px
}

.study-records-wrap .records .my-study-link[data-v-56a6eec2] {
    position: absolute;
    left: 50%;
    bottom: 24px;
    transform: translateX(-50%)
}

.study-records-wrap .empty[data-v-56a6eec2] {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 55px auto 0;
    font-size: 12px;
    color: #898989
}

.study-records-wrap .empty .empty-img[data-v-56a6eec2] {
    width: 162px;
    height: 90px
}

.study-records-wrap .empty .to-study-link[data-v-56a6eec2] {
    margin: 62px auto 0
}

.wrap[data-v-e9907014] {
    width: 200px;
    height: 348px;
    box-shadow: 0 2px 10px 0 rgba(226, 230, 235, .4);
    border-radius: 0 10px 0 0
}

.wrap-link[data-v-46c53357] {
    text-decoration: none
}

.path-item-wrap[data-v-46c53357] {
    display: flex;
    align-items: center;
    overflow: hidden
}

.path-item-wrap .picture[data-v-46c53357] {
    width: 58px;
    height: 58px;
    margin-right: 2px
}

.path-item-wrap .info[data-v-46c53357] {
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.path-item-wrap .info .name[data-v-46c53357] {
    font-size: 14px;
    font-weight: 500;
    color: #333;
    margin-bottom: 3px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.path-item-wrap .info .count[data-v-46c53357] {
    font-size: 12px;
    color: #898989
}

.path-item-wrap .info .count .icon-arrow[data-v-46c53357] {
    display: inline-block;
    width: 5px;
    height: 7px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAOCAMAAAAhfX2ZAAAAVFBMVEUAAACJiYmTk5OJiYmMjIyPj4+MjIyJiYmKioqKioqKioqKioqKioqNjY2Ojo6JiYmJiYmJiYmKioqKioqJiYmKioqJiYmLi4uLi4uLi4uUlJSJiYmCZ82QAAAAG3RSTlMA+AbvGxYN8+ni2L8yKyfazMW3squqnHlWIRO3EaRbAAAATUlEQVQI103MWw6AIAxEUUZqBRTf7+5/nyZQgvN1kkmuofsyuijYG/XQYft5LY4WffFosVSLKDlA2U5wnEQenpIeh/Dm12LmLKnR81B9xAcCeAToFzAAAAAASUVORK5CYII=);
    background-size: 100% 100%;
    margin-left: 4px
}

.wrap[data-v-57c374d8] {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    width: 100%;
    height: 70px;
    padding: 8px 0 8px 20px;
    box-shadow: 0 2px 10px 0 #e6ebf0;
    border-radius: 0 0 8px 8px
}

.wrap .left[data-v-57c374d8] {
    display: flex;
    flex-direction: column;
    font-size: 14px;
    margin-right: 50px
}

.wrap .left .title[data-v-57c374d8] {
    font-weight: 500;
    color: #9e3e01bf;
    margin-bottom: 4px
}

.wrap .left .view-all[data-v-57c374d8] {
    color: #898989;
    cursor: pointer;
    text-decoration: none
}

.wrap .left .view-all .icon-arrow[data-v-57c374d8] {
    display: inline-block;
    width: 7px;
    height: 10px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAUCAMAAACK2/weAAAAaVBMVEUAAACJiYmJiYmKioqOjo6goKCKioqJiYmJiYmKioqPj4+JiYmKioqLi4uMjIyKioqMjIyNjY2MjIyJiYmJiYmKioqJiYmJiYmKioqJiYmKioqJiYmLi4uLi4uKioqNjY2Li4uLi4uNjY001DVlAAAAI3RSTlMA9f35EwZ/4rJbDfLoi3JsJR8Y7NvX1szKwL+oopySYk1EMf1M1m0AAABkSURBVBjTfc03FoBACEVRP4w55xz3v0itGLSQint+8ZzvhbkXKXrErdEGN9oZ2K9+nIOTUnkHvRyC6uLtWPfTmAZdJyrs9rSMaAV3IncG+kgUAKMrmoBAZJ5tsYWTaHPUXYf9b8xKA3Wcv6M8AAAAAElFTkSuQmCC);
    background-size: 100% 100%;
    margin-left: 3px
}

.wrap .right[data-v-57c374d8] {
    flex: 1;
    display: flex
}

.wrap .right .path-item[data-v-57c374d8] {
    flex: 0 0 20%
}

.header-wrap[data-v-e0b4a08c] {
    width: 100%;
    background: #fff;
    border-radius: 10px 10px 0 0
}

.header-wrap .top[data-v-e0b4a08c] {
    display: flex
}

.header-wrap .bottom[data-v-e0b4a08c] {
    width: 100%
}

.friend-links[data-v-6cfbabc2] {
    margin-top: 40px
}

.friend-links-header[data-v-6cfbabc2] {
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 500;
    color: #333
}

.friend-link[data-v-6cfbabc2] {
    display: inline-block
}

.friend-link[data-v-6cfbabc2]:not(:last-child) {
    margin: 0 14px 10px 0
}

.friend-link[data-v-6cfbabc2]:hover {
    text-decoration: none
}

.friend-link img[data-v-6cfbabc2] {
    height: 74px
}

.flex-col-center[data-v-71abf206] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.mb-5px[data-v-71abf206] {
    margin-bottom: 5px
}

.text-333[data-v-71abf206] {
    color: #333!important
}

.no-deco[data-v-71abf206] {
    text-decoration: none!important
}

.widget-root[data-v-71abf206] {
    margin: 0;
    border-radius: 4px;
    box-shadow: 0 2px 10px 0 #e6ebf0
}

.widget-item[data-v-71abf206] {
    position: relative;
    padding: 15px 10px 10px;
    cursor: pointer;
    background: #fff
}

.widget-item+.widget-item[data-v-71abf206] {
    border-top: 1px solid #f0f0f0
}

.widget-item[data-v-71abf206]:first-of-type {
    border-radius: 4px 4px 0 0
}

.widget-item[data-v-71abf206]:last-of-type {
    border-radius: 0 0 4px 4px
}

.extra-content[data-v-71abf206] {
    position: absolute;
    opacity: 0;
    transition: all .3s ease-out 0s;
    visibility: hidden;
    border-radius: 4px
}

.extra-content[data-v-71abf206]:after {
    position: absolute;
    right: -5px;
    content: "";
    width: 10px;
    height: 10px;
    transform: rotate(45deg);
    border-color: #eee #eee transparent transparent;
    border-style: solid;
    border-width: 1px;
    background: #fff
}

.extra-vip[data-v-71abf206] {
    left: -180px;
    top: calc(50% - 13px);
    background: #fff;
    border: 1px solid #eee;
    padding: 2px 5px;
    color: #9e3e01bf
}

.extra-vip[data-v-71abf206]:after {
    top: 10px
}

.extra-wechat[data-v-71abf206] {
    left: -155px;
    bottom: 0;
    padding-top: 18px;
    font-size: 12px;
    width: 165px;
    height: 180px;
    background: #fff;
    box-shadow: 0 2px 10px 0 #e6ebf0
}

.extra-wechat .qrcode-wrap[data-v-71abf206] {
    width: 124px;
    height: 124px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center
}

.extra-wechat[data-v-71abf206]:after {
    bottom: 30px
}

.widget-item:hover .extra-vip[data-v-71abf206] {
    left: -200px;
    opacity: 1;
    visibility: visible
}

.widget-item:hover .extra-wechat[data-v-71abf206] {
    left: -180px;
    opacity: 1;
    visibility: visible
}

.active-in-20211212[data-v-ba978e0c] {
    background: url(../image/activity_12_bg.eefbf04.png) no-repeat;
    background-size: contain
}

.home-wrap[data-v-ba978e0c] {
    padding-bottom: 37px;
    background: #fcfdff
}

.home-wrap[data-v-ba978e0c] .container {
    padding: 20px 0 0;
    min-width: 1140px
}

.home-wrap .header[data-v-ba978e0c] {
    margin-bottom: 53px
}

.home-wrap .classical[data-v-ba978e0c] {
    margin-top: 40px
}