@charset "utf-8";

/* 弹窗  */

.window{
	position: fixed;
	right: 0;
	bottom: 160px;
	width: 64px;
	background-color: #fff;
	box-shadow: -1px -1px 4px #eee;
	z-index: 9999;
}
.window ul li{
	border-bottom: 1px solid #E5E5E5;
	padding: 16px 0;
	margin: 0 16px;
	cursor: pointer;
	position: relative;
}
.window ul li:nth-last-of-type(1){
	border-bottom: 0;
}
.window ul li .win-app i{
	font-size: 17px;
}
.window ul li .win-wx i{
	font-size: 12px;
}
.window ul li .win-app, .window ul li .win-wx, .window ul li .win-tel, .window ul li .win-question, .window ul li .win-top{
	text-align: center;
}
.window ul li:hover .win-app i, .window ul li:hover .win-wx i, .window ul li:hover .win-tel i, .window ul li:hover .win-question i, .window ul li:hover .win-top i{
	color: #FD001A !important; 
}
.app-code-img, .app-code-img img{
	width: 124px;
	height: 124px;
}
.app-code, .app-tel{
	position: absolute;
	right: 48px;
	top: 0px;
	background-color:#fff;
	padding: 12px 12px 4px;
	box-shadow: -1px -1px 4px #eee;
	transition: all 0.4s;
	transform-origin: right top;
	transform: scale(0);
}
.app-code p{
	font-size: 12px;
	text-align: center;
	margin-top: 0px;
}
.window ul li.li-app:hover .app-code, .window ul li.li-wx:hover .app-code, .window ul li.li-tel:hover .app-tel{
	transform: scale(1);
}
.app-tel{
	width: 200px;
	padding: 24px;
}
.app-tel p{
	font-size: 12px;
	margin-bottom: 8px;
}
.app-tel h5{
	font-size: 21px;
}