/* CSS Document */


  
.btn-icon {
 position:fixed;
 right:20px;
 top:43%;
 z-index:99999
}
.btn-icon .qq-group {
 position:absolute;
 top:0;
 right:50px;
 width:0;
 overflow:hidden
}
.btn-icon .qq-group div {
 background:white;
 box-shadow:0px 0px 4px 0px rgba(161,161,161,0.58);
 border-radius:6px;
 padding:4px 10px
}
.btn-icon .qq-group div>img {
 margin-top:6px
}
.btn-icon .qq-group a {
 margin-top:6px;
 display:block;
 height:35px;
 line-height:35px;
 color:white;
 border-radius:4px
}
.btn-icon .qq-group a img {
 height:32px;
 vertical-align:middle;
 margin-left:6px
}
.btn-icon .qq-group a span {
 margin-left:10px
}
.btn-icon .qq-group a:first-child {
 background:#4587E8
}
.btn-icon .qq-group a:nth-child(2) {
 background:#2DACE7
}
.btn-icon>div {
 width:50px;
 height:50px;
 margin-bottom:15px;
 background:white;
 position:relative;
 box-shadow:0px 0px 4px 0px rgba(120,120,120,0.5)
}
.btn-icon>div>a {
 display:block;
 width:50px;
 height:50px;
 cursor:pointer
}
.tvservices {
 width:0;
 padding:0;
 font-size:14px;
 position:absolute;
 right:65px;
 top:4px;
 background:white;
 opacity:0;
 box-shadow:0px 0px 4px 0px rgba(120,120,120,0.5);
 overflow:hidden
}

.tvservices:after {
 display:block;
 content:'';
 width:12px;
 height:12px;
 background:white;
 position:absolute;
 left:195px;
 top:14px;
 -webkit-transform:rotate(45deg);
 z-index:2
}
.btn-icon>div:nth-child(1)>a {
 background:url(../png/icon1.png) no-repeat center center
}
.btn-icon>div:nth-child(1):hover>a {
 background:url(../png/icon1-b.png) no-repeat center center
}
.btn-icon>div:nth-child(1):hover .tvservices {
 width:200px;
 padding:10px;
 opacity:1;
 -webkit-transform:translateX(-5px);
 transform:translateX(-5px);
 -webkit-transition:transform ease 0.3s,opacity ease 0.3s;
 transition:transform ease 0.3s,opacity ease 0.3s;
 overflow:initial
}
.btn-icon>div:nth-child(2)>a {
 background:url(../png/icon2.png) no-repeat center center
}
.btn-icon>div:nth-child(2):hover>a {
 background:url(../png/icon2-b.png) no-repeat center center
}
.btn-icon>div:nth-child(2):hover .qq-group {
 width:140px;
 padding-right:10px;
 overflow:initial
}
.btn-icon>div:nth-child(3) {
 margin-bottom:0
}
.btn-icon>div:nth-child(3)>a {
 background:url(../png/icon3.png) no-repeat center center
}
.btn-icon>div:nth-child(3):hover>a {
 background:url(../png/icon3-b.png) no-repeat center center
}
.btn-icon>div:hover {
 background:#3C7BFF
}