.zixun{position: fixed;z-index: 9;bottom:200px;right:0;width:120px;}
.zixun .lump{display: block;width: 120px;height:120px;margin-bottom: 3px;position: relative;cursor: pointer;text-align: center;color: #fff;}
.zixun .lump .box1{position: relative;z-index: 3;padding:18px 0;background: #d00404;border-radius:10px 0 0 10px ;height:100%;box-sizing: border-box;}
.zixun .lump .box1 img{display: block;width:60px;height:60px;margin:0 auto;}
.zixun .lump .box1 .t{line-height: 30px;font-size: 16px;font-weight: bold;}
.zixun .lump .box2{width: 180px;height: 180px;position: absolute;z-index: 1;left: 0;top: 0;opacity:0;transition: 0.2s}
.zixun .lump .box2 img{width: 100%;height: 100%;}
.zixun .lump:hover .box2{left: -180px;opacity: 1;}
.zixun .lump:last-child{height: 60px;}
.zixun .lump:last-child .box1{padding: 19px 0;}
.zixun .lump:last-child img{width: 48px;height:24px;}

@media only screen and (max-width:640px) {
	.zixun{bottom:100px;width: 60px;}
	.zixun .lump{width: 60px;height: 60px;}
	.zixun .lump .box1{padding: 6px 0;}
	.zixun .lump .box1 img{width: 30px;height: 30px;}
	.zixun .lump .box1 .t{line-height: 20px;font-size: 12px;font-weight: 100;}
	.zixun .lump .box2{width: 80px;height: 80px;}
	.zixun .lump:hover .box2{left: -80px;}
	.zixun .lump:last-child{height: 30px;}
	.zixun .lump:last-child .box1{padding:9px 0;}
	.zixun .lump:last-child img{width: 24px;height: 12px;}
	
}