.rightBar { position: fixed; top: 50%; margin-top: -270px; right: 2%; z-index: 99; }

.sideitem { position: relative; transition: all .4s; text-align: center; }
.sideitem .bx a { display: block; background: #60ca8c; padding-top: 10px; width: 120px; height: 110px; margin-top: 12px; box-shadow: 0 0 20px rgba(22, 138, 70, 0.5); }
.sideitem .bx a:hover { background: #4ac07b; }
.sideitem .bx a#goTopBtn { display: none; }
.sideitem i.icon { display: block; width: 58px; height: 48px; margin: 0 auto 10px; background-repeat: no-repeat; background-position: center 0; background-size: cover; }
.sideitem i.icon-1 { background-image: url(../images/icon-side-1.png); }
.sideitem i.icon-2 { background-image: url(../images/icon-side-2.png); }
.sideitem i.icon-3 { background-image: url(../images/icon-side-3.png); }
.sideitem i.icon-4 { background-image: url(../images/icon-side-4.png); }
.sideitem i.icon-5 { background-image: url(../images/icon-side-5.png); }
.sideitem .bx span { font-size: 18px; color: #fff; }
.sideitem .hoverbox { display: none; position: absolute; right: 120px; top: 0; }
.sideitem .hoverbox .swrap { background: #60ca8c; padding: 20px; border-radius: 2px; margin-right: 20px; position: relative; }
.sideitem .hoverbox .swrap p { color: #fff; font-size: 18px; min-width: 178px; }
.sideitem .hoverbox .swrap::before { content: ''; display: block; width: 10px; height: 24px; background: url(../images/icon-side-triangle.png) no-repeat; background-size: 100%; position: absolute; right: -10px; top: 50%; margin-top: -12px; }
.sideitem .hover-wx .swrap::before { top: 53px; margin-top: 0; }
.sideitem .hover-wx .swrap { padding-bottom: 0; }
.sideitem .hover-wx .swrap p { min-width: auto; padding: 3px 0; }
.sideitem.active .hoverbox { display: block; }

@media only screen and (max-width: 1600px) { .rightBar { margin-top: -190px; }
  .sideitem .bx a { height: 70px; width: 80px; margin-top: 6px; box-shadow: 0px 2px 10px rgba(22, 138, 70, 0.5); }
  .sideitem .bx span { font-size: 14px; }
  .sideitem i.icon { width: 40px; height: 33px; }
  .sideitem .hoverbox { right: 80px; }
  .sideitem .hoverbox .swrap { padding: 10px; margin-right: 10px; }
  .sideitem .hoverbox .swrap p { font-size: 14px; min-width: 159px; }
  .sideitem .hoverbox .swrap::before { width: 6px; height: 14px; right: -6px; margin-top: -7px; }
  .sideitem .hover-wx .swrap::before { top: 24px; margin-top: 0; }
  .sideitem .hover-wx .swrap { padding-bottom: 0; } }