.toolPanel {
	position: relative;
	z-index: 900;
}

.toolPanel .toolGroup {
	position: fixed;
	top: 215px;
	right: 0;
}

.toolPanel .toolGroup .icon {
	display: block;
	margin-left: auto;
	margin-bottom: 1px;
	width: 44px;
	height: 44px;
	line-height: 44px;
	overflow: hidden;
	-moz-transition: all .4s linear;
	-webkit-transition: all 04s linear;
	-o-transition: all .4s linear;
	transition: all .4s linear;
}

.toolPanel .toolGroup a:link {
	color: #FFF;
}

.toolPanel .toolGroup a:visited {
	color: #FFF;
	text-decoration: none;
}

.toolPanel .toolGroup a:hover {
	color: #FFF;
	text-decoration: none;
}

.toolPanel .toolGroup a:active {
	color: #FFF;
}

.toolPanel .toolGroup .driveIcon {
	background: url("image/tool_icon.png") no-repeat 0 0;
	background-color: rgba(0, 0, 0, 0.8);
	background-color: #000\9;
}

.toolPanel .toolGroup .driveIcon:hover {
	width: 120px;
	background-color: #0065b3;
}

.toolPanel .toolGroup .driveIcon .title {
	margin-left: 44px;
	width: 300px;
}

.toolPanel .toolGroup .phoneIcon {
	background: url("./image/tool_icon.png") no-repeat 0 -44px;
	background-color: rgba(0, 0, 0, 0.8);
	background-color: #000\9;
}

.toolPanel .toolGroup .phoneIcon:hover {
	width: 214px;
	background-color: #0065b3;
}

.toolPanel .toolGroup .phoneIcon .title {
	margin-left: 44px;
    width: 300px;
    cursor: default;
    line-height: 18px;
    font-size: 12px;
    padding-top: 4px;
}

.toolPanel .toolGroup .boxIcon {
	background: url("image/tool_icon.png") no-repeat 0 -88px;
	background-color: rgba(0, 0, 0, 0.8);
	background-color: #000\9;
}

.toolPanel .toolGroup .boxIcon:hover {
	width: 100px;
	background-color: #0065b3;
}

.toolPanel .toolGroup .boxIcon .title {
	margin-left: 44px;
	width: 300px;
}

.toolPanel .toolGroup .codeIcon {
	position: relative;
}

.toolPanel .toolGroup .codeIcon .innerIcon {
	position: absolute;
	right: 0;
	width: 44px;
	height: 44px;
	background: url("image/tool_wx.png") no-repeat right -132px;
	background-color: rgba(0, 0, 0, 0.8);
	background-color: #000\9;
	cursor: pointer;
}

.toolPanel .toolGroup .codeIcon .arrow {
	position: absolute;
	width: 4px;
	height: 44px;
	right: 44px;
	background: url("image/toolArrow.png") no-repeat left center;
}

.toolPanel .toolGroup .codeIcon:hover {
	width: 48px;
}

.toolPanel .toolGroup .codeIcon:hover .innerIcon {
	background-color: #0065b3;
	-moz-transition: all .3s linear;
	-webkit-transition: all 03s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
}

.toolPanel .toolGroup .marketingIcon {
	background: url("image/marketingIcon.png") no-repeat 0 0;
	background-color: rgba(0, 0, 0, 0.8);
	background-color: #000\9;
}

.toolPanel .toolGroup .marketingIcon:hover {
	width: 120px;
	background-color: #0065b3;
}

.toolPanel .toolGroup .marketingIcon .title {
	margin-left: 44px;
	width: 300px;
}

.toolPanel .toolGroup .marketingIcon .title .bias {
	margin-left: 12px;
	margin-right: 12px;
	color: #fff;
}

.toolPanel .toolGroup .marketingIcon .title a:hover {
	color: #00c9ff;
}

.toolPanel .toolGroup .shareIcon {
	position: relative;
	background: url("image/tool_icon.png") no-repeat right -176px;
	background-color: rgba(0, 0, 0, 0.8);
	background-color: #000\9;
	cursor: pointer;
}

.toolPanel .toolGroup .shareIcon:hover {
	width: 176px;
	background-color: #0065b3;
}

.toolPanel .toolGroup .shareIcon .sharePanel {
	position: absolute;
	right: 44px;
	width: 132px;
}

.toolPanel .toolGroup .shareIcon .sharePanel li {
	float: left;
	width: 44px;
	height: 44px;
	-moz-transition: all .3s linear;
	-webkit-transition: all 03s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
}

.toolPanel .toolGroup .shareIcon .sharePanel li:hover {
	background-color: #6d9ac3;
}

.toolPanel .toolGroup .shareIcon .sharePanel .qq {
	background: url("image/tool_share_icon.png") no-repeat 0 0;
}

.toolPanel .toolGroup .shareIcon .sharePanel .qqkongjian {
	background: url("image/tool_share_icon.png") no-repeat -44px 0;
}

.toolPanel .toolGroup .shareIcon .sharePanel .weibo {
	background: url("image/tool_share_icon.png") no-repeat -88px 0;
}

.toolPanel .toolGroup .tmallIcon {
	background: url("image/tool_icon.png") no-repeat 0 -220px;
	background-color: rgba(0, 0, 0, 0.8);
	background-color: #000\9;
}

.toolPanel .toolGroup .robotIcon {
	background: url("image/robot1.png") no-repeat 0 0;
	background-color: rgba(0, 0, 0, 0.8);
	background-color: #000\9;
}

.toolPanel .toolGroup .tmallIcon:hover {
	background-color: #0066b3;
}

.toolPanel .toolGroup .robotIcon:hover {
	background: url("image/robot2.jpg") no-repeat 0 0;
	background-color: #000\9;
}

.toolPanel .codePanel {
	position: fixed;
	display: none;
	opacity: 0;
	right: 100px;
	top: 140px;
	padding: 20px 30px 0 30px;
	height: 210px;
	background-color: #0066b3;
	overflow: hidden;
}

.toolPanel .codePanel li {
	float: left;
	margin-left: 4px;
	margin-right: 4px;
}

.toolPanel .codePanel .codeTitle {
	margin-bottom: 8px;
	color: #FFF;
	text-align: center;
}