.livePlayBox[data-v-4197d954]{display:flex;flex-direction:column;height:100%;width:100%;position:relative}.livePlayBox .fullScreenBox[data-v-4197d954]{position:absolute;z-index:9999;width:100%;height:100%;left:0;top:0}.livePlayBox .fullScreenBox #fullScreenItem[data-v-4197d954]{width:100%;height:100%}.livePlayBox .fullScreenBox .close[data-v-4197d954]{position:absolute;z-index:99999;right:5px;top:5px;cursor:pointer}.livePlayBox .fullScreenBox .close img[data-v-4197d954]{width:40px;height:40px}.livePlayBox .fullScreenBox .contentDetails[data-v-4197d954]{position:absolute;z-index:99999;left:0;bottom:0;width:365px;box-sizing:border-box;height:60px;display:flex;padding:0 10px;background:rgba(0,0,0,.5);justify-content:space-between;align-items:center}.livePlayBox .fullScreenBox .contentDetails .left[data-v-4197d954]{display:flex;align-items:center}.livePlayBox .fullScreenBox .contentDetails .left .roleBox[data-v-4197d954]{margin-right:10px}.livePlayBox .fullScreenBox .contentDetails .left .nameBox[data-v-4197d954]{width:200px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-right:10px;color:#fff;font-size:14px}.livePlayBox .fullScreenBox .contentDetails .right .operateBox[data-v-4197d954]{display:flex}.livePlayBox .fullScreenBox .contentDetails .right .operateBox .mk[data-v-4197d954]{margin-right:10px}.livePlayBox .fullScreenBox .contentDetails .right .operateBox .mk img[data-v-4197d954]{width:25px;height:25px}.livePlayBox .fullScreenBox .contentDetails .right .operateBox .sx[data-v-4197d954]{margin-right:10px}.livePlayBox .fullScreenBox .contentDetails .right .operateBox .sx img[data-v-4197d954]{width:25px;height:25px}.livePlayBox .playHeader .headerTop[data-v-4197d954]{background:#3e3e3e;padding:0 60px;height:60px;display:flex;justify-content:space-between;align-items:center}.livePlayBox .playHeader .headerTop .topLeft[data-v-4197d954]{color:#fff}.livePlayBox .playHeader .headerTop .topRight[data-v-4197d954]{display:flex;align-items:center}.livePlayBox .playHeader .headerTop .topRight .timeBox[data-v-4197d954]{margin-right:20px;color:#fff}.livePlayBox .playHeader .headerTop .topRight .btnBox[data-v-4197d954]{margin-right:20px}.livePlayBox .playHeader .headerTop .topRight .logoBox[data-v-4197d954]{margin-right:20px;width:40px;height:40px;position:relative}.livePlayBox .playHeader .headerTop .topRight .logoBox img[data-v-4197d954]{margin:0}.livePlayBox .playHeader .headerTop .topRight .logoBox .downloadBox[data-v-4197d954]{position:absolute;left:50%;max-height:0;margin-left:-60px;overflow:hidden;z-index:222;transition:max-height .3s ease .1s}.livePlayBox .playHeader .headerTop .topRight .logoBox .downloadBox .top p[data-v-4197d954]{height:20px;background:transparent;display:flex;justify-content:center}.livePlayBox .playHeader .headerTop .topRight .logoBox .downloadBox .top p span[data-v-4197d954]{display:block;width:0;height:0;border:10px solid transparent;border-bottom-color:#fff}.livePlayBox .playHeader .headerTop .topRight .logoBox .downloadBox .imgBox img[data-v-4197d954]{width:120px;height:120px}.livePlayBox .playHeader .headerTop .topRight .logoBox:hover .downloadBox[data-v-4197d954]{max-height:200px}.livePlayBox .playHeader .headerTop .topRight .picBox[data-v-4197d954]{position:relative}.livePlayBox .playHeader .headerTop .topRight .picBox img[data-v-4197d954]{width:40px;height:40px;border-radius:50%}.livePlayBox .playHeader .headerTop .topRight .picBox .feedBack[data-v-4197d954]{position:absolute;left:50%;max-height:0;margin-left:-60px;overflow:hidden;z-index:222;transition:max-height .3s ease .1s}.livePlayBox .playHeader .headerTop .topRight .picBox .feedBack .top p[data-v-4197d954]{padding:0;height:20px;background:transparent;display:flex;justify-content:center}.livePlayBox .playHeader .headerTop .topRight .picBox .feedBack .top p span[data-v-4197d954]{display:block;width:0;height:0;border:10px solid transparent;border-bottom-color:#3e3e3e}.livePlayBox .playHeader .headerTop .topRight .picBox .feedBack .bottom[data-v-4197d954]{width:120px;background:#3e3e3e;color:#fff;border-radius:5px;cursor:pointer}.livePlayBox .playHeader .headerTop .topRight .picBox .feedBack .bottom p[data-v-4197d954]{text-align:center;padding:10px 0}.livePlayBox .playHeader .headerTop .topRight .picBox:hover .feedBack[data-v-4197d954]{max-height:200px}.livePlayBox .playContent[data-v-4197d954]{flex:1;display:flex}.livePlayBox .playContent .pcLeft[data-v-4197d954]{flex:1;background:#000;position:relative}.livePlayBox .playContent .pcLeft #content[data-v-4197d954]{width:100%;height:100%}.livePlayBox .playContent .pcLeft .contentDetails[data-v-4197d954]{position:absolute;z-index:999;left:0;bottom:0;width:365px;box-sizing:border-box;height:60px;display:flex;padding:0 10px;background:rgba(0,0,0,.5);justify-content:space-between;align-items:center}.livePlayBox .playContent .pcLeft .contentDetails .left[data-v-4197d954]{display:flex;align-items:center}.livePlayBox .playContent .pcLeft .contentDetails .left .roleBox[data-v-4197d954]{margin-right:10px}.livePlayBox .playContent .pcLeft .contentDetails .left .nameBox[data-v-4197d954]{width:200px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-right:10px;color:#fff;font-size:14px}.livePlayBox .playContent .pcLeft .contentDetails .right .operateBox[data-v-4197d954]{display:flex}.livePlayBox .playContent .pcLeft .contentDetails .right .operateBox .mk[data-v-4197d954]{margin-right:10px}.livePlayBox .playContent .pcLeft .contentDetails .right .operateBox .mk img[data-v-4197d954]{width:25px;height:25px}.livePlayBox .playContent .pcLeft .contentDetails .right .operateBox .sx[data-v-4197d954]{margin-right:10px}.livePlayBox .playContent .pcLeft .contentDetails .right .operateBox .sx img[data-v-4197d954]{width:25px;height:25px}.livePlayBox .playContent .pcLeft .courseTitBox[data-v-4197d954]{position:absolute;left:0;top:20px;z-index:999;width:100%;color:#fff;height:35px;text-align:center}.livePlayBox .playContent .pcLeft .courseTitBox .titItem[data-v-4197d954]{display:inline-block;padding:0 20px;background:rgba(62,62,62,.6);line-height:35px;border-radius:15px}.livePlayBox .playContent .pcRight[data-v-4197d954]{width:320px;background:#464c5b;height:100%;display:flex;flex-direction:column}.livePlayBox .playContent .pcRight .prHeader[data-v-4197d954]{height:40px;display:flex;justify-content:space-around;align-items:center;background:#3e3e3e;color:#fff}.livePlayBox .playContent .pcRight .prHeader .phItem[data-v-4197d954]{position:relative;height:100%;cursor:pointer}.livePlayBox .playContent .pcRight .prHeader .phItem p[data-v-4197d954]{line-height:40px}.livePlayBox .playContent .pcRight .prHeader .phItem .bottom[data-v-4197d954]{position:absolute;height:3px;width:100%;background:#fff;left:0;bottom:0;border-radius:3px}.livePlayBox .playContent .pcRight .prContent[data-v-4197d954]{flex:1 0 auto;height:0;overflow-y:hidden}.livePlayBox .playContent .pcRight .prContent .chat[data-v-4197d954]{height:100%;display:flex;flex-direction:column}.livePlayBox .playContent .pcRight .prContent .chat ul[data-v-4197d954]{flex:1 0 auto;height:0;padding:20px;overflow-y:auto;box-sizing:border-box}.livePlayBox .playContent .pcRight .prContent .chat ul li[data-v-4197d954]{color:#fff;margin-bottom:20px}.livePlayBox .playContent .pcRight .prContent .chat ul li .userHeader[data-v-4197d954]{display:flex;align-items:center;margin-bottom:10px}.livePlayBox .playContent .pcRight .prContent .chat ul li .userHeader .imgBox[data-v-4197d954]{margin-right:10px;border-radius:50%}.livePlayBox .playContent .pcRight .prContent .chat ul li .userHeader .imgBox img[data-v-4197d954]{width:50px;height:50px;margin:0;border-radius:50%}.livePlayBox .playContent .pcRight .prContent .chat ul li p[data-v-4197d954]{display:inline-block;background:#39f;padding:5px;border-radius:5px;word-break:break-all;font-size:14px}.livePlayBox .playContent .pcRight .prContent .chat ul[data-v-4197d954]::-webkit-scrollbar{width:6px;height:4px}.livePlayBox .playContent .pcRight .prContent .chat ul[data-v-4197d954]::-webkit-scrollbar-thumb{border-radius:10px;background-color:#5a7bf4}.livePlayBox .playContent .pcRight .prContent .chat ul[data-v-4197d954]::-webkit-scrollbar-track{background:#fff}.livePlayBox .playContent .pcRight .prContent .chat .enterBox[data-v-4197d954]{height:200px;display:flex;flex-direction:column}.livePlayBox .playContent .pcRight .prContent .chat .enterBox .areaBox[data-v-4197d954]{flex:1}.livePlayBox .playContent .pcRight .prContent .chat .enterBox .sendBox[data-v-4197d954]{height:45px}.livePlayBox .playContent .pcRight .prContent .chat .enterBox .sendBox .el-button[data-v-4197d954]{width:100%;height:100%}.livePlayBox .playContent .pcRight .prContent .userList[data-v-4197d954]{height:100%;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between}.livePlayBox .playContent .pcRight .prContent .userList .userListContent[data-v-4197d954]{flex:1;overflow-y:auto;padding:20px 0;box-sizing:border-box}.livePlayBox .playContent .pcRight .prContent .userList .userListContent .userItem[data-v-4197d954]{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-4197d954]{display:flex;align-items:center}.livePlayBox .playContent .pcRight .prContent .userList .userListContent .userItem .left .imgBox[data-v-4197d954]{margin-right:10px}.livePlayBox .playContent .pcRight .prContent .userList .userListContent .userItem .left .imgBox img[data-v-4197d954]{width:50px;height:50px;border-radius:50%;margin:0}.livePlayBox .playContent .pcRight .prContent .userList .userListContent .userItem .left .nameBox[data-v-4197d954]{width:80px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-right:10px;color:#fff;font-size:14px}.livePlayBox .playContent .pcRight .prContent .userList .userListContent .userItem .right .operateBox[data-v-4197d954]{display:flex}.livePlayBox .playContent .pcRight .prContent .userList .userListContent .userItem .right .operateBox div[data-v-4197d954]{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-4197d954]{width:20px;height:22px}.livePlayBox .playContent .pcRight .prContent .userList .userListContent .userItem .right .operateBox div[data-v-4197d954]:first-child{margin-left:0}.livePlayBox .playContent .pcRight .prContent .userList .userListContent .userItem .right .operateBox div:first-child img[data-v-4197d954]{width:15px;height:22px}.livePlayBox .playContent .pcRight .prContent .userList .pagination[data-v-4197d954]{background:#fff}.livePlayBox .playContent .pcRight .prContent .userList .userListContent[data-v-4197d954]::-webkit-scrollbar{width:6px;height:4px}.livePlayBox .playContent .pcRight .prContent .userList .userListContent[data-v-4197d954]::-webkit-scrollbar-thumb{border-radius:10px;background-color:#5a7bf4}.livePlayBox .playContent .pcRight .prContent .userList .userListContent[data-v-4197d954]::-webkit-scrollbar-track{background:#fff}.livePlayBox .kefuBox[data-v-4197d954]{display:flex;justify-content:center}.livePlayBox .kefuBox .label[data-v-4197d954]{margin-right:10px}.livePlayBox .kefuBox .label p[data-v-4197d954]{font-size:16px}.livePlayBox .kefuBox .label p[data-v-4197d954]:first-child{margin-bottom:180px}.livePlayBox .kefuBox .values img[data-v-4197d954]{width:200px;height:200px;margin:0}.livePlayBox .kefuBox .values p[data-v-4197d954]{font-size:18px;padding-left:10px}