.ui-modal{visibility:hidden;opacity:0;position:fixed;content:"";top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.2);z-index:10;text-align:center;overflow:hidden;white-space:nowrap;-webkit-overflow-scrolling:touch;transition:.3s}.ui-modal.modal-visible{z-index:19000;opacity:1;visibility:visible}.ui-modal>*{display:inline-block;white-space:normal;vertical-align:middle;text-align:left}.ui-modal:before{display:inline-block;overflow:hidden;width:0;height:100%;vertical-align:middle;content:""}.modal-box{position:relative;max-width:95%;max-height:98%;border-radius:3px;background:#fff;opacity:0;visibility:hidden;animation-duration:.4s;animation-fill-mode:both}.modal-box .modal-close{position:absolute;z-index:2;right:0;top:0;width:45px;height:45px;line-height:45px;font-size:22px;cursor:pointer;text-align:center;color:#aeb4bd}.modal-box .modal-head{padding-left:30px;padding-right:30px;line-height:52px;font-size:14px;font-weight:700;background:#f1f4f7}.modal-box .modal-main{padding:20px 30px;max-height:88vh;overflow:auto}.modal-box .modal-foot{padding:20px 30px;height:80px;border-top:1px solid #f1f4f7}.modal-box .modal-foot .tips{float:left;font-size:13px;line-height:40px}.modal-box .modal-foot .ui-button{float:right;margin-left:16px}.modal-box .modal-foot-center{text-align:center}.modal-box .modal-foot-center .ui-button{float:none;margin:0 11px}.modal-box .confirm-foot{padding-top:24px;padding-bottom:24px;background:#fff;text-align:center}.modal-box .confirm-foot .ui-button{margin-left:11px;margin-right:11px}.modal-box .resize-trigger{position:absolute;right:4px;bottom:4px;height:0;width:0;border:4px solid transparent;border-right-color:#cfd9e6;border-bottom-color:#cfd9e6;cursor:se-resize}.modal-visible .modal-box{z-index:100;opacity:1;visibility:visible}.modal-visible .success-svg .p-ico{animation:suc .9s cubic-bezier(0.6,-.3,.2,1.6) forwards}.modal-visible .success-svg .p-circle{animation:sucCircle .9s forwards}.modal-visible .failed-svg .p-ico{animation:warn .9s cubic-bezier(0.6,-.3,.2,1.6) forwards}.modal-visible .failed-svg .p-circle{animation:warnCircle .9s forwards}.loading-svg .p-circle{fill:none;stroke-width:2px}.success-svg .p-ico,.success-svg .p-circle{stroke:#2faa18}.success-svg .p-ico{fill:none;stroke-width:3px;stroke-dasharray:51,51;stroke-dashoffset:17}.success-svg .p-circle{fill:none;stroke-width:2px;stroke-dasharray:160,160;stroke-dashoffset:0}.failed-svg .p-circle,.failed-svg .p-ico{stroke:#f24949}.failed-svg .p-ico{fill:none;stroke-width:3px;stroke-dasharray:18,18;stroke-dashoffset:0}.failed-svg .p-circle{fill:none;stroke-width:2px;stroke-dasharray:160,160;stroke-dashoffset:0}.failed-svg.tip .p-ico,.failed-svg.tip .p-circle{stroke:#f5a623}.alert-success .success-svg{display:inline-block}.alert-success .failed-svg{display:none}.alert-failed .success-svg{display:none}.alert-failed .failed-svg{display:inline-block}.ui-modal-alert{height:180px;min-width:200px;padding-top:49px;text-align:center}.ui-modal-alert .success-svg,.ui-modal-alert .failed-svg{margin-bottom:17px}.ui-modal-alert .modal-content{padding-left:10px;padding-right:10px;font-size:14px}@keyframes suc{0%{stroke-dashoffset:51}50%{stroke-dashoffset:51}100%{stroke-dashoffset:17}}@keyframes sucCircle{0%{stroke-dashoffset:160}30%{stroke-dashoffset:160}80%{stroke-dashoffset:0}}.ui-modal-confirm{width:500px;padding-top:41px;padding-bottom:30px;text-align:center;background:#f1f4f7}.ui-modal-confirm .success-svg,.ui-modal-confirm .failed-svg{margin-bottom:17px}.ui-modal-confirm .warn{font-size:18px}.ui-modal-confirm .desc{margin-top:12px;font-size:14px;color:#595959}.ui-modal-confirm .modal-content{padding-left:40px;padding-right:40px}@keyframes warn{0%{stroke-dashoffset:18}50%{stroke-dashoffset:18}100%{stroke-dashoffset:0}}@keyframes warnCircle{0%{stroke-dashoffset:160}30%{stroke-dashoffset:160}80%{stroke-dashoffset:0}}.fadeInDown{animation-name:fadeInDown}@keyframes fadeInDown{from{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:translate3d(0,0,0)}}