.fixbanner {
  position: fixed;
  top: 53.7%;
  right: 30px;
  z-index: 9999999;
}
.fixbanner li {
  margin-top: 10px;
  position: relative;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 0;
  width: 40px;
  height: 40px;
}
.fixbanner li:hover {
  border: 1px solid #3bafda;
}
.fixbanner a {
  display: block;
  text-align:center;
  transition: opacity .6s ease-in-out; 
}

.fixbanner i {
  font-size: 26px; 
  line-height: 40px;
}
.fixbanner i:hover {
  color: #3bafda;
}
.topbtn {
  position: fixed;
  top: 80%;
  right: 35px;
  z-index: 9999999;
}
.topbtn li {
  margin-top: 10px;
  height: 30px;
}
.topbtn a {
  display: block;
  position: relative;
  width: 30px;
  height: 30px;
  background: #fff;
  border: 1px solid #ccc;
  transition: opacity .6s ease-in-out;
}
.topbtn a.disable {
  opacity: .6;
  cursor: default;
}
.topbtn a.disable:hover:before {
  border-top-color: #999;
  border-bottom-color: #999;
}
.topbtn a:before {
  transition: .3s ease-in-out;
}
.topbtn a:hover:before {
  border-top-color: #c80000;
  border-bottom-color: #c80000;
}
.topbtn .icon {
  position: absolute;
  font-size: 14px;
  padding:6px 0 0 7px;
}
.topbtn .icon:hover {
  color: #3bafda;
}
@keyframes swings {
  0% {right:120px;}
  100% {right:150px;}
}
@media screen and (max-width: 767px) {
.fixbanner {
  position: fixed;
  top: 53.5%;
  right: 2px;
  z-index: 9999999;
}
.fixbanner li {
  margin-top: 10px;
  position: relative;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 0;
  width: 30px;
  height: 30px;
}
.fixbanner i {
  font-size: 18px; 
  line-height: 30px;
}

.topbtn {display:none;}
}
  /* Tooltip */
  .pure-tooltip + .tooltip > .tooltip-inner {
    background-color: #fff; 
    color: #333; 
    border: 1px solid #ccc; 
    padding: 5px;
    font-size: 13px;
    max-width: 100%;
    width: 65px;
  }
  /* Tooltip on top */
  .pure-tooltip + .tooltip.top > .tooltip-arrow {
    border-top: 5px solid green;
  }
  /* Tooltip on bottom */
  .pure-tooltip + .tooltip.bottom > .tooltip-arrow {
    border-bottom: 5px solid blue;
  }
  /* Tooltip on left */
  .pure-tooltip + .tooltip.left > .tooltip-arrow {
    border-left: 5px solid #ccc;
  }
  /* Tooltip on right */
  .pure-tooltip + .tooltip.right > .tooltip-arrow {
    border-right: 5px solid black;
  }