/*dialog*/
.dialog-body, .dialog-body .close-icon, .dialog-body .dialog-btn, .dialog-body .dialog-logo .logo, .dialog-body .dialog-btn:before { background-repeat:no-repeat; background-color:transparent; background-image:url(/xinhuanet/company/img/dialog-bg.png); background-image:-webkit-image-set(url(/xinhuanet/company/img/dialog-bg.png) 1x,url(/xinhuanet/company/img/dialog-bg-2x.png) 2x);}
.dialog-mask { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:#000; filter:alpha(opacity=80); opacity: 0.8}
.dialog-body { display:none; position:fixed; top:50%; left:50%; margin:-209px 0 0 -372px; width:744px; height:419px; color:#84370d; font-size:2.1rem; line-height:1.3; background:#000}
.dialog-body .close-icon { position:absolute; top:0; right:-32px; width:32px; height:32px; background-color:#3773db; cursor:pointer}
.dialog-body .close-icon:hover { background-color:#0f82f9}
.dialog-body .dialog-btn { display:block; position:absolute; bottom:-14px; left:50%; margin-left:-61px; border:none; padding:0; width:122px; height:43px; background-position:-50px -230px}

@-webkit-keyframes dialogAnimation {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
		transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
		transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
	}
}
@keyframes dialogAnimation {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
		-ms-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
		transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
		-ms-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
		transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
	}
}
.dialog-animation { -webkit-animation:dialogAnimation .75s; animation:dialogAnimation .75s}