.pagination[data-v-06b3b9eb]{margin:78px 0;text-align:center}.pagination[data-v-06b3b9eb] .active{background-color:#eda200!important}.pagination[data-v-06b3b9eb] button,.pagination[data-v-06b3b9eb] li{background-color:#fff!important;border:1px solid #d9d9d9!important}[data-v-06b3b9eb]::-webkit-scrollbar{display:none}.introduction[data-v-06b3b9eb]{display:flex;margin-top:24px}.introduction video[data-v-06b3b9eb]{width:900px;height:506.25px}.introduction .right[data-v-06b3b9eb]{border:1px solid #ebebeb;overflow:hidden;height:506.25px;flex:1;padding:12px 16px;background:#fff;display:flex;flex-direction:column}.introduction .right .title[data-v-06b3b9eb]{font-size:20px;font-weight:700;color:#333}.introduction .right .teacher[data-v-06b3b9eb]{font-size:14px;color:#999;margin-top:10px}.introduction .right .time[data-v-06b3b9eb]{font-size:14px;color:#999;margin-top:10px;display:flex;align-items:center}.introduction .right .time img[data-v-06b3b9eb]{width:14px;height:14px;margin-right:5px}.introduction .right .reading[data-v-06b3b9eb]{font-size:14px;color:#999;margin-top:10px;display:flex;align-items:center}.introduction .right .reading img[data-v-06b3b9eb]{width:14px;height:14px;margin-right:5px}.introduction .right .reading img[data-v-06b3b9eb]:last-child{margin-left:8px}.introduction .right .line[data-v-06b3b9eb]{width:100%;height:1px;background:#e5e5e5;margin-top:20px}.introduction .right .list[data-v-06b3b9eb]{flex:1;overflow-y:scroll;display:flex;flex-direction:column;width:100%}.introduction .right .list .item[data-v-06b3b9eb]{margin-top:12px}.introduction .right .list .item .userInfo[data-v-06b3b9eb]{display:flex;align-items:center;margin-bottom:10px}.introduction .right .list .item .userInfo img[data-v-06b3b9eb]{width:32px;height:32px;border-radius:50%;margin-right:8px}.introduction .right .list .item .userInfo p[data-v-06b3b9eb]{font-size:13px;color:#333;margin-right:10px}.introduction .right .list .item .userInfo span[data-v-06b3b9eb]{font-size:13px;color:#999}.introduction .right .list .item .content[data-v-06b3b9eb]{font-size:13px;color:#333;padding-bottom:12px;border-bottom:1px solid #ebebeb;margin-top:8px;margin-left:40px}.introduction .right .button[data-v-06b3b9eb]{display:flex;align-items:center;justify-content:space-between;margin-top:20px;background:#eff1f7;box-shadow:inset 0 1px 0 rgba(0,0,0,.06);margin:-12px -16px;padding:12px 16px;box-sizing:border-box}.introduction .right .button .left[data-v-06b3b9eb]{display:flex;align-items:center;border:0;flex:1;overflow:hidden}.introduction .right .button .left input[data-v-06b3b9eb]{width:100%;height:100%;border:none;outline:none;box-sizing:border-box;display:flex;align-items:center;padding:8px 10px}.introduction .right .button .left[data-v-06b3b9eb] .el-input__inner{padding-left:34px;border-radius:16px;padding-right:46px;height:32px;font-size:12px;line-height:17px;color:rgba(0,0,0,.5)}.introduction .right .button .left img[data-v-06b3b9eb]{width:20px;height:20px;line-height:20px;margin-top:4px}.introduction .right .button .left[data-v-06b3b9eb] .el-input__suffix-inner img{margin-right:13px;margin-top:7px}.introduction .right .button .left .avatar[data-v-06b3b9eb]{width:24px;height:24px;border-radius:50%;margin-right:10px}.introduction .right .button img[data-v-06b3b9eb]:not(:first-child){width:20px;height:20px;margin-left:16px}.w-title[data-v-06b3b9eb]{margin-top:24px;font-weight:700;font-size:24px;color:#333}.w-content[data-v-06b3b9eb]{font-size:16px;margin-top:12px;color:#666}.list[data-v-06b3b9eb]{display:grid;grid-template-columns:repeat(4,1fr);grid-column-gap:16px;width:100%}.list .item[data-v-06b3b9eb]{display:flex;flex-direction:column;page-break-inside:avoid;width:100%;background:#fff;border:1px solid #ebebeb;border-radius:4px;margin-bottom:24px}.list .item .active[data-v-06b3b9eb]{width:100%;height:210px}.list .item .info[data-v-06b3b9eb]{position:relative;padding:12px}.list .item .info .title[data-v-06b3b9eb]{font-weight:700;font-size:16px;line-height:23px;color:#333;-webkit-line-clamp:1}.list .item .info .desc[data-v-06b3b9eb],.list .item .info .title[data-v-06b3b9eb]{width:100%;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.list .item .info .desc[data-v-06b3b9eb]{font-size:12px;line-height:17px;color:#999;margin-top:12px;-webkit-line-clamp:2}