@charset "UTF-8";

/*  左侧浮动 样式二 S  */
.QQFloat_02{position: fixed;right: 0.5rem;top: 0;bottom: 0;margin: auto;height: 184px;z-index: 1;}
.QQFloat_02 li{/* padding: 7px 0 0 0; */position:relative;width: 80px;height: 80px;border-radius: 5px;margin-bottom:17px;transition: all 0.6s;/* background: ##0067D0; */;text-align: center}
.QQFloat_02 li.qq_02 {background: #0067D0 url("../images/QQFloat_07_qq.png") no-repeat center 20px ;}
.QQFloat_02 li.phone_02 {text-align: center;background: #0067D0 url("../images/QQFloat_07_phone.png") no-repeat center 20px ;}
.QQFloat_02 li.wx_02 {background: #0067D0 url("../images/QQFloat_07_wx.png") no-repeat center 20px ;}
.QQFloat_02 li.top_02 {background: #0067D0 url("../images/QQFloat_07_top.png") no-repeat center 20px ;}

/*.QQFloat_02 li:hover.qq_02 {background:  url("../images/QQFloat_07_qq_on.png") no-repeat center center;}
.QQFloat_02 li:hover.phone_02 {background:  url("../images/QQFloat_07_phone_on.png") no-repeat center center;}
.QQFloat_02 li:hover.wx_02 {background:  url("../images/QQFloat_07_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;  }

.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;  }


.QQFloat_02 li span{color: #fff;
    position: relative;
    top: 57px;
}





/*  左侧浮动 样式二 E  */