.toolbar {
	position: fixed;
	right: 0;
	bottom: 50%;
	margin-bottom: -100px;
}


/*假设网页宽度为1200px，导航条在右侧悬浮*/

.toolbar-item {
	display: block;
	width: 50px;
	height: 50px;
	margin-top: 1px;
	position: relative;
	-moz-transition: background-position 1s;
	-ms-transition: background-position 1s;
	-o-moz-transition: background-position 1s;
	-webkit-moz-transition: background-position 1s;
	transition: background-position 1s;
}

.toolbar-item:hover .toolbar-layer {
	opacity: 1;
	filter: alpha(opacity=100);
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
}
.toolbar-item-phone {
	width:50px;
	height:50px;
	background:rgba(50,84,182,1);
	box-shadow:0px 2px 18px 0px rgba(31,110,186,0.18);
	border-radius:50px 50px 0px 0px;
	background:url(../img/icon_zaixiankefu.png) rgba(50,84,182,1) no-repeat center center;
}

.toolbar-item-phone:hover {
	
}
.toolbar-item-phone .toolbar-layer{
	margin-right: 5px;
	width:200px;
	height:50px;
	background:rgba(255,255,255,1);
	box-shadow:0px 2px 18px 0px rgba(31,110,186,0.18);
	border-radius:50px 0 0 50px;
	font-size:16px;
	font-family:Microsoft YaHei;
	font-weight:400;
	color:rgba(51,51,51,1);
	line-height: 50px;
	text-align: center;
}
.toolbar-item-phone .toolbar-layer img{
	float: left;
	margin-left: 20px;
	display: block;
	margin-top: 12px;
}
.toolbar-item-phone .toolbar-layer span{
	float: left;
	margin-left: 20px;
	display: block;
}
.toolbar-item-weixin {
	width:50px;
	height:50px;
	background:rgba(50,84,182,1);
	box-shadow:0px 2px 18px 0px rgba(31,110,186,0.18);
	background:url(../img/icon_weixin.png) rgba(50,84,182,1) no-repeat center center;
}

.toolbar-item-weixin:hover {
	
}

.toolbar-item-weixin .toolbar-layer {
	margin-right: 10px;
	width:212px;
	height:200px;
	box-shadow:0px 2px 18px 0px rgba(31,110,186,0.18);
	border-radius:4px;
	background:url(../img/wxgz.png) rgba(255,255,255,1) no-repeat center center;
}

.toolbar-item-feedback {
	width:50px;
	height:50px;
	background:rgba(50,84,182,1);
	box-shadow:0px 2px 18px 0px rgba(31,110,186,0.18);
	background:url(../img/icon_dianhua.png) rgba(50,84,182,1) no-repeat center center;
}

.toolbar-item-feedback:hover {
}
.toolbar-item-feedback .toolbar-layer{
	/* margin-right: 20px;
	width:284px;
	height:420px;
	background:rgba(255,255,255,1);
	box-shadow:0px 2px 18px 0px rgba(31,110,186,0.18);
	border-radius:4px; */
	margin-right: 5px;
	width:200px;
	height:50px;
	background:rgba(255,255,255,1);
	box-shadow:0px 2px 18px 0px rgba(31,110,186,0.18);
	border-radius:50px 0 0 50px;
	font-size:16px;
	font-family:Microsoft YaHei;
	font-weight:400;
	color:rgba(51,51,51,1);
	line-height: 50px;
	text-align: center;
	top:0px;
}
.toolbar-item-feedback .toolbar-layer:after, .toolbar-item-feedback .toolbar-layer:before {
  /* border: solid transparent;
  content: ' ';
  height: 0;
  left: 100%;
  margin-top: 320px;
  position: absolute;
  width: 0; */
}

.toolbar-item-feedback .toolbar-layer:after {
 /* border-width: 9px;
  border-left-color: #FFFFFF;
  top: 0px; */
}

.toolbar-item-feedback .toolbar-layer:before {
  border-width: 14px;
  border-left-color: #FFFFFF;
  top: 0px;
}

.toolbar-item-top {
	width:50px;
	height:50px;
	/* background:rgba(50,84,182,1);
	box-shadow:0px 2px 18px 0px rgba(31,110,186,0.18);
	border-radius:0px 0px 50px 50px; */
	background:url(../images/top@2x.png) no-repeat center center;
}

.toolbar-item-top:hover {
	background:url(../images/top@2xH.png) no-repeat center center;
}
.toolbar-item-top .toolbar-layer{
	margin-right: 5px;
	width:100px;
	height:48px;
	background:rgba(255,255,255,1);
	box-shadow:-1px 1px 6px 0px rgba(0, 0, 0, 0.13);
	border-radius:4px 0 0 4px;
	font-size:16px;
	font-family:Microsoft YaHei;
	font-weight:400;
	color:rgba(51,51,51,1);
	line-height: 48px;
	text-align: center;
	top:2px;
}
.toolbar-item-top .toolbar-layer:before {
  border-width: 14px;
  border-left-color: #FFFFFF;
  top: 0px;
}

.toolbar-layer {
	position: absolute;
	right: 46px;
	bottom: -10px;
	width: 172px;
	opacity: 0;
	filter: alpha(opacity=0);
	transform-origin: 95% 95%;
	-moz-transform-origin: 95% 95%;
	-ms-transform-origin: 95% 95%;
	-o-transform-origin: 95% 95%;
	-webkit-transform-origin: 95% 95%;
	transform: scale(0.01);
	-moz-transform: scale(0.01);
	-ms-transform: scale(0.01);
	-o-transform: scale(0.01);
	-webkit-transform: scale(0.01);
	transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	-webkit-transition: all 1s;
}