.detail-container{display:flex}.detail-container .left-view{flex:1}.detail-container .left-view .audio-item{margin:.104167rem;padding:.104167rem;border-radius:.052083rem;background-color:#fff}.detail-container .left-view1{flex:1;display:flex;overflow:auto;width:100%;justify-content:space-around;align-items:center;flex-wrap:wrap}.detail-container .right-view{width:2.083333rem;padding:.104167rem;position:relative;height:100%}.detail-container .right-view ::v-deep .student-status-details{display:flex;justify-content:space-around;margin-bottom:.104167rem}.detail-container .right-view .student-status-details{display:flex;align-self:center}.detail-container .right-view .student-status-details div,.detail-container .right-view .student-status-details p{font-size:.104167rem;font-weight:500;display:flex;align-items:center;margin-left:.041667rem}.detail-container .right-view .student-status-details .tips{display:flex;align-items:center;margin-left:.041667rem}.detail-container .right-view .student-status-details .tips:before{content:"";display:block;width:.052083rem;height:.052083rem;margin-right:.026042rem;border-radius:50%;background-color:#6d7278}.detail-container .right-view .student-status-details .answered:before{background-color:#73ad94}.detail-container .right-view .student-status-details .success:before{background-color:#16d585}.detail-container .right-view .student-status-details .no-left{margin-left:0}.detail-container .right-view .student-list-container{display:flex;flex-wrap:wrap}.detail-container .right-view .student-list-container li{margin-left:.052083rem;margin-bottom:.052083rem;width:30%;border-radius:.03125rem;cursor:pointer;border:.005208rem solid #6d7278;color:#6d7278;text-align:center;font-size:.104167rem}.detail-container .right-view .student-list-container .student-status-true{border:.005208rem solid #73ad94;color:#73ad94}.detail-container .right-view .student-list-container .select{background:#73ad94;color:#fff}.show-item-btn{position:fixed;bottom:.520833rem;right:2.1875rem;color:#61bb96;z-index:1}