.public-tools .haibao-btn {
    margin-bottom: 10px;
    border-radius: 8px;
    color: #EA2B37;
}



.public-tools {
	position: fixed;
	bottom: 20px;
	left: 10px;
	z-index: 999;
	height: 380px;	
}
.public-tools li{
	display: block;
	width: 100%;
	font-size: 12px;
	box-sizing: border-box;
	padding: 5px 10px;
	cursor: pointer;
	position: relative;
	background: #FFF;
}

.public-tools li .leftlayer{display: none; position: absolute; width: 220px; height: 300px; right: -229px; top: 0; }
.public-tools li:hover{background: #F9F9F9;}
.public-tools li:hover .leftlayer{display: block}
.public-tools li .leftlayer .leftlayercon{
	position: relative;
	width: 200px;
	height: 100%;
	display: block;
	background: #FFF;
	-webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
	border-radius: 8px;	
	-webkit-box-shadow: 0px 0px 20px rgba(100, 100, 100, .1);
	-moz-box-shadow: 0px 0px 20px rgba(100, 100, 100, .1);
	-ms-box-shadow: 0px 0px 20px rgba(100, 100, 100, .1);
	-o-box-shadow: 0px 0px 20px rgba(100, 100, 100, .1);
	box-shadow: 0px 0px 20px rgba(100, 100, 100, .1);
}
.public-tools li .triangle{position: absolute; right: -10px;
	    width:0px; 
        height:0px; 
        border-bottom:10px solid transparent; 
        border-top:10px solid transparent; 
        border-left:10px solid #FFF; 
        font-size:0px; 
        line-height:0px;
}
.public-tools li .qqtopbox{background: #6B9CFF; height: 95px; margin: 0 auto; display: block; padding-left: 80px; position: relative;
    -webkit-border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    -ms-border-radius: 8px 8px 0 0;
    -o-border-radius: 8px 8px 0 0;
	border-radius: 8px 8px 0 0;
}
.public-tools li .qqtopbox img{display: block;position: absolute; left: 12px; bottom: 0px; width: auto; height: 80%;}
.public-tools li .qqtopbox p{color: #A9C7FF; font-size: 12px; padding-top:30%;}
.public-tools li .qqtopbox h6{color: #FFF; font-size: 16px;}
.qqtel400{
			width: 110px;
			height: 15px;
			display: inline-block;
			font-size: 0;
			vertical-align: bottom;
			background: url(../images/qqtel400.png) no-repeat center center;
}
.public-tools li .qqlistbox{display: block; padding: 0px 0px 0 50px; margin: 15px 15px 0 15px; position: relative;}
.public-tools li .qqlistbox dt{position: absolute; left: 0px; top: 0px;}
.public-tools li .qqlistbox dd{}
.public-tools li .qqlistbox p{color: #A9C7FF; font-size: 12px;}
.public-tools li .qqlistbox p a{display: inline-block; float: right;background: #6B9CFF; padding: 0 3px; color: #FFF;
-webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
	border-radius: 2px;	
}
.public-tools li .qqlistbox p a:hover{background: #e00b0b;}
.public-tools li .qqlistbox h6{color: #333; font-size: 14px; line-height: 180%;}
.public-tools li  .rwmbox{padding: 20px; text-align: center;}
.public-tools li  .rwmbox p{color: #888; font-size: 14px; line-height: 160%;}
.public-tools li  .rwmbox h5{color: #333; font-size: 22px; font-weight: 400; line-height: 200%;}
.public-tools li  .rwmbox .rwmimg{text-align: center; margin:0 auto; padding: 20px 0;}
.public-tools li  .rwmbox .rwmimg img{width: 120px; height: 120px; display: block; margin:0 auto;}
.public-tools li .img{
	display: block;
	margin: 0 auto 5px auto;
	background: #FFF;
	width: 42px;
	height: 42px;
	text-align: center;
	border: 1px solid #F5F5F5;
	-webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
	border-radius: 50px;	
}
.public-tools li .img img{max-width: 22px;	max-height: 22px; display: block; margin: auto;}
.public-tools li.qqicobut{color: #6B9CFF;
    -webkit-border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    -ms-border-radius: 8px 8px 0 0;
    -o-border-radius: 8px 8px 0 0;
	border-radius: 8px 8px 0 0;
	-webkit-box-shadow: 0px 0px 20px rgba(100, 100, 100, .1);
	-moz-box-shadow: 0px 0px 20px rgba(100, 100, 100, .1);
	-ms-box-shadow: 0px 0px 20px rgba(100, 100, 100, .1);
	-o-box-shadow: 0px 0px 20px rgba(100, 100, 100, .1);
	box-shadow: 0px 0px 20px rgba(100, 100, 100, .1);
}
.public-tools li.qqicobut .img{	
	border: none;
	background: #6B9CFF;
}
.public-tools li.qqicobut .triangle{border-left:10px solid #6B9CFF; top: 20px;}
.public-tools li.wxicobut{color: #3AC954;
	-webkit-box-shadow: 0px 0px 20px rgba(100, 100, 100, .1);
	-moz-box-shadow: 0px 0px 20px rgba(100, 100, 100, .1);
	-ms-box-shadow: 0px 0px 20px rgba(100, 100, 100, .1);
	-o-box-shadow: 0px 0px 20px rgba(100, 100, 100, .1);
	box-shadow: 0px 0px 20px rgba(100, 100, 100, .1);}
.public-tools li.wxicobut .img{	
	border: none;
	background: #3AC954;
}
.public-tools li.wxicobut .leftlayer{top: -75px;}
.public-tools li.wxicobut .img img{max-width: 28px;	max-height: 28px;}
.public-tools li.wxicobut .triangle{top: 95px;}
.public-tools li.hzicobut{color: #1c4692;
    -webkit-border-radius: 0 0 8px 8px;
    -moz-border-radius: 0 0 8px 8px;
    -ms-border-radius: 0 0 8px 8px;
    -o-border-radius: 0 0 8px 8px;
	border-radius: 0 0 8px 8px;
	-webkit-box-shadow: 0px 0px 20px rgba(100, 100, 100, .1);
	-moz-box-shadow: 0px 0px 20px rgba(100, 100, 100, .1);
	-ms-box-shadow: 0px 0px 20px rgba(100, 100, 100, .1);
	-o-box-shadow: 0px 0px 20px rgba(100, 100, 100, .1);
	box-shadow: 0px 0px 20px rgba(100, 100, 100, .1);
}
.public-tools li.hzicobut .img{	
	border: none;
	background: #1c4692;
}
.public-tools li.hzicobut .leftlayer{top: -149px;}
.public-tools li.hzicobut .triangle{top: 165px;}
.public-tools li.topicobut{color: #666; z-index: 1; margin-top: 4px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 0px 10px 20px rgba(100, 100, 100, .1);
	-moz-box-shadow: 0px 10px 20px rgba(100, 100, 100, .1);
	-ms-box-shadow: 0px 10px 20px rgba(100, 100, 100, .1);
	-o-box-shadow: 0px 10px 20px rgba(100, 100, 100, .1);
	box-shadow: 0px 10px 20px rgba(100, 100, 100, .1);
}
.public-tools li .img span{
	display: table-cell;
    vertical-align: middle;
    width: 42px;
    height: 42px;
    box-sizing: border-box;
}

.public-tools li em {
	margin: 0;
	font-size: 12px;
	line-height: 17px;
}
.qw{max-width:120px;max-height:120px;}

@media (max-width: 768px) {

.public-tools li .img{width:25px;height:25px;}
.public-tools li .img img{margin-top: -16px;max-width: 15px;max-height: 15px;}
.public-tools li{
	font-size: 8px;
	padding: 5px 6px;
}

}