.select-type[data-v-54a0dee0]{-webkit-box-orient:horizontal;-ms-flex-flow:row wrap;flex-flow:row wrap}.select-type .type-item[data-v-54a0dee0],.select-type[data-v-54a0dee0]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-direction:normal}.select-type .type-item[data-v-54a0dee0]{height:72px;margin-bottom:64px;background-position:50%;background-size:100%;border-radius:19px;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:2px solid #fafafa;cursor:pointer;position:relative;-webkit-box-flex:0;-ms-flex:0 0 78px;flex:0 0 78px}.select-type .type-item.active[data-v-54a0dee0]{opacity:1;border:3px solid #198cff}.select-type .type-item img[data-v-54a0dee0]{width:48px;height:48px}.select-type .type-item .type-item-label[data-v-54a0dee0]{font-size:18px;font-family:PingFangSC-Semibold,PingFang SC;font-weight:600;color:#0b0c0d;line-height:24px}.select-type .type-item .type-item-desc[data-v-54a0dee0]{font-size:14px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#7a8799;line-height:24px}.type-item4[data-v-54a0dee0]{background-image:url(../../static/img/zuolianxi_small_bg.1db45da9.png)}.type-item4[data-v-54a0dee0]:hover{border:2px solid #9774f8}.type-item1[data-v-54a0dee0]{background-image:url(../../static/img/kansucai_small_bg.c5d815c7.png)}.type-item1[data-v-54a0dee0]:hover{border:2px solid #5d9ad6}.type-item3[data-v-54a0dee0]{background-image:url(../../static/img/shipin_small_bg.e1be6f73.png)}.type-item3[data-v-54a0dee0]:hover{border:2px solid #5ebae4}.type-item5[data-v-54a0dee0]{background-image:url(../../static/img/game_small_bg.18a8f4f4.png)}.type-item5[data-v-54a0dee0]:hover{border:2px solid #feba98}.type-item2[data-v-54a0dee0]{background-image:url(../../static/img/zhuanchang-bg@2x.03c04dca.png)}.type-item2[data-v-54a0dee0]:hover{border:2px solid #5bcca1}.study-bag-edit-wrap[data-v-64cf2acc]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;height:100vh}.study-bag-edit-wrap .study-bag-edit-head[data-v-64cf2acc]{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;margin:12px;padding:0 24px;width:calc(100% - 24px);background:#fff;height:56px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #eee}.study-bag-edit-wrap .study-bag-edit-head .title[data-v-64cf2acc]{color:#a2a6ae;font-size:14px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.study-bag-edit-wrap .study-bag-edit-head .title .title-name[data-v-64cf2acc]{position:relative;margin-right:24px;width:112px;height:46px;overflow:hidden}.study-bag-edit-wrap .study-bag-edit-head .title .title-shape .top[data-v-64cf2acc]{margin-bottom:2px}.study-bag-edit-wrap .study-bag-edit-head .title .title-shape .top img[data-v-64cf2acc]{display:inline-block;vertical-align:middle;width:18px;height:18px}.study-bag-edit-wrap .study-bag-edit-head .title .title-shape .top .save[data-v-64cf2acc]{margin-left:2px}.study-bag-edit-wrap .study-bag-edit-head .title .title-shape .bottom[data-v-64cf2acc]{margin-left:24px}.study-bag-edit-wrap .study-bag-edit-head .title .title-shape .bottom span[data-v-64cf2acc]{padding:2px 8px;background:#f4f6f7;border-radius:4px;font-size:12px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#323d4d;line-height:12px;margin-right:4px}.study-bag-edit-wrap .study-bag-edit-head .title .title-shape[data-v-64cf2acc]:before{content:" ";display:inline-block;position:absolute;width:1px;height:16px;background:#eee;border-radius:1px;top:20px}.study-bag-edit-wrap .study-bag-edit-head .title .study-bag-lesson-name[data-v-64cf2acc]{color:#0b0c0d;font-size:18px;height:24px;line-height:24px;margin:0 24px;font-weight:600}.study-bag-edit-wrap .study-bag-edit-head .title .bag-save[data-v-64cf2acc]{display:inline-block;vertical-align:middle}.study-bag-edit-wrap .study-bag-edit-head .study-bag-edit-operation[data-v-64cf2acc]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.study-bag-edit-wrap .study-bag-edit-head .study-bag-edit-operation .preview-head[data-v-64cf2acc],.study-bag-edit-wrap .study-bag-edit-head .study-bag-edit-operation .save-head[data-v-64cf2acc]{display:inline-block;width:28px;height:28px;margin-right:16px}.study-bag-edit-wrap .study-bag-edit-head .study-bag-edit-operation .preview-head img[data-v-64cf2acc],.study-bag-edit-wrap .study-bag-edit-head .study-bag-edit-operation .save-head img[data-v-64cf2acc]{width:100%;height:100%}.study-bag-edit-wrap .study-bag-edit-head .study-bag-edit-operation .complete[data-v-64cf2acc]{margin-right:16px}.study-bag-edit-wrap .study-bag-edit-head .study-bag-edit-operation .userAvtar[data-v-64cf2acc]{width:28px;height:28px;border-radius:6px;overflow:hidden;margin-left:16px}.study-bag-edit-wrap .study-bag-edit-head .study-bag-edit-operation .userAvtar img[data-v-64cf2acc]{width:100%;height:100%}.study-bag-edit-wrap .study-bag-edit-head .operation-button[data-v-64cf2acc]{height:32px;padding:0 16px;margin-left:16px;text-align:center;border-radius:4px;font-size:14px;font-family:MicrosoftYaHei;line-height:16px;background:#fff;color:#198cff;border:1px solid #198cff}.study-bag-edit-wrap .study-bag-edit-head .operation-button.complete[data-v-64cf2acc]{background:#198cff;color:#fff;border:1px solid #198cff}.study-bag-edit-wrap .edit-main[data-v-64cf2acc]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1}.study-bag-edit-wrap .edit-main .main-select-div[data-v-64cf2acc]{position:relative;width:120px;padding:40px 22px;height:calc(100vh - 65px);overflow:hidden}.study-bag-edit-wrap .edit-main .main-select-div .logo-div[data-v-64cf2acc]{display:-webkit-box;display:-ms-flexbox;display:flex;height:96px;padding:22px 0 18px;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.study-bag-edit-wrap .edit-main .main-select-div .logo-div img[data-v-64cf2acc]{height:36px}.study-bag-edit-wrap .edit-main .main-select-div .select-type-title[data-v-64cf2acc]{height:24px;font-size:18px;font-family:PingFangSC-Semibold,PingFang SC;font-weight:600;color:#0b0c0d;line-height:24px;margin-bottom:14px}.study-bag-edit-wrap .edit-main .main-select-div .select-type-title span[data-v-64cf2acc]{font-size:14px;font-family:Helvetica;color:#a0afc4}.study-bag-edit-wrap .edit-main .main-select-div .set-box-new-floot-wrap[data-v-64cf2acc]{position:absolute;left:0;bottom:0;width:100%;padding-bottom:30px}.study-bag-edit-wrap .edit-main .main-select-div .set-box-new-floot[data-v-64cf2acc]{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:48px;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.study-bag-edit-wrap .edit-main .main-select-div .set-box-new-floot .opt-btn[data-v-64cf2acc]{width:112px;height:46px;font-size:14px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;border-radius:4px;border:1px solid #198cff;margin-left:0!important}.study-bag-edit-wrap .edit-main .main-select-div .set-box-new-floot .opt-btn img[data-v-64cf2acc]{width:16px;height:16px}.study-bag-edit-wrap .edit-main .main-select-div .set-box-new-floot .opt-btn.add-btn[data-v-64cf2acc],.study-bag-edit-wrap .edit-main .main-select-div .set-box-new-floot .opt-btn.add-btn[data-v-64cf2acc]:hover{background:#fff;color:#198cff}.study-bag-edit-wrap .edit-main .main-select-div .set-box-new-floot .opt-btn.update-btn[data-v-64cf2acc]{margin-top:16px;width:240px;color:#fff;background:#198cff}.study-bag-edit-wrap .edit-main .main-select-div .set-box-new-floot .opt-btn[data-v-64cf2acc]:hover{opacity:.8}.study-bag-edit-wrap .edit-main .left-btn-wrap[data-v-64cf2acc]{position:fixed;left:20px;bottom:40px;width:56px;background:#fff;-webkit-box-shadow:0 2px 6px 0 rgba(0,0,0,.1);box-shadow:0 2px 6px 0 rgba(0,0,0,.1);border-radius:28px;z-index:1}.study-bag-edit-wrap .edit-main .left-btn-wrap div[data-v-64cf2acc]{height:56px;width:56px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;border-bottom:1px solid #eaeef2}.study-bag-edit-wrap .edit-main .left-btn-wrap div[data-v-64cf2acc]:last-child{border-bottom:none}.study-bag-edit-wrap .edit-main .left-btn-wrap img[data-v-64cf2acc]{width:24px;height:24px}.study-bag-edit-wrap .edit-main .main-left[data-v-64cf2acc]{position:relative;height:100vh;-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden}.study-bag-edit-wrap .edit-main .main-right[data-v-64cf2acc]{position:relative;height:100vh}.study-bag-edit-wrap .edit-main .arrow-btn[data-v-64cf2acc]{position:fixed;bottom:20px;display:-webkit-box;display:-ms-flexbox;display:flex;width:40px;height:40px;border-radius:8px;background:#fff;-webkit-box-shadow:0 0 14px 0 rgba(44,49,60,.1);box-shadow:0 0 14px 0 rgba(44,49,60,.1);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:2;cursor:pointer}.study-bag-edit-wrap .edit-main .arrow-btn[data-v-64cf2acc]:hover{opacity:.8}.study-bag-edit-wrap .edit-main .arrow-btn img[data-v-64cf2acc]{-webkit-transform:none;transform:none;width:20px;height:20px}.study-bag-edit-wrap .edit-main .arrow-btn.hidden img[data-v-64cf2acc]{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.study-bag-edit-wrap .edit-main .arrow-btn.right-arrow-btn[data-v-64cf2acc]{right:500px}.study-bag-edit-wrap .edit-main .arrow-btn.right-arrow-btn.hidden[data-v-64cf2acc]{right:20px!important}.study-bag-edit-wrap .edit-main .arrow-btn.right-arrow-btn.hidden img[data-v-64cf2acc]{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.splitline[data-v-64cf2acc]{display:inline-block;width:1px;height:16px;background:#eee;border-radius:1px}@media screen and (max-width:1920px){.study-bag-edit-wrap .edit-main .main-select-div .set-box-new-floot .opt-btn[data-v-64cf2acc]{height:36px;padding:0}}.keyboard-info-box[data-v-64cf2acc]{color:#0b0c0d!important;border-radius:20px!important;-webkit-box-shadow:0 2px 6px 0 hsla(0,0%,75.7%,.3)!important;box-shadow:0 2px 6px 0 hsla(0,0%,75.7%,.3)!important}.keyboard-info-box h3[data-v-64cf2acc]{font-weight:500}.keyboard-info-box p[data-v-64cf2acc]{width:204px;padding:0 8px;height:36px;background:#f6f7f7;border-radius:4px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:8px;color:#405468}.keyboard-info-box p .tool-name[data-v-64cf2acc]{min-width:60px;text-align:center;max-width:78px;background-color:#fff;border-radius:4px;display:inline-block;height:26px;line-height:26px;padding:0 4px}.full-modal .ant-modal{max-width:100%;top:0;padding-bottom:0;margin:0}.full-modal .ant-modal-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100vh}.full-modal .ant-modal-body{-webkit-box-flex:1;-ms-flex:1;flex:1}.full-modal iframe{width:100%;height:100%;border:none}