.dialog-container{margin: 0; padding: 0; width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
/*遮盖层*/
.mask{position: fixed;width: 100%; height: 100%; top: 0; left: 0; z-index: 1000; background-color: rgba(0,0,0,0.3);}
/*弹框内容*/
.d-container{position: absolute;width: 400px; top:50%; left: 50%; background-color: #fff; border-radius: 5px; overflow: hidden; z-index: 10001;
    -webkit-transform: translate(-50%,-50%) scale(0,0);
    -ms-transform: translate(-50%,-50%) scale(0,0);
    transform: translate(-50%,-50%) scale(0,0); }
.d-header{height: 48px; line-height: 48px;}
.d-header:after{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden;}
.d-header .title{float: left; width: 90%;  padding-left: 20px;}
.d-header .title h3{margin: 0; line-height: 48px;}
.d-header .close-icon{float: right; width: 10%;  padding-right: 20px; text-align: right; cursor: pointer;}
.d-content{padding: 20px;}
.d-footer{height: 68px; line-height: 68px; text-align: right; padding: 0 20px; display: none;}
.d-footer button{height: 36px; line-height: 36px; padding: 0 20px;background-color: #fff; border: 1px solid #eee; border-radius: 2px; cursor: pointer; display: none;}
.d-footer .cancle-btn{background-color: #eee; color: #333;margin-right: 10px;}
.d-footer .ok-btn{background-color: #09c; color: #fff;}

/*弹出动画*/
.showani{
	-webkit-transform: translate(-50%,-50%) scale(1,1);
	-ms-transform: translate(-50%,-50%) scale(1,1);
	transform: translate(-50%,-50%) scale(1,1);
	transition: transform 0.3s;
	-webkit-transition: transform 0.3s;
	-ms-transition: transform 0.3s;
}
/*弹出动画*/
.hideani{
	-webkit-transform: translate(-50%,-50%) scale(0,0);
	-ms-transform: translate(-50%,-50%) scale(0,0);
	transform: translate(-50%,-50%) scale(0,0);
	transition: transform 0.3s;
	-webkit-transition: transform 0.3s;
	-ms-transition: transform 0.3s;
}
/*弹窗抖动动画*/
.shake{
	animation: shake 0.3s;
-webkit-animation: shake 0.3s;
-ms-animation: shake 0.3s;
}
@keyframes shake
{
28.6%   {margin-left: -10px; }
42.9%  {margin-left: 0px; }
57.2%  {margin-left: 10px; }
71.5% {margin-left:  0px;}
85.8%  {margin-left:  -10px;}
100% {margin-left:  0px;}
}