/*tips*/
.tips{
    position: absolute;
    top:300px;
    width: 100%;
    text-align: center;
	z-index: 99891015;
}
.tips span{
    background: rgba(0,0,0,.7);
    color:#FFF;
    display: inline-block;
    padding:15px 20px;
    border-radius: 10px;
    line-height: 16px;
    font-size: 16px;
}
.tips span i.tip-ok{
    display: inline-block;
    width: 20px;
    height: 20px;
    background:url(../images/tips_icon_ok.png) 0 0 no-repeat;
    -webkit-background-size: 20px auto;
    background-size: 20px auto;
    margin-right: 5px;
    vertical-align: middle;
}
.tips span i.tip-no{
    display: inline-block;
    width: 20px;
    height: 20px;
    background:url(../images/tips_icon_no.png) 0 -2px no-repeat;
    -webkit-background-size: 20px auto;
    background-size: 20px auto;
    margin-right: 5px;
    vertical-align: middle;
}
.tips span i.tip-load{
    width: 20px;
    height: 20px;
    display: inline-block;
    background-image: url("../images/loading.png");
	-webkit-background-size: 20px auto;
    background-size: 20px auto;
	-webkit-animation: loading 1s steps(5) infinite;
    margin-right: 5px;
    vertical-align: middle;
}
@-webkit-keyframes loading {
		      0% { -webkit-transform:rotate(0deg); }
		     50% { -webkit-transform:rotate(180deg); }
		    100% { -webkit-transform:rotate(360deg); }
		}