﻿


.ey_view {
	background-color: #009b4c;
	border: 2px solid #009b4c;
	position: fixed;
	width: 80px;
	top: 20%;
	right: 10px;
	text-align: center;
	display: block;
	-webkit-box-shadow: 0 0 12px rgba(0,0,0,0.1);
	box-shadow: 0 6px 12px rgba(0,0,0,0.1);
	border-radius: 0 0 8px 8px;
	font-size: 12px;
	z-index: 999
}

.ey_view ul {
	margin: 0;
	padding-top: 45px;
	color: #fff
}

.ey_view ul li {
	position: relative
}

.ey_view ul li:nth-of-type(1),.ey_view ul li:nth-of-type(4),.ey_view ul li:nth-of-type(6) {
	display: none
}

.ey_view ul li a {
	display: block;
	color: #FFF;
	text-decoration: none;
	overflow: hidden;
	height: auto;
	width: 100%;
	padding: 43px 0 12px;
	background: url(../image/kefu-tb.png) no-repeat top center
}

.ey_view ul li a:hover {
	background-color: #137141
}

.ey_view a.kefu-lx {
	background-image: url(../image/kefu.png);
	background-repeat: no-repeat;
	background-position: center top;
	position: absolute;
	top: -40px;
	text-indent: -9999px;
	height: 80px;
	width: 80px;
	z-index: 999999;
	left: 0px;
	border-width: 0;
	overflow: hidden
}

.ey_view a.kefu-lx:hover {
	background-color: rgba(255,255,255,0)
}

.ey_view ul li a.kf {
	display: block;
	padding: 10px 0
}

.ey_view ul li a.kefu-tel {
	background-position: center -79px
}

.ey_view ul li a.kefu-qq {
	background-position: center -150px
}

.ey_view ul li a.kefu-wx {
	background-position: center -220px
}

.ey_view ul li a.kefu_bottom {
	background-position: center -288px;
	padding: 30px 0 10px 0;
	border-radius: 0 0 8px 8px
}

.ey_view ul li a.kefu_top {
	background-position: center -15px;
	padding: 30px 0 10px 0
}

.ey_view:hover ul li a {
	display: block
}

.ey_view ul li p {
	position: absolute;
	top: -72px;
	right: 82px;
	width: 0;
	padding: 0;
	font-size: 14px;
	line-height: 24px;
	text-align: left;
	color: #fff;
	background: #009b4c;
	display: block;
	opacity: 0;
	transition: all .4s ease-in-out .1s;
	overflow: hidden;
	z-index: 201
}

.ey_view ul li:nth-of-type(3) p {
	top: 0
}

.ey_view ul li:hover p {
	width: 120px;
	padding: 15px;
	opacity: 1
}

.ey_view ul li .wechat p {
}

@media (max-width:800px) {
	.ey_view {
		width: 60px;
		border-radius: 8px;
		right: 2px
	}

	.ey_view a.kefu-lx {
		display: none
	}

	.ey_view ul {
		padding: 0
	}

	.ey_view ul li:nth-child(1),.ey_view ul li:nth-child(4),.ey_view ul li:nth-child(5) {
		display: none
	}

	.ey_view ul li p {
		display: none!important
	}

	.ey_view ul li a {
		font-size: 12px
	}
}

@media (max-width:767px) {
	#KFRightScreen {
		display: none!important
	}
}