.callwrapper{width:100%;height:100%;background:#666;padding:60px 30px}.callwrapper .callleft{width:60%;float:left;height:100%;padding:30px 10px}.callwrapper .callleft .ivu-card-body{height:calc(100% - 55px)}.callwrapper .callleft .remotevc{height:100%}.callwrapper .callleft .callmask{position:absolute;top:0;left:0;width:100%;height:100%;font-size:18px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:justify}.callwrapper .callright{width:40%;float:left;height:100%;padding:30px 10px}.callwrapper .callright .callrighttop{height:50%;padding-bottom:10px}.callwrapper .callright .callrighttop .ivu-card-body{height:calc(100% - 55px)}.callwrapper .callright .callrighttop .localvc{height:100%}.callwrapper .callright .callrightbottom{padding-top:10px;height:50%}.callwrapper .callright .callrightbottom .ivu-card-body{height:calc(100% - 5px)}.callwrapper .callright .callrightbottom .callctlbox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:justify;width:100%;height:100%}.callwrapper .callright .callrightbottom .callctlbox button,.callwrapper .callright .callrightbottom .callctlbox h3,.callwrapper .callright .callrightbottom .callctlbox h5{margin-top:10px}.callwrapper .ivu-card{background:#000;opacity:.6;color:#fff}.callwrapper .callboxtilte{color:#fff}.callwrapper .ivu-card-head{border:1px solid #222;border-top-left-radius:10px;border-top-right-radius:10px}.callwrapper .ivu-card-bordered{border:1px solid #777;border-radius:10px}#v_local,#v_remote{width:100%;height:100%}