/**客开新增模板一**/
.login_area_all .login_box .login_top .phonenumber{height:48px;width: 267px;background-color:rgba(255,255,255,0.7);border-radius:3px}
.login_area_all .login_box .login_top .phonenumber input{margin-top:12px;width:132px;height:24px;line-height:24px;vertical-align:top;border:0;background:none;font-size:16px;padding-left: 0px;}
.login_area_all .login_box .login_top .phonenumber select{ width:66px;}
.login_area_all .login_box .login_top .phonenumber .areaCodes{ width: 75px; background-color: transparent;  border: 0px solid #dcdfe6;} 
.login_area_all .login_box .login_top .smsverifyCode{margin-top:12px;height:48px;width:267px;background-color:rgba(255,255,255,0.7);border-radius:3px}
.login_area_all .login_box .login_top .smsverifyCode input{margin-top:12px;width:131px;height:24px;line-height:24px;vertical-align:top;border:0;background:none;font-size:16px}
.login_area_all .login_box .login_top .smsverifyCode a{color: rgba(0,0,0,0.30);cursor: pointer; width: 86px;  height: auto; padding-top: 12px;}


/**客开新增 模板二**/
.login_area_t_b .login_box .login_top .phonenumber{margin-top:12px;height:48px;width:280px;float:left;background-color:rgba(255,255,255,0.7);border-radius:25px}
.login_area_t_b .login_box .login_top .phonenumber input{margin-top:12px;width:150px;height:24px;line-height:24px;vertical-align:top;border:0;background:none;font-size:16px;padding-left: 0px;}
.login_area_t_b .login_box .login_top .phonenumber select{width: 66px;}
.login_area_t_b .login_box .login_top .phonenumber .areaCodes{ width: 75px; background-color: transparent;  border: 0px solid #dcdfe6;} 
.login_area_t_b .login_box .login_top .smsverifyCode{margin-top:12px;margin-left:15px;height:48px;width:280px;float:left;background-color:rgba(255,255,255,0.7);border-radius:25px}
.login_area_t_b .login_box .login_top .smsverifyCode input{margin-top:12px;width:135px;height:24px;line-height:24px;vertical-align:top;border:0;background:none;font-size:16px}
.login_area_t_b .login_box .login_top .smsverifyCode a{color: rgba(0,0,0,0.30);cursor: pointer; width: auto;  height: auto; padding-top: 12px;}

/**客开新增 模板三**/
.login_area_l_r .login_box .login_top .phonenumber{height:48px;width: 300px;background-color:rgba(255,255,255,0.7);border-radius:25px}
.login_area_l_r .login_box .login_top .phonenumber input{margin-top:12px;width:175px;height:24px;line-height:24px;vertical-align:top;border:0;background:none;font-size:16px;padding-left: 0px;}
.login_area_l_r .login_box .login_top .phonenumber select{width:66px;}
.login_area_l_r .login_box .login_top .phonenumber em{display:inline-block;height:38px;width:40px;position:relative;top:3px;left:0px;background:url(../../../main/login/default/images/phoneNm.png?V=V71_2019_04_30)   no-repeat; background-position:14px 7px;}
.login_area_l_r .login_box .login_top .phonenumber .areaCodes{ width: 75px; background-color: transparent;  border: 0px solid #dcdfe6;} 
.login_area_l_r .login_box .login_top .smsverifyCode{margin-top:12px;height:48px;width: 300px;background-color:rgba(255,255,255,0.7);border-radius:25px}
.login_area_l_r .login_box .login_top .smsverifyCode input{margin-top:12px;width:150px;height:24px;line-height:24px;vertical-align:top;border:0;font-size:16px;background:none}
.login_area_l_r .login_box .login_top .smsverifyCode a{color: rgba(0,0,0,0.30);cursor: pointer; width: 100px;  height: auto; padding-top: 12px;}

/**客开新增模板四**/
.login_area_center .login_box .login_top .phonenumber{height:48px;width:99%;border-radius:3px;border:2px solid rgba(255,255,255,0.7)}
.login_area_center .login_box .login_top .phonenumber input{margin-top:12px;width:201px;height:24px;line-height:24px;vertical-align:top;border:0;background:none;font-size:16px;padding-left: 0px;}
.login_area_center .login_box .login_top .phonenumber select{width:66px;}
.login_area_center .login_box .login_top .phonenumber .areaCodes{ width: 75px; background-color: transparent;  border: 0px solid #dcdfe6;} 
.login_area_center .login_box .login_top .smsverifyCode{height:48px;width:99%;border-radius:3px;margin-top:12px;border:2px solid rgba(255,255,255,0.7)}
.login_area_center .login_box .login_top .smsverifyCode input{margin-top:12px;width:194px;height:24px;line-height:24px;vertical-align:top;border:0;background:none;font-size:16px}
.login_area_center .login_box .login_top .smsverifyCode a{color: rgba(0,0,0,0.30);;cursor: pointer; width: 92px;  height: auto; padding-top: 12px;}

/**客开新增模板五**/
.login_area_center_big .login_box .login_top .phonenumber{width:320px;height:46px;border-radius:50px;border:2px solid rgba(255,255,255,0.4);margin-left:110px}
.login_area_center_big .login_box .login_top .phonenumber input{margin-top:12px;width:250px;height:24px;line-height:24px;vertical-align:top;border:0;background:none;font-size:16px;padding-left: 0px;}
.login_area_center_big .login_box .login_top .phonenumber select{width:66px;}
.login_area_center_big .login_box .login_top .phonenumber .areaCodes{ width: 88px; background-color: transparent;  border: 0px solid #dcdfe6;} 
.login_area_center_big .login_box .login_top .smsverifyCode{width:320px;height:46px;border-radius:50px;border:2px solid rgba(255,255,255,0.4);margin-left:110px;margin-top:18px}
.login_area_center_big .login_box .login_top .smsverifyCode input{margin-top:12px;width:180px;height:24px;line-height:24px;vertical-align:top;border:0;background:none;font-size:16px}
.login_area_center_big .login_box .login_top .smsverifyCode a{color: rgba(0,0,0,0.30);cursor: pointer; width: auto;  height: auto; padding-top: 12px;}

/**客开新增**/
.phonenumber em{display:inline-block;height:38px;width:45px;position:relative;top:3px;left:0px;background:url(../../../main/login/default/images/phoneNm.png?V=V71_2019_04_30)   no-repeat; background-position:14px 7px;}
.smsverifyCode em{display:inline-block;height:38px;width:40px;position:relative;top:3px;left:0px;background:url(../../../main/login/default/images/verifyCode.png?V=V71_2019_04_30) no-repeat;background-position:14px 7px;}

/**客开新增 登录前门户**/
.fromLoginPrePortal .login_box .login_top .phonenumber{position:relative;border:1px solid #D9D9D9;background:#fff}
/* .fromLoginPrePortal .login_box .login_top .phonenumber div{width: 100%} */
.fromLoginPrePortal .login_box .login_top .phonenumber select{width:72px}
.fromLoginPrePortal .login_box .login_top .phonenumber input{width:220px;margin-top:12px;font-size:14px;}
.fromLoginPrePortal .login_box .login_top .phonenumber{border:1px solid #D9D9D9}
.fromLoginPrePortal .login_box .login_top .phonenumber{height:40px}
/* .fromLoginPrePortal .login_box .login_top .phonenumber input{margin-top:8px} */
.fromLoginPrePortal .login_box .login_top .phonenumber .areaCodes{width: 76px; background-color: transparent;  border: 0px solid #dcdfe6;} 
.fromLoginPrePortal .login_box .login_top .smsverifyCode em{display:inline-block;height:38px;width:48px;position:relative;top:3px;left:0px;background:url(../../../main/login/default/images/verifyCode.png?V=V71_2019_04_30) no-repeat;background-position:14px 7px;}
.fromLoginPrePortal .login_box .login_top .smsverifyCode{position:relative;border:1px solid #D9D9D9;background:#fff}
.fromLoginPrePortal .login_box .login_top .smsverifyCode div{width: 100%}
.fromLoginPrePortal .login_box .login_top .smsverifyCode input{width:auto;font-size: 14px;}
.fromLoginPrePortal .login_box .login_top .smsverifyCode{height:40px}
.fromLoginPrePortal .login_box .login_top .smsverifyCode a{position: absolute;right: 0px;font-size: 14px;color: #999999;cursor: pointer;   height: auto; padding-top: 10px;}
.fromLoginPrePortal .qrcodeArea font{color:#999}

.login_area_all .phone_error{display:none;position:absolute;z-index:10;left:33px;top:50px;padding:8px 20px 8px 65px;width:185px;font-size:12px;line-height:18px;color:#fb2727;border-radius:5px;background:url(../../../main/login/default/images/error.png?V=V71_2019_04_30) 30px center no-repeat #FEF3B7;box-shadow:2px 2px 2px #aaa}
.login_area_t_b .phone_error{display:none;position:absolute;z-index:10;top:-16px;left:50%;padding:8px 20px 8px 65px;margin-left:-90px;width:185px;font-size:12px;line-height:18px;color:#fb2727;border-radius:5px;background:url(../../../main/login/default/images/error.png?V=V71_2019_04_30) 30px center no-repeat #FEF3B7;box-shadow:2px 2px 2px #aaa}
.login_area_l_r .phone_error{display:none;position:absolute;z-index:10;left:54px;top:50px;padding:8px 20px 8px 65px;width:191px;font-size:12px;line-height:18px;color:#fb2727;border-radius:5px;background:url(../../../main/login/default/images/error.png?V=V71_2019_04_30) 30px center no-repeat #FEF3B7;box-shadow:2px 2px 2px #aaa}
.login_area_center .phone_error{display:none;position:absolute;z-index:10;left:33px;top:73px;padding:8px 20px 8px 65px;width:185px;font-size:12px;line-height:18px;color:#fb2727;border-radius:5px;background:url(../../../main/login/default/images/error.png?V=V71_2019_04_30) 30px center no-repeat #FEF3B7;box-shadow:2px 2px 2px #aaa}
.login_area_center_big .phone_error{display:none;position:absolute;z-index:10;left:140px;top:25%;padding:8px 20px 8px 65px;width:185px;font-size:12px;line-height:18px;color:#fb2727;border-radius:5px;background:url(../../../main/login/default/images/error.png?V=V71_2019_04_30) 30px center no-repeat #FEF3B7;box-shadow:2px 2px 2px #aaa}
.fromLoginPrePortal .phone_error{left:12px;top:40px;right:12px;margin:auto}
.fromLoginPrePortal .phone_error{box-shadow:0px 0px 20px 2px rgba(206,200,200,1)}
.fromLoginPrePortal .phone_error{display:none;position:absolute;z-index:10;left:-75px;top:7%;padding:8px 20px 8px 65px;width:185px;font-size:12px;line-height:18px;color:#fb2727;border-radius:5px;background:url(../../../main/login/default/images/error.png?V=V71_2019_04_30) 30px center no-repeat #FEF3B7;box-shadow:2px 2px 2px #aaa;z-index:1000}
.code_sent_success{
    display: block;
    position: absolute;
    height: 24px;
    z-index: 10;
    left: 9px;
    top: 1%;
    padding: 8px 20px 8px 65px;
    width: 185px;
    font-size: 12px;
    line-height: 18px;
    color: black;
    border-radius: 5px;
    background: url(../../../main/login/default/images/correct.png?V=V71_2019_04_30) 30px center no-repeat #EFF7E6;
    box-shadow: 2px 2px 2px #aaa;
}

.el-select-dropdown__wrap .el-scrollbar__wrap{
    width: 300px
}
.login_area_all .login_bottom{
    border-radius: 0px 0px 0px 0px
}
.login_area_all  .qrcodeArea{
    height:36px;
    line-height: 36px;
    text-align:center;
    position:relative;
}
.login_area_all  .qrcodeArea div:before,.qrcodeArea div:after
{
    position:absolute;
    background:rgba(255,255,255,0.10);;
    content:"";
    height:1px;
    top:50%;
    width:100px;
}
.login_area_all .qrcodeArea div:before{left:10px;}
.login_area_all .qrcodeArea div:after{right:10px;}

/**登录页模板三*/
.login_area_l_r  .qrcodeArea{
    height:36px;
    line-height: 36px;
    text-align:center;
    position:relative;
}
.login_area_l_r  .qrcodeArea div:before{
    position:absolute;
    background:rgba(255,255,255,0.10);;
    content:"";
    height:1px;
    top:50%;
    width:100px;
}
.login_area_l_r .qrcodeArea div:after{
    position:absolute;
    background:rgba(255,255,255,0.10);;
    content:"";
    height:1px;
    top:50%;
    width:100px;
}
.login_area_l_r .qrcodeArea div:before{left:40px;}
.login_area_l_r .qrcodeArea div:after{right:40px;}
.login_area_l_r .sms_Login_switch{
    text-decoration: none;
    cursor: pointer;
}
.sms_Login_switch{
  width: 72px;
  height: 17px;
 font-weight: 400;
 font-size: 12px;
 color: #FFFFFF; 
 letter-spacing: 0;
 text-align: right; 
 text-decoration: underline;

}
/**登录页4*/
.login_area_center  .qrcodeArea{
    height:36px;
    line-height: 36px;
    text-align:center;
    position:relative;
}
/**登录页模板一*/
.login_area_all .qrcodeArea div:before{
    position:absolute;
    background:rgba(255,255,255,0.10);;
    content:"";
    height:1px;
    top:50%;
    width:100px;
}
.login_area_all .qrcodeArea div:after{
    position:absolute;
    background:rgba(255,255,255,0.10);;
    content:"";
    height:1px;
    top:50%;
    width:100px;
}
.login_area_all .qrcodeArea div:before{left:10px;}
.login_area_all .qrcodeArea div:after{right:10px;}
.login_area_all  .sms_Login_switch{
    text-decoration: none;
    cursor: pointer;
}
/**登录页模板二*/
.login_area_t_b .sms_Login_switch{
    text-decoration: none;
    cursor: pointer;
}

/**登录页模板四 分割线样式*/
.login_area_center .sms_Login_switch{
    text-decoration: none;
    cursor: pointer;
}
.login_area_center .qrcodeArea div:before{
    position:absolute;
    background:rgba(255,255,255,0.10);;
    content:"";
    height:1px;
    top:50%;
    width:100px;
}
.login_area_center .qrcodeArea div:after{
    position:absolute;
    background:rgba(255,255,255,0.10);;
    content:"";
    height:1px;
    top:50%;
    width:100px;
}
.login_area_center .qrcodeArea div:before{left:10px;}
.login_area_center .qrcodeArea div:after{right:10px;}

/**登录页模板五*/
.login_area_center_big .qrcodeArea div:before,.qrcodeArea div:after{
    position:absolute;
    background:rgba(255,255,255,0.10);;
    content:"";
    height:0px;
    top:50%;
    width:0px;
}
.login_area_center_big .swith_phone{
    display: inline-block;
    cursor: pointer;
}
/**登录前门户*/
.fromLoginPrePortal .qrcodeArea div:before{
    position:absolute;
    background:#F3F3F3;
    content:"";
    height:1px;
    top:50%;
    width:32%;
}
.fromLoginPrePortal .qrcodeArea div:after{
    position:absolute;
    background:#F3F3F3;
    content:"";
    height:1px;
    top:50%;
    width:32%;
}
.fromLoginPrePortal .qrcodeArea div:before{left:10px;}
.fromLoginPrePortal .qrcodeArea div:after{right:10px;}

.el-select-dropdown .el-select-dropdown__wrap{
    max-height: 200px !important;
}
.fromLoginPrePortal .sms_Login_switch{
    text-decoration: none;
    cursor: pointer;
}