@charset "utf-8";
a,input,textarea,select,button,a:focus,input:focus,textarea:focus,select:focus,button:focus {outline: none;}
a:active,input:active,textarea:active,select:active,button:active {star:expression(this.onFocus=this.blur());}
.btns button {background-color: #FAFAFC;width: 50%;height: 42px;line-height: 42px;color: #444;font-size: 15px;border: 0;padding: 0; border-top: 1px solid #EAEAEB; cursor: pointer; }
.btns button.ok { color: #0BB20C !important;}
.btns button.wbf100 { width: 100% !important;}
.btns button.cancel { border-right: 1px solid #EAEAEB}

.boxPack{opacity: 0; position: fixed; top: 0; left: 0; right: 0; bottom: 0;z-index: 999;transition:opacity 1s; text-align: center;}
.boxPack.open { opacity: 1 }
.colsePsBox { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; }

.toastPsBox .txt{display: inline-block; margin: 15px; padding:15px 20px; min-width: 90px; background: rgba(0,0,0,.8); font-size: 14px; color: #fff; border-radius: 10px; text-align: center; position: relative; z-index: 2;}
.toastPsBox .txt .type.ok,
.toastPsBox .txt .type.loading { display: block; width: 50px; height: 50px; margin: 0 auto 5px; background: url(ok-ico-1-1.png) no-repeat center; background-size: 90%;}
.toastPsBox .txt .type.loading { background-image:url(loading-ico-1-1.png);background-size: 80%;  -webkit-animation: loading 4s linear infinite; animation: loading 4s linear infinite; }
.alertPsBox { background: rgba(0,0,0,.6);}
.alertPsBox .alertBox{ width: 280px; position: absolute; top: 50%; left: 50%; margin: -300px 0 0 -140px;  background: #fff; border-radius: 10px; z-index: 2; overflow: hidden; }
.alertPsBox .alertBox h4{padding: 15px 10px;font-size: 16px; color: #333; text-align: center;}
.alertPsBox .alertBox p {padding: 0 20px; font-size: 14px; color: #888; word-wrap: break-word; word-break: break-all; text-align: left;}
.alertPsBox .alertBox ul { padding: 0 15px; color: #555; font-size: 14px;}
.alertPsBox .alertBox ul li { padding: 5px; text-align: left;}
.alertPsBox .alertBox .btns { padding-top:20px;}
.alertPsBox .alertBox span{cursor: pointer; color: #004EFF;}

@keyframes loading {
    0% {
        -webkit-transform:rotate(0deg);
        -moz-transform:rotate(0deg);
        transform:rotate(0deg);
    }
    100%{
        -webkit-transform:rotate(360deg);
        -moz-transform:rotate(360deg);
        transform:rotate(360deg);
    }
}


@media screen and (max-width: 760px) {
    .boxPack{display: -webkit-box;-webkit-box-orient: horizontal;-webkit-box-pack: center;-webkit-box-align: center;display: box;box-orient: horizontal;box-pack: center;box-align: center;}
    .alertPsBox .alertBox{ width: 70%; top: 10%; margin: 0 0 0 -35%;}
    .toastPsBox .txt { width: auto;}
}