.content[data-v-5429ce1e]{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;position:absolute;top:0;left:0;width:100%;height:100%}.banner[data-v-5429ce1e]{background:#eb5d72;font-size:1.14286rem;font-weight:500;color:#fff;height:45px;position:relative}.banner .hiphophu-icon[data-v-5429ce1e]{margin-right:10px}.banner.v-enter-active[data-v-5429ce1e],.banner.v-leave-active[data-v-5429ce1e]{overflow:hidden}.banner.v-enter-active[data-v-5429ce1e]{-webkit-transition:height .15s ease-out;transition:height .15s ease-out}.banner.v-enter-active .hiphophu-icon[data-v-5429ce1e]{-webkit-animation:icon-data-v-5429ce1e .5s;animation:icon-data-v-5429ce1e .5s}.banner.v-leave-active[data-v-5429ce1e]{-webkit-transition:height .15s ease-out .85s,background .15s;transition:height .15s ease-out .85s,background .15s}.banner.v-leave-active .disconnected[data-v-5429ce1e]{-webkit-animation:slide-to-bottom-data-v-5429ce1e .15s forwards;animation:slide-to-bottom-data-v-5429ce1e .15s forwards}.banner.v-leave-active .connected[data-v-5429ce1e]{-webkit-animation:slide-from-top-data-v-5429ce1e .15s;animation:slide-from-top-data-v-5429ce1e .15s}.banner:not(.v-leave-active) .connected[data-v-5429ce1e]{display:none}.banner.v-enter[data-v-5429ce1e],.banner.v-leave-to[data-v-5429ce1e]{height:0}.banner.v-leave-to[data-v-5429ce1e]{background:#689f38}@-webkit-keyframes icon-data-v-5429ce1e{0%{-webkit-transform:scale(.8);transform:scale(.8);opacity:0}30%{-webkit-transform:scale(.8);transform:scale(.8);opacity:1}50%{-webkit-transform:scale(1.3);transform:scale(1.3)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes icon-data-v-5429ce1e{0%{-webkit-transform:scale(.8);transform:scale(.8);opacity:0}30%{-webkit-transform:scale(.8);transform:scale(.8);opacity:1}50%{-webkit-transform:scale(1.3);transform:scale(1.3)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes slide-to-bottom-data-v-5429ce1e{0%{-webkit-transform:none;transform:none;opacity:1}to{-webkit-transform:translateY(45px);transform:translateY(45px);opacity:0}}@keyframes slide-to-bottom-data-v-5429ce1e{0%{-webkit-transform:none;transform:none;opacity:1}to{-webkit-transform:translateY(45px);transform:translateY(45px);opacity:0}}@-webkit-keyframes slide-from-top-data-v-5429ce1e{0%{-webkit-transform:translateY(-45px);transform:translateY(-45px);opacity:0}to{-webkit-transform:none;transform:none;opacity:1}}@keyframes slide-from-top-data-v-5429ce1e{0%{-webkit-transform:translateY(-45px);transform:translateY(-45px);opacity:0}to{-webkit-transform:none;transform:none;opacity:1}}