.online{position:fixed; right: 0; margin-right:1px; bottom:10px; padding-bottom:200px; z-index:999; }
.online .btn{width:45px; height:45px; margin-bottom:1px; cursor:pointer; position:relative; border-radius: 0; border: 0;}
.online .btn-online{ display: block;}
.online .btn-online:hover{}
.online .btn-online .online-list{ position:absolute; width:180px; left:-180px; top:0px; display:none;}
.online .btn-online .online-list ul li{ text-align: left; padding-left: 20px; padding-top: 15px;}
.online .btn-online .online-list ul li:before { content: '\f007'; color: #FFFFFF; position: relative; top: 0; margin-right: 10px; font-size: 12px; font-family: "FontAwesome"; }
.online .btn-online .online-list ul li a{ color: #FFFFFF; text-decoration: none;}
.online .btn-online .online-list ul li a:hover{}
.online .btn-skype{ background-image: url(../images/online.png); background-position: left 0px; background-repeat: no-repeat;}
.online .btn-skype .online-list{ background-color: #00AFF0;}
.online .btn-msn{ background-image: url(../images/online.png); background-position: left -47px; background-repeat: no-repeat;}
.online .btn-msn .online-list{ background-color: #29a61a;}
.online .btn-alww{ background-image: url(../images/online.png); background-position: left -94px; background-repeat: no-repeat;}
.online .btn-alww .online-list{ background-color: #009EFF;}
.online .btn-yahoo{ background-image: url(../images/online.png); background-position: left -141px; background-repeat: no-repeat;}
.online .btn-yahoo .online-list{ background-color: #01bc0d;}
.online .btn-qq{ background-image: url(../images/online.png); background-position: left -188px; background-repeat: no-repeat;}
.online .btn-qq .online-list{ background-color: #3299DC;}
.online .btn-alww-i{ background-image: url(../images/online.png); background-position: left -235px; background-repeat: no-repeat;}
.online .btn-alww-i .online-list{ background-color: #fe6700;}
.online .btn-feedback{ background-image: url(../images/online.png); background-position: left -94px; background-repeat: no-repeat;}
.online .btn-top{ background-image: url(../images/online.png); background-position: left bottom; background-repeat: no-repeat; display:none;}
.online .btn-top:hover{}

@media (max-width: 767px) {
.online{ display: none;}