*{
    padding:0;
    margin:0;
}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    -webkit-text-fill-color: #333 !important;
    -webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
    background-color: transparent;
    background-image: none;
    transition: background-color 50000s ease-in-out 0s;
}

input {
    background-color: transparent;
}
.loginBox {
    position:fixed;
    width: 100%;
    height: 100%;
    left:0;
    top:0;
    display: flex;
    flex-direction: row-reverse;
    background: url(../images/loginImg1.jpg) no-repeat left center/50% 100%;
}
.loginCon {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: url(../images/loginImg2.jpg) no-repeat center center/100% 100%;
}
.projectName{
    font-size:48px;
    font-weight:bold;
    color:#474747;
    text-align:center;
}
.projectName::after {
    content: "";
    display: block;
    height: 2px;
    background: url(../images/loginLine.png) no-repeat center center/auto 100%;
    margin:25px 0 60px;
}
.word1{
    font-size:14px;
    font-weight:bold;
    color:#000;
    margin-bottom:5px;
}
.word2 {
    font-size: 14px;
    font-weight:100;
    color: #8095aa;
}
dt{
    font-size:18px;
    color:#000;
    font-weight:100;
    margin:25px 0 5px;
}
dd {
    width:490px;
    height: 44px;
    padding:0 2px 0 10px;
    line-height: 40px;
    border: 2px solid #d0d0d0;
    display:flex;
    justify-content:space-between;
    align-items:center;
}
dd i {
    color: #5c7df8
}
dd input{
    border:none;
    text-indent:15px;
    background:none;
    flex:1;
}
.inputIco{
    height:36px;
}
.inputIco img {
    display: block;
    width: 80px;
    height: 100%;
}
#loginBtn {
    margin-top: 45px;
    width: 490px;
    height: 36px;
    line-height: 36px;
    background: #5d7df8;
    cursor:pointer;
    color:#fff;
    text-align:center;
    letter-spacing:10px;
}