.ser_online{position: fixed;top: 25%;z-index: 99;right: 0;background-color: #0ab3a3;color: #fff;width: 40px;overflow: hidden;border-radius: 5px 0 0 5px;}
.ser_online p{margin: 0;}
.ser_online a{color: #fff;font-size: 18px;padding: 7px 14px;display:block;z-index: 99;}
.ser_online a:hover{color: #ff9e16;}
.ser_online span{position: fixed;background-color: #222;padding: 10px;border-radius: 5px;margin-top: -35px;right: -75px;opacity:0;z-index: -1;transition: 0.5s;-webkit-transition: 0.5s;}
.ser_online p:hover span{right: 50px;opacity:1;z-index: -1;}

.totop{width:46px; height:46px; position:fixed; right:30px; bottom:80px; z-index:9999; display:none; background:rgba(51,51,51,0.6) url(../images/tops.png) no-repeat ;-moz-transition: all 0.5s;-o-transition: all 0.5s;-webkit-transition: all 0.5s;transition: all 0.5s; border-radius:5px;}
.totop:hover{background:#333333 url(../images/tops.png) no-repeat ;}