.NOTEBOOK[data-v-328f45d0]{display:-webkit-box;display:-ms-flexbox;display:flex;color:#333;background-color:#f1f1f0}.NOTEBOOK .nav_left[data-v-328f45d0]{margin-left:40px;margin-top:20px}.NOTEBOOK .nav_left div[data-v-328f45d0]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.NOTEBOOK .nav_left div .nav_left_img_one[data-v-328f45d0]{width:35px;margin-right:12px}.NOTEBOOK .nav_left div .nav_left_img_one[data-v-328f45d0]:hover{opacity:.8}.NOTEBOOK .nav_left div .nav_left_img_two[data-v-328f45d0]{width:100px}.NOTEBOOK .typeChoose[data-v-328f45d0]{width:calc(100% - 350px);-webkit-box-flex:1;-ms-flex:1;flex:1;background-color:#f1f1f0}.NOTEBOOK .main[data-v-328f45d0]{-webkit-box-flex:1;-ms-flex:1;flex:1;background-color:#f1f1f0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative;margin-top:60px}.NOTEBOOK .main .two-type[data-v-328f45d0]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:7vw;margin-left:7vw;margin-top:20px}.NOTEBOOK .main .two-type .tab_type[data-v-328f45d0]{background-color:#fff;border-radius:20px;padding:20px;padding:40px;width:160px;position:relative;cursor:pointer}.NOTEBOOK .main .two-type .tab_type[data-v-328f45d0]:first-child{margin-right:30px}.NOTEBOOK .main .two-type .tab_type .img1[data-v-328f45d0]{height:40px;margin-bottom:60px}.NOTEBOOK .main .two-type .tab_type .img1 img[data-v-328f45d0]{height:100%}.NOTEBOOK .main .two-type .tab_type .type-bottom p[data-v-328f45d0]{font-family:Montserrat;color:#333}.NOTEBOOK .main .two-type .tab_type .type-bottom p[data-v-328f45d0]:first-child{font-size:15px;font-family:Montserrat-SemiBold}.NOTEBOOK .main .two-type .tab_type .type-bottom p[data-v-328f45d0]:last-child{font-size:13px}.NOTEBOOK .main .two-type .tab_type .activeWhite p[data-v-328f45d0]{color:#fff}.NOTEBOOK .main .two-type .activeTab[data-v-328f45d0]{background-color:#2472b3}.NOTEBOOK .main .two-type .activeTabType[data-v-328f45d0]{background-color:#f6c752}.NOTEBOOK .main .two_nav[data-v-328f45d0]{z-index:150;font-family:Montserrat-Medium;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.NOTEBOOK .main .two_nav .title[data-v-328f45d0]{position:absolute;left:80px}.NOTEBOOK .main .two_nav .switchList[data-v-328f45d0]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:7vw;margin-right:7vw;width:100%}.NOTEBOOK .main .two_nav .switchList>p[data-v-328f45d0]{margin:0 10px 0 0;cursor:pointer;color:#2472b3;background-color:#fff;font-size:14px;padding:12px 22px;border-radius:25px}.NOTEBOOK .main .two_nav .switchList>p[data-v-328f45d0]:not(:first-of-type){margin:0 10px}.NOTEBOOK .main .two_nav .switchList>p.active[data-v-328f45d0],.NOTEBOOK .main .two_nav .switchList>p[data-v-328f45d0]:hover{color:#fff;background-color:#2472b3;-webkit-transition:background-color .5s;transition:background-color .5s}.NOTEBOOK .main .two_nav .switchList .btn-general[data-v-328f45d0]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end;margin-right:60px;min-width:230px}.NOTEBOOK .main .two_nav .switchList .btn-general span[data-v-328f45d0]{color:#333;background-color:#f6c752;border-radius:25px;cursor:pointer;padding:12px 24px;font-size:14px;font-weight:600}.NOTEBOOK .main .two_nav .switchList .btn-general span[data-v-328f45d0]:hover{opacity:.8}.NOTEBOOK .main .two_nav .switchList .btn-option[data-v-328f45d0]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end;margin-right:40px}.NOTEBOOK .main .two_nav .switchList .btn-option .toggleEn[data-v-328f45d0]{width:40px;height:40px;cursor:pointer;margin-left:10px}.NOTEBOOK .main .two_nav .switchList .btn-option .toggleEn[data-v-328f45d0]:hover{opacity:.8}.NOTEBOOK .main .two_nav .switchList .change-view[data-v-328f45d0]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:10px;cursor:pointer}.NOTEBOOK .main .two_nav .switchList .change-view img[data-v-328f45d0]{width:20px}.NOTEBOOK .main .backtop[data-v-328f45d0]{z-index:101;width:50px;height:50px;background-color:#f5c653;position:absolute;bottom:0;left:25px;cursor:pointer;border-radius:50px 50px 0 0}.NOTEBOOK .main .backtop .new_img[data-v-328f45d0]{width:20px;height:20px;position:absolute;top:10px;left:50%;-webkit-transform:rotate(180deg) translate(50%);transform:rotate(180deg) translate(50%)}.NOTEBOOK .main .back[data-v-328f45d0]{top:-37px;left:20px;z-index:20;width:40px!important;height:40px!important}.NOTEBOOK .main .back[data-v-328f45d0]:hover{opacity:.9}.NOTEBOOK .main .card-wrapper[data-v-328f45d0]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-line-pack:start;align-content:start}.NOTEBOOK .main .notebook-title[data-v-328f45d0]{margin-bottom:37px;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:45px;line-height:45px;font-weight:700;-webkit-transition:all .2s;transition:all .2s;position:relative}.NOTEBOOK .main .notebook-title .notebook-title-head[data-v-328f45d0]{font-size:14px;margin:0 auto;background:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:30px;overflow:hidden}.NOTEBOOK .main .notebook-title .notebook-title-head span[data-v-328f45d0]{font-weight:500;text-align:center;cursor:pointer;color:#333;padding:12px 24px}.NOTEBOOK .main .notebook-title .notebook-title-head span.active[data-v-328f45d0]{background:#2472b3;color:#fff;-webkit-transition:all .5s;transition:all .5s;cursor:default}.NOTEBOOK .main .notebook-title .notebook-title-head span[data-v-328f45d0]:not(.active):hover{background-color:#f9f9f9}.NOTEBOOK .main .list[data-v-328f45d0]{-webkit-box-flex:1;-ms-flex:1;flex:1;height:10px;padding:40px 0 20px 0;margin-left:7vw;margin-right:7vw;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-line-pack:start;align-content:flex-start}.NOTEBOOK .main .list .card[data-v-328f45d0]{margin-right:20px;-ms-flex-negative:0;flex-shrink:0}.NOTEBOOK .main .addIcon[data-v-328f45d0],.NOTEBOOK .main .grammarList[data-v-328f45d0]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.NOTEBOOK .main .addIcon[data-v-328f45d0]{width:40px;height:40px;position:absolute;bottom:-30px;right:20px;cursor:pointer;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#2472b3}.NOTEBOOK .main .addIcon .new_img[data-v-328f45d0]{width:15px;height:15px}.NOTEBOOK .main .addIcon[data-v-328f45d0]:hover{background-color:#f6c752}.NOTEBOOK .main .page_main_title[data-v-328f45d0]{color:#2472b3;font-family:Montserrat-Semibold;font-size:22px;margin-left:7vw;margin-top:15px;margin-bottom:10px;cursor:default}.NOTEBOOK .main .page_main_title .arrow-right[data-v-328f45d0]{width:6px;padding:0 12px 1px 10px}.NOTEBOOK .two_nav[data-v-328f45d0]{background-color:transparent;min-width:1015px}.NOTEBOOK .two_nav .title[data-v-328f45d0]{display:none}@media screen and (max-width:750px){.NOTEBOOK .main .notebook-title[data-v-328f45d0]{position:relative}.NOTEBOOK .main .notebook-title .notebook-title-head[data-v-328f45d0]{width:200px;font-size:6px}.NOTEBOOK .main .notebook-title .showPy[data-v-328f45d0]{position:absolute;top:7px;right:-14%}.NOTEBOOK .main .two_nav .title[data-v-328f45d0]{display:none}}.sortByInstruction[data-v-328f45d0]{color:#333;cursor:default;padding-right:10px}.sortBy-Div[data-v-328f45d0]{text-align:right;position:relative;font-size:14px;font-family:Montserrat-Medium;font-weight:400;text-transform:up}.sortBy-Div span[data-v-328f45d0]:not(.nostyle){-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;padding:12px 24px;font-weight:500;text-align:center;margin:0 2px;border-radius:23px;cursor:pointer;-webkit-transition:background-color .5s;transition:background-color .5s;color:#fff;background-color:#2573ad;font-size:14px}.sortBy-Div.homework-dropdown .selector-button[data-v-328f45d0]{min-width:105px!important}.sortBy-Div.homework-dropdown li[data-v-328f45d0]{min-width:120px}.sortBy-Div .Dropdown[data-v-328f45d0]{position:absolute;z-index:999;width:150px;right:-12px;top:55px}.sortBy-Div .Dropdown[data-v-328f45d0] ::-webkit-scrollbar{display:none}.sortBy-Div .Dropdown .drop-icon[data-v-328f45d0]{background:url() 50% no-repeat;position:absolute;width:28px;height:7px;background-size:50%;top:-17px}.sortBy-Div .Dropdown ul[data-v-328f45d0]{-webkit-box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04);box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04);overflow-x:hidden;overflow-y:auto;border-radius:18px;padding:0 0 0 0;background:#fff}.sortBy-Div .Dropdown li[data-v-328f45d0]{padding:12px 0;text-align:center;background:#fff;color:#333;cursor:pointer}.sortBy-Div .Dropdown li.active[data-v-328f45d0],.sortBy-Div .Dropdown li[data-v-328f45d0]:hover{color:#2472b3}