.livePlayBox[data-v-37571bcd]{display:flex;flex-direction:column;height:100%;width:100%;position:relative}.livePlayBox .fullScreenBox[data-v-37571bcd]{position:absolute;z-index:9999;width:100%;height:100%;left:0;top:0}.livePlayBox .fullScreenBox #fullScreenItem[data-v-37571bcd]{width:100%;height:100%}.livePlayBox .fullScreenBox .close[data-v-37571bcd]{position:absolute;z-index:99999;right:5px;top:5px;cursor:pointer}.livePlayBox .fullScreenBox .close img[data-v-37571bcd]{width:40px;height:40px}.livePlayBox .fullScreenBox .contentDetails[data-v-37571bcd]{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-37571bcd]{display:flex;align-items:center}.livePlayBox .fullScreenBox .contentDetails .left .roleBox[data-v-37571bcd]{margin-right:10px}.livePlayBox .fullScreenBox .contentDetails .left .nameBox[data-v-37571bcd]{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-37571bcd]{display:flex}.livePlayBox .fullScreenBox .contentDetails .right .operateBox .mk[data-v-37571bcd]{margin-right:10px}.livePlayBox .fullScreenBox .contentDetails .right .operateBox .mk img[data-v-37571bcd]{width:25px;height:25px}.livePlayBox .fullScreenBox .contentDetails .right .operateBox .sx[data-v-37571bcd]{margin-right:10px}.livePlayBox .fullScreenBox .contentDetails .right .operateBox .sx img[data-v-37571bcd]{width:25px;height:25px}.livePlayBox .fullScreenBox .miniView[data-v-37571bcd]{position:absolute;width:22%;height:27%;bottom:0;right:0;z-index:9999}.livePlayBox .fullScreenBox .miniView .miniViewContent[data-v-37571bcd]{position:relative;width:100%;height:100%}.livePlayBox .fullScreenBox .miniView .miniViewContent #miniViewBox[data-v-37571bcd]{width:100%;height:100%}.livePlayBox .fullScreenBox .miniView .miniViewContent .miniViewMsg[data-v-37571bcd]{position:absolute;left:0;bottom:0;z-index:99999;width:100%;box-sizing:border-box;height:40px;display:flex;padding:0 10px;background:rgba(0,0,0,.5);justify-content:space-between;align-items:center}.livePlayBox .fullScreenBox .miniView .miniViewContent .miniViewMsg .left[data-v-37571bcd]{display:flex;align-items:center}.livePlayBox .fullScreenBox .miniView .miniViewContent .miniViewMsg .left .roleBox[data-v-37571bcd]{margin-right:10px}.livePlayBox .fullScreenBox .miniView .miniViewContent .miniViewMsg .left .nameBox[data-v-37571bcd]{width:80px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-right:10px;color:#fff;font-size:14px}.livePlayBox .fullScreenBox .miniView .miniViewContent .miniViewMsg .right .operateBox[data-v-37571bcd]{display:flex}.livePlayBox .fullScreenBox .miniView .miniViewContent .miniViewMsg .right .operateBox .mk[data-v-37571bcd]{margin-right:10px}.livePlayBox .fullScreenBox .miniView .miniViewContent .miniViewMsg .right .operateBox .mk img[data-v-37571bcd]{width:25px;height:25px}.livePlayBox .fullScreenBox .miniView .miniViewContent .miniViewMsg .right .operateBox .sx[data-v-37571bcd]{margin-right:10px}.livePlayBox .fullScreenBox .miniView .miniViewContent .miniViewMsg .right .operateBox .enlarge img[data-v-37571bcd],.livePlayBox .fullScreenBox .miniView .miniViewContent .miniViewMsg .right .operateBox .sx img[data-v-37571bcd]{width:25px;height:25px}.livePlayBox .playHeader[data-v-37571bcd]{height:225px}.livePlayBox .playHeader .headerTop[data-v-37571bcd]{background:#3e3e3e;padding:0 60px;height:60px;display:flex;justify-content:space-between;align-items:center}.livePlayBox .playHeader .headerTop .topLeft[data-v-37571bcd]{color:#fff}.livePlayBox .playHeader .headerTop .topRight[data-v-37571bcd]{display:flex;align-items:center}.livePlayBox .playHeader .headerTop .topRight .timeBox[data-v-37571bcd]{margin-right:20px;color:#fff}.livePlayBox .playHeader .headerTop .topRight .btnBox[data-v-37571bcd]{margin-right:20px}.livePlayBox .playHeader .headerTop .topRight .logoBox[data-v-37571bcd]{margin-right:20px;width:40px;height:40px;position:relative}.livePlayBox .playHeader .headerTop .topRight .logoBox img[data-v-37571bcd]{margin:0}.livePlayBox .playHeader .headerTop .topRight .logoBox .downloadBox[data-v-37571bcd]{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-37571bcd]{height:20px;background:transparent;display:flex;justify-content:center}.livePlayBox .playHeader .headerTop .topRight .logoBox .downloadBox .top p span[data-v-37571bcd]{display:block;width:0;height:0;border:10px solid transparent;border-bottom-color:#fff}.livePlayBox .playHeader .headerTop .topRight .logoBox .downloadBox .imgBox img[data-v-37571bcd]{width:120px;height:120px}.livePlayBox .playHeader .headerTop .topRight .logoBox:hover .downloadBox[data-v-37571bcd]{max-height:200px}.livePlayBox .playHeader .headerTop .topRight .picBox[data-v-37571bcd]{position:relative}.livePlayBox .playHeader .headerTop .topRight .picBox img[data-v-37571bcd]{width:40px;height:40px;border-radius:50%}.livePlayBox .playHeader .headerTop .topRight .picBox .feedBack[data-v-37571bcd]{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-37571bcd]{padding:0;height:20px;background:transparent;display:flex;justify-content:center}.livePlayBox .playHeader .headerTop .topRight .picBox .feedBack .top p span[data-v-37571bcd]{display:block;width:0;height:0;border:10px solid transparent;border-bottom-color:#3e3e3e}.livePlayBox .playHeader .headerTop .topRight .picBox .feedBack .bottom[data-v-37571bcd]{width:120px;background:#3e3e3e;color:#fff;border-radius:5px;cursor:pointer}.livePlayBox .playHeader .headerTop .topRight .picBox .feedBack .bottom p[data-v-37571bcd]{text-align:center;padding:10px 0}.livePlayBox .playHeader .headerTop .topRight .picBox:hover .feedBack[data-v-37571bcd]{max-height:200px}.livePlayBox .playHeader .headerBottom[data-v-37571bcd]{width:100%;background:#464c5b;height:165px;display:flex;white-space:nowrap;overflow-x:auto;overflow-y:hidden}.livePlayBox .playHeader .headerBottom .userListBox[data-v-37571bcd]{flex-shrink:0;width:260px;height:145px;padding:10px 15px}.livePlayBox .playHeader .headerBottom .userItem[data-v-37571bcd]{width:260px;height:145px;background:#fff;position:relative}.livePlayBox .playHeader .headerBottom .userItem .userDetails[data-v-37571bcd]{position:absolute;z-index:999;left:0;bottom:0;width:100%;box-sizing:border-box;height:40px;display:flex;padding:0 10px;background:rgba(0,0,0,.5);justify-content:space-between;align-items:center}.livePlayBox .playHeader .headerBottom .userItem .userDetails .left[data-v-37571bcd]{display:flex;align-items:center}.livePlayBox .playHeader .headerBottom .userItem .userDetails .left .roleBox[data-v-37571bcd]{margin-right:10px}.livePlayBox .playHeader .headerBottom .userItem .userDetails .left .nameBox[data-v-37571bcd]{width:80px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-right:10px;color:#fff;font-size:14px}.livePlayBox .playHeader .headerBottom .userItem .userDetails .right .operateBox[data-v-37571bcd]{display:flex}.livePlayBox .playHeader .headerBottom .userItem .userDetails .right .operateBox .mk[data-v-37571bcd]{margin-right:10px}.livePlayBox .playHeader .headerBottom .userItem .userDetails .right .operateBox .mk img[data-v-37571bcd]{width:25px;height:25px}.livePlayBox .playHeader .headerBottom .userItem .userDetails .right .operateBox .sx[data-v-37571bcd]{margin-right:10px}.livePlayBox .playHeader .headerBottom .userItem .userDetails .right .operateBox .enlarge img[data-v-37571bcd],.livePlayBox .playHeader .headerBottom .userItem .userDetails .right .operateBox .sx img[data-v-37571bcd]{width:25px;height:25px}.livePlayBox .playHeader .headerBottom[data-v-37571bcd]::-webkit-scrollbar{width:10px;height:6px}.livePlayBox .playHeader .headerBottom[data-v-37571bcd]::-webkit-scrollbar-thumb{border-radius:10px;background-color:#02adf7;background-image:-webkit-linear-gradient(45deg,hsla(0,0%,100%,.2) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.2) 0,hsla(0,0%,100%,.2) 75%,transparent 0,transparent)}.livePlayBox .playHeader .headerBottom[data-v-37571bcd]::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:#1b5aa9}.livePlayBox .playContent[data-v-37571bcd]{flex:1;display:flex}.livePlayBox .playContent .pcLeft[data-v-37571bcd]{flex:1;background:#000;position:relative}.livePlayBox .playContent .pcLeft #content[data-v-37571bcd]{width:100%;height:100%}.livePlayBox .playContent .pcLeft .contentDetails[data-v-37571bcd]{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-37571bcd]{display:flex;align-items:center}.livePlayBox .playContent .pcLeft .contentDetails .left .roleBox[data-v-37571bcd]{margin-right:10px}.livePlayBox .playContent .pcLeft .contentDetails .left .nameBox[data-v-37571bcd]{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-37571bcd]{display:flex}.livePlayBox .playContent .pcLeft .contentDetails .right .operateBox .mk[data-v-37571bcd]{margin-right:10px}.livePlayBox .playContent .pcLeft .contentDetails .right .operateBox .mk img[data-v-37571bcd]{width:25px;height:25px}.livePlayBox .playContent .pcLeft .contentDetails .right .operateBox .sx[data-v-37571bcd]{margin-right:10px}.livePlayBox .playContent .pcLeft .contentDetails .right .operateBox .sx img[data-v-37571bcd]{width:25px;height:25px}.livePlayBox .playContent .pcLeft .courseTitBox[data-v-37571bcd]{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-37571bcd]{display:inline-block;padding:0 20px;background:rgba(62,62,62,.6);line-height:35px;border-radius:15px}.livePlayBox .playContent .pcRight[data-v-37571bcd]{width:320px;background:#464c5b;height:100%;display:flex;flex-direction:column}.livePlayBox .playContent .pcRight .prHeader[data-v-37571bcd]{height:40px;display:flex;justify-content:space-around;align-items:center;background:#3e3e3e;color:#fff}.livePlayBox .playContent .pcRight .prHeader .phItem[data-v-37571bcd]{position:relative;height:100%;cursor:pointer}.livePlayBox .playContent .pcRight .prHeader .phItem p[data-v-37571bcd]{line-height:40px}.livePlayBox .playContent .pcRight .prHeader .phItem .bottom[data-v-37571bcd]{position:absolute;height:3px;width:100%;background:#fff;left:0;bottom:0;border-radius:3px}.livePlayBox .playContent .pcRight .prContent[data-v-37571bcd]{flex:1 0 auto;height:0;overflow-y:hidden}.livePlayBox .playContent .pcRight .prContent .chat[data-v-37571bcd]{height:100%;display:flex;flex-direction:column}.livePlayBox .playContent .pcRight .prContent .chat ul[data-v-37571bcd]{flex:1 0 auto;height:0;padding:20px;overflow-y:auto;box-sizing:border-box}.livePlayBox .playContent .pcRight .prContent .chat ul li[data-v-37571bcd]{color:#fff;margin-bottom:20px}.livePlayBox .playContent .pcRight .prContent .chat ul li .userHeader[data-v-37571bcd]{display:flex;align-items:center;margin-bottom:10px}.livePlayBox .playContent .pcRight .prContent .chat ul li .userHeader .imgBox[data-v-37571bcd]{margin-right:10px;border-radius:50%}.livePlayBox .playContent .pcRight .prContent .chat ul li .userHeader .imgBox img[data-v-37571bcd]{width:50px;height:50px;margin:0;border-radius:50%}.livePlayBox .playContent .pcRight .prContent .chat ul li p[data-v-37571bcd]{display:inline-block;background:#39f;padding:5px;border-radius:5px;word-break:break-all;font-size:14px}.livePlayBox .playContent .pcRight .prContent .chat .enterBox[data-v-37571bcd]{height:200px;display:flex;flex-direction:column}.livePlayBox .playContent .pcRight .prContent .chat .enterBox .areaBox[data-v-37571bcd]{flex:1}.livePlayBox .playContent .pcRight .prContent .chat .enterBox .sendBox[data-v-37571bcd]{height:45px}.livePlayBox .playContent .pcRight .prContent .chat .enterBox .sendBox .el-button[data-v-37571bcd]{width:100%;height:100%}.livePlayBox .playContent .pcRight .prContent .chat[data-v-37571bcd]::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:#1b5aa9}.livePlayBox .playContent .pcRight .prContent .userList[data-v-37571bcd]{height:100%;width:100%;overflow-y:auto}.livePlayBox .playContent .pcRight .prContent .userList .userItem[data-v-37571bcd]{display:flex;padding:10px 20px;align-items:center;justify-content:space-between}.livePlayBox .playContent .pcRight .prContent .userList .userItem .left[data-v-37571bcd]{display:flex;align-items:center}.livePlayBox .playContent .pcRight .prContent .userList .userItem .left .imgBox[data-v-37571bcd]{margin-right:10px}.livePlayBox .playContent .pcRight .prContent .userList .userItem .left .imgBox img[data-v-37571bcd]{width:50px;height:50px;border-radius:50%;margin:0}.livePlayBox .playContent .pcRight .prContent .userList .userItem .left .nameBox[data-v-37571bcd]{width:80px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-right:10px;color:#fff;font-size:14px}.livePlayBox .playContent .pcRight .prContent .userList .userItem .right .operateBox[data-v-37571bcd]{display:flex}.livePlayBox .playContent .pcRight .prContent .userList .userItem .right .operateBox .mk img[data-v-37571bcd]{margin-left:10px;width:25px;height:25px}.livePlayBox .playContent .pcRight .prContent .userList .userItem .right .operateBox .sx img[data-v-37571bcd]{width:25px;height:25px}.livePlayBox .kefuBox[data-v-37571bcd]{display:flex;justify-content:center}.livePlayBox .kefuBox .label[data-v-37571bcd]{margin-right:10px}.livePlayBox .kefuBox .label p[data-v-37571bcd]{font-size:16px}.livePlayBox .kefuBox .label p[data-v-37571bcd]:first-child{margin-bottom:180px}.livePlayBox .kefuBox .values img[data-v-37571bcd]{width:200px;height:200px;margin:0}.livePlayBox .kefuBox .values p[data-v-37571bcd]{font-size:18px;padding-left:10px}