.modal{

position: fixed;
width: 100%;
height:100%;
background-color: rgba(0,0,0,.3);
top:0;
left:0;
/deep/.form{
    width: 600px;
    height:auto;
    background-color: #fff;
    position: absolute;
    left:50%;
    transform: translateX(-50%);
    top:20%;
    padding: 30px;
    .content{
        p{
            display: flex;
            align-items: center;
            padding-left: 10px;
            box-sizing: border-box;
        }
        .field{
            display: flex;
            align-items: center;
        }
    }
    .header{
        height:60px;
        border-bottom: 1px solid #ccc;
        position: relative;
        display: flex;
        align-items: center;
    }
    .close{
        position: absolute;
        right:0;
    }
    .footer{
        height:60px;
        display: flex;
        align-items: center;
    }
}

}