.videoContainer[data-v-02b90976]{width:100%;display:flex;overflow:hidden;flex-wrap:wrap}.videoContainer .videoItem[data-v-02b90976]{width:calc(25% - 22.5px);border-radius:10px;overflow:hidden;margin-top:30px;margin-right:30px;cursor:pointer}.videoContainer .videoItem .topPic[data-v-02b90976]{height:150px;position:relative}.videoContainer .videoItem .topPic .cover[data-v-02b90976]{border-radius:10px;width:100%;height:100%;background-repeat:no-repeat;-o-object-fit:cover;object-fit:cover;transition:all .6s}.videoContainer .videoItem .topPic .cover[data-v-02b90976]:hover{transform:scale(1.03)}.videoContainer .videoItem .topPic .playIcon[data-v-02b90976]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:57px}.videoContainer .videoItem .topPic .fotterContainer[data-v-02b90976]{position:absolute;bottom:0;width:calc(100% - 60px);padding:0 30px;background:rgba(0,0,0,.3);display:flex;justify-content:space-around}.videoContainer .videoItem .topPic .fotterContainer .title[data-v-02b90976]{color:#fff;font-weight:400;font-size:14px;line-height:24px;display:flex;align-items:center;width:120px}.videoContainer .videoItem .topPic .fotterContainer .title .numIcon[data-v-02b90976]{width:12px;height:12px}.videoContainer .videoItem .topPic .fotterContainer .title .num[data-v-02b90976]{margin-left:3px}.videoContainer .videoItem .topPic .fotterContainer .instrution[data-v-02b90976]{color:#fff;font-weight:400;font-size:14px;line-height:24px;text-align:right;width:120px}.videoContainer .videoItem .bottomContent[data-v-02b90976]{padding:16px 30px;background:#fff;position:relative;height:46px;line-height:46px}.videoContainer .videoItem .bottomContent .name[data-v-02b90976]{font-weight:700;font-size:18px;color:#111;line-height:24px;text-align:center}.videoContainer .videoItem .bottomContent .teacherTime[data-v-02b90976]{margin-top:10px;display:flex;justify-content:space-between}.videoContainer .videoItem .bottomContent .teacherTime .teacher[data-v-02b90976]{font-weight:400;font-size:14px;line-height:24px;display:flex;align-items:center;width:120px}.videoContainer .videoItem .bottomContent .teacherTime .teacher .teacherIcon[data-v-02b90976]{width:12px;height:12px}.videoContainer .videoItem .bottomContent .teacherTime .teacher .teacherName[data-v-02b90976]{margin-left:3px}.videoContainer .videoItem .bottomContent .teacherTime .time[data-v-02b90976]{font-size:14px;color:#666;line-height:18px}.videoContainer .videoItem .itemBox[data-v-02b90976]{position:relative;cursor:pointer;width:100%;height:200px;border-radius:20px;background:#ffd3aa}.videoContainer .videoItem .itemBox .cover[data-v-02b90976]{width:calc(100% - 10px);height:100%;display:block;background-repeat:no-repeat;-o-object-fit:cover;object-fit:cover;margin-right:10px;border-radius:10px;background:#fff}.videoContainer .videoItem .itemBox .rightTitltBox[data-v-02b90976]{position:absolute;bottom:0;width:calc(100% - 58px);padding:3px 24px 12px 24px;margin-right:10px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.8));color:#fff;font-weight:700;font-size:18px;line-height:24px;border-radius:0 0 10px 10px}.videoContainer .videoItem[data-v-02b90976]:nth-child(4n){margin-right:0}.pageWidgetDiv[data-v-347edf27]{display:flex;justify-content:right;margin-top:30px}.pageWidgetDiv[data-v-347edf27] .pageWidget{background:#f5f5f5}.pageWidgetDiv[data-v-347edf27] .btn-next,.pageWidgetDiv[data-v-347edf27] .btn-prev{background:#fff;width:100px;border-radius:26px}.pageWidgetDiv[data-v-347edf27] .btn-next span,.pageWidgetDiv[data-v-347edf27] .btn-prev span{color:#333}.pageWidgetDiv[data-v-347edf27] .el-pager li{border-radius:20px}