.clearfix[data-v-335bd242]:after{content:"";display:table;clear:both}.scrollBar[data-v-335bd242]::-webkit-scrollbar-track-piece{background:#d3dce6}.scrollBar[data-v-335bd242]::-webkit-scrollbar{width:.03125rem}.scrollBar[data-v-335bd242]::-webkit-scrollbar-thumb{background:#99a9bf;border-radius:.10417rem}.relative[data-v-335bd242]{position:relative;width:100%;height:100%}.record_box[data-v-335bd242]{padding:.10938rem 0;border-bottom:1px solid #eee;display:flex}.record_box .video_box[data-v-335bd242]{width:1.17708rem;height:.66667rem;border-radius:.05208rem;overflow:hidden;position:relative;margin-right:.10417rem}.record_box .video_box .avator_video[data-v-335bd242]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.record_box .video_box .play_btn[data-v-335bd242]{width:.16667rem;height:.16667rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.record_box .record_content[data-v-335bd242]{flex:1;text-align:left;color:#222}.record_box .record_content .record_title[data-v-335bd242]{font-size:.10417rem;font-weight:900;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.record_box .record_content .duration[data-v-335bd242]{font-size:.08333rem;color:#8e8e8e;font-weight:700;margin:.05208rem 0 .15625rem}.record_box .record_content .activeType[data-v-335bd242]{margin:.05208rem 0 .10417rem;font-size:.0625rem;color:#222;display:inline-block;padding:.02083rem .05729rem;line-height:.11458rem;border:1px solid #eee;border-radius:.10417rem}.record_box .record_content .hadView[data-v-335bd242]{font-size:.08333rem;color:#fa9400}.record_box .record_content .hadView .el-progress[data-v-335bd242]{width:.78125rem;display:inline-block;margin:0 .10417rem}.record_box .record_content .finishView[data-v-335bd242]{color:#8e8e8e;font-size:.08333rem;position:relative}.record_box .record_content .finishView .activeStatus[data-v-335bd242]{position:absolute;right:0;top:0;font-size:.10417rem}.record_box .record_content .finishView .activeStatus .unStart[data-v-335bd242]{color:#fa9400;font-weight:700}.record_box .record_content .finishView .activeStatus .being[data-v-335bd242]{color:#264a9d;font-weight:700}.record_box .record_content .finishView .activeStatus .finished[data-v-335bd242]{color:#8e8e8e}.page_box[data-v-335bd242]{position:absolute;bottom:.13021rem;left:50%;transform:translateX(-50%)}.p360[data-v-335bd242]{padding:0 1.77083rem}.p260[data-v-335bd242]{padding:0 1.35417rem}.w1200[data-v-335bd242]{width:6.25rem;margin:0 auto}.mt26[data-v-335bd242]{margin-top:.13542rem}.mt17[data-v-335bd242]{margin-top:.08854rem}.mtl-18[data-v-335bd242]{margin-left:-.09375rem}.UserGuide[data-v-335bd242]{padding:.15625rem}.item[data-v-335bd242]{margin-bottom:.15625rem;padding:.07292rem .10417rem;background:rgba(64,146,253,.1);border-radius:.0625rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap}.item img[data-v-335bd242]{width:.3125rem;height:.3125rem}.item .file_name[data-v-335bd242]{flex:1;font-size:.08333rem;color:#333;line-height:.10417rem;font-weight:700;margin:0 .0625rem}.item .file_btn[data-v-335bd242]{display:inline-block;padding:.04167rem .09375rem;background:#264a9d;border-radius:.02083rem;color:#fff;font-size:.07292rem;cursor:pointer}.item .file_btn[data-v-335bd242]:hover{opacity:.8}