.floating_ck{position:fixed;right:20px;top:30%;z-index: 9999; font-size: 14px; border-radius: 5px;} .floating_ck dl dd{transition: all 0.3s; position:relative;width:80px;height:80px;background-color:#f2f2f2;border-bottom:solid 1px #dddddd;text-align:center;background-repeat:no-repeat;background-position:center 20%;cursor:pointer;} .floating_ck dl dd:hover{background-color:#2b9d32;border-bottom:solid 1px #dddddd; } .floating_ck dl dd:hover .floating_left{display:block;} .consult,.words{background-image:url(./icon0701/zxicon.png);} .quote{background-image:url(./icon0701/kficon.png);} .qrcord{background-image:url(./icon0701/erweima.png);} .return{background-image:url(./icon0701/fanhui.png);} .consult:hover,.words:hover{background-image:url(./icon0702/zxicon.png);} .quote:hover{background-image:url(./icon0702/kficon.png);} .qrcord:hover{background-image:url(./icon0702/erweima.png);} .return:hover{background-image:url(./icon0702/fanhui.png);} .floating_ck dl dd:nth-child(0) { border-radius: 10px 10px 0 0; background: #ff0; } .floating_ck dl dd:last-child { border-radius: 0 0 10px 10px; } .floating_ck dd span{color:#555555;display:block;padding-top:54px;} .floating_ck dd:hover span{color:#fff;} .floating_left{position:absolute;left:-160px;top:0px;width:160px;height:80px;background-color:#2b9d32;border-bottom:solid 1px #dddddd;display:none;} .floating_left a{color:#fff;line-height:80px;} .floating_ewm{height:200px;top:-120px;} .floating_ewm i{display:block;width:145px;height:145px;margin:auto;margin-top:7px; background:url(weixin.jpg) center no-repeat;background-size: 100% 100%} .floating_ewm p{color:#fff;margin-top:5px;}