.left .logo img:HOVER,.left .bar img:HOVER,.left .func div img:HOVER,.left_menu .cont div:HOVER,.left_menu .title span:HOVER
	{
	cursor: pointer;
}

.left {
	position: fixed;
	left: 0px;
	top: 0px;
	height: 100%;
	width: 61px;
	z-index: 9;
	background: #222222;
	/* border-right: 1px solid #E4E4E4; */
}

.left .logo {
	display: box;
	display: -webkit-box;
	display: -moz-box;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	display: -ms-flexbox;
	-ms-flex-pack: center;
}

.left .logo {
	margin: 10px 0px;
}

.left .logo img {
	width: 40px;
	height: 80px;
	display: block;
}

.left .bar {
	position: absolute;
	top: 50%;
	margin-top: -20px;
	left: 10px;
}

.left .bar img {
	width: 40px;
	height: 40px;
	display: block;
}

.left .func {
	position: absolute;
	bottom: 0px;
	left: 10px;
}

.left .func div {
	margin-bottom: 15px;
	border: 1px solid #E2E2E2;
	width: 40px;
	height: 40px;
	overflow: hidden;
	background: #222222;
	white-space: nowrap;
}

.left .func .phone span {
	font-size: 11pt;
	color: #777;
	position: relative;
	top: -13px;
	margin-left: 8px;
	white-space: nowrap;
}

.left .func div img {
	width: 40px;
	height: 40px;
	display: inline-block;
}

.left .func .Qrcode .left_QR {
	position: absolute;
	width: 180px;
	height: 180px;
	left: 51px;
	bottom: 0px;
	display: none;
}

.left_menu {
	position: fixed;
	height: 100%;
	width: 480px;
	top: 0px;
	left: -480px;
	z-index: 8;
	background: #444;
}

.left_menu>div {
	border-bottom: 1px solid #CACACA;
}

.left_menu .title {
	font-size: 16pt;
	color: #FFF;
	padding: 15px 0px 15px 20px;
}

.left_menu .cont div {
	font-size: 18px;
	color: #CACACA;
	padding: 18px 0px 18px 40px;
}


/* .left_QR {
	width: 180px;
	height: 180px;
	position: fixed;
	left: -180px;
	bottom: 0px;
	white-space: nowrap;
	z-index: 8;
}

.left_QR img {
	width: 180px;
	height: 180px;
	display: block;
} */