.pad-bot25{
	padding-bottom: 2.5rem;
}
/*底部切换*/

.footer {
	position: fixed;
	left: 0;
	bottom: 0;
	display: flex;
	display: -webkit-flex;
	height: 2.45rem;
	width: 100%;
	background: #fff;
	z-index: 99999;
	box-shadow: 0 0 2px 1px rgba(0,0,0,0.1);
}

.footer .item {
	position: relative;
	flex: 1;
	text-align: center;
	font-size: 0.5rem;
}

.footer .item a {
	padding-top: 1.7rem;
}

.footer .item.item01{
	background: url(../img/footer/footer01.png) no-repeat center 7px/25px 25px;
}

.footer .item.item01.active {
	background: url(../img/footer/footer01s.png) no-repeat center 7px/25px 25px;
	color: #1180df;
}

.footer .item.item02{
	background: url(../img/footer/footer02.png) no-repeat center 7px/25px 25px;
}

.footer .item.item02.active {
	background: url(../img/footer/footer02s.png) no-repeat center 7px/25px 25px;
	color: #1180df;
}

.footer .item.item03{
	background: url(../img/footer/footer03.png) no-repeat center 7px/25px 25px;
}

.footer .item.item03.active {
	background: url(../img/footer/footer03s.png) no-repeat center 7px/25px 25px;
	color: #1180df;
}

.footer .item.item04{
	background: url(../img/footer/footer04.png) no-repeat center 7px/25px 25px;
}

.footer .item.item04.active {
	background: url(../img/footer/footer04s.png) no-repeat center 7px/25px 25px;
	color: #1180df;
}

.footer .item.item05{
	background: url(../img/footer/footer05.png) no-repeat center 7px/25px 25px;
}

.footer .item.item05.active {
	background: url(../img/footer/footer05s.png) no-repeat center 7px/25px 25px;
	color: #1180df;
}

.footer .item.item03 .fate-pic {
	position: absolute;
	top: -18px;
	left: 50%;
	transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	height: 2.5rem;
	width: 2.5rem;
	z-index: 1;
	border-radius: 50%;
	border-top: 1px solid rgba(0,0,0,0.25);
	background: #fff url(../img/footer/footer03.png) no-repeat center center/40px 40px;
}

.footer .item.item03.active .fate-pic {
	background: #fff url(../img/footer/footer03s.png) no-repeat center center/40px 40px;
}