.student-portrait-container{height:calc(100% - .10417rem)}.student-portrait-container .student-portrait-center{display:flex;height:calc(100% - .10417rem)}.student-portrait-container .student-portrait-center .part{flex:1 0 0}.student-portrait-container .student-portrait-center .left-center{border-right:.026042rem solid #f5f5f5}.student-portrait-container .student-portrait-center .left-center .in-the-class{height:2.708333rem;margin-bottom:.260417rem}.student-portrait-container .student-portrait-center .left-center ul{display:flex;align-items:center}.student-portrait-container .student-portrait-center .left-center ul li{flex:1 0 0;background-color:#f5f5f5;margin-right:.041667rem;height:.677083rem;display:flex;align-items:center;justify-content:center;flex-direction:column;background-size:cover;border-radius:.041667rem}.student-portrait-container .student-portrait-center .left-center ul li p{font-size:.083333rem;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#fff;margin-bottom:.057292rem}.student-portrait-container .student-portrait-center .left-center ul li span{font-size:.072917rem;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#fff}.student-portrait-container .student-portrait-center .right-center{margin-left:.078125rem}.student-portrait-container .student-portrait-center .right-center .nav{display:flex;align-items:center;height:.416667rem}.student-portrait-container .student-portrait-center .right-center .nav .name{display:flex;align-items:center;justify-content:center;margin-right:.15625rem;cursor:pointer}.student-portrait-container .student-portrait-center .right-center .nav .name span{font-size:.083333rem;font-weight:500;color:#6c6c6c;margin-right:.052083rem}.student-portrait-container .student-portrait-center .right-center .nav .name i{font-size:.114583rem}.student-portrait-container .student-portrait-center .right-center .echarts-status{height:2.135417rem}.student-portrait-container .student-portrait-center .right-center .p-text p{font-size:.072917rem;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#838383;margin-bottom:.135417rem;display:flex;align-items:center;position:relative}.student-portrait-container .student-portrait-center .right-center .p-text p:before{content:"";display:block;width:.052083rem;height:.052083rem;margin-right:.026042rem;background-color:#54b3e9;border-radius:50%}.student-portrait-container .student-portrait-center .right-center .progress-view{display:flex;margin-bottom:.15625rem}.student-portrait-container .student-portrait-center .right-center .progress-view .progress{display:flex;flex:1 0 0;align-items:center}.student-portrait-container .student-portrait-center .right-center .progress-view .progress label{font-size:.083333rem;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#838383;margin-right:.072917rem}.student-portrait-container .student-portrait-center .right-center .progress-view .progress .el-progress{width:55%}.el-radio-group{margin-bottom:.104167rem}.name-ul{display:grid;width:100%;grid-template-rows:repeat(6,1fr);grid-template-columns:repeat(6,1fr);grid-auto-flow:row}.name-ul li{width:.4375rem;height:.1875rem;background:#fff;border-radius:.020833rem;border:.005208rem solid #6abb97;display:flex;align-items:center;justify-content:center;cursor:pointer}.name-ul li span{margin-right:.03125rem}.name-ul li:nth-child(6n){margin-right:0!important}::v-deep .el-card__body{height:100%}.icon-shoucang1{color:#6abb97}