.login[data-v-5090ef47]{width:100%;height:100vh;display:flex;align-items:center;justify-content:flex-end;padding-right:10vw;box-sizing:border-box}.login-box[data-v-5090ef47]{width:500px;background:#fff;border:1px solid #e9e9e9;opacity:1;border-radius:10px;padding:30px 42px;box-sizing:border-box;display:flex;flex-direction:column}.login-box-title[data-v-5090ef47]{font-size:28px;font-family:PingFang SC;font-weight:400;color:#4e6fda;margin-bottom:14px;letter-spacing:5px}.login-box-sub-title[data-v-5090ef47]{font-size:16px;font-family:PingFang SC;font-weight:400;color:grey;margin-bottom:48px}.login-box .el-button[data-v-5090ef47]{width:240px;margin:20px auto 0}.control-btn[data-v-50181e37]{margin-left:10px;float:left;width:100px;height:300px}.control-btn li[data-v-50181e37]{width:60px;height:50px;border:1px solid #373737;border-radius:5px;margin-top:10px;text-align:center;cursor:pointer;position:relative;overflow:hidden}.video-wrap[data-v-50181e37]{overflow:hidden;background:#000;border-radius:10px;border-right:1px solid #8a8a8a}#video-box[data-v-50181e37]{float:left;position:relative;width:calc(100% - 110px);height:calc(100vh - 100px);background:tomato;border-radius:10px}#self-box[data-v-50181e37]{position:absolute;right:0;bottom:0;width:200px;height:200px;background:pink;z-index:999;border-radius:10px}.li[data-v-50181e37]{width:100%;height:500px;overflow-y:auto;padding:30px;box-sizing:border-box}.li[data-v-50181e37]::-webkit-scrollbar{width:5px;height:8px}.li[data-v-50181e37]::-webkit-scrollbar-track{background:#909399;border-radius:5px}.li[data-v-50181e37]::-webkit-scrollbar-thumb{background:#131313;border-radius:5px}.li[data-v-50181e37]::-webkit-scrollbar-thumb:hover{background:#434343}.iconfont[data-v-50181e37]:active{opacity:.78}.el-button[data-v-50181e37]{margin:10px auto;display:block}.pause[data-v-50181e37]{color:#f56c6c}.playing[data-v-50181e37]{color:#67c23a}.un[data-v-50181e37]{display:inline-block;width:4px;height:50px;position:absolute;transform:rotate(45deg);border-radius:2px;transition:all .15s linear}.un.pause[data-v-50181e37]{background-color:#f56c6c;left:50%;bottom:0;transform:rotate(45deg) translateX(-50%)}.un.playing[data-v-50181e37]{right:-25px;top:-50px;background-color:#67c23a}