@keyframes con-show {
	from {
	transform:translateY(20px);
	opacity:0
}
to {
	transform:translateY(0px);
	opacity:1
}
}@keyframes con-hide {
	from {
	transform:translateY(0px);
	opacity:1
}
to {
	transform:translateY(20px);
	opacity:0
}
}.validate-slide {
	position:absolute;
	width:340px;
	height:270px;
	cursor:pointer;
	box-shadow:0 1px 4px 0 rgba(0,0,0,0.14);
	background-color:#fff;
	display:none
}
.validate-slide .validate-slide-container {
	padding:10px
}
.validate-slide .validate-slide-container .validate-slide-box {
	position:relative;
	overflow:hidden
}
.validate-slide .validate-slide-container .validate-slide-box .validate-slide-bg-img {
	width:320px;
	height:160px
}
.validate-slide .validate-slide-container .validate-slide-box .validate-slide-slide-img {
	filter:drop-shadow(0 5px 5px rgba(0,0,0,0.9));
	z-index:100;
	position:absolute;
	top:0;
	left:0;
	width:60px;
	height:50px
}
.validate-slide .validate-slide-container .validate-slide-box .validate-slide-info {
	position:absolute;
	bottom:-20px;
	height:20px;
	line-height:20px;
	color:#fff;
	width:100%;
	font-size:13px;
	text-indent:5px;
	transition:all 0.2s linear
}
.validate-slide .validate-slide-container .validate-slide-box .validate-success {
	background-color:#19be6b
}
.validate-slide .validate-slide-container .validate-slide-box .validate-error {
	background-color:#ed4014
}
.validate-slide .validate-slide-container .validete-slide-action {
	margin-top:5px;
	margin-bottom:5px
}
.validate-slide .validate-slide-container .validete-slide-action .validete-slide-refresh-btn,.validate-slide .validate-slide-container .validete-slide-action .validete-slide-close-btn {
	float:left;
	border:none;
	background-color:transparent;
	cursor:pointer
}
.validate-slide .validate-slide-container .validete-slide-action .validete-slide-refresh-btn:focus,.validate-slide .validate-slide-container .validete-slide-action .validete-slide-close-btn:focus {
	outline:none
}
.validate-slide .validate-slide-container .validete-slide-action::after {
	content:'';
	clear:both;
	display:block
}
.validate-slide .validate-slide-btn-con {
	position:relative;
	height:35px;
	width:230px;
	margin-left:15px;
	background-color:#ccc;
	color:#88949d;
	padding-left:85px;
	font-size:14px;
	line-height:35px;
	border-radius:17.5px
}
.validate-slide .validate-slide-btn-con .validate-slide-btn {
	position:absolute;
	left:-5px;
	top:-10px;
	z-index:100;
	border:none;
	background-color:#fff;
	overflow:hidden;
	cursor:pointer;
	width:60px;
	height:60px;
	border-radius:30px;
	padding:0;
	box-shadow:0 0 6px #ccc
}
.validate-slide .validate-slide-btn-con .validate-slide-btn:focus {
	outline:none
}
.validate-slide .validate-icon {
	background-position:center;
	background-repeat:no-repeat;
	display:inline-block
}
.validate-slide .icon-refresh {
	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAC2klEQVRYR8XXS8hVVRgG4Md5aJAQOcgkESrMIKQ0RR11I5WgzO4ZXRACI5RqUk3sQpQIDlS6QBesBlZohBODclARaIOESLtQSpOIGuXEeA9r/yy257J/D4d/weFw9v7W977rW9/lPbPM8Jo1w/imS2ApbsVNuK4i/yeO4XscxBddD9aVwIO4A7d0dBwC7+DNUfajCFyD57C+cnQGp3Aav+IXzMe1WNQC/BSv4Eh5vhpvl8/zeTaMQE68BxeWzQHdi90FvN/hci03F8JLKoMbcQiHERJT2IMIBPzDykFAt+O3USEt7+cW+0fK73+wCq93IXADvqqA7sIHHYHbZglzrjDrd/zUhcAnWFs2PYkd5wnebKtJHMcVw65gE94oBu/h3jHAUzmXlf1n0Uu6avWuv50DTZL8hZX4YQwCP1cE+rk5h0CyMwSyXsNTY4Bna53xbVcpxYfaEXgZ24plTl8n4phcBm+vryBN4zacwMKJIfZLhPLsD8zDftw+QQK56qlZUUfgX1yAl/DMhAg0DS5z4v52DqRJXI53cd+ECOzEE0iVXdQmkIGxvIRnzYQIHCjj/Gtc3yawC5txskRiEhyiFxbjfdzTJpDBken3HxYMmXjjEPsbc+o8q5Mwaueb4v2FPq1zHODsfRovFie54l4ltFtx5FRUT2b/smmM31HkEvYvy+kDPJVjbQIZIG8Vb9EAj4/y3PF9BtvdxfbhWqr1EyTRcb0+jY3Y1xFkkNmWIkTyPt12XW3Yj0CS5POmTLAVr54niQ2tA6yo9GHP5SBJdmWRZFcV4IQwkqzreL4Uz+Kxivid+Kh9kGGitE0i3StjNLNi0KS8pICmpDNXslJ6j/YDHxaBhmgUTTRdkrNeP+I75LtZ6WypnNnVs4+Rkj466ApH/S9o9oXAA5WgHJUSn5UTJ2JDV1cCjZOM0vw1uxrR/RdX3tPfk7zpJd+OAm7eT5dAV7+d7WacwP8GOH4hm+mGhwAAAABJRU5ErkJggg==);
	width:20px;
	height:20px;
	background-size:cover
}
.validate-slide .icon-close {
	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAACp0lEQVRYR7WX36dVQRSA1zo7ooeIiCLiUg/34ZJKEaV0KTU/didFRBGliFJEFBGliFJcuonc2z05a/0nPfVUD/0hx16ZY2abc+4+Z88+9+z9sm32zPfNzJo1axD80+12F3q93t/w3fY78NCBjDHigT0iutIm3BizCABfAOAIIn5FZzIYDP5E0NYktNZLiLgGAIc871+YgQ0A6LYpobU+DADriLgQOCLyYijgl6E1Ca31UQ8/EMGfMfPLUqAtCWPMcURcF5H9EfwpM79y3yMC85ZQSp3MsmxNRPZF8CfM/Dp8bxKYl4TW+pQbOQDsieCPmPltvMsqBbYqobU+4+G7I/gDZn4/vsUnCswqoZRa7nQ6bqvtiuD3mflDVX6ZKtBUIs/z80VROPjOCH6XmT9NSm61AqkSeZ5fLIrCrfmOCHabiFamZdYkgToJa60RETfy7RHsFhG5lDv1SRaYJIGIGx6+LSLdIKJvdfDKPFDXyBgznjHdQRYP5DoRfa/rZ2oeqGtcIRGaXCMiFwfJT6MlCL1aay+LiJuJuP1Mp2hjAR9wDh6veXBrLNFIwFp7yY88jvbeVo7yZAFr7QUPL/c5Il7t9/s/KmIieSaSBPI8Xy6Kwk17meEAYCTaZ5WoFbDWnvUjL3M7AFTu81kkpgpYa097eHmqAcBNIlqdtM+aSkwUcMVEp9NxAVae5wBQm9vr0va4eKWAUuqEh++NGtwhos+pGSZ1JjYJKKWOZVnm8ntZwwHAPSL6mAoP/6VIjAi40tmNXETi6rWykkmVqZMoBdylwcPLuh0AHhLRu1TYLIEZLiaLIvITEQ9GnTwmojdbhdctRxD4BQBL4WcRKev2eQlU7Y7Ku6GIDG8s8wTHfY3FxO/hDFhrV0XknIisMPPztuDRcV7y/gPHcHvTzQb24QAAAABJRU5ErkJggg==);
	width:20px;
	height:20px;
	background-size:cover
}
.validate-slide .icon-pause {
	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAADJElEQVRoQ+1ZTUwTQRT+3kK3BcUDMRFWSDQhtlsMiRq5yJUgF88YDwpejD/Rk1fh7MGIPzd/LgbP3tCLB4yJxj8M7VYTQxSWakTURGy33XlmCxgKW9iOpaVx9zrvvXnffPNmv3lDqPKPqjx/+AAqzaDPQNUz0MLtbSLDDQjUJUx6Me8FkMYH6pH5Hc7amR9f6t5/8OJTyEZ6CzmJc1YMM6N3MfgkFDpv1sYerJWQlo0egeCrAHY5dgw8JiFOmaFEQgaINAAtrY+A0Ldi0gRSdpe57d1Xt2S0n3u2I1QzBiCcN864bwbjR8sGQOO9rcjYH90mJHD/tGrcdRvbaUVOMOiO25iweXeyzpgsFoQUA5oV3QfwS9fJCBfNQPyy21hzSr9ACq64J0n7TTX2qjwAnCK05g0QWldOyIIPz4SMUdctlNK7oeDhqjHGJ6j1Ea+HwHJ/KQacAJoVOQvQtRXJ3DbV+Mk1i9jSbwEYyLfhc6ZqXC929R17aQCOc3M6ekwh7mFCAwS/MYPGoJcktHRkkEEHFcKsYBqdCcbuefFzrzlZz03i908MbAYMPoBKs+AzUNUMtKTDHTYpnRDYSsCEGYo/8gJIS+ndDLQrtZiFoLfTauy1F7+SHqOLqtLRNY1/AzMPrfcvcP4BILq0LJnvUOj4eiq2EEDpGtCs6BjAh1YEngeoq5CmWdRQjhqtz/ejJ6Ya65JhQQqAlgqHoShGgQnPmGr8pqsWsvTTAG64jYmA0p6kiVixIMoMIDoAsKOFVn9CRGQuNVIAFsRcFW+hHICFq2F+ERMPmgFjaE01urqIv0Gh/rIXsZOk7DHanIr0UA11MGOuhsWzqWBivNi9v2QvvYVkJyy1nw+g1CtabDyfgWJXrNT2/zcD/36ppylAPC3UCPPCljQDVd1WyXWXS9zYsucC+uem8V9eVn25jRQDG9FaFFA6k+rE8/IAkGzualm9DwIjrmK0nM3dnJir5vZ6TshJPnA0paK9CvEwCG1OnIo9cCxtA5knph3Jji3UaEeFbc1W7Imp2GLbKHupU2ijkpGJ6wOQWbVS+vgMlHI1ZWL9Acxkb0DgEeSlAAAAAElFTkSuQmCC);
	width:35px;
	height:35px;
	background-size:cover;
	vertical-align:middle;
	background-color:#fff
}
.validate-slide .icon-draging {
	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAABdUlEQVRoQ+2XMW7CQBBFZxZBRJcmEoQmJZgGKRdIDhEqDpAb5QRpkkMkB6AFUaB0IKRIKdKQGLGLLGEpIDve5VtrLRq3eGb++39Wa5gCfzhw/SQAVScoCUgCoAOyQqCBcLkkAFsINpAEQAPhckkAthBs4JzAjRlc/tDmesWTKTj7oLwTR4N1Pf744vm3S18ngJbpR2qjX4ior7fmftWcvbsMy3u3te7eqRq/EdFE19XQxRxrgL/iEyFlArTj7i0Tj/eAThBWAMfi2fBwcTF9LcP9tEfnN3owbJJ0k8caohDAh3gE4l8An+JPhcgFqEL8KRCZAFnit1p/lrnzRb1qSl3ZnIlMgHbce2Kix6Ihfn83z8vGbHQ88zwBgl+hJKagD3G6Z1VAuF5o532R+UzC1flUW2ECeRBBfcxlQZQJ4OVzOoUI+g+N35vXbpr1GbBr5/8tAfDv+eFESUASAB2QFQINhMslAdhCsIEkABoIl0sCsIVggx2QjRRAJHMZGwAAAABJRU5ErkJggg==) !important
}
.validate-slide-wrap-show {
	animation:con-show 0.3s ease-out forwards
}
.validate-slide-wrap-hide {
	animation:con-hide 0.3s ease-out forwards
}
.validate-slide-mask {
	position:fixed;
	background:#B3B3B3;
	height:100%;
	width:100%;
	z-index:2005;
	top:0;
	left:0;
	background-color:rgba(0,0,0,0.6);
	display:none;
}
.validate-slide-mask .validate-slide {
	top:50%;
	left:50%;
	height:300px;
	margin-left:-170px;
	margin-top:-150px;
}
.validate-slide-loading {
	display:none;
	position:absolute;
	z-index:5;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background-color:rgba(0,0,0,0.6);
}
.validate-slide-loading:before {
	content:'';
	position:absolute;
	z-index:2;
	width:20px;
	height:20px;
	margin:-10px 0 0 -10px;
	left:50%;
	top:50%;
	background:url(http://a1.gystatic.com/jiyun/member/images/validata/loading.gif) no-repeat center;
}