.tips-wrap{position:fixed;left:50%;top:-50%;-ms-transform:translateX(-50%);transform:translateX(-50%);text-align:center;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;width:80%;max-width:768px;z-index:999}@keyframes tips-down{0%{top:-50%}100%{top:20px}}@keyframes tips-up{0%{top:20px}100%{top:-50%}}.tips-wrap .wrap-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:center;align-content:center;padding:6px 16px;border-radius:5px;color:#666;background-color:#fff;box-shadow:0 0 10px 0 rgba(0,0,0,.5)}.tips-wrap .wrap-content .icon{margin-right:6px}.tips-wrap .icon-success{color:#00a854}.tips-wrap .icon-warn{color:#efec16}.tips-wrap .icon-fail{color:#e4393c}.tips-wrap .icon-smile{color:#1d85df}.tips-wrap.tips-down{animation:tips-down .35s ease 1 forwards normal}.tips-wrap.tips-up{animation:tips-up .35s ease 1 forwards normal}