.nsconfdialog_bg{
    width:100%;height:100%;background: #333;opacity: 0;position: fixed;left:0;top:0;z-index: 10010;
}
.nsconfdialog_bx{background: #fff;width:420px;height:500px;position: fixed;left:50%;top:50%;margin-left:-210px;
    margin-top:-250px;z-index: 10011;overflow: hidden;border-radius: 3px;
    /*animation: both bounceIn .8s;*/
    /*-webkit-animation: both bounceIn .8s;*/
    animation: both boxOpacity .3s;
    -webkit-animation: both boxOpacity .3s;

}
.nsconfdialog_bx h2{height:40px;padding:0 0 0 15px;background: #eee;line-height: 40px;border-bottom: solid 0px #ddd;}
.nsconfdialog_bx h2 span{float:left;font-size:14px;color:#666;}
.nsconfdialog_bx h2 i{float:right;width:30px;display: block;height:30px;margin:5px 10px 0 0;opacity: .6;
    background: url("../images/icon_close.png?2") no-repeat center;background-size: 12px;transition: all .3s;}
.nsconfdialog_bx h2 i:hover{cursor: pointer;opacity: 1;}
.nsconfdialog_cn{background: #fff;padding:30px;}


.nsdialog_cbx{width:400px;height:200px;background: #fff;overflow: hidden;position: fixed;
    z-index:10020;left:50%;top:50%;margin-left:-200px;margin-top:-100px;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
    /*animation: both bounceIn .8s;*/
    /*-webkit-animation: both bounceIn .8s;*/
    animation: both boxOpacity .2s;
    -webkit-animation: both boxOpacity .2s;
}
.nsdialog_cbx h2{height:40px;padding:0 0 0 15px;background: #000;line-height: 40px;border-bottom: solid 0px #ddd;}
.nsdialog_cbx h2 span{float:left;font-size:14px;color:#fff;}
.nsdialog_cbx h2 i{float:right;width:30px;display: block;height:30px;margin:5px 10px 0 0;opacity: .6;
    background: url("../images/icon_close.png?2") no-repeat center;background-size: 12px;transition: all .3s;}
.nsdialog_cbx h2 i:hover{cursor: pointer;opacity: 1;}
.nsdialog_cbx .text{padding:20px;text-align: center;min-height:60px;line-height: 45px;font-size:15px;color:#666;overflow: hidden;}
.nsdialog_cbx .text b{color:#f00;}
.nsdialog_cbx .btn{text-align: center;}
.nsdialog_cbx .btn a{color:#e00c0c;display: inline-block;margin-left:20px;vertical-align: 1px;}
.nsdialog_cbx .btn button{width:90px;height:32px;font-size:13px;text-align: center;background: #eee;color: #666;margin:0 8px;transition: all .3s;box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
    display: inline-block;border:0;opacity: .8;}
.nsdialog_cbx .btn button.sure{background: #f90;color:#fff;}
.nsdialog_cbx .btn button:hover{opacity: 1;cursor: pointer;}

#nsdialog_toast{
    height:45px;line-height: 45px;min-width:100px;background: rgba(51, 51, 51, .8);padding:0 20px;text-align: center;font-size:13px;
    position: fixed;z-index:10100;left:50%;top:50%;margin-top:-20px;color:#fff;
    animation: both bounceIn .8s;
    -webkit-animation: both bounceIn .8s;
}
.nsdialog_bg,.nsdialog_cbx_bg{
    width:100%;height:100%;background: #333;opacity: 0.5;position: fixed;left:0;top:0;z-index: 10000;
    animation: both bgOpacity .2s;
    -webkit-animation: both bgOpacity .2s;
}
.nsdialog_bg_no{opacity: 0;}
.nsdialog_cbx_bg{z-index: 10019;}
.nsdialog_box{
    width:120px;height:120px;overflow: hidden;
    margin-left:-60px;margin-top:-60px;
    position: fixed;z-index:10100;left:50%;top:50%;background:rgba(51, 51, 51, .8);
    animation: both loadOpacity .2s;
    -webkit-animation: both loadOpacity .2s;
}
.nsdialog_box .loading{height:40px;margin:30px auto 0 auto;overflow: hidden;text-align: center;}
.loading span{
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 3px;
    background: #fff;
    -webkit-animation: load 1s ease infinite;
}
@-webkit-keyframes load{
    0%{
        opacity: 1;
    }
    100%{
        opacity: 0;
    }
}
.loading span:nth-child(1){
    -webkit-animation-delay:0.13s;
}
.loading span:nth-child(2){
    -webkit-animation-delay:0.26s;
}
.loading span:nth-child(3){
    -webkit-animation-delay:0.39s;
}

.nsdialog_box .success{width:72px;height:64px;border-radius: 50%;margin: 10px auto 5px auto;overflow: hidden;border:solid 0px #09f;
  background:url("../images/icon_success.png") no-repeat center;background-size: 50px;}
.nsdialog_box .fail{width:72px;height:64px;border-radius: 50%;margin: 25px auto 5px auto;overflow: hidden;border:solid 0px #09f;
  background:url("../images/icon_fail.png") no-repeat center;background-size: 36px;}
.nsdialog_box .number{
    background:none;color:#fff;font-size:46px;line-height: 80px;text-align: center;
    border:solid 1px #fff;width:80px;height:80px;margin:20px auto 10px auto;border-radius: 50%;
}
.nsdialog_box .text{text-align: center;font-size:13px;color:#ccc;padding:0 15px;}
.nsdialog_box .text b{color:#c00;font-weight: normal;}
.nsdialog_box_fail{width:auto;min-width:120px;max-width:300px;}
.nsdialog_box_fail .fail{margin: 10px auto 5px auto;}

@keyframes bgOpacity {
    0%{opacity: 0}
    25%{opacity: .2;}
    50%{opacity: .3;}
    75%{opacity: .4;}
    100%{opacity: .5;}
}
@keyframes loadOpacity {
    0%{background:rgba(51, 51, 51, 0);}
    25%{background:rgba(51, 51, 51, .2)}
    50%{background:rgba(51, 51, 51, .4)}
    75%{background:rgba(51, 51, 51, .6)}
    100%{background:rgba(51, 51, 51, .8)}
}
@keyframes boxOpacity {
    0%{opacity: 0}
    20%{opacity: .2;}
    40%{opacity: .4;}
    60%{opacity: .6;}
    80%{opacity: .8;}
    100%{opacity: 1;}
}


#nsfail{width:150px;height:150px;position: fixed;background: rgba(51, 51, 51, .8);
    z-index:10100;left:50%;top:50%;margin-top:-75px;margin-left:-75px;color:#ccc;border-radius: 10px;text-align: center;font-size:13px;
}
#nsfail .icon{width:72px;height:72px;border-radius: 50%;margin: 25px auto 5px auto;overflow: hidden;
  background:url("../images/icon_fail.png") no-repeat center;background-size: 48px;}

#nsdialog .lingbx .circular {
  -webkit-animation: rotate 2s linear infinite;
          animation: rotate 2s linear infinite;
  height: 100%;
  -webkit-transform-origin: center center;
          transform-origin: center center;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
#nsdialog .lingbx .path {
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  -webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
          animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
  stroke-linecap: round;
}

#nsdialog .bgtsl{opacity: 0;z-index: 10200;}
#nsdialog .lingbgtsl{z-index: 20201;}
#nsdialog .lingbxtsl{z-index: 20202}
#nsdialog .toasttsl{z-index: 20500;}
