.grammar-container[data-v-d6aea65e]{width:100%;height:100%}.grammar-container .grammar-all[data-v-d6aea65e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:28px;height:calc(100% - 30px);padding-bottom:30px}.grammar-container .grammar-all .grammar-top[data-v-d6aea65e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px}.grammar-container .grammar-all .grammar-top .filter-btn[data-v-d6aea65e]{border-radius:8px;padding:8px 16px;background-color:#fafafa;color:#9e9e9f}.grammar-container .grammar-all .grammar-top .filter-btn .filter-label[data-v-d6aea65e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:13px;font-family:Montserrat-Medium;gap:17px;cursor:pointer;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.grammar-container .grammar-all .grammar-top .filter-btn .LEVEL-filter-label[data-v-d6aea65e]{min-width:103px}.grammar-container .grammar-all .grammar-top .filter-btn .LESSON-filter-label[data-v-d6aea65e]{min-width:116px}.grammar-container .grammar-all .grammar-top .filter-btn .HSK-filter-label[data-v-d6aea65e]{min-width:87px}.grammar-container .grammar-all .grammar-top .filterActive[data-v-d6aea65e]{background-color:#2472b3}.grammar-container .grammar-all .grammar-top .filterActive .filter-label[data-v-d6aea65e]{color:#fff}.grammar-container .grammar-all .grammar-top .random-btn[data-v-d6aea65e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:20px;padding:8px 17px;cursor:pointer;border-radius:18px;border:1px solid #bce1dc;-webkit-box-sizing:border-box;box-sizing:border-box;color:#2472b3;font-size:13px;font-family:Montserrat-Medium}.grammar-container .grammar-all .grammar-top .btn-group[data-v-d6aea65e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px}.grammar-container .goTop .backtop[data-v-d6aea65e]{z-index:101;width:50px;height:50px;background-color:#f5c653;position:fixed;bottom:0;left:130px;cursor:pointer;border-radius:50px 50px 0 0}.grammar-container .goTop .backtop .new_img[data-v-d6aea65e]{width:20px;height:20px;position:absolute;top:10px;left:50%;-webkit-transform:rotate(180deg) translate(50%);transform:rotate(180deg) translate(50%)}.grammar-container .grammar-left[data-v-d6aea65e]{font-size:14px;font-weight:600;color:#333;font-family:Montserrat;position:relative}.grammar-container .grammar-left .left-content[data-v-d6aea65e]{position:-webkit-sticky;position:sticky;top:0;z-index:10}.grammar-container .grammar-left .select-all[data-v-d6aea65e]{background-color:#fff;border-radius:14px;padding:0 16px;height:40px;width:131px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}.grammar-container .grammar-left .select-all[data-v-d6aea65e]:hover{-webkit-transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s cubic-bezier(.4,0,.2,1)}.grammar-container .grammar-left .select-level[data-v-d6aea65e]{background-color:#fff;border-radius:14px;padding:0 16px;height:40px;width:131px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;cursor:pointer;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:10px;position:relative}.grammar-container .grammar-left .select-level .el-icon-arrow-down[data-v-d6aea65e]{font-weight:600}.grammar-container .grammar-left .select-level .chooseSelect[data-v-d6aea65e]{width:131px;border-radius:14px;height:40px;padding:0 16px;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;position:absolute;top:0}.grammar-container .grammar-left .select-level .chooseSelect[data-v-d6aea65e]:hover{background-color:#fafafa;-webkit-transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s cubic-bezier(.4,0,.2,1)}.grammar-container .grammar-left .changeHeight[data-v-d6aea65e]{height:auto}.grammar-container .grammar-left .selectList[data-v-d6aea65e]{-webkit-transition:all 1s linear;transition:all 1s linear;background-color:#fff;border-radius:20px;width:131px;margin-top:30px;padding:15px 0}.grammar-container .grammar-left .selectList .select-item[data-v-d6aea65e]{width:80%;padding:5px 20px;font-family:Montserrat;font-size:13px;cursor:pointer}.grammar-container .grammar-left .selectList .select-item[data-v-d6aea65e]:hover{color:#f5c653;-webkit-transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s cubic-bezier(.4,0,.2,1)}.grammar-container .grammar-left .yellowBac[data-v-d6aea65e]{background-color:#f5c653}.grammar-container .grammar-left .yellowCol[data-v-d6aea65e]{color:#f5c653}.grammar-container .grammar-content[data-v-d6aea65e]{width:100%;margin-top:20px;gap:95px;height:calc(100% - 116px)}.grammar-container .grammar-content .grammar-detail[data-v-d6aea65e],.grammar-container .grammar-content[data-v-d6aea65e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.grammar-container .grammar-content .grammar-detail[data-v-d6aea65e]{width:65%}.grammar-container .grammar-content .grammar-page-btn[data-v-d6aea65e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}.grammar-container .grammar-content .disabled[data-v-d6aea65e]{cursor:not-allowed}.grammar-container .page-bottom[data-v-d6aea65e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:15px;font-family:Montserrat-Medium;color:#9e9e9f;gap:11px}.grammar-container .page-bottom[data-v-d6aea65e] .el-input-number{width:40px}.grammar-container .page-bottom[data-v-d6aea65e] .el-input-number .el-input-number__decrease,.grammar-container .page-bottom[data-v-d6aea65e] .el-input-number .el-input-number__increase{display:none}.grammar-container .page-bottom[data-v-d6aea65e] .el-input-number .el-input .el-input__inner{padding:0;border-radius:5px;height:36px;line-height:36px;border:none;color:#2472b3;font-size:15px;font-family:Montserrat-Medium}.grammar-container .grammar-right[data-v-d6aea65e]{display:-webkit-box;display:-ms-flexbox;display:flex}.grammar-container .grammar-right .toggleEn[data-v-d6aea65e]{width:40px;height:40px;cursor:pointer;margin-left:10px}.grammar-container .grammar-right .toggleEn[data-v-d6aea65e]:hover{opacity:.8;-webkit-transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s cubic-bezier(.4,0,.2,1)}.filter-detail-menu{border-radius:11px;background-color:#fff;padding:12px 11px;overflow:auto}.filter-detail-menu::-webkit-scrollbar{display:none}.filter-detail-menu .popper__arrow{display:none}.filter-detail-menu .el-dropdown-menu__item{border-radius:7px;color:#2472b3}.filter-detail-menu .activeSelect,.filter-detail-menu .el-dropdown-menu__item:hover{background-color:#f1f1f0;color:#2472b3}