.my-course-item[data-v-51c26cab]{width:100%;background-color:#fff;display:flex;cursor:pointer}.my-course-item .cover-box[data-v-51c26cab]{position:relative;height:112px}.my-course-item .cover[data-v-51c26cab]{width:200px;height:112px;border-radius:6px;background-color:#f3f4f6}.my-course-item .view-count[data-v-51c26cab]{position:absolute;bottom:10px;left:10px;display:flex;padding:2px 5px;align-items:center;background-color:rgba(0,0,0,.3);border-radius:2px}.my-course-item .view-count img[data-v-51c26cab]{width:16px;height:13px}.my-course-item .view-count span[data-v-51c26cab]{color:#fff;font-size:12px;margin-left:5px}.my-course-item .title[data-v-51c26cab]{font-size:17px;height:48px;font-weight:700;flex:1;display:-webkit-box;text-overflow:ellipsis;word-break:break-all;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}.my-course-item .video-count[data-v-51c26cab]{margin-top:9px;font-size:13px;color:rgba(60,60,67,.6)}.my-course-item[data-v-51c26cab] .continue .el-button--primary{background-color:#3b89ff;border-color:#3b89ff}.article-item[data-v-78e77be8]{display:flex;cursor:pointer}.article-item:hover .title[data-v-78e77be8]{color:#3b89ff}.article-item .cover[data-v-78e77be8]{width:84px;height:84px;border-radius:4px;background-color:#f3f4f6;vertical-align:middle}.article-item .title[data-v-78e77be8]{font-size:15px;height:64px;flex:1;display:-webkit-box;text-overflow:ellipsis;word-break:break-all;overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical}.article-item .more[data-v-78e77be8]{flex-shrink:0}.article-item .view-count[data-v-78e77be8]{display:flex;flex-shrink:0;align-items:center;font-size:13px;color:rgba(60,60,67,.6)}.article-item .view-count img[data-v-78e77be8]{width:12px;height:12px}.article-item .line[data-v-78e77be8]{height:1px;background-color:#e8e8e8;margin-top:15px;margin-bottom:15px}.userInfo{position:relative;background-color:#f7f7f7}.userInfo .banner{min-height:799px;padding-top:20px}.userInfo .banner .content,.userInfo .banner .nav{width:1200px;margin:0 auto 20px}.userInfo .banner .content{display:flex}.userInfo .banner .content .left{display:flex;flex-direction:column;width:288px;height:100%}.userInfo .banner .content .left .user{display:flex;width:100%;flex-direction:column;height:300px;background:#fff;margin-bottom:8px;border-radius:6px}.userInfo .banner .content .left .user .imgs{width:80px;height:80px;opacity:1;margin:26px auto 10px}.userInfo .banner .content .left .user .imgs img{width:100%;height:100%;border-radius:40px}.userInfo .banner .content .left .user h6{height:24px;font-size:17px;color:#000}.userInfo .banner .content .left .user .num,.userInfo .banner .content .left .user h6{opacity:1;font-family:SF Pro Text,SF Pro Text-Regular;font-weight:400;text-align:center}.userInfo .banner .content .left .user .num{height:17px;font-size:12px;color:rgba(60,60,67,.3);margin:2px 0 20px}.userInfo .banner .content .left .user .el-button{height:36px;width:90%;margin:4px auto;line-height:10px;opacity:1;font-size:15px;font-family:SF Pro Text,SF Pro Text-Regular;font-weight:400;text-align:center}.userInfo .banner .content .left .list{display:flex;flex-direction:column;background:#fff;position:relative;border-radius:8px;height:505px}.userInfo .banner .content .left .list .el-menu{background:transparent}.userInfo .banner .content .left .list span{width:60px;height:21px;opacity:1;font-size:15px;font-family:SF Pro Text,SF Pro Text-Regular;font-weight:400;text-align:left;color:#000;padding-left:10px;border-left:2px solid transparent}.userInfo .banner .content .left .list .active{padding-left:10px;border-left:2px solid #007aff}.userInfo .banner .content .left .list img{position:absolute;width:6px;height:12px;top:22px;right:25px}.userInfo .banner .content .right{width:900px;min-height:92%;background:#fff;margin-left:16px;padding:15px 22px;border-radius:8px}.userInfo .banner .content .right .main{min-height:650px}.userInfo .banner .content .right .main .page{margin-top:10px;display:flex;justify-content:center}.userInfo .banner .content .right .main .head{position:relative;padding-bottom:14px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e8e8e8}.userInfo .banner .content .right .main .head .title{font-size:17px;font-family:SF Pro Text,SF Pro Text-Regular;font-weight:800;color:#000}.userInfo .banner .content .right .main .head .bag{display:flex;justify-content:space-between;align-items:center}.userInfo .banner .content .right .main .head .xian{position:absolute;top:90%;left:0;width:68px;height:4px;background:#007aff;border-radius:4px 4px 0 0}.userInfo .banner .content .right .main .msgbox{margin-top:26px;height:298px;display:flex;background-color:#f7f7f7;align-items:center;justify-content:center}.userInfo .banner .content .right .main .msgbox .boxleft{text-align:center;width:120px;margin-right:52px}.userInfo .banner .content .right .main .msgbox .boxleft .img{width:120px;height:120px;border-radius:60px;margin-bottom:16px}.userInfo .banner .content .right .main .msgbox .boxleft .img img{width:120px;height:120px;border-radius:60px}.userInfo .banner .content .right .main .msgbox .boxleft .username{opacity:1;font-size:24px;font-family:SF Pro Text,SF Pro Text-Regular;font-weight:400;color:#000}.userInfo .banner .content .right .main .msgbox .cut{width:1px;height:182px;border-left:1px solid rgba(60,60,67,.29)}.userInfo .banner .content .right .main .msgbox .boxright{width:300px;height:100%;display:flex;margin-left:52px;align-items:center}.userInfo .banner .content .right .main .msgbox .boxright table tr{height:40px}.userInfo .banner .content .right .main .msgbox .boxright table .label{color:rgba(60,60,67,.6);font-size:17px;font-weight:400}.userInfo .banner .content .right .main .msgbox .boxright .text{font-size:17px;font-family:SF Pro Text,SF Pro Text-Regular;text-align:left;color:rgba(60,60,67,.6);margin-bottom:50px}.userInfo .banner .content .right .main .msgbox .el-form-item{width:450px}.userInfo .banner .content .right .main .record{height:100%;margin-bottom:50px;position:relative}.userInfo .banner .content .right .main .record .img{height:600px}.userInfo .banner .content .right .main .record .img img{margin:150px 35% 0}.userInfo .banner .content .right .main .record .box{height:132px;width:100%;padding:36px 0 0 0;border-bottom:1px solid rgba(60,60,67,.15)}.userInfo .banner .content .right .main .record .box .box_top{display:flex;position:relative;cursor:pointer}.userInfo .banner .content .right .main .record .box .box_top span{height:20px;padding:2px 4px;color:#fff;text-align:center;background:#ff3b30;border-radius:3px}.userInfo .banner .content .right .main .record .box .box_top .title{font-size:17px;font-family:SF Pro Text,SF Pro Text-Heavy;font-weight:800;text-align:left;color:#000;margin-right:4px}.userInfo .banner .content .right .main .record .box .box_top .num{position:absolute;right:10px;display:flex;align-items:center;font-size:13px;font-family:SF Pro Text,SF Pro Text-Regular;font-weight:400;text-align:left;color:rgba(60,60,67,.6)}.userInfo .banner .content .right .main .record .box .box_top .num div{font-size:24px;font-family:SF Pro Text,SF Pro Text-Heavy;font-weight:800;text-align:left;color:#007aff}.userInfo .banner .content .right .main .record .box .time{margin:10px 0 12px 0;font-size:13px;font-family:SF Pro Text,SF Pro Text-Regular;font-weight:400;text-align:left;color:rgba(60,60,67,.6)}.userInfo .banner .content .right .main .record .box .box_bottom{position:relative}.userInfo .banner .content .right .main .record .box .box_bottom span{font-size:13px;font-family:SF Pro Text,SF Pro Text-Regular;font-weight:400;text-align:left;color:rgba(60,60,67,.6);margin-right:16px}.userInfo .banner .content .right .main .record .box .box_bottom .btn{position:absolute;right:10px;display:flex;align-items:center}.userInfo .banner .content .right .main .record .box .box_bottom .btn button{z-index:5;cursor:pointer;font-size:13px;font-family:SF Pro Text,SF Pro Text-Regular;font-weight:400;text-align:center;color:#007aff;margin-left:10px;border-radius:6px;border:1px solid #007aff}.userInfo .banner .content .right .main .record .pag{position:absolute;top:700px;right:40%}.userInfo .footer_home{margin-top:20px;width:100%;height:56px;background:#000}.userInfo .footer_home,.userInfo .footer_home .text{display:flex;align-items:center;justify-content:center}.userInfo .footer_home .text{height:21px;opacity:1;font-size:15px;font-family:SF Pro Text,SF Pro Text-Regular;font-weight:400;text-align:left;color:#fff;line-height:24px}.userInfo .footer_home .text img{width:20px;margin:0 2px 0 5px}