.ser_online{position: fixed;top: 35%;z-index: 99;right: 10px;color: #fff;width: 40px;overflow: hidden;border-radius: 5px 0 0 5px;}
.ser_online p{margin-bottom: 3px;}
.ser_online a{color: #fff;font-size: 22px;padding: 5px 8px;display:block;z-index: 99;border-radius: 25px;text-align: center;}
.ser_online a:hover{color: #fff;opacity: 0.8;}
.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 span a{color: #fff;font-size: 16px;padding: 0;    text-decoration: none;}
.ser_online p:hover span{right: 50px;opacity:1;z-index: -1;}

.totop{width:40px; height:40px; position:fixed;background:rgba(51,51,51,0.6) url(../images/top.png) no-repeat ;}