.main[data-v-1dc4bbf8]{background:#201f1f;position:fixed;top:0;left:0;right:0;bottom:0}.topBox[data-v-1dc4bbf8]{width:100%;height:59px;padding:16px 15px;display:flex;justify-content:flex-start;align-items:center;background:#fff;position:relative}.topBox .backIcon[data-v-1dc4bbf8]{width:29px;height:29px}.topBox .title[data-v-1dc4bbf8]{font-size:1.125rem;font-family:PingFangSC,PingFangSC-Medium;font-weight:500;text-align:center;color:#222;position:absolute;left:50%;transform:translateX(-50%)}.userTop[data-v-1dc4bbf8]{width:100%;height:60px;background:rgba(17,17,17,.7);display:flex;justify-content:space-between;align-items:center;padding:.625rem}.userTop .userIcon[data-v-1dc4bbf8]{width:2.5rem;height:2.5rem;border-radius:50%;margin-right:8px}.userTop .leftBox[data-v-1dc4bbf8]{display:flex;justify-content:flex-start;align-items:center}.userTop .leftBox .userName[data-v-1dc4bbf8]{font-size:.875rem;font-family:PingFangSC,PingFangSC-Medium;font-weight:500;text-align:left;color:#fff;line-height:19px}.userTop .leftBox .numBox[data-v-1dc4bbf8]{font-size:.75rem;font-family:PingFangSC,PingFangSC-Regular;font-weight:400;text-align:left;color:hsla(0,0%,100%,.7);line-height:16px;margin-top:8px}.userTop .rightBox .guanzhuBox[data-v-1dc4bbf8]{width:3.75rem;padding:5px 0;background:#f23974;border-radius:3px;font-size:.875rem;font-family:PingFangSC,PingFangSC-Regular;font-weight:400;text-align:center;color:#fff;line-height:27px}.bottomBox[data-v-1dc4bbf8]{padding:27px 0;height:calc(100% - 370px)}.bottomBox .title[data-v-1dc4bbf8]{font-size:1.25rem;font-family:PingFangSC,PingFangSC-Semibold;font-weight:600;text-align:left;color:#b4b4b4;line-height:20px;margin-bottom:28px}.playIcon[data-v-1dc4bbf8]{width:14px;height:13px}.tipBox[data-v-1dc4bbf8]{display:flex;justify-content:space-between;align-items:center}.time[data-v-1dc4bbf8]{text-align:left;color:hsla(0,0%,100%,.4);line-height:22px}.free[data-v-1dc4bbf8],.time[data-v-1dc4bbf8]{font-size:14px;font-family:PingFangSC,PingFangSC-Regular;font-weight:400}.free[data-v-1dc4bbf8]{text-align:center;color:#037aff;line-height:24px;width:44px;height:24px;background:rgba(3,122,255,.1);border:1px solid rgba(3,122,255,.6);border-radius:2px}.contentTitle[data-v-1dc4bbf8]{margin-bottom:9px;cursor:pointer}.item[data-v-1dc4bbf8]{padding:17px 0;margin:0 14px;border-bottom:1px solid #979797}.item[data-v-1dc4bbf8]:last-child{border-bottom:none}.active[data-v-1dc4bbf8]{color:#f23974}.chatContent[data-v-1dc4bbf8]{background:#3f4449;padding:32px 24px;height:100%;overflow:auto;box-sizing:border-box}.itemMessage[data-v-1dc4bbf8]{display:flex;justify-content:flex-start;align-items:flex-start;margin-bottom:16px}.itemMessage .itemIcon[data-v-1dc4bbf8]{width:48px;height:48px;border-radius:50%}.itemMessage .message[data-v-1dc4bbf8]{margin-left:8px}.itemMessage .message .name[data-v-1dc4bbf8]{font-size:14px;font-family:PingFangSC,PingFangSC-Regular;font-weight:400;text-align:left;color:#999;margin-bottom:2px}.itemMessage .message .content[data-v-1dc4bbf8]{display:inline-block;background:#fff;max-width:18.75rem;padding:5px 10px;word-wrap:break-word;border-radius:3px;position:relative}.itemMessage .message .content[data-v-1dc4bbf8]: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-1dc4bbf8]{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-1dc4bbf8]{display:flex;justify-content:flex-end;align-items:flex-start;margin-bottom:16px}.itemMessageMine .itemIcon[data-v-1dc4bbf8]{width:48px;height:48px;border-radius:50%}.itemMessageMine .messageMine[data-v-1dc4bbf8]{margin-right:8px}.itemMessageMine .messageMine .name[data-v-1dc4bbf8]{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-1dc4bbf8]{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-1dc4bbf8]: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-1dc4bbf8]{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-1dc4bbf8]{padding:8px;background:#201f1f;position:relative;display:flex;justify-content:space-between;align-items:center;padding-right:1rem}.inputBox .editIcon[data-v-1dc4bbf8]{width:18px;height:18px;position:absolute;left:24px;top:16px}.inputBox .inpMessage[data-v-1dc4bbf8]{background:#3f4449;border-radius:20px;width:19rem;border-color:#3f4449;padding:9px 2.6rem;padding-right:3.4rem;color:#fff}.inputBox .fasong[data-v-1dc4bbf8]{font-size:1rem;font-family:PingFangSC,PingFangSC-Regular;font-weight:400;text-align:left;color:#f23974;line-height:22px;cursor:pointer}.inputBox .giftIcon[data-v-1dc4bbf8]{width:32px;height:32px;cursor:pointer}[data-v-1dc4bbf8]::-webkit-scrollbar{width:0;height:0}.zaixian[data-v-1dc4bbf8]{font-size:.875rem;font-family:PingFangSC,PingFangSC-Regular;font-weight:400;text-align:left;color:#fff;line-height:16px}.hasCollect[data-v-1dc4bbf8]{background:#999!important}.study_playerH5[data-v-1dc4bbf8] .ant-collapse>.ant-collapse-item>.ant-collapse-header{color:#fff;background:rgba(32,31,31,.5)}.study_playerH5[data-v-1dc4bbf8] .ant-collapse-content{color:hsla(0,0%,100%,.8)}.study_playerH5[data-v-1dc4bbf8] .ant-collapse-borderless{background-color:#3f4449}.study_playerH5[data-v-1dc4bbf8] .ant-collapse>.ant-collapse-item>.ant-collapse-header .ant-collapse-arrow{position:absolute;right:-280px}