.left{height:80vh;padding:0!important}.left .up{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:relative}.left .up .remote-stream{z-index:500;font-size:25px;position:absolute;bottom:60px;right:0}.left .up .local_stream{position:absolute;z-index:999;right:0;width:120px;height:120px}.left .up .distant-stream{width:100%;height:66vh;right:0!important}.left .up .none-stream{width:100%;height:66vh;border:1px solid #f0f2f5;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.left .up .none-stream,.left .up .video-fun-button{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;display:-webkit-box;display:-ms-flexbox;display:flex}.left .up .video-fun-button{padding:20px 20px 20px 20px;background:#fff;position:relative}.left .down{margin-top:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.left .btn{text-align:center}.left .btn i:first-child,.left .btn i:nth-child(2){font-size:25px;margin-right:15px}.left .btn i:nth-child(3){font-size:25px}.left .down .close{text-align:right}.right{height:80vh;overflow:auto}.right .title{color:#333;font-size:16px;font-weight:600;text-align:left;margin-bottom:10px}.right .ant-divider-horizontal{margin:15px 0!important}