.com-sgp-left{min-height:500px;padding:14px 15px 15px 15px;-webkit-box-sizing:border-box;box-sizing:border-box}.com-sgp-left .proportionHeader{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:10px 15px 0;-webkit-box-sizing:border-box;box-sizing:border-box}.com-sgp-left .proportionHeader,.com-sgp-left .proportionHeader .proportionFilter,.com-sgp-left .proportionHeader .proportionTabs{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.com-sgp-left .proportionHeader .proportionTabs{gap:15px}.com-sgp-left .proportionHeader .proportionTabs .tabText{font-size:16px;color:#fff;font-weight:700}.com-sgp-left .trendFilter{padding:10px 15px 0}.com-sgp-left .proportionWrap,.com-sgp-left .trendFilter{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box}.com-sgp-left .proportionWrap{padding:0 15px;margin-top:20px}.com-sgp-left .proportionWrap .proportionChart{width:180px;height:220px;-ms-flex-negative:0;flex-shrink:0}.com-sgp-left .proportionWrap .proportionInfo{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:10px}.com-sgp-left .proportionWrap .proportionInfo .totalScore{text-align:center;margin-bottom:10px}.com-sgp-left .proportionWrap .proportionInfo .totalScore .scoreNum{font-size:28px;font-weight:700;color:#fff}.com-sgp-left .proportionWrap .proportionInfo .totalScore .scoreLabel{font-size:12px;color:hsla(0,0%,100%,.6);margin-top:15px}.com-sgp-left .proportionWrap .proportionInfo .scoreDetail{border-top:1px dashed hsla(0,0%,100%,.2)}.com-sgp-left .proportionWrap .proportionInfo .scoreDetail .scoreRow{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-size:14px;border-bottom:1px dashed hsla(0,0%,100%,.2);padding:15px 0}.com-sgp-left .proportionWrap .proportionInfo .scoreDetail .scoreRow .label{color:hsla(0,0%,100%,.7)}.com-sgp-left .proportionWrap .proportionInfo .scoreDetail .scoreRow .value{font-weight:700;font-size:20px}.com-sgp-left .proportionWrap .proportionInfo .scoreDetail .scoreRow .rate{color:hsla(0,0%,100%,.5);font-size:11px}.leftFilter{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding-right:10px;padding:10px 15px 0}.com-sgp-right,.leftFilter{-webkit-box-sizing:border-box;box-sizing:border-box}.com-sgp-right{min-height:500px;padding:14px 15px 15px 15px}.com-sgp-right .radarContentWrap{padding:10px 15px;-webkit-box-sizing:border-box;box-sizing:border-box}.com-sgp-right .radarContentWrap .radarFilter{margin-bottom:10px}.com-sgp-right .overviewTable{padding:10px 15px;-webkit-box-sizing:border-box;box-sizing:border-box}.com-sgp-right .overviewTable .tableHeader{height:32px;background:rgba(20,60,120,.5);border-radius:4px;font-weight:700;font-size:12px;color:#8df2ff;padding:0 5px}.com-sgp-right .overviewTable .tableHeader .col-name{-webkit-box-flex:2;-ms-flex:2;flex:2}.com-sgp-right .overviewTable .tableHeader .col-count{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center}.com-sgp-right .overviewTable .tableHeader .col-score{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:right}.com-sgp-right .overviewTable .tableBody{max-height:190px;overflow-y:auto}.com-sgp-right .overviewTable .tableBody::-webkit-scrollbar{width:3px}.com-sgp-right .overviewTable .tableBody::-webkit-scrollbar-thumb{background:rgba(45,163,255,.5);border-radius:3px}.com-sgp-right .overviewTable .tableBody .tableRow{height:30px;font-size:12px;border-bottom:1px solid rgba(45,163,255,.1);padding:0 5px;color:hsla(0,0%,100%,.8)}.com-sgp-right .overviewTable .tableBody .tableRow .col-name{-webkit-box-flex:2;-ms-flex:2;flex:2}.com-sgp-right .overviewTable .tableBody .tableRow .col-count{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center}.com-sgp-right .overviewTable .tableBody .tableRow .col-score{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:right;color:#67e591}.com-sgp-right .overviewTable .tableBody .tableRow:hover{background:rgba(20,60,120,.3)}.com-sgp-right .overviewFilter{padding:10px 15px 0;-webkit-box-sizing:border-box;box-sizing:border-box}.com-sgp-right .overviewFilter,.com-sgp-right .overviewTabs{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.com-sgp-right .overviewTabs{gap:15px;padding-right:10px}.com-sgp-right .overviewTabs .tabItem{font-size:16px;color:hsla(0,0%,100%,.5);cursor:pointer;padding:4px 8px;-webkit-transition:all .3s;transition:all .3s}.com-sgp-right .overviewTabs .tabItem:hover{color:hsla(0,0%,100%,.8)}.com-sgp-right .overviewTabs .tabItem.active{color:#fff;font-weight:700}.com-sgp-right .starContent{display:-webkit-box;display:-ms-flexbox;display:flex;padding:10px 15px;-webkit-box-sizing:border-box;box-sizing:border-box}.com-sgp-right .starContent .starRank{-webkit-box-flex:1;-ms-flex:1;flex:1}.com-sgp-right .starContent .starRank .rankHeader{font-size:13px;font-weight:700;color:#8df2ff;margin-bottom:10px;text-align:center}.com-sgp-right .starContent .starRank .rankList .rankItem{height:28px;font-size:12px;border-bottom:1px solid rgba(45,163,255,.1);padding:0 5px}.com-sgp-right .starContent .starRank .rankList .rankItem .rankNo{width:20px;height:20px;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:11px;margin-right:8px;background:rgba(45,163,255,.2);color:hsla(0,0%,100%,.7)}.com-sgp-right .starContent .starRank .rankList .rankItem .rankNo.no1{background:rgba(255,200,50,.4);color:#ffc832}.com-sgp-right .starContent .starRank .rankList .rankItem .rankNo.no2{background:hsla(0,0%,78.4%,.3);color:#c8c8c8}.com-sgp-right .starContent .starRank .rankList .rankItem .rankNo.no3{background:rgba(205,127,50,.3);color:#cd7f32}.com-sgp-right .starContent .starRank .rankList .rankItem .rankName{color:hsla(0,0%,100%,.8)}.com-sgp-right .starContent .starRank .rankList .rankItem:hover{background:rgba(20,60,120,.3)}.com-sgp-right .starContent .starRadar{-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.com-sgp-right .starContent .starRadar,.radarTabs{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.radarTabs{gap:15px;padding-right:10px}.radarTabs .tabItem{font-size:16px;color:hsla(0,0%,100%,.5);cursor:pointer;padding:4px 8px;-webkit-transition:all .3s;transition:all .3s}.radarTabs .tabItem:hover{color:hsla(0,0%,100%,.8)}.radarTabs .tabItem.active{color:#fff;font-weight:700}.rightFilter{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding-right:10px;padding:10px 15px 0;-webkit-box-sizing:border-box;box-sizing:border-box;z-index:10;position:relative}.centerNumLaable{background:url(../img/kshBg005.f0568df6.png) no-repeat 50%;background-size:100% 100%;width:240px;height:45px;margin-bottom:15px;padding:0 30px}.com-sgp-mid{min-height:500px;padding:14px 15px 15px 15px;-webkit-box-sizing:border-box;box-sizing:border-box}.com-sgp-mid .topStats .statsRow .statCard{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:rgba(20,60,120,.3);border-radius:8px;padding:10px 15px;min-width:180px}.com-sgp-mid .topStats .statsRow .statCard .statIcon{width:40px;height:40px;margin-right:10px}.com-sgp-mid .topStats .statsRow .statCard .statIcon img{width:100%;height:100%}.com-sgp-mid .topStats .statsRow .statCard .statInfo .statLabel{font-size:12px;color:hsla(0,0%,100%,.6);margin-bottom:4px}.com-sgp-mid .topStats .statsRow .statCard .statInfo .statValue{font-size:22px;font-weight:700;color:#fff}.com-sgp-mid .topStats .statsRow .statCard .statInfo .statValue .statUnit{font-size:12px;font-weight:400;color:hsla(0,0%,100%,.6);margin-left:4px}.com-sgp-mid .centerArea{position:relative;height:528px;background:url(../img/midBig001.26203eed.png) no-repeat 50%;background-size:100% 100%}.com-sgp-mid .centerArea .centerLogo{position:absolute;top:72%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:2}.com-sgp-mid .centerArea .centerLogo .logoCircle{width:200px;height:200px;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.com-sgp-mid .centerArea .centerLogo .logoCircle .logoImg{width:100%;height:100%;-webkit-animation:logoRotate 20s linear infinite;animation:logoRotate 20s linear infinite}.com-sgp-mid .centerArea .centerLogo .logoCircle .logoText{position:absolute;font-size:28px;font-weight:700;color:#24bfe3}@-webkit-keyframes logoRotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes logoRotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.com-sgp-mid .centerArea .centerStats{position:absolute;top:0;left:0;width:100%;height:100%;padding-left:50px;padding-right:50px;padding-top:30px}.com-sgp-mid .centerArea .centerStats .midLeftBox .centerStatItem{background:url(../img/kshBg003.c8e42108.png) no-repeat 0;width:200px;height:80px;background-size:200px 80px;padding-top:10px}.com-sgp-mid .centerArea .centerStats .midRightBox .centerStatItem{background:url(../img/kshBg004.370e8e60.png) no-repeat 100%;width:200px;height:80px;background-size:200px 80px;padding-top:10px}.com-sgp-mid .centerArea .centerStats .centerStatItem{text-align:center}.com-sgp-mid .centerArea .centerStats .centerStatItem.centerStatItem{margin-top:29px}.com-sgp-mid .centerArea .centerStats .centerStatItem .csLabel{font-size:12px;color:hsla(0,0%,100%,.6);margin-bottom:10px}.com-sgp-mid .centerArea .centerStats .centerStatItem .csValue{font-size:20px;font-weight:700;color:#fff}.com-sgp-mid .centerArea .centerStats .centerStatItem .csValue .csUnit{font-size:12px;font-weight:400;color:hsla(0,0%,100%,.6);margin-left:4px}.com-sgp-mid .centerArea .centerStats .centerStatItem.top-left{top:10px;left:15%}.com-sgp-mid .centerArea .centerStats .centerStatItem.top-right{top:10px;right:15%}.com-sgp-mid .centerArea .centerStats .centerStatItem.mid-left{top:50%;left:5%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.com-sgp-mid .centerArea .centerStats .centerStatItem.mid-right{top:50%;right:5%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.com-sgp-mid .centerArea .centerStats .centerStatItem.bottom-left{bottom:10px;left:15%}.com-sgp-mid .centerArea .centerStats .centerStatItem.bottom-right{bottom:10px;right:20%}.com-sgp-mid .centerArea .centerStats .centerStatItem.bottom-far-right{bottom:10px;right:5%}.com-sgp-mid .bottomStats .bottomStatCard{text-align:center;padding:45px 0 25px 0;background:url(../img/kshBg002.9dc964c5.png) no-repeat 50%;background-size:100% 100%;background-clip:border-box;width:30%}.com-sgp-mid .bottomStats .bottomStatCard .bsLabel{font-size:15px;color:hsla(0,0%,100%,.6);margin-bottom:15px}.com-sgp-mid .bottomStats .bottomStatCard .bsValue{font-size:24px;font-weight:700;color:#8df2ff;margin-top:10px}.com-sgp-mid .bottomStats .bottomStatCard .bsValue .bsUnit{font-size:12px;font-weight:400;color:hsla(0,0%,100%,.6);margin-left:4px}.com-sgp-mid .latestTable{padding:10px 15px;-webkit-box-sizing:border-box;box-sizing:border-box}.com-sgp-mid .latestTable .tableHeader{height:32px;background:rgba(20,60,120,.5);border-radius:4px;font-weight:700;font-size:12px;color:#8df2ff;padding:0 5px}.com-sgp-mid .latestTable .tableHeader .col-class,.com-sgp-mid .latestTable .tableHeader .col-evaluator,.com-sgp-mid .latestTable .tableHeader .col-grade{-webkit-box-flex:1;-ms-flex:1;flex:1}.com-sgp-mid .latestTable .tableHeader .col-behavior,.com-sgp-mid .latestTable .tableHeader .col-student{-webkit-box-flex:1.5;-ms-flex:1.5;flex:1.5}.com-sgp-mid .latestTable .tableHeader .col-time{-webkit-box-flex:2;-ms-flex:2;flex:2;text-align:right}.com-sgp-mid .latestTable .scrollWrapper{height:230px;overflow:hidden;position:relative}.com-sgp-mid .latestTable .scrollWrapper .scrollContent{-webkit-animation:scrollUp linear infinite;animation:scrollUp linear infinite}.com-sgp-mid .latestTable .scrollWrapper .scrollContent .tableRow{height:30px;font-size:12px;border-bottom:1px solid rgba(45,163,255,.1);padding:0 5px;color:hsla(0,0%,100%,.7)}.com-sgp-mid .latestTable .scrollWrapper .scrollContent .tableRow .col-class,.com-sgp-mid .latestTable .scrollWrapper .scrollContent .tableRow .col-evaluator,.com-sgp-mid .latestTable .scrollWrapper .scrollContent .tableRow .col-grade{-webkit-box-flex:1;-ms-flex:1;flex:1}.com-sgp-mid .latestTable .scrollWrapper .scrollContent .tableRow .col-behavior,.com-sgp-mid .latestTable .scrollWrapper .scrollContent .tableRow .col-student{-webkit-box-flex:1.5;-ms-flex:1.5;flex:1.5}.com-sgp-mid .latestTable .scrollWrapper .scrollContent .tableRow .col-time{-webkit-box-flex:2;-ms-flex:2;flex:2;text-align:right}.com-sgp-mid .latestTable .scrollWrapper .scrollContent .tableRow:hover{background:rgba(20,60,120,.3)}@-webkit-keyframes scrollUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-50%);transform:translateY(-50%)}}@keyframes scrollUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-50%);transform:translateY(-50%)}}.pointer{cursor:pointer}.baseBody{width:100%;height:100vh;overflow:hidden;font-size:14px;background:#000208;position:relative}.baseBody .main-wraper{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:1920px;height:1080px;margin:0 auto;background:#02081a url(../img/sytBg2.f1c9e669.png) 50% no-repeat;background-size:cover;-webkit-box-sizing:border-box;box-sizing:border-box}.dateWeek{left:0;z-index:200}.dateWeek,.fullBox{position:absolute;top:0;width:200px;height:50px;color:#fff}.fullBox{right:0;z-index:999}.baseTitleLeft{width:644px;height:55px;background:url(../img/titleLeft.c5e2f9a2.png) 100% 0 no-repeat;background-size:auto 55px}.baseTitleRight{width:644px;height:55px;background:url(../img/titleRight.500f6810.png) 0 0 no-repeat;background-size:auto 55px}.baseBody .baseTitleContent{width:100%;height:100px;position:absolute;left:0;top:0;right:0;z-index:200}.baseBody .baseTitleContent .baseTitleMid{width:659px;height:100px;margin:0 auto;background:url(../img/headtitileBg3.fc151436.png) 0 0 no-repeat;background-size:100% 100px}.baseBody .baseTitleContent .baseTitleMid .top{width:659px;height:100px;margin:0 auto;background:url(../img/headtitileBg2.7fd3dce6.png) top no-repeat;background-size:100% 100px}.baseBody .baseTitleContent .baseTitleMid .topLine{width:659px;height:100px;margin:0 auto;background:url(../img/titleBg4.cd63ed7e.png) 0 0 no-repeat;background-size:auto 100px}.baseBody .baseTitleContent .baseTitleMid .title{width:100%;height:70px;margin:0 auto;font-size:34px;font-weight:700;line-height:70px;background:url(../img/headtitileBg1.a3fdd5dc.png) top no-repeat;background-position:50%;background-size:100% auto}.custBodybg{width:1920px;height:1080px;position:fixed;left:0;top:0;z-index:100;pointer-events:none;background:radial-gradient(rgba(0,12,38,0) 30%,#000c26 100%,#000c26 0)}