.page-enter-active,.page-leave-active{transition:all .4s}.page-enter-from,.page-leave-to{filter:blur(1rem);opacity:0}.layout-enter-active,.layout-leave-active{transition:all .4s}.layout-enter-from,.layout-leave-to{filter:grayscale(1)}.mask{background-color:#00000080;bottom:0;height:100%;left:0;position:fixed;right:0;top:0;transition:all .2s ease-in-out;visibility:hidden;width:100%;z-index:90}.mask.mask-show{visibility:visible}.mask.mask-plain{background-color:#fffc}.modal{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:fixed;right:0;top:0;transition:all .2s ease-in-out 0s;z-index:200}.modal.show{opacity:1;overflow-x:hidden;overflow-y:auto;transition-duration:.2s}.modal .layer-container{background-color:#fff;border-radius:10px;margin-left:auto;margin-right:auto;max-width:100%;position:relative;width:240px}.modal .layer-container .main-body{padding:15px}.modal .layer-container .close{color:#999;height:30px;line-height:30px;position:absolute;right:8px;text-align:center;top:10px;width:40px;z-index:202}.modal .layer-container .title{font-size:16px;font-weight:500;padding:13px 15px;position:relative;text-align:left}@keyframes animateRotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}