@charset "utf-8";
/* CSS Document */
.toolbar-item,.toolbar-layer{background:url(../images/toolbar.png) no-repeat;}
.toolbar{position:fixed;top:348px; right:40px; z-index:9}/*假设网页宽度为1200px，导航条在右侧悬浮*/
.toolbar-item{display:block;width:65px;height:89px;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-home{background-position:0 -725px;}
.toolbar-item-home:hover{background-position:0 -725px;}
.toolbar-item-app{background-position:0 -823px;}
.toolbar-item-app:hover{background-position:0 -923px;}
.toolbar-item-app .toolbar-layer{height:212px;background-position:0 -416px;}
.toolbar-item-weixin{background-position:0 -1021px;}
.toolbar-item-weixin:hover{background-position:0 -1121px;}
.toolbar-item-weixin .toolbar-layer{height:212px;background-position:0 0;}
.toolbar-item-feedback{background-position:0 -1221px;}
.toolbar-item-feedback:hover{background-position:0 -1321px;}

.toolbar-item-feedback .toolbar-layer{height:194px;background-position:0 -222px;}
.toolbar-item-top{background-position:0 -1418px;}
.toolbar-item-top:hover{background-position:0 -1518px;}
.toolbar-layer{position:absolute;right:65px;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;}

@media (max-width: 1024px) {
	.toolbar{right:0px; top:348px; right:0px; z-index:9}
}

/* sm */
@media (min-width: 768px) and (max-width: 991px) {
	.toolbar{display:none;}
}

/* xs */
@media (max-width: 768px) {
	.toolbar{display:none;}
}