@charset "utf-8";
input,button,select,textarea,span{outline:none;}
html{
    width: 100%;
    height: 100%;
}
body{
    margin: 0;
    padding: 0;
    font-family: "PingFang SC","Microsoft Yahei",Verdana,simsun,Arial,Helvetica,sans-serif;
    font-size: 14px;
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    overflow-y: hidden;
    overflow-x: hidden;
}
.login_container{
    position: fixed;
    width: 33.33%;
    height: 100%;
    background: #fff;
    top: 0;
    right: 0;
}
.title{position: fixed;top: 0;left: 120px;font-size:30px;font-weight:bold;color:#fff;padding:20px;height:80px;box-sizing:border-box;line-height:40px;background: rgba(0,0,0,0.4);}
.loginArea_a { position: absolute; top: calc(50% - 156px); left: 0; right: 0; margin: auto; width: 275px; padding: 0 25px; background: rgba(0,0,0,0.4); }
.loginArea_a h1 { font-size: 18px; color: #fff; line-height: 30px; margin: 24px 0 20px 0; }
.userID { line-height: 22px;background: url("../images/login/loginUserIco_a.png") no-repeat 13px center #fff; padding: 11px 5px 11px 44px; width: 260px;  font-size: 14px; color: #404040; border: none; }
.passWord { line-height: 22px;background: url("../images/login/loginPasswordIco_a.png") no-repeat 13px center #fff; padding: 11px 5px 11px 44px; width: 260px;  font-size: 14px; color: #404040; border: none; }
.loginCode { line-height: 22px;background: url("../images/login/imgCode.png") no-repeat 13px center #fff; margin-bottom: 22px; padding: 11px 5px 11px 44px; width: 144px;  font-size: 14px; color: #404040; border: none; }
.phoneNum { line-height: 22px;background: url("../images/login/loginPhone.png") no-repeat 13px center #fff; padding: 11px 5px 11px 44px; width: 260px;  font-size: 14px; color: #404040; border: none; }
.vCode { line-height: 22px;background: url("../images/login/loginCode.png") no-repeat 13px center #fff; padding: 11px 5px 11px 44px; width: 124px;  font-size: 14px; color: #404040; border: none; }
.codeButton { width: 110px; height:24px;padding: 10px; text-align: center; font-size: 14px; line-height: 24px; color: #fff; background-color: #5cad34; border: none; cursor: pointer; }
.codeButton:disabled { background-color: #aaa;}
.agentLoginBtn_a { width: 309px; padding: 12px 0; line-height: 20px; font-size: 16px; color: #fff; background-color: #356b1b; border: none; cursor: pointer; }
.agentLoginBtn_a:hover { background-color: #438721;}
.codeDiv1{float: left;margin: 0 6px 0 0;}
.codeDiv2{float: left;}
.loginArea_a.sizeOt { width: 309px; padding: 0 45px; }
.loginType {float: left;border-bottom: 2px solid white;text-align:center;width:calc( 50% - 1px );font-size:18px;font-weight:normal;color:white;line-height: 40px;margin: 24px 0 26px 0;cursor:pointer;}
.loginType2 {float: left;border-bottom: 2px solid white;text-align:center;width:calc( 50% - 1px );font-size:18px;font-weight:normal;color:white;line-height: 40px;margin: 24px 0 26px 0;cursor:pointer;}
.loginTypeLine{float: left;width: 2px;height:40px;line-height:42px;font-size:18px;margin: 24px 0 26px 0;border-bottom: 2px solid white;}
.loginSelected {border-bottom: 2px solid #5cad34;}
.err{clear:both;line-height: 22px;height:22px;width: 260px;color: white;font-size: 8px;}
.hidden{display: none;}
.forgetPaw{
    text-align:right;
    line-height: 30px;
}
.forgetPaw a{
    color:#fff;
}
@media screen and (max-width: 1024px) {
    body{
        background-size: auto 100%;
    }
    .title{position: fixed;top: 0;left: 0px;margin: auto; font-size:20px;font-weight:bold;color:#fff;padding:20px;height:80px;box-sizing:border-box;line-height:40px;background: rgba(0,0,0,0.4);}
    .loginArea_a.sizeOt { width: 309px; padding: 0 25px; }
}
@media screen and (min-width: 769px) {
}

.copy-right{
    position: fixed;
    background: rgba(0,0,0,0.5);
    text-align: center;
    width: 100%;
    padding: 10px 0;
    margin: 0px auto;
    bottom: 0;
    color: #fff;
}
.footer-a:link{
    color: #fff;
}
.footer-a:hover{
    color: #5cad34;
}
.footer-a:visited{
    color: #fff;
}