.show-tips {
	-ms-animation:fadeInOut 1.8s linear;
	-moz-animation:fadeInOut 1.8s linear;
	-webkit-animation: fadeInOut 1.8s linear;
	animation: fadeInOut 1.8s linear;
	z-index:29991015!important;
}
.msgbox {
	position:fixed;
	top: 23%;
	left:50%;
	width: 270px;
	margin:-100px 0 0 -135px;
    background: rgba(255, 255, 255, 0.99);
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.08);
	opacity: 0;
	z-index:-1;
	border-radius: 3px;
}
.msgbox .hd {
	float: left;
	transform: scale(0.5);
}
.msgbox .hd i {
	display:inline-block;
	width: 60px;
	height: 60px;
	background:url(../../image/sprite.png) no-repeat;
	background-position:0 0;
}
.msgbox .bd {
	display: block;
	width: 190px;
	margin:0 auto;
	float: left;
	color: #333;
	overflow: hidden;
	padding: 20px 0;
}
.msgbox .bd .con {
	font-size: 14px;
	vertical-align:middle;
}
.msgbox.warn .hd i {
	background-image:url(../../image/sprite.png);
	background-position:-60px 0
}
.show-tips-fallback {
	opacity:1!important;
	z-index:19991015!important
}
@-ms-keyframes fadeIn {
	0% {
        opacity:0;
        -ms-transform:translateY(20px);
        transform:translateY(20px)
    }
    100% {
        opacity:1;
        -ms-transform:translateY(0);
        transform:translateY(0)
    }
}
@-moz-keyframes fadeIn {
	0% {
        opacity:0;
        -moz-transform:translateY(20px);
        transform:translateY(20px)
    }
    100% {
        opacity:1;
        -moz-transform:translateY(0);
        transform:translateY(0)
    }
}
@-webkit-keyframes fadeIn {
	0% {
        opacity:0;
        -webkit-transform:translateY(20px);
        transform:translateY(20px)
    }
    100% {
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
@keyframes fadeIn {
	0% {
        opacity:0;
        -webkit-transform:translateY(20px);
        transform:translateY(20px)
    }
    100% {
            opacity:1;
            -webkit-transform:translateY(0);
            transform:translateY(0)
    }
}
@-ms-keyframes fadeInOut {
	0% {
        opacity:0;
        -ms-transform:translateY(0);
        transform:translateY(0)
    }
    11% {
        opacity:1;
        -ms-transform:translateY(-20px);
        transform:translateY(-20px)
    }
    89% {
        opacity:1;
        -ms-transform:translateY(-20px);
        transform:translateY(-20px)
    }
    100% {
        opacity:0;
        -ms-transform:translateY(0);
        transform:translateY(0)
    }
}@-moz-keyframes fadeInOut {
	0% {
        opacity:0;
        -moz-transform:translateY(0);
        transform:translateY(0)
    }
    11% {
        opacity:1;
        -moz-transform:translateY(-20px);
        transform:translateY(-20px)
    }
    89% {
        opacity:1;
        -moz-transform:translateY(-20px);
        transform:translateY(-20px)
    }
    100% {
        opacity:0;
        -moz-transform:translateY(0);
        transform:translateY(0)
    }
}
@-webkit-keyframes fadeInOut {
	0% {
        opacity:0;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    11% {
        opacity:1;
        -webkit-transform:translateY(-20px);
        transform:translateY(-20px)
    }
    89% {
        opacity:1;
        -webkit-transform:translateY(-20px);
        transform:translateY(-20px)
    }
    100% {
        opacity:0;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
@keyframes fadeInOut {
	0% {
        opacity:0;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    11% {
        opacity:1;
        -webkit-transform:translateY(-20px);
        transform:translateY(-20px)
    }
    89% {
        opacity:1;
        -webkit-transform:translateY(-20px);
        transform:translateY(-20px)
    }
    100% {
        opacity:0;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}