.side-bar{width:7rem;padding:1rem 0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:0 0;position:fixed;top:50%;transform:translateY(-50%);right:0;z-index:1000}
.side-bar a { display:flex; width:4rem; height:3rem; background:#005cb9; justify-content:center; align-items:center; transition:all .3s;border-radius:2px; margin-bottom:.25rem;position:relative}
.side-bar a.toTop { background:#cc312e }
.side-bar a.toTop:hover i { color:#555 }
.side-bar a.toTop p i { color:#fff }
.side-bar a.toTop p em { color:#fff }
.side-bar a p { display:flex; width:70px; height:100%; flex-direction:column; justify-content:center; align-items:center; margin:0 }
.side-bar a p em { font-style:normal; font-size:.75rem;color:#fff; font-weight:500; margin-top:.25rem;line-height:.875rem;transition:all .3s ease}
.side-bar a i { color:#fff; font-size:1.25rem; line-height:1.25rem; transition:all .3s ease}
.ewm_show .ewm { height:auto; text-align:center }
.ewm_show .ewm img { width:8.25rem; display:block; margin:1rem auto .625rem}
.ewm_show .ewm i { display:block; font-size:.875rem;font-style:normal; margin-bottom:.5rem}
.side-bar a:hover { background-color:#ccc; color:#555 }
.side-bar a:hover em, .side-bar a:hover i { color:#555 }
.side-bar a:hover span { transform:translate(-100%, -50%); opacity:1 }
.side-bar a span { display:inline-block; height:3.75rem; line-height:3.75rem; text-align:center; white-space:nowrap; padding:0 1rem; background-color:#fff; border-radius:.63rem;color:#333; transition:all .8s;position:absolute; top:50%; left:0; transform:translate(100%, -50%); opacity:0; box-shadow:0 .13rem .75rem 0 rgba(0, 0, 0, .15)}
.side-bar a span:hover { color:#cc312e }
@media screen and (max-width:1024px) {
.side-bar {display:none;width:3rem;padding:.5rem 0}
.side-bar a {width:3rem;height:3rem;margin-bottom:.125rem}
.side-bar a p em {display:none}
.side-bar a span {display:none}
}