.new-footer{
    width: 100%;
    position: fixed;
    bottom: 0;
    background: white;
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 6px 0 20px 0;
    max-width: 640px;
    left: 0;
    right: 0;
    margin: auto;
}
.new-footer .item{
    flex: 1;
    text-align: center;
}

.new-footer .item .icon {
    display: flex;
    justify-content: center;
}
.new-footer .item .icon img{
    width: 22px;
    height: 22px;
}
.new-footer .item .icon img:nth-child(2){
    display: none;
}
.new-footer .item .icon img:nth-child(1){
    display: block;
}
.new-footer .item.active .icon img:nth-child(2){
    display: block;
}
.new-footer .item.active .icon img:nth-child(1){
    display: none;
}
.new-footer .item .text{
    font-size: 12px;
    color: #999999;
    margin-top: 5px;
}
.new-footer .item.active .text{
    color: #1CAF6A;
}
@media screen and (min-width:640px) {	
	.new-footer{
		padding:9px 0 25px 0;
	}
	.new-footer .item .icon img{
	    width: 37px;
	    height: 37px;
	}
	.new-footer .item .text{
		font-size: 20px;
		margin-top: 8px;
	}
}