@charset "UTF-8";


.QQFloat_02{position: fixed;right: .8rem;top: 0;bottom: 0;margin: auto;height: 184px;z-index: 1;}
.QQFloat_02 li{ position:relative;; width: 50px;  height: 50px; border-radius:50%; background: #fff; margin-bottom:17px; transition: all 0.6s;  }
.QQFloat_02 li.qq_02 {background: #fff url("../images/QQFloat_02_qq.png") no-repeat center center;}
.QQFloat_02 li.phone_02 {background: #fff url("../images/QQFloat_02_phone.png") no-repeat center center;}
.QQFloat_02 li.wx_02 {background: #fff url("../images/QQFloat_02_wx.png") no-repeat center center;}
.QQFloat_02 li.top_02 {background: #08c url("../images/QQFloat_02_top.png") no-repeat center center;}

.QQFloat_02 li:hover.qq_02 {background: #08c url("../images/QQFloat_02_qq_on.png") no-repeat center center;}
.QQFloat_02 li:hover.phone_02 {background: #08c url("../images/QQFloat_02_phone_on.png") no-repeat center center;}
.QQFloat_02 li:hover.wx_02 {background: #08c url("../images/QQFloat_02_wx_on.png") no-repeat center center;}


.QQFloat_02 li.phone_02 .phone_02_tel{ position:absolute; right: -360px; top: 0px; z-index: -1;  border:1px solid #ddd; width:260px;  height: 50px;  margin: 0px 0px 0px 0px; ;transition: all 0.6s; 
 font-size: 18px; color:#000 ; line-height: 50px; font-weight:normal;text-align: left;border-radius:50px; text-indent: 20px; }
.QQFloat_02 li:hover.phone_02 .phone_02_tel{right: 0px; background:#fff }

.QQFloat_02 li.wx_02 img{ position:absolute; right: -360px; top: -29px; z-index: -1;transition: all 0.6s;  }
.QQFloat_02 li:hover.wx_02 img{right: 75px;  }