.livePlayBox[data-v-36b04a42]{display:flex;flex-direction:column;height:100%;width:100%;position:relative}.livePlayBox .playHeader[data-v-36b04a42]{background:#6e6e6e;padding:0 45px;height:60px;display:flex;justify-content:space-between;align-items:center;color:#fff;font-size:14px}.livePlayBox .playHeader .topLeft[data-v-36b04a42]{width:300px}.livePlayBox .playHeader .topLeft .timeBox[data-v-36b04a42]{display:flex}.livePlayBox .playHeader .topLeft .timeBox .time[data-v-36b04a42]{margin-right:10px}.livePlayBox .playHeader .topLeft .timeBox .countdown[data-v-36b04a42]{margin-right:20px}.livePlayBox .playHeader .topRight[data-v-36b04a42]{width:300px;display:flex;align-items:center;justify-content:flex-end}.livePlayBox .playHeader .topRight .nameBox[data-v-36b04a42]{margin-right:24px}.livePlayBox .playHeader .topRight .picBox[data-v-36b04a42]{position:relative}.livePlayBox .playHeader .topRight .picBox img[data-v-36b04a42]{width:40px;height:40px;border-radius:50%}.livePlayBox .playHeader .topRight .picBox .feedBack[data-v-36b04a42]{position:absolute;left:50%;max-height:0;margin-left:-60px;overflow:hidden;z-index:222;transition:max-height .3s ease .1s}.livePlayBox .playHeader .topRight .picBox .feedBack .top p[data-v-36b04a42]{padding:0;height:20px;background:transparent;display:flex;justify-content:center}.livePlayBox .playHeader .topRight .picBox .feedBack .top p span[data-v-36b04a42]{display:block;width:0;height:0;border:10px solid transparent;border-bottom-color:#3e3e3e}.livePlayBox .playHeader .topRight .picBox .feedBack .bottom[data-v-36b04a42]{width:120px;background:#3e3e3e;color:#fff;border-radius:5px;cursor:pointer}.livePlayBox .playHeader .topRight .picBox .feedBack .bottom p[data-v-36b04a42]{text-align:center;padding:10px 0}.livePlayBox .playHeader .topRight .picBox:hover .feedBack[data-v-36b04a42]{max-height:200px}.livePlayBox .playContent[data-v-36b04a42]{flex:1;display:flex;background:#e2e2e2;overflow:hidden}.livePlayBox .playContent .pcLeft[data-v-36b04a42]{flex:1;display:flex;flex-direction:column;overflow:hidden}.livePlayBox .playContent .pcLeft .pclContent[data-v-36b04a42]{flex:1;padding:30px 11px 0 30px;box-sizing:border-box;overflow:hidden;position:relative}.livePlayBox .playContent .pcLeft .pclContent .contentBox[data-v-36b04a42]{padding:0 3px;box-sizing:border-box;width:100%;height:100%}.livePlayBox .playContent .pcLeft .pclContent .contentBox .contentPadding[data-v-36b04a42]{width:100%;height:100%;position:relative}.livePlayBox .playContent .pcLeft .pclContent .contentBox .contentPadding #content[data-v-36b04a42]{width:100%;height:100%;background:#fff}.livePlayBox .playContent .pcLeft .pclContent .contentBox .contentPadding .btnBox[data-v-36b04a42]{width:100%;height:100%;position:absolute;left:0;top:0;z-index:999}.livePlayBox .playContent .pcLeft .pclContent .contentBox .contentPadding .btnBox .btn[data-v-36b04a42]{width:100%;height:100%;padding:8px 18px 0 0;box-sizing:border-box;display:flex;justify-content:space-between}.livePlayBox .playContent .pcLeft .pclContent .contentBox .contentPadding .btnBox .btn .left[data-v-36b04a42]{display:flex;align-items:flex-end;font-size:14px}.livePlayBox .playContent .pcLeft .pclContent .contentBox .contentPadding .btnBox .btn .left .roles[data-v-36b04a42]{width:80px;height:36px;color:#fff;background:#5a7bf4;margin-right:1px;text-align:center;line-height:36px}.livePlayBox .playContent .pcLeft .pclContent .contentBox .contentPadding .btnBox .btn .left .nameBox[data-v-36b04a42]{width:80px;height:36px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;background:#3b3b3b;color:#fff;text-align:center;line-height:36px}.livePlayBox .playContent .pcLeft .pclContent .contentBox .contentPadding .btnBox .btn .right .operateBox[data-v-36b04a42]{display:flex}.livePlayBox .playContent .pcLeft .pclContent .contentBox .contentPadding .btnBox .btn .right .operateBox div[data-v-36b04a42]{margin-left:13px;width:38px;height:38px;background:#f5f5f5;border-radius:50%;display:flex;justify-content:center;align-items:center}.livePlayBox .playContent .pcLeft .pclContent .contentBox .contentPadding .btnBox .btn .right .operateBox div img[data-v-36b04a42]{width:20px;height:22px}.livePlayBox .playContent .pcLeft .pclContent .contentBox .contentPadding .btnBox .btn .right .operateBox div[data-v-36b04a42]:first-child{margin-left:0}.livePlayBox .playContent .pcLeft .pclContent .contentBox .contentPadding .btnBox .btn .right .operateBox div:first-child img[data-v-36b04a42]{width:15px;height:22px}.livePlayBox .playContent .pcLeft .pclContent .toast[data-v-36b04a42]{position:absolute;padding:30px 30px 0;box-sizing:border-box;left:0;top:0;z-index:9999;width:100%;height:100%}.livePlayBox .playContent .pcLeft .pclContent .toast .toastContent[data-v-36b04a42]{width:100%;height:100%;background:rgba(0,0,0,.8);display:flex;color:#fff;justify-content:center;align-items:center}.livePlayBox .playContent .pcLeft .pclBottom[data-v-36b04a42]{height:110px;padding-right:14px}.livePlayBox .playContent .pcLeft .pclBottom .pclbContent[data-v-36b04a42]{width:100%;height:100%;background:#c2c2c2;padding:0 54px;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center}.livePlayBox .playContent .pcLeft .pclBottom .pclbContent .pclbcLeft[data-v-36b04a42]{display:flex}.livePlayBox .playContent .pcLeft .pclBottom .pclbContent .pclbcLeft div[data-v-36b04a42]{margin-right:20px;width:56px;height:56px;border-radius:50%;background:#f3f3f3;display:flex;justify-content:center;align-items:center}.livePlayBox .playContent .pcLeft .pclBottom .pclbContent .pclbcLeft div img[data-v-36b04a42]{width:22px;height:31px}.livePlayBox .playContent .pcLeft .pclBottom .pclbContent .pclbcLeft div:nth-child(2) img[data-v-36b04a42]{width:29px;height:33px}.livePlayBox .playContent .pcLeft .pclBottom .pclbContent .pclbcRight .openBox div[data-v-36b04a42]{width:56px;height:56px;border-radius:50%;background:#f3f3f3;display:flex;justify-content:center;align-items:center}.livePlayBox .playContent .pcLeft .pclBottom .pclbContent .pclbcRight .openBox div img[data-v-36b04a42]{width:30px;height:33px}.livePlayBox .playContent .pcLeft .pclBottom .pclbContent .pclbcRight .openBox .endBox[data-v-36b04a42]{background:#e4664a}.livePlayBox .playContent .pcRight[data-v-36b04a42]{width:470px;padding:30px 30px 0 0;height:100%;display:flex;flex-direction:column;box-sizing:border-box}.livePlayBox .playContent .pcRight .prHeader[data-v-36b04a42]{background:#fff;height:40px;display:flex;color:#000;font-size:18px;padding:0 24px 20px}.livePlayBox .playContent .pcRight .prHeader .phItem[data-v-36b04a42]{position:relative;height:100%;cursor:pointer;margin-right:45px}.livePlayBox .playContent .pcRight .prHeader .phItem p[data-v-36b04a42]{line-height:40px}.livePlayBox .playContent .pcRight .prHeader .phItem .bottom[data-v-36b04a42]{position:absolute;height:3px;width:100%;background:#5a7bf4;left:0;bottom:0;border-radius:3px}.livePlayBox .playContent .pcRight .prContent[data-v-36b04a42]{flex:1;background:#fff;overflow:hidden}.livePlayBox .playContent .pcRight .prContent .chat[data-v-36b04a42]{height:100%;overflow-y:auto;display:flex;flex-direction:column}.livePlayBox .playContent .pcRight .prContent .chat ul[data-v-36b04a42]{flex:1 0 auto;height:0;padding:0 20px;overflow-y:auto;box-sizing:border-box;margin-bottom:20px}.livePlayBox .playContent .pcRight .prContent .chat ul li[data-v-36b04a42]{color:#000;margin-bottom:10px}.livePlayBox .playContent .pcRight .prContent .chat ul li p[data-v-36b04a42]{padding:5px;word-break:break-all;font-size:14px}.livePlayBox .playContent .pcRight .prContent .chat ul li p span[data-v-36b04a42]:first-child{margin-right:5px}.livePlayBox .playContent .pcRight .prContent .chat ul[data-v-36b04a42]::-webkit-scrollbar{width:6px;height:4px}.livePlayBox .playContent .pcRight .prContent .chat ul[data-v-36b04a42]::-webkit-scrollbar-thumb{border-radius:10px;background-color:#5a7bf4}.livePlayBox .playContent .pcRight .prContent .chat ul[data-v-36b04a42]::-webkit-scrollbar-track{background:#fff}.livePlayBox .playContent .pcRight .prContent .chat .enterBox[data-v-36b04a42]{height:110px;background:#c2c2c2;padding:24px 8px;box-sizing:border-box;display:flex;justify-content:center;align-items:center}.livePlayBox .playContent .pcRight .prContent .chat .enterBox .areaBox[data-v-36b04a42]{display:flex;width:100%}.livePlayBox .playContent .pcRight .prContent .userList[data-v-36b04a42]{height:100%;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between}.livePlayBox .playContent .pcRight .prContent .userList .userListContent[data-v-36b04a42]{flex:1;overflow-y:auto}.livePlayBox .playContent .pcRight .prContent .userList .userListContent .userItem[data-v-36b04a42]{display:flex;padding:0 20px;align-items:center;justify-content:space-between;margin-bottom:20px}.livePlayBox .playContent .pcRight .prContent .userList .userListContent .userItem .left[data-v-36b04a42]{display:flex;align-items:center}.livePlayBox .playContent .pcRight .prContent .userList .userListContent .userItem .left .imgBox[data-v-36b04a42]{margin-right:10px}.livePlayBox .playContent .pcRight .prContent .userList .userListContent .userItem .left .imgBox img[data-v-36b04a42]{width:50px;height:50px;border-radius:50%;margin:0}.livePlayBox .playContent .pcRight .prContent .userList .userListContent .userItem .left .nameBox[data-v-36b04a42]{width:80px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-right:10px;color:#000;font-size:14px}.livePlayBox .playContent .pcRight .prContent .userList .userListContent .userItem .right .operateBox[data-v-36b04a42]{display:flex}.livePlayBox .playContent .pcRight .prContent .userList .userListContent .userItem .right .operateBox div[data-v-36b04a42]{margin-left:13px;width:38px;height:38px;display:flex;justify-content:center;align-items:center}.livePlayBox .playContent .pcRight .prContent .userList .userListContent .userItem .right .operateBox div img[data-v-36b04a42]{width:20px;height:22px}.livePlayBox .playContent .pcRight .prContent .userList .userListContent .userItem .right .operateBox div[data-v-36b04a42]:first-child{margin-left:0}.livePlayBox .playContent .pcRight .prContent .userList .userListContent .userItem .right .operateBox div:first-child img[data-v-36b04a42]{width:15px;height:22px}.livePlayBox .playContent .pcRight .prContent .userList .userListContent[data-v-36b04a42]::-webkit-scrollbar{width:6px;height:4px}.livePlayBox .playContent .pcRight .prContent .userList .userListContent[data-v-36b04a42]::-webkit-scrollbar-thumb{border-radius:10px;background-color:#5a7bf4}.livePlayBox .playContent .pcRight .prContent .userList .userListContent[data-v-36b04a42]::-webkit-scrollbar-track{background:#fff}.livePlayBox .kefuBox[data-v-36b04a42]{display:flex;justify-content:center}.livePlayBox .kefuBox .label[data-v-36b04a42]{margin-right:10px}.livePlayBox .kefuBox .label p[data-v-36b04a42]{font-size:16px}.livePlayBox .kefuBox .label p[data-v-36b04a42]:first-child{margin-bottom:180px}.livePlayBox .kefuBox .values img[data-v-36b04a42]{width:200px;height:200px;margin:0}.livePlayBox .kefuBox .values p[data-v-36b04a42]{font-size:18px;padding-left:10px}