.onestop-message-box{display:inline-block;width:420px;padding-bottom:10px;vertical-align:middle;background-color:#fff;border-radius:4px;border:1px solid #EBEEF5;font-size:18px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);text-align:left;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden}.onestop-message-box__wrapper{position:fixed;top:0;bottom:0;left:0;right:0;text-align:center}.onestop-message-box__wrapper::after{content:"";display:inline-block;height:100%;width:0;vertical-align:middle}.onestop-message-box__header{position:relative;padding:15px 15px 10px}.onestop-message-box__title{margin-bottom:0;line-height:1;color:#333;position:absolute;top:15px;right:15px;padding:0;border:none;outline:0;background:0 0;font-size:16px;cursor:pointer}.onestop-message-box__title .onestop-message-box__close{color:#909399}.onestop-message-box__title:focus .onestop-message-box__close,.onestop-message-box__title:hover .onestop-message-box__close{color:#30B043}.onestop-message-box__content{padding:10px 15px;color:#606266;font-size:14px}.onestop-message-box__container{position:relative}.onestop-message-box__input{padding-top:15px}.onestop-message-box__input input.invalid,.onestop-message-box__input input.invalid:focus{border-color:#F65E5E}.onestop-message-box__status{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:24px!important}.onestop-message-box__status::before{padding-left:1px}.onestop-message-box__status+.onestop-message-box__message{padding-left:36px;padding-right:12px}.onestop-message-box__status.onestop-icon-success{color:#55C265}.onestop-message-box__status.onestop-icon-info{color:#909399}.onestop-message-box__status.onestop-icon-warning{color:#1C2958}.onestop-message-box__status.onestop-icon-error{color:#C12F2F}.onestop-message-box__message{margin:0}.onestop-message-box__message p{margin:0;line-height:24px}.onestop-message-box__errormsg{color:#F65E5E;font-size:12px;min-height:18px;margin-top:2px}.onestop-message-box__btns{padding:5px 15px 0;text-align:right}.onestop-message-box__btns button:nth-child(2){margin-left:10px}.onestop-message-box__btns-reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.onestop-message-box--center{padding-bottom:30px}.onestop-message-box--center .onestop-message-box__header{padding-top:30px}.onestop-message-box--center .onestop-message-box__title{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.onestop-message-box--center .onestop-message-box__status{position:relative;top:auto;padding-right:5px;text-align:center;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.onestop-message-box--center .onestop-message-box__message{margin-left:0}.onestop-message-box--center .onestop-message-box__btns,.onestop-message-box--center .onestop-message-box__content{text-align:center}.onestop-message-box--center .onestop-message-box__content{padding-left:27px;padding-right:27px}.msgbox-fade-enter-active{-webkit-animation:msgbox-fade-in .3s;animation:msgbox-fade-in .3s}.msgbox-fade-leave-active{-webkit-animation:msgbox-fade-out .3s;animation:msgbox-fade-out .3s}@-webkit-keyframes msgbox-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes msgbox-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes msgbox-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}@keyframes msgbox-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}