
.alert {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	min-width: 300px;
	max-width: 600px;
	transform: translate(-50%,-50%);
	z-index: 99999;
	text-align: center;
	padding: 15px;
	border-radius: 3px;
}

.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}

.alert-fail {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}


.win { display: none; }
.mask-layer { position: fixed; width: 100%; height: 100%; opacity: 0.5; filter: alpha(opacity=50); background-color: black; z-index: 99998; top: 0px; left: 0px; }
.window-panel { position: fixed; z-index: 99999; top: 50%; left: 50%; background-color: white; border-radius: 4px; }
.window-panel .title-panel { position: absolute; height: 36px; width: 100%; border-radius: 4px 4px 0 0; }
.window-panel .title { position: absolute; height: 36px; width: 100%; text-align: center; border-radius: 4px 4px 0 0; line-height: 36px; vertical-align: middle; background-color: whitesmoke; /*标题背景色*/ border-bottom: 1px solid rgb(233, 233, 233); z-index: 1; }
.window-panel h3 { font-size: 16px; margin: 0; }
.window-panel .close-btn { display: block; text-align: center; vertical-align: middle; position: absolute; width: 36px; height: 36px; line-height: 36px; right: 0px; text-decoration: none; font-size: 24px; color: black; background-color: #DBDBDB; border-radius: 2px; z-index: 1; }
.window-panel .close-btn:hover { background-color: #ccc; }
.window-panel .body-panel { position: absolute; width: 100%; top: 30px; border-radius: 0 0 4px 4px; z-index: 1; }
.window-panel .btns { text-align: center; }
.window-panel .content { padding: 2px 15px 0px 15px; font-size: 16px; min-height: 40px; line-height: 22px; text-align: center;}
.window-panel .w-btn { display: inline-block; width: 60px; height: 26px; line-height: 26px; background-color: #DE5923; color: white; cursor: pointer; text-align: center; border-radius: 2px; text-decoration: none; margin: 0 10px 0px 10px; border: none; }
.window-panel .w-btn:hover { background-color: #DA3E00; }
.window-panel .w-btn:focus { outline: 0 none; }



.BeAlert_overlay{overflow:hidden;position:fixed;margin:0;padding:0;z-index:9999;background:url(overlay.png);left:0;right:0;top:0;bottom:0;width:auto;height:auto}.BeAlert_box{position:fixed;top:50%;left:50%;background-color:#fff;border-radius:5px;padding:20px;z-index:10000;font-family:微软雅黑;font-size:12px;text-align:center}.BeAlert_box .BeAlert_image{background:#fff;width:60px;height:60px;margin:10px auto}.BeAlert_box .BeAlert_image.warning{background:url(warning.png);background-size:60px}.BeAlert_box .BeAlert_image.error{background:url(error.png);background-size:60px}.BeAlert_box .BeAlert_image.info{background:url(info.png);background-size:60px}.BeAlert_box .BeAlert_image.question{background:url(question.png);background-size:60px}.BeAlert_box .BeAlert_image.success{background:url(success.png);background-size:60px}.BeAlert_box .BeAlert_title{font-size:20px;margin:5px auto}.BeAlert_box .BeAlert_message{font-size:14px;margin:5px auto}.BeAlert_box .BeAlert_button{margin-top:20px}.BeAlert_box .BeAlert_button button{display:none;background-color:#8cd4f5;color:#fff;border:none;box-shadow:none;font-size:17px;font-weight:500;-webkit-border-radius:4px;border-radius:5px;padding:10px 30px;cursor:pointer;margin:0 10px;outline:none}.BeAlert_box .BeAlert_button button.BeAlert_cancel{background-color:#c1c1c1}.BeAlert_box .BeAlert_button button.BeAlert_cancel:hover{background-color:#b9b9b9}.BeAlert_box .BeAlert_button button.BeAlert_confirm:hover{background-color:#86cceb}