@charset "UTF-8";

/*  左侧浮动 样式二 S  */
.QQFloat_030{position: fixed;right: .8rem;top: 0;bottom: 0;margin: auto;height: 178px;z-index: 1;/* padding: 20px 0; *//* margin: 20px 0; */}
.QQFloat_030 li{position:relative;width: 53px;height: 60px;/* border-radius:50%; */background:  rgba(0, 0, 0, 0.30);/* margin-bottom: 0px; */transition: all 0.6s;text-align:center;}

.QQFloat_030 li>span {
    color: #fff;
    font-size: 24px;
    padding: 12px 0 0 0;
    display: block;
}

.QQFloat_030 li>font{color: #fff;font-size: 12px;line-height: 20px;}

.QQFloat_030 li:hover {/* background: #08c; */}

.QQFloat_030 li.phone_030 .phone_030_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_030 li:hover.phone_030 .phone_030_tel{right: 0px; background:#fff }

.QQFloat_030 li.wx_030 img{ position:absolute; right: -360px; top: -29px; z-index: -1;transition: all 0.6s;  }
.QQFloat_030 li:hover.wx_030 img{right: 75px;  }
/*  左侧浮动 样式二 E  */