﻿.qqList {
	position:absolute;
	left:92px;
	z-index:1111;
	width:120px;
	height:auto;
	padding-bottom:10px;
	top:-170px;
	display:flex;
	padding-left:5px;
}
.qqList>img {
	position:absolute;
	top:-75px;
	width:82px;
	right:22px
}
.qqList>.closeQq {
	position:absolute;
	right:0;
	top:0;
	width:20px;
	height:20px;
	border-radius:50%;
	border:1px solid #999;
	color:#999;
	text-align:center;
	line-height:20px;
	cursor:pointer;
	background-color:#fff
}
.qqList .qqInfo {
	margin-top:10px;
	box-shadow:0 13px 32px 0 rgba(44, 44, 44, 0.17);
	background:#FFF;
	color:#000;
	border-radius:5px;
	width:120px
}
.qqList .qqInfo .qqCon {
	display:flex;
	background-color:#f5f5f5;
	flex-direction:column;
	align-items:center;
	position:relative
}
.qqList .qqInfo .infoTit {
	width:100%;
	width:100px;
	height:26px;
	line-height:26px;
	text-align:center;
	font-size:14px;
	margin:5px auto;
	font-weight:bold
}
.qqList .qqInfo a {
	display:block;
	width:100%
}
.qqList .qqInfo p {
	line-height:21px;
	color:#000;
	display:flex;
	align-items:center;
	padding:6px 0;
	padding-left:18px;
	font-size:12px;
	border-bottom:1px solid #fff
}
.qqList .qqInfo p img {
	display:inline-block;
	margin-right:10px
}
.qqList .qqInfo .letter {
	letter-spacing:0px
}
.qqList .qqInfo p:hover {
	background-color:#fff
}
.meau {
	position:fixed;
	width:80px;
	background-color:#4381ff;
	border-radius:3px;
	left:2px;
	top:50%;
	transform:translate(0, -50%);
	z-index:1111;
}
.meau ul {
	height:100%;
	width:100%;
	display:flex;
	justify-content:center;
	flex-direction:column;
	align-items:center
}
.meau ul li {
	width:100%;
	height:90px;
	padding:0 0px;
	position:relative
}
.meau ul li>a {
	display:flex;
	height:100%;
	width:100%;
	justify-content:center;
	align-items:center;
	flex-direction:column;
	border-bottom:1px solid #72a1ff
}
.meau ul li>a img {
	display:block;
	margin-bottom:5px
}
.meau ul li>a span {
	color:#fff;
	font-size:14px;
	margin-top:4px;
	font-family:"微软雅黑";
}
.meau ul li .preSales {
	position:absolute;
	height:100px;
	top:100px;
	z-index:111;
	width:100px;
	left:128px;
	display:none
}
.meau ul li .preSales>div {
	width:100%;
	height:100%;
	display:flex;
	background-color:#fff;
	border-radius:8px;
	justify-content:center;
	align-items:center
}
.meau ul li .preSales img {
	display:inline-block;
	width:88px;
	height:88px
}
.meau ul li .w {
	position:absolute;
	height:90px;
	top:0;
	left:80px;
	z-index:111;
	width:360px;
	display:none;
	padding-left:10px
}
.meau ul li .w a {
	padding:0px;
	padding-left:28px;
	border:solid 1px #dedede;
	background-color:#fff;
	box-shadow:0 13px 32px 0 rgba(44, 44, 44, 0.17);
	display:flex;
	width:100%;
	height:100%;
	justify-content:center;
	align-items:center;
	width:348px;
	height:88px;
}
.meau ul li .w a img {
	margin-right:10px;
	height:20px;
	width:20px
}
.meau ul li .w a span {
	font-size:20px;
	color:#4381ff;
	flex:1
}
.meau ul li:hover {
	background-color:#2a69e8;
	margin:0px;
	padding:0px;
}

.meau {
	top: 55%;
}
.qqList {
	top: -150px;
}