.kefu { display: block; position: fixed; width: 60px; bottom:100px; right:0; margin-top: -180px; z-index: 100; }

.kefu ul li { display: block; position: relative; width: 60px; height: 60px; float: right; clear: both; background-color: #1c86ee; transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; }

.kefu ul li.list6 { background-color: #1f212e; }

.kefu ul li.line { width: 60px; height: 1px; background-color: #fff; }

.kefu ul li { width: 195px; margin-right: -135px; }

.kefu ul li.w60:hover { width: 70px; margin-right: 0; }

.kefu ul li:last-child { border-bottom: none; }

.kefu ul li.list3 { width: 300px; margin-right: -240px; }

.kefu ul li a { display: block; float: left; width: 56px; height: 56px; margin: 2px; float: left; transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; }

.kefu ul li.list4 a, .kefu ul li.list6 a { width: 60px; height: 60px; margin: 0; }

.kefu ul li span { display: block; float: left; width: 126px; height: 60px; line-height: 60px; text-align: center; color: #fff; font-size: 16px; }

.kefu ul li .qq-group { display: block; width: 240px; float: left; }

.kefu ul li a i { display: block; margin: 0px auto; padding: 4px 0; width: 31px; height: 33px; margin-top:3px;}

.kefu ul li p { text-align: center; font-size: 12px; color: #fff; line-height: 1; }

.kefu ul li.list6 a i { padding-top: 18px; margin-top:10px; }

.kefu ul li.list1 i { background: url(zx_icon.png) no-repeat center; }

.kefu ul li.list2 i { background: url(dh_icon.png) no-repeat center; }

.kefu ul li.list3 i { background: url(qq_icon2.png) no-repeat center; }

.kefu ul li.list4 i { background: url(wx_icon2.png) no-repeat center; }

.kefu ul li.list5 i { background: url(addr_icon2.png) no-repeat center; }

.kefu ul li.list6 i { background: url(top_icon.png) no-repeat center; }

.kefu ul li.list1:hover i { background: url(zx_icon_on.png) no-repeat center; }

.kefu ul li.list2:hover i { background: url(dh_icon_on.png) no-repeat center; }

.kefu ul li.list3:hover i { background: url(qq_icon2_on.png) no-repeat center; }

.kefu ul li.list5:hover i { background: url(addr_icon2_on.png) no-repeat center; }

.kefu ul li:hover a { background-color: #fff; }

.kefu ul li:hover a p { color: #1c86ee; }

.kefu ul li.list4:hover a { background-color: #1c86ee; width: 70px; }

.kefu ul li.list6:hover a { background-color: #3d3f4b; width: 70px; }

.kefu ul li.list4:hover a p { color: #fff; }

.kefu ul li.list4 a { position: relative; z-index: 20; }

.kefu ul li:hover { margin-right: 0; width: 195px; }

.wx-ewm { display: none; width: 123px; height: 121px; border: 1px solid #c7c7c7; position: absolute; left:-138px; top:-30px; }

.wx-ewm img { display: block; width: 123px; height: 121px; }

.kefu ul li.list4 i.arrow { display: block; position: absolute; width: 0px; height: 0px; border: 10px solid transparent; border-left: 10px solid #c7c7c7; right:-20px; top:50px; background: none; }