﻿/*这是侧边栏的样式*/

.sidebar {
	position: fixed;
	right: 22px;
	/*top: 25%;*/
	bottom: 50px;
	z-index: 100;
	text-align: center;
}

.sidebar .logo-info {
	display: table-cell;
	vertical-align: middle;
}

.sidebar .img {
	display: table-cell;
	width: inherit;
	height: 68px;
	vertical-align: middle;
	text-align: center;
}

.sidebar>.logo {
	height: 52px;
}

.sidebar>a {
	display: block;
	position: relative;
	width: 68px;
	height: 68px;
	/*background-color: white;*/
	border: solid 0px #e4e4e4;
	text-decoration: none;
	font-size: 14px;
	font-family: "microsoft yahei";
	border-style: solid;
	border-width: 0px;
}

.sidebar>a+a {
	margin-top: 5px;
	
}

.sidebar .content {
	position: absolute;
	background-color: white;
	right: 77px;
	top: 0;
	border: solid 1px #39C2AC;
}

.sidebar .content>.title {
	padding: 10px 11px;
}

.sidebar .content>img {
	padding: 0px 9px 11px 9px;
}

.sidebar .content:after {
	position: absolute;
	content: '';
	width: 0;
	height: 0;
	right: -5px;
	top: 11px;
	border-left: 6px solid white;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
}

.sidebar .content:before {
	content: '';
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	right: -7px;
	top: 10px;
	border-left: 7px solid #39C2AC;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
}

.sidebar .hide {
	display: none;
}



.sidebar>a .desc{
	height: auto;
	width: auto;
	line-height: none;
	margin: -10px auto;
	
}

.sidebar>a:hover .desc {
	
	color: white;
}

.sidebar .sidebar1 {
	color: #ff6884;
	border-color:#ff6884 ;
}

.sidebar .sidebar1:hover {
	background-color: #ff6884;
}

.sidebar .sidebar1 .img {
	background: url('../images/sidebar1.png') no-repeat center;
}

.sidebar .sidebar1:hover .img {
	background: url('../images/sidebar1-hover.png') no-repeat center;
}

.sidebar .sidebar2 {
	color: #28baff;
	border-color:#28baff ;
}

.sidebar .sidebar2:hover {
	background-color: #28baff;
}

.sidebar .sidebar2 .img {
	background: url('../images/sidebar2.png') no-repeat center;
}

.sidebar .sidebar2:hover .img {
	background: url('../images/sidebar2-hover.png') no-repeat center;
}

.sidebar .sidebar3 {
	color: #4cd66c;
	border-color:#4cd66c ;
}

.sidebar .sidebar3:hover {
	background-color: #4cd66c;
}

.sidebar .sidebar3 .img {
	background: url('../images/sidebar3.png') no-repeat center
}

.sidebar .sidebar3:hover .img {
	background: url('../images/sidebar3-hover.png') no-repeat center
}

/*.sidebar .return-top {
	color: #ffa133;
	border-color:#ffa133 ;
}

.sidebar .return-top:hover {
	background-color: #ffa133;

}*/

.sidebar .return-top .img {
	background: url('/img/dingbu1.png') no-repeat center
}

.sidebar .return-top:hover .img {
	background: url('/img/dingbu.png') no-repeat center
}