/*普宁要求的弹出登录框样式2018.6.25 by:wangjie*/


/*老的统一弹出样式*/
.ZebraDialog.pn-Dialog{/*width:900px!important;*/}
.ZebraDialog.pn-Dialog .ZebraDialog_Title{background:#0892e6; /*opacity:0.5;*/}
.ZebraDialog.pn-Dialog{background:#e4f8ff;border: 1px solid #666;}
.ZebraDialog.pn-Dialog .ZebraDialog_Body{
    text-align:left;  
    padding:20px; 
    background:url(images/PN_bg.png) no-repeat; 
    background-position:50px 30px; 
    /*min-height:300px;width:800px;*/ 
    margin:0 auto;
}
.ZebraDialog.pn-Dialog .POPLogin{margin-left:400px;}
.ZebraDialog.pn-Dialog .POPLogin{ border-left:0px #eee solid;}
.ZebraDialog.pn-Dialog .POPLogin .login-form{ 
    position: relative;
     min-height:230px; 
     height:auto;
     padding:30px; 
     border-radius: 4px;
    /*box-shadow: 0 0 20px 0 rgba(0,0,0,0.08);*/
    background:rgba(255, 255, 255, 0.43);

}
.ZebraDialog.pn-Dialog .login-form .login-box .login-btn span.main_logo{border:0;}
.ZebraDialog.pn-Dialog .login-form .login-box .login-btn .btn-img{background: #337ab7; border: 1px solid #2e6da4; height:42px;line-height:42px; border-radius:5px;}
.ZebraDialog.pn-Dialog .login-form .login-box .login-btn .btn-img:hover,
.ZebraDialog.pn-Dialog .login-form .login-box .login-btn .btn-img:focus{background-color: #286090;border-color: #204d74;}
.ZebraDialog.pn-Dialog .POPLogin input{width:268px; background:#fff;}
.ZebraDialog.pn-Dialog .login-box .form .item-fore1,
.ZebraDialog.pn-Dialog .login-box .form .item-fore2{width:100%; background:#fff;}
.ZebraDialog.pn-Dialog .ZebraDialog_Close{/*border-left:0;*/}
.ZebraDialog.pn-Dialog .login-form .login-box .login-btn{ height:auto;}
.ZebraDialog.pn-Dialog .POPLogin .login-box{/*padding-top:50px;*/}
.ZebraDialog.pn-Dialog .login-box .msg-warn{ margin-top:15px;}



.er-user-login.pn-Dialog .el-dialog__body{
    text-align:left;  
    padding:20px; 
    background:url(images/PN_bg.png) 50px 30px no-repeat #e4f8ff; 
    /*width:800px;*/ 
    min-height:345px;
    margin:0 auto;
}
.er-user-login .er-user-login-wrap{
 margin: 0px 0 0px 10px;
border-left: 0px solid #ccc; 
background: #fff;
padding: 30px;
border-radius: 4px;
 background:rgba(255, 255, 255, 0.43);
/*box-shadow: 0 0 20px 0 rgba(0,0,0,0.08);*/
}
.er-user-login .el-dialog__header{ background:#0892e6;}
.er-user-login.el-dialog .el-button--primary{background: #337ab7; border: 1px solid #2e6da4; height:42px; border-radius:5px; letter-spacing:15px; font-size:18px;text-align:center;}
.er-user-login.el-dialog .el-button--primary:hover{background-color: #286090;border-color: #204d74;}
.er-user-login .el-dialog__headerbtn{right:0; padding:0 15px; /*border-left:1px solid #3085b3;*/}
.er-user-login .el-form-item__label .icon-wrap {
    background: rgba(0, 0, 0, 0) url(images/pwd-icons-new.png) no-repeat scroll 0 0;
    height: 38px;
    left: 0;
    position: absolute;
    top: 0;
    width: 38px;
    z-index: 3;
}
.er-user-login .el-form-item__label  .icon-pwd{ background-position: -48px 0;}
.er-user-login .focus_input .icon-user{background-position: 0 -48px; border-color: #3aa2e4;}
.er-user-login .focus_input .icon-pwd{background-position: -48px -48px; border-color: #3aa2e4;}
.er-user-login .el-dialog__body .login-qrcode {
    border-radius: 4px;
    background: #fff;
 background:rgba(255, 255, 255, 0.43);
    margin: 0px 0 0px 10px;
    border-left: 0px solid #ccc;
    padding: 30px;
}
.er-user-login .el-dialog__body .login-qrcode .title{ margin:0;}
.er-user-login .small-text{margin-top:15px; border:1px solid #ffe57d;}
.er-user-login .er_register{font-size:0;}
.memberLogin  .memberLogin_form {padding: 30px;}
.pn-Dialog.memberLogin  .login-qrcode .title{ margin-top:0; padding-top:44px;}
.pn-Dialog.memberLogin  .login-qrcode .tip{ background:none;}
.pn-Dialog.er-user-login  .login-qrcode .tip{ background:none;}

.switch-box{position:absolute;right:0; top:0;}
.switch-box .switch-icon{position:absolute;right:0;cursor:pointer}
.switch-box .switch-icon.qrcode{width:36px;height:36px;background:url(images/icon-qrcode.png) no-repeat}
.switch-box .switch-icon.pc{width:36px;height:27px;background:url(images/icon-pc.png) no-repeat}
.switch-box .switch-text{position:absolute;right:30px;top:8px;width:61px;height:20px;font-size:12px;background:url(images/tip-bg.png) no-repeat;line-height:20px;padding-left:4px;color:#888}
.login-qrcode {}
.login-qrcode .title{font-size: 24px; color: #888; font-weight: 200; text-align: center; padding-top: 15px; padding-bottom: 24px;}
.login-qrcode .qrcode-box{position:relative;width:166px;height:166px;margin:0 auto;
                      /*  background: url(images/ewm.png) no-repeat center center;*/  
                      background-position:center center;

}
.login-qrcode .qrcode-box .failure{position:absolute;width:100%;height:100%;top:0;padding-top:28px;text-align:center;background-color:rgba(255,255,255,0.9)}
.login-qrcode .qrcode-box .failure .text{font-size:14px;color:#1e2639}
.login-qrcode .qrcode-box .failure .btn{width:112px;height:32px;font-size:14px}
.login-qrcode .tip{font-size:14px;text-align:center;margin-top:5px; }
.login-qrcode .qrcode-success .text{font-size:14px;font-weight:bold;color:#1e2639;padding-top:10px}
.hide{display: none;}
.forget-pw-safe{display:inline-block; margin-bottom:10px; float:right;}
.forget-pw-safe a{color:#666;}
.login-accountRule {
    cursor:pointer;
}
.login-accountRule-content{
    display: none; 
    text-align: left;
    position: absolute;
    background: rgba(255,255,255,0.9);
    width: 80%;
    line-height: 2em;
    top: 0;
    right: 100%;
    z-index: 1000;
    border-radius: 4px;
    padding: 10px;
    opacity: 0.8;
    box-shadow: 0 0 0.5rem 0 rgba(0,0,0,0.3);
}
.login-accountRule-wrap:hover span.login-accountRule:before {
    content: "";
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    z-index: 22;
    border-right: 8px solid #0892e6;
    border-bottom: 8px solid transparent;
    border-top: 8px solid transparent;
    left: 0;
}
.login-accountRule-wrap:hover .login-accountRule-content{
    display:block;
}
.login-accountRule-wrap{
    display:inline-block;
}
.ZebraDialog.pn-Dialog .login-qrcode,
.er-user-login .el-dialog__body .login-qrcode{display:none;}
.J-refresh{background:#4e88fb;color:#fff;margin-top:5px;}
.J-refresh:hover{background:#3478fc;border-color:#3478fc;color:#fff;}


/*农业登录图*/

.ZebraDialog.nongye-Dialog .ZebraDialog_Body{

    background:url(images/nongye_login_bg.png) no-repeat; 
    background-position:center left;
}
.memberLogin-message{
    font-size: 14px;
    text-align: left;
    min-height: 16px;
    color: red;
}