.livePlayback[data-v-a9c2286c] .el-tabs{background:#232323}.livePlayback[data-v-a9c2286c] .el-tabs .el-tabs__nav{height:70px}.livePlayback[data-v-a9c2286c] .el-tabs .el-tabs__content{height:486px}.livePlayback[data-v-a9c2286c] .el-tabs__item{height:70px;line-height:70px;color:#fff}.livePlayback[data-v-a9c2286c] .el-tabs__item.is-active{color:#ff7b33}.active[data-v-a9c2286c]{border:1px solid #31f869!important;color:#31f869!important}.title[data-v-a9c2286c]{cursor:pointer}.contentHeader[data-v-a9c2286c]{display:flex;justify-content:center;flex-direction:column;height:70px;background:#232323;color:#fff;padding-left:27px;box-sizing:border-box}.contentHeader .title[data-v-a9c2286c]{font-size:20px;color:#fff}.contentHeader .title .status[data-v-a9c2286c]{width:62px;height:24px;color:#777;border:1px solid #777;border-radius:13px;margin-left:40px;font-size:14px;display:inline-block;text-align:center;line-height:24px}.contentHeader .teacher[data-v-a9c2286c]{font-size:14px;color:#909399}.userMain[data-v-a9c2286c]{padding:0 10px;height:50px;line-height:50px;display:flex}.userMain .userPic[data-v-a9c2286c]{margin:auto 0;height:32px;width:32px;border-radius:50%}.userMain .userName[data-v-a9c2286c]{margin-left:10px;color:#fff;font-size:14px}.interaction[data-v-a9c2286c]{height:486px;position:relative}.interaction .welcome[data-v-a9c2286c]{line-height:30px;position:relative;left:0;top:0;color:#fff;background-color:#ff7b33;width:100%;padding-left:15px}.interaction .scroll[data-v-a9c2286c]{height:381px;overflow-y:auto}.interaction .scroll .scrollItem[data-v-a9c2286c]{font-size:14px;color:#fff;padding:10px 5px;display:flex;flex-wrap:nowrap}.interaction .scroll .scrollItem .liveName[data-v-a9c2286c]{color:#ff7b33;max-width:20%}.interaction .scroll .scrollItem .liveMsg[data-v-a9c2286c]{color:#fff;margin-left:5px;max-width:80%}.interaction .footerMsg[data-v-a9c2286c]{border-top:1px solid #333;padding:10px}.interaction .footerMsg .footerInfo[data-v-a9c2286c]{background:#262626;overflow:hidden}.interaction .footerMsg .msgInput[data-v-a9c2286c]{height:50px}.interaction .footerMsg .msgInput[data-v-a9c2286c] input{background:#262626;border:none;resize:none;height:50px;line-height:50px}.interaction .footerMsg .msgBtn[data-v-a9c2286c]{width:68px;height:24px;line-height:24px;float:right;margin-right:8px;margin-bottom:10px}.interaction .teacherColor[data-v-a9c2286c]{color:#409eff!important}