@media screen and (min-width:769px) {
	.kefubox {
		position: fixed;
		right: 0px;
		z-index: 99999;
		top: 50%;
		margin-top: -150px
	}

	/* .kefubox .main {
		width: 50px;
		background: #fff;
		border: 1px solid #f2f2f2;
		box-shadow: 0 0 15px #e4e4e4;
		box-sizing: border-box
	} */

	.kefubox .cursor_default {
		cursor: default
	}

	.kefubox .floor {
		/* border-bottom: 1px solid #f2f2f2; */
		position: relative;
		box-sizing: border-box
	}


	.kefubox .floor > div {
		transform: translateX(300px)
	}

	.kefubox .floor:hover div {
		transition: all 300ms linear;
		transform: translateX(0)
	}

	.kefubox .floor .absbox {
		position: absolute;
		right: 70px;
		top: 0;
		z-index: 3
	}

	.kefubox .floor .back {
		box-shadow: 0 0 15px #e4e4e4;
		height: 50px;
		width: 120px;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 12px;
		color: #666;
		background: #fff;
		box-sizing: border-box
	}

	.kefubox .floor .erweima {
		/* box-shadow: 0 0 15px #e4e4e4; */
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		padding: 13px 24px;
		font-size: 12px;
		color: #666;
		background: #fff;
		box-sizing: border-box
	}

	.kefubox .floor .erweima img {
		width: 100px;
		height: 100px
	}

	.kefubox .floor .erweima p {
		padding: 0;
		margin: 0;
		/*width: 100px;
		display: flex;
		align-items: center;
		justify-content: center; */
		font-size: 16px;
		text-indent: 0;
		width: 118px;
	}

	.kefubox .floor .erweima2 {
		box-shadow: 0 0 15px #e4e4e4;
		padding: 15px;
		font-size: 12px;
		background: #fff;
		box-sizing: border-box;
		text-align: center;
		
	}

	.kefubox .floor .erweima2 svg {
		width: 30px;
		fill:#989898;
	}

	.kefubox .floor .erweima2 p {
		font-size: 10px;
		text-align: center;
		text-indent: 0;
		margin: 0;
		color: #989898;
	}

	.kefubox .floor > a {
		z-index: 9999;
		background-position: center center;
		background-size: 25px 25px;
		background-repeat: no-repeat;
		display: flex;
		align-items: center;
		justify-content: center
	}

	.kefubox .floor > a:hover svg{
		fill:#0980c4;
	}


	.kefubox .floor > a:hover p{
		color:#0980c4;
	}

	/* .kefubox .floor > a img {
		height: 25px;
		width: 25px;
		display: block
	} */

	/* .kefubox .floor > a img:hover {
		transition: all 300ms linear;
		transform: scale(1.3)
	} */

	.kefubox .floor:last-child {
		border-bottom: none
	}

	.jt{
		background-color: #0980c4;
	}

	.jt img{
		width: 27px;
		margin: 10px;
	}
}


@media screen and (max-width:768px) {
	.kefubox {
		position: fixed;
		right: 2vw;
		top: 45vh;
		z-index: 99999
	}

	.kefubox .floor {
		display: none
	}
}