.main[data-v-6c062d9c]{margin:0 auto;background:#303236;position:fixed;bottom:0;top:0;left:0;right:0}.main .topBox[data-v-6c062d9c]{height:80px;background:#201f1f;display:flex;justify-content:flex-start;align-items:center}.main .topBox .backBtn[data-v-6c062d9c]{font-size:18px;font-family:PingFangSC,PingFangSC-Regular;font-weight:400;text-align:left;color:hsla(0,0%,100%,.8);line-height:26px;display:flex;justify-content:flex-start;align-items:center;margin-right:40px;cursor:pointer}.main .topBox .backIcon[data-v-6c062d9c]{width:20px;height:20px;margin-right:8px;margin-left:32px}.main .topBox .title[data-v-6c062d9c]{font-size:24px;font-family:PingFangSC,PingFangSC-Semibold;font-weight:600;text-align:left;color:#fff;line-height:32px}.main .midBox[data-v-6c062d9c]{height:100%;margin:0 auto;display:flex;justify-content:center;align-items:center;margin-top:-30px}.main .videoBox[data-v-6c062d9c]{position:fixed;right:400px;width:calc(100% - 400px);display:flex;justify-content:center;align-items:center}.main .chatBox[data-v-6c062d9c]{position:fixed;width:400px;bottom:0;top:80px;right:0}.main .chatBox .chatTitle[data-v-6c062d9c]{display:flex;justify-content:space-between;align-items:flex-end;padding:15px 24px;font-size:18px;font-family:PingFangSC,PingFangSC-Regular;font-weight:400;color:hsla(0,0%,100%,.6);line-height:26px;margin-top:-56px}.main .chatBox .chatTitle .jvbaoBox[data-v-6c062d9c]{font-size:14px;font-family:PingFangSC,PingFangSC-Regular;font-weight:400;text-align:left;color:#fff;line-height:22px;cursor:pointer}.main .chatBox .chatTitle .jvbao[data-v-6c062d9c]{width:16px;height:16px}.main .chatBox .chatContent[data-v-6c062d9c]{background:#3f4449;padding:32px 24px;height:calc(100% - 144px);overflow:auto;box-sizing:border-box}.itemMessage[data-v-6c062d9c]{display:flex;justify-content:flex-start;align-items:flex-start;margin-bottom:16px}.itemMessage .itemIcon[data-v-6c062d9c]{width:48px;height:48px;border-radius:50%}.itemMessage .message[data-v-6c062d9c]{margin-left:8px}.itemMessage .message .name[data-v-6c062d9c]{font-size:14px;font-family:PingFangSC,PingFangSC-Regular;font-weight:400;text-align:left;color:#999;line-height:22px;margin-bottom:2px}.itemMessage .message .content[data-v-6c062d9c]{display:inline-block;background:#fff;max-width:240px;padding:5px 10px;word-wrap:break-word;border-radius:3px;position:relative}.itemMessage .message .content[data-v-6c062d9c]:before{content:" ";border-left:0 solid #fff;border-top:6px solid transparent;border-right:6px solid #fff;border-bottom:6px solid transparent;position:absolute;left:-6px;top:12px}.itemMessage .message .time[data-v-6c062d9c]{font-size:12px;font-family:PingFangSC,PingFangSC-Regular;font-weight:400;text-align:left;color:#999;line-height:12px;margin-top:8px}.itemMessageMine[data-v-6c062d9c]{display:flex;justify-content:flex-end;align-items:flex-start;margin-bottom:16px}.itemMessageMine .itemIcon[data-v-6c062d9c]{width:48px;height:48px;border-radius:50%}.itemMessageMine .messageMine[data-v-6c062d9c]{margin-right:8px}.itemMessageMine .messageMine .name[data-v-6c062d9c]{font-size:14px;font-family:PingFangSC,PingFangSC-Regular;font-weight:400;text-align:left;color:#999;line-height:22px;margin-bottom:2px}.itemMessageMine .messageMine .content[data-v-6c062d9c]{display:inline-block;background:#f23974;max-width:240px;padding:5px 10px;word-wrap:break-word;border-radius:3px;position:relative;color:#fff}.itemMessageMine .messageMine .content[data-v-6c062d9c]:before{content:" ";border-left:0 solid #f23974;border-top:6px solid transparent;border-left:6px solid #f23974;border-bottom:6px solid transparent;position:absolute;right:-6px;top:7px}.itemMessageMine .messageMine .time[data-v-6c062d9c]{font-size:12px;font-family:PingFangSC,PingFangSC-Regular;font-weight:400;text-align:right;color:#999;line-height:12px;margin-top:8px}.inputBox[data-v-6c062d9c]{padding:8px;background:#201f1f;position:relative;display:flex;justify-content:space-between;align-items:center;padding-right:16px}.inputBox .editIcon[data-v-6c062d9c]{width:18px;height:18px;position:absolute;left:24px;top:16px}.inputBox .inpMessage[data-v-6c062d9c]{background:#3f4449;border-radius:20px;width:380px;border-color:#3f4449;padding:9px 42px;padding-right:55px;color:#fff}.inputBox .fasong[data-v-6c062d9c]{font-size:16px;font-family:PingFangSC,PingFangSC-Regular;font-weight:400;text-align:left;color:#f23974;line-height:22px;position:absolute;top:13px;right:30px;cursor:pointer}.inputBox .giftIcon[data-v-6c062d9c]{width:32px;height:32px;cursor:pointer}[data-v-6c062d9c]::-webkit-scrollbar{width:0;height:0}.zaixian[data-v-6c062d9c]{font-size:14px;font-family:PingFangSC,PingFangSC-Regular;font-weight:400;text-align:left;color:#fff;line-height:16px}.teacherBox[data-v-6c062d9c]{height:96px;background:#201f1f;padding:23px 32px;display:flex;justify-content:flex-start;align-items:center}.teacherBox .mid[data-v-6c062d9c]{margin-left:16px;width:156px;margin-right:50px}.teacherBox .mid .name[data-v-6c062d9c]{font-size:16px;font-family:PingFangSC,PingFangSC-Medium;font-weight:500;text-align:left;color:#fff;line-height:24px}.teacherBox .mid .tip[data-v-6c062d9c]{font-size:14px;font-family:PingFangSC,PingFangSC-Regular;font-weight:400;text-align:left;color:#999;line-height:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.heardImg[data-v-6c062d9c]{width:48px;height:48px;border-radius:50%}