.flaotRow {
	position: fixed;
	right: 10px;
	bottom: 300px;
	z-index: 10000;
	
}

.flaot {
	width: 54px;
	height: 54px;
	margin-bottom: 5px;
	background-color: #4f4f4f;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	
	
	

}

.flaot:hover {
	background: #4bb8ab;
}

.dis-qq:hover .qqRow{
	display: block;
}

.dis-phone:hover .phoneRow{
	display: block;
}

.dis-code:hover .codeRow{
	display: block;
}

.flaot>img {
	width: 25px;
	height: 28px;
	

}

.dis {
	width: 300px;
	background-color: #fff;
	border-radius: 3px;
	box-shadow: 3px 3px 3px #5c5d5d;
	
}

.qqRow {
	position: absolute;
	top: 0;
	
	right: 70px;
	display: none;
	float: left;
	/* display: flex;
	align-items: center;
	justify-content: center; */
	
}
.codeRow {
	position: absolute;
	top: 118px;
	right: 70px;
	display: none;
	padding: 10px 0;
	margin-left: auto;
	/* display: flex;
	flex-direction:column;
	align-items: center;
	justify-content: center; */
	
}
.phoneRow {
	position: absolute;
	top: 59px;
	/* line-height: 59px; */
	right: 70px;
	display: none;
	padding: 20px 0;
	margin-left: auto;
	/* display: flex;
	align-items: center;
	justify-content: center;
	margin-left: auto; */
}
.qq-color {
	width: 32px;
	height: 39px;
	margin-right: 30px;

}
.code-ff{
	width: 200px;
	height: 200px;
}

.qq-text {
	font-weight: 700;

}
.phone-color {
	width: 26px;
	height: 26px;

}
.codeText {
	font-weight: 700;

}
.number{
	padding: 5px;
	border-radius: 20px;
	border: 1px solid #e7eeed ;
	color: #4BB8AB;
}