.process_modal_wrap { overflow: hidden !important; } .workflow-body { height : 100vh; width : 100%; position: relative; &-header { width : calc(100vw - 71px); height : 80px; background: linear-gradient(90deg, #1890ff 0%, #1271c9 100%); position : fixed; top : 0px; left : 32px; z-index : 1; img { // padding: 12px 0 0 18px; position: relative; // top: 18%; left : 18px; top : 8px; } &_title { span { margin-top : 32px; position : relative; top : 10px; left : 12px; padding-left: 20px; } &_shu { font-size: 25px; color : rgba(255, 255, 255, 0.5); } &_zi { font-size : 16px; color : #fff; line-height: 60px; font-weight: bold; } } &_closeIcon { position : absolute; top : 0px; right : 0px; font-size: 37px; color : #999999 !important; } } &-form { position: fixed; top : 0; bottom : 0; left : 0; right : 0; height : 100vh; } } .modalBox { position : fixed; width : 96.3%; height : 100%; background: rgba(0, 0, 0, 0.3); .modal { background : #fff; position : absolute; top : 20%; left : 50%; margin-left : -112px; padding : 10px 20px; border : 1px solid #ddd; border-radius: 2px; width : 370px; .content { margin-top : 20px; font-size : 18px; color : #000; } .btn { display : flex; justify-content: flex-end; width : 100%; font-size : 16px; .confirm { padding : 0 10px; color : #fff; border-radius: 3px; background : #1890FF; cursor : pointer; } .deny { padding : 0 10px; color : #1890FF; border-radius: 3px; border : 1px solid #1890FF; margin : 0 10px; cursor : pointer; } .cancel { padding : 0 10px; color : #1890FF; border-radius: 3px; border : 1px solid #1890FF; cursor : pointer; } } } }