.book-main[data-v-b7241058]{height:"100%";min-height:calc(100vh - 20px);background:"#f0f2f5";padding:20px}.book-main .book-top[data-v-b7241058]{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}.book-main .book-top div[data-v-b7241058]{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:end;justify-content:flex-end}.book-main .tab-1[data-v-b7241058]{gap:40px}.book-main .tab-1[data-v-b7241058],.book-main .tab-2[data-v-b7241058]{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-line-pack:start;align-content:flex-start;height:calc(100vh - 150px);overflow:auto}.book-main .tab-2[data-v-b7241058]{gap:15px}.tab1-item[data-v-b7241058]{width:250px;height:285px;border-radius:5px;border:1px solid #ddd;position:relative}.tab1-item .item_num[data-v-b7241058]{position:absolute;bottom:0;right:5px;color:#bdbdbc}.tab1-item img[data-v-b7241058]{height:200px;width:100%}.tab1-item .course-name[data-v-b7241058]{padding:10px 10px 0 10px;font-size:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tab1-item .course-info[data-v-b7241058]{padding:0 10px;height:30px;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tab2-item[data-v-b7241058]{height:120px;width:98%;border-radius:5px;border:1px solid #ddd;padding:10px;display:-ms-flexbox;display:flex}.tab2-item img[data-v-b7241058]{width:150px;height:100%}.tab2-item .context[data-v-b7241058]{width:calc(100% - 350px);padding-left:20px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:distribute;justify-content:space-around}.tab2-item .context .context-1[data-v-b7241058]{font-size:20px}.tab2-item .context .context-2[data-v-b7241058]{color:#bfbfbf}.tab2-item .context .context-2[data-v-b7241058],.tab2-item .context .context-3[data-v-b7241058]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tab2-item .button[data-v-b7241058]{height:100%;width:200px}.tab2-item .button .bookButton[data-v-b7241058],.tab2-item .button[data-v-b7241058]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.tab2-item .button .bookButton[data-v-b7241058]{height:32px;width:88px;border-radius:5px;border:1px solid #bdbdbc}.tab2-item .button .button1[data-v-b7241058]{border:1px solid #ffb600;color:#ffb600;cursor:pointer}.tab2-item .button .button2[data-v-b7241058]{background-color:#adacab}.space[data-v-b7241058]{font-size:16px;font-weight:bolder}.space[data-v-b7241058] :not(:first-child){margin-left:30px}.spinning[data-v-b7241058]{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:100%;height:100%}.space_1[data-v-b7241058]{width:70%;color:#bdbdbc}.space_1[data-v-b7241058] :not(:first-child){margin-left:10px}.tab-select[data-v-b7241058]{color:#ffb600}.divider[data-v-b7241058]{width:100%;height:1px;background:#afaeae;margin-bottom:30px;margin-top:10px}.div-empty[data-v-b7241058]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%}