.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!important; }
.window-panel .title-panel { position: absolute; height: 36px; width: 100%; border-radius: 4px 4px 0 0!important; }
.window-panel .title { position: absolute; height: 36px; width: 100%; text-align: center; border-radius: 4px 4px 0 0!important; 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: 26px!important; height: 26px!important; line-height: 26px!important; right: 0px; text-decoration: none; font-size: 21px; color: black; background-color: #DBDBDB; border-radius: 2px!important; z-index: 1; margin: 4px 4px auto auto!important; }
.window-panel .close-btn:hover { background-color: #ccc; }
.window-panel .body-panel { position: absolute; width: 100%; top: 36px; border-radius: 0 0 4px 4px; z-index: 1; }
.window-panel .content, .window-panel .btns { text-align: center; margin-top:10px; font-size: 14px;}
.window-panel .content { padding: 18px 5px 0px 5px; min-height: 40px; line-height: 30px; margin-top: 28px; }
.window-panel .btns { position:absolute; bottom: 15px; width: 100%;}
.window-panel .w-btn { display: inline-block; width: 60px; height: 26px; line-height: 26px; background-color: #337ab7; color: white; cursor: pointer; text-align: center; border-radius: 2px!important; text-decoration: none; margin: 0 10px 0px 10px; border: none;}
.window-panel .w-btn:hover { background-color: #286090; }
.window-panel .w-btn:focus { outline: 0 none; }