body {
    margin: 0;
    padding: 0;
}

#app {
    position: fixed;
    width: 100%;
    height: 100vh;
    /*overflow-y:scroll;*/
    background-image: url("../Images/Manages/login/loginBack.jpg");
    background-size: 100% 100%;
    /*display:flex;*/
    /*height:700px;*/
    overflow:auto;
    /*border:1px solid red;*/
}
.div_top {
    
    width: 100%;
    height: 80px;
    /*border:1px solid red;*/
}

.tb_top {
    width: 100%;
    height: 100%;
}
.SysName_Chinese {
    padding-left: 20px;
    letter-spacing: 5px;
    /*font-weight: bolder;
    font-size: 32px;
    color: #164D7A;*/
    font-size: 28px;
    color: #1b9bf6;
}
#span_Login {
    color: #337AB7;
}

    #span_Login:hover {
        cursor: pointer;
        color: #55d1f8;
    }
.div_mainCom{
    width:100%;
    /*height:calc(100% - 80px);*/
    /*border:1px solid #b6ff00;*/
     height:640px;
}

.div_UserLogin {
    /*width: 866px;
    height:582px;*/
     width:1300px;
     height:630px;
    /*height:630px;*/
     /*width:100%;
    height:100%;*/
    /*border:1px solid #ffd800;*/
    /*height: calc( 866 / ( 1287 / 866 ));*/
     /*height: calc( 866 * 866 / 1287 );*/
     /*height:582px;*/
     
    /*border: 1px solid red;*/
    background-image: url('../Images/Manages/login/loginBack2.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    /*margin-top:-30px;*/
    margin-left:auto; margin-right:auto;
    /*margin:auto auto;*/
    /*text-align:right;*/
}

#tb_userLogin {
    /*width: 230px;*/
    /*width: 260px;*/
    width: 720px;
    /*margin:auto;*/
    margin-left:auto;
    margin-right:auto;
    margin-top:110px;
   
    /*height: 180px;*/
    /*margin: 200px 70px auto auto;*/
    /*float:right;*/
    /*margin-left:550px;
    margin-top:100px;*/
    /*border:1px solid red;*/
}
.div_LoginType{width:50%;text-align:center;}
.div_LoginTypeSel{
    border-bottom:2px solid #1b9bf6; color:#3d5e83;
}
.div_LoginType:hover{
    /*border-bottom:2px solid #1b9bf6;*/ 
    color:#3d5e83;
    cursor:pointer;
}

.tr_loginType2{display:none;}

#div_getEmailYZM:hover{cursor:pointer;}

.notClick {
    pointer-events: none;
}
.div_getYZM {
    /*border-left: 1px solid #CCCCCC;
    width: 120px;
    height: 20px;
    line-height: 20px;
    color: #59afe8;
    text-align: center;*/
    /*position: absolute;*/
    /*margin-top: -30px;
    margin-left: 243px;
    cursor: pointer;*/
    color:#1b9bf6;
}

.div_btnAdd {
    /*width: 120px;
    height: 20px;
    line-height: 20px;
    text-align: center;*/
    /*border: 1px solid #C0C0C0;
    background-color: #dbd5d5;*/
    color: #CCCCCC;
    pointer-events: none;
    /*float:right;*/
    /*position: absolute;
    margin-top: -30px;
    margin-left: 243px;
    border-left: 1px solid #CCCCCC;*/
}

/*#tb_userLogin td{border:1px solid red;}*/

/*#tb_userLogin td:first-child{width:40px; padding-left:8px; }*/
.td_first{width:40px; height:40px; padding-left:5px;}

#tb_userLogin input[type=text],input[type=password]{/*border:1px solid red;*/ border:none; width:95%; height:40px; outline:none; color:#3d5e83;}

.btn_login{ width:100%; height:36px; background-color:#3d5e83; color:#ffffff; border:none; border-radius:3px;}

.btn_login:hover{ background-color:#6a889c;}

.chk_fwtk{float:left;}
.lab_wyyd{ float:left;padding-left:3px; }
.a_fwtk{ float:left;padding-left:3px; cursor:pointer; text-decoration:none;}
.lab_qgx{float:left; padding-left:3px;color:red; display:none;}