.videoWrap{height:580px;width:500px;position:absolute;z-index:999999;right:20px;box-sizing:content-box;box-shadow:0 0 5px 1px #333;background:#000;top:70px}.videoWrap .video-top{height:30px;line-height:30px;text-align:right;padding-right:5px}.videoWrap .moveHandle{height:50px;background:#000;cursor:move;width:500px;padding-left:20px;padding-top:15px;position:absolute;bottom:0;left:0}.videoWrap .moveHandle .icon-wrap{height:20px;position:relative;width:100%}.videoWrap .remoteView{height:500px;width:280px;position:absolute;left:0;z-index:1;background:#fff}.videoWrap .selfView{height:130px;width:210px;position:absolute;right:0;z-index:2;background:#fff}.videoWrap .shareView{height:500px;width:400px;position:absolute;left:0;top:50px;z-index:1;background:#fff;display:none}.videoWrapMin{height:230px!important;width:200px!important}.videoWrapMin .moveHandle{display:none!important}.videoWrapMin .remoteView{top:30px;left:0}.videoWrapMin .remoteView,.videoWrapMin .remoteView video{height:200px!important;width:200px!important}.videoWrapMin .selfView,.videoWrapMin .shareView{display:none!important}.card-wrap{height:calc(100% - 85px);overflow-y:auto}.card-btn{background:#fff;border-top:1px solid #e8eaec;position:absolute;bottom:0;left:0;width:100%;padding:20px 20px 30px}.card-btn>button{margin-right:15px}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin-top:60px}