.input-dialog .grayback{position:fixed;left:0;top:0;display:flex;align-items:center;justify-content:center;background-color:#00000080;z-index:2000}.input-dialog .dialogbox{position:relative;width:320px;max-width:80%;border:1px solid black;z-index:2001}.input-dialog .dialogbox .titlebox{width:100%;height:40px;line-height:40px;text-align:center;font-size:18px;color:#fff;background-color:#8895b3}.input-dialog .dialogbox .closebox{position:absolute;right:0;top:0;width:40px;height:40px;text-align:center;line-height:52px;font-size:16px;color:#fff;background-color:#ff5964;cursor:pointer;display:flex;align-items:center;justify-content:center}.input-dialog .dialogbox .bodybox{padding:20px 15px;background-color:#fff}.input-dialog .dialogbox .bodybox .message{padding:0 5px;color:#333;font-size:14px}.input-dialog .dialogbox .bodybox .textarea{margin-top:15px;width:100%;height:160px;padding:5px;font-size:16px;background-color:#f3f3f3;border-radius:4px;resize:none}.input-dialog .dialogbox .buttonbox{display:flex;width:100%}.input-dialog .dialogbox .buttonbox .okbutton{flex:1;height:50px;font-size:18px;text-align:center;line-height:50px;color:#fff;background-color:#4a90e2;cursor:pointer}.input-dialog .dialogbox .buttonbox .cancelbutton{flex:1;height:50px;font-size:18px;text-align:center;line-height:50px;color:#fff;background-color:#92b4f4;cursor:pointer}.inputdialog-enter-active,.inputdialog-leave-active{transition:opacity .5s}.inputdialog-enter-from,.inputdialog-leave-to{opacity:0}.inputdialog-enter-to,.inputdialog-leave-from{opacity:1}