#app{width:100%;height:100%}.content{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.video-box{width:100%;height:400px}.opt-btn{margin-top:50px;display:flex;flex-direction:column;align-items:center}.comp-container{overflow:hidden}.comp-container,.hk-video{width:100%;height:100%;position:relative}.control-view{position:absolute;z-index:998;width:100%;height:70px;bottom:0;background-color:#000;color:#fff;justify-content:space-between;padding-right:30px;box-sizing:border-box;transition:all .3s;transform:translateY(100%)}.control-view,.control-view .right{display:flex;align-items:center}.control-view .icon{margin-left:30px;width:34px;height:auto}.control-view .icon.sound-icon{width:40px}.control-view.show{transform:translateY(0)}.name-view{position:absolute;z-index:998;width:100%;height:40px;top:0;background-color:#000;padding-left:30px;box-sizing:border-box;transition:all .3s;transform:translateY(-100%);font-size:24px;line-height:40px;color:#fff;text-align:left}.name-view.show{transform:translateY(0)}.el-dialog__header{margin:0;background-color:#5d5f67;text-align:center;height:40px;display:grid;align-items:center;padding:0 18px;border-radius:10px 10px 0 0}.el-dialog__title{font-size:18px;font-family:Microsoft YaHei;font-weight:400;color:#fff}.el-dialog__headerbtn .el-dialog__close{color:#fff}.el-dialog{top:40%;transform:translateY(-40%);position:relative;margin:0 auto!important;padding:0;background:#fff;border-radius:10px;box-shadow:0 1px 3px rgba(0,0,0,.3);box-sizing:border-box}.el-dialog__footer{padding:20px 40px}.el-table{--el-table-header-bg-color:#f7f7f7}.el-table .el-table__cell{text-align:center}.el-message-box{padding:0!important}.el-message-box__header{background-color:#5d6067}.el-message-box__title{color:#fff;padding:12px 0 0 12px}.el-message-box__content{padding:12px}.el-message-box__btns{padding:12px;justify-content:center}.CancelBtn{margin-left:10px;border:1px solid #00a1ff;color:#00a1ff}.el-message-box .el-message-box__btns{flex-direction:row-reverse!important;justify-content:center!important}