.pagination[data-v-97b38e20]{margin:78px 0;text-align:center}.pagination[data-v-97b38e20] .active{background-color:#eda200!important}.pagination[data-v-97b38e20] button,.pagination[data-v-97b38e20] li{background-color:#fff!important;border:1px solid #d9d9d9!important}[data-v-97b38e20]::-webkit-scrollbar{display:none}.introduction[data-v-97b38e20]{display:flex;margin-top:24px}.introduction video[data-v-97b38e20]{width:900px;height:506.25px}.introduction .right[data-v-97b38e20]{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-97b38e20]{font-size:20px;font-weight:700;color:#333}.introduction .right .teacher[data-v-97b38e20]{font-size:14px;color:#999;margin-top:10px}.introduction .right .time[data-v-97b38e20]{font-size:14px;color:#999;margin-top:10px;display:flex;align-items:center}.introduction .right .time img[data-v-97b38e20]{width:14px;height:14px;margin-right:5px}.introduction .right .reading[data-v-97b38e20]{font-size:14px;color:#999;margin-top:10px;display:flex;align-items:center}.introduction .right .reading img[data-v-97b38e20]{width:14px;height:14px;margin-right:5px}.introduction .right .reading img[data-v-97b38e20]:last-child{margin-left:8px}.introduction .right .line[data-v-97b38e20]{width:100%;height:1px;background:#e5e5e5;margin-top:20px}.introduction .right .list[data-v-97b38e20]{flex:1;overflow-y:scroll;display:flex;flex-direction:column;width:100%}.introduction .right .list .item[data-v-97b38e20]{margin-top:12px}.introduction .right .list .item .userInfo[data-v-97b38e20]{display:flex;align-items:center;margin-bottom:10px}.introduction .right .list .item .userInfo img[data-v-97b38e20]{width:32px;height:32px;border-radius:50%;margin-right:8px}.introduction .right .list .item .userInfo p[data-v-97b38e20]{font-size:13px;color:#333;margin-right:10px}.introduction .right .list .item .userInfo span[data-v-97b38e20]{font-size:13px;color:#999}.introduction .right .list .item .content[data-v-97b38e20]{font-size:13px;color:#333;padding-bottom:12px;border-bottom:1px solid #ebebeb;margin-top:8px;margin-left:40px}.introduction .right .button[data-v-97b38e20]{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-97b38e20]{display:flex;align-items:center;border:0;flex:1;overflow:hidden}.introduction .right .button .left input[data-v-97b38e20]{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-97b38e20] .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-97b38e20]{width:20px;height:20px;line-height:20px;margin-top:4px}.introduction .right .button .left[data-v-97b38e20] .el-input__suffix-inner img{margin-right:13px;margin-top:7px}.introduction .right .button .left .avatar[data-v-97b38e20]{width:24px;height:24px;border-radius:50%;margin-right:10px}.introduction .right .button img[data-v-97b38e20]:not(:first-child){width:20px;height:20px;margin-left:16px}.w-title[data-v-97b38e20]{margin-top:24px;font-weight:700;font-size:24px;color:#333}.w-content[data-v-97b38e20]{font-size:16px;margin-top:12px;color:#666}