.subject-page-nav[data-v-fdde9c9a]{position:fixed;left:0;top:70px;width:100%;height:60px;background:#4796f3;z-index:999}.subject-page-nav .inner[data-v-fdde9c9a]{display:flex;flex-direction:row;align-items:center;margin:0 auto;width:1200px;height:100%}.subject-page-nav .subject[data-v-fdde9c9a]{display:flex;align-items:center;height:100%;position:relative;color:#fff;margin-right:40px}.subject-page-nav .subject[data-v-fdde9c9a]:hover{background:#428de6}.subject-page-nav .subject:hover .subject-selector[data-v-fdde9c9a]{display:block}.subject-page-nav .subject .subject-text[data-v-fdde9c9a]{display:flex;flex-direction:row;align-items:center;font-size:18px}.subject-page-nav .subject .subject-text .icon[data-v-fdde9c9a]{width:20px;height:20px;margin-right:8px;margin-left:10px}.subject-page-nav .subject .subject-text .text[data-v-fdde9c9a]{min-width:260px}.subject-page-nav .links[data-v-fdde9c9a]{color:#fff;display:flex;flex-direction:row;height:100%}.subject-page-nav .links .link[data-v-fdde9c9a]{cursor:pointer;display:flex;align-items:center;justify-content:center;width:100px;height:100%;font-size:14px;color:#fff}.subject-page-nav .links .link.active[data-v-fdde9c9a],.subject-page-nav .links .link[data-v-fdde9c9a]:hover{background:hsla(0,0%,100%,.27)}.subject-selector[data-v-fdde9c9a]{display:none;position:absolute;top:60px;left:0;width:600px;height:300px;background:#fff;overflow-y:scroll;border:1px solid #ddd;padding:0 20px;box-sizing:border-box;z-index:1000}.subject-selector[data-v-fdde9c9a]::-webkit-scrollbar{display:none}.subject-selector .items[data-v-fdde9c9a]{display:flex;flex-direction:row;flex-wrap:wrap}.subject-selector .items .item[data-v-fdde9c9a]{cursor:pointer;margin:20px 0;display:flex;align-items:center;flex:25% 0 0;height:15px;color:#000;font-size:14px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.subject-selector .items .item[data-v-fdde9c9a]:hover{opacity:.4}.subject-selector .items .item.active[data-v-fdde9c9a]{color:#428de6}.empty[data-v-32a8f5f7]{display:flex;flex-direction:column;align-items:center;justify-content:center}.empty .icon[data-v-32a8f5f7]{width:200px;height:200px}.empty .tip[data-v-32a8f5f7]{margin-top:12px;font-weight:400;font-size:12px}.wrapper[data-v-63d46c39]{padding-top:80px}.items[data-v-63d46c39]{display:flex;flex-direction:row;flex-wrap:wrap}.items .item[data-v-63d46c39]{display:flex;flex-direction:column;background:#fff;flex:390px 0 0;height:460px;margin-left:0;margin-right:13px;padding:20px;box-sizing:border-box;margin-bottom:20px;border-radius:8px}.items .item[data-v-63d46c39]:nth-child(3n){margin-right:0}.items .item .head[data-v-63d46c39]{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.items .item .head .name[data-v-63d46c39]{font-weight:500;font-size:16px;color:#000}.items .item .head .tag[data-v-63d46c39]{font-size:13px;font-weight:700;color:#fff;padding:6px 13px;border-radius:4px;background:#ff9d3b}.items .item .pic[data-v-63d46c39]{width:100%;height:261px;object-fit:cover;margin-top:20px}.items .item .tips[data-v-63d46c39]{display:flex;flex-direction:row;margin-top:15px}.items .item .tips .tip[data-v-63d46c39]{position:relative;font-size:12px;color:#666;padding:0 10px}.items .item .tips .tip[data-v-63d46c39]:first-child{padding-left:0}.items .item .tips .tip[data-v-63d46c39]:not(:last-child):after{content:"";position:absolute;width:1px;height:10px;top:50%;right:0;transform:translateY(-50%);background:#666}.items .item .bottom[data-v-63d46c39]{display:flex;flex-direction:row;justify-content:space-between}.items .item .bottom .teachers[data-v-63d46c39]{display:flex;flex-direction:row;margin-top:30px;padding-bottom:20px}.items .item .bottom .teachers .teacher[data-v-63d46c39]{display:flex;flex-direction:column;align-items:center;margin-right:20px}.items .item .bottom .teachers .teacher .teacher-avatar[data-v-63d46c39]{width:40px;height:40px;background:#d8d8d8;border-radius:50%}.items .item .bottom .teachers .teacher .teacher-name[data-v-63d46c39]{margin-top:8px;font-size:12px;color:#666}.items .item .bottom .right[data-v-63d46c39]{display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;text-align:right;margin-bottom:25px}.items .item .bottom .right .signup-num[data-v-63d46c39]{margin-top:7px;font-size:12px;color:#666}.items .item .bottom .price[data-v-63d46c39]{text-align:right}.items .item .bottom .price .original-price[data-v-63d46c39]{text-decoration:line-through;font-size:12px;margin-bottom:4px;color:#666}.items .item .bottom .price .selling-price[data-v-63d46c39]{font-size:18px;color:#ff4242;white-space:nowrap}.empty-box[data-v-63d46c39]{display:flex;align-items:center;justify-content:center;width:100%;min-height:500px}