.quick-left{ position:fixed; top:275px; right: 20px;  z-index: 99998;}
.quick-left li span{ display: block; width: 40px; height: 40px;}
.quick-left li{width: 40px;height: 40px; border: 1px solid #2A82E4;border-radius: 50%; margin-top: 22px;background: #fff;}
.quick-left li { position: relative; cursor: pointer;}
.quick-left li:hover .quick-left-div{ display: block;}
.quick-left li:hover {background: #2A82E4; border: 1px solid #ffffff;}
.quick-left-div{ text-align: center;color:#fff; font-size: 14px}
.quick-left-div{ position: absolute; background: url(../images/public/quick_left_div_bg.png); padding: 10px; right: 60px; display: none; border-radius: 5px; top: -55px; width: 100px; }
.quick-left-div:before {content: '';position: absolute;right: -20px;width: 0;height: 0;border: transparent solid 10px;border-left-color: #69ABF4;z-index:1;margin-left:-8px;top: 50%;margin-top: -12px; opacity: 0.6;}
.quick-left-div .content_shareIcon{ float: none;width: 146px;height: 35px;}
.quick-left li.icon1 span{ background:url(../images/public/quick_icon1_1.png) no-repeat center}
.quick-left li.icon2 span{ background:url(../images/public/quick_icon2_1.png) no-repeat center}
.quick-left li.icon3 span{ background:url(../images/public/quick_icon3_1.png) no-repeat center}
.quick-left li.icon4 span{ background:url(../images/public/quick_icon4_1.png) no-repeat center}

.quick-left li:hover.icon1 span{ background:url(../images/public/quick_icon1_2.png) no-repeat center}
.quick-left li:hover.icon2 span{ background:url(../images/public/quick_icon2_2.png) no-repeat center}
.quick-left li:hover.icon3 span{ background:url(../images/public/quick_icon3_2.png) no-repeat center}
.quick-left li:hover.icon4 span{ background:url(../images/public/quick_icon4_2.png) no-repeat center}

.quick-left-div img{ width:100px}