body{margin:0;padding:0}body,html{min-width:1200px;min-height:600px;font-size:16px;color:#333;background:#edf1f7;overflow:hidden}a{text-decoration:none;color:#666}a:active{color:#666}a:visited{color:#666}#root___14JAO{height:100%;overflow-y:auto}@media screen and (max-width:1399px){body,html{font-size:12px}}@media screen and (min-width:1400px){body,html{font-size:14px}}@media screen and (min-width:1600px){body,html{font-size:16px}}::-webkit-scrollbar{width:5px;height:1px}::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:#535353}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);border-radius:10px;background:#ededed}.flex-row{display:flex;flex-flow:row nowrap;justify-content:center;align-items:flex-start}.flex-column{display:flex;flex-flow:column nowrap;justify-content:center;align-items:flex-start}.div-btn{text-align:center;background-color:#b2d797;width:130px;font-size:18px;border-radius:5px;margin-left:75%;height:40px;line-height:40px}.div-btn-a{text-decoration:none;color:#fff}.container___2c_U6{max-width:1600px;margin:0 auto}.common-boxer___IYhkE{max-width:1000px;margin-top:2.1429rem;margin-left:auto;margin-right:auto;display:flex;flex-flow:column;align-items:center;position:relative}.desktop-container___17_Bm{height:100%;background:no-repeat 50%/100% 100% url(/images/bg-main@1x.png);overflow-y:auto}.btn___28Uwc{color:#fff;background-color:#106fb8}.btn-beans___1xSZS,.level-boxer___2kX-N>li,.switch___1E9JB>a{padding:.5714rem .7143rem;font-size:.8571rem;border-radius:8px;color:#666;background-color:#fff;cursor:pointer}.checkbox___Cki5T{width:.9375rem;height:.9375rem;border:1px solid #000}.checkbox-choosen___2qDvY{background:#000}.card-boxer___2m90f{width:100%;margin-bottom:2.1429rem;display:flex;flex-flow:wrap;justify-content:space-between}.level-boxer___2kX-N{width:100%;margin:0;padding:0;list-style:none}.level-boxer___2kX-N>li{float:left}.level-boxer___2kX-N>li:not(:first-child){margin-left:1.2857rem}.level-boxer___2kX-N>li.active___2RZzS{color:#fff;background:#106fb8}.level-boxer___2kX-N>li.active___2RZzS>a{color:#fff}.switch___1E9JB{position:absolute;right:0}.switch___1E9JB img{width:.7857rem;margin-left:.4286rem}.course-tech___abpaC .sectionslist___2ZrGn{width:100%;margin-bottom:7.1429rem}.course-tech___abpaC .sectionslist___2ZrGn .section___2dXP_{height:270px;margin-top:1.4286rem;display:flex;flex-flow:row nowrap;box-shadow:.0714rem .0714rem .2857rem 0 rgba(0,0,0,.09);border-radius:.2857rem;background:#fff}.course-tech___abpaC .sectionslist___2ZrGn .section___2dXP_ .firstdiv___Rd7BB{width:35%;position:relative}.course-tech___abpaC .sectionslist___2ZrGn .section___2dXP_ .firstdiv___Rd7BB .mask___RykXh{width:100%;height:100%;position:absolute;top:0;background:rgba(0,0,0,.5);z-index:2}.course-tech___abpaC .sectionslist___2ZrGn .section___2dXP_ .firstdiv___Rd7BB>img{width:100%;height:100%}.course-tech___abpaC .sectionslist___2ZrGn .section___2dXP_ .seconddiv___1exkj{flex:1 1 auto;width:65%;max-width:65%;height:100%}.course-tech___abpaC .sectionslist___2ZrGn .section___2dXP_ .seconddiv___1exkj .topbar___3sCTh{padding:1.2857rem;display:flex;align-items:center;border-bottom:.0714rem solid #dbdbdb}.course-tech___abpaC .sectionslist___2ZrGn .section___2dXP_ .seconddiv___1exkj .topbar___3sCTh>img{width:1.4286rem;margin-left:18px;cursor:pointer}.course-tech___abpaC .sectionslist___2ZrGn .section___2dXP_ .seconddiv___1exkj .topbar___3sCTh>div:first-child{width:.1429rem;height:.7857rem;float:left;border-radius:.0714rem;background-color:#106fb8}.course-tech___abpaC .sectionslist___2ZrGn .section___2dXP_ .seconddiv___1exkj .topbar___3sCTh .title___r_uZC{margin-left:.5714rem;color:#333;font-size:1.2857rem}.course-tech___abpaC .sectionslist___2ZrGn .section___2dXP_ .seconddiv___1exkj .topbar___3sCTh>div:last-child{margin-left:auto}.course-tech___abpaC .sectionslist___2ZrGn .section___2dXP_ .seconddiv___1exkj .topbar___3sCTh>div:last-child .course-btn___1u0_9{padding:.2857rem 1.0714rem;border:.0714rem solid #a0a0a0;border-radius:.1429rem;box-sizing:border-box;font-size:.8571rem;color:#a0a0a0;cursor:pointer}.course-tech___abpaC .sectionslist___2ZrGn .section___2dXP_ .seconddiv___1exkj .topbar___3sCTh>div:last-child .course-btn___1u0_9:hover{border-color:#106fb8;color:#fff;background-color:#106fb8}.course-tech___abpaC .sectionslist___2ZrGn .section___2dXP_ .seconddiv___1exkj .topbar___3sCTh>div:last-child .course-btn___1u0_9:last-child{margin-left:1.0714rem}.course-tech___abpaC .sectionslist___2ZrGn .section___2dXP_ .seconddiv___1exkj .panel___14xeU{height:62%}.course-tech___abpaC .sectionslist___2ZrGn .section___2dXP_ .seconddiv___1exkj .panel___14xeU .classes-boxer___RhDSx{padding-top:2rem;display:flex;flex-flow:row wrap;justify-content:space-around;overflow-y:auto;height:100%}.course-tech___abpaC .sectionslist___2ZrGn .section___2dXP_ .seconddiv___1exkj .panel___14xeU .classes-boxer___RhDSx>div{text-align:center}.course-tech___abpaC .sectionslist___2ZrGn .section___2dXP_ .seconddiv___1exkj .panel___14xeU .classes-boxer___RhDSx>div>span{margin-top:.5714rem;display:inline-block}.course-tech___abpaC .sectionslist___2ZrGn .section___2dXP_ .seconddiv___1exkj .panel___14xeU .classes-boxer___RhDSx .classes___3Ow42{width:6rem;height:6rem;padding:.6429rem;box-sizing:border-box;border-radius:50%;background-color:#f8f8f8;cursor:not-allowed}.course-tech___abpaC .sectionslist___2ZrGn .section___2dXP_ .seconddiv___1exkj .panel___14xeU .classes-boxer___RhDSx .classes___3Ow42>div{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:.8571rem;color:#fff;background-color:#ccc}.course-tech___abpaC .sectionslist___2ZrGn .section___2dXP_ .seconddiv___1exkj .panel___14xeU .classes-boxer___RhDSx .classes-un___ocvJr{background-color:#eafbf2;cursor:pointer}.course-tech___abpaC .sectionslist___2ZrGn .section___2dXP_ .seconddiv___1exkj .panel___14xeU .classes-boxer___RhDSx .classes-un___ocvJr>div{background-color:#83d688}.course-tech___abpaC .sectionslist___2ZrGn .section___2dXP_ .seconddiv___1exkj .panel___14xeU .classes-boxer___RhDSx .classes-ing___18skv{background-color:#fff5f6;cursor:pointer}.course-tech___abpaC .sectionslist___2ZrGn .section___2dXP_ .seconddiv___1exkj .panel___14xeU .classes-boxer___RhDSx .classes-ing___18skv>div{background-color:#ff798d}
body{margin:0;padding:0}body,html{min-width:1200px;min-height:600px;font-size:16px;color:#333;background:#edf1f7;overflow:hidden}a{text-decoration:none;color:#666}a:active{color:#666}a:visited{color:#666}#root___1A-j_{height:100%;overflow-y:auto}@media screen and (max-width:1399px){body,html{font-size:12px}}@media screen and (min-width:1400px){body,html{font-size:14px}}@media screen and (min-width:1600px){body,html{font-size:16px}}::-webkit-scrollbar{width:5px;height:1px}::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:#535353}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);border-radius:10px;background:#ededed}.flex-row{display:flex;flex-flow:row nowrap;justify-content:center;align-items:flex-start}.flex-column{display:flex;flex-flow:column nowrap;justify-content:center;align-items:flex-start}.div-btn{text-align:center;background-color:#b2d797;width:130px;font-size:18px;border-radius:5px;margin-left:75%;height:40px;line-height:40px}.div-btn-a{text-decoration:none;color:#fff}.container___3Ynhm{max-width:1600px;margin:0 auto}.common-boxer___19ayw{max-width:1000px;margin-top:2.1429rem;margin-left:auto;margin-right:auto;display:flex;flex-flow:column;align-items:center;position:relative}.desktop-container___2DSJ8{height:100%;background:no-repeat 50%/100% 100% url(/images/bg-main@1x.png);overflow-y:auto}.btn___14su_{color:#fff;background-color:#106fb8}.btn-beans___2X7X5,.level-boxer___11ZKX>li,.switch___u6msW>a{padding:.5714rem .7143rem;font-size:.8571rem;border-radius:8px;color:#666;background-color:#fff;cursor:pointer}.checkbox___GK6AI{width:.9375rem;height:.9375rem;border:1px solid #000}.checkbox-choosen___3i6Nu{background:#000}.card-boxer___x07o4{width:100%;margin-bottom:2.1429rem;display:flex;flex-flow:wrap;justify-content:space-between}.level-boxer___11ZKX{width:100%;margin:0;padding:0;list-style:none}.level-boxer___11ZKX>li{float:left}.level-boxer___11ZKX>li:not(:first-child){margin-left:1.2857rem}.level-boxer___11ZKX>li.active___2le_m{color:#fff;background:#106fb8}.level-boxer___11ZKX>li.active___2le_m>a{color:#fff}.switch___u6msW{position:absolute;right:0}.switch___u6msW img{width:.7857rem;margin-left:.4286rem}.course-tech___3zr-J .sectionslist___1QSyq{width:100%;margin-bottom:7.1429rem}.course-tech___3zr-J .sectionslist___1QSyq .section___rZWFD{height:270px;margin-top:1.4286rem;display:flex;flex-flow:row nowrap;box-shadow:.0714rem .0714rem .2857rem 0 rgba(0,0,0,.09);border-radius:.2857rem;background:#fff}.course-tech___3zr-J .sectionslist___1QSyq .section___rZWFD .firstdiv___38cT0{width:35%;position:relative}.course-tech___3zr-J .sectionslist___1QSyq .section___rZWFD .firstdiv___38cT0 .mask___1FWdT{width:100%;height:100%;position:absolute;top:0;background:rgba(0,0,0,.5);z-index:2}.course-tech___3zr-J .sectionslist___1QSyq .section___rZWFD .firstdiv___38cT0>img{width:100%;height:100%}.course-tech___3zr-J .sectionslist___1QSyq .section___rZWFD .seconddiv___VV2Uw{flex:1 1 auto;width:65%;max-width:65%;height:100%}.course-tech___3zr-J .sectionslist___1QSyq .section___rZWFD .seconddiv___VV2Uw .topbar___ykIdk{padding:1.2857rem;display:flex;align-items:center;border-bottom:.0714rem solid #dbdbdb}.course-tech___3zr-J .sectionslist___1QSyq .section___rZWFD .seconddiv___VV2Uw .topbar___ykIdk>img{width:1.4286rem;margin-left:18px;cursor:pointer}.course-tech___3zr-J .sectionslist___1QSyq .section___rZWFD .seconddiv___VV2Uw .topbar___ykIdk>div:first-child{width:.1429rem;height:.7857rem;float:left;border-radius:.0714rem;background-color:#106fb8}.course-tech___3zr-J .sectionslist___1QSyq .section___rZWFD .seconddiv___VV2Uw .topbar___ykIdk .title___SkdVX{margin-left:.5714rem;color:#333;font-size:1.2857rem}.course-tech___3zr-J .sectionslist___1QSyq .section___rZWFD .seconddiv___VV2Uw .topbar___ykIdk>div:last-child{margin-left:auto}.course-tech___3zr-J .sectionslist___1QSyq .section___rZWFD .seconddiv___VV2Uw .topbar___ykIdk>div:last-child .course-btn___4tVL6{padding:.2857rem 1.0714rem;border:.0714rem solid #a0a0a0;border-radius:.1429rem;box-sizing:border-box;font-size:.8571rem;color:#a0a0a0;cursor:pointer}.course-tech___3zr-J .sectionslist___1QSyq .section___rZWFD .seconddiv___VV2Uw .topbar___ykIdk>div:last-child .course-btn___4tVL6:hover{border-color:#106fb8;color:#fff;background-color:#106fb8}.course-tech___3zr-J .sectionslist___1QSyq .section___rZWFD .seconddiv___VV2Uw .topbar___ykIdk>div:last-child .course-btn___4tVL6:last-child{margin-left:1.0714rem}.course-tech___3zr-J .sectionslist___1QSyq .section___rZWFD .seconddiv___VV2Uw .panel___vhqKF{height:62%}.course-tech___3zr-J .sectionslist___1QSyq .section___rZWFD .seconddiv___VV2Uw .panel___vhqKF .classes-boxer___Wh_lU{padding-top:2rem;display:flex;flex-flow:row wrap;justify-content:space-around;overflow-y:auto;height:100%}.course-tech___3zr-J .sectionslist___1QSyq .section___rZWFD .seconddiv___VV2Uw .panel___vhqKF .classes-boxer___Wh_lU>div{text-align:center}.course-tech___3zr-J .sectionslist___1QSyq .section___rZWFD .seconddiv___VV2Uw .panel___vhqKF .classes-boxer___Wh_lU>div>span{margin-top:.5714rem;display:inline-block}.course-tech___3zr-J .sectionslist___1QSyq .section___rZWFD .seconddiv___VV2Uw .panel___vhqKF .classes-boxer___Wh_lU .classes___3K_fn{width:6rem;height:6rem;padding:.6429rem;box-sizing:border-box;border-radius:50%;background-color:#f8f8f8;cursor:not-allowed}.course-tech___3zr-J .sectionslist___1QSyq .section___rZWFD .seconddiv___VV2Uw .panel___vhqKF .classes-boxer___Wh_lU .classes___3K_fn>div{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:.8571rem;color:#fff;background-color:#ccc}.course-tech___3zr-J .sectionslist___1QSyq .section___rZWFD .seconddiv___VV2Uw .panel___vhqKF .classes-boxer___Wh_lU .classes-un___zVdXY{background-color:#eafbf2;cursor:pointer}.course-tech___3zr-J .sectionslist___1QSyq .section___rZWFD .seconddiv___VV2Uw .panel___vhqKF .classes-boxer___Wh_lU .classes-un___zVdXY>div{background-color:#83d688}.course-tech___3zr-J .sectionslist___1QSyq .section___rZWFD .seconddiv___VV2Uw .panel___vhqKF .classes-boxer___Wh_lU .classes-ing___3Rl0a{background-color:#fff5f6;cursor:pointer}.course-tech___3zr-J .sectionslist___1QSyq .section___rZWFD .seconddiv___VV2Uw .panel___vhqKF .classes-boxer___Wh_lU .classes-ing___3Rl0a>div{background-color:#ff798d}.absence___3dBkS{width:100%;display:flex;justify-content:center;flex-flow:row nowrap;align-items:center}.absence___3dBkS .absencepanel___jANH8{width:60%;display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:flex-start;height:300px!important;background:#fff!important;padding:10px}.absence___3dBkS .absencepanel___jANH8 .absencepanelheader___2bV7i{width:100%;height:50px;border-bottom:1px solid #ccc}.absence___3dBkS .absencepanel___jANH8 .absencepanelcontent___nNTH5{width:100%;display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:flex-start;height:250px!important;overflow-y:auto;background:#fff!important;margin:10px 0}.absence___3dBkS .absencepanel___jANH8 .absencepanelcontent___nNTH5 div{padding:10px;border-radius:5px;border:1px solid red;margin:5px}.toast-container___NYd_8{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.5);z-index:99}.toast-container___NYd_8 .toast-boxer___1tMvX{position:relative;text-align:center}.toast-container___NYd_8 .toast-boxer___1tMvX>img{width:350px}.toast-container___NYd_8 .toast-boxer___1tMvX>div{height:50px;position:absolute;background:transparent;z-index:3;cursor:pointer;border-radius:20px}.toast-container___NYd_8 .toast-boxer___1tMvX .confirm___15FuY{width:300px;bottom:88px;left:26px}.toast-container___NYd_8 .toast-boxer___1tMvX .cancel___1swPD{width:72px;left:140px;bottom:18px}
body{margin:0;padding:0}body,html{min-width:1200px;min-height:600px;font-size:16px;color:#333;background:#edf1f7;overflow:hidden}a{text-decoration:none;color:#666}a:active{color:#666}a:visited{color:#666}#root___3nR0M{height:100%;overflow-y:auto}@media screen and (max-width:1399px){body,html{font-size:12px}}@media screen and (min-width:1400px){body,html{font-size:14px}}@media screen and (min-width:1600px){body,html{font-size:16px}}::-webkit-scrollbar{width:5px;height:1px}::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:#535353}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);border-radius:10px;background:#ededed}.flex-row{display:flex;flex-flow:row nowrap;justify-content:center;align-items:flex-start}.flex-column{display:flex;flex-flow:column nowrap;justify-content:center;align-items:flex-start}.div-btn{text-align:center;background-color:#b2d797;width:130px;font-size:18px;border-radius:5px;margin-left:75%;height:40px;line-height:40px}.div-btn-a{text-decoration:none;color:#fff}.container___3xxz7{max-width:1600px;margin:0 auto}.common-boxer___3c08W{max-width:1000px;margin-top:2.1429rem;margin-left:auto;margin-right:auto;display:flex;flex-flow:column;align-items:center;position:relative}.desktop-container___3eide{height:100%;background:no-repeat 50%/100% 100% url(/images/bg-main@1x.png);overflow-y:auto}.btn___bjho8{color:#fff;background-color:#106fb8}.btn-beans___16ZbF,.level-boxer___2Payw>li,.switch___3Qma7>a{padding:.5714rem .7143rem;font-size:.8571rem;border-radius:8px;color:#666;background-color:#fff;cursor:pointer}.checkbox___2-Fyv{width:.9375rem;height:.9375rem;border:1px solid #000}.checkbox-choosen___2IL0x{background:#000}.card-boxer___m2YTk{width:100%;margin-bottom:2.1429rem;display:flex;flex-flow:wrap;justify-content:space-between}.level-boxer___2Payw{width:100%;margin:0;padding:0;list-style:none}.level-boxer___2Payw>li{float:left}.level-boxer___2Payw>li:not(:first-child){margin-left:1.2857rem}.level-boxer___2Payw>li.active___2ce2j{color:#fff;background:#106fb8}.level-boxer___2Payw>li.active___2ce2j>a{color:#fff}.switch___3Qma7{position:absolute;right:0}.switch___3Qma7 img{width:.7857rem;margin-left:.4286rem}.course-tech___UUuXv .sectionslist___32Roc{width:100%;margin-bottom:7.1429rem}.course-tech___UUuXv .sectionslist___32Roc .section___2OQZ9{height:270px;margin-top:1.4286rem;display:flex;flex-flow:row nowrap;box-shadow:.0714rem .0714rem .2857rem 0 rgba(0,0,0,.09);border-radius:.2857rem;background:#fff}.course-tech___UUuXv .sectionslist___32Roc .section___2OQZ9 .firstdiv___yerMT{width:35%;position:relative}.course-tech___UUuXv .sectionslist___32Roc .section___2OQZ9 .firstdiv___yerMT .mask___3yWmI{width:100%;height:100%;position:absolute;top:0;background:rgba(0,0,0,.5);z-index:2}.course-tech___UUuXv .sectionslist___32Roc .section___2OQZ9 .firstdiv___yerMT>img{width:100%;height:100%}.course-tech___UUuXv .sectionslist___32Roc .section___2OQZ9 .seconddiv___2vXwZ{flex:1 1 auto;width:65%;max-width:65%;height:100%}.course-tech___UUuXv .sectionslist___32Roc .section___2OQZ9 .seconddiv___2vXwZ .topbar___2R-re{padding:1.2857rem;display:flex;align-items:center;border-bottom:.0714rem solid #dbdbdb}.course-tech___UUuXv .sectionslist___32Roc .section___2OQZ9 .seconddiv___2vXwZ .topbar___2R-re>img{width:1.4286rem;margin-left:18px;cursor:pointer}.course-tech___UUuXv .sectionslist___32Roc .section___2OQZ9 .seconddiv___2vXwZ .topbar___2R-re>div:first-child{width:.1429rem;height:.7857rem;float:left;border-radius:.0714rem;background-color:#106fb8}.course-tech___UUuXv .sectionslist___32Roc .section___2OQZ9 .seconddiv___2vXwZ .topbar___2R-re .title___3RaEP{margin-left:.5714rem;color:#333;font-size:1.2857rem}.course-tech___UUuXv .sectionslist___32Roc .section___2OQZ9 .seconddiv___2vXwZ .topbar___2R-re>div:last-child{margin-left:auto}.course-tech___UUuXv .sectionslist___32Roc .section___2OQZ9 .seconddiv___2vXwZ .topbar___2R-re>div:last-child .course-btn___2FpRQ{padding:.2857rem 1.0714rem;border:.0714rem solid #a0a0a0;border-radius:.1429rem;box-sizing:border-box;font-size:.8571rem;color:#a0a0a0;cursor:pointer}.course-tech___UUuXv .sectionslist___32Roc .section___2OQZ9 .seconddiv___2vXwZ .topbar___2R-re>div:last-child .course-btn___2FpRQ:hover{border-color:#106fb8;color:#fff;background-color:#106fb8}.course-tech___UUuXv .sectionslist___32Roc .section___2OQZ9 .seconddiv___2vXwZ .topbar___2R-re>div:last-child .course-btn___2FpRQ:last-child{margin-left:1.0714rem}.course-tech___UUuXv .sectionslist___32Roc .section___2OQZ9 .seconddiv___2vXwZ .panel___Nuk9d{height:62%}.course-tech___UUuXv .sectionslist___32Roc .section___2OQZ9 .seconddiv___2vXwZ .panel___Nuk9d .classes-boxer___24KSO{padding-top:2rem;display:flex;flex-flow:row wrap;justify-content:space-around;overflow-y:auto;height:100%}.course-tech___UUuXv .sectionslist___32Roc .section___2OQZ9 .seconddiv___2vXwZ .panel___Nuk9d .classes-boxer___24KSO>div{text-align:center}.course-tech___UUuXv .sectionslist___32Roc .section___2OQZ9 .seconddiv___2vXwZ .panel___Nuk9d .classes-boxer___24KSO>div>span{margin-top:.5714rem;display:inline-block}.course-tech___UUuXv .sectionslist___32Roc .section___2OQZ9 .seconddiv___2vXwZ .panel___Nuk9d .classes-boxer___24KSO .classes___11jeP{width:6rem;height:6rem;padding:.6429rem;box-sizing:border-box;border-radius:50%;background-color:#f8f8f8;cursor:not-allowed}.course-tech___UUuXv .sectionslist___32Roc .section___2OQZ9 .seconddiv___2vXwZ .panel___Nuk9d .classes-boxer___24KSO .classes___11jeP>div{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:.8571rem;color:#fff;background-color:#ccc}.course-tech___UUuXv .sectionslist___32Roc .section___2OQZ9 .seconddiv___2vXwZ .panel___Nuk9d .classes-boxer___24KSO .classes-un___ps-SK{background-color:#eafbf2;cursor:pointer}.course-tech___UUuXv .sectionslist___32Roc .section___2OQZ9 .seconddiv___2vXwZ .panel___Nuk9d .classes-boxer___24KSO .classes-un___ps-SK>div{background-color:#83d688}.course-tech___UUuXv .sectionslist___32Roc .section___2OQZ9 .seconddiv___2vXwZ .panel___Nuk9d .classes-boxer___24KSO .classes-ing___jhL5Q{background-color:#fff5f6;cursor:pointer}.course-tech___UUuXv .sectionslist___32Roc .section___2OQZ9 .seconddiv___2vXwZ .panel___Nuk9d .classes-boxer___24KSO .classes-ing___jhL5Q>div{background-color:#ff798d}.addclass___20iGQ{position:absolute;float:right;right:80;top:50;width:10%;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;transform:rotate(15deg);border-radius:50%;box-shadow:1px 1px 5px;transition:All .4s ease-in-out;-webkit-transition:All .4s ease-in-out;-moz-transition:All .4s ease-in-out;-o-transition:All .4s ease-in-out;cursor:pointer}.addclass___20iGQ:hover{transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2)}.addclass___20iGQ img{width:100%}.login-page___2GIHZ{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:url(/images/bg-login.png) no-repeat 50%/100%}.login-page___2GIHZ .login-boxer___2fMBQ{width:50.7857rem;height:30.8571rem;padding:1.875rem;display:flex;flex-flow:row nowrap;background-color:#fff;box-sizing:border-box;box-shadow:0 0 3rem 0 rgba(0,0,0,.09)}.login-page___2GIHZ .login-boxer___2fMBQ>div{flex:1 1 auto}.login-page___2GIHZ .login-boxer___2fMBQ .form___2rULE{padding:2.8571rem 3.9286rem 0 3.2143rem;text-align:center}.login-page___2GIHZ .login-boxer___2fMBQ .form___2rULE>span{margin-bottom:3.2143rem;display:inline-block}.login-page___2GIHZ .login-boxer___2fMBQ .form___2rULE .input-boxer___1pRKH{padding-bottom:.375rem;display:flex;border-bottom:1px solid #000}.login-page___2GIHZ .login-boxer___2fMBQ .form___2rULE .input-boxer___1pRKH>input{width:10rem;font-size:1.4rem;border:none;outline:none;box-shadow:inset 0 0 0 1000px #fff}.login-page___2GIHZ .login-boxer___2fMBQ .form___2rULE .tips___1rZIA{margin-top:1.25rem;display:flex;justify-content:space-between}.login-page___2GIHZ .login-boxer___2fMBQ .form___2rULE .tips___1rZIA>div{display:flex;align-items:center}.login-page___2GIHZ .login-boxer___2fMBQ .form___2rULE .tips___1rZIA>div:hover{cursor:pointer}.login-page___2GIHZ .login-boxer___2fMBQ .form___2rULE .tips___1rZIA>div>span{margin-left:.375rem}.login-page___2GIHZ .login-boxer___2fMBQ .form___2rULE .tips___1rZIA>span{color:red}.login-page___2GIHZ .login-boxer___2fMBQ .form___2rULE .footerbtn___184-Y{display:flex;flex-flow:column wrap;align-items:center}.login-page___2GIHZ .login-boxer___2fMBQ .form___2rULE .footerbtn___184-Y a,.login-page___2GIHZ .login-boxer___2fMBQ .form___2rULE .footerbtn___184-Y button{width:100%;margin-top:1.5rem;padding:.7143rem 0;border-radius:.125rem;font-size:1.2rem;cursor:pointer;border:none}.login-page___2GIHZ .login-boxer___2fMBQ .form___2rULE .footerbtn___184-Y button{background:#fff;border:2px solid #ccc}.login-page___2GIHZ .login-boxer___2fMBQ .form___2rULE .footerbtn___184-Y button:hover{color:#106fb8;border:2px solid #106fb8}.login-page___2GIHZ .login-boxer___2fMBQ>img{width:23.7857rem}
body{margin:0;padding:0}body,html{min-width:1200px;min-height:600px;font-size:16px;color:#333;background:#edf1f7;overflow:hidden}a{text-decoration:none;color:#666}a:active{color:#666}a:visited{color:#666}#root___2f3-v{height:100%;overflow-y:auto}@media screen and (max-width:1399px){body,html{font-size:12px}}@media screen and (min-width:1400px){body,html{font-size:14px}}@media screen and (min-width:1600px){body,html{font-size:16px}}::-webkit-scrollbar{width:5px;height:1px}::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:#535353}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);border-radius:10px;background:#ededed}.flex-row{display:flex;flex-flow:row nowrap;justify-content:center;align-items:flex-start}.flex-column{display:flex;flex-flow:column nowrap;justify-content:center;align-items:flex-start}.div-btn{text-align:center;background-color:#b2d797;width:130px;font-size:18px;border-radius:5px;margin-left:75%;height:40px;line-height:40px}.div-btn-a{text-decoration:none;color:#fff}.container___1sCl6{max-width:1600px;margin:0 auto}.common-boxer___Bua5J{max-width:1000px;margin-top:2.1429rem;margin-left:auto;margin-right:auto;display:flex;flex-flow:column;align-items:center;position:relative}.desktop-container___3mTbW{height:100%;background:no-repeat 50%/100% 100% url(/images/bg-main@1x.png);overflow-y:auto}.btn___2sR2f{color:#fff;background-color:#106fb8}.btn-beans___1y6Ns,.level-boxer___3ZIuh>li,.switch___PXKRd>a{padding:.5714rem .7143rem;font-size:.8571rem;border-radius:8px;color:#666;background-color:#fff;cursor:pointer}.checkbox___3VGbD{width:.9375rem;height:.9375rem;border:1px solid #000}.checkbox-choosen___1taSV{background:#000}.card-boxer___1cYuU{width:100%;margin-bottom:2.1429rem;display:flex;flex-flow:wrap;justify-content:space-between}.level-boxer___3ZIuh{width:100%;margin:0;padding:0;list-style:none}.level-boxer___3ZIuh>li{float:left}.level-boxer___3ZIuh>li:not(:first-child){margin-left:1.2857rem}.level-boxer___3ZIuh>li.active___3CMHJ{color:#fff;background:#106fb8}.level-boxer___3ZIuh>li.active___3CMHJ>a{color:#fff}.switch___PXKRd{position:absolute;right:0}.switch___PXKRd img{width:.7857rem;margin-left:.4286rem}.course-tech___3NxHm .sectionslist___233vf{width:100%;margin-bottom:7.1429rem}.course-tech___3NxHm .sectionslist___233vf .section___jph4Q{height:270px;margin-top:1.4286rem;display:flex;flex-flow:row nowrap;box-shadow:.0714rem .0714rem .2857rem 0 rgba(0,0,0,.09);border-radius:.2857rem;background:#fff}.course-tech___3NxHm .sectionslist___233vf .section___jph4Q .firstdiv___3wxI8{width:35%;position:relative}.course-tech___3NxHm .sectionslist___233vf .section___jph4Q .firstdiv___3wxI8 .mask___3BP6K{width:100%;height:100%;position:absolute;top:0;background:rgba(0,0,0,.5);z-index:2}.course-tech___3NxHm .sectionslist___233vf .section___jph4Q .firstdiv___3wxI8>img{width:100%;height:100%}.course-tech___3NxHm .sectionslist___233vf .section___jph4Q .seconddiv___1GFwC{flex:1 1 auto;width:65%;max-width:65%;height:100%}.course-tech___3NxHm .sectionslist___233vf .section___jph4Q .seconddiv___1GFwC .topbar___MKsJ7{padding:1.2857rem;display:flex;align-items:center;border-bottom:.0714rem solid #dbdbdb}.course-tech___3NxHm .sectionslist___233vf .section___jph4Q .seconddiv___1GFwC .topbar___MKsJ7>img{width:1.4286rem;margin-left:18px;cursor:pointer}.course-tech___3NxHm .sectionslist___233vf .section___jph4Q .seconddiv___1GFwC .topbar___MKsJ7>div:first-child{width:.1429rem;height:.7857rem;float:left;border-radius:.0714rem;background-color:#106fb8}.course-tech___3NxHm .sectionslist___233vf .section___jph4Q .seconddiv___1GFwC .topbar___MKsJ7 .title___341XU{margin-left:.5714rem;color:#333;font-size:1.2857rem}.course-tech___3NxHm .sectionslist___233vf .section___jph4Q .seconddiv___1GFwC .topbar___MKsJ7>div:last-child{margin-left:auto}.course-tech___3NxHm .sectionslist___233vf .section___jph4Q .seconddiv___1GFwC .topbar___MKsJ7>div:last-child .course-btn___2iJDG{padding:.2857rem 1.0714rem;border:.0714rem solid #a0a0a0;border-radius:.1429rem;box-sizing:border-box;font-size:.8571rem;color:#a0a0a0;cursor:pointer}.course-tech___3NxHm .sectionslist___233vf .section___jph4Q .seconddiv___1GFwC .topbar___MKsJ7>div:last-child .course-btn___2iJDG:hover{border-color:#106fb8;color:#fff;background-color:#106fb8}.course-tech___3NxHm .sectionslist___233vf .section___jph4Q .seconddiv___1GFwC .topbar___MKsJ7>div:last-child .course-btn___2iJDG:last-child{margin-left:1.0714rem}.course-tech___3NxHm .sectionslist___233vf .section___jph4Q .seconddiv___1GFwC .panel___3LUBz{height:62%}.course-tech___3NxHm .sectionslist___233vf .section___jph4Q .seconddiv___1GFwC .panel___3LUBz .classes-boxer___3aXcQ{padding-top:2rem;display:flex;flex-flow:row wrap;justify-content:space-around;overflow-y:auto;height:100%}.course-tech___3NxHm .sectionslist___233vf .section___jph4Q .seconddiv___1GFwC .panel___3LUBz .classes-boxer___3aXcQ>div{text-align:center}.course-tech___3NxHm .sectionslist___233vf .section___jph4Q .seconddiv___1GFwC .panel___3LUBz .classes-boxer___3aXcQ>div>span{margin-top:.5714rem;display:inline-block}.course-tech___3NxHm .sectionslist___233vf .section___jph4Q .seconddiv___1GFwC .panel___3LUBz .classes-boxer___3aXcQ .classes___1WmfW{width:6rem;height:6rem;padding:.6429rem;box-sizing:border-box;border-radius:50%;background-color:#f8f8f8;cursor:not-allowed}.course-tech___3NxHm .sectionslist___233vf .section___jph4Q .seconddiv___1GFwC .panel___3LUBz .classes-boxer___3aXcQ .classes___1WmfW>div{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:.8571rem;color:#fff;background-color:#ccc}.course-tech___3NxHm .sectionslist___233vf .section___jph4Q .seconddiv___1GFwC .panel___3LUBz .classes-boxer___3aXcQ .classes-un___11IjQ{background-color:#eafbf2;cursor:pointer}.course-tech___3NxHm .sectionslist___233vf .section___jph4Q .seconddiv___1GFwC .panel___3LUBz .classes-boxer___3aXcQ .classes-un___11IjQ>div{background-color:#83d688}.course-tech___3NxHm .sectionslist___233vf .section___jph4Q .seconddiv___1GFwC .panel___3LUBz .classes-boxer___3aXcQ .classes-ing___3y3x_{background-color:#fff5f6;cursor:pointer}.course-tech___3NxHm .sectionslist___233vf .section___jph4Q .seconddiv___1GFwC .panel___3LUBz .classes-boxer___3aXcQ .classes-ing___3y3x_>div{background-color:#ff798d}.account___2k0gy{height:100%;padding:0 .5714rem;display:flex;align-items:center;position:relative;background:none}.account___2k0gy div span{font-size:14px;display:inline-block;line-height:30px;vertical-align:bottom;margin-left:10px}.account___2k0gy div span:hover{cursor:pointer;opacity:.7}.account___2k0gy div .img___3rAx4{width:30px;height:30px;display:inline-block;border-radius:50%!important}.account___2k0gy div .img___3rAx4:hover{cursor:pointer;opacity:.7}.account___2k0gy div .img___3rAx4 img{width:2rem;height:2rem;border-radius:50%!important}.account___2k0gy div svg{line-height:2rem;width:14px;height:2rem;display:inline-block;fill:#fff;margin-left:.3rem}.account___2k0gy div svg:hover{cursor:pointer;opacity:.7}.account-hover___3JAtz{background:#0d81db}.userMenu___3WkA9{width:100%;position:absolute;top:100%;left:0;border-radius:0 0 4px 4px;list-style:none;z-index:1;font-size:16px;background:#0d81db;color:#fff;display:flex;flex-flow:column nowrap;align-items:center;justify-content:center;cursor:pointer}.userMenu___3WkA9>div{margin:14px 0}div.userInfo___3wVw9{position:fixed;right:10px;top:50px;background-color:#fff;border:1px solid #bbb;border-radius:10px;list-style:none;margin:0;padding:10px;z-index:1}div.userInfo___3wVw9 li:nth-child(2){border:.5px solid #bbb}.flexColumn___1QpYv{display:flex;flex-flow:column nowrap;justify-content:center;align-items:flex-start;text-align:center;z-index:1;position:fixed;right:10px;background-color:#fff;border:1px solid #bbb;border-radius:10px;list-style:none;margin:0;padding:10px}.flexColumn___1QpYv div:first-child{width:100%}.flexColumn___1QpYv div:last-child{width:100%}.flexColumn___1QpYv span{font-size:16px;line-height:30px;margin-top:20px}.flexColumn___1QpYv input{border:1px solid #bbb;border-radius:4px}.flexColumn___1QpYv button{width:100px;background:orange;border:0;border-radius:4px;line-height:30px;margin-top:20px;color:#fff;font-weight:700;cursor:pointer}
body{margin:0;padding:0}body,html{min-width:1200px;min-height:600px;font-size:16px;color:#333;background:#edf1f7;overflow:hidden}a{text-decoration:none;color:#666}a:active{color:#666}a:visited{color:#666}#root___1WJQS{height:100%;overflow-y:auto}@media screen and (max-width:1399px){body,html{font-size:12px}}@media screen and (min-width:1400px){body,html{font-size:14px}}@media screen and (min-width:1600px){body,html{font-size:16px}}::-webkit-scrollbar{width:5px;height:1px}::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:#535353}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);border-radius:10px;background:#ededed}.flex-row{display:flex;flex-flow:row nowrap;justify-content:center;align-items:flex-start}.flex-column{display:flex;flex-flow:column nowrap;justify-content:center;align-items:flex-start}.div-btn{text-align:center;background-color:#b2d797;width:130px;font-size:18px;border-radius:5px;margin-left:75%;height:40px;line-height:40px}.div-btn-a{text-decoration:none;color:#fff}.container___27vcS{max-width:1600px;margin:0 auto}.common-boxer___4W2cz{max-width:1000px;margin-top:2.1429rem;margin-left:auto;margin-right:auto;display:flex;flex-flow:column;align-items:center;position:relative}.desktop-container___2zoES{height:100%;background:no-repeat 50%/100% 100% url(/images/bg-main@1x.png);overflow-y:auto}.btn___1GFg6{color:#fff;background-color:#106fb8}.btn-beans___2_aJt,.level-boxer___5RRDf>li,.switch___1xSxl>a{padding:.5714rem .7143rem;font-size:.8571rem;border-radius:8px;color:#666;background-color:#fff;cursor:pointer}.checkbox___N84tg{width:.9375rem;height:.9375rem;border:1px solid #000}.checkbox-choosen___dyaSU{background:#000}.card-boxer___80sn6{width:100%;margin-bottom:2.1429rem;display:flex;flex-flow:wrap;justify-content:space-between}.level-boxer___5RRDf{width:100%;margin:0;padding:0;list-style:none}.level-boxer___5RRDf>li{float:left}.level-boxer___5RRDf>li:not(:first-child){margin-left:1.2857rem}.level-boxer___5RRDf>li.active___EPqpZ{color:#fff;background:#106fb8}.level-boxer___5RRDf>li.active___EPqpZ>a{color:#fff}.switch___1xSxl{position:absolute;right:0}.switch___1xSxl img{width:.7857rem;margin-left:.4286rem}.course-tech___6HYro .sectionslist___1KOr8{width:100%;margin-bottom:7.1429rem}.course-tech___6HYro .sectionslist___1KOr8 .section___17pAP{height:270px;margin-top:1.4286rem;display:flex;flex-flow:row nowrap;box-shadow:.0714rem .0714rem .2857rem 0 rgba(0,0,0,.09);border-radius:.2857rem;background:#fff}.course-tech___6HYro .sectionslist___1KOr8 .section___17pAP .firstdiv___3fIEn{width:35%;position:relative}.course-tech___6HYro .sectionslist___1KOr8 .section___17pAP .firstdiv___3fIEn .mask___3Kg2L{width:100%;height:100%;position:absolute;top:0;background:rgba(0,0,0,.5);z-index:2}.course-tech___6HYro .sectionslist___1KOr8 .section___17pAP .firstdiv___3fIEn>img{width:100%;height:100%}.course-tech___6HYro .sectionslist___1KOr8 .section___17pAP .seconddiv___zNHUo{flex:1 1 auto;width:65%;max-width:65%;height:100%}.course-tech___6HYro .sectionslist___1KOr8 .section___17pAP .seconddiv___zNHUo .topbar___YFSN6{padding:1.2857rem;display:flex;align-items:center;border-bottom:.0714rem solid #dbdbdb}.course-tech___6HYro .sectionslist___1KOr8 .section___17pAP .seconddiv___zNHUo .topbar___YFSN6>img{width:1.4286rem;margin-left:18px;cursor:pointer}.course-tech___6HYro .sectionslist___1KOr8 .section___17pAP .seconddiv___zNHUo .topbar___YFSN6>div:first-child{width:.1429rem;height:.7857rem;float:left;border-radius:.0714rem;background-color:#106fb8}.course-tech___6HYro .sectionslist___1KOr8 .section___17pAP .seconddiv___zNHUo .topbar___YFSN6 .title___2G7SF{margin-left:.5714rem;color:#333;font-size:1.2857rem}.course-tech___6HYro .sectionslist___1KOr8 .section___17pAP .seconddiv___zNHUo .topbar___YFSN6>div:last-child{margin-left:auto}.course-tech___6HYro .sectionslist___1KOr8 .section___17pAP .seconddiv___zNHUo .topbar___YFSN6>div:last-child .course-btn___2QQfK{padding:.2857rem 1.0714rem;border:.0714rem solid #a0a0a0;border-radius:.1429rem;box-sizing:border-box;font-size:.8571rem;color:#a0a0a0;cursor:pointer}.course-tech___6HYro .sectionslist___1KOr8 .section___17pAP .seconddiv___zNHUo .topbar___YFSN6>div:last-child .course-btn___2QQfK:hover{border-color:#106fb8;color:#fff;background-color:#106fb8}.course-tech___6HYro .sectionslist___1KOr8 .section___17pAP .seconddiv___zNHUo .topbar___YFSN6>div:last-child .course-btn___2QQfK:last-child{margin-left:1.0714rem}.course-tech___6HYro .sectionslist___1KOr8 .section___17pAP .seconddiv___zNHUo .panel___gunR6{height:62%}.course-tech___6HYro .sectionslist___1KOr8 .section___17pAP .seconddiv___zNHUo .panel___gunR6 .classes-boxer___1RwLr{padding-top:2rem;display:flex;flex-flow:row wrap;justify-content:space-around;overflow-y:auto;height:100%}.course-tech___6HYro .sectionslist___1KOr8 .section___17pAP .seconddiv___zNHUo .panel___gunR6 .classes-boxer___1RwLr>div{text-align:center}.course-tech___6HYro .sectionslist___1KOr8 .section___17pAP .seconddiv___zNHUo .panel___gunR6 .classes-boxer___1RwLr>div>span{margin-top:.5714rem;display:inline-block}.course-tech___6HYro .sectionslist___1KOr8 .section___17pAP .seconddiv___zNHUo .panel___gunR6 .classes-boxer___1RwLr .classes___20MXl{width:6rem;height:6rem;padding:.6429rem;box-sizing:border-box;border-radius:50%;background-color:#f8f8f8;cursor:not-allowed}.course-tech___6HYro .sectionslist___1KOr8 .section___17pAP .seconddiv___zNHUo .panel___gunR6 .classes-boxer___1RwLr .classes___20MXl>div{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:.8571rem;color:#fff;background-color:#ccc}.course-tech___6HYro .sectionslist___1KOr8 .section___17pAP .seconddiv___zNHUo .panel___gunR6 .classes-boxer___1RwLr .classes-un___1LXQj{background-color:#eafbf2;cursor:pointer}.course-tech___6HYro .sectionslist___1KOr8 .section___17pAP .seconddiv___zNHUo .panel___gunR6 .classes-boxer___1RwLr .classes-un___1LXQj>div{background-color:#83d688}.course-tech___6HYro .sectionslist___1KOr8 .section___17pAP .seconddiv___zNHUo .panel___gunR6 .classes-boxer___1RwLr .classes-ing___2hBoD{background-color:#fff5f6;cursor:pointer}.course-tech___6HYro .sectionslist___1KOr8 .section___17pAP .seconddiv___zNHUo .panel___gunR6 .classes-boxer___1RwLr .classes-ing___2hBoD>div{background-color:#ff798d}.nav-level1-boxer___3R5kf{margin-top:20px;margin-bottom:20px;display:flex;align-items:center}.upnavleft___1fGOS{background-color:#fff;color:#4abaff;border-radius:8px;width:150px;text-align:center;font-size:10px;line-height:24px}.upmanager___3yrr7{margin-left:50px;background-color:#fff;border-radius:8px;width:150px;text-align:center;line-height:24px}.upmanager___3yrr7 a{color:#38a6ed;font-size:12px;text-decoration:none;cursor:pointer;font-size:1.1rem;font-weight:700}.upnavright___1Esex{margin-left:auto;margin-right:0;background-color:#fbe1b6;border-radius:8px;text-align:center;font-size:10px}.nav___QyNBj{display:flex;justify-content:space-between;clear:both;background-color:#fff;height:70px;box-shadow:-1px 1px 1px #888;min-width:900px;border-radius:10px;position:relative}.nav___QyNBj .logo___GAoxS{margin-left:30px;font-size:1.375rem;font-weight:400;color:#38a6ed}.nav___QyNBj a{line-height:70px;height:70px;display:inline-block;color:#101010;font-size:16px;font-weight:600px;-webkit-text-decoration-line:none;text-decoration-line:none;text-align:center}.nav___QyNBj a div.dropMenu___2eryV{display:none}.nav___QyNBj a:hover{cursor:pointer}.nav___QyNBj a:hover div.dropMenu___2eryV{background:#ff8400;position:absolute;z-index:500;margin:0;display:flex;flex-flow:column nowrap}.nav___QyNBj a:hover div.dropMenu___2eryV a{color:#000}.nav___QyNBj a:hover div.dropMenu___2eryV a:hover{color:#fff}.nav___QyNBj a.selected___2HQ1D{border-radius:10px;position:relative;color:#4abaff;font-weight:700}.nav___QyNBj a.selected___2HQ1D:hover{opacity:1}.nav___QyNBj a.disabled___2fwAm{color:rgba(15,15,15,.25)}.nav___QyNBj a.disabled___2fwAm:hover{opacity:1;cursor:not-allowed}.file___1dCgh{position:relative;cursor:pointer}.file___1dCgh input{width:100%;height:100%;position:absolute;font-size:100px;right:0;top:0;cursor:pointer;opacity:0}.file___1dCgh:hover{text-decoration:none}.navBar___z4ac1{clear:both;display:flex;background:#fe9c33;height:80px;margin:0 0 50px;position:relative}.navBar___z4ac1 .logo___GAoxS{height:80px;color:#fff;font-size:20px;width:250px;line-height:80px;margin-left:50px}.navBar___z4ac1 .logo___GAoxS span{padding:5px 15px;background:#ff8400}.navBar___z4ac1 .account___2dZKK{display:flex;flex-flow:column nowrap;align-items:center;justify-content:center;position:absolute;right:50px;height:80px}.navBar___z4ac1 a{line-height:70px;height:70px;display:inline-block;color:#101010;font-size:16px;font-weight:600px;-webkit-text-decoration-line:none;text-decoration-line:none;margin-right:30px;text-align:center}.navBar___z4ac1 a div.dropMenu___2eryV{display:none}.navBar___z4ac1 a:hover{cursor:pointer}.navBar___z4ac1 a:hover div.dropMenu___2eryV{background:#ff8400;position:absolute;z-index:500;margin:0;display:flex;flex-flow:column nowrap}.navBar___z4ac1 a:hover div.dropMenu___2eryV a{color:#000}.navBar___z4ac1 a:hover div.dropMenu___2eryV a:hover{color:#fff}.navBar___z4ac1 a.selected___2HQ1D{border-radius:10px;position:relative;color:#4abaff;font-weight:700}.navBar___z4ac1 a.selected___2HQ1D:hover{opacity:1}.navBar___z4ac1 a.disabled___2fwAm{color:rgba(15,15,15,.25)}.navBar___z4ac1 a.disabled___2fwAm:hover{opacity:1;cursor:not-allowed}.nav-bar___1CBfW{height:4.2857rem;margin-bottom:2.5rem;padding:0 7.5rem;display:flex;align-items:center;justify-content:space-between;background-color:#106fb8}.nav-bar___1CBfW .logo___GAoxS{display:flex;align-items:center;font-size:1.0714rem;color:#fff}.nav-bar___1CBfW .logo___GAoxS>img{width:1.5rem;margin-right:.5357rem}.nav-bar___1CBfW .nav-menu___AjADu{height:100%;display:flex;align-items:center}.nav-bar___1CBfW .nav-menu___AjADu .items___1ggrt>div{height:100%;display:flex;z-index:2}.nav-bar___1CBfW .nav-menu___AjADu .items___1ggrt>div>a,.nav-bar___1CBfW .nav-menu___AjADu .items___1ggrt>div>div{margin-right:3.2143rem;display:flex;align-items:center;position:relative}.nav-bar___1CBfW .nav-menu___AjADu .items___1ggrt>div>a>div,.nav-bar___1CBfW .nav-menu___AjADu .items___1ggrt>div>div>div{display:none;position:absolute;top:70%;left:-.8571rem;text-align:center;border-radius:0 0 .4286rem .4286rem;z-index:1}.nav-bar___1CBfW .nav-menu___AjADu .items___1ggrt>div>a>div>a,.nav-bar___1CBfW .nav-menu___AjADu .items___1ggrt>div>div>div>a{width:5.7143rem;padding:.7143rem;display:inline-block}.nav-bar___1CBfW .nav-menu___AjADu .items___1ggrt>div>a>div>a:hover,.nav-bar___1CBfW .nav-menu___AjADu .items___1ggrt>div>div>div>a:hover{background-color:#106fb8}.nav-bar___1CBfW .nav-menu___AjADu .items___1ggrt>div>a:hover>div,.nav-bar___1CBfW .nav-menu___AjADu .items___1ggrt>div>div:hover>div{display:block;background-color:#0d81db}.nav-bar___1CBfW .nav-menu___AjADu .items___1ggrt>div>a>img,.nav-bar___1CBfW .nav-menu___AjADu .items___1ggrt>div>div>img{margin-left:.4286rem}.nav-bar___1CBfW .nav-menu___AjADu .items___1ggrt a,.nav-bar___1CBfW .nav-menu___AjADu .items___1ggrt div{text-decoration:none;color:#fff}
body{margin:0;padding:0}body,html{min-width:1200px;min-height:600px;font-size:16px;color:#333;background:#edf1f7;overflow:hidden}a{text-decoration:none;color:#666}a:active{color:#666}a:visited{color:#666}#root___4U3cK{height:100%;overflow-y:auto}@media screen and (max-width:1399px){body,html{font-size:12px}}@media screen and (min-width:1400px){body,html{font-size:14px}}@media screen and (min-width:1600px){body,html{font-size:16px}}::-webkit-scrollbar{width:5px;height:1px}::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:#535353}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);border-radius:10px;background:#ededed}.flex-row{display:flex;flex-flow:row nowrap;justify-content:center;align-items:flex-start}.flex-column{display:flex;flex-flow:column nowrap;justify-content:center;align-items:flex-start}.div-btn{text-align:center;background-color:#b2d797;width:130px;font-size:18px;border-radius:5px;margin-left:75%;height:40px;line-height:40px}.div-btn-a{text-decoration:none;color:#fff}.container___3CLk5{max-width:1600px;margin:0 auto}.common-boxer___3GvDs{max-width:1000px;margin-top:2.1429rem;margin-left:auto;margin-right:auto;display:flex;flex-flow:column;align-items:center;position:relative}.desktop-container___2xtPY{height:100%;background:no-repeat 50%/100% 100% url(/images/bg-main@1x.png);overflow-y:auto}.btn___1tTGH{color:#fff;background-color:#106fb8}.btn-beans___3ODm6,.level-boxer___qNSeL>li,.switch___2aKJA>a{padding:.5714rem .7143rem;font-size:.8571rem;border-radius:8px;color:#666;background-color:#fff;cursor:pointer}.checkbox___37xdV{width:.9375rem;height:.9375rem;border:1px solid #000}.checkbox-choosen___3fUGe{background:#000}.card-boxer___1IAP0{width:100%;margin-bottom:2.1429rem;display:flex;flex-flow:wrap;justify-content:space-between}.level-boxer___qNSeL{width:100%;margin:0;padding:0;list-style:none}.level-boxer___qNSeL>li{float:left}.level-boxer___qNSeL>li:not(:first-child){margin-left:1.2857rem}.level-boxer___qNSeL>li.active___3MWLN{color:#fff;background:#106fb8}.level-boxer___qNSeL>li.active___3MWLN>a{color:#fff}.switch___2aKJA{position:absolute;right:0}.switch___2aKJA img{width:.7857rem;margin-left:.4286rem}.course-tech___y1A2Q .sectionslist___3mmev{width:100%;margin-bottom:7.1429rem}.course-tech___y1A2Q .sectionslist___3mmev .section___3P31E{height:270px;margin-top:1.4286rem;display:flex;flex-flow:row nowrap;box-shadow:.0714rem .0714rem .2857rem 0 rgba(0,0,0,.09);border-radius:.2857rem;background:#fff}.course-tech___y1A2Q .sectionslist___3mmev .section___3P31E .firstdiv___1oBe9{width:35%;position:relative}.course-tech___y1A2Q .sectionslist___3mmev .section___3P31E .firstdiv___1oBe9 .mask___1kbvX{width:100%;height:100%;position:absolute;top:0;background:rgba(0,0,0,.5);z-index:2}.course-tech___y1A2Q .sectionslist___3mmev .section___3P31E .firstdiv___1oBe9>img{width:100%;height:100%}.course-tech___y1A2Q .sectionslist___3mmev .section___3P31E .seconddiv___19Y6m{flex:1 1 auto;width:65%;max-width:65%;height:100%}.course-tech___y1A2Q .sectionslist___3mmev .section___3P31E .seconddiv___19Y6m .topbar___2RjrF{padding:1.2857rem;display:flex;align-items:center;border-bottom:.0714rem solid #dbdbdb}.course-tech___y1A2Q .sectionslist___3mmev .section___3P31E .seconddiv___19Y6m .topbar___2RjrF>img{width:1.4286rem;margin-left:18px;cursor:pointer}.course-tech___y1A2Q .sectionslist___3mmev .section___3P31E .seconddiv___19Y6m .topbar___2RjrF>div:first-child{width:.1429rem;height:.7857rem;float:left;border-radius:.0714rem;background-color:#106fb8}.course-tech___y1A2Q .sectionslist___3mmev .section___3P31E .seconddiv___19Y6m .topbar___2RjrF .title___1pvrV{margin-left:.5714rem;color:#333;font-size:1.2857rem}.course-tech___y1A2Q .sectionslist___3mmev .section___3P31E .seconddiv___19Y6m .topbar___2RjrF>div:last-child{margin-left:auto}.course-tech___y1A2Q .sectionslist___3mmev .section___3P31E .seconddiv___19Y6m .topbar___2RjrF>div:last-child .course-btn___1CEax{padding:.2857rem 1.0714rem;border:.0714rem solid #a0a0a0;border-radius:.1429rem;box-sizing:border-box;font-size:.8571rem;color:#a0a0a0;cursor:pointer}.course-tech___y1A2Q .sectionslist___3mmev .section___3P31E .seconddiv___19Y6m .topbar___2RjrF>div:last-child .course-btn___1CEax:hover{border-color:#106fb8;color:#fff;background-color:#106fb8}.course-tech___y1A2Q .sectionslist___3mmev .section___3P31E .seconddiv___19Y6m .topbar___2RjrF>div:last-child .course-btn___1CEax:last-child{margin-left:1.0714rem}.course-tech___y1A2Q .sectionslist___3mmev .section___3P31E .seconddiv___19Y6m .panel___3LGK4{height:62%}.course-tech___y1A2Q .sectionslist___3mmev .section___3P31E .seconddiv___19Y6m .panel___3LGK4 .classes-boxer___2MHxe{padding-top:2rem;display:flex;flex-flow:row wrap;justify-content:space-around;overflow-y:auto;height:100%}.course-tech___y1A2Q .sectionslist___3mmev .section___3P31E .seconddiv___19Y6m .panel___3LGK4 .classes-boxer___2MHxe>div{text-align:center}.course-tech___y1A2Q .sectionslist___3mmev .section___3P31E .seconddiv___19Y6m .panel___3LGK4 .classes-boxer___2MHxe>div>span{margin-top:.5714rem;display:inline-block}.course-tech___y1A2Q .sectionslist___3mmev .section___3P31E .seconddiv___19Y6m .panel___3LGK4 .classes-boxer___2MHxe .classes___B0-Ke{width:6rem;height:6rem;padding:.6429rem;box-sizing:border-box;border-radius:50%;background-color:#f8f8f8;cursor:not-allowed}.course-tech___y1A2Q .sectionslist___3mmev .section___3P31E .seconddiv___19Y6m .panel___3LGK4 .classes-boxer___2MHxe .classes___B0-Ke>div{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:.8571rem;color:#fff;background-color:#ccc}.course-tech___y1A2Q .sectionslist___3mmev .section___3P31E .seconddiv___19Y6m .panel___3LGK4 .classes-boxer___2MHxe .classes-un___QOFan{background-color:#eafbf2;cursor:pointer}.course-tech___y1A2Q .sectionslist___3mmev .section___3P31E .seconddiv___19Y6m .panel___3LGK4 .classes-boxer___2MHxe .classes-un___QOFan>div{background-color:#83d688}.course-tech___y1A2Q .sectionslist___3mmev .section___3P31E .seconddiv___19Y6m .panel___3LGK4 .classes-boxer___2MHxe .classes-ing___1W4Ri{background-color:#fff5f6;cursor:pointer}.course-tech___y1A2Q .sectionslist___3mmev .section___3P31E .seconddiv___19Y6m .panel___3LGK4 .classes-boxer___2MHxe .classes-ing___1W4Ri>div{background-color:#ff798d}
body{margin:0;padding:0}body,html{min-width:1200px;min-height:600px;font-size:16px;color:#333;background:#edf1f7;overflow:hidden}a{text-decoration:none;color:#666}a:active{color:#666}a:visited{color:#666}#root___3h7Wf{height:100%;overflow-y:auto}@media screen and (max-width:1399px){body,html{font-size:12px}}@media screen and (min-width:1400px){body,html{font-size:14px}}@media screen and (min-width:1600px){body,html{font-size:16px}}::-webkit-scrollbar{width:5px;height:1px}::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:#535353}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);border-radius:10px;background:#ededed}.flex-row{display:flex;flex-flow:row nowrap;justify-content:center;align-items:flex-start}.flex-column{display:flex;flex-flow:column nowrap;justify-content:center;align-items:flex-start}.div-btn{text-align:center;background-color:#b2d797;width:130px;font-size:18px;border-radius:5px;margin-left:75%;height:40px;line-height:40px}.div-btn-a{text-decoration:none;color:#fff}.container___1iabl{max-width:1600px;margin:0 auto}.common-boxer___2oz6L{max-width:1000px;margin-top:2.1429rem;margin-left:auto;margin-right:auto;display:flex;flex-flow:column;align-items:center;position:relative}.desktop-container___3OK36{height:100%;background:no-repeat 50%/100% 100% url(/images/bg-main@1x.png);overflow-y:auto}.btn___1TMze{color:#fff;background-color:#106fb8}.btn-beans___EkNhO,.level-boxer___b3PD5>li,.switch___10qgb>a{padding:.5714rem .7143rem;font-size:.8571rem;border-radius:8px;color:#666;background-color:#fff;cursor:pointer}.checkbox___3oBt-{width:.9375rem;height:.9375rem;border:1px solid #000}.checkbox-choosen___32Rpe{background:#000}.card-boxer___dL6Hq{width:100%;margin-bottom:2.1429rem;display:flex;flex-flow:wrap;justify-content:space-between}.level-boxer___b3PD5{width:100%;margin:0;padding:0;list-style:none}.level-boxer___b3PD5>li{float:left}.level-boxer___b3PD5>li:not(:first-child){margin-left:1.2857rem}.level-boxer___b3PD5>li.active___3OtnS{color:#fff;background:#106fb8}.level-boxer___b3PD5>li.active___3OtnS>a{color:#fff}.switch___10qgb{position:absolute;right:0}.switch___10qgb img{width:.7857rem;margin-left:.4286rem}.course-tech___2U-oD .sectionslist___3Mwal{width:100%;margin-bottom:7.1429rem}.course-tech___2U-oD .sectionslist___3Mwal .section___2y9YD{height:270px;margin-top:1.4286rem;display:flex;flex-flow:row nowrap;box-shadow:.0714rem .0714rem .2857rem 0 rgba(0,0,0,.09);border-radius:.2857rem;background:#fff}.course-tech___2U-oD .sectionslist___3Mwal .section___2y9YD .firstdiv___2fj0u{width:35%;position:relative}.course-tech___2U-oD .sectionslist___3Mwal .section___2y9YD .firstdiv___2fj0u .mask___2t3kQ{width:100%;height:100%;position:absolute;top:0;background:rgba(0,0,0,.5);z-index:2}.course-tech___2U-oD .sectionslist___3Mwal .section___2y9YD .firstdiv___2fj0u>img{width:100%;height:100%}.course-tech___2U-oD .sectionslist___3Mwal .section___2y9YD .seconddiv___2jNHd{flex:1 1 auto;width:65%;max-width:65%;height:100%}.course-tech___2U-oD .sectionslist___3Mwal .section___2y9YD .seconddiv___2jNHd .topbar___1Em0G{padding:1.2857rem;display:flex;align-items:center;border-bottom:.0714rem solid #dbdbdb}.course-tech___2U-oD .sectionslist___3Mwal .section___2y9YD .seconddiv___2jNHd .topbar___1Em0G>img{width:1.4286rem;margin-left:18px;cursor:pointer}.course-tech___2U-oD .sectionslist___3Mwal .section___2y9YD .seconddiv___2jNHd .topbar___1Em0G>div:first-child{width:.1429rem;height:.7857rem;float:left;border-radius:.0714rem;background-color:#106fb8}.course-tech___2U-oD .sectionslist___3Mwal .section___2y9YD .seconddiv___2jNHd .topbar___1Em0G .title___2qbjh{margin-left:.5714rem;color:#333;font-size:1.2857rem}.course-tech___2U-oD .sectionslist___3Mwal .section___2y9YD .seconddiv___2jNHd .topbar___1Em0G>div:last-child{margin-left:auto}.course-tech___2U-oD .sectionslist___3Mwal .section___2y9YD .seconddiv___2jNHd .topbar___1Em0G>div:last-child .course-btn___3qO2I{padding:.2857rem 1.0714rem;border:.0714rem solid #a0a0a0;border-radius:.1429rem;box-sizing:border-box;font-size:.8571rem;color:#a0a0a0;cursor:pointer}.course-tech___2U-oD .sectionslist___3Mwal .section___2y9YD .seconddiv___2jNHd .topbar___1Em0G>div:last-child .course-btn___3qO2I:hover{border-color:#106fb8;color:#fff;background-color:#106fb8}.course-tech___2U-oD .sectionslist___3Mwal .section___2y9YD .seconddiv___2jNHd .topbar___1Em0G>div:last-child .course-btn___3qO2I:last-child{margin-left:1.0714rem}.course-tech___2U-oD .sectionslist___3Mwal .section___2y9YD .seconddiv___2jNHd .panel___3hSck{height:62%}.course-tech___2U-oD .sectionslist___3Mwal .section___2y9YD .seconddiv___2jNHd .panel___3hSck .classes-boxer___1mnCa{padding-top:2rem;display:flex;flex-flow:row wrap;justify-content:space-around;overflow-y:auto;height:100%}.course-tech___2U-oD .sectionslist___3Mwal .section___2y9YD .seconddiv___2jNHd .panel___3hSck .classes-boxer___1mnCa>div{text-align:center}.course-tech___2U-oD .sectionslist___3Mwal .section___2y9YD .seconddiv___2jNHd .panel___3hSck .classes-boxer___1mnCa>div>span{margin-top:.5714rem;display:inline-block}.course-tech___2U-oD .sectionslist___3Mwal .section___2y9YD .seconddiv___2jNHd .panel___3hSck .classes-boxer___1mnCa .classes___23-x8{width:6rem;height:6rem;padding:.6429rem;box-sizing:border-box;border-radius:50%;background-color:#f8f8f8;cursor:not-allowed}.course-tech___2U-oD .sectionslist___3Mwal .section___2y9YD .seconddiv___2jNHd .panel___3hSck .classes-boxer___1mnCa .classes___23-x8>div{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:.8571rem;color:#fff;background-color:#ccc}.course-tech___2U-oD .sectionslist___3Mwal .section___2y9YD .seconddiv___2jNHd .panel___3hSck .classes-boxer___1mnCa .classes-un___jzyaq{background-color:#eafbf2;cursor:pointer}.course-tech___2U-oD .sectionslist___3Mwal .section___2y9YD .seconddiv___2jNHd .panel___3hSck .classes-boxer___1mnCa .classes-un___jzyaq>div{background-color:#83d688}.course-tech___2U-oD .sectionslist___3Mwal .section___2y9YD .seconddiv___2jNHd .panel___3hSck .classes-boxer___1mnCa .classes-ing___23UPJ{background-color:#fff5f6;cursor:pointer}.course-tech___2U-oD .sectionslist___3Mwal .section___2y9YD .seconddiv___2jNHd .panel___3hSck .classes-boxer___1mnCa .classes-ing___23UPJ>div{background-color:#ff798d}.classstatus___3p3it:hover div:first-child{display:none}.classstatus___3p3it:hover div:last-child{display:block!important;width:100%;height:100%;border-radius:50%;background:red;cursor:pointer;line-height:500%}.course-tech___2U-oD .sectionslist___3Mwal th{background-color:#f7f2f2}.course-tech___2U-oD .sectionslist___3Mwal td,.course-tech___2U-oD .sectionslist___3Mwal th{border:1px solid #bbb;text-align:center;padding:20px;font-size:14px;max-width:400px}.course-tech___2U-oD .sectionslist___3Mwal td.class___2GJSc,.course-tech___2U-oD .sectionslist___3Mwal th.class___2GJSc{padding:5px;text-align:left}.course-tech___2U-oD .sectionslist___3Mwal td.class___2GJSc button,.course-tech___2U-oD .sectionslist___3Mwal th.class___2GJSc button{font-size:12px;width:80px;height:30px;border-radius:5px;border:1px solid #bbb;background-color:#b1d211;text-align:center;margin:5px}.course-tech___2U-oD .sectionslist___3Mwal td.class___2GJSc button.selected___2Z2EO,.course-tech___2U-oD .sectionslist___3Mwal th.class___2GJSc button.selected___2Z2EO{background-color:#b1d211;border:1px solid #32cabc}.course-tech___2U-oD .sectionslist___3Mwal td.class___2GJSc button.inclass___DbiVS,.course-tech___2U-oD .sectionslist___3Mwal th.class___2GJSc button.inclass___DbiVS{background-color:red}.course-tech___2U-oD .sectionslist___3Mwal td.class___2GJSc button:hover,.course-tech___2U-oD .sectionslist___3Mwal th.class___2GJSc button:hover{cursor:pointer;opacity:.7}.course-tech___2U-oD .sectionslist___3Mwal td.class___2GJSc button:active,.course-tech___2U-oD .sectionslist___3Mwal th.class___2GJSc button:active{opacity:1}.course-tech___2U-oD .sectionslist___3Mwal td.class___2GJSc button:disabled,.course-tech___2U-oD .sectionslist___3Mwal th.class___2GJSc button:disabled{background-color:#bbb}.course-tech___2U-oD .sectionslist___3Mwal td.class___2GJSc button:disabled:hover,.course-tech___2U-oD .sectionslist___3Mwal th.class___2GJSc button:disabled:hover{cursor:not-allowed;opacity:1}.course-tech___2U-oD .sectionslist___3Mwal td.use___1UeUh,.course-tech___2U-oD .sectionslist___3Mwal th.use___1UeUh{white-space:nowrap}.course-tech___2U-oD .sectionslist___3Mwal td.use___1UeUh button,.course-tech___2U-oD .sectionslist___3Mwal th.use___1UeUh button{font-size:12px;width:80px;height:30px;border-radius:5px;border:1px solid #bbb;background-color:#b1d211}.course-tech___2U-oD .sectionslist___3Mwal td.use___1UeUh button.selected___2Z2EO,.course-tech___2U-oD .sectionslist___3Mwal th.use___1UeUh button.selected___2Z2EO{background-color:#32cabc}.course-tech___2U-oD .sectionslist___3Mwal td.use___1UeUh button:hover,.course-tech___2U-oD .sectionslist___3Mwal th.use___1UeUh button:hover{cursor:pointer;opacity:.7}.course-tech___2U-oD .sectionslist___3Mwal td.use___1UeUh button:active,.course-tech___2U-oD .sectionslist___3Mwal th.use___1UeUh button:active{opacity:1}.course-tech___2U-oD .sectionslist___3Mwal td.use___1UeUh button:disabled,.course-tech___2U-oD .sectionslist___3Mwal th.use___1UeUh button:disabled{background-color:#bbb}.course-tech___2U-oD .sectionslist___3Mwal td.use___1UeUh button:disabled:hover,.course-tech___2U-oD .sectionslist___3Mwal th.use___1UeUh button:disabled:hover{cursor:not-allowed;opacity:1}.course-tech___2U-oD .sectionslist___3Mwal td.use___1UeUh button:last-child,.course-tech___2U-oD .sectionslist___3Mwal th.use___1UeUh button:last-child{margin-left:30px}
body{margin:0;padding:0}body,html{min-width:1200px;min-height:600px;font-size:16px;color:#333;background:#edf1f7;overflow:hidden}a{text-decoration:none;color:#666}a:active{color:#666}a:visited{color:#666}#root___1i9ES{height:100%;overflow-y:auto}@media screen and (max-width:1399px){body,html{font-size:12px}}@media screen and (min-width:1400px){body,html{font-size:14px}}@media screen and (min-width:1600px){body,html{font-size:16px}}::-webkit-scrollbar{width:5px;height:1px}::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:#535353}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);border-radius:10px;background:#ededed}.flex-row{display:flex;flex-flow:row nowrap;justify-content:center;align-items:flex-start}.flex-column{display:flex;flex-flow:column nowrap;justify-content:center;align-items:flex-start}.div-btn{text-align:center;background-color:#b2d797;width:130px;font-size:18px;border-radius:5px;margin-left:75%;height:40px;line-height:40px}.div-btn-a{text-decoration:none;color:#fff}.container___1aZkd{max-width:1600px;margin:0 auto}.common-boxer___mjWVJ{max-width:1000px;margin-top:2.1429rem;margin-left:auto;margin-right:auto;display:flex;flex-flow:column;align-items:center;position:relative}.desktop-container___2YDVN{height:100%;background:no-repeat 50%/100% 100% url(/images/bg-main@1x.png);overflow-y:auto}.btn___2us5y{color:#fff;background-color:#106fb8}.btn-beans___31qE-,.level-boxer___17VZJ>li,.switch___btomq>a{padding:.5714rem .7143rem;font-size:.8571rem;border-radius:8px;color:#666;background-color:#fff;cursor:pointer}.checkbox___37cEt{width:.9375rem;height:.9375rem;border:1px solid #000}.checkbox-choosen___3acPA{background:#000}.card-boxer___2vrW9{width:100%;margin-bottom:2.1429rem;display:flex;flex-flow:wrap;justify-content:space-between}.level-boxer___17VZJ{width:100%;margin:0;padding:0;list-style:none}.level-boxer___17VZJ>li{float:left}.level-boxer___17VZJ>li:not(:first-child){margin-left:1.2857rem}.level-boxer___17VZJ>li.active___1QB-v{color:#fff;background:#106fb8}.level-boxer___17VZJ>li.active___1QB-v>a{color:#fff}.switch___btomq{position:absolute;right:0}.switch___btomq img{width:.7857rem;margin-left:.4286rem}.course-tech___2rl6n .sectionslist___-7qwl{width:100%;margin-bottom:7.1429rem}.course-tech___2rl6n .sectionslist___-7qwl .section___3_j7X{height:270px;margin-top:1.4286rem;display:flex;flex-flow:row nowrap;box-shadow:.0714rem .0714rem .2857rem 0 rgba(0,0,0,.09);border-radius:.2857rem;background:#fff}.course-tech___2rl6n .sectionslist___-7qwl .section___3_j7X .firstdiv___1cZj-{width:35%;position:relative}.course-tech___2rl6n .sectionslist___-7qwl .section___3_j7X .firstdiv___1cZj- .mask___OkhwK{width:100%;height:100%;position:absolute;top:0;background:rgba(0,0,0,.5);z-index:2}.course-tech___2rl6n .sectionslist___-7qwl .section___3_j7X .firstdiv___1cZj->img{width:100%;height:100%}.course-tech___2rl6n .sectionslist___-7qwl .section___3_j7X .seconddiv___1P9Ju{flex:1 1 auto;width:65%;max-width:65%;height:100%}.course-tech___2rl6n .sectionslist___-7qwl .section___3_j7X .seconddiv___1P9Ju .topbar___2H8UA{padding:1.2857rem;display:flex;align-items:center;border-bottom:.0714rem solid #dbdbdb}.course-tech___2rl6n .sectionslist___-7qwl .section___3_j7X .seconddiv___1P9Ju .topbar___2H8UA>img{width:1.4286rem;margin-left:18px;cursor:pointer}.course-tech___2rl6n .sectionslist___-7qwl .section___3_j7X .seconddiv___1P9Ju .topbar___2H8UA>div:first-child{width:.1429rem;height:.7857rem;float:left;border-radius:.0714rem;background-color:#106fb8}.course-tech___2rl6n .sectionslist___-7qwl .section___3_j7X .seconddiv___1P9Ju .topbar___2H8UA .title___2k9oU{margin-left:.5714rem;color:#333;font-size:1.2857rem}.course-tech___2rl6n .sectionslist___-7qwl .section___3_j7X .seconddiv___1P9Ju .topbar___2H8UA>div:last-child{margin-left:auto}.course-tech___2rl6n .sectionslist___-7qwl .section___3_j7X .seconddiv___1P9Ju .topbar___2H8UA>div:last-child .course-btn___2fhEH{padding:.2857rem 1.0714rem;border:.0714rem solid #a0a0a0;border-radius:.1429rem;box-sizing:border-box;font-size:.8571rem;color:#a0a0a0;cursor:pointer}.course-tech___2rl6n .sectionslist___-7qwl .section___3_j7X .seconddiv___1P9Ju .topbar___2H8UA>div:last-child .course-btn___2fhEH:hover{border-color:#106fb8;color:#fff;background-color:#106fb8}.course-tech___2rl6n .sectionslist___-7qwl .section___3_j7X .seconddiv___1P9Ju .topbar___2H8UA>div:last-child .course-btn___2fhEH:last-child{margin-left:1.0714rem}.course-tech___2rl6n .sectionslist___-7qwl .section___3_j7X .seconddiv___1P9Ju .panel___55XAs{height:62%}.course-tech___2rl6n .sectionslist___-7qwl .section___3_j7X .seconddiv___1P9Ju .panel___55XAs .classes-boxer___ht7eA{padding-top:2rem;display:flex;flex-flow:row wrap;justify-content:space-around;overflow-y:auto;height:100%}.course-tech___2rl6n .sectionslist___-7qwl .section___3_j7X .seconddiv___1P9Ju .panel___55XAs .classes-boxer___ht7eA>div{text-align:center}.course-tech___2rl6n .sectionslist___-7qwl .section___3_j7X .seconddiv___1P9Ju .panel___55XAs .classes-boxer___ht7eA>div>span{margin-top:.5714rem;display:inline-block}.course-tech___2rl6n .sectionslist___-7qwl .section___3_j7X .seconddiv___1P9Ju .panel___55XAs .classes-boxer___ht7eA .classes___3r1Sf{width:6rem;height:6rem;padding:.6429rem;box-sizing:border-box;border-radius:50%;background-color:#f8f8f8;cursor:not-allowed}.course-tech___2rl6n .sectionslist___-7qwl .section___3_j7X .seconddiv___1P9Ju .panel___55XAs .classes-boxer___ht7eA .classes___3r1Sf>div{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:.8571rem;color:#fff;background-color:#ccc}.course-tech___2rl6n .sectionslist___-7qwl .section___3_j7X .seconddiv___1P9Ju .panel___55XAs .classes-boxer___ht7eA .classes-un___2RTPp{background-color:#eafbf2;cursor:pointer}.course-tech___2rl6n .sectionslist___-7qwl .section___3_j7X .seconddiv___1P9Ju .panel___55XAs .classes-boxer___ht7eA .classes-un___2RTPp>div{background-color:#83d688}.course-tech___2rl6n .sectionslist___-7qwl .section___3_j7X .seconddiv___1P9Ju .panel___55XAs .classes-boxer___ht7eA .classes-ing___xRJgQ{background-color:#fff5f6;cursor:pointer}.course-tech___2rl6n .sectionslist___-7qwl .section___3_j7X .seconddiv___1P9Ju .panel___55XAs .classes-boxer___ht7eA .classes-ing___xRJgQ>div{background-color:#ff798d}.platform___33BNE{margin-bottom:2.5rem;display:flex;flex-flow:column wrap;align-items:center;justify-content:center}.platform___33BNE .rowFlex___54BIM{width:100%;display:flex;flex-flow:row wrap;align-items:center;justify-content:center}.platform___33BNE .rowFlex___54BIM>a:last-child{margin-left:1.6429rem}.platform___33BNE img{width:42.5714rem;height:21.4286rem}
body{margin:0;padding:0}body,html{min-width:1200px;min-height:600px;font-size:16px;color:#333;background:#edf1f7;overflow:hidden}a{text-decoration:none;color:#666}a:active{color:#666}a:visited{color:#666}#root___2WZTM{height:100%;overflow-y:auto}@media screen and (max-width:1399px){body,html{font-size:12px}}@media screen and (min-width:1400px){body,html{font-size:14px}}@media screen and (min-width:1600px){body,html{font-size:16px}}::-webkit-scrollbar{width:5px;height:1px}::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:#535353}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);border-radius:10px;background:#ededed}.flex-row{display:flex;flex-flow:row nowrap;justify-content:center;align-items:flex-start}.flex-column{display:flex;flex-flow:column nowrap;justify-content:center;align-items:flex-start}.div-btn{text-align:center;background-color:#b2d797;width:130px;font-size:18px;border-radius:5px;margin-left:75%;height:40px;line-height:40px}.div-btn-a{text-decoration:none;color:#fff}.container___1OA2f{max-width:1600px;margin:0 auto}.common-boxer___3QRJp{max-width:1000px;margin-top:2.1429rem;margin-left:auto;margin-right:auto;display:flex;flex-flow:column;align-items:center;position:relative}.desktop-container___19eXk{height:100%;background:no-repeat 50%/100% 100% url(/images/bg-main@1x.png);overflow-y:auto}.btn___U2-pn{color:#fff;background-color:#106fb8}.btn-beans___3jUq3,.level-boxer___3hlQL>li,.switch___1Z007>a{padding:.5714rem .7143rem;font-size:.8571rem;border-radius:8px;color:#666;background-color:#fff;cursor:pointer}.checkbox___3BRwB{width:.9375rem;height:.9375rem;border:1px solid #000}.checkbox-choosen___RKp55{background:#000}.card-boxer___c_gzy{width:100%;margin-bottom:2.1429rem;display:flex;flex-flow:wrap;justify-content:space-between}.level-boxer___3hlQL{width:100%;margin:0;padding:0;list-style:none}.level-boxer___3hlQL>li{float:left}.level-boxer___3hlQL>li:not(:first-child){margin-left:1.2857rem}.level-boxer___3hlQL>li.active___2tu30{color:#fff;background:#106fb8}.level-boxer___3hlQL>li.active___2tu30>a{color:#fff}.switch___1Z007{position:absolute;right:0}.switch___1Z007 img{width:.7857rem;margin-left:.4286rem}.course-tech___2ituv .sectionslist___1HyC6{width:100%;margin-bottom:7.1429rem}.course-tech___2ituv .sectionslist___1HyC6 .section___38B9z{height:270px;margin-top:1.4286rem;display:flex;flex-flow:row nowrap;box-shadow:.0714rem .0714rem .2857rem 0 rgba(0,0,0,.09);border-radius:.2857rem;background:#fff}.course-tech___2ituv .sectionslist___1HyC6 .section___38B9z .firstdiv___1R8Nr{width:35%;position:relative}.course-tech___2ituv .sectionslist___1HyC6 .section___38B9z .firstdiv___1R8Nr .mask___njBGu{width:100%;height:100%;position:absolute;top:0;background:rgba(0,0,0,.5);z-index:2}.course-tech___2ituv .sectionslist___1HyC6 .section___38B9z .firstdiv___1R8Nr>img{width:100%;height:100%}.course-tech___2ituv .sectionslist___1HyC6 .section___38B9z .seconddiv___2cp-u{flex:1 1 auto;width:65%;max-width:65%;height:100%}.course-tech___2ituv .sectionslist___1HyC6 .section___38B9z .seconddiv___2cp-u .topbar___3SrAT{padding:1.2857rem;display:flex;align-items:center;border-bottom:.0714rem solid #dbdbdb}.course-tech___2ituv .sectionslist___1HyC6 .section___38B9z .seconddiv___2cp-u .topbar___3SrAT>img{width:1.4286rem;margin-left:18px;cursor:pointer}.course-tech___2ituv .sectionslist___1HyC6 .section___38B9z .seconddiv___2cp-u .topbar___3SrAT>div:first-child{width:.1429rem;height:.7857rem;float:left;border-radius:.0714rem;background-color:#106fb8}.course-tech___2ituv .sectionslist___1HyC6 .section___38B9z .seconddiv___2cp-u .topbar___3SrAT .title___I9qEI{margin-left:.5714rem;color:#333;font-size:1.2857rem}.course-tech___2ituv .sectionslist___1HyC6 .section___38B9z .seconddiv___2cp-u .topbar___3SrAT>div:last-child{margin-left:auto}.course-tech___2ituv .sectionslist___1HyC6 .section___38B9z .seconddiv___2cp-u .topbar___3SrAT>div:last-child .course-btn___3YleT{padding:.2857rem 1.0714rem;border:.0714rem solid #a0a0a0;border-radius:.1429rem;box-sizing:border-box;font-size:.8571rem;color:#a0a0a0;cursor:pointer}.course-tech___2ituv .sectionslist___1HyC6 .section___38B9z .seconddiv___2cp-u .topbar___3SrAT>div:last-child .course-btn___3YleT:hover{border-color:#106fb8;color:#fff;background-color:#106fb8}.course-tech___2ituv .sectionslist___1HyC6 .section___38B9z .seconddiv___2cp-u .topbar___3SrAT>div:last-child .course-btn___3YleT:last-child{margin-left:1.0714rem}.course-tech___2ituv .sectionslist___1HyC6 .section___38B9z .seconddiv___2cp-u .panel___rfqMK{height:62%}.course-tech___2ituv .sectionslist___1HyC6 .section___38B9z .seconddiv___2cp-u .panel___rfqMK .classes-boxer___3ItEe{padding-top:2rem;display:flex;flex-flow:row wrap;justify-content:space-around;overflow-y:auto;height:100%}.course-tech___2ituv .sectionslist___1HyC6 .section___38B9z .seconddiv___2cp-u .panel___rfqMK .classes-boxer___3ItEe>div{text-align:center}.course-tech___2ituv .sectionslist___1HyC6 .section___38B9z .seconddiv___2cp-u .panel___rfqMK .classes-boxer___3ItEe>div>span{margin-top:.5714rem;display:inline-block}.course-tech___2ituv .sectionslist___1HyC6 .section___38B9z .seconddiv___2cp-u .panel___rfqMK .classes-boxer___3ItEe .classes___gOE3h{width:6rem;height:6rem;padding:.6429rem;box-sizing:border-box;border-radius:50%;background-color:#f8f8f8;cursor:not-allowed}.course-tech___2ituv .sectionslist___1HyC6 .section___38B9z .seconddiv___2cp-u .panel___rfqMK .classes-boxer___3ItEe .classes___gOE3h>div{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:.8571rem;color:#fff;background-color:#ccc}.course-tech___2ituv .sectionslist___1HyC6 .section___38B9z .seconddiv___2cp-u .panel___rfqMK .classes-boxer___3ItEe .classes-un___3R13j{background-color:#eafbf2;cursor:pointer}.course-tech___2ituv .sectionslist___1HyC6 .section___38B9z .seconddiv___2cp-u .panel___rfqMK .classes-boxer___3ItEe .classes-un___3R13j>div{background-color:#83d688}.course-tech___2ituv .sectionslist___1HyC6 .section___38B9z .seconddiv___2cp-u .panel___rfqMK .classes-boxer___3ItEe .classes-ing___2LLr_{background-color:#fff5f6;cursor:pointer}.course-tech___2ituv .sectionslist___1HyC6 .section___38B9z .seconddiv___2cp-u .panel___rfqMK .classes-boxer___3ItEe .classes-ing___2LLr_>div{background-color:#ff798d}.classstatus___3dMSV:hover div:first-child{display:none}.classstatus___3dMSV:hover div:last-child{display:block!important;width:100%;height:100%;border-radius:50%;background:red;cursor:pointer;line-height:500%}.titlelink___2kA93{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;margin-bottom:10px}.titlelink___2kA93 a{width:60px;border-radius:5px;background:#fff;text-align:center;padding:5px}.titlelink___2kA93 .selectedlink___2t4J-{background:#106fb8;color:#fff}
body{margin:0;padding:0}body,html{min-width:1200px;min-height:600px;font-size:16px;color:#333;background:#edf1f7;overflow:hidden}a{text-decoration:none;color:#666}a:active{color:#666}a:visited{color:#666}#root___3YMF-{height:100%;overflow-y:auto}@media screen and (max-width:1399px){body,html{font-size:12px}}@media screen and (min-width:1400px){body,html{font-size:14px}}@media screen and (min-width:1600px){body,html{font-size:16px}}::-webkit-scrollbar{width:5px;height:1px}::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:#535353}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);border-radius:10px;background:#ededed}.flex-row{display:flex;flex-flow:row nowrap;justify-content:center;align-items:flex-start}.flex-column{display:flex;flex-flow:column nowrap;justify-content:center;align-items:flex-start}.div-btn{text-align:center;background-color:#b2d797;width:130px;font-size:18px;border-radius:5px;margin-left:75%;height:40px;line-height:40px}.div-btn-a{text-decoration:none;color:#fff}.container___3_VPG{max-width:1600px;margin:0 auto}.common-boxer___31hZi{max-width:1000px;margin-top:2.1429rem;margin-left:auto;margin-right:auto;display:flex;flex-flow:column;align-items:center;position:relative}.desktop-container___2jiFJ{height:100%;background:no-repeat 50%/100% 100% url(/images/bg-main@1x.png);overflow-y:auto}.btn___2xXzt{color:#fff;background-color:#106fb8}.btn-beans___1ERP6,.level-boxer___dwk_d>li,.switch___2CaXz>a{padding:.5714rem .7143rem;font-size:.8571rem;border-radius:8px;color:#666;background-color:#fff;cursor:pointer}.checkbox___38pxc{width:.9375rem;height:.9375rem;border:1px solid #000}.checkbox-choosen___3fZdU{background:#000}.card-boxer___zM-Q3{width:100%;margin-bottom:2.1429rem;display:flex;flex-flow:wrap;justify-content:space-between}.level-boxer___dwk_d{width:100%;margin:0;padding:0;list-style:none}.level-boxer___dwk_d>li{float:left}.level-boxer___dwk_d>li:not(:first-child){margin-left:1.2857rem}.level-boxer___dwk_d>li.active___56LJG{color:#fff;background:#106fb8}.level-boxer___dwk_d>li.active___56LJG>a{color:#fff}.switch___2CaXz{position:absolute;right:0}.switch___2CaXz img{width:.7857rem;margin-left:.4286rem}.course-tech___cIm2L .sectionslist___1CExo{width:100%;margin-bottom:7.1429rem}.course-tech___cIm2L .sectionslist___1CExo .section___qvQM3{height:270px;margin-top:1.4286rem;display:flex;flex-flow:row nowrap;box-shadow:.0714rem .0714rem .2857rem 0 rgba(0,0,0,.09);border-radius:.2857rem;background:#fff}.course-tech___cIm2L .sectionslist___1CExo .section___qvQM3 .firstdiv___1fsWj{width:35%;position:relative}.course-tech___cIm2L .sectionslist___1CExo .section___qvQM3 .firstdiv___1fsWj .mask___3nE9B{width:100%;height:100%;position:absolute;top:0;background:rgba(0,0,0,.5);z-index:2}.course-tech___cIm2L .sectionslist___1CExo .section___qvQM3 .firstdiv___1fsWj>img{width:100%;height:100%}.course-tech___cIm2L .sectionslist___1CExo .section___qvQM3 .seconddiv___1ammx{flex:1 1 auto;width:65%;max-width:65%;height:100%}.course-tech___cIm2L .sectionslist___1CExo .section___qvQM3 .seconddiv___1ammx .topbar___3nf2t{padding:1.2857rem;display:flex;align-items:center;border-bottom:.0714rem solid #dbdbdb}.course-tech___cIm2L .sectionslist___1CExo .section___qvQM3 .seconddiv___1ammx .topbar___3nf2t>img{width:1.4286rem;margin-left:18px;cursor:pointer}.course-tech___cIm2L .sectionslist___1CExo .section___qvQM3 .seconddiv___1ammx .topbar___3nf2t>div:first-child{width:.1429rem;height:.7857rem;float:left;border-radius:.0714rem;background-color:#106fb8}.course-tech___cIm2L .sectionslist___1CExo .section___qvQM3 .seconddiv___1ammx .topbar___3nf2t .title___UWBtK{margin-left:.5714rem;color:#333;font-size:1.2857rem}.course-tech___cIm2L .sectionslist___1CExo .section___qvQM3 .seconddiv___1ammx .topbar___3nf2t>div:last-child{margin-left:auto}.course-tech___cIm2L .sectionslist___1CExo .section___qvQM3 .seconddiv___1ammx .topbar___3nf2t>div:last-child .course-btn___3vQvG{padding:.2857rem 1.0714rem;border:.0714rem solid #a0a0a0;border-radius:.1429rem;box-sizing:border-box;font-size:.8571rem;color:#a0a0a0;cursor:pointer}.course-tech___cIm2L .sectionslist___1CExo .section___qvQM3 .seconddiv___1ammx .topbar___3nf2t>div:last-child .course-btn___3vQvG:hover{border-color:#106fb8;color:#fff;background-color:#106fb8}.course-tech___cIm2L .sectionslist___1CExo .section___qvQM3 .seconddiv___1ammx .topbar___3nf2t>div:last-child .course-btn___3vQvG:last-child{margin-left:1.0714rem}.course-tech___cIm2L .sectionslist___1CExo .section___qvQM3 .seconddiv___1ammx .panel___1q5si{height:62%}.course-tech___cIm2L .sectionslist___1CExo .section___qvQM3 .seconddiv___1ammx .panel___1q5si .classes-boxer___2Yos5{padding-top:2rem;display:flex;flex-flow:row wrap;justify-content:space-around;overflow-y:auto;height:100%}.course-tech___cIm2L .sectionslist___1CExo .section___qvQM3 .seconddiv___1ammx .panel___1q5si .classes-boxer___2Yos5>div{text-align:center}.course-tech___cIm2L .sectionslist___1CExo .section___qvQM3 .seconddiv___1ammx .panel___1q5si .classes-boxer___2Yos5>div>span{margin-top:.5714rem;display:inline-block}.course-tech___cIm2L .sectionslist___1CExo .section___qvQM3 .seconddiv___1ammx .panel___1q5si .classes-boxer___2Yos5 .classes___3leyv{width:6rem;height:6rem;padding:.6429rem;box-sizing:border-box;border-radius:50%;background-color:#f8f8f8;cursor:not-allowed}.course-tech___cIm2L .sectionslist___1CExo .section___qvQM3 .seconddiv___1ammx .panel___1q5si .classes-boxer___2Yos5 .classes___3leyv>div{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:.8571rem;color:#fff;background-color:#ccc}.course-tech___cIm2L .sectionslist___1CExo .section___qvQM3 .seconddiv___1ammx .panel___1q5si .classes-boxer___2Yos5 .classes-un___38wM6{background-color:#eafbf2;cursor:pointer}.course-tech___cIm2L .sectionslist___1CExo .section___qvQM3 .seconddiv___1ammx .panel___1q5si .classes-boxer___2Yos5 .classes-un___38wM6>div{background-color:#83d688}.course-tech___cIm2L .sectionslist___1CExo .section___qvQM3 .seconddiv___1ammx .panel___1q5si .classes-boxer___2Yos5 .classes-ing___AjX1X{background-color:#fff5f6;cursor:pointer}.course-tech___cIm2L .sectionslist___1CExo .section___qvQM3 .seconddiv___1ammx .panel___1q5si .classes-boxer___2Yos5 .classes-ing___AjX1X>div{background-color:#ff798d}.classstatus___1h-zd:hover div:first-child{display:none}.classstatus___1h-zd:hover div:last-child{display:block!important;width:100%;height:100%;border-radius:50%;background:red;cursor:pointer;line-height:500%}
body{margin:0;padding:0}body,html{min-width:1200px;min-height:600px;font-size:16px;color:#333;background:#edf1f7;overflow:hidden}a{text-decoration:none;color:#666}a:active{color:#666}a:visited{color:#666}#root___3pPjF{height:100%;overflow-y:auto}@media screen and (max-width:1399px){body,html{font-size:12px}}@media screen and (min-width:1400px){body,html{font-size:14px}}@media screen and (min-width:1600px){body,html{font-size:16px}}::-webkit-scrollbar{width:5px;height:1px}::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:#535353}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);border-radius:10px;background:#ededed}.flex-row{display:flex;flex-flow:row nowrap;justify-content:center;align-items:flex-start}.flex-column{display:flex;flex-flow:column nowrap;justify-content:center;align-items:flex-start}.div-btn{text-align:center;background-color:#b2d797;width:130px;font-size:18px;border-radius:5px;margin-left:75%;height:40px;line-height:40px}.div-btn-a{text-decoration:none;color:#fff}.container___1zNfW{max-width:1600px;margin:0 auto}.common-boxer___3RKuf{max-width:1000px;margin-top:2.1429rem;margin-left:auto;margin-right:auto;display:flex;flex-flow:column;align-items:center;position:relative}.desktop-container___2mShU{height:100%;background:no-repeat 50%/100% 100% url(/images/bg-main@1x.png);overflow-y:auto}.btn___3bkXu{color:#fff;background-color:#106fb8}.btn-beans___3YmuW,.level-boxer___Y0cF3>li,.switch___34zYi>a{padding:.5714rem .7143rem;font-size:.8571rem;border-radius:8px;color:#666;background-color:#fff;cursor:pointer}.checkbox___VNsWU{width:.9375rem;height:.9375rem;border:1px solid #000}.checkbox-choosen___3IWOu{background:#000}.card-boxer___19O1z{width:100%;margin-bottom:2.1429rem;display:flex;flex-flow:wrap;justify-content:space-between}.level-boxer___Y0cF3{width:100%;margin:0;padding:0;list-style:none}.level-boxer___Y0cF3>li{float:left}.level-boxer___Y0cF3>li:not(:first-child){margin-left:1.2857rem}.level-boxer___Y0cF3>li.active___2bFwS{color:#fff;background:#106fb8}.level-boxer___Y0cF3>li.active___2bFwS>a{color:#fff}.switch___34zYi{position:absolute;right:0}.switch___34zYi img{width:.7857rem;margin-left:.4286rem}.course-tech___2p5ON .sectionslist___1x1CP{width:100%;margin-bottom:7.1429rem}.course-tech___2p5ON .sectionslist___1x1CP .section___3myyk{height:270px;margin-top:1.4286rem;display:flex;flex-flow:row nowrap;box-shadow:.0714rem .0714rem .2857rem 0 rgba(0,0,0,.09);border-radius:.2857rem;background:#fff}.course-tech___2p5ON .sectionslist___1x1CP .section___3myyk .firstdiv___3U8cD{width:35%;position:relative}.course-tech___2p5ON .sectionslist___1x1CP .section___3myyk .firstdiv___3U8cD .mask___GI49w{width:100%;height:100%;position:absolute;top:0;background:rgba(0,0,0,.5);z-index:2}.course-tech___2p5ON .sectionslist___1x1CP .section___3myyk .firstdiv___3U8cD>img{width:100%;height:100%}.course-tech___2p5ON .sectionslist___1x1CP .section___3myyk .seconddiv___1KpeG{flex:1 1 auto;width:65%;max-width:65%;height:100%}.course-tech___2p5ON .sectionslist___1x1CP .section___3myyk .seconddiv___1KpeG .topbar___4qNUh{padding:1.2857rem;display:flex;align-items:center;border-bottom:.0714rem solid #dbdbdb}.course-tech___2p5ON .sectionslist___1x1CP .section___3myyk .seconddiv___1KpeG .topbar___4qNUh>img{width:1.4286rem;margin-left:18px;cursor:pointer}.course-tech___2p5ON .sectionslist___1x1CP .section___3myyk .seconddiv___1KpeG .topbar___4qNUh>div:first-child{width:.1429rem;height:.7857rem;float:left;border-radius:.0714rem;background-color:#106fb8}.course-tech___2p5ON .sectionslist___1x1CP .section___3myyk .seconddiv___1KpeG .topbar___4qNUh .title___2bh9j{margin-left:.5714rem;color:#333;font-size:1.2857rem}.course-tech___2p5ON .sectionslist___1x1CP .section___3myyk .seconddiv___1KpeG .topbar___4qNUh>div:last-child{margin-left:auto}.course-tech___2p5ON .sectionslist___1x1CP .section___3myyk .seconddiv___1KpeG .topbar___4qNUh>div:last-child .course-btn___vt7n9{padding:.2857rem 1.0714rem;border:.0714rem solid #a0a0a0;border-radius:.1429rem;box-sizing:border-box;font-size:.8571rem;color:#a0a0a0;cursor:pointer}.course-tech___2p5ON .sectionslist___1x1CP .section___3myyk .seconddiv___1KpeG .topbar___4qNUh>div:last-child .course-btn___vt7n9:hover{border-color:#106fb8;color:#fff;background-color:#106fb8}.course-tech___2p5ON .sectionslist___1x1CP .section___3myyk .seconddiv___1KpeG .topbar___4qNUh>div:last-child .course-btn___vt7n9:last-child{margin-left:1.0714rem}.course-tech___2p5ON .sectionslist___1x1CP .section___3myyk .seconddiv___1KpeG .panel___1D9nY{height:62%}.course-tech___2p5ON .sectionslist___1x1CP .section___3myyk .seconddiv___1KpeG .panel___1D9nY .classes-boxer___1cNtm{padding-top:2rem;display:flex;flex-flow:row wrap;justify-content:space-around;overflow-y:auto;height:100%}.course-tech___2p5ON .sectionslist___1x1CP .section___3myyk .seconddiv___1KpeG .panel___1D9nY .classes-boxer___1cNtm>div{text-align:center}.course-tech___2p5ON .sectionslist___1x1CP .section___3myyk .seconddiv___1KpeG .panel___1D9nY .classes-boxer___1cNtm>div>span{margin-top:.5714rem;display:inline-block}.course-tech___2p5ON .sectionslist___1x1CP .section___3myyk .seconddiv___1KpeG .panel___1D9nY .classes-boxer___1cNtm .classes___3NTUu{width:6rem;height:6rem;padding:.6429rem;box-sizing:border-box;border-radius:50%;background-color:#f8f8f8;cursor:not-allowed}.course-tech___2p5ON .sectionslist___1x1CP .section___3myyk .seconddiv___1KpeG .panel___1D9nY .classes-boxer___1cNtm .classes___3NTUu>div{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:.8571rem;color:#fff;background-color:#ccc}.course-tech___2p5ON .sectionslist___1x1CP .section___3myyk .seconddiv___1KpeG .panel___1D9nY .classes-boxer___1cNtm .classes-un___39jU4{background-color:#eafbf2;cursor:pointer}.course-tech___2p5ON .sectionslist___1x1CP .section___3myyk .seconddiv___1KpeG .panel___1D9nY .classes-boxer___1cNtm .classes-un___39jU4>div{background-color:#83d688}.course-tech___2p5ON .sectionslist___1x1CP .section___3myyk .seconddiv___1KpeG .panel___1D9nY .classes-boxer___1cNtm .classes-ing___2nVU_{background-color:#fff5f6;cursor:pointer}.course-tech___2p5ON .sectionslist___1x1CP .section___3myyk .seconddiv___1KpeG .panel___1D9nY .classes-boxer___1cNtm .classes-ing___2nVU_>div{background-color:#ff798d}.classstatus___2_Ov1:hover div:first-child{display:none}.classstatus___2_Ov1:hover div:last-child{display:block!important;width:100%;height:100%;border-radius:50%;background:red;cursor:pointer;line-height:500%}.course___OeVe_{display:flex;flex-flow:row nowrap;align-items:flex-start;justify-content:center}.course___OeVe_ .sectionslist___1x1CP{min-width:65%;display:flex;border-radius:.4rem;flex-flow:column wrap;align-items:center;justify-content:flex-start;padding:2rem 0}.course___OeVe_ .sectionslist___1x1CP .section___3myyk{display:flex;position:relative;flex-flow:row nowrap;align-items:center;justify-content:center;width:90%;margin:1rem 2rem;border-bottom:4px solid #4abaff;padding-bottom:2rem}.course___OeVe_ .sectionslist___1x1CP .section___3myyk img{width:10rem}.course___OeVe_ .sectionslist___1x1CP .section___3myyk .firstdiv___3U8cD,.course___OeVe_ .sectionslist___1x1CP .section___3myyk .seconddiv___1KpeG{display:inline-flex;flex-flow:column wrap;align-items:center;justify-content:flex-start;margin-right:5%}.course___OeVe_ .sectionslist___1x1CP .section___3myyk div.firstdiv___3U8cD{width:30%}.course___OeVe_ .sectionslist___1x1CP .section___3myyk div.seconddiv___1KpeG{width:60%}.course___OeVe_ .sectionslist___1x1CP .section___3myyk div.seconddiv___1KpeG div{display:inline-flex;flex-flow:row wrap;align-items:center;justify-content:flex-start;width:100%;padding:.3rem .5rem}.course___OeVe_ .sectionslist___1x1CP .section___3myyk div.seconddiv___1KpeG div span{padding:.5rem;border:1px solid #4abaff;border-radius:.4rem;width:4rem;text-align:center}.course___OeVe_ .sectionslist___1x1CP .section___3myyk div.seconddiv___1KpeG div div{width:80%}.course___OeVe_ .sectionslist___1x1CP .section___3myyk div.seconddiv___1KpeG div div a{font-size:12px;width:80px;height:30px;border-radius:.4rem;border:1px solid #4abaff;background:#fff;text-align:center;line-height:30px;text-decoration:none;cursor:pointer;color:#000}.course___OeVe_ .sectionslist___1x1CP .section___3myyk div.seconddiv___1KpeG div div.class___3RoaC{padding:5px;text-align:left}.course___OeVe_ .sectionslist___1x1CP .section___3myyk div.seconddiv___1KpeG div div.class___3RoaC button{font-size:12px;width:80px;height:30px;border-radius:5px;border:1px solid #bbb;background-color:#4abaff;text-align:center;margin:5px}.course___OeVe_ .sectionslist___1x1CP .section___3myyk div.seconddiv___1KpeG div div.class___3RoaC button.selected___1tfMY{background-color:#b1d211;border:1px solid #32cabc}.course___OeVe_ .sectionslist___1x1CP .section___3myyk div.seconddiv___1KpeG div div.class___3RoaC button:hover{cursor:pointer;opacity:.7}.course___OeVe_ .sectionslist___1x1CP .section___3myyk div.seconddiv___1KpeG div div.class___3RoaC button:active{opacity:1}.course___OeVe_ .sectionslist___1x1CP .section___3myyk div.seconddiv___1KpeG div div.class___3RoaC button:disabled{background-color:#bbb}.course___OeVe_ .sectionslist___1x1CP .section___3myyk div.seconddiv___1KpeG div div.class___3RoaC button:disabled:hover{cursor:not-allowed;opacity:1}.course___OeVe_ .sectionslist___1x1CP .section___3myyk div.seconddiv___1KpeG div div.class___3RoaC button.inclass___2V5FB{background-color:red}.course___OeVe_ .sectionslist___1x1CP .section___3myyk div.seconddiv___1KpeG div div.use___3s5tc{white-space:nowrap}.course___OeVe_ .sectionslist___1x1CP .section___3myyk div.seconddiv___1KpeG div div.use___3s5tc button{font-size:12px;width:80px;height:30px;border-radius:5px;border:1px solid #bbb;background-color:#4abaff;margin-right:.2rem}.course___OeVe_ .sectionslist___1x1CP .section___3myyk div.seconddiv___1KpeG div div.use___3s5tc button.selected___1tfMY{background-color:#32cabc}.course___OeVe_ .sectionslist___1x1CP .section___3myyk div.seconddiv___1KpeG div div.use___3s5tc button:hover{cursor:pointer;opacity:.7}.course___OeVe_ .sectionslist___1x1CP .section___3myyk div.seconddiv___1KpeG div div.use___3s5tc button:active{opacity:1}.course___OeVe_ .sectionslist___1x1CP .section___3myyk div.seconddiv___1KpeG div div.use___3s5tc button:disabled{background-color:#bbb}.course___OeVe_ .sectionslist___1x1CP .section___3myyk div.seconddiv___1KpeG div div.use___3s5tc button:disabled:hover{cursor:not-allowed;opacity:1}.course___OeVe_ .sectionslist___1x1CP .section___3myyk div.seconddiv___1KpeG div div.use___3s5tc button.inclass___2V5FB{background-color:red}.course___OeVe_ .sectionslist___1x1CP .lock___UZiKQ{position:absolute;background-image:url(/images/lock.png);background-repeat:no-repeat;height:100%;background-position-x:center;width:100%;opacity:1}.course___OeVe_ .sectionslist___1x1CP th{background-color:#f7f2f2}.course___OeVe_ .sectionslist___1x1CP td,.course___OeVe_ .sectionslist___1x1CP th{border:1px solid #bbb;text-align:center;padding:20px;font-size:14px;max-width:400px}.course___OeVe_ .sectionslist___1x1CP td.class___3RoaC,.course___OeVe_ .sectionslist___1x1CP th.class___3RoaC{padding:5px;text-align:left}.course___OeVe_ .sectionslist___1x1CP td.class___3RoaC button,.course___OeVe_ .sectionslist___1x1CP th.class___3RoaC button{font-size:12px;width:80px;height:30px;border-radius:5px;border:1px solid #bbb;background-color:#b1d211;text-align:center;margin:5px}.course___OeVe_ .sectionslist___1x1CP td.class___3RoaC button.selected___1tfMY,.course___OeVe_ .sectionslist___1x1CP th.class___3RoaC button.selected___1tfMY{background-color:#b1d211;border:1px solid #32cabc}.course___OeVe_ .sectionslist___1x1CP td.class___3RoaC button.inclass___2V5FB,.course___OeVe_ .sectionslist___1x1CP th.class___3RoaC button.inclass___2V5FB{background-color:red}.course___OeVe_ .sectionslist___1x1CP td.class___3RoaC button:hover,.course___OeVe_ .sectionslist___1x1CP th.class___3RoaC button:hover{cursor:pointer;opacity:.7}.course___OeVe_ .sectionslist___1x1CP td.class___3RoaC button:active,.course___OeVe_ .sectionslist___1x1CP th.class___3RoaC button:active{opacity:1}.course___OeVe_ .sectionslist___1x1CP td.class___3RoaC button:disabled,.course___OeVe_ .sectionslist___1x1CP th.class___3RoaC button:disabled{background-color:#bbb}.course___OeVe_ .sectionslist___1x1CP td.class___3RoaC button:disabled:hover,.course___OeVe_ .sectionslist___1x1CP th.class___3RoaC button:disabled:hover{cursor:not-allowed;opacity:1}.course___OeVe_ .sectionslist___1x1CP td.use___3s5tc,.course___OeVe_ .sectionslist___1x1CP th.use___3s5tc{white-space:nowrap}.course___OeVe_ .sectionslist___1x1CP td.use___3s5tc button,.course___OeVe_ .sectionslist___1x1CP th.use___3s5tc button{font-size:12px;width:80px;height:30px;border-radius:5px;border:1px solid #bbb;background-color:#b1d211}.course___OeVe_ .sectionslist___1x1CP td.use___3s5tc button.selected___1tfMY,.course___OeVe_ .sectionslist___1x1CP th.use___3s5tc button.selected___1tfMY{background-color:#32cabc}.course___OeVe_ .sectionslist___1x1CP td.use___3s5tc button:hover,.course___OeVe_ .sectionslist___1x1CP th.use___3s5tc button:hover{cursor:pointer;opacity:.7}.course___OeVe_ .sectionslist___1x1CP td.use___3s5tc button:active,.course___OeVe_ .sectionslist___1x1CP th.use___3s5tc button:active{opacity:1}.course___OeVe_ .sectionslist___1x1CP td.use___3s5tc button:disabled,.course___OeVe_ .sectionslist___1x1CP th.use___3s5tc button:disabled{background-color:#bbb}.course___OeVe_ .sectionslist___1x1CP td.use___3s5tc button:disabled:hover,.course___OeVe_ .sectionslist___1x1CP th.use___3s5tc button:disabled:hover{cursor:not-allowed;opacity:1}.course___OeVe_ .sectionslist___1x1CP td.use___3s5tc button:last-child,.course___OeVe_ .sectionslist___1x1CP th.use___3s5tc button:last-child{margin-left:30px}.titlelink___15lbH{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;margin-bottom:10px}.titlelink___15lbH a{width:80px;border-radius:5px;background:#fff;text-align:center;padding:5px;color:#000}.titlelink___15lbH .selectedlink___g1TYH{background:#106fb8;color:#fff}
svg{width:auto!important}
body{margin:0;padding:0}body,html{min-width:1200px;min-height:600px;font-size:16px;color:#333;background:#edf1f7;overflow:hidden}a{text-decoration:none;color:#666}a:active{color:#666}a:visited{color:#666}#root___2rLRV{height:100%;overflow-y:auto}@media screen and (max-width:1399px){body,html{font-size:12px}}@media screen and (min-width:1400px){body,html{font-size:14px}}@media screen and (min-width:1600px){body,html{font-size:16px}}::-webkit-scrollbar{width:5px;height:1px}::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:#535353}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);border-radius:10px;background:#ededed}.flex-row{display:flex;flex-flow:row nowrap;justify-content:center;align-items:flex-start}.flex-column{display:flex;flex-flow:column nowrap;justify-content:center;align-items:flex-start}.div-btn{text-align:center;background-color:#b2d797;width:130px;font-size:18px;border-radius:5px;margin-left:75%;height:40px;line-height:40px}.div-btn-a{text-decoration:none;color:#fff}.container___3AbQ0{max-width:1600px;margin:0 auto}.common-boxer___ySpBi{max-width:1000px;margin-top:2.1429rem;margin-left:auto;margin-right:auto;display:flex;flex-flow:column;align-items:center;position:relative}.desktop-container___KcIKo{height:100%;background:no-repeat 50%/100% 100% url(/images/bg-main@1x.png);overflow-y:auto}.btn___3FwCl{color:#fff;background-color:#106fb8}.btn-beans___2Sx40,.level-boxer___3Elx6>li,.switch___1azsl>a{padding:.5714rem .7143rem;font-size:.8571rem;border-radius:8px;color:#666;background-color:#fff;cursor:pointer}.checkbox___3Rxwm{width:.9375rem;height:.9375rem;border:1px solid #000}.checkbox-choosen___3KYWc{background:#000}.card-boxer___3JZEB{width:100%;margin-bottom:2.1429rem;display:flex;flex-flow:wrap;justify-content:space-between}.level-boxer___3Elx6{width:100%;margin:0;padding:0;list-style:none}.level-boxer___3Elx6>li{float:left}.level-boxer___3Elx6>li:not(:first-child){margin-left:1.2857rem}.level-boxer___3Elx6>li.active___y0bkT{color:#fff;background:#106fb8}.level-boxer___3Elx6>li.active___y0bkT>a{color:#fff}.switch___1azsl{position:absolute;right:0}.switch___1azsl img{width:.7857rem;margin-left:.4286rem}.course-tech___GR8xg .sectionslist___16C6P{width:100%;margin-bottom:7.1429rem}.course-tech___GR8xg .sectionslist___16C6P .section___3zUlq{height:270px;margin-top:1.4286rem;display:flex;flex-flow:row nowrap;box-shadow:.0714rem .0714rem .2857rem 0 rgba(0,0,0,.09);border-radius:.2857rem;background:#fff}.course-tech___GR8xg .sectionslist___16C6P .section___3zUlq .firstdiv___2viW7{width:35%;position:relative}.course-tech___GR8xg .sectionslist___16C6P .section___3zUlq .firstdiv___2viW7 .mask___17VDi{width:100%;height:100%;position:absolute;top:0;background:rgba(0,0,0,.5);z-index:2}.course-tech___GR8xg .sectionslist___16C6P .section___3zUlq .firstdiv___2viW7>img{width:100%;height:100%}.course-tech___GR8xg .sectionslist___16C6P .section___3zUlq .seconddiv___1eP4I{flex:1 1 auto;width:65%;max-width:65%;height:100%}.course-tech___GR8xg .sectionslist___16C6P .section___3zUlq .seconddiv___1eP4I .topbar___3uO3Q{padding:1.2857rem;display:flex;align-items:center;border-bottom:.0714rem solid #dbdbdb}.course-tech___GR8xg .sectionslist___16C6P .section___3zUlq .seconddiv___1eP4I .topbar___3uO3Q>img{width:1.4286rem;margin-left:18px;cursor:pointer}.course-tech___GR8xg .sectionslist___16C6P .section___3zUlq .seconddiv___1eP4I .topbar___3uO3Q>div:first-child{width:.1429rem;height:.7857rem;float:left;border-radius:.0714rem;background-color:#106fb8}.course-tech___GR8xg .sectionslist___16C6P .section___3zUlq .seconddiv___1eP4I .topbar___3uO3Q .title___wNimF{margin-left:.5714rem;color:#333;font-size:1.2857rem}.course-tech___GR8xg .sectionslist___16C6P .section___3zUlq .seconddiv___1eP4I .topbar___3uO3Q>div:last-child{margin-left:auto}.course-tech___GR8xg .sectionslist___16C6P .section___3zUlq .seconddiv___1eP4I .topbar___3uO3Q>div:last-child .course-btn___3NbbT{padding:.2857rem 1.0714rem;border:.0714rem solid #a0a0a0;border-radius:.1429rem;box-sizing:border-box;font-size:.8571rem;color:#a0a0a0;cursor:pointer}.course-tech___GR8xg .sectionslist___16C6P .section___3zUlq .seconddiv___1eP4I .topbar___3uO3Q>div:last-child .course-btn___3NbbT:hover{border-color:#106fb8;color:#fff;background-color:#106fb8}.course-tech___GR8xg .sectionslist___16C6P .section___3zUlq .seconddiv___1eP4I .topbar___3uO3Q>div:last-child .course-btn___3NbbT:last-child{margin-left:1.0714rem}.course-tech___GR8xg .sectionslist___16C6P .section___3zUlq .seconddiv___1eP4I .panel___2sMrM{height:62%}.course-tech___GR8xg .sectionslist___16C6P .section___3zUlq .seconddiv___1eP4I .panel___2sMrM .classes-boxer___oIPpe{padding-top:2rem;display:flex;flex-flow:row wrap;justify-content:space-around;overflow-y:auto;height:100%}.course-tech___GR8xg .sectionslist___16C6P .section___3zUlq .seconddiv___1eP4I .panel___2sMrM .classes-boxer___oIPpe>div{text-align:center}.course-tech___GR8xg .sectionslist___16C6P .section___3zUlq .seconddiv___1eP4I .panel___2sMrM .classes-boxer___oIPpe>div>span{margin-top:.5714rem;display:inline-block}.course-tech___GR8xg .sectionslist___16C6P .section___3zUlq .seconddiv___1eP4I .panel___2sMrM .classes-boxer___oIPpe .classes___3t3bB{width:6rem;height:6rem;padding:.6429rem;box-sizing:border-box;border-radius:50%;background-color:#f8f8f8;cursor:not-allowed}.course-tech___GR8xg .sectionslist___16C6P .section___3zUlq .seconddiv___1eP4I .panel___2sMrM .classes-boxer___oIPpe .classes___3t3bB>div{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:.8571rem;color:#fff;background-color:#ccc}.course-tech___GR8xg .sectionslist___16C6P .section___3zUlq .seconddiv___1eP4I .panel___2sMrM .classes-boxer___oIPpe .classes-un___3n8CB{background-color:#eafbf2;cursor:pointer}.course-tech___GR8xg .sectionslist___16C6P .section___3zUlq .seconddiv___1eP4I .panel___2sMrM .classes-boxer___oIPpe .classes-un___3n8CB>div{background-color:#83d688}.course-tech___GR8xg .sectionslist___16C6P .section___3zUlq .seconddiv___1eP4I .panel___2sMrM .classes-boxer___oIPpe .classes-ing___2fQBt{background-color:#fff5f6;cursor:pointer}.course-tech___GR8xg .sectionslist___16C6P .section___3zUlq .seconddiv___1eP4I .panel___2sMrM .classes-boxer___oIPpe .classes-ing___2fQBt>div{background-color:#ff798d}div.classwork___3Zt1H{display:flex;flex-flow:row nowrap;align-items:flex-start;justify-content:center}div.classwork___3Zt1H .subjectDiv___369fm{background:#fff;width:250px;display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:center;margin-right:20px;border-radius:5px}div.classwork___3Zt1H .subjectDiv___369fm a{padding:10px 0;font-size:18px;text-decoration:none;cursor:pointer;border-bottom:1px solid #ccc}div.classwork___3Zt1H ul.levellist___3vQ8S{width:200px;float:left;margin-top:0;background:#fff;border-radius:.4rem;padding:0;list-style-type:none}div.classwork___3Zt1H ul.levellist___3vQ8S li{color:#101010;margin:5px auto;font-size:15px}div.classwork___3Zt1H ul.levellist___3vQ8S li a{color:#000;-webkit-text-decoration-line:none;text-decoration-line:none}div.classwork___3Zt1H ul.levellist___3vQ8S li a:hover{cursor:pointer;opacity:.7;color:#4abaff}div.classwork___3Zt1H ul.levellist___3vQ8S li a.active___y0bkT,div.classwork___3Zt1H ul.levellist___3vQ8S li a.selected___3PS1R{color:#4abaff}div.classwork___3Zt1H ul.levellist___3vQ8S li ul.sectionlist___2_6YP{list-style-type:none;padding:0;margin:10px 0 0}div.classwork___3Zt1H ul.levellist___3vQ8S li ul.sectionlist___2_6YP li{margin:0;padding:10px 10px 10px 30px}div.classwork___3Zt1H ul.levellist___3vQ8S li ul.sectionlist___2_6YP li.selected___3PS1R a{color:#4abaff}div.classwork___3Zt1H ul.levellist___3vQ8S li ul.sectionlist___2_6YP li a{color:#000}div.classwork___3Zt1H .content___2TyvM{min-width:65%;max-width:70%;display:flex;flex-flow:row wrap;align-items:center;justify-content:flex-start}div.classwork___3Zt1H .content___2TyvM div.classlist___3NQxk{margin:auto;width:90%}div.classwork___3Zt1H .content___2TyvM div.classlist___3NQxk div{display:inline-block;min-width:80px;width:auto;height:30px;border:1px solid #bbb;background-color:#b8d991;border-radius:5px;margin:10px;text-align:center;line-height:30px;font-size:16px}div.classwork___3Zt1H .content___2TyvM div.classlist___3NQxk div.selected___3PS1R{min-width:120px;height:45px;line-height:45px;font-size:20px;vertical-align:bottom}div.classwork___3Zt1H .content___2TyvM div.classlist___3NQxk div:hover{cursor:pointer;opacity:.7}div.classwork___3Zt1H .content___2TyvM div.classEI___1B3Jm{margin:auto;width:90%}div.classwork___3Zt1H .content___2TyvM div.classEI___1B3Jm div.arcTweenChart___33gdY{width:300px;text-align:center}div.classwork___3Zt1H .content___2TyvM div.classEI___1B3Jm div.chartTitle___3qPEs{font-size:16px}div.classwork___3Zt1H .content___2TyvM div.classEI___1B3Jm .arcTweenBar___2PJ5-{display:flex;flex-flow:row nowrap;align-items:center;justify-content:center;background:#fff;height:100px;padding:1rem 2rem;border-radius:.4rem}div.classwork___3Zt1H .content___2TyvM div.classEI___1B3Jm .arcTweenBar___2PJ5- span{font-size:1.2rem;margin-right:1rem}div.classwork___3Zt1H .content___2TyvM div.classEI___1B3Jm .arcTweenBar___2PJ5- div{width:100%;background:#ccc;height:1rem}div.classwork___3Zt1H .content___2TyvM div.classEI___1B3Jm .testStatistic___VjZiA{background:#fff;padding:1rem 2rem;border-radius:.4rem;margin-top:1rem}div.classwork___3Zt1H .content___2TyvM div.worklist___R1vQV{margin:auto;width:90%}div.classwork___3Zt1H .content___2TyvM div.worklist___R1vQV .project___gZxCN{position:relative;margin:1rem 0}div.classwork___3Zt1H .content___2TyvM div.worklist___R1vQV .project___gZxCN .name___13JoJ{position:absolute;bottom:0;left:40%;padding:0 1rem;border-radius:.4rem;border:2px solid #00f}div.classwork___3Zt1H .content___2TyvM div.worklist___R1vQV .project___gZxCN .name___13JoJ div{width:1rem;height:1rem;background:#fff;display:inline-block;margin-right:.4rem;border-radius:50%}div.classwork___3Zt1H .content___2TyvM div.worklist___R1vQV .project___gZxCN iframe{width:50%;height:500px;margin:0;padding:0;border:none}div.classwork___3Zt1H .content___2TyvM div.worklist___R1vQV .project___gZxCN .player___3mwFE{width:50%;margin:0;padding:0;position:relative;display:inline-block}div.classwork___3Zt1H .content___2TyvM div.worklist___R1vQV .project___gZxCN .player___3mwFE .cover___YJL52{width:100%;height:500px}div.classwork___3Zt1H .content___2TyvM div.worklist___R1vQV .project___gZxCN .player___3mwFE .flag___1Cm50{position:absolute;width:100%;height:500px;top:0;left:0;background-color:hsla(0,0%,73.3%,.7)}div.classwork___3Zt1H .content___2TyvM div.worklist___R1vQV .project___gZxCN .player___3mwFE .flag___1Cm50 img{position:absolute;width:10%;height:10%;top:45%;left:45%}div.classwork___3Zt1H .content___2TyvM div.worklist___R1vQV .project___gZxCN .player___3mwFE .flag___1Cm50 img:hover{cursor:pointer;opacity:.7}div.classwork___3Zt1H .content___2TyvM div.worklist___R1vQV .project___gZxCN .player___3mwFE .flag___1Cm50 img:active{opacity:1}div.classwork___3Zt1H .content___2TyvM div.worklist___R1vQV .project___gZxCN .evaluate___3nerN{display:inline-block;width:40%;margin:0 0 0 10%;vertical-align:top}div.classwork___3Zt1H .content___2TyvM div.worklist___R1vQV .project___gZxCN .evaluate___3nerN div{border-radius:.4rem}div.classwork___3Zt1H .content___2TyvM div.worklist___R1vQV .project___gZxCN .evaluate___3nerN div .star___2zr1j{width:24px}.testtable___19gSa{margin-top:1rem;border-collapse:collapse;width:400px;min-height:80px;text-align:center;background:#fff;border-radius:.4rem}.testtable___19gSa td{border:1px solid #ccc}.testtable___19gSa td:first-child{border-left:none}.testtable___19gSa td:last-child{border-right:none}.testtable___19gSa tr:first-child td{border-top:none}.testtable___19gSa tr:nth-child(2) td{border-bottom:none}.content___2TyvM{width:100%;margin:2.1429rem auto 7.1429rem;display:flex;flex-flow:row}.content___2TyvM .work-list___1Mb46 .left-nav___2ZFGa{width:14.2857rem;box-shadow:.0714rem .0714rem .5rem 0 rgba(0,0,0,.09);border-radius:4px;background-color:#fff}.content___2TyvM .work-list___1Mb46 .left-nav___2ZFGa ul{margin:0;padding:0;list-style-type:none}.content___2TyvM .work-list___1Mb46 .left-nav___2ZFGa>ul>li{font-size:1.1429rem}.content___2TyvM .work-list___1Mb46 .left-nav___2ZFGa>ul>li>a{padding:1.0714rem;display:flex;align-items:center;color:#000}.content___2TyvM .work-list___1Mb46 .left-nav___2ZFGa>ul>li>a img{width:.9286rem;margin-left:.5714rem}.content___2TyvM .work-list___1Mb46 .left-nav___2ZFGa>ul>li>ul{background-color:#e8f5ff}.content___2TyvM .work-list___1Mb46 .left-nav___2ZFGa>ul>li>ul>li{padding:.6429rem 1.0714rem;font-size:1rem}.content___2TyvM .work-list___1Mb46 .left-nav___2ZFGa>ul>li>ul a{color:#3d7aaa}.content___2TyvM .work-list___1Mb46 .left-nav___2ZFGa .selected___3PS1R{background-color:#0d81db}.content___2TyvM .work-list___1Mb46 .left-nav___2ZFGa .selected___3PS1R>a{color:#fff}.content___2TyvM .main___qLSPP{width:100%;margin-left:1.7143rem}.content___2TyvM .main___qLSPP>div{padding:1.4286rem;border-radius:.2857rem;box-shadow:0 .0714rem .0714rem .5rem 0 rgba(0,0,0,.09)}.content___2TyvM .main___qLSPP>div .title-boxer___2a_je{display:flex;align-items:center}.content___2TyvM .main___qLSPP>div .title-boxer___2a_je .gadgets___VN-j4{width:.2143rem;height:.9286rem;background:#106fb8;border-radius:.0714rem}.content___2TyvM .main___qLSPP>div .title-boxer___2a_je>span{margin-left:.5714rem;font-size:1.2857rem;color:#333}.content___2TyvM .main___qLSPP>div .title-boxer___2a_je .btn-boxer___FUKTG{margin-left:1.1429rem;display:flex;align-items:center}.content___2TyvM .main___qLSPP>div .title-boxer___2a_je .btn-boxer___FUKTG>div{margin-right:1.0714rem;padding:.0714rem .4286rem;border:.0714rem solid #999;border-radius:.1429rem;color:#999;cursor:pointer}.content___2TyvM .main___qLSPP>div .title-boxer___2a_je .btn-boxer___FUKTG .selected___3PS1R{color:#106fb8;border-color:#106fb8}.content___2TyvM .main___qLSPP .class-boxer___2qb1z{height:9.8571rem;background:#fff}.content___2TyvM .main___qLSPP .class-boxer___2qb1z .progress-bar-boxer___1NlMP{margin-top:2.1429rem;display:flex;flex-flow:row;align-items:center}.content___2TyvM .main___qLSPP .class-boxer___2qb1z .progress-bar-boxer___1NlMP>span{white-space:nowrap;color:#666}.content___2TyvM .main___qLSPP .class-boxer___2qb1z .progress-bar-boxer___1NlMP>span>b{font-size:1.7143rem;color:#fe9c33}.content___2TyvM .main___qLSPP .class-boxer___2qb1z .progress-bar-boxer___1NlMP .progress-bar___15bq3{width:100%;height:1.4286rem;margin-left:1.6429rem;border-radius:.1429rem;background-color:#e3e3e3}.content___2TyvM .main___qLSPP .class-boxer___2qb1z .progress-bar-boxer___1NlMP .progress-bar___15bq3>div{width:100%;height:100%;overflow:hidden;transition:all .6s}.content___2TyvM .main___qLSPP .class-boxer___2qb1z .progress-bar-boxer___1NlMP .progress-bar___15bq3>div>div{height:100%;background:linear-gradient(90deg,#fe9c33,#fe7133);border-radius:.0714rem .6429rem .6429rem .0714rem}.content___2TyvM .main___qLSPP .statistics-boxer___18bOm{margin-top:1.7143rem;background-color:#fff}.content___2TyvM .main___qLSPP .statistics-boxer___18bOm .ring-boxer___1F_Fb{margin-top:3.1429rem;margin-bottom:1.4286rem;display:flex;justify-content:space-around}.content___2TyvM .main___qLSPP .statistics-boxer___18bOm .ring-boxer___1F_Fb>div{display:flex;align-items:center}.content___2TyvM .main___qLSPP .statistics-boxer___18bOm .ring-boxer___1F_Fb>div>div{margin-left:1.1429rem}.content___2TyvM .main___qLSPP .statistics-boxer___18bOm .ring-boxer___1F_Fb>div p{margin:0;color:#89949b}.content___2TyvM .main___qLSPP .summary-boxer___1760S{margin-top:1.7143rem;background:#fff}.content___2TyvM .main___qLSPP .summary-boxer___1760S .summary___1a1g9{margin-top:2.1429rem;display:flex;flex-flow:row}.content___2TyvM .main___qLSPP .summary-boxer___1760S .summary___1a1g9 .table___3xFui{width:200px}.content___2TyvM .main___qLSPP .summary-boxer___1760S .summary___1a1g9 .table___3xFui .item___1rPRZ{margin:1.1429rem 0;display:flex;align-items:center;justify-content:space-between;color:#999;cursor:pointer}.content___2TyvM .main___qLSPP .summary-boxer___1760S .summary___1a1g9 .table___3xFui .item___1rPRZ>div>span:last-child{margin-left:1.0714rem}.content___2TyvM .main___qLSPP .summary-boxer___1760S .summary___1a1g9 .table___3xFui .active___y0bkT{color:#433d37}.content___2TyvM .main___qLSPP .summary-boxer___1760S .summary___1a1g9 .table___3xFui .bottombar___10F9R{margin-top:1.8571rem;padding:.0714rem .7857rem;position:relative;border-radius:.1429rem;border:.1429rem solid #106fb8;text-align:center}.content___2TyvM .main___qLSPP .summary-boxer___1760S .summary___1a1g9 .table___3xFui .bottombar___10F9R>img{width:.9286rem;position:absolute;top:.3571rem;cursor:pointer}.content___2TyvM .main___qLSPP .summary-boxer___1760S .summary___1a1g9 .table___3xFui .bottombar___10F9R .img-pre___106TI{left:.7857rem}.content___2TyvM .main___qLSPP .summary-boxer___1760S .summary___1a1g9 .table___3xFui .bottombar___10F9R .img-nxt___3zPKS{right:.7857rem}.content___2TyvM .main___qLSPP .summary-boxer___1760S .summary___1a1g9 .charts___1cskz{flex:1 1 auto}.underline___1GGk-{width:100%;border-top:1px solid #ededed}.worklist___R1vQV{width:100%;margin-bottom:50px;padding:0!important;display:flex;flex-flow:column}.worklist___R1vQV .work-item___36fsv{width:100%;margin-top:30px;display:flex;flex-flow:row}.worklist___R1vQV .work-item___36fsv .evaluate___3nerN{width:304px;height:408px;position:relative;text-align:center;border-radius:4px;background:#fff}.worklist___R1vQV .work-item___36fsv .evaluate___3nerN .title___wNimF{margin-top:15px;display:flex;align-items:center;justify-content:center;font-size:1.1429rem;color:#666}.worklist___R1vQV .work-item___36fsv .evaluate___3nerN .title___wNimF .star___2zr1j{width:1.1429rem}.worklist___R1vQV .work-item___36fsv .evaluate___3nerN .legend___QrdSd{margin-top:16px;font-size:.8571rem}.worklist___R1vQV .work-item___36fsv .evaluate___3nerN .legend___QrdSd>div{width:9px;height:9px;display:inline-block;border-radius:50%}.worklist___R1vQV .work-item___36fsv .evaluate___3nerN .legend___QrdSd>div:nth-child(2){background:#106fb8}.worklist___R1vQV .work-item___36fsv .evaluate___3nerN .legend___QrdSd>div:last-child{background:#68b0e9}.worklist___R1vQV .work-item___36fsv .evaluate___3nerN .grade___14gwo{width:100%;display:flex;justify-content:space-between;position:absolute;bottom:0;border-top:4px solid #edf1f7;background:#fff}.worklist___R1vQV .work-item___36fsv .evaluate___3nerN .grade___14gwo>div{flex:1 1 auto}.worklist___R1vQV .work-item___36fsv .evaluate___3nerN .grade___14gwo>div:not(:last-child){border-right:1px solid #dbdbdb}.worklist___R1vQV .work-item___36fsv .evaluate___3nerN .grade___14gwo>div>div:last-child{border-top:1px solid #dbdbdb}.worklist___R1vQV .work-item___36fsv .evaluate___3nerN .grade___14gwo>div div{padding:10px 0}.worklist___R1vQV .work-item___36fsv .evaluate___3nerN .grade___14gwo img{width:15px}.worklist___R1vQV .work-item___36fsv .detail___1NEvh{width:100%;margin-left:20px;display:flex;flex-flow:column}.worklist___R1vQV .work-item___36fsv .detail___1NEvh .title___wNimF{display:flex}.worklist___R1vQV .work-item___36fsv .detail___1NEvh .title___wNimF>div{height:31px;line-height:31px;border-radius:4px;font-size:18px;color:#fff;background-color:#106fb8}.worklist___R1vQV .work-item___36fsv .detail___1NEvh .title___wNimF>div:first-child{width:31px;text-align:center}.worklist___R1vQV .work-item___36fsv .detail___1NEvh .title___wNimF>div:last-child{width:100%;margin-left:20px;padding-left:15px}.worklist___R1vQV .work-item___36fsv .detail___1NEvh>iframe{margin-top:20px;flex:1 1 auto;position:relative}.worklist___R1vQV .work-item___36fsv .detail___1NEvh .player___3mwFE{margin-top:20px;flex:1 1 auto;position:relative}.worklist___R1vQV .work-item___36fsv .detail___1NEvh .player___3mwFE .cover___YJL52{width:100%;height:100%}.worklist___R1vQV .work-item___36fsv .detail___1NEvh .player___3mwFE .flag___1Cm50{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:0;cursor:pointer;transition:all .3s}.worklist___R1vQV .work-item___36fsv .detail___1NEvh .player___3mwFE .flag___1Cm50:hover{opacity:.7}.worklist___R1vQV .work-item___36fsv .detail___1NEvh .player___3mwFE .flag___1Cm50>img{width:30px}
.iframe___2-LEk{width:100%;height:100%;border:none}
body{margin:0;padding:0}body,html{min-width:1200px;min-height:600px;font-size:16px;color:#333;background:#edf1f7;overflow:hidden}a{text-decoration:none;color:#666}a:active{color:#666}a:visited{color:#666}#root___3RpHe{height:100%;overflow-y:auto}@media screen and (max-width:1399px){body,html{font-size:12px}}@media screen and (min-width:1400px){body,html{font-size:14px}}@media screen and (min-width:1600px){body,html{font-size:16px}}::-webkit-scrollbar{width:5px;height:1px}::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:#535353}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);border-radius:10px;background:#ededed}.flex-row{display:flex;flex-flow:row nowrap;justify-content:center;align-items:flex-start}.flex-column{display:flex;flex-flow:column nowrap;justify-content:center;align-items:flex-start}.div-btn{text-align:center;background-color:#b2d797;width:130px;font-size:18px;border-radius:5px;margin-left:75%;height:40px;line-height:40px}.div-btn-a{text-decoration:none;color:#fff}.container___1nfeJ{max-width:1600px;margin:0 auto}.common-boxer___1legm{max-width:1000px;margin-top:2.1429rem;margin-left:auto;margin-right:auto;display:flex;flex-flow:column;align-items:center;position:relative}.desktop-container___Jk24F{height:100%;background:no-repeat 50%/100% 100% url(/images/bg-main@1x.png);overflow-y:auto}.btn___3u76h{color:#fff;background-color:#106fb8}.btn-beans___kxzeO,.level-boxer___9gCKf>li,.switch___M2BC5>a{padding:.5714rem .7143rem;font-size:.8571rem;border-radius:8px;color:#666;background-color:#fff;cursor:pointer}.checkbox___2adoy{width:.9375rem;height:.9375rem;border:1px solid #000}.checkbox-choosen___3R1Hg{background:#000}.card-boxer___3VGe9{width:100%;margin-bottom:2.1429rem;display:flex;flex-flow:wrap;justify-content:space-between}.level-boxer___9gCKf{width:100%;margin:0;padding:0;list-style:none}.level-boxer___9gCKf>li{float:left}.level-boxer___9gCKf>li:not(:first-child){margin-left:1.2857rem}.level-boxer___9gCKf>li.active___1Cwgc{color:#fff;background:#106fb8}.level-boxer___9gCKf>li.active___1Cwgc>a{color:#fff}.switch___M2BC5{position:absolute;right:0}.switch___M2BC5 img{width:.7857rem;margin-left:.4286rem}.course-tech___BTFZH .sectionslist___3o54K{width:100%;margin-bottom:7.1429rem}.course-tech___BTFZH .sectionslist___3o54K .section___wVJcm{height:270px;margin-top:1.4286rem;display:flex;flex-flow:row nowrap;box-shadow:.0714rem .0714rem .2857rem 0 rgba(0,0,0,.09);border-radius:.2857rem;background:#fff}.course-tech___BTFZH .sectionslist___3o54K .section___wVJcm .firstdiv___1ag6B{width:35%;position:relative}.course-tech___BTFZH .sectionslist___3o54K .section___wVJcm .firstdiv___1ag6B .mask___3A9Od{width:100%;height:100%;position:absolute;top:0;background:rgba(0,0,0,.5);z-index:2}.course-tech___BTFZH .sectionslist___3o54K .section___wVJcm .firstdiv___1ag6B>img{width:100%;height:100%}.course-tech___BTFZH .sectionslist___3o54K .section___wVJcm .seconddiv___2Iue3{flex:1 1 auto;width:65%;max-width:65%;height:100%}.course-tech___BTFZH .sectionslist___3o54K .section___wVJcm .seconddiv___2Iue3 .topbar___1mOTH{padding:1.2857rem;display:flex;align-items:center;border-bottom:.0714rem solid #dbdbdb}.course-tech___BTFZH .sectionslist___3o54K .section___wVJcm .seconddiv___2Iue3 .topbar___1mOTH>img{width:1.4286rem;margin-left:18px;cursor:pointer}.course-tech___BTFZH .sectionslist___3o54K .section___wVJcm .seconddiv___2Iue3 .topbar___1mOTH>div:first-child{width:.1429rem;height:.7857rem;float:left;border-radius:.0714rem;background-color:#106fb8}.course-tech___BTFZH .sectionslist___3o54K .section___wVJcm .seconddiv___2Iue3 .topbar___1mOTH .title___1jWKS{margin-left:.5714rem;color:#333;font-size:1.2857rem}.course-tech___BTFZH .sectionslist___3o54K .section___wVJcm .seconddiv___2Iue3 .topbar___1mOTH>div:last-child{margin-left:auto}.course-tech___BTFZH .sectionslist___3o54K .section___wVJcm .seconddiv___2Iue3 .topbar___1mOTH>div:last-child .course-btn___3PS5x{padding:.2857rem 1.0714rem;border:.0714rem solid #a0a0a0;border-radius:.1429rem;box-sizing:border-box;font-size:.8571rem;color:#a0a0a0;cursor:pointer}.course-tech___BTFZH .sectionslist___3o54K .section___wVJcm .seconddiv___2Iue3 .topbar___1mOTH>div:last-child .course-btn___3PS5x:hover{border-color:#106fb8;color:#fff;background-color:#106fb8}.course-tech___BTFZH .sectionslist___3o54K .section___wVJcm .seconddiv___2Iue3 .topbar___1mOTH>div:last-child .course-btn___3PS5x:last-child{margin-left:1.0714rem}.course-tech___BTFZH .sectionslist___3o54K .section___wVJcm .seconddiv___2Iue3 .panel___2re-f{height:62%}.course-tech___BTFZH .sectionslist___3o54K .section___wVJcm .seconddiv___2Iue3 .panel___2re-f .classes-boxer___SxDxc{padding-top:2rem;display:flex;flex-flow:row wrap;justify-content:space-around;overflow-y:auto;height:100%}.course-tech___BTFZH .sectionslist___3o54K .section___wVJcm .seconddiv___2Iue3 .panel___2re-f .classes-boxer___SxDxc>div{text-align:center}.course-tech___BTFZH .sectionslist___3o54K .section___wVJcm .seconddiv___2Iue3 .panel___2re-f .classes-boxer___SxDxc>div>span{margin-top:.5714rem;display:inline-block}.course-tech___BTFZH .sectionslist___3o54K .section___wVJcm .seconddiv___2Iue3 .panel___2re-f .classes-boxer___SxDxc .classes___ZF6Wf{width:6rem;height:6rem;padding:.6429rem;box-sizing:border-box;border-radius:50%;background-color:#f8f8f8;cursor:not-allowed}.course-tech___BTFZH .sectionslist___3o54K .section___wVJcm .seconddiv___2Iue3 .panel___2re-f .classes-boxer___SxDxc .classes___ZF6Wf>div{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:.8571rem;color:#fff;background-color:#ccc}.course-tech___BTFZH .sectionslist___3o54K .section___wVJcm .seconddiv___2Iue3 .panel___2re-f .classes-boxer___SxDxc .classes-un___1pyrQ{background-color:#eafbf2;cursor:pointer}.course-tech___BTFZH .sectionslist___3o54K .section___wVJcm .seconddiv___2Iue3 .panel___2re-f .classes-boxer___SxDxc .classes-un___1pyrQ>div{background-color:#83d688}.course-tech___BTFZH .sectionslist___3o54K .section___wVJcm .seconddiv___2Iue3 .panel___2re-f .classes-boxer___SxDxc .classes-ing___21Ts8{background-color:#fff5f6;cursor:pointer}.course-tech___BTFZH .sectionslist___3o54K .section___wVJcm .seconddiv___2Iue3 .panel___2re-f .classes-boxer___SxDxc .classes-ing___21Ts8>div{background-color:#ff798d}.card___WgzN7{width:19.2857rem;height:23.2857rem;margin-top:1.4286rem;position:relative;border-radius:0 0 8px 8px;background:#fff;cursor:pointer;transition:all .2s}.card___WgzN7:hover{transform:scale(1.02);box-shadow:0 0 10px #818181}.card___WgzN7 .cover___JXh2k{width:100%;height:11.6429rem}.card___WgzN7 .content___207Vc{padding:1.0714rem;color:#666}.card___WgzN7 .content___207Vc .courseid___2MJUP{font-size:.8571rem}.card___WgzN7 .content___207Vc .title___1jWKS{margin-top:1.2857rem}.card___WgzN7 .content___207Vc .task___36yHW{margin-top:.2143rem;font-size:.8571rem;color:#999}.card___WgzN7 .bottom___3bhRW{margin:0 1.0714rem 1.0714rem;display:flex;flex-flow:row;align-items:center;justify-content:space-between;position:absolute;bottom:0;left:0;right:0}.card___WgzN7 .bottom___3bhRW>img{width:1.4286rem}.card___WgzN7 .bottom___3bhRW>div{display:flex;align-items:center}.card___WgzN7 .bottom___3bhRW>div>span{font-size:.7143rem;color:#106fb8}.card___WgzN7 .bottom___3bhRW>div>img{width:1.0714rem;margin-left:.4286rem}.card___WgzN7 .mask___3A9Od{width:100%;height:11.6429rem;position:absolute;top:0;border-radius:0 0 8px 8px;background-color:rgba(0,0,0,.2);z-index:2}
body{margin:0;padding:0}body,html{min-width:1200px;min-height:600px;font-size:16px;color:#333;background:#edf1f7;overflow:hidden}a{text-decoration:none;color:#666}a:active{color:#666}a:visited{color:#666}#root___27FG0{height:100%;overflow-y:auto}@media screen and (max-width:1399px){body,html{font-size:12px}}@media screen and (min-width:1400px){body,html{font-size:14px}}@media screen and (min-width:1600px){body,html{font-size:16px}}::-webkit-scrollbar{width:5px;height:1px}::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:#535353}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);border-radius:10px;background:#ededed}.flex-row{display:flex;flex-flow:row nowrap;justify-content:center;align-items:flex-start}.flex-column{display:flex;flex-flow:column nowrap;justify-content:center;align-items:flex-start}.div-btn{text-align:center;background-color:#b2d797;width:130px;font-size:18px;border-radius:5px;margin-left:75%;height:40px;line-height:40px}.div-btn-a{text-decoration:none;color:#fff}.container___Q_GdS{max-width:1600px;margin:0 auto}.common-boxer___1DwAm{max-width:1000px;margin-top:2.1429rem;margin-left:auto;margin-right:auto;display:flex;flex-flow:column;align-items:center;position:relative}.desktop-container___37E-W{height:100%;background:no-repeat 50%/100% 100% url(/images/bg-main@1x.png);overflow-y:auto}.btn___2_SlT{color:#fff;background-color:#106fb8}.btn-beans___PH0nk,.level-boxer___3ySYJ>li,.switch___2xwdG>a{padding:.5714rem .7143rem;font-size:.8571rem;border-radius:8px;color:#666;background-color:#fff;cursor:pointer}.checkbox___1lxaw{width:.9375rem;height:.9375rem;border:1px solid #000}.checkbox-choosen___c9z15{background:#000}.card-boxer___2ix_g{width:100%;margin-bottom:2.1429rem;display:flex;flex-flow:wrap;justify-content:space-between}.level-boxer___3ySYJ{width:100%;margin:0;padding:0;list-style:none}.level-boxer___3ySYJ>li{float:left}.level-boxer___3ySYJ>li:not(:first-child){margin-left:1.2857rem}.level-boxer___3ySYJ>li.active___2HjlZ{color:#fff;background:#106fb8}.level-boxer___3ySYJ>li.active___2HjlZ>a{color:#fff}.switch___2xwdG{position:absolute;right:0}.switch___2xwdG img{width:.7857rem;margin-left:.4286rem}.course-tech___X6E15 .sectionslist___3LP-f{width:100%;margin-bottom:7.1429rem}.course-tech___X6E15 .sectionslist___3LP-f .section___1qQ9b{height:270px;margin-top:1.4286rem;display:flex;flex-flow:row nowrap;box-shadow:.0714rem .0714rem .2857rem 0 rgba(0,0,0,.09);border-radius:.2857rem;background:#fff}.course-tech___X6E15 .sectionslist___3LP-f .section___1qQ9b .firstdiv___2pfpy{width:35%;position:relative}.course-tech___X6E15 .sectionslist___3LP-f .section___1qQ9b .firstdiv___2pfpy .mask___QEdh7{width:100%;height:100%;position:absolute;top:0;background:rgba(0,0,0,.5);z-index:2}.course-tech___X6E15 .sectionslist___3LP-f .section___1qQ9b .firstdiv___2pfpy>img{width:100%;height:100%}.course-tech___X6E15 .sectionslist___3LP-f .section___1qQ9b .seconddiv___21C7Y{flex:1 1 auto;width:65%;max-width:65%;height:100%}.course-tech___X6E15 .sectionslist___3LP-f .section___1qQ9b .seconddiv___21C7Y .topbar___gCopP{padding:1.2857rem;display:flex;align-items:center;border-bottom:.0714rem solid #dbdbdb}.course-tech___X6E15 .sectionslist___3LP-f .section___1qQ9b .seconddiv___21C7Y .topbar___gCopP>img{width:1.4286rem;margin-left:18px;cursor:pointer}.course-tech___X6E15 .sectionslist___3LP-f .section___1qQ9b .seconddiv___21C7Y .topbar___gCopP>div:first-child{width:.1429rem;height:.7857rem;float:left;border-radius:.0714rem;background-color:#106fb8}.course-tech___X6E15 .sectionslist___3LP-f .section___1qQ9b .seconddiv___21C7Y .topbar___gCopP .title___1pO_a{margin-left:.5714rem;color:#333;font-size:1.2857rem}.course-tech___X6E15 .sectionslist___3LP-f .section___1qQ9b .seconddiv___21C7Y .topbar___gCopP>div:last-child{margin-left:auto}.course-tech___X6E15 .sectionslist___3LP-f .section___1qQ9b .seconddiv___21C7Y .topbar___gCopP>div:last-child .course-btn___34GDG{padding:.2857rem 1.0714rem;border:.0714rem solid #a0a0a0;border-radius:.1429rem;box-sizing:border-box;font-size:.8571rem;color:#a0a0a0;cursor:pointer}.course-tech___X6E15 .sectionslist___3LP-f .section___1qQ9b .seconddiv___21C7Y .topbar___gCopP>div:last-child .course-btn___34GDG:hover{border-color:#106fb8;color:#fff;background-color:#106fb8}.course-tech___X6E15 .sectionslist___3LP-f .section___1qQ9b .seconddiv___21C7Y .topbar___gCopP>div:last-child .course-btn___34GDG:last-child{margin-left:1.0714rem}.course-tech___X6E15 .sectionslist___3LP-f .section___1qQ9b .seconddiv___21C7Y .panel___-FVJU{height:62%}.course-tech___X6E15 .sectionslist___3LP-f .section___1qQ9b .seconddiv___21C7Y .panel___-FVJU .classes-boxer___28t6Z{padding-top:2rem;display:flex;flex-flow:row wrap;justify-content:space-around;overflow-y:auto;height:100%}.course-tech___X6E15 .sectionslist___3LP-f .section___1qQ9b .seconddiv___21C7Y .panel___-FVJU .classes-boxer___28t6Z>div{text-align:center}.course-tech___X6E15 .sectionslist___3LP-f .section___1qQ9b .seconddiv___21C7Y .panel___-FVJU .classes-boxer___28t6Z>div>span{margin-top:.5714rem;display:inline-block}.course-tech___X6E15 .sectionslist___3LP-f .section___1qQ9b .seconddiv___21C7Y .panel___-FVJU .classes-boxer___28t6Z .classes___3Eo4u{width:6rem;height:6rem;padding:.6429rem;box-sizing:border-box;border-radius:50%;background-color:#f8f8f8;cursor:not-allowed}.course-tech___X6E15 .sectionslist___3LP-f .section___1qQ9b .seconddiv___21C7Y .panel___-FVJU .classes-boxer___28t6Z .classes___3Eo4u>div{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:.8571rem;color:#fff;background-color:#ccc}.course-tech___X6E15 .sectionslist___3LP-f .section___1qQ9b .seconddiv___21C7Y .panel___-FVJU .classes-boxer___28t6Z .classes-un___1PwjC{background-color:#eafbf2;cursor:pointer}.course-tech___X6E15 .sectionslist___3LP-f .section___1qQ9b .seconddiv___21C7Y .panel___-FVJU .classes-boxer___28t6Z .classes-un___1PwjC>div{background-color:#83d688}.course-tech___X6E15 .sectionslist___3LP-f .section___1qQ9b .seconddiv___21C7Y .panel___-FVJU .classes-boxer___28t6Z .classes-ing___1o7O0{background-color:#fff5f6;cursor:pointer}.course-tech___X6E15 .sectionslist___3LP-f .section___1qQ9b .seconddiv___21C7Y .panel___-FVJU .classes-boxer___28t6Z .classes-ing___1o7O0>div{background-color:#ff798d}body{background-color:#4abaff}
body{margin:0;padding:0}body,html{min-width:1200px;min-height:600px;font-size:16px;color:#333;background:#edf1f7;overflow:hidden}a{text-decoration:none;color:#666}a:active{color:#666}a:visited{color:#666}#root___17xm5{height:100%;overflow-y:auto}@media screen and (max-width:1399px){body,html{font-size:12px}}@media screen and (min-width:1400px){body,html{font-size:14px}}@media screen and (min-width:1600px){body,html{font-size:16px}}::-webkit-scrollbar{width:5px;height:1px}::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:#535353}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);border-radius:10px;background:#ededed}.flex-row{display:flex;flex-flow:row nowrap;justify-content:center;align-items:flex-start}.flex-column{display:flex;flex-flow:column nowrap;justify-content:center;align-items:flex-start}.div-btn{text-align:center;background-color:#b2d797;width:130px;font-size:18px;border-radius:5px;margin-left:75%;height:40px;line-height:40px}.div-btn-a{text-decoration:none;color:#fff}.container___2LBpp{max-width:1600px;margin:0 auto}.common-boxer___2SRzv{max-width:1000px;margin-top:2.1429rem;margin-left:auto;margin-right:auto;display:flex;flex-flow:column;align-items:center;position:relative}.desktop-container___12nla{height:100%;background:no-repeat 50%/100% 100% url(/images/bg-main@1x.png);overflow-y:auto}.btn___36rLX{color:#fff;background-color:#106fb8}.btn-beans___1Q4tO,.level-boxer___3EiKH>li,.switch___3sBHE>a{padding:.5714rem .7143rem;font-size:.8571rem;border-radius:8px;color:#666;background-color:#fff;cursor:pointer}.checkbox___1SeV3{width:.9375rem;height:.9375rem;border:1px solid #000}.checkbox-choosen___568mK{background:#000}.card-boxer___1uTtO{width:100%;margin-bottom:2.1429rem;display:flex;flex-flow:wrap;justify-content:space-between}.level-boxer___3EiKH{width:100%;margin:0;padding:0;list-style:none}.level-boxer___3EiKH>li{float:left}.level-boxer___3EiKH>li:not(:first-child){margin-left:1.2857rem}.level-boxer___3EiKH>li.active___1RXSF{color:#fff;background:#106fb8}.level-boxer___3EiKH>li.active___1RXSF>a{color:#fff}.switch___3sBHE{position:absolute;right:0}.switch___3sBHE img{width:.7857rem;margin-left:.4286rem}.course-tech___1bXwL .sectionslist___1hhgn{width:100%;margin-bottom:7.1429rem}.course-tech___1bXwL .sectionslist___1hhgn .section___20In4{height:270px;margin-top:1.4286rem;display:flex;flex-flow:row nowrap;box-shadow:.0714rem .0714rem .2857rem 0 rgba(0,0,0,.09);border-radius:.2857rem;background:#fff}.course-tech___1bXwL .sectionslist___1hhgn .section___20In4 .firstdiv___1Qd1B{width:35%;position:relative}.course-tech___1bXwL .sectionslist___1hhgn .section___20In4 .firstdiv___1Qd1B .mask___1QpXD{width:100%;height:100%;position:absolute;top:0;background:rgba(0,0,0,.5);z-index:2}.course-tech___1bXwL .sectionslist___1hhgn .section___20In4 .firstdiv___1Qd1B>img{width:100%;height:100%}.course-tech___1bXwL .sectionslist___1hhgn .section___20In4 .seconddiv___27LQ8{flex:1 1 auto;width:65%;max-width:65%;height:100%}.course-tech___1bXwL .sectionslist___1hhgn .section___20In4 .seconddiv___27LQ8 .topbar___21Sq8{padding:1.2857rem;display:flex;align-items:center;border-bottom:.0714rem solid #dbdbdb}.course-tech___1bXwL .sectionslist___1hhgn .section___20In4 .seconddiv___27LQ8 .topbar___21Sq8>img{width:1.4286rem;margin-left:18px;cursor:pointer}.course-tech___1bXwL .sectionslist___1hhgn .section___20In4 .seconddiv___27LQ8 .topbar___21Sq8>div:first-child{width:.1429rem;height:.7857rem;float:left;border-radius:.0714rem;background-color:#106fb8}.course-tech___1bXwL .sectionslist___1hhgn .section___20In4 .seconddiv___27LQ8 .topbar___21Sq8 .title___2ZtEN{margin-left:.5714rem;color:#333;font-size:1.2857rem}.course-tech___1bXwL .sectionslist___1hhgn .section___20In4 .seconddiv___27LQ8 .topbar___21Sq8>div:last-child{margin-left:auto}.course-tech___1bXwL .sectionslist___1hhgn .section___20In4 .seconddiv___27LQ8 .topbar___21Sq8>div:last-child .course-btn___3UgZG{padding:.2857rem 1.0714rem;border:.0714rem solid #a0a0a0;border-radius:.1429rem;box-sizing:border-box;font-size:.8571rem;color:#a0a0a0;cursor:pointer}.course-tech___1bXwL .sectionslist___1hhgn .section___20In4 .seconddiv___27LQ8 .topbar___21Sq8>div:last-child .course-btn___3UgZG:hover{border-color:#106fb8;color:#fff;background-color:#106fb8}.course-tech___1bXwL .sectionslist___1hhgn .section___20In4 .seconddiv___27LQ8 .topbar___21Sq8>div:last-child .course-btn___3UgZG:last-child{margin-left:1.0714rem}.course-tech___1bXwL .sectionslist___1hhgn .section___20In4 .seconddiv___27LQ8 .panel___19FGE{height:62%}.course-tech___1bXwL .sectionslist___1hhgn .section___20In4 .seconddiv___27LQ8 .panel___19FGE .classes-boxer___123cE{padding-top:2rem;display:flex;flex-flow:row wrap;justify-content:space-around;overflow-y:auto;height:100%}.course-tech___1bXwL .sectionslist___1hhgn .section___20In4 .seconddiv___27LQ8 .panel___19FGE .classes-boxer___123cE>div{text-align:center}.course-tech___1bXwL .sectionslist___1hhgn .section___20In4 .seconddiv___27LQ8 .panel___19FGE .classes-boxer___123cE>div>span{margin-top:.5714rem;display:inline-block}.course-tech___1bXwL .sectionslist___1hhgn .section___20In4 .seconddiv___27LQ8 .panel___19FGE .classes-boxer___123cE .classes___ZECFr{width:6rem;height:6rem;padding:.6429rem;box-sizing:border-box;border-radius:50%;background-color:#f8f8f8;cursor:not-allowed}.course-tech___1bXwL .sectionslist___1hhgn .section___20In4 .seconddiv___27LQ8 .panel___19FGE .classes-boxer___123cE .classes___ZECFr>div{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:.8571rem;color:#fff;background-color:#ccc}.course-tech___1bXwL .sectionslist___1hhgn .section___20In4 .seconddiv___27LQ8 .panel___19FGE .classes-boxer___123cE .classes-un___39sQl{background-color:#eafbf2;cursor:pointer}.course-tech___1bXwL .sectionslist___1hhgn .section___20In4 .seconddiv___27LQ8 .panel___19FGE .classes-boxer___123cE .classes-un___39sQl>div{background-color:#83d688}.course-tech___1bXwL .sectionslist___1hhgn .section___20In4 .seconddiv___27LQ8 .panel___19FGE .classes-boxer___123cE .classes-ing___1NUOO{background-color:#fff5f6;cursor:pointer}.course-tech___1bXwL .sectionslist___1hhgn .section___20In4 .seconddiv___27LQ8 .panel___19FGE .classes-boxer___123cE .classes-ing___1NUOO>div{background-color:#ff798d}body{background-color:#4abaff}.titlelink___1dEv4{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;margin-bottom:10px}.titlelink___1dEv4 a{width:60px;border-radius:5px;background:#fff;text-align:center;padding:5px;color:#000}.titlelink___1dEv4 .selectedlink___3DWkv{background:#106fb8;color:#fff}
body{margin:0;padding:0}body,html{min-width:1200px;min-height:600px;font-size:16px;color:#333;background:#edf1f7;overflow:hidden}a{text-decoration:none;color:#666}a:active{color:#666}a:visited{color:#666}#root___3zG9l{height:100%;overflow-y:auto}@media screen and (max-width:1399px){body,html{font-size:12px}}@media screen and (min-width:1400px){body,html{font-size:14px}}@media screen and (min-width:1600px){body,html{font-size:16px}}::-webkit-scrollbar{width:5px;height:1px}::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:#535353}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);border-radius:10px;background:#ededed}.flex-row{display:flex;flex-flow:row nowrap;justify-content:center;align-items:flex-start}.flex-column{display:flex;flex-flow:column nowrap;justify-content:center;align-items:flex-start}.div-btn{text-align:center;background-color:#b2d797;width:130px;font-size:18px;border-radius:5px;margin-left:75%;height:40px;line-height:40px}.div-btn-a{text-decoration:none;color:#fff}.container___1miJj{max-width:1600px;margin:0 auto}.common-boxer___3obIF{max-width:1000px;margin-top:2.1429rem;margin-left:auto;margin-right:auto;display:flex;flex-flow:column;align-items:center;position:relative}.desktop-container___314vj{height:100%;background:no-repeat 50%/100% 100% url(/images/bg-main@1x.png);overflow-y:auto}.btn___1NP7o{color:#fff;background-color:#106fb8}.btn-beans___M_auC,.level-boxer___2byu0>li,.switch___14EFd>a{padding:.5714rem .7143rem;font-size:.8571rem;border-radius:8px;color:#666;background-color:#fff;cursor:pointer}.checkbox___3KlMg{width:.9375rem;height:.9375rem;border:1px solid #000}.checkbox-choosen___1Bi_G{background:#000}.card-boxer___vaCuu{width:100%;margin-bottom:2.1429rem;display:flex;flex-flow:wrap;justify-content:space-between}.level-boxer___2byu0{width:100%;margin:0;padding:0;list-style:none}.level-boxer___2byu0>li{float:left}.level-boxer___2byu0>li:not(:first-child){margin-left:1.2857rem}.level-boxer___2byu0>li.active___1kz2E{color:#fff;background:#106fb8}.level-boxer___2byu0>li.active___1kz2E>a{color:#fff}.switch___14EFd{position:absolute;right:0}.switch___14EFd img{width:.7857rem;margin-left:.4286rem}.course-tech___1Noo4 .sectionslist___eBBcB{width:100%;margin-bottom:7.1429rem}.course-tech___1Noo4 .sectionslist___eBBcB .section___3EQeI{height:270px;margin-top:1.4286rem;display:flex;flex-flow:row nowrap;box-shadow:.0714rem .0714rem .2857rem 0 rgba(0,0,0,.09);border-radius:.2857rem;background:#fff}.course-tech___1Noo4 .sectionslist___eBBcB .section___3EQeI .firstdiv___39GKk{width:35%;position:relative}.course-tech___1Noo4 .sectionslist___eBBcB .section___3EQeI .firstdiv___39GKk .mask___1zIEw{width:100%;height:100%;position:absolute;top:0;background:rgba(0,0,0,.5);z-index:2}.course-tech___1Noo4 .sectionslist___eBBcB .section___3EQeI .firstdiv___39GKk>img{width:100%;height:100%}.course-tech___1Noo4 .sectionslist___eBBcB .section___3EQeI .seconddiv___1AAQ_{flex:1 1 auto;width:65%;max-width:65%;height:100%}.course-tech___1Noo4 .sectionslist___eBBcB .section___3EQeI .seconddiv___1AAQ_ .topbar___15z2E{padding:1.2857rem;display:flex;align-items:center;border-bottom:.0714rem solid #dbdbdb}.course-tech___1Noo4 .sectionslist___eBBcB .section___3EQeI .seconddiv___1AAQ_ .topbar___15z2E>img{width:1.4286rem;margin-left:18px;cursor:pointer}.course-tech___1Noo4 .sectionslist___eBBcB .section___3EQeI .seconddiv___1AAQ_ .topbar___15z2E>div:first-child{width:.1429rem;height:.7857rem;float:left;border-radius:.0714rem;background-color:#106fb8}.course-tech___1Noo4 .sectionslist___eBBcB .section___3EQeI .seconddiv___1AAQ_ .topbar___15z2E .title___zwWlN{margin-left:.5714rem;color:#333;font-size:1.2857rem}.course-tech___1Noo4 .sectionslist___eBBcB .section___3EQeI .seconddiv___1AAQ_ .topbar___15z2E>div:last-child{margin-left:auto}.course-tech___1Noo4 .sectionslist___eBBcB .section___3EQeI .seconddiv___1AAQ_ .topbar___15z2E>div:last-child .course-btn___1Tx01{padding:.2857rem 1.0714rem;border:.0714rem solid #a0a0a0;border-radius:.1429rem;box-sizing:border-box;font-size:.8571rem;color:#a0a0a0;cursor:pointer}.course-tech___1Noo4 .sectionslist___eBBcB .section___3EQeI .seconddiv___1AAQ_ .topbar___15z2E>div:last-child .course-btn___1Tx01:hover{border-color:#106fb8;color:#fff;background-color:#106fb8}.course-tech___1Noo4 .sectionslist___eBBcB .section___3EQeI .seconddiv___1AAQ_ .topbar___15z2E>div:last-child .course-btn___1Tx01:last-child{margin-left:1.0714rem}.course-tech___1Noo4 .sectionslist___eBBcB .section___3EQeI .seconddiv___1AAQ_ .panel___1X5Sp{height:62%}.course-tech___1Noo4 .sectionslist___eBBcB .section___3EQeI .seconddiv___1AAQ_ .panel___1X5Sp .classes-boxer___3gvub{padding-top:2rem;display:flex;flex-flow:row wrap;justify-content:space-around;overflow-y:auto;height:100%}.course-tech___1Noo4 .sectionslist___eBBcB .section___3EQeI .seconddiv___1AAQ_ .panel___1X5Sp .classes-boxer___3gvub>div{text-align:center}.course-tech___1Noo4 .sectionslist___eBBcB .section___3EQeI .seconddiv___1AAQ_ .panel___1X5Sp .classes-boxer___3gvub>div>span{margin-top:.5714rem;display:inline-block}.course-tech___1Noo4 .sectionslist___eBBcB .section___3EQeI .seconddiv___1AAQ_ .panel___1X5Sp .classes-boxer___3gvub .classes___AmhIb{width:6rem;height:6rem;padding:.6429rem;box-sizing:border-box;border-radius:50%;background-color:#f8f8f8;cursor:not-allowed}.course-tech___1Noo4 .sectionslist___eBBcB .section___3EQeI .seconddiv___1AAQ_ .panel___1X5Sp .classes-boxer___3gvub .classes___AmhIb>div{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:.8571rem;color:#fff;background-color:#ccc}.course-tech___1Noo4 .sectionslist___eBBcB .section___3EQeI .seconddiv___1AAQ_ .panel___1X5Sp .classes-boxer___3gvub .classes-un___1ZrAa{background-color:#eafbf2;cursor:pointer}.course-tech___1Noo4 .sectionslist___eBBcB .section___3EQeI .seconddiv___1AAQ_ .panel___1X5Sp .classes-boxer___3gvub .classes-un___1ZrAa>div{background-color:#83d688}.course-tech___1Noo4 .sectionslist___eBBcB .section___3EQeI .seconddiv___1AAQ_ .panel___1X5Sp .classes-boxer___3gvub .classes-ing___2Rb4r{background-color:#fff5f6;cursor:pointer}.course-tech___1Noo4 .sectionslist___eBBcB .section___3EQeI .seconddiv___1AAQ_ .panel___1X5Sp .classes-boxer___3gvub .classes-ing___2Rb4r>div{background-color:#ff798d}body{background-color:#4abaff}
body{margin:0;padding:0}body,html{min-width:1200px;min-height:600px;font-size:16px;color:#333;background:#edf1f7;overflow:hidden}a{text-decoration:none;color:#666}a:active{color:#666}a:visited{color:#666}#root___1MWqn{height:100%;overflow-y:auto}@media screen and (max-width:1399px){body,html{font-size:12px}}@media screen and (min-width:1400px){body,html{font-size:14px}}@media screen and (min-width:1600px){body,html{font-size:16px}}::-webkit-scrollbar{width:5px;height:1px}::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:#535353}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);border-radius:10px;background:#ededed}.flex-row{display:flex;flex-flow:row nowrap;justify-content:center;align-items:flex-start}.flex-column{display:flex;flex-flow:column nowrap;justify-content:center;align-items:flex-start}.div-btn{text-align:center;background-color:#b2d797;width:130px;font-size:18px;border-radius:5px;margin-left:75%;height:40px;line-height:40px}.div-btn-a{text-decoration:none;color:#fff}.container___3aCXf{max-width:1600px;margin:0 auto}.common-boxer___N9JJ3{max-width:1000px;margin-top:2.1429rem;margin-left:auto;margin-right:auto;display:flex;flex-flow:column;align-items:center;position:relative}.desktop-container___3pgwf{height:100%;background:no-repeat 50%/100% 100% url(/images/bg-main@1x.png);overflow-y:auto}.btn___BxV-I{color:#fff;background-color:#106fb8}.btn-beans___1_mua,.level-boxer___2mkos>li,.switch___1mGWY>a{padding:.5714rem .7143rem;font-size:.8571rem;border-radius:8px;color:#666;background-color:#fff;cursor:pointer}.checkbox___3FNjp{width:.9375rem;height:.9375rem;border:1px solid #000}.checkbox-choosen___3glze{background:#000}.card-boxer___1V5HF{width:100%;margin-bottom:2.1429rem;display:flex;flex-flow:wrap;justify-content:space-between}.level-boxer___2mkos{width:100%;margin:0;padding:0;list-style:none}.level-boxer___2mkos>li{float:left}.level-boxer___2mkos>li:not(:first-child){margin-left:1.2857rem}.level-boxer___2mkos>li.active___3JaT8{color:#fff;background:#106fb8}.level-boxer___2mkos>li.active___3JaT8>a{color:#fff}.switch___1mGWY{position:absolute;right:0}.switch___1mGWY img{width:.7857rem;margin-left:.4286rem}.course-tech___1E_1R .sectionslist___30_Ww{width:100%;margin-bottom:7.1429rem}.course-tech___1E_1R .sectionslist___30_Ww .section___3Y5zx{height:270px;margin-top:1.4286rem;display:flex;flex-flow:row nowrap;box-shadow:.0714rem .0714rem .2857rem 0 rgba(0,0,0,.09);border-radius:.2857rem;background:#fff}.course-tech___1E_1R .sectionslist___30_Ww .section___3Y5zx .firstdiv___1ZeMh{width:35%;position:relative}.course-tech___1E_1R .sectionslist___30_Ww .section___3Y5zx .firstdiv___1ZeMh .mask___3HlVm{width:100%;height:100%;position:absolute;top:0;background:rgba(0,0,0,.5);z-index:2}.course-tech___1E_1R .sectionslist___30_Ww .section___3Y5zx .firstdiv___1ZeMh>img{width:100%;height:100%}.course-tech___1E_1R .sectionslist___30_Ww .section___3Y5zx .seconddiv___NjC-6{flex:1 1 auto;width:65%;max-width:65%;height:100%}.course-tech___1E_1R .sectionslist___30_Ww .section___3Y5zx .seconddiv___NjC-6 .topbar___1iKqF{padding:1.2857rem;display:flex;align-items:center;border-bottom:.0714rem solid #dbdbdb}.course-tech___1E_1R .sectionslist___30_Ww .section___3Y5zx .seconddiv___NjC-6 .topbar___1iKqF>img{width:1.4286rem;margin-left:18px;cursor:pointer}.course-tech___1E_1R .sectionslist___30_Ww .section___3Y5zx .seconddiv___NjC-6 .topbar___1iKqF>div:first-child{width:.1429rem;height:.7857rem;float:left;border-radius:.0714rem;background-color:#106fb8}.course-tech___1E_1R .sectionslist___30_Ww .section___3Y5zx .seconddiv___NjC-6 .topbar___1iKqF .title___16cAy{margin-left:.5714rem;color:#333;font-size:1.2857rem}.course-tech___1E_1R .sectionslist___30_Ww .section___3Y5zx .seconddiv___NjC-6 .topbar___1iKqF>div:last-child{margin-left:auto}.course-tech___1E_1R .sectionslist___30_Ww .section___3Y5zx .seconddiv___NjC-6 .topbar___1iKqF>div:last-child .course-btn___Q6TFF{padding:.2857rem 1.0714rem;border:.0714rem solid #a0a0a0;border-radius:.1429rem;box-sizing:border-box;font-size:.8571rem;color:#a0a0a0;cursor:pointer}.course-tech___1E_1R .sectionslist___30_Ww .section___3Y5zx .seconddiv___NjC-6 .topbar___1iKqF>div:last-child .course-btn___Q6TFF:hover{border-color:#106fb8;color:#fff;background-color:#106fb8}.course-tech___1E_1R .sectionslist___30_Ww .section___3Y5zx .seconddiv___NjC-6 .topbar___1iKqF>div:last-child .course-btn___Q6TFF:last-child{margin-left:1.0714rem}.course-tech___1E_1R .sectionslist___30_Ww .section___3Y5zx .seconddiv___NjC-6 .panel___2PxB2{height:62%}.course-tech___1E_1R .sectionslist___30_Ww .section___3Y5zx .seconddiv___NjC-6 .panel___2PxB2 .classes-boxer___2WBVN{padding-top:2rem;display:flex;flex-flow:row wrap;justify-content:space-around;overflow-y:auto;height:100%}.course-tech___1E_1R .sectionslist___30_Ww .section___3Y5zx .seconddiv___NjC-6 .panel___2PxB2 .classes-boxer___2WBVN>div{text-align:center}.course-tech___1E_1R .sectionslist___30_Ww .section___3Y5zx .seconddiv___NjC-6 .panel___2PxB2 .classes-boxer___2WBVN>div>span{margin-top:.5714rem;display:inline-block}.course-tech___1E_1R .sectionslist___30_Ww .section___3Y5zx .seconddiv___NjC-6 .panel___2PxB2 .classes-boxer___2WBVN .classes___3JtmB{width:6rem;height:6rem;padding:.6429rem;box-sizing:border-box;border-radius:50%;background-color:#f8f8f8;cursor:not-allowed}.course-tech___1E_1R .sectionslist___30_Ww .section___3Y5zx .seconddiv___NjC-6 .panel___2PxB2 .classes-boxer___2WBVN .classes___3JtmB>div{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:.8571rem;color:#fff;background-color:#ccc}.course-tech___1E_1R .sectionslist___30_Ww .section___3Y5zx .seconddiv___NjC-6 .panel___2PxB2 .classes-boxer___2WBVN .classes-un___11U0X{background-color:#eafbf2;cursor:pointer}.course-tech___1E_1R .sectionslist___30_Ww .section___3Y5zx .seconddiv___NjC-6 .panel___2PxB2 .classes-boxer___2WBVN .classes-un___11U0X>div{background-color:#83d688}.course-tech___1E_1R .sectionslist___30_Ww .section___3Y5zx .seconddiv___NjC-6 .panel___2PxB2 .classes-boxer___2WBVN .classes-ing___rnFDE{background-color:#fff5f6;cursor:pointer}.course-tech___1E_1R .sectionslist___30_Ww .section___3Y5zx .seconddiv___NjC-6 .panel___2PxB2 .classes-boxer___2WBVN .classes-ing___rnFDE>div{background-color:#ff798d}body{background-color:#4abaff}.titlelink___3zOaa{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;margin-bottom:10px}.titlelink___3zOaa a{width:80px;border-radius:5px;background:#fff;text-align:center;padding:5px;color:#000}.titlelink___3zOaa .selectedlink___2gXTC{background:#106fb8;color:#fff}
body{margin:0;padding:0}body,html{min-width:1200px;min-height:600px;font-size:16px;color:#333;background:#edf1f7;overflow:hidden}a{text-decoration:none;color:#666}a:active{color:#666}a:visited{color:#666}#root___3fzsT{height:100%;overflow-y:auto}@media screen and (max-width:1399px){body,html{font-size:12px}}@media screen and (min-width:1400px){body,html{font-size:14px}}@media screen and (min-width:1600px){body,html{font-size:16px}}::-webkit-scrollbar{width:5px;height:1px}::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:#535353}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);border-radius:10px;background:#ededed}.flex-row{display:flex;flex-flow:row nowrap;justify-content:center;align-items:flex-start}.flex-column{display:flex;flex-flow:column nowrap;justify-content:center;align-items:flex-start}.div-btn{text-align:center;background-color:#b2d797;width:130px;font-size:18px;border-radius:5px;margin-left:75%;height:40px;line-height:40px}.div-btn-a{text-decoration:none;color:#fff}.container___1OQHb{max-width:1600px;margin:0 auto}.common-boxer___rOjti{max-width:1000px;margin-top:2.1429rem;margin-left:auto;margin-right:auto;display:flex;flex-flow:column;align-items:center;position:relative}.desktop-container___qLyJu{height:100%;background:no-repeat 50%/100% 100% url(/images/bg-main@1x.png);overflow-y:auto}.btn___4x-e7{color:#fff;background-color:#106fb8}.btn-beans___38Elh,.level-boxer___1yzsf>li,.switch___2jZ3G>a{padding:.5714rem .7143rem;font-size:.8571rem;border-radius:8px;color:#666;background-color:#fff;cursor:pointer}.checkbox___3pBry{width:.9375rem;height:.9375rem;border:1px solid #000}.checkbox-choosen___1fl4v{background:#000}.card-boxer___3AkDS{width:100%;margin-bottom:2.1429rem;display:flex;flex-flow:wrap;justify-content:space-between}.level-boxer___1yzsf{width:100%;margin:0;padding:0;list-style:none}.level-boxer___1yzsf>li{float:left}.level-boxer___1yzsf>li:not(:first-child){margin-left:1.2857rem}.level-boxer___1yzsf>li.active___19nAt{color:#fff;background:#106fb8}.level-boxer___1yzsf>li.active___19nAt>a{color:#fff}.switch___2jZ3G{position:absolute;right:0}.switch___2jZ3G img{width:.7857rem;margin-left:.4286rem}.course-tech___wBLIf .sectionslist___3zETn{width:100%;margin-bottom:7.1429rem}.course-tech___wBLIf .sectionslist___3zETn .section___3BGYF{height:270px;margin-top:1.4286rem;display:flex;flex-flow:row nowrap;box-shadow:.0714rem .0714rem .2857rem 0 rgba(0,0,0,.09);border-radius:.2857rem;background:#fff}.course-tech___wBLIf .sectionslist___3zETn .section___3BGYF .firstdiv___31sY6{width:35%;position:relative}.course-tech___wBLIf .sectionslist___3zETn .section___3BGYF .firstdiv___31sY6 .mask___SVfZ3{width:100%;height:100%;position:absolute;top:0;background:rgba(0,0,0,.5);z-index:2}.course-tech___wBLIf .sectionslist___3zETn .section___3BGYF .firstdiv___31sY6>img{width:100%;height:100%}.course-tech___wBLIf .sectionslist___3zETn .section___3BGYF .seconddiv___30hYD{flex:1 1 auto;width:65%;max-width:65%;height:100%}.course-tech___wBLIf .sectionslist___3zETn .section___3BGYF .seconddiv___30hYD .topbar___31XJP{padding:1.2857rem;display:flex;align-items:center;border-bottom:.0714rem solid #dbdbdb}.course-tech___wBLIf .sectionslist___3zETn .section___3BGYF .seconddiv___30hYD .topbar___31XJP>img{width:1.4286rem;margin-left:18px;cursor:pointer}.course-tech___wBLIf .sectionslist___3zETn .section___3BGYF .seconddiv___30hYD .topbar___31XJP>div:first-child{width:.1429rem;height:.7857rem;float:left;border-radius:.0714rem;background-color:#106fb8}.course-tech___wBLIf .sectionslist___3zETn .section___3BGYF .seconddiv___30hYD .topbar___31XJP .title____8TJe{margin-left:.5714rem;color:#333;font-size:1.2857rem}.course-tech___wBLIf .sectionslist___3zETn .section___3BGYF .seconddiv___30hYD .topbar___31XJP>div:last-child{margin-left:auto}.course-tech___wBLIf .sectionslist___3zETn .section___3BGYF .seconddiv___30hYD .topbar___31XJP>div:last-child .course-btn___PiAVE{padding:.2857rem 1.0714rem;border:.0714rem solid #a0a0a0;border-radius:.1429rem;box-sizing:border-box;font-size:.8571rem;color:#a0a0a0;cursor:pointer}.course-tech___wBLIf .sectionslist___3zETn .section___3BGYF .seconddiv___30hYD .topbar___31XJP>div:last-child .course-btn___PiAVE:hover{border-color:#106fb8;color:#fff;background-color:#106fb8}.course-tech___wBLIf .sectionslist___3zETn .section___3BGYF .seconddiv___30hYD .topbar___31XJP>div:last-child .course-btn___PiAVE:last-child{margin-left:1.0714rem}.course-tech___wBLIf .sectionslist___3zETn .section___3BGYF .seconddiv___30hYD .panel___2DJFX{height:62%}.course-tech___wBLIf .sectionslist___3zETn .section___3BGYF .seconddiv___30hYD .panel___2DJFX .classes-boxer___bl2zu{padding-top:2rem;display:flex;flex-flow:row wrap;justify-content:space-around;overflow-y:auto;height:100%}.course-tech___wBLIf .sectionslist___3zETn .section___3BGYF .seconddiv___30hYD .panel___2DJFX .classes-boxer___bl2zu>div{text-align:center}.course-tech___wBLIf .sectionslist___3zETn .section___3BGYF .seconddiv___30hYD .panel___2DJFX .classes-boxer___bl2zu>div>span{margin-top:.5714rem;display:inline-block}.course-tech___wBLIf .sectionslist___3zETn .section___3BGYF .seconddiv___30hYD .panel___2DJFX .classes-boxer___bl2zu .classes___2qKgH{width:6rem;height:6rem;padding:.6429rem;box-sizing:border-box;border-radius:50%;background-color:#f8f8f8;cursor:not-allowed}.course-tech___wBLIf .sectionslist___3zETn .section___3BGYF .seconddiv___30hYD .panel___2DJFX .classes-boxer___bl2zu .classes___2qKgH>div{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:.8571rem;color:#fff;background-color:#ccc}.course-tech___wBLIf .sectionslist___3zETn .section___3BGYF .seconddiv___30hYD .panel___2DJFX .classes-boxer___bl2zu .classes-un___pIwUT{background-color:#eafbf2;cursor:pointer}.course-tech___wBLIf .sectionslist___3zETn .section___3BGYF .seconddiv___30hYD .panel___2DJFX .classes-boxer___bl2zu .classes-un___pIwUT>div{background-color:#83d688}.course-tech___wBLIf .sectionslist___3zETn .section___3BGYF .seconddiv___30hYD .panel___2DJFX .classes-boxer___bl2zu .classes-ing___3AsZ-{background-color:#fff5f6;cursor:pointer}.course-tech___wBLIf .sectionslist___3zETn .section___3BGYF .seconddiv___30hYD .panel___2DJFX .classes-boxer___bl2zu .classes-ing___3AsZ->div{background-color:#ff798d}body{background-color:#4abaff}.titlelink___3dNL3{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;margin-bottom:10px}.titlelink___3dNL3 a{width:80px;border-radius:5px;background:#fff;text-align:center;padding:5px;color:#000}.titlelink___3dNL3 .selectedlink___1wfic{background:#106fb8;color:#fff}
body{margin:0;padding:0}body,html{min-width:1200px;min-height:600px;font-size:16px;color:#333;background:#edf1f7;overflow:hidden}a{text-decoration:none;color:#666}a:active{color:#666}a:visited{color:#666}#root___BvY77{height:100%;overflow-y:auto}@media screen and (max-width:1399px){body,html{font-size:12px}}@media screen and (min-width:1400px){body,html{font-size:14px}}@media screen and (min-width:1600px){body,html{font-size:16px}}::-webkit-scrollbar{width:5px;height:1px}::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:#535353}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);border-radius:10px;background:#ededed}.flex-row{display:flex;flex-flow:row nowrap;justify-content:center;align-items:flex-start}.flex-column{display:flex;flex-flow:column nowrap;justify-content:center;align-items:flex-start}.div-btn{text-align:center;background-color:#b2d797;width:130px;font-size:18px;border-radius:5px;margin-left:75%;height:40px;line-height:40px}.div-btn-a{text-decoration:none;color:#fff}.container___3rkkq{max-width:1600px;margin:0 auto}.common-boxer___1VEFS{max-width:1000px;margin-top:2.1429rem;margin-left:auto;margin-right:auto;display:flex;flex-flow:column;align-items:center;position:relative}.desktop-container___vf6e0{height:100%;background:no-repeat 50%/100% 100% url(/images/bg-main@1x.png);overflow-y:auto}.btn___kR7SV{color:#fff;background-color:#106fb8}.btn-beans___2HxXQ,.level-boxer___2rTUr>li,.switch___2z5X->a{padding:.5714rem .7143rem;font-size:.8571rem;border-radius:8px;color:#666;background-color:#fff;cursor:pointer}.checkbox___1HOgO{width:.9375rem;height:.9375rem;border:1px solid #000}.checkbox-choosen___2zjv7{background:#000}.card-boxer___2Rfbu{width:100%;margin-bottom:2.1429rem;display:flex;flex-flow:wrap;justify-content:space-between}.level-boxer___2rTUr{width:100%;margin:0;padding:0;list-style:none}.level-boxer___2rTUr>li{float:left}.level-boxer___2rTUr>li:not(:first-child){margin-left:1.2857rem}.level-boxer___2rTUr>li.active___2ELke{color:#fff;background:#106fb8}.level-boxer___2rTUr>li.active___2ELke>a{color:#fff}.switch___2z5X-{position:absolute;right:0}.switch___2z5X- img{width:.7857rem;margin-left:.4286rem}.course-tech___10nwd .sectionslist___2sDik{width:100%;margin-bottom:7.1429rem}.course-tech___10nwd .sectionslist___2sDik .section___2MCY5{height:270px;margin-top:1.4286rem;display:flex;flex-flow:row nowrap;box-shadow:.0714rem .0714rem .2857rem 0 rgba(0,0,0,.09);border-radius:.2857rem;background:#fff}.course-tech___10nwd .sectionslist___2sDik .section___2MCY5 .firstdiv___1AynO{width:35%;position:relative}.course-tech___10nwd .sectionslist___2sDik .section___2MCY5 .firstdiv___1AynO .mask___1nbGw{width:100%;height:100%;position:absolute;top:0;background:rgba(0,0,0,.5);z-index:2}.course-tech___10nwd .sectionslist___2sDik .section___2MCY5 .firstdiv___1AynO>img{width:100%;height:100%}.course-tech___10nwd .sectionslist___2sDik .section___2MCY5 .seconddiv___6txOm{flex:1 1 auto;width:65%;max-width:65%;height:100%}.course-tech___10nwd .sectionslist___2sDik .section___2MCY5 .seconddiv___6txOm .topbar___1VSA8{padding:1.2857rem;display:flex;align-items:center;border-bottom:.0714rem solid #dbdbdb}.course-tech___10nwd .sectionslist___2sDik .section___2MCY5 .seconddiv___6txOm .topbar___1VSA8>img{width:1.4286rem;margin-left:18px;cursor:pointer}.course-tech___10nwd .sectionslist___2sDik .section___2MCY5 .seconddiv___6txOm .topbar___1VSA8>div:first-child{width:.1429rem;height:.7857rem;float:left;border-radius:.0714rem;background-color:#106fb8}.course-tech___10nwd .sectionslist___2sDik .section___2MCY5 .seconddiv___6txOm .topbar___1VSA8 .title___21qSw{margin-left:.5714rem;color:#333;font-size:1.2857rem}.course-tech___10nwd .sectionslist___2sDik .section___2MCY5 .seconddiv___6txOm .topbar___1VSA8>div:last-child{margin-left:auto}.course-tech___10nwd .sectionslist___2sDik .section___2MCY5 .seconddiv___6txOm .topbar___1VSA8>div:last-child .course-btn___3VBO_{padding:.2857rem 1.0714rem;border:.0714rem solid #a0a0a0;border-radius:.1429rem;box-sizing:border-box;font-size:.8571rem;color:#a0a0a0;cursor:pointer}.course-tech___10nwd .sectionslist___2sDik .section___2MCY5 .seconddiv___6txOm .topbar___1VSA8>div:last-child .course-btn___3VBO_:hover{border-color:#106fb8;color:#fff;background-color:#106fb8}.course-tech___10nwd .sectionslist___2sDik .section___2MCY5 .seconddiv___6txOm .topbar___1VSA8>div:last-child .course-btn___3VBO_:last-child{margin-left:1.0714rem}.course-tech___10nwd .sectionslist___2sDik .section___2MCY5 .seconddiv___6txOm .panel___2x5zF{height:62%}.course-tech___10nwd .sectionslist___2sDik .section___2MCY5 .seconddiv___6txOm .panel___2x5zF .classes-boxer___2v1NR{padding-top:2rem;display:flex;flex-flow:row wrap;justify-content:space-around;overflow-y:auto;height:100%}.course-tech___10nwd .sectionslist___2sDik .section___2MCY5 .seconddiv___6txOm .panel___2x5zF .classes-boxer___2v1NR>div{text-align:center}.course-tech___10nwd .sectionslist___2sDik .section___2MCY5 .seconddiv___6txOm .panel___2x5zF .classes-boxer___2v1NR>div>span{margin-top:.5714rem;display:inline-block}.course-tech___10nwd .sectionslist___2sDik .section___2MCY5 .seconddiv___6txOm .panel___2x5zF .classes-boxer___2v1NR .classes___1KtEU{width:6rem;height:6rem;padding:.6429rem;box-sizing:border-box;border-radius:50%;background-color:#f8f8f8;cursor:not-allowed}.course-tech___10nwd .sectionslist___2sDik .section___2MCY5 .seconddiv___6txOm .panel___2x5zF .classes-boxer___2v1NR .classes___1KtEU>div{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:.8571rem;color:#fff;background-color:#ccc}.course-tech___10nwd .sectionslist___2sDik .section___2MCY5 .seconddiv___6txOm .panel___2x5zF .classes-boxer___2v1NR .classes-un___2e2Mu{background-color:#eafbf2;cursor:pointer}.course-tech___10nwd .sectionslist___2sDik .section___2MCY5 .seconddiv___6txOm .panel___2x5zF .classes-boxer___2v1NR .classes-un___2e2Mu>div{background-color:#83d688}.course-tech___10nwd .sectionslist___2sDik .section___2MCY5 .seconddiv___6txOm .panel___2x5zF .classes-boxer___2v1NR .classes-ing___3vu_q{background-color:#fff5f6;cursor:pointer}.course-tech___10nwd .sectionslist___2sDik .section___2MCY5 .seconddiv___6txOm .panel___2x5zF .classes-boxer___2v1NR .classes-ing___3vu_q>div{background-color:#ff798d}body{background-color:#4abaff}.historycardlist___3oIXL{flex-flow:row nowrap;justify-content:flex-start;align-items:flex-start}.historycardlist___3oIXL .subjectDiv___3JN5R{background:#fff;width:250px;display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:center;border-radius:5px}.historycardlist___3oIXL .subjectDiv___3JN5R a{padding:10px 0;font-size:18px;text-decoration:none;cursor:pointer;border-bottom:1px solid #ccc}.historycardlist___3oIXL .item-list___2SUQH{margin-left:50px;flex:1 1 auto}.historycardlist___3oIXL .historycard___1Run0 .sectionname___33BK_{font-size:16px}.historycardlist___3oIXL .historycard___1Run0 .mywork___3GZvu{width:100%;margin:0 0 70px;padding:0;display:flex;flex-flow:row nowrap;align-items:flex-start;justify-content:center}.historycardlist___3oIXL .historycard___1Run0 .mywork___3GZvu iframe{width:70%;height:500px;margin:0;padding:0;border:none}.historycardlist___3oIXL .historycard___1Run0 .mywork___3GZvu .player___ejjoU{width:100%;margin:0;padding:0;position:relative;display:inline-block}.historycardlist___3oIXL .historycard___1Run0 .mywork___3GZvu .player___ejjoU .cover___1Q7-T{width:100%}.historycardlist___3oIXL .historycard___1Run0 .mywork___3GZvu .player___ejjoU .flag___1gFyI{position:absolute;width:100%;height:500px;top:0;left:0;background-color:hsla(0,0%,73.3%,.7)}.historycardlist___3oIXL .historycard___1Run0 .mywork___3GZvu .player___ejjoU .flag___1gFyI img{position:absolute;width:10%;height:10%;top:45%;left:45%}.historycardlist___3oIXL .historycard___1Run0 .mywork___3GZvu .player___ejjoU .flag___1gFyI img:hover{cursor:pointer;opacity:.7}.historycardlist___3oIXL .historycard___1Run0 .mywork___3GZvu .player___ejjoU .flag___1gFyI img:active{opacity:1}.historycardlist___3oIXL .historycard___1Run0 .mywork___3GZvu .evaluate___3refy{margin-left:6%;display:inline-block;vertical-align:top}.historycardlist___3oIXL .historycard___1Run0 .mywork___3GZvu .evaluate___3refy div{border-radius:.4rem}.historycardlist___3oIXL .historycard___1Run0 .mywork___3GZvu .evaluate___3refy div .star___1JhdJ{width:24px}.testtable___3FDDX{margin-top:1rem;border-collapse:collapse;width:400px;min-height:80px;text-align:center;background:#fff;border-radius:.4rem}.testtable___3FDDX td{border:1px solid #ccc}.testtable___3FDDX td:first-child{border-left:none}.testtable___3FDDX td:last-child{border-right:none}.testtable___3FDDX tr:first-child td{border-top:none}.testtable___3FDDX tr:nth-child(2) td{border-bottom:none}.work-boxer___1vBm1 .work-list___1jUbq{width:100%;margin-bottom:50px;display:flex;flex-flow:column}.work-boxer___1vBm1 .work-list___1jUbq .work-item___2xu67{width:100%;margin-top:30px;display:flex;flex-flow:row}.work-boxer___1vBm1 .work-list___1jUbq .work-item___2xu67 .evaluate___3refy{width:304px;min-height:408px;text-align:center;border-radius:4px;background:#fff}.work-boxer___1vBm1 .work-list___1jUbq .work-item___2xu67 .evaluate___3refy .title___21qSw{margin-top:15px;display:flex;align-items:center;justify-content:center;font-size:1.1429rem;color:#666}.work-boxer___1vBm1 .work-list___1jUbq .work-item___2xu67 .evaluate___3refy .title___21qSw .star___1JhdJ{width:1.1429rem}.work-boxer___1vBm1 .work-list___1jUbq .work-item___2xu67 .evaluate___3refy .legend___D27Df{margin-top:16px;font-size:.8571rem}.work-boxer___1vBm1 .work-list___1jUbq .work-item___2xu67 .evaluate___3refy .legend___D27Df>div{width:9px;height:9px;display:inline-block;border-radius:50%}.work-boxer___1vBm1 .work-list___1jUbq .work-item___2xu67 .evaluate___3refy .legend___D27Df>div:nth-child(2){background:#106fb8}.work-boxer___1vBm1 .work-list___1jUbq .work-item___2xu67 .evaluate___3refy .legend___D27Df>div:last-child{background:#68b0e9}.work-boxer___1vBm1 .work-list___1jUbq .work-item___2xu67 .evaluate___3refy .grade___2Qbn4{width:100%;display:flex;flex-flow:row wrap;justify-content:space-between;max-height:146px;overflow-y:auto;bottom:0;border-top:4px solid #edf1f7;background:#fff}.work-boxer___1vBm1 .work-list___1jUbq .work-item___2xu67 .evaluate___3refy .grade___2Qbn4>div{flex:1 1 auto}.work-boxer___1vBm1 .work-list___1jUbq .work-item___2xu67 .evaluate___3refy .grade___2Qbn4>div:not(:last-child){border-right:1px solid #dbdbdb}.work-boxer___1vBm1 .work-list___1jUbq .work-item___2xu67 .evaluate___3refy .grade___2Qbn4>div>div:last-child{border-top:1px solid #dbdbdb}.work-boxer___1vBm1 .work-list___1jUbq .work-item___2xu67 .evaluate___3refy .grade___2Qbn4>div div{padding:10px 0}.work-boxer___1vBm1 .work-list___1jUbq .work-item___2xu67 .evaluate___3refy .grade___2Qbn4 pre{padding:10px 0;overflow-x:auto}.work-boxer___1vBm1 .work-list___1jUbq .work-item___2xu67 .evaluate___3refy .grade___2Qbn4 img{width:15px}.work-boxer___1vBm1 .work-list___1jUbq .work-item___2xu67 .detail___3Edzf{width:100%;margin-left:20px;display:flex;flex-flow:column}.work-boxer___1vBm1 .work-list___1jUbq .work-item___2xu67 .detail___3Edzf .title___21qSw{display:flex}.work-boxer___1vBm1 .work-list___1jUbq .work-item___2xu67 .detail___3Edzf .title___21qSw>div{height:31px;line-height:31px;border-radius:4px;font-size:18px;color:#fff;background-color:#106fb8}.work-boxer___1vBm1 .work-list___1jUbq .work-item___2xu67 .detail___3Edzf .title___21qSw>div:first-child{width:31px;text-align:center}.work-boxer___1vBm1 .work-list___1jUbq .work-item___2xu67 .detail___3Edzf .title___21qSw>div:last-child{width:100%;margin-left:20px;padding-left:15px}.work-boxer___1vBm1 .work-list___1jUbq .work-item___2xu67 .detail___3Edzf>iframe{margin-top:20px;flex:1 1 auto;position:relative}.work-boxer___1vBm1 .work-list___1jUbq .work-item___2xu67 .detail___3Edzf .player___ejjoU{margin-top:20px;flex:1 1 auto;position:relative}.work-boxer___1vBm1 .work-list___1jUbq .work-item___2xu67 .detail___3Edzf .player___ejjoU .cover___1Q7-T{width:100%;height:100%}.work-boxer___1vBm1 .work-list___1jUbq .work-item___2xu67 .detail___3Edzf .player___ejjoU .flag___1gFyI{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:0;cursor:pointer;transition:all .3s}.work-boxer___1vBm1 .work-list___1jUbq .work-item___2xu67 .detail___3Edzf .player___ejjoU .flag___1gFyI:hover{opacity:.7}.work-boxer___1vBm1 .work-list___1jUbq .work-item___2xu67 .detail___3Edzf .player___ejjoU .flag___1gFyI>img{width:30px}
body{margin:0;padding:0}body,html{min-width:1200px;min-height:600px;font-size:16px;color:#333;background:#edf1f7;overflow:hidden}a{text-decoration:none;color:#666}a:active{color:#666}a:visited{color:#666}#root___2bw71{height:100%;overflow-y:auto}@media screen and (max-width:1399px){body,html{font-size:12px}}@media screen and (min-width:1400px){body,html{font-size:14px}}@media screen and (min-width:1600px){body,html{font-size:16px}}::-webkit-scrollbar{width:5px;height:1px}::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:#535353}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);border-radius:10px;background:#ededed}.flex-row{display:flex;flex-flow:row nowrap;justify-content:center;align-items:flex-start}.flex-column{display:flex;flex-flow:column nowrap;justify-content:center;align-items:flex-start}.div-btn{text-align:center;background-color:#b2d797;width:130px;font-size:18px;border-radius:5px;margin-left:75%;height:40px;line-height:40px}.div-btn-a{text-decoration:none;color:#fff}.container___3Oiq3{max-width:1600px;margin:0 auto}.common-boxer___2tqdI{max-width:1000px;margin-top:2.1429rem;margin-left:auto;margin-right:auto;display:flex;flex-flow:column;align-items:center;position:relative}.desktop-container___3zG2P{height:100%;background:no-repeat 50%/100% 100% url(/images/bg-main@1x.png);overflow-y:auto}.btn___eQ48Y{color:#fff;background-color:#106fb8}.btn-beans___3yLMW,.level-boxer___MFi05>li,.switch___1nqEh>a{padding:.5714rem .7143rem;font-size:.8571rem;border-radius:8px;color:#666;background-color:#fff;cursor:pointer}.checkbox___3IgkR{width:.9375rem;height:.9375rem;border:1px solid #000}.checkbox-choosen___3x3AG{background:#000}.card-boxer___1xw2b{width:100%;margin-bottom:2.1429rem;display:flex;flex-flow:wrap;justify-content:space-between}.level-boxer___MFi05{width:100%;margin:0;padding:0;list-style:none}.level-boxer___MFi05>li{float:left}.level-boxer___MFi05>li:not(:first-child){margin-left:1.2857rem}.level-boxer___MFi05>li.active___2A2Ja{color:#fff;background:#106fb8}.level-boxer___MFi05>li.active___2A2Ja>a{color:#fff}.switch___1nqEh{position:absolute;right:0}.switch___1nqEh img{width:.7857rem;margin-left:.4286rem}.course-tech___2aTFQ .sectionslist___3Y1u4{width:100%;margin-bottom:7.1429rem}.course-tech___2aTFQ .sectionslist___3Y1u4 .section___2oGq_{height:270px;margin-top:1.4286rem;display:flex;flex-flow:row nowrap;box-shadow:.0714rem .0714rem .2857rem 0 rgba(0,0,0,.09);border-radius:.2857rem;background:#fff}.course-tech___2aTFQ .sectionslist___3Y1u4 .section___2oGq_ .firstdiv___1F8X0{width:35%;position:relative}.course-tech___2aTFQ .sectionslist___3Y1u4 .section___2oGq_ .firstdiv___1F8X0 .mask___BLCyt{width:100%;height:100%;position:absolute;top:0;background:rgba(0,0,0,.5);z-index:2}.course-tech___2aTFQ .sectionslist___3Y1u4 .section___2oGq_ .firstdiv___1F8X0>img{width:100%;height:100%}.course-tech___2aTFQ .sectionslist___3Y1u4 .section___2oGq_ .seconddiv___202YF{flex:1 1 auto;width:65%;max-width:65%;height:100%}.course-tech___2aTFQ .sectionslist___3Y1u4 .section___2oGq_ .seconddiv___202YF .topbar___2kVhS{padding:1.2857rem;display:flex;align-items:center;border-bottom:.0714rem solid #dbdbdb}.course-tech___2aTFQ .sectionslist___3Y1u4 .section___2oGq_ .seconddiv___202YF .topbar___2kVhS>img{width:1.4286rem;margin-left:18px;cursor:pointer}.course-tech___2aTFQ .sectionslist___3Y1u4 .section___2oGq_ .seconddiv___202YF .topbar___2kVhS>div:first-child{width:.1429rem;height:.7857rem;float:left;border-radius:.0714rem;background-color:#106fb8}.course-tech___2aTFQ .sectionslist___3Y1u4 .section___2oGq_ .seconddiv___202YF .topbar___2kVhS .title___3YiEU{margin-left:.5714rem;color:#333;font-size:1.2857rem}.course-tech___2aTFQ .sectionslist___3Y1u4 .section___2oGq_ .seconddiv___202YF .topbar___2kVhS>div:last-child{margin-left:auto}.course-tech___2aTFQ .sectionslist___3Y1u4 .section___2oGq_ .seconddiv___202YF .topbar___2kVhS>div:last-child .course-btn___BnPUo{padding:.2857rem 1.0714rem;border:.0714rem solid #a0a0a0;border-radius:.1429rem;box-sizing:border-box;font-size:.8571rem;color:#a0a0a0;cursor:pointer}.course-tech___2aTFQ .sectionslist___3Y1u4 .section___2oGq_ .seconddiv___202YF .topbar___2kVhS>div:last-child .course-btn___BnPUo:hover{border-color:#106fb8;color:#fff;background-color:#106fb8}.course-tech___2aTFQ .sectionslist___3Y1u4 .section___2oGq_ .seconddiv___202YF .topbar___2kVhS>div:last-child .course-btn___BnPUo:last-child{margin-left:1.0714rem}.course-tech___2aTFQ .sectionslist___3Y1u4 .section___2oGq_ .seconddiv___202YF .panel___1TmV9{height:62%}.course-tech___2aTFQ .sectionslist___3Y1u4 .section___2oGq_ .seconddiv___202YF .panel___1TmV9 .classes-boxer___3ZJmt{padding-top:2rem;display:flex;flex-flow:row wrap;justify-content:space-around;overflow-y:auto;height:100%}.course-tech___2aTFQ .sectionslist___3Y1u4 .section___2oGq_ .seconddiv___202YF .panel___1TmV9 .classes-boxer___3ZJmt>div{text-align:center}.course-tech___2aTFQ .sectionslist___3Y1u4 .section___2oGq_ .seconddiv___202YF .panel___1TmV9 .classes-boxer___3ZJmt>div>span{margin-top:.5714rem;display:inline-block}.course-tech___2aTFQ .sectionslist___3Y1u4 .section___2oGq_ .seconddiv___202YF .panel___1TmV9 .classes-boxer___3ZJmt .classes___12QRh{width:6rem;height:6rem;padding:.6429rem;box-sizing:border-box;border-radius:50%;background-color:#f8f8f8;cursor:not-allowed}.course-tech___2aTFQ .sectionslist___3Y1u4 .section___2oGq_ .seconddiv___202YF .panel___1TmV9 .classes-boxer___3ZJmt .classes___12QRh>div{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:.8571rem;color:#fff;background-color:#ccc}.course-tech___2aTFQ .sectionslist___3Y1u4 .section___2oGq_ .seconddiv___202YF .panel___1TmV9 .classes-boxer___3ZJmt .classes-un___BDXDq{background-color:#eafbf2;cursor:pointer}.course-tech___2aTFQ .sectionslist___3Y1u4 .section___2oGq_ .seconddiv___202YF .panel___1TmV9 .classes-boxer___3ZJmt .classes-un___BDXDq>div{background-color:#83d688}.course-tech___2aTFQ .sectionslist___3Y1u4 .section___2oGq_ .seconddiv___202YF .panel___1TmV9 .classes-boxer___3ZJmt .classes-ing___i1MDG{background-color:#fff5f6;cursor:pointer}.course-tech___2aTFQ .sectionslist___3Y1u4 .section___2oGq_ .seconddiv___202YF .panel___1TmV9 .classes-boxer___3ZJmt .classes-ing___i1MDG>div{background-color:#ff798d}.dashboard___2ItrX{width:100%}.dashboard___2ItrX .nav___-DPUs{background-color:#b1d211;height:4.2857rem;min-width:900px;padding:0 50px}.dashboard___2ItrX .nav___-DPUs .logo___2KeDP{height:40px;margin:15px 0;fill:#101010;float:left}.dashboard___2ItrX .nav___-DPUs a{display:inline-block;-webkit-text-decoration-line:none;text-decoration-line:none}.dashboard___2ItrX .nav___-DPUs a:hover{opacity:.7;cursor:pointer}.dashboard___2ItrX .nav___-DPUs a{width:70px}.dashboard___2ItrX .nav___-DPUs>div,.dashboard___2ItrX .nav___-DPUs a>div{clear:both;display:inline-block;height:4.2857rem;line-height:4.2857rem;font-size:24px;margin:0 0 0 10px}.dashboard___2ItrX .nav___-DPUs .stopperiod___NBwh8{float:right;width:80px;height:32px;background-color:#e51c23;margin:19px;border:none;border-radius:5px;color:#fff}.dashboard___2ItrX .nav___-DPUs .stopperiod___NBwh8:hover{opacity:.7;cursor:pointer}.dashboard___2ItrX .nav___-DPUs .stopperiod___NBwh8:active{opacity:1}.dashboard___2ItrX .statuslist___16GBA{margin-top:50px;display:flex;flex-flow:row wrap;justify-content:center;align-items:flex-start}.dashboard___2ItrX .statuslist___16GBA .status___2LqYN{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;margin:0 50px}.dashboard___2ItrX .statuslist___16GBA .status___2LqYN .name___3_EMO{color:#7b4119;width:100px;text-align:center;box-shadow:4px 4px 10px #f48206;border-radius:10px}.dashboard___2ItrX .statuslist___16GBA .status___2LqYN .name___3_EMO:hover{cursor:pointer;opacity:.7}.dashboard___2ItrX .statuslist___16GBA .status___2LqYN ul{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;list-style:none}.dashboard___2ItrX .statuslist___16GBA .status___2LqYN ul li{width:8px;height:8px;border:4px solid #bbb;border-radius:50%;margin-right:30px;position:relative}.dashboard___2ItrX .statuslist___16GBA .status___2LqYN ul li:after{position:absolute;content:" ";width:30px;height:4px;background-color:#bbb;top:2px;left:12px}.dashboard___2ItrX .statuslist___16GBA .status___2LqYN ul li:last-child:after{width:0}.dashboard___2ItrX .statuslist___16GBA .status___2LqYN ul li.selected___LyeJ9{background-color:#ecad50;border-color:#ecad50}.dashboard___2ItrX .statuslist___16GBA .status___2LqYN .detail___Z_5fF{color:#7b4119;width:80px;height:30px;line-height:30px;border-radius:5px;background-color:#9eba1a;text-align:center}.dashboard-boxer___1__dF .nav-boxer___2qGpK{height:4.2857rem;background-color:#106fb8}.dashboard-boxer___1__dF .nav-boxer___2qGpK .nav___-DPUs{width:1000px;margin:0 auto;padding-top:1.0714rem;display:flex;align-items:center;justify-content:space-between}.dashboard-boxer___1__dF .nav-boxer___2qGpK .nav___-DPUs>a{width:8.9286rem;height:2.1429rem;display:flex;align-items:center;justify-content:center;border-radius:.2857rem;text-decoration:none;color:#fff;background-color:#0d81db}.dashboard-boxer___1__dF .nav-boxer___2qGpK .nav___-DPUs>a>img{width:1.5714rem;margin-right:.5714rem}.dashboard-boxer___1__dF .nav-boxer___2qGpK .nav___-DPUs>button{padding:5px 18px;font-size:1rem;border-color:#e51c23;border-radius:.2857rem;color:#fff;background:#e51c23;cursor:pointer}.dashboard-boxer___1__dF .list-boxer___3I8ms{width:1000px;margin:20px auto 5.7143rem;display:flex;flex-flow:wrap;justify-content:space-between}.dashboard-boxer___1__dF .list-boxer___3I8ms .item___CkRzG{width:450px;height:90px;margin-top:25px;padding:15px;display:flex;align-items:center;border-radius:8px;box-shadow:1px 1px 4px 0 rgba(0,0,0,.09);background-color:#fff}.dashboard-boxer___1__dF .list-boxer___3I8ms .item___CkRzG .name___3_EMO{width:129px;height:57px;display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff;background:url(/images/item_bg@2x.png) no-repeat 50%/100% 100%}.dashboard-boxer___1__dF .list-boxer___3I8ms .item___CkRzG .detail___Z_5fF{width:300px;margin-left:10px;position:relative}.dashboard-boxer___1__dF .list-boxer___3I8ms .item___CkRzG .detail___Z_5fF>span{font-size:1rem;color:#909090}.dashboard-boxer___1__dF .list-boxer___3I8ms .item___CkRzG .detail___Z_5fF ul{height:30px;margin:8px 0 0;padding:3px 10px;display:flex;flex-flow:row;align-items:center;justify-content:space-between;list-style:none;border-radius:15px;background-color:#f3f4f7}.dashboard-boxer___1__dF .list-boxer___3I8ms .item___CkRzG .detail___Z_5fF ul li{width:18px;height:18px;border-radius:50%;background-color:#ffaa84;z-index:2}.dashboard-boxer___1__dF .list-boxer___3I8ms .item___CkRzG .detail___Z_5fF .progress-bar___1Bkma{width:260px;height:12px;position:absolute;top:40px;left:20px;border-radius:15px;overflow:hidden}.dashboard-boxer___1__dF .list-boxer___3I8ms .item___CkRzG .detail___Z_5fF .progress-bar___1Bkma>div{width:260px;height:12px;background:linear-gradient(-90deg,#ff5c14,#ff8f5e 55%,#fb9f76);z-index:1}
body{margin:0;padding:0}body,html{min-width:1200px;min-height:600px;font-size:16px;color:#333;background:#edf1f7;overflow:hidden}a{text-decoration:none;color:#666}a:active{color:#666}a:visited{color:#666}#root___2HAAP{height:100%;overflow-y:auto}@media screen and (max-width:1399px){body,html{font-size:12px}}@media screen and (min-width:1400px){body,html{font-size:14px}}@media screen and (min-width:1600px){body,html{font-size:16px}}::-webkit-scrollbar{width:5px;height:1px}::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:#535353}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);border-radius:10px;background:#ededed}.flex-row{display:flex;flex-flow:row nowrap;justify-content:center;align-items:flex-start}.flex-column{display:flex;flex-flow:column nowrap;justify-content:center;align-items:flex-start}.div-btn{text-align:center;background-color:#b2d797;width:130px;font-size:18px;border-radius:5px;margin-left:75%;height:40px;line-height:40px}.div-btn-a{text-decoration:none;color:#fff}.container___1T9Wq{max-width:1600px;margin:0 auto}.common-boxer___2Y-mW{max-width:1000px;margin-top:2.1429rem;margin-left:auto;margin-right:auto;display:flex;flex-flow:column;align-items:center;position:relative}.desktop-container___34qbM{height:100%;background:no-repeat 50%/100% 100% url(/images/bg-main@1x.png);overflow-y:auto}.btn___3YZFn{color:#fff;background-color:#106fb8}.btn-beans___2eLa9,.level-boxer___20ly->li,.switch___CdgLQ>a{padding:.5714rem .7143rem;font-size:.8571rem;border-radius:8px;color:#666;background-color:#fff;cursor:pointer}.checkbox___x3tPQ{width:.9375rem;height:.9375rem;border:1px solid #000}.checkbox-choosen___NEJIi{background:#000}.card-boxer___36XFD{width:100%;margin-bottom:2.1429rem;display:flex;flex-flow:wrap;justify-content:space-between}.level-boxer___20ly-{width:100%;margin:0;padding:0;list-style:none}.level-boxer___20ly->li{float:left}.level-boxer___20ly->li:not(:first-child){margin-left:1.2857rem}.level-boxer___20ly->li.active___3prDl{color:#fff;background:#106fb8}.level-boxer___20ly->li.active___3prDl>a{color:#fff}.switch___CdgLQ{position:absolute;right:0}.switch___CdgLQ img{width:.7857rem;margin-left:.4286rem}.course-tech___2OerB .sectionslist___2mcyR{width:100%;margin-bottom:7.1429rem}.course-tech___2OerB .sectionslist___2mcyR .section___2_h3I{height:270px;margin-top:1.4286rem;display:flex;flex-flow:row nowrap;box-shadow:.0714rem .0714rem .2857rem 0 rgba(0,0,0,.09);border-radius:.2857rem;background:#fff}.course-tech___2OerB .sectionslist___2mcyR .section___2_h3I .firstdiv___3TvEa{width:35%;position:relative}.course-tech___2OerB .sectionslist___2mcyR .section___2_h3I .firstdiv___3TvEa .mask___3z9NX{width:100%;height:100%;position:absolute;top:0;background:rgba(0,0,0,.5);z-index:2}.course-tech___2OerB .sectionslist___2mcyR .section___2_h3I .firstdiv___3TvEa>img{width:100%;height:100%}.course-tech___2OerB .sectionslist___2mcyR .section___2_h3I .seconddiv___1Bk_R{flex:1 1 auto;width:65%;max-width:65%;height:100%}.course-tech___2OerB .sectionslist___2mcyR .section___2_h3I .seconddiv___1Bk_R .topbar___3_OYI{padding:1.2857rem;display:flex;align-items:center;border-bottom:.0714rem solid #dbdbdb}.course-tech___2OerB .sectionslist___2mcyR .section___2_h3I .seconddiv___1Bk_R .topbar___3_OYI>img{width:1.4286rem;margin-left:18px;cursor:pointer}.course-tech___2OerB .sectionslist___2mcyR .section___2_h3I .seconddiv___1Bk_R .topbar___3_OYI>div:first-child{width:.1429rem;height:.7857rem;float:left;border-radius:.0714rem;background-color:#106fb8}.course-tech___2OerB .sectionslist___2mcyR .section___2_h3I .seconddiv___1Bk_R .topbar___3_OYI .title___SDmM8{margin-left:.5714rem;color:#333;font-size:1.2857rem}.course-tech___2OerB .sectionslist___2mcyR .section___2_h3I .seconddiv___1Bk_R .topbar___3_OYI>div:last-child{margin-left:auto}.course-tech___2OerB .sectionslist___2mcyR .section___2_h3I .seconddiv___1Bk_R .topbar___3_OYI>div:last-child .course-btn___29vlq{padding:.2857rem 1.0714rem;border:.0714rem solid #a0a0a0;border-radius:.1429rem;box-sizing:border-box;font-size:.8571rem;color:#a0a0a0;cursor:pointer}.course-tech___2OerB .sectionslist___2mcyR .section___2_h3I .seconddiv___1Bk_R .topbar___3_OYI>div:last-child .course-btn___29vlq:hover{border-color:#106fb8;color:#fff;background-color:#106fb8}.course-tech___2OerB .sectionslist___2mcyR .section___2_h3I .seconddiv___1Bk_R .topbar___3_OYI>div:last-child .course-btn___29vlq:last-child{margin-left:1.0714rem}.course-tech___2OerB .sectionslist___2mcyR .section___2_h3I .seconddiv___1Bk_R .panel___1XVXZ{height:62%}.course-tech___2OerB .sectionslist___2mcyR .section___2_h3I .seconddiv___1Bk_R .panel___1XVXZ .classes-boxer___3D6wl{padding-top:2rem;display:flex;flex-flow:row wrap;justify-content:space-around;overflow-y:auto;height:100%}.course-tech___2OerB .sectionslist___2mcyR .section___2_h3I .seconddiv___1Bk_R .panel___1XVXZ .classes-boxer___3D6wl>div{text-align:center}.course-tech___2OerB .sectionslist___2mcyR .section___2_h3I .seconddiv___1Bk_R .panel___1XVXZ .classes-boxer___3D6wl>div>span{margin-top:.5714rem;display:inline-block}.course-tech___2OerB .sectionslist___2mcyR .section___2_h3I .seconddiv___1Bk_R .panel___1XVXZ .classes-boxer___3D6wl .classes___7xR8q{width:6rem;height:6rem;padding:.6429rem;box-sizing:border-box;border-radius:50%;background-color:#f8f8f8;cursor:not-allowed}.course-tech___2OerB .sectionslist___2mcyR .section___2_h3I .seconddiv___1Bk_R .panel___1XVXZ .classes-boxer___3D6wl .classes___7xR8q>div{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:.8571rem;color:#fff;background-color:#ccc}.course-tech___2OerB .sectionslist___2mcyR .section___2_h3I .seconddiv___1Bk_R .panel___1XVXZ .classes-boxer___3D6wl .classes-un___3-y2D{background-color:#eafbf2;cursor:pointer}.course-tech___2OerB .sectionslist___2mcyR .section___2_h3I .seconddiv___1Bk_R .panel___1XVXZ .classes-boxer___3D6wl .classes-un___3-y2D>div{background-color:#83d688}.course-tech___2OerB .sectionslist___2mcyR .section___2_h3I .seconddiv___1Bk_R .panel___1XVXZ .classes-boxer___3D6wl .classes-ing___1_nBA{background-color:#fff5f6;cursor:pointer}.course-tech___2OerB .sectionslist___2mcyR .section___2_h3I .seconddiv___1Bk_R .panel___1XVXZ .classes-boxer___3D6wl .classes-ing___1_nBA>div{background-color:#ff798d}.desktop-boxer___3fVWm{width:71.4286rem;margin:0 auto 10px;display:flex;flex-flow:row nowrap}.desktop-boxer___3fVWm .imgs-boxer___1UQkp{position:relative;cursor:pointer;transition:all .3s ease-in-out}.desktop-boxer___3fVWm .imgs-boxer___1UQkp:hover{transform:scale(1.06);box-shadow:2px 2px 10px #000}.desktop-boxer___3fVWm .imgs-boxer___1UQkp:hover>a>div{background:none}.desktop-boxer___3fVWm .imgs-boxer___1UQkp>a>div{width:100%;height:100%;position:absolute;background:rgba(0,0,0,.1);z-index:1;transition:all .3s ease-in-out}.desktop-boxer___3fVWm .img01___2vPeW img{width:21.5714rem}.desktop-boxer___3fVWm .imgs-c1___zaRoZ{width:47.5714rem;padding-left:1.2857rem}.desktop-boxer___3fVWm .imgs-c1___zaRoZ .imgs-c2___7Y-tC .img02___tupxy{float:left}.desktop-boxer___3fVWm .imgs-c1___zaRoZ .imgs-c2___7Y-tC .img02___tupxy img{width:23.7857rem}.desktop-boxer___3fVWm .imgs-c1___zaRoZ .imgs-c2___7Y-tC .imgs-c3___1PMBf{padding-left:1.2857rem;float:left}.desktop-boxer___3fVWm .imgs-c1___zaRoZ .imgs-c2___7Y-tC .imgs-c3___1PMBf .img03___2Vydz img{width:22.5rem}.desktop-boxer___3fVWm .imgs-c1___zaRoZ .imgs-c2___7Y-tC .imgs-c3___1PMBf .img04___3xw-u{margin-top:1.2857rem}.desktop-boxer___3fVWm .imgs-c1___zaRoZ .imgs-c2___7Y-tC .imgs-c3___1PMBf .img04___3xw-u img{width:22.5rem}.desktop-boxer___3fVWm .imgs-c1___zaRoZ .img05___ES99o{margin-top:1.2857rem}.desktop-boxer___3fVWm .imgs-c1___zaRoZ .img05___ES99o img{width:47.5714rem}
body{margin:0;padding:0}body,html{min-width:1200px;min-height:600px;font-size:16px;color:#333;background:#edf1f7;overflow:hidden}a{text-decoration:none;color:#666}a:active{color:#666}a:visited{color:#666}#root___2zk7u{height:100%;overflow-y:auto}@media screen and (max-width:1399px){body,html{font-size:12px}}@media screen and (min-width:1400px){body,html{font-size:14px}}@media screen and (min-width:1600px){body,html{font-size:16px}}::-webkit-scrollbar{width:5px;height:1px}::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:#535353}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);border-radius:10px;background:#ededed}.flex-row{display:flex;flex-flow:row nowrap;justify-content:center;align-items:flex-start}.flex-column{display:flex;flex-flow:column nowrap;justify-content:center;align-items:flex-start}.div-btn{text-align:center;background-color:#b2d797;width:130px;font-size:18px;border-radius:5px;margin-left:75%;height:40px;line-height:40px}.div-btn-a{text-decoration:none;color:#fff}.container___20Iob{max-width:1600px;margin:0 auto}.common-boxer___2N_Q8{max-width:1000px;margin-top:2.1429rem;margin-left:auto;margin-right:auto;display:flex;flex-flow:column;align-items:center;position:relative}.desktop-container___168iR{height:100%;background:no-repeat 50%/100% 100% url(/images/bg-main@1x.png);overflow-y:auto}.btn___3BsRT{color:#fff;background-color:#106fb8}.btn-beans___2PAIR,.level-boxer___10Ip4>li,.switch___2nKMA>a{padding:.5714rem .7143rem;font-size:.8571rem;border-radius:8px;color:#666;background-color:#fff;cursor:pointer}.checkbox___GFJ-0{width:.9375rem;height:.9375rem;border:1px solid #000}.checkbox-choosen___3YfV4{background:#000}.card-boxer___2abJb{width:100%;margin-bottom:2.1429rem;display:flex;flex-flow:wrap;justify-content:space-between}.level-boxer___10Ip4{width:100%;margin:0;padding:0;list-style:none}.level-boxer___10Ip4>li{float:left}.level-boxer___10Ip4>li:not(:first-child){margin-left:1.2857rem}.level-boxer___10Ip4>li.active___C-mKT{color:#fff;background:#106fb8}.level-boxer___10Ip4>li.active___C-mKT>a{color:#fff}.switch___2nKMA{position:absolute;right:0}.switch___2nKMA img{width:.7857rem;margin-left:.4286rem}.course-tech___3VIMx .sectionslist___3PLIn{width:100%;margin-bottom:7.1429rem}.course-tech___3VIMx .sectionslist___3PLIn .section___3p3Cu{height:270px;margin-top:1.4286rem;display:flex;flex-flow:row nowrap;box-shadow:.0714rem .0714rem .2857rem 0 rgba(0,0,0,.09);border-radius:.2857rem;background:#fff}.course-tech___3VIMx .sectionslist___3PLIn .section___3p3Cu .firstdiv___8DDyJ{width:35%;position:relative}.course-tech___3VIMx .sectionslist___3PLIn .section___3p3Cu .firstdiv___8DDyJ .mask___2cXas{width:100%;height:100%;position:absolute;top:0;background:rgba(0,0,0,.5);z-index:2}.course-tech___3VIMx .sectionslist___3PLIn .section___3p3Cu .firstdiv___8DDyJ>img{width:100%;height:100%}.course-tech___3VIMx .sectionslist___3PLIn .section___3p3Cu .seconddiv___2o9mV{flex:1 1 auto;width:65%;max-width:65%;height:100%}.course-tech___3VIMx .sectionslist___3PLIn .section___3p3Cu .seconddiv___2o9mV .topbar___26aOl{padding:1.2857rem;display:flex;align-items:center;border-bottom:.0714rem solid #dbdbdb}.course-tech___3VIMx .sectionslist___3PLIn .section___3p3Cu .seconddiv___2o9mV .topbar___26aOl>img{width:1.4286rem;margin-left:18px;cursor:pointer}.course-tech___3VIMx .sectionslist___3PLIn .section___3p3Cu .seconddiv___2o9mV .topbar___26aOl>div:first-child{width:.1429rem;height:.7857rem;float:left;border-radius:.0714rem;background-color:#106fb8}.course-tech___3VIMx .sectionslist___3PLIn .section___3p3Cu .seconddiv___2o9mV .topbar___26aOl .title___1WgWk{margin-left:.5714rem;color:#333;font-size:1.2857rem}.course-tech___3VIMx .sectionslist___3PLIn .section___3p3Cu .seconddiv___2o9mV .topbar___26aOl>div:last-child{margin-left:auto}.course-tech___3VIMx .sectionslist___3PLIn .section___3p3Cu .seconddiv___2o9mV .topbar___26aOl>div:last-child .course-btn___2cFqO{padding:.2857rem 1.0714rem;border:.0714rem solid #a0a0a0;border-radius:.1429rem;box-sizing:border-box;font-size:.8571rem;color:#a0a0a0;cursor:pointer}.course-tech___3VIMx .sectionslist___3PLIn .section___3p3Cu .seconddiv___2o9mV .topbar___26aOl>div:last-child .course-btn___2cFqO:hover{border-color:#106fb8;color:#fff;background-color:#106fb8}.course-tech___3VIMx .sectionslist___3PLIn .section___3p3Cu .seconddiv___2o9mV .topbar___26aOl>div:last-child .course-btn___2cFqO:last-child{margin-left:1.0714rem}.course-tech___3VIMx .sectionslist___3PLIn .section___3p3Cu .seconddiv___2o9mV .panel___8gB4m{height:62%}.course-tech___3VIMx .sectionslist___3PLIn .section___3p3Cu .seconddiv___2o9mV .panel___8gB4m .classes-boxer___F7R6I{padding-top:2rem;display:flex;flex-flow:row wrap;justify-content:space-around;overflow-y:auto;height:100%}.course-tech___3VIMx .sectionslist___3PLIn .section___3p3Cu .seconddiv___2o9mV .panel___8gB4m .classes-boxer___F7R6I>div{text-align:center}.course-tech___3VIMx .sectionslist___3PLIn .section___3p3Cu .seconddiv___2o9mV .panel___8gB4m .classes-boxer___F7R6I>div>span{margin-top:.5714rem;display:inline-block}.course-tech___3VIMx .sectionslist___3PLIn .section___3p3Cu .seconddiv___2o9mV .panel___8gB4m .classes-boxer___F7R6I .classes___xbpPC{width:6rem;height:6rem;padding:.6429rem;box-sizing:border-box;border-radius:50%;background-color:#f8f8f8;cursor:not-allowed}.course-tech___3VIMx .sectionslist___3PLIn .section___3p3Cu .seconddiv___2o9mV .panel___8gB4m .classes-boxer___F7R6I .classes___xbpPC>div{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:.8571rem;color:#fff;background-color:#ccc}.course-tech___3VIMx .sectionslist___3PLIn .section___3p3Cu .seconddiv___2o9mV .panel___8gB4m .classes-boxer___F7R6I .classes-un___11JDh{background-color:#eafbf2;cursor:pointer}.course-tech___3VIMx .sectionslist___3PLIn .section___3p3Cu .seconddiv___2o9mV .panel___8gB4m .classes-boxer___F7R6I .classes-un___11JDh>div{background-color:#83d688}.course-tech___3VIMx .sectionslist___3PLIn .section___3p3Cu .seconddiv___2o9mV .panel___8gB4m .classes-boxer___F7R6I .classes-ing___1PrOJ{background-color:#fff5f6;cursor:pointer}.course-tech___3VIMx .sectionslist___3PLIn .section___3p3Cu .seconddiv___2o9mV .panel___8gB4m .classes-boxer___F7R6I .classes-ing___1PrOJ>div{background-color:#ff798d}.readyclass___1QBKh{width:100vw;height:100vh;display:flex;flex-flow:column wrap;justify-content:flex-start;align-items:center}.readyclass___1QBKh .menu___F5cBY{width:100%;height:65px;background-color:#106fb8;display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center}.readyclass___1QBKh .menu___F5cBY .title___1WgWk{height:40px;line-height:40px;margin-left:100px;padding:5px;color:#fff}.readyclass___1QBKh .menu___F5cBY .goback___1ntf1{float:right;margin-right:100px;color:#fff}.readyclass___1QBKh .addclass___1a5zz{width:100vw;height:calc(100vh - 65px);display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:center}.readyclass___1QBKh .addclass___1a5zz .header___38B1b{width:100%;height:15%;background-color:#edf1f7;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center}.readyclass___1QBKh .addclass___1a5zz .content___16yvo{display:flex;flex-flow:column wrap;justify-content:flex-start;align-items:center;background-color:#fff;width:100%;height:77%}.readyclass___1QBKh .addclass___1a5zz .content___16yvo div{display:flex;flex-flow:column wrap;justify-content:center;align-items:center;width:50%;height:50%}.readyclass___1QBKh .addclass___1a5zz .content___16yvo div button,.readyclass___1QBKh .addclass___1a5zz .content___16yvo div h3,.readyclass___1QBKh .addclass___1a5zz .content___16yvo div input{margin-top:20px}.readyclass___1QBKh .addclass___1a5zz .content___16yvo div input{font-size:16px;position:relative;width:300px;height:40px;line-height:40px;text-align:center}.readyclass___1QBKh .addclass___1a5zz .content___16yvo div button{width:120px;height:30px;background:#006eff;margin-top:32px;color:#fff;border:none;cursor:pointer}.readyclass___1QBKh .startclass___2nQGy{width:100vw;height:calc(100vh - 65px);display:flex;flex-flow:column wrap;justify-content:flex-start;align-items:center}.readyclass___1QBKh .startclass___2nQGy .tooltips___2KLEg{width:90%;height:100px;text-align:center;border-bottom:1px solid #ccc}.readyclass___1QBKh .startclass___2nQGy .tooltips___2KLEg p{color:red;padding:20px 0}.readyclass___1QBKh .startclass___2nQGy .students___3Zhlt{width:90%;padding:20px 0;display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:flex-start}.readyclass___1QBKh .startclass___2nQGy .students___3Zhlt div{width:100px;height:40px;line-height:40px;border:none;background-color:orange;color:#fff;border-radius:5px;text-align:center;cursor:pointer}
body{margin:0;padding:0}body,html{min-width:1200px;min-height:600px;font-size:16px;color:#333;background:#edf1f7;overflow:hidden}a{text-decoration:none;color:#666}a:active{color:#666}a:visited{color:#666}#root___2sOi4{height:100%;overflow-y:auto}@media screen and (max-width:1399px){body,html{font-size:12px}}@media screen and (min-width:1400px){body,html{font-size:14px}}@media screen and (min-width:1600px){body,html{font-size:16px}}::-webkit-scrollbar{width:5px;height:1px}::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:#535353}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);border-radius:10px;background:#ededed}.flex-row{display:flex;flex-flow:row nowrap;justify-content:center;align-items:flex-start}.flex-column{display:flex;flex-flow:column nowrap;justify-content:center;align-items:flex-start}.div-btn{text-align:center;background-color:#b2d797;width:130px;font-size:18px;border-radius:5px;margin-left:75%;height:40px;line-height:40px}.div-btn-a{text-decoration:none;color:#fff}.container___3UCng{max-width:1600px;margin:0 auto}.common-boxer___G59gj{max-width:1000px;margin-top:2.1429rem;margin-left:auto;margin-right:auto;display:flex;flex-flow:column;align-items:center;position:relative}.desktop-container___LwEaS{height:100%;background:no-repeat 50%/100% 100% url(/images/bg-main@1x.png);overflow-y:auto}.btn___qG_Cz{color:#fff;background-color:#106fb8}.btn-beans___3E-4L,.level-boxer___QpFJK>li,.switch___2fHjp>a{padding:.5714rem .7143rem;font-size:.8571rem;border-radius:8px;color:#666;background-color:#fff;cursor:pointer}.checkbox___amEg1{width:.9375rem;height:.9375rem;border:1px solid #000}.checkbox-choosen___2e6QI{background:#000}.card-boxer___3GKzC{width:100%;margin-bottom:2.1429rem;display:flex;flex-flow:wrap;justify-content:space-between}.level-boxer___QpFJK{width:100%;margin:0;padding:0;list-style:none}.level-boxer___QpFJK>li{float:left}.level-boxer___QpFJK>li:not(:first-child){margin-left:1.2857rem}.level-boxer___QpFJK>li.active___3yt4F{color:#fff;background:#106fb8}.level-boxer___QpFJK>li.active___3yt4F>a{color:#fff}.switch___2fHjp{position:absolute;right:0}.switch___2fHjp img{width:.7857rem;margin-left:.4286rem}.course-tech___Mi6f- .sectionslist___1njjL{width:100%;margin-bottom:7.1429rem}.course-tech___Mi6f- .sectionslist___1njjL .section___6uKwR{height:270px;margin-top:1.4286rem;display:flex;flex-flow:row nowrap;box-shadow:.0714rem .0714rem .2857rem 0 rgba(0,0,0,.09);border-radius:.2857rem;background:#fff}.course-tech___Mi6f- .sectionslist___1njjL .section___6uKwR .firstdiv___lf8X5{width:35%;position:relative}.course-tech___Mi6f- .sectionslist___1njjL .section___6uKwR .firstdiv___lf8X5 .mask___30HRo{width:100%;height:100%;position:absolute;top:0;background:rgba(0,0,0,.5);z-index:2}.course-tech___Mi6f- .sectionslist___1njjL .section___6uKwR .firstdiv___lf8X5>img{width:100%;height:100%}.course-tech___Mi6f- .sectionslist___1njjL .section___6uKwR .seconddiv___Mn-QN{flex:1 1 auto;width:65%;max-width:65%;height:100%}.course-tech___Mi6f- .sectionslist___1njjL .section___6uKwR .seconddiv___Mn-QN .topbar___TDMb6{padding:1.2857rem;display:flex;align-items:center;border-bottom:.0714rem solid #dbdbdb}.course-tech___Mi6f- .sectionslist___1njjL .section___6uKwR .seconddiv___Mn-QN .topbar___TDMb6>img{width:1.4286rem;margin-left:18px;cursor:pointer}.course-tech___Mi6f- .sectionslist___1njjL .section___6uKwR .seconddiv___Mn-QN .topbar___TDMb6>div:first-child{width:.1429rem;height:.7857rem;float:left;border-radius:.0714rem;background-color:#106fb8}.course-tech___Mi6f- .sectionslist___1njjL .section___6uKwR .seconddiv___Mn-QN .topbar___TDMb6 .title___2ySmy{margin-left:.5714rem;color:#333;font-size:1.2857rem}.course-tech___Mi6f- .sectionslist___1njjL .section___6uKwR .seconddiv___Mn-QN .topbar___TDMb6>div:last-child{margin-left:auto}.course-tech___Mi6f- .sectionslist___1njjL .section___6uKwR .seconddiv___Mn-QN .topbar___TDMb6>div:last-child .course-btn___2DDX_{padding:.2857rem 1.0714rem;border:.0714rem solid #a0a0a0;border-radius:.1429rem;box-sizing:border-box;font-size:.8571rem;color:#a0a0a0;cursor:pointer}.course-tech___Mi6f- .sectionslist___1njjL .section___6uKwR .seconddiv___Mn-QN .topbar___TDMb6>div:last-child .course-btn___2DDX_:hover{border-color:#106fb8;color:#fff;background-color:#106fb8}.course-tech___Mi6f- .sectionslist___1njjL .section___6uKwR .seconddiv___Mn-QN .topbar___TDMb6>div:last-child .course-btn___2DDX_:last-child{margin-left:1.0714rem}.course-tech___Mi6f- .sectionslist___1njjL .section___6uKwR .seconddiv___Mn-QN .panel___3UeXU{height:62%}.course-tech___Mi6f- .sectionslist___1njjL .section___6uKwR .seconddiv___Mn-QN .panel___3UeXU .classes-boxer___2DYev{padding-top:2rem;display:flex;flex-flow:row wrap;justify-content:space-around;overflow-y:auto;height:100%}.course-tech___Mi6f- .sectionslist___1njjL .section___6uKwR .seconddiv___Mn-QN .panel___3UeXU .classes-boxer___2DYev>div{text-align:center}.course-tech___Mi6f- .sectionslist___1njjL .section___6uKwR .seconddiv___Mn-QN .panel___3UeXU .classes-boxer___2DYev>div>span{margin-top:.5714rem;display:inline-block}.course-tech___Mi6f- .sectionslist___1njjL .section___6uKwR .seconddiv___Mn-QN .panel___3UeXU .classes-boxer___2DYev .classes___3cseZ{width:6rem;height:6rem;padding:.6429rem;box-sizing:border-box;border-radius:50%;background-color:#f8f8f8;cursor:not-allowed}.course-tech___Mi6f- .sectionslist___1njjL .section___6uKwR .seconddiv___Mn-QN .panel___3UeXU .classes-boxer___2DYev .classes___3cseZ>div{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:.8571rem;color:#fff;background-color:#ccc}.course-tech___Mi6f- .sectionslist___1njjL .section___6uKwR .seconddiv___Mn-QN .panel___3UeXU .classes-boxer___2DYev .classes-un___1xH3g{background-color:#eafbf2;cursor:pointer}.course-tech___Mi6f- .sectionslist___1njjL .section___6uKwR .seconddiv___Mn-QN .panel___3UeXU .classes-boxer___2DYev .classes-un___1xH3g>div{background-color:#83d688}.course-tech___Mi6f- .sectionslist___1njjL .section___6uKwR .seconddiv___Mn-QN .panel___3UeXU .classes-boxer___2DYev .classes-ing___1_iBW{background-color:#fff5f6;cursor:pointer}.course-tech___Mi6f- .sectionslist___1njjL .section___6uKwR .seconddiv___Mn-QN .panel___3UeXU .classes-boxer___2DYev .classes-ing___1_iBW>div{background-color:#ff798d}.leftnav___1HgDO{left:0;border-radius:8px;background-color:#fff}.leftnav___1HgDO .showdetail___11w5x{width:17px;height:17px;margin:11px 14px 0;cursor:pointer;text-align:center;float:left}.leftnav___1HgDO .hidedetail___T1kdg{width:17px;height:17px;margin:11px 14px 0;cursor:pointer;text-align:center;float:right}.leftnav___1HgDO ul{position:relative;list-style-type:none;margin:40px 0 44px 44px;padding:0;color:#918f8f;font-size:12px;font-weight:inherit}.leftnav___1HgDO ul.detail___2T53u{padding-right:20px}.leftnav___1HgDO ul:before{position:absolute;content:" ";border:2px solid #bbb;width:0;height:98%;left:-23px}.leftnav___1HgDO ul li{margin:22px 0 0;padding:0}.leftnav___1HgDO ul li:first-child{margin:0}.leftnav___1HgDO ul li a{display:block;cursor:pointer;position:relative;margin:0;height:20px;font-size:12px;line-height:20px;color:#918f8f}.leftnav___1HgDO ul li a:before{position:absolute;left:-30px;top:0;content:" ";border:4px solid #bbb;width:11px;height:11px;border-radius:50%;background-color:#f7f3f3}.leftnav___1HgDO ul li a:hover{color:#0d81db}.leftnav___1HgDO ul li a:hover:before{border:4px solid #0d81db}.leftnav___1HgDO ul li a.selected___N5zVk{color:#0d81db}.leftnav___1HgDO ul li a.selected___N5zVk:before{background-color:#0d81db;border:4px solid #0d81db}
body{margin:0;padding:0}body,html{min-width:1200px;min-height:600px;font-size:16px;color:#333;background:#edf1f7;overflow:hidden}a{text-decoration:none;color:#666}a:active{color:#666}a:visited{color:#666}#root___TdVYF{height:100%;overflow-y:auto}@media screen and (max-width:1399px){body,html{font-size:12px}}@media screen and (min-width:1400px){body,html{font-size:14px}}@media screen and (min-width:1600px){body,html{font-size:16px}}::-webkit-scrollbar{width:5px;height:1px}::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:#535353}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);border-radius:10px;background:#ededed}.flex-row{display:flex;flex-flow:row nowrap;justify-content:center;align-items:flex-start}.flex-column{display:flex;flex-flow:column nowrap;justify-content:center;align-items:flex-start}.div-btn{text-align:center;background-color:#b2d797;width:130px;font-size:18px;border-radius:5px;margin-left:75%;height:40px;line-height:40px}.div-btn-a{text-decoration:none;color:#fff}.container___3lRmo{max-width:1600px;margin:0 auto}.common-boxer___2tHe9{max-width:1000px;margin-top:2.1429rem;margin-left:auto;margin-right:auto;display:flex;flex-flow:column;align-items:center;position:relative}.desktop-container___2Vave{height:100%;background:no-repeat 50%/100% 100% url(/images/bg-main@1x.png);overflow-y:auto}.btn___3tFAg,.steps___2AVvg .boxer___3nedG .boxer-left___3h6ku .toolbar___oOq3J>div:last-child .next-boxer___Varm8,.steps___2AVvg .boxer___3nedG .boxer-left___3h6ku .toolbar___oOq3J>div:last-child .to-create___2NOuq,.steps___2AVvg .boxer___3nedG .boxer-left___3h6ku .toolbar___oOq3J>div:last-child .tosubmit___woIYo{background-color:#106fb8}.btn-beans___C94eQ,.level-boxer___R-RJF>li,.switch___ljWY8>a{padding:.5714rem .7143rem;font-size:.8571rem;border-radius:8px;color:#666;background-color:#fff;cursor:pointer}.checkbox___j_D6q{width:.9375rem;height:.9375rem;border:1px solid #000}.checkbox-choosen___3fDYX{background:#000}.card-boxer___3Q6W7{width:100%;margin-bottom:2.1429rem;display:flex;flex-flow:wrap;justify-content:space-between}.level-boxer___R-RJF{width:100%;margin:0;padding:0;list-style:none}.level-boxer___R-RJF>li{float:left}.level-boxer___R-RJF>li:not(:first-child){margin-left:1.2857rem}.level-boxer___R-RJF>li.active___Y4sPd{color:#fff;background:#106fb8}.level-boxer___R-RJF>li.active___Y4sPd>a{color:#fff}.switch___ljWY8{position:absolute;right:0}.switch___ljWY8 img{width:.7857rem;margin-left:.4286rem}.course-tech___1X_Nf .sectionslist___2HRJp{width:100%;margin-bottom:7.1429rem}.course-tech___1X_Nf .sectionslist___2HRJp .section___2ACr-{height:270px;margin-top:1.4286rem;display:flex;flex-flow:row nowrap;box-shadow:.0714rem .0714rem .2857rem 0 rgba(0,0,0,.09);border-radius:.2857rem;background:#fff}.course-tech___1X_Nf .sectionslist___2HRJp .section___2ACr- .firstdiv___1AKLm{width:35%;position:relative}.course-tech___1X_Nf .sectionslist___2HRJp .section___2ACr- .firstdiv___1AKLm .mask___LIu4j{width:100%;height:100%;position:absolute;top:0;background:rgba(0,0,0,.5);z-index:2}.course-tech___1X_Nf .sectionslist___2HRJp .section___2ACr- .firstdiv___1AKLm>img{width:100%;height:100%}.course-tech___1X_Nf .sectionslist___2HRJp .section___2ACr- .seconddiv___YkDH-{flex:1 1 auto;width:65%;max-width:65%;height:100%}.course-tech___1X_Nf .sectionslist___2HRJp .section___2ACr- .seconddiv___YkDH- .topbar___3eltp{padding:1.2857rem;display:flex;align-items:center;border-bottom:.0714rem solid #dbdbdb}.course-tech___1X_Nf .sectionslist___2HRJp .section___2ACr- .seconddiv___YkDH- .topbar___3eltp>img{width:1.4286rem;margin-left:18px;cursor:pointer}.course-tech___1X_Nf .sectionslist___2HRJp .section___2ACr- .seconddiv___YkDH- .topbar___3eltp>div:first-child{width:.1429rem;height:.7857rem;float:left;border-radius:.0714rem;background-color:#106fb8}.course-tech___1X_Nf .sectionslist___2HRJp .section___2ACr- .seconddiv___YkDH- .topbar___3eltp .title___1i75u{margin-left:.5714rem;color:#333;font-size:1.2857rem}.course-tech___1X_Nf .sectionslist___2HRJp .section___2ACr- .seconddiv___YkDH- .topbar___3eltp>div:last-child{margin-left:auto}.course-tech___1X_Nf .sectionslist___2HRJp .section___2ACr- .seconddiv___YkDH- .topbar___3eltp>div:last-child .course-btn___28MN_{padding:.2857rem 1.0714rem;border:.0714rem solid #a0a0a0;border-radius:.1429rem;box-sizing:border-box;font-size:.8571rem;color:#a0a0a0;cursor:pointer}.course-tech___1X_Nf .sectionslist___2HRJp .section___2ACr- .seconddiv___YkDH- .topbar___3eltp>div:last-child .course-btn___28MN_:hover{border-color:#106fb8;color:#fff;background-color:#106fb8}.course-tech___1X_Nf .sectionslist___2HRJp .section___2ACr- .seconddiv___YkDH- .topbar___3eltp>div:last-child .course-btn___28MN_:last-child{margin-left:1.0714rem}.course-tech___1X_Nf .sectionslist___2HRJp .section___2ACr- .seconddiv___YkDH- .panel___1Uw8L{height:62%}.course-tech___1X_Nf .sectionslist___2HRJp .section___2ACr- .seconddiv___YkDH- .panel___1Uw8L .classes-boxer___1nmtr{padding-top:2rem;display:flex;flex-flow:row wrap;justify-content:space-around;overflow-y:auto;height:100%}.course-tech___1X_Nf .sectionslist___2HRJp .section___2ACr- .seconddiv___YkDH- .panel___1Uw8L .classes-boxer___1nmtr>div{text-align:center}.course-tech___1X_Nf .sectionslist___2HRJp .section___2ACr- .seconddiv___YkDH- .panel___1Uw8L .classes-boxer___1nmtr>div>span{margin-top:.5714rem;display:inline-block}.course-tech___1X_Nf .sectionslist___2HRJp .section___2ACr- .seconddiv___YkDH- .panel___1Uw8L .classes-boxer___1nmtr .classes___lv_0P{width:6rem;height:6rem;padding:.6429rem;box-sizing:border-box;border-radius:50%;background-color:#f8f8f8;cursor:not-allowed}.course-tech___1X_Nf .sectionslist___2HRJp .section___2ACr- .seconddiv___YkDH- .panel___1Uw8L .classes-boxer___1nmtr .classes___lv_0P>div{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:.8571rem;color:#fff;background-color:#ccc}.course-tech___1X_Nf .sectionslist___2HRJp .section___2ACr- .seconddiv___YkDH- .panel___1Uw8L .classes-boxer___1nmtr .classes-un___2s2Ba{background-color:#eafbf2;cursor:pointer}.course-tech___1X_Nf .sectionslist___2HRJp .section___2ACr- .seconddiv___YkDH- .panel___1Uw8L .classes-boxer___1nmtr .classes-un___2s2Ba>div{background-color:#83d688}.course-tech___1X_Nf .sectionslist___2HRJp .section___2ACr- .seconddiv___YkDH- .panel___1Uw8L .classes-boxer___1nmtr .classes-ing___ZFp8Z{background-color:#fff5f6;cursor:pointer}.course-tech___1X_Nf .sectionslist___2HRJp .section___2ACr- .seconddiv___YkDH- .panel___1Uw8L .classes-boxer___1nmtr .classes-ing___ZFp8Z>div{background-color:#ff798d}.btn___3tFAg,.steps___2AVvg .boxer___3nedG .boxer-left___3h6ku .toolbar___oOq3J>div:last-child .next-boxer___Varm8,.steps___2AVvg .boxer___3nedG .boxer-left___3h6ku .toolbar___oOq3J>div:last-child .to-create___2NOuq,.steps___2AVvg .boxer___3nedG .boxer-left___3h6ku .toolbar___oOq3J>div:last-child .tosubmit___woIYo{padding:.7857rem 1.0714rem;border-radius:.2857rem;color:#fff;background:#0d81db}.nav-boxer___-boL_{height:4.2857rem;background-color:#106fb8}.nav-boxer___-boL_ .nav___2sI6t{width:1000px;margin:0 auto;padding-top:1.0714rem}.nav-boxer___-boL_ .nav___2sI6t>a{max-width:10rem;height:2.1429rem;display:flex;align-items:center;justify-content:center;border-radius:.2857rem;text-decoration:none;color:#fff;background-color:#0d81db}.nav-boxer___-boL_ .nav___2sI6t>a>img{width:1.5714rem;margin-right:.5714rem}.steps___2AVvg{margin-bottom:5.7143rem;position:relative}.steps___2AVvg a{-webkit-text-decoration-line:none;text-decoration-line:none}.steps___2AVvg svg{height:30px}.steps___2AVvg .title___1i75u{background-color:#fff;height:45px;line-height:45px;text-align:center}.steps___2AVvg .content___jbj1X{width:1000px;margin:18px auto 0;padding:20px 0;border-radius:4px;background:#fff}.steps___2AVvg .boxer___3nedG{width:1000px;margin-top:1.4286rem;margin-left:auto;margin-right:auto;display:flex;flex-flow:row;position:relative;border-radius:.2857rem}.steps___2AVvg .boxer___3nedG .boxer-left___3h6ku{height:38.1429rem;margin-left:3.3571rem;flex:1 1 auto;display:flex;flex-flow:column;border-radius:.5714rem}.steps___2AVvg .boxer___3nedG .boxer-left___3h6ku .video-boxer___1cbxA{width:100%;height:32.1429rem;background:#dcdcdc}.steps___2AVvg .boxer___3nedG .boxer-left___3h6ku .toolbar___oOq3J{height:4.2857rem;margin-top:1.7143rem;padding:0 1.2857rem;display:flex;align-items:center;border-radius:.2857rem;background:#fff}.steps___2AVvg .boxer___3nedG .boxer-left___3h6ku .toolbar___oOq3J .prev___3e-1n>img{width:2.7143rem}.steps___2AVvg .boxer___3nedG .boxer-left___3h6ku .toolbar___oOq3J>div:last-child{margin-left:auto;margin-right:0}.steps___2AVvg .boxer___3nedG .boxer-left___3h6ku .toolbar___oOq3J>div:last-child .to-create___2NOuq{margin-right:116px;float:left}.steps___2AVvg .boxer___3nedG .boxer-left___3h6ku .toolbar___oOq3J>div:last-child .next-boxer___Varm8{display:flex;align-items:center}.steps___2AVvg .boxer___3nedG .boxer-left___3h6ku .toolbar___oOq3J>div:last-child .next-boxer___Varm8>img{width:1.2143rem;margin-left:1.8571rem}.iframe___1dVhC{position:fixed;top:0;left:0;right:0;bottom:0;border:none;background-color:#4c97ff}.iframe___1dVhC .scratchnav___1YJlV{color:#fff;text-align:center;height:50px;margin:0;padding:0;border:none;width:100%;display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center}.iframe___1dVhC .scratchnav___1YJlV .btnboxer___3oAxL{position:absolute;right:0;display:flex;align-items:center}.iframe___1dVhC .scratchnav___1YJlV .btnboxer___3oAxL .reset___6nRqc{margin-right:2rem;padding:.4rem 1rem;border-radius:5px;background-color:#0d81db;cursor:pointer}.iframe___1dVhC .scratchnav___1YJlV .btnboxer___3oAxL .return___1u4Ms{margin-right:10px;height:30px;line-height:30px;font-size:14px;width:80px;background-color:#ff9800;border-radius:5px;float:right}.iframe___1dVhC .scratchnav___1YJlV .btnboxer___3oAxL .return___1u4Ms:hover{cursor:pointer;opacity:.7}.iframe___1dVhC .scratchnav___1YJlV .name___1WVlY{height:14px;line-height:14px;margin:auto;font-size:14px}.iframe___1dVhC iframe{height:100%;width:100%;margin:0;padding:0;border:none}
#sourceArea___1C2br{border:0 solid #d3d3d3;margin:2px;width:100%;height:100%}#editor___1Xfwl{margin:2px;width:600px;height:400px;overflow:scroll;resize:both}#runFrame___SezrX{display:inline-block;border:0}.frame___2iJYA{display:flex;flex-flow:row nowrap;align-items:center;justify-content:flex-start;background:#0081ef;height:50px;width:100%;padding-left:25px}.frame___2iJYA .button___UdcaN{background:none;border:none;color:#fff;font-size:16px;margin-right:20px;cursor:pointer}.frame___2iJYA .subtitle___2n7PQ{background:#fff;padding:0 6px;line-height:20px;border-radius:2px;color:#0081ef;transform:skew(-5deg);margin-right:16px}.frame___2iJYA .savefilename___fs9AS{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:auto;height:32px;font-size:14px;line-height:32px;border-radius:17px}.frame___2iJYA .savefilename___fs9AS a{text-decoration:none}.frame___2iJYA .savefilename___fs9AS input{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:auto;height:32px;font-size:14px;line-height:32px;border:none;text-indent:10px}.title___uDE3P{font-family:Dosis,sans-serif;margin:5px}#centralarea___21wTu{position:relative;float:left;clear:both;display:flex;flex-direction:row}#runDiv___1tMEo{display:inline-block}.interactiveDiv___3opUb{display:flex;flex-flow:column wrap;align-items:flex-start;justify-content:flex-start;width:50vw}.interactiveDiv___3opUb .btnGroup___25_wT{display:flex;flex-flow:row nowrap;align-items:center;justify-content:flex-start;background:#ebf1f6;width:100%;height:50px;padding-left:20px}.interactiveDiv___3opUb .btnGroup___25_wT button{background:orange;border:none;font-size:16px;margin-right:20px;line-height:30px;color:#fff;width:75px;border-radius:5px;cursor:pointer}#footer___3o7n5{position:relative;float:left;clear:both;display:none}
body{margin:0;padding:0}body,html{min-width:1200px;min-height:600px;font-size:16px;color:#333;background:#edf1f7;overflow:hidden}a{text-decoration:none;color:#666}a:active{color:#666}a:visited{color:#666}#root___1xUTg{height:100%;overflow-y:auto}@media screen and (max-width:1399px){body,html{font-size:12px}}@media screen and (min-width:1400px){body,html{font-size:14px}}@media screen and (min-width:1600px){body,html{font-size:16px}}::-webkit-scrollbar{width:5px;height:1px}::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:#535353}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);border-radius:10px;background:#ededed}.flex-row{display:flex;flex-flow:row nowrap;justify-content:center;align-items:flex-start}.flex-column{display:flex;flex-flow:column nowrap;justify-content:center;align-items:flex-start}.div-btn{text-align:center;background-color:#b2d797;width:130px;font-size:18px;border-radius:5px;margin-left:75%;height:40px;line-height:40px}.div-btn-a{text-decoration:none;color:#fff}.container___1ehTm{max-width:1600px;margin:0 auto}.common-boxer___1bv8s{max-width:1000px;margin-top:2.1429rem;margin-left:auto;margin-right:auto;display:flex;flex-flow:column;align-items:center;position:relative}.desktop-container___1moD_{height:100%;background:no-repeat 50%/100% 100% url(/images/bg-main@1x.png);overflow-y:auto}.btn___2f4P2{color:#fff;background-color:#106fb8}.btn-beans___7RIt-,.level-boxer___-lbbF>li,.switch___T1_Xe>a{padding:.5714rem .7143rem;font-size:.8571rem;border-radius:8px;color:#666;background-color:#fff;cursor:pointer}.checkbox___HPkNB{width:.9375rem;height:.9375rem;border:1px solid #000}.checkbox-choosen___c6dfq{background:#000}.card-boxer___3o2Ap{width:100%;margin-bottom:2.1429rem;display:flex;flex-flow:wrap;justify-content:space-between}.level-boxer___-lbbF{width:100%;margin:0;padding:0;list-style:none}.level-boxer___-lbbF>li{float:left}.level-boxer___-lbbF>li:not(:first-child){margin-left:1.2857rem}.level-boxer___-lbbF>li.active___19Moi{color:#fff;background:#106fb8}.level-boxer___-lbbF>li.active___19Moi>a{color:#fff}.switch___T1_Xe{position:absolute;right:0}.switch___T1_Xe img{width:.7857rem;margin-left:.4286rem}.course-tech___24CMW .sectionslist___1CRGN{width:100%;margin-bottom:7.1429rem}.course-tech___24CMW .sectionslist___1CRGN .section___7besz{height:270px;margin-top:1.4286rem;display:flex;flex-flow:row nowrap;box-shadow:.0714rem .0714rem .2857rem 0 rgba(0,0,0,.09);border-radius:.2857rem;background:#fff}.course-tech___24CMW .sectionslist___1CRGN .section___7besz .firstdiv___226y4{width:35%;position:relative}.course-tech___24CMW .sectionslist___1CRGN .section___7besz .firstdiv___226y4 .mask___1RfDh{width:100%;height:100%;position:absolute;top:0;background:rgba(0,0,0,.5);z-index:2}.course-tech___24CMW .sectionslist___1CRGN .section___7besz .firstdiv___226y4>img{width:100%;height:100%}.course-tech___24CMW .sectionslist___1CRGN .section___7besz .seconddiv___4Jfxs{flex:1 1 auto;width:65%;max-width:65%;height:100%}.course-tech___24CMW .sectionslist___1CRGN .section___7besz .seconddiv___4Jfxs .topbar___3QhEV{padding:1.2857rem;display:flex;align-items:center;border-bottom:.0714rem solid #dbdbdb}.course-tech___24CMW .sectionslist___1CRGN .section___7besz .seconddiv___4Jfxs .topbar___3QhEV>img{width:1.4286rem;margin-left:18px;cursor:pointer}.course-tech___24CMW .sectionslist___1CRGN .section___7besz .seconddiv___4Jfxs .topbar___3QhEV>div:first-child{width:.1429rem;height:.7857rem;float:left;border-radius:.0714rem;background-color:#106fb8}.course-tech___24CMW .sectionslist___1CRGN .section___7besz .seconddiv___4Jfxs .topbar___3QhEV .title___3imkv{margin-left:.5714rem;color:#333;font-size:1.2857rem}.course-tech___24CMW .sectionslist___1CRGN .section___7besz .seconddiv___4Jfxs .topbar___3QhEV>div:last-child{margin-left:auto}.course-tech___24CMW .sectionslist___1CRGN .section___7besz .seconddiv___4Jfxs .topbar___3QhEV>div:last-child .course-btn___BlGMN{padding:.2857rem 1.0714rem;border:.0714rem solid #a0a0a0;border-radius:.1429rem;box-sizing:border-box;font-size:.8571rem;color:#a0a0a0;cursor:pointer}.course-tech___24CMW .sectionslist___1CRGN .section___7besz .seconddiv___4Jfxs .topbar___3QhEV>div:last-child .course-btn___BlGMN:hover{border-color:#106fb8;color:#fff;background-color:#106fb8}.course-tech___24CMW .sectionslist___1CRGN .section___7besz .seconddiv___4Jfxs .topbar___3QhEV>div:last-child .course-btn___BlGMN:last-child{margin-left:1.0714rem}.course-tech___24CMW .sectionslist___1CRGN .section___7besz .seconddiv___4Jfxs .panel___3RQbA{height:62%}.course-tech___24CMW .sectionslist___1CRGN .section___7besz .seconddiv___4Jfxs .panel___3RQbA .classes-boxer___dthzM{padding-top:2rem;display:flex;flex-flow:row wrap;justify-content:space-around;overflow-y:auto;height:100%}.course-tech___24CMW .sectionslist___1CRGN .section___7besz .seconddiv___4Jfxs .panel___3RQbA .classes-boxer___dthzM>div{text-align:center}.course-tech___24CMW .sectionslist___1CRGN .section___7besz .seconddiv___4Jfxs .panel___3RQbA .classes-boxer___dthzM>div>span{margin-top:.5714rem;display:inline-block}.course-tech___24CMW .sectionslist___1CRGN .section___7besz .seconddiv___4Jfxs .panel___3RQbA .classes-boxer___dthzM .classes___3t-b4{width:6rem;height:6rem;padding:.6429rem;box-sizing:border-box;border-radius:50%;background-color:#f8f8f8;cursor:not-allowed}.course-tech___24CMW .sectionslist___1CRGN .section___7besz .seconddiv___4Jfxs .panel___3RQbA .classes-boxer___dthzM .classes___3t-b4>div{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:.8571rem;color:#fff;background-color:#ccc}.course-tech___24CMW .sectionslist___1CRGN .section___7besz .seconddiv___4Jfxs .panel___3RQbA .classes-boxer___dthzM .classes-un___3856n{background-color:#eafbf2;cursor:pointer}.course-tech___24CMW .sectionslist___1CRGN .section___7besz .seconddiv___4Jfxs .panel___3RQbA .classes-boxer___dthzM .classes-un___3856n>div{background-color:#83d688}.course-tech___24CMW .sectionslist___1CRGN .section___7besz .seconddiv___4Jfxs .panel___3RQbA .classes-boxer___dthzM .classes-ing___1FXbh{background-color:#fff5f6;cursor:pointer}.course-tech___24CMW .sectionslist___1CRGN .section___7besz .seconddiv___4Jfxs .panel___3RQbA .classes-boxer___dthzM .classes-ing___1FXbh>div{background-color:#ff798d}.tablemap___1hb-w{border-collapse:collapse;width:100%;height:calc(100vh - 430px)}.tablemap___1hb-w td{border:1px solid #736b6b;width:50px;height:50px}.tablemap___1hb-w td img{width:48px;height:48px}.tablemap___1hb-w .ntd___1WNd-{background-color:#03a9f4}.tablemap___1hb-w .ytd___3O7FJ{background-color:#f3dcb5}.tablemap___1hb-w .horizontalflex___xTtVC{display:flex;flex-flow:row nowrap;justify-content:center;align-items:flex-start}
.editorContent___3HsOg{overflow:auto}.editorContent___3HsOg .horizontalflex___xO1h0{display:flex;flex-flow:row nowrap;justify-content:center;align-items:flex-start}.editorContent___3HsOg .horizontalflex___xO1h0 table{width:100%}.editorContent___3HsOg .horizontalflex___xO1h0 table td{width:90px;min-width:90px;max-width:90px}.editorContent___3HsOg .horizontalflex___xO1h0 .tooltipdiv___4phUW{padding:20px;background-color:#fff;border-radius:10px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.editorContent___3HsOg .horizontalflex___xO1h0 .tooltipdiv___4phUW b{font-size:19px}.editorContent___3HsOg .horizontalflex___xO1h0 .tooltipdiv___4phUW h2{color:#4abaff;padding:1rem 0;border-bottom:1px solid #ccc}.editorContent___3HsOg .horizontalflex___xO1h0 button{width:100px;height:30px;background-color:#fff;border:none;border-radius:5px;font-weight:700;font-size:16px;float:right;cursor:pointer}.editorContent___3HsOg .verticalflex___23SU8{display:flex;flex-flow:column nowrap;justify-content:center;align-items:flex-start;height:calc(100vh - 50px);width:50%}.editorContent___3HsOg .verticalflex___23SU8 textarea{width:100%;height:100%;border-radius:10px;resize:none;background-color:#fff;font-size:18px;color:#000;padding:10px}.editorContent___3HsOg .verticalflex___23SU8 span{width:100%;background-color:#fff;font-weight:700;font-size:18px;border-radius:5px;height:3rem;line-height:3rem;text-align:center;margin-bottom:1rem}.editorContent___3HsOg .beta___NCM6x{padding:0 10px;background:hsla(0,0%,80%,.7098039215686275);border-radius:2px;color:brown}.editorContent___3HsOg .consoleDiv___3cyTS{display:flex;flex-flow:column wrap;justify-content:center;align-items:flex-start;width:100%;margin-left:50px}.editorContent___3HsOg .consoleDiv___3cyTS .consoleTip___1cZZZ{display:flex;flex-flow:row nowrap;align-items:flex-start;justify-content:center;width:100%;margin-top:-5px}.editorContent___3HsOg .consoleDiv___3cyTS div{width:100%;min-height:300px;max-height:300px;border-radius:10px;resize:none;background-color:#000;font-size:18px;color:#fff;overflow-y:auto;padding-left:10px}.editorContent___3HsOg .consoleDiv___3cyTS span{width:100%;background-color:#fff;font-weight:700;font-size:18px;border-radius:5px;height:3rem;line-height:3rem;text-align:center}.editorContent___3HsOg .rightPanel___3wSQB{display:flex;flex-flow:column nowrap;align-items:center;justify-content:flex-start}.editorContent___3HsOg .return___2uvlX{margin-left:10px;height:50px;line-height:50px;font-size:16px;width:100px;background-color:#ff9800;border-radius:5px;float:left;text-align:center;color:#fff;text-decoration:none;font-weight:700}.editorContent___3HsOg .return___2uvlX:hover{cursor:pointer;opacity:.7}
body{margin:0;padding:0}body,html{min-width:1200px;min-height:600px;font-size:16px;color:#333;background:#edf1f7;overflow:hidden}a{text-decoration:none;color:#666}a:active{color:#666}a:visited{color:#666}#root___Tp-TA{height:100%;overflow-y:auto}@media screen and (max-width:1399px){body,html{font-size:12px}}@media screen and (min-width:1400px){body,html{font-size:14px}}@media screen and (min-width:1600px){body,html{font-size:16px}}::-webkit-scrollbar{width:5px;height:1px}::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:#535353}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);border-radius:10px;background:#ededed}.flex-row{display:flex;flex-flow:row nowrap;justify-content:center;align-items:flex-start}.flex-column{display:flex;flex-flow:column nowrap;justify-content:center;align-items:flex-start}.div-btn{text-align:center;background-color:#b2d797;width:130px;font-size:18px;border-radius:5px;margin-left:75%;height:40px;line-height:40px}.div-btn-a{text-decoration:none;color:#fff}.container___6cdSD{max-width:1600px;margin:0 auto}.common-boxer___2ypBJ{max-width:1000px;margin-top:2.1429rem;margin-left:auto;margin-right:auto;display:flex;flex-flow:column;align-items:center;position:relative}.desktop-container___3lC1m{height:100%;background:no-repeat 50%/100% 100% url(/images/bg-main@1x.png);overflow-y:auto}.btn___3tvVW{color:#fff;background-color:#106fb8}.btn-beans___1aNcO,.level-boxer___1XXYA>li,.switch___11E9m>a{padding:.5714rem .7143rem;font-size:.8571rem;border-radius:8px;color:#666;background-color:#fff;cursor:pointer}.checkbox___Jl77n{width:.9375rem;height:.9375rem;border:1px solid #000}.checkbox-choosen___27vSi{background:#000}.card-boxer___2Wy3A{width:100%;margin-bottom:2.1429rem;display:flex;flex-flow:wrap;justify-content:space-between}.level-boxer___1XXYA{width:100%;margin:0;padding:0;list-style:none}.level-boxer___1XXYA>li{float:left}.level-boxer___1XXYA>li:not(:first-child){margin-left:1.2857rem}.level-boxer___1XXYA>li.active___3kgaw{color:#fff;background:#106fb8}.level-boxer___1XXYA>li.active___3kgaw>a{color:#fff}.switch___11E9m{position:absolute;right:0}.switch___11E9m img{width:.7857rem;margin-left:.4286rem}.course-tech___rMT2m .sectionslist___eL2zL{width:100%;margin-bottom:7.1429rem}.course-tech___rMT2m .sectionslist___eL2zL .section___1Gj0g{height:270px;margin-top:1.4286rem;display:flex;flex-flow:row nowrap;box-shadow:.0714rem .0714rem .2857rem 0 rgba(0,0,0,.09);border-radius:.2857rem;background:#fff}.course-tech___rMT2m .sectionslist___eL2zL .section___1Gj0g .firstdiv___2BNd9{width:35%;position:relative}.course-tech___rMT2m .sectionslist___eL2zL .section___1Gj0g .firstdiv___2BNd9 .mask___36Vhf{width:100%;height:100%;position:absolute;top:0;background:rgba(0,0,0,.5);z-index:2}.course-tech___rMT2m .sectionslist___eL2zL .section___1Gj0g .firstdiv___2BNd9>img{width:100%;height:100%}.course-tech___rMT2m .sectionslist___eL2zL .section___1Gj0g .seconddiv___34LuW{flex:1 1 auto;width:65%;max-width:65%;height:100%}.course-tech___rMT2m .sectionslist___eL2zL .section___1Gj0g .seconddiv___34LuW .topbar___2rQrY{padding:1.2857rem;display:flex;align-items:center;border-bottom:.0714rem solid #dbdbdb}.course-tech___rMT2m .sectionslist___eL2zL .section___1Gj0g .seconddiv___34LuW .topbar___2rQrY>img{width:1.4286rem;margin-left:18px;cursor:pointer}.course-tech___rMT2m .sectionslist___eL2zL .section___1Gj0g .seconddiv___34LuW .topbar___2rQrY>div:first-child{width:.1429rem;height:.7857rem;float:left;border-radius:.0714rem;background-color:#106fb8}.course-tech___rMT2m .sectionslist___eL2zL .section___1Gj0g .seconddiv___34LuW .topbar___2rQrY .title___3yTxK{margin-left:.5714rem;color:#333;font-size:1.2857rem}.course-tech___rMT2m .sectionslist___eL2zL .section___1Gj0g .seconddiv___34LuW .topbar___2rQrY>div:last-child{margin-left:auto}.course-tech___rMT2m .sectionslist___eL2zL .section___1Gj0g .seconddiv___34LuW .topbar___2rQrY>div:last-child .course-btn___19zAU{padding:.2857rem 1.0714rem;border:.0714rem solid #a0a0a0;border-radius:.1429rem;box-sizing:border-box;font-size:.8571rem;color:#a0a0a0;cursor:pointer}.course-tech___rMT2m .sectionslist___eL2zL .section___1Gj0g .seconddiv___34LuW .topbar___2rQrY>div:last-child .course-btn___19zAU:hover{border-color:#106fb8;color:#fff;background-color:#106fb8}.course-tech___rMT2m .sectionslist___eL2zL .section___1Gj0g .seconddiv___34LuW .topbar___2rQrY>div:last-child .course-btn___19zAU:last-child{margin-left:1.0714rem}.course-tech___rMT2m .sectionslist___eL2zL .section___1Gj0g .seconddiv___34LuW .panel___KW_jV{height:62%}.course-tech___rMT2m .sectionslist___eL2zL .section___1Gj0g .seconddiv___34LuW .panel___KW_jV .classes-boxer___pxooy{padding-top:2rem;display:flex;flex-flow:row wrap;justify-content:space-around;overflow-y:auto;height:100%}.course-tech___rMT2m .sectionslist___eL2zL .section___1Gj0g .seconddiv___34LuW .panel___KW_jV .classes-boxer___pxooy>div{text-align:center}.course-tech___rMT2m .sectionslist___eL2zL .section___1Gj0g .seconddiv___34LuW .panel___KW_jV .classes-boxer___pxooy>div>span{margin-top:.5714rem;display:inline-block}.course-tech___rMT2m .sectionslist___eL2zL .section___1Gj0g .seconddiv___34LuW .panel___KW_jV .classes-boxer___pxooy .classes___L8HDr{width:6rem;height:6rem;padding:.6429rem;box-sizing:border-box;border-radius:50%;background-color:#f8f8f8;cursor:not-allowed}.course-tech___rMT2m .sectionslist___eL2zL .section___1Gj0g .seconddiv___34LuW .panel___KW_jV .classes-boxer___pxooy .classes___L8HDr>div{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:.8571rem;color:#fff;background-color:#ccc}.course-tech___rMT2m .sectionslist___eL2zL .section___1Gj0g .seconddiv___34LuW .panel___KW_jV .classes-boxer___pxooy .classes-un___3INC8{background-color:#eafbf2;cursor:pointer}.course-tech___rMT2m .sectionslist___eL2zL .section___1Gj0g .seconddiv___34LuW .panel___KW_jV .classes-boxer___pxooy .classes-un___3INC8>div{background-color:#83d688}.course-tech___rMT2m .sectionslist___eL2zL .section___1Gj0g .seconddiv___34LuW .panel___KW_jV .classes-boxer___pxooy .classes-ing___2Nq4K{background-color:#fff5f6;cursor:pointer}.course-tech___rMT2m .sectionslist___eL2zL .section___1Gj0g .seconddiv___34LuW .panel___KW_jV .classes-boxer___pxooy .classes-ing___2Nq4K>div{background-color:#ff798d}.boxer___3t3YF{width:800px;margin:0 auto}.boxer___3t3YF p{margin:0}.boxer___3t3YF button{width:140px;height:33px;border-radius:4px;font-size:.9em;color:#fff;background-color:orange}.boxer___3t3YF button:hover{cursor:pointer}.boxer___3t3YF button:focus{outline:2px auto #c99}.boxer___3t3YF section{padding:22px;display:flex;flex-flow:row nowrap;border-radius:4px;box-shadow:3px 3px 10px #aaa;background-color:#fff}.boxer___3t3YF section img{width:200px;height:200px}.boxer___3t3YF section .content___yaDmh{display:flex;flex-flow:column;justify-content:center;position:relative}.boxer___3t3YF .item___1nsCA{margin-top:1em;display:flex;position:relative}.boxer___3t3YF .item___1nsCA .title___3yTxK{font-size:1.2em}.boxer___3t3YF .item___1nsCA>span{width:110px;text-align:right;color:#999}.boxer___3t3YF .item___1nsCA>p{width:80%;line-height:1.6em;word-break:break-word}.boxer___3t3YF .item___1nsCA .price___ccM2C{font-size:1.2em;color:#f03}.boxer___3t3YF .item___1nsCA .price___ccM2C b{font-size:1.3em}
body{margin:0;padding:0}body,html{min-width:1200px;min-height:600px;font-size:16px;color:#333;background:#edf1f7;overflow:hidden}a{text-decoration:none;color:#666}a:active{color:#666}a:visited{color:#666}#root___1KNWm{height:100%;overflow-y:auto}@media screen and (max-width:1399px){body,html{font-size:12px}}@media screen and (min-width:1400px){body,html{font-size:14px}}@media screen and (min-width:1600px){body,html{font-size:16px}}::-webkit-scrollbar{width:5px;height:1px}::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:#535353}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);border-radius:10px;background:#ededed}.flex-row{display:flex;flex-flow:row nowrap;justify-content:center;align-items:flex-start}.flex-column{display:flex;flex-flow:column nowrap;justify-content:center;align-items:flex-start}.div-btn{text-align:center;background-color:#b2d797;width:130px;font-size:18px;border-radius:5px;margin-left:75%;height:40px;line-height:40px}.div-btn-a{text-decoration:none;color:#fff}.container___1jjm5{max-width:1600px;margin:0 auto}.common-boxer___1e5iD{max-width:1000px;margin-top:2.1429rem;margin-left:auto;margin-right:auto;display:flex;flex-flow:column;align-items:center;position:relative}.desktop-container___3oGBM{height:100%;background:no-repeat 50%/100% 100% url(/images/bg-main@1x.png);overflow-y:auto}.btn___2j3RK,.steps___2OAfw .boxer___nXUTG .boxer-left___2ijZA .toolbar___6sW5R>div:last-child .next-boxer___2Bw8o,.steps___2OAfw .boxer___nXUTG .boxer-left___2ijZA .toolbar___6sW5R>div:last-child .to-create___2IatP,.steps___2OAfw .boxer___nXUTG .boxer-left___2ijZA .toolbar___6sW5R>div:last-child .tosubmit___36gwj{background-color:#106fb8}.btn-beans___2SYL9,.level-boxer___33PlI>li,.switch___GTVS5>a{padding:.5714rem .7143rem;font-size:.8571rem;border-radius:8px;color:#666;background-color:#fff;cursor:pointer}.checkbox___2QRNh{width:.9375rem;height:.9375rem;border:1px solid #000}.checkbox-choosen___2n6A5{background:#000}.card-boxer___2OW57{width:100%;margin-bottom:2.1429rem;display:flex;flex-flow:wrap;justify-content:space-between}.level-boxer___33PlI{width:100%;margin:0;padding:0;list-style:none}.level-boxer___33PlI>li{float:left}.level-boxer___33PlI>li:not(:first-child){margin-left:1.2857rem}.level-boxer___33PlI>li.active___3t5ux{color:#fff;background:#106fb8}.level-boxer___33PlI>li.active___3t5ux>a{color:#fff}.switch___GTVS5{position:absolute;right:0}.switch___GTVS5 img{width:.7857rem;margin-left:.4286rem}.course-tech___3J2VL .sectionslist___2zv35{width:100%;margin-bottom:7.1429rem}.course-tech___3J2VL .sectionslist___2zv35 .section___3ITN-{height:270px;margin-top:1.4286rem;display:flex;flex-flow:row nowrap;box-shadow:.0714rem .0714rem .2857rem 0 rgba(0,0,0,.09);border-radius:.2857rem;background:#fff}.course-tech___3J2VL .sectionslist___2zv35 .section___3ITN- .firstdiv___1y1lL{width:35%;position:relative}.course-tech___3J2VL .sectionslist___2zv35 .section___3ITN- .firstdiv___1y1lL .mask___3rzjQ{width:100%;height:100%;position:absolute;top:0;background:rgba(0,0,0,.5);z-index:2}.course-tech___3J2VL .sectionslist___2zv35 .section___3ITN- .firstdiv___1y1lL>img{width:100%;height:100%}.course-tech___3J2VL .sectionslist___2zv35 .section___3ITN- .seconddiv___13VE2{flex:1 1 auto;width:65%;max-width:65%;height:100%}.course-tech___3J2VL .sectionslist___2zv35 .section___3ITN- .seconddiv___13VE2 .topbar___1cglG{padding:1.2857rem;display:flex;align-items:center;border-bottom:.0714rem solid #dbdbdb}.course-tech___3J2VL .sectionslist___2zv35 .section___3ITN- .seconddiv___13VE2 .topbar___1cglG>img{width:1.4286rem;margin-left:18px;cursor:pointer}.course-tech___3J2VL .sectionslist___2zv35 .section___3ITN- .seconddiv___13VE2 .topbar___1cglG>div:first-child{width:.1429rem;height:.7857rem;float:left;border-radius:.0714rem;background-color:#106fb8}.course-tech___3J2VL .sectionslist___2zv35 .section___3ITN- .seconddiv___13VE2 .topbar___1cglG .title___3SB2v{margin-left:.5714rem;color:#333;font-size:1.2857rem}.course-tech___3J2VL .sectionslist___2zv35 .section___3ITN- .seconddiv___13VE2 .topbar___1cglG>div:last-child{margin-left:auto}.course-tech___3J2VL .sectionslist___2zv35 .section___3ITN- .seconddiv___13VE2 .topbar___1cglG>div:last-child .course-btn___2PBvj{padding:.2857rem 1.0714rem;border:.0714rem solid #a0a0a0;border-radius:.1429rem;box-sizing:border-box;font-size:.8571rem;color:#a0a0a0;cursor:pointer}.course-tech___3J2VL .sectionslist___2zv35 .section___3ITN- .seconddiv___13VE2 .topbar___1cglG>div:last-child .course-btn___2PBvj:hover{border-color:#106fb8;color:#fff;background-color:#106fb8}.course-tech___3J2VL .sectionslist___2zv35 .section___3ITN- .seconddiv___13VE2 .topbar___1cglG>div:last-child .course-btn___2PBvj:last-child{margin-left:1.0714rem}.course-tech___3J2VL .sectionslist___2zv35 .section___3ITN- .seconddiv___13VE2 .panel___1XOKr{height:62%}.course-tech___3J2VL .sectionslist___2zv35 .section___3ITN- .seconddiv___13VE2 .panel___1XOKr .classes-boxer___1yzk9{padding-top:2rem;display:flex;flex-flow:row wrap;justify-content:space-around;overflow-y:auto;height:100%}.course-tech___3J2VL .sectionslist___2zv35 .section___3ITN- .seconddiv___13VE2 .panel___1XOKr .classes-boxer___1yzk9>div{text-align:center}.course-tech___3J2VL .sectionslist___2zv35 .section___3ITN- .seconddiv___13VE2 .panel___1XOKr .classes-boxer___1yzk9>div>span{margin-top:.5714rem;display:inline-block}.course-tech___3J2VL .sectionslist___2zv35 .section___3ITN- .seconddiv___13VE2 .panel___1XOKr .classes-boxer___1yzk9 .classes___ejxWF{width:6rem;height:6rem;padding:.6429rem;box-sizing:border-box;border-radius:50%;background-color:#f8f8f8;cursor:not-allowed}.course-tech___3J2VL .sectionslist___2zv35 .section___3ITN- .seconddiv___13VE2 .panel___1XOKr .classes-boxer___1yzk9 .classes___ejxWF>div{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:.8571rem;color:#fff;background-color:#ccc}.course-tech___3J2VL .sectionslist___2zv35 .section___3ITN- .seconddiv___13VE2 .panel___1XOKr .classes-boxer___1yzk9 .classes-un___F2K86{background-color:#eafbf2;cursor:pointer}.course-tech___3J2VL .sectionslist___2zv35 .section___3ITN- .seconddiv___13VE2 .panel___1XOKr .classes-boxer___1yzk9 .classes-un___F2K86>div{background-color:#83d688}.course-tech___3J2VL .sectionslist___2zv35 .section___3ITN- .seconddiv___13VE2 .panel___1XOKr .classes-boxer___1yzk9 .classes-ing___1NU9u{background-color:#fff5f6;cursor:pointer}.course-tech___3J2VL .sectionslist___2zv35 .section___3ITN- .seconddiv___13VE2 .panel___1XOKr .classes-boxer___1yzk9 .classes-ing___1NU9u>div{background-color:#ff798d}.btn___2j3RK,.steps___2OAfw .boxer___nXUTG .boxer-left___2ijZA .toolbar___6sW5R>div:last-child .next-boxer___2Bw8o,.steps___2OAfw .boxer___nXUTG .boxer-left___2ijZA .toolbar___6sW5R>div:last-child .to-create___2IatP,.steps___2OAfw .boxer___nXUTG .boxer-left___2ijZA .toolbar___6sW5R>div:last-child .tosubmit___36gwj{padding:.7857rem 1.0714rem;border-radius:.2857rem;color:#fff;background:#0d81db}.nav-boxer___2ag9d{height:4.2857rem;background-color:#106fb8}.nav-boxer___2ag9d .nav___UORDu{width:1000px;margin:0 auto;padding-top:1.0714rem}.nav-boxer___2ag9d .nav___UORDu>a,.nav-boxer___2ag9d .nav___UORDu span{max-width:10rem;height:2.1429rem;display:flex;align-items:center;justify-content:center;border-radius:.2857rem;text-decoration:none;color:#fff;background-color:#0d81db}.nav-boxer___2ag9d .nav___UORDu>a>img,.nav-boxer___2ag9d .nav___UORDu span>img{width:1.5714rem;margin-right:.5714rem}.steps___2OAfw{margin-bottom:5.7143rem;position:relative}.steps___2OAfw a{-webkit-text-decoration-line:none;text-decoration-line:none}.steps___2OAfw svg{height:30px}.steps___2OAfw .title___3SB2v{background-color:#fff;height:45px;line-height:45px;text-align:center}.steps___2OAfw .content___3YxoX{width:1000px;margin:18px auto 0;padding:20px 0;border-radius:4px;background:#fff}.steps___2OAfw .boxer___nXUTG{width:1000px;margin-top:1.4286rem;margin-left:auto;margin-right:auto;display:flex;flex-flow:row;position:relative;border-radius:.2857rem}.steps___2OAfw .boxer___nXUTG .boxer-left___2ijZA{height:38.1429rem;margin-left:3.3571rem;flex:1 1 auto;display:flex;flex-flow:column;border-radius:.5714rem}.steps___2OAfw .boxer___nXUTG .boxer-left___2ijZA .video-boxer___LWBVn{width:100%;height:32.1429rem;background:#dcdcdc}.steps___2OAfw .boxer___nXUTG .boxer-left___2ijZA .toolbar___6sW5R{height:4.2857rem;margin-top:1.7143rem;padding:0 1.2857rem;display:flex;align-items:center;border-radius:.2857rem;background:#fff}.steps___2OAfw .boxer___nXUTG .boxer-left___2ijZA .toolbar___6sW5R .prev___8hPB1>img{width:2.7143rem}.steps___2OAfw .boxer___nXUTG .boxer-left___2ijZA .toolbar___6sW5R>div:last-child{margin-left:auto;margin-right:0}.steps___2OAfw .boxer___nXUTG .boxer-left___2ijZA .toolbar___6sW5R>div:last-child .to-create___2IatP{margin-right:116px;float:left}.steps___2OAfw .boxer___nXUTG .boxer-left___2ijZA .toolbar___6sW5R>div:last-child .next-boxer___2Bw8o{display:flex;align-items:center}.steps___2OAfw .boxer___nXUTG .boxer-left___2ijZA .toolbar___6sW5R>div:last-child .next-boxer___2Bw8o>img{width:1.2143rem;margin-left:1.8571rem}.iframe___3OOug{position:fixed;top:0;left:0;right:0;bottom:0;border:none;background-color:#4c97ff}.iframe___3OOug .scratchnav___2Vn8r{color:#fff;text-align:center;height:50px;margin:0;padding:0;border:none;width:100%;display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center}.iframe___3OOug .scratchnav___2Vn8r .return___3MHix{margin-right:10px;height:30px;line-height:30px;font-size:14px;width:80px;background-color:#ff9800;border-radius:5px;float:right}.iframe___3OOug .scratchnav___2Vn8r .return___3MHix:hover{cursor:pointer;opacity:.7}.iframe___3OOug .scratchnav___2Vn8r .name___3-hRG{height:14px;line-height:14px;margin:auto;font-size:14px}.iframe___3OOug iframe{height:95%;width:100%;margin:0;padding:0;border:none}
body{margin:0;padding:0}body,html{min-width:1200px;min-height:600px;font-size:16px;color:#333;background:#edf1f7;overflow:hidden}a{text-decoration:none;color:#666}a:active{color:#666}a:visited{color:#666}#root{height:100%;overflow-y:auto}@media screen and (max-width:1399px){body,html{font-size:12px}}@media screen and (min-width:1400px){body,html{font-size:14px}}@media screen and (min-width:1600px){body,html{font-size:16px}}::-webkit-scrollbar{width:5px;height:1px}::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:#535353}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);border-radius:10px;background:#ededed}.flex-row{display:flex;flex-flow:row nowrap;justify-content:center;align-items:flex-start}.flex-column{display:flex;flex-flow:column nowrap;justify-content:center;align-items:flex-start}.div-btn{text-align:center;background-color:#b2d797;width:130px;font-size:18px;border-radius:5px;margin-left:75%;height:40px;line-height:40px}.div-btn-a{text-decoration:none;color:#fff}.container{max-width:1600px;margin:0 auto}.common-boxer{max-width:1000px;margin-top:2.1429rem;margin-left:auto;margin-right:auto;display:flex;flex-flow:column;align-items:center;position:relative}.desktop-container{height:100%;background:no-repeat 50%/100% 100% url(/images/bg-main@1x.png);overflow-y:auto}.btn{color:#fff;background-color:#106fb8}.btn-beans,.level-boxer>li,.switch>a{padding:.5714rem .7143rem;font-size:.8571rem;border-radius:8px;color:#666;background-color:#fff;cursor:pointer}.checkbox{width:.9375rem;height:.9375rem;border:1px solid #000}.checkbox-choosen{background:#000}.card-boxer{width:100%;margin-bottom:2.1429rem;display:flex;flex-flow:wrap;justify-content:space-between}.level-boxer{width:100%;margin:0;padding:0;list-style:none}.level-boxer>li{float:left}.level-boxer>li:not(:first-child){margin-left:1.2857rem}.level-boxer>li.active{color:#fff;background:#106fb8}.level-boxer>li.active>a{color:#fff}.switch{position:absolute;right:0}.switch img{width:.7857rem;margin-left:.4286rem}.course-tech .sectionslist{width:100%;margin-bottom:7.1429rem}.course-tech .sectionslist .section{height:270px;margin-top:1.4286rem;display:flex;flex-flow:row nowrap;box-shadow:.0714rem .0714rem .2857rem 0 rgba(0,0,0,.09);border-radius:.2857rem;background:#fff}.course-tech .sectionslist .section .firstdiv{width:35%;position:relative}.course-tech .sectionslist .section .firstdiv .mask{width:100%;height:100%;position:absolute;top:0;background:rgba(0,0,0,.5);z-index:2}.course-tech .sectionslist .section .firstdiv>img{width:100%;height:100%}.course-tech .sectionslist .section .seconddiv{flex:1 1 auto;width:65%;max-width:65%;height:100%}.course-tech .sectionslist .section .seconddiv .topbar{padding:1.2857rem;display:flex;align-items:center;border-bottom:.0714rem solid #dbdbdb}.course-tech .sectionslist .section .seconddiv .topbar>img{width:1.4286rem;margin-left:18px;cursor:pointer}.course-tech .sectionslist .section .seconddiv .topbar>div:first-child{width:.1429rem;height:.7857rem;float:left;border-radius:.0714rem;background-color:#106fb8}.course-tech .sectionslist .section .seconddiv .topbar .title{margin-left:.5714rem;color:#333;font-size:1.2857rem}.course-tech .sectionslist .section .seconddiv .topbar>div:last-child{margin-left:auto}.course-tech .sectionslist .section .seconddiv .topbar>div:last-child .course-btn{padding:.2857rem 1.0714rem;border:.0714rem solid #a0a0a0;border-radius:.1429rem;box-sizing:border-box;font-size:.8571rem;color:#a0a0a0;cursor:pointer}.course-tech .sectionslist .section .seconddiv .topbar>div:last-child .course-btn:hover{border-color:#106fb8;color:#fff;background-color:#106fb8}.course-tech .sectionslist .section .seconddiv .topbar>div:last-child .course-btn:last-child{margin-left:1.0714rem}.course-tech .sectionslist .section .seconddiv .panel{height:62%}.course-tech .sectionslist .section .seconddiv .panel .classes-boxer{padding-top:2rem;display:flex;flex-flow:row wrap;justify-content:space-around;overflow-y:auto;height:100%}.course-tech .sectionslist .section .seconddiv .panel .classes-boxer>div{text-align:center}.course-tech .sectionslist .section .seconddiv .panel .classes-boxer>div>span{margin-top:.5714rem;display:inline-block}.course-tech .sectionslist .section .seconddiv .panel .classes-boxer .classes{width:6rem;height:6rem;padding:.6429rem;box-sizing:border-box;border-radius:50%;background-color:#f8f8f8;cursor:not-allowed}.course-tech .sectionslist .section .seconddiv .panel .classes-boxer .classes>div{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:.8571rem;color:#fff;background-color:#ccc}.course-tech .sectionslist .section .seconddiv .panel .classes-boxer .classes-un{background-color:#eafbf2;cursor:pointer}.course-tech .sectionslist .section .seconddiv .panel .classes-boxer .classes-un>div{background-color:#83d688}.course-tech .sectionslist .section .seconddiv .panel .classes-boxer .classes-ing{background-color:#fff5f6;cursor:pointer}.course-tech .sectionslist .section .seconddiv .panel .classes-boxer .classes-ing>div{background-color:#ff798d}