.dialog{
  position: fixed;z-index: 4;top:0;right: 0;bottom: 0;left: 0;
  .ant-modal-body{
    padding:0;
  }
  .dialog-bg{
    position: absolute;top:0;right: 0;bottom: 0;left: 0;
    z-index: 3;
    background: #999;opacity: 0.5
  }
  .dialog-close{
    position: absolute;top:0;right: 0;
    width: 23px;
    height: 23px;
    line-height: 23px;
    font-size: 14px;
    border-radius: 0px 0 0 5px;
    background: #d7d7d7;
    color: #fff;
    text-align: center;
    cursor: pointer;
  }
  .dialog-close:before{
    content: "\E633";
    display: block;
    font-family: "anticon" !important;
  }
  .dialog-c{
    position: relative;z-index: 4;
    margin:0 auto;
    background: #fff;background: #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  }
}

.dialog-mask{
  position: fixed;z-index: 3;
  top:0;left: 100%;bottom: 0;
  .ant-modal-mask{
    position: absolute;
    background: #f0f0f0;
    opacity: 1;
  }
  .ant-modal-wrap{
    position: absolute;  
  }
  .ant-modal{
    width: 100%;
    top:0;
    height: 100%;
    padding-bottom: 0;
  }
  .ant-modal-body{
    padding:0;
  }
  .ant-tabs-content{
    position: absolute;left: 0;right: 0;bottom: 0;
    overflow-y: auto;
  }
  .ant-modal-content{
    width: 100%;height: 100%;
    background: none;  
  }
}