.win { display: none; }
.mask-layer { position: fixed;  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; left:40%;  width:320px; text-align: center; border-radius: 4px 4px 0 0; line-height: 36px; vertical-align: middle; background-color: #0b517f;color: #fff; /*标题背景色*/ border-bottom: 1px solid rgb(233, 233, 233); z-index: 1; }
.window-panel h3 { font-size: 16px; margin-top: 10px; }
.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; left:40%;border: 1px solid #dbdbdb;height: 90px; width:320px; top: 36px; border-radius: 0 0 4px 4px; z-index: 1;background: #fff; }
.window-panel .body-panel.toast-panel{ position: absolute; color:#fff;background:rgba(0,0,0,0.3); }
.window-panel .content, .window-panel .btns { text-align: center; }
.window-panel .content { width:320px;padding: 10px 10px 0px 10px; font-size: 16px; min-height: 40px; line-height: 22px; }
.window-panel .content.toast-content{padding:0;min-height:0;}
.window-panel .w-btn { display: inline-block; width: 60px; height: 26px; line-height: 26px; background-color: #0b517f; 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: #0b517f; }
.window-panel .w-btn:focus { outline: 0 none; }
@media only screen and (max-width:767px) {
    .window-panel { top: 60%;}
    .window-panel .title{width:260px;left:5.5%;}
    .window-panel .body-panel {left:5.5%;width: 260px;}
    .window-panel .content {  width: 260px;}
    }

/*遮罩层*/

#fullbg {

    background-color: #999;

    left:0;

    opacity:0.5;

    position:absolute;

    top:0;

    z-index:9999;

    filter:alpha(opacity=50);

    -moz-opacity:0.5;

    -khtml-opacity:0.5;

}



.loadEffect{

    width: 100px;

    height: 100px;

    position:fixed !important; /* 浮动对话框 */

    top:50%;

    left:50%;

    display:none;

}

.loadEffect span{

    display: inline-block;

    width: 16px;

    height: 16px;

    border-radius: 50%;

    background: #f6670d;

    position: absolute;

    -webkit-animation: load 1.04s ease infinite;

}

@-webkit-keyframes load{

    0%{

        opacity: 1;

    }

    100%{

        opacity: 0.2;

    }

}

.loadEffect span:nth-child(1){

    left: 0;

    top: 50%;

    margin-top:-8px;

    -webkit-animation-delay:0.13s;

}

.loadEffect span:nth-child(2){

    left: 14px;

    top: 14px;

    -webkit-animation-delay:0.26s;

}

.loadEffect span:nth-child(3){

    left: 50%;

    top: 0;

    margin-left: -8px;

    -webkit-animation-delay:0.39s;

}

.loadEffect span:nth-child(4){

    top: 14px;

    right:14px;

    -webkit-animation-delay:0.52s;

}

.loadEffect span:nth-child(5){

    right: 0;

    top: 50%;

    margin-top:-8px;

    -webkit-animation-delay:0.65s;

}

.loadEffect span:nth-child(6){

    right: 14px;

    bottom:14px;

    -webkit-animation-delay:0.78s;

}

.loadEffect span:nth-child(7){

    bottom: 0;

    left: 50%;

    margin-left: -8px;

    -webkit-animation-delay:0.91s;

}

.loadEffect span:nth-child(8){

    bottom: 14px;

    left: 14px;

    -webkit-animation-delay:1.04s;

}