html{margin:0;height:100%;font-family:'Microsoft YaHei',tahoma,arial,'Hiragino Sans GB',sans-serif}body .main{width:1200px;margin:auto;display:flex;flex-direction:row;margin-bottom:20px}body .main .mainLeft{width:900px;background-color:#fff;margin-right:20px}body .main .mainLeft .arrow-box{width:10%;height:100%;position:absolute;right:0}body .main .mainLeft .arrow-box .arrow-open,body .main .mainLeft .arrow-box .arrow-close{position:relative;height:100%}body .main .mainLeft .arrow-box .arrow-open span,body .main .mainLeft .arrow-box .arrow-close span{font-size:20px;font-family:Microsoft YaHei;font-weight:400;color:#005ab6;cursor:pointer}body .main .mainLeft .arrow-open span{text-align:center;line-height:68px}body .main .mainLeft .arrow-close span{position:absolute;left:50%;bottom:0;transform:translateX(-50%);margin-bottom:10px}body .main .mainLeft .mainLeftNavBox{width:900px;height:68px;overflow:hidden;margin-bottom:30px;position:relative;background-color:#f5f6f7}body .main .mainLeft .mainLeftNavBox .mainLeftNav{width:90%;position:absolute;left:0;background:#f5f6f7;display:flex;align-items:center;flex-wrap:wrap}body .main .mainLeft .mainLeftNavBox .mainLeftNav .NavBtn{background:#f5f6f7;border:1px solid #005ab6;border-radius:5px;height:36px;margin-top:15px;margin-bottom:15px;margin-left:28px;display:flex;align-items:center;justify-content:center;cursor:pointer}body .main .mainLeft .mainLeftNavBox .mainLeftNav .NavBtn>span{margin:0px 19px;font-size:20px;font-family:Microsoft YaHei;font-weight:400;color:#005ab6;line-height:60px}body .main .mainLeft .mainLeftNavBox .mainLeftNav .NavBtnActive{background:#005ab6;border-radius:5px;display:flex;align-items:center;justify-content:center}body .main .mainLeft .mainLeftNavBox .mainLeftNav .NavBtnActive>span{margin:0px 19px;font-size:20px;font-family:Microsoft YaHei;font-weight:400;color:#ffffff;line-height:60px}body .main .mainLeft .classesList{width:900px;margin:auto;display:flex;flex-wrap:wrap}body .main .mainRight{width:284px}body .main .mainRight .popRecomme{height:1006px;background-color:#f5f6f7}body .main .mainRight .popRecomme .popRecommeTop{padding-top:20px;margin:auto;color:#333333;font-weight:bold;font-size:26px;width:242px;height:46px}body .main .mainRight .popRecomme .popRecommeTop>img{position:relative;top:4px;margin-right:4px}body .main .mainRight .popRecomme .popRecommeItme{box-sizing:border-box;width:242px;height:312px;margin:auto;padding:32px 0;border-top:1px solid #e4e4e4}body .main .mainRight .popRecomme .popRecommeItme .popRecommeA{text-decoration:none;width:242px}body .main .mainRight .popRecomme .popRecommeItme .popRecommeA .popRecommeImg{width:242px;height:138px;border-radius:5px}body .main .mainRight .popRecomme .popRecommeItme .popRecommeA .popRecommeTitle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:242px;margin:16px 0px 16px 10px;font-size:22px;font-family:Microsoft YaHei;font-weight:bold;color:#333333}body .main .mainRight .popRecomme .popRecommeItme .popRecommeA .popRecommeTeacher{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:18px;margin-left:10px;color:#999999;font-family:Microsoft YaHei;font-weight:400}body .main .mainRight .popRecomme .popRecommeItme .popRecommeA .popRecommeCount{margin-top:12px;margin-left:10px;color:#999999;font-size:18px;font-family:Microsoft YaHei;font-weight:400}body .Listpagination{position:relative;width:1200px}body .rank{width:100%;height:570px;background-color:#fbfbfb;padding-top:60px}body .rank .rankTitle{width:1200px;margin:auto;display:flex;align-items:center;border-bottom:1px solid #e4e4e4}body .rank .rankTitle>img{height:34px;width:34px;margin-right:16px}body .rank .rankTitle :nth-child(2){font-size:34px;font-family:Microsoft YaHei;font-weight:bold;color:#333333;line-height:60px}body .rank .rankTitle :nth-child(3){margin-left:auto;font-size:20px;font-family:Microsoft YaHei;font-weight:400;color:#666666;cursor:pointer;text-decoration:none}body .rank .rankTitle2{width:1200px;margin:36px auto}body .rank .rankTitle2>span{font-size:28px;font-family:Microsoft YaHei;font-weight:bold;color:#005ab6;line-height:60px}body .rank .rankTitle2 :nth-child(1){margin-left:176px}body .rank .rankTitle2 :nth-child(2){margin-left:334px}body .rank .rankList{width:1201px;height:300px;margin:auto;display:flex}body .rank .rankList .rankListLeft{width:600px;height:300px}body .rank .rankList .rankListLine{width:1px;height:300px}body .rank .rankList .rankListRight{width:600px;height:300px}body .rank .rankList .rankListTitle{font-size:22px;font-family:Microsoft YaHei;font-weight:400;color:#999999;margin-bottom:20px}body .rank .rankList .rankListTitle :nth-child(1){margin-left:58px}body .rank .rankList .rankListTitle :nth-child(2){margin-left:74px}body .rank .rankList .rankListTitle :nth-child(3){margin-left:142px}body .rank .rankList .rankItem{display:flex;align-items:center;margin:18px 0}body .rank .rankList .rankItem .rankItemIcon{width:26px;height:35px;margin-left:62px;display:flex;align-items:center;justify-content:center}body .rank .rankList .rankItem .rankItemIcon>span{font-size:28px;font-family:Microsoft YaHei;font-weight:bold;color:#385792}body .rank .rankList .rankItem .rankItemName{width:300px;margin-left:32px;font-size:24px;font-family:Microsoft YaHei;font-weight:400;color:#333333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body .rank .rankList .rankItem .rankItemTime{width:80px;text-align:center;margin-left:20px;font-size:24px;font-family:Microsoft YaHei;font-weight:bold;color:#333333}.classesListA{text-decoration:none;width:284px;height:290px;margin-top:0px !important;margin-left:22px !important;margin-bottom:20px !important;border-radius:6px}.classesListA:nth-child(3n + 1){margin-left:0px !important}.classesListA:nth-child(3n){margin-right:0px !important}.no-content-box{margin:0 auto;display:flex;flex-direction:column;margin-top:180px}.no-content-box img{width:212px;height:186px}.no-content-box span{text-align:center;font-size:22px;font-family:Microsoft YaHei;font-weight:400;color:#999999;opacity:.5}.no-classify-tag{height:70px}.no-classify-tag span{line-height:70px}.js-hidden{display:none}.no-rank-box{width:100%}.no-rank-box .no-rank-img{display:block;width:172px;height:117px;margin:0 auto;margin-top:68px}.no-rank-box .no-rank-text{text-align:center;font-size:22px;font-family:Microsoft YaHei;font-weight:400;color:#333333;line-height:60px}a{text-decoration:none !important}/*# sourceMappingURL=./courseList.css.map */