.qq{position: fixed; bottom: 10%; right: 8px; z-index: 6;}
.qq .list{width: 54px;  background-color: #01538d; position: relative; border-radius: 5px;}
.qq .item{width: 54px; height: 54px; border-bottom: 1px solid #fff;}
.qq .item .icon{width: 100%; height: 100%; position: relative;}
.qq .item .icon img{position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100%;}
.qq .item .mask{position: absolute; right: 100%; top: -5px; background-color: #fff; padding: 6px; border-radius: 6px; transform: scale(0); border:1px solid #eee; min-height: 64px;}
.qq .item .tel{width: 140px;}
.qq .item .tel span{font-size: 16px; color: #333; line-height: 25px; display: block;}
.qq .item .mask2{position: absolute; right: 100%; top: 72px; background-color: #fff; padding: 6px; border-radius: 6px; transform: scale(0); border:1px solid #eee; min-height: 64px; }
.qq .item .mask3{position: absolute; right: 100%; top: 120px; background-color: #fff; padding: 6px; border-radius: 6px; transform: scale(0); border:1px solid #eee; min-height: 64px;}
.qq .item .QR{text-align: center; overflow: hidden; width: 120px}
.qq .item .QR img{width: 124px; height: 124px;}
.qq .item:hover {background-color: #1b7ec4;}
.qq .item:nth-child(1):hover{ border-radius: 5px 5px 0 0px; }
.qq .item:nth-child(4):hover{ border-radius: 0 0 5px 5px; }
.qq .item:hover .mask{transform: scale(1);}
.qq .item:hover .mask2{transform: scale(1);}
.qq .item:hover .mask3{transform: scale(1);}