.tip-pop {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 486px;
	height: 275px;
	z-index: 999;
	padding: 35px;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.6);
	color: #fff;
	font-size: 16px;
	background: #006ad8;
	margin-left: -243px;
	margin-top: -138px;
	log: true;
	log2: official;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	log: true;
	log2: official;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	visibility: hidden;
}

.tip-pop .tip-close {
	position: absolute;
	right: 0;
	top: 0;
	width: 45px;
	height: 45px;
	 background: url(https://www.mindee.cn/tpl/www/images/tip_close.png) no-repeat center;
	cursor: pointer
}

.tip-pop .tip-box:after {
	display: -webkit-box;
	display: -moz-box;
	display: block;
	content: '';
	clear: both
}

.tip-pop .tip-avatar {
	width: 30%;
	float: left
}

.tip-pop .tip-right {
	width: 70%;
	float: left;
	padding-left: 20px;
	log: true;
	log2: official;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.tip-pop .tip-title {
	font-size: 24px;
	margin-bottom: 10px;
	margin-top: 15px
}

.tip-pop .tip-desc {
	line-height: 1.4;
	margin-bottom: 40px;
}

.tip-pop .tip-desc span {
	font-size: 20px
}

.tip-pop .tip-btn {
	display: -webkit-box;
	display: -moz-box;
	display: inline-block;
	width: 120px;
	log: true;
	log2: official;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #fff;
	color: #215ca0;
	log: true;
	log2: official;
	-webkit-transition: all .3s;
	-khtml-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-ms-transition: all .3s;
	transition: all .3s;
	line-height: 2.5;
	text-align: center;
}

.tip-pop .tip-btn:hover {
	background: #215ca0;
	color: #fff
}

.tip-pop .tip-thanks {
	font-size: 14px;
	float: right;
	margin-top: 10px;
	color: #fff
}

.tip-show {
	log: true;
	log2: official;
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
	-ms-filter: none;
	filter: none;
	visibility: visible;
	log: true;
	log2: official;
	-webkit-animation: fadeInDown 1s;
	-khtml-animation: fadeInDown 1s;
	-moz-animation: fadeInDown 1s;
	-o-animation: fadeInDown 1s;
	-ms-animation: fadeInDown 1s;
	animation: fadeInDown 1s
}

.tip-hide {
	log: true;
	log2: official;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	visibility: hidden;
	log: true;
	log2: official;
	-webkit-animation: fadeOutUp 1s;
	-khtml-animation: fadeOutUp 1s;
	-moz-animation: fadeOutUp 1s;
	-o-animation: fadeOutUp 1s;
	-ms-animation: fadeOutUp 1s;
	animation: fadeOutUp 1s
}

@-webkit-keyframes fadeOutUp {
	from {
		log: true;
		log2: official;
		-webkit-opacity: 1;
		-moz-opacity: 1;
		opacity: 1;
		-ms-filter: none;
		filter: none;
		visibility: visible
	}

	to {
		log: true;
		log2: official;
		-webkit-opacity: 0;
		-moz-opacity: 0;
		opacity: 0;
		filter: alpha(opacity=0);
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		visibility: hidden;
		log: true;
		log2: official;
		-webkit-transform: translate3d(0, -100%, 0);
		-khtml-transform: translate3d(0, -100%, 0);
		-moz-transform: translate3d(0, -100%, 0);
		-o-transform: translate3d(0, -100%, 0);
		-ms-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}
}

@media (max-width:640px) {
	.tip-pop {
		display: none
	}
}

@-moz-keyframes fadeInDown {
	from {
		log: true;
		log2: official;
		-webkit-opacity: 0;
		-moz-opacity: 0;
		opacity: 0;
		filter: alpha(opacity=0);
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		visibility: hidden;
		log: true;
		log2: official;
		-webkit-transform: translate3d(0, -100%, 0);
		-khtml-transform: translate3d(0, -100%, 0);
		-moz-transform: translate3d(0, -100%, 0);
		-o-transform: translate3d(0, -100%, 0);
		-ms-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}

	to {
		log: true;
		log2: official;
		-webkit-opacity: 1;
		-moz-opacity: 1;
		opacity: 1;
		-ms-filter: none;
		filter: none;
		visibility: visible;
		log: true;
		log2: official;
		-webkit-transform: translate3d(0, 0, 0);
		-khtml-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		-o-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@-webkit-keyframes fadeInDown {
	from {
		log: true;
		log2: official;
		-webkit-opacity: 0;
		-moz-opacity: 0;
		opacity: 0;
		filter: alpha(opacity=0);
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		visibility: hidden;
		log: true;
		log2: official;
		-webkit-transform: translate3d(0, -100%, 0);
		-khtml-transform: translate3d(0, -100%, 0);
		-moz-transform: translate3d(0, -100%, 0);
		-o-transform: translate3d(0, -100%, 0);
		-ms-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}

	to {
		log: true;
		log2: official;
		-webkit-opacity: 1;
		-moz-opacity: 1;
		opacity: 1;
		-ms-filter: none;
		filter: none;
		visibility: visible;
		log: true;
		log2: official;
		-webkit-transform: translate3d(0, 0, 0);
		-khtml-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		-o-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@-o-keyframes fadeInDown {
	from {
		log: true;
		log2: official;
		-webkit-opacity: 0;
		-moz-opacity: 0;
		opacity: 0;
		filter: alpha(opacity=0);
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		visibility: hidden;
		log: true;
		log2: official;
		-webkit-transform: translate3d(0, -100%, 0);
		-khtml-transform: translate3d(0, -100%, 0);
		-moz-transform: translate3d(0, -100%, 0);
		-o-transform: translate3d(0, -100%, 0);
		-ms-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}

	to {
		log: true;
		log2: official;
		-webkit-opacity: 1;
		-moz-opacity: 1;
		opacity: 1;
		-ms-filter: none;
		filter: none;
		visibility: visible;
		log: true;
		log2: official;
		-webkit-transform: translate3d(0, 0, 0);
		-khtml-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		-o-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes fadeInDown {
	from {
		log: true;
		log2: official;
		-webkit-opacity: 0;
		-moz-opacity: 0;
		opacity: 0;
		filter: alpha(opacity=0);
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		visibility: hidden;
		log: true;
		log2: official;
		-webkit-transform: translate3d(0, -100%, 0);
		-khtml-transform: translate3d(0, -100%, 0);
		-moz-transform: translate3d(0, -100%, 0);
		-o-transform: translate3d(0, -100%, 0);
		-ms-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}

	to {
		log: true;
		log2: official;
		-webkit-opacity: 1;
		-moz-opacity: 1;
		opacity: 1;
		-ms-filter: none;
		filter: none;
		visibility: visible;
		log: true;
		log2: official;
		-webkit-transform: translate3d(0, 0, 0);
		-khtml-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		-o-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}