.blur{
	-webkit-filter: blur(8px);
}
/* 弹出动画 */
@-webkit-keyframes alm {
	0% {
		-webkit-transform: scale(0);
		opacity: 0
	}
	100% {
		-webkit-transform: scale(1);
		opacity: 1
	}
}
@-webkit-keyframes alr {
	0% {
		-webkit-transform: scale(1);
		opacity: 1
	}
	100% {
		-webkit-transform: scale(0);
		opacity: 0
	}
}

/* 左向右滑动动画 */
@-webkit-keyframes ltor {
	0% {
		-webkit-transform: translate(-100%,0);
		opacity: 0
	}
	100% {
		-webkit-transform: translate(0,0);
		opacity: 1
	}
}
@-webkit-keyframes rtol {
	0% {
		-webkit-transform: translate(0,0);
		opacity: 1
	}
	100% {
		-webkit-transform: translate(-100%,0);;
		opacity: 0
	}
}
.block{display:block;}
.none{display:none;}
.alert{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: rgba(255, 255, 255, .8);
	z-index: 99;
}
.animate{
	-webkit-backface-visibility: hidden;
	-webkit-animation-duration: .35s;
	-webkit-animation-timing-function: ease-out;
	-webkit-animation-fill-mode: both;
	backface-visibility: hidden;
	animation-duration: .35s;
	animation-timing-function: ease-out;
	animation-fill-mode: both;
}
.alm {
	-webkit-animation-name: alm;
	animation-name: alm
}
.alr {
	-webkit-animation-name: alr;
	animation-name: alr
}
.ltor {
	/*-webkit-animation-name: ltor;
	animation-name: ltor*/
}
.rtol {
	-webkit-animation-name: rtol;
	animation-name: rtol
}
#al_t {
	border-bottom: 2px #f60 solid;
	margin: 9px;
	padding: 0 4px;
	font-size: 16px;
	line-height: 32px;
	color: #f60;
}
.al_c {
	display: block;
	float: right;
	width: 24px;
	height: 24px;
	background:#f80 url(img/i_close.png) no-repeat 50% 50%;
	background-size: 12px 12px;
}
#al_p {
	margin: 9px;
	font-size: 14px;
}
#al_p label{
	margin: 0 9px 0 0;
}
input.al_i_r{
	width: 20px;
	height: 20px;
	vertical-align: middle;
	margin: 0 4px;
}
input.al_i, .al_a {
	display: block;
	width: 90%;
	height: 32px;
	line-height: 32px;
	border-radius: 0;
	padding: 0 9px;
	margin: 9px auto;
	font-size: 14px;
	background: #fff;
}
.al_a {
	background: #f60;
	border-radius: 3px;
	color: #fff;
	letter-spacing: 1em;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
	margin-top: 36px;
	text-align: center;
}
	display: block;
	background: #fff;
	margin: 24px auto;
}
.al_la a{
	display: block;
	height: 32px;
	line-height: 32px;
	text-align: center;
	font-size: 14px;
	border-bottom: 1px #ddd solid;
}
.al_la a:last-child{
	border-bottom: 0;
}


.flex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.flex-1{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}


/* 不同功能使用不同样式 */
	/* .qhcs 切换城市 */
	.qhcs{ margin:110px auto 0; width: 260px;box-shadow:0 0 10px rgba(0,0,0,.9); background-color: #fff; }
	.qhcs #al_t {border-bottom: 2px #f60 solid;	margin: 9px 0; color: #f60;}
	.qhcs #al_p {font-size: 14px; margin: 0; }
	.qhcs .al_la{margin:20px 12px; }
	.qhcs .al_la ul{ width: 234px; border: 1px solid #ddd; border-width:1px 0 0 1px;}
	.qhcs .al_la ul:after{ content:''; display:block; visibility:hidden; height:0; clear:both;}
	.qhcs .al_la ul li{ float:left; width:77px; height:28px; border: 1px solid #ddd; border-width:0 1px 1px 0;}
	.qhcs .al_la ul li a{display: block; height: 28px; line-height: 28px; text-align: center;}
	.qhcs .guanbi{height: 30px; line-height: 30px; text-align: center; border-top: 1px solid #ccc; float: none; width: 100%;background:none; }

	/* .daohang 页头导航 */
	.daohang{
		position:absolute; 
		left:0; 
		top:0; 
		width: 100%; 
		z-index:99; 
		background-color: #fff;
		box-shadow: 0 3px 5px rgba(0,0,0,.3);
	}
	.daohang #al_t {border-bottom: 1px solid #ccc; 	color: #000;}
	.daohang .pd_list:after{content: ''; display: block; height: 0; visibility: hidden; clear: both;}
	.daohang .pd_list li{float:left; margin-bottom: 10px; padding-right:13px; height:24px; line-height:24px; color: #666;}