html, body {
    width: 1920px;
    height: 937px;
    /* width: 100%;
    height: 100%; */
    margin: 0;
    padding: 0;
    /* min-width: 1100px;
    min-height: 700px; */
    background-color: #fff;
    box-sizing: border-box;
    overflow: hidden;
}

.tit-header {
    width: 100%;
    height: 60px;
    background-color: #2b303b;
    font-size: 18px;
    font-weight: bold;
    line-height: 60px;
    padding: 0 19px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    color: #fff;
}

.tit-header>img {
    width: 51px;
    height: 34px;
    margin-right: 15px;
}

.content {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    background-image: url("/cas/images/htd/bg.jpg");
    background-size: 100% 100%;
    padding-bottom: 9%;
}

.content .Title {
    font-family: MicrosoftYaHei-Bold;
    font-size: 40px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 70px;
    letter-spacing: 6px;
    color: #333333;
    text-shadow: #fff 3px 3px 4px;
    margin-bottom: 3%;
}

.content .loginRig {
    width: 601px;
    height: 263px;
    margin-top: 20px;
    /* width: 45%;
    height: 20%; */
}

.content .loginRig>img {
    width: 100%;
    height: 100%;
}

.content .From {
    padding: 33px 65px 53px;
    background-color: #fff;
    border-radius: 8px;
}

.content .From .from-header {
    display: flex;
    font-size: 23px;
    /* border-bottom: solid 2px #ECECEC; */
    justify-content: center;
    align-items: center;
    color: #767676;
    letter-spacing: 2px;
}

.content .From .from-header .qiehuan {
    padding: 0 50px;
    padding-bottom: 15px;
    cursor: pointer;
}
.content .From .from-header .shu{
    width: 2px;
	height: 30px;
	background-color: #E5E5E5;
}
.active {
    /* border-bottom: solid 2px #00A4FF; */
    color: #333333;
    font-weight: bold;
    position: relative;
}
.active::after{
    content: "";
    width: 50px;
    height: 3px;
    background-color: #333333;
    position: absolute;
    left: calc(50% - 25px);
    bottom: 0;
}
.form {
    margin-top: 57px;
}

.form .login-content input {
    width: 100%;
    height: 46px;
    padding-left: 60px;
    box-sizing: border-box;
    border: solid 1px #e9e9e9;
    border-radius: 5px;
}

.form .login-content input:active {
    border: solid 1px #2882fe;
}

.form .login-content .input, .user-pw, .code {
    position: relative;
}
.form .login-content .inputTips{
    width: 50px;
    position: absolute;
    left: 0px;
    top: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: solid 1px #E5E5E5;
}
.form .login-content .zititu {
    width: 28px;
    height: 28px;
    font-size: 17px;
    color: #969696;

}

.form .login-content .pw {
    position: absolute;
    /* left: 14px !important; */
    top: 70px !important;
    z-index: 10;
}

.form .login-content .user-pw {
    margin: 15px 0;
}

.form .login-content .code {
    /* width: 60%; */
    display: flex;
}

.form .login-content .code .fm-captcha-img {
    width: 35%;
    margin-left: 15px;
}

.fm-button {
    width: 100%;
    height: 46px;
    background-color: #009cff;
    color: #fff;
    font-size: 18px;
    line-height: 46px;
    text-align: center;
    cursor: pointer;
    margin-top: 29px;
    border-radius: 5px;
    letter-spacing: 3px;
    font-weight: bold;
}

.footer {
    width: 100%;
    height: 59px;
    background-color: #f7f8fa;
    position: absolute;
    left: 0;
    bottom: 0;
    text-align: center;
    line-height: 59px;
    color: #848484;
    font-size: 14px;
}

.saoma {
    height: 282px;
    width: 100%;
    /* border: solid 1px #000; */
    box-sizing: border-box;
    text-align: center;
    margin-top: 39px;
    position: relative;
}

.saoma .erweima {
    width: 215px;
    height: 215px;
    background-color: #f7f7f7;
    border: solid 1px #c1c1c1;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.saoma .erweimatxt {
    font-size: 18px;
    margin-top: 25px;
    color: #555555;
}

.saoma .successimg {
    width: 141px;
    height: 231px;
}

.saoma .successtxt1 {
    color: #555555;
    font-size: 18px;
    margin-top: 23px;
}

.saoma .successtxt2 {
    font-size: 14px;
    color: #999;
    margin-top: 22px;
}

.saoma .successtxt2 .fanhui {
    color: #00A4FF;
    cursor: pointer;
}

.saoma .shuaxin {
    position: absolute;
    left: 71px;
    top: 0;
    width: 217px;
    height: 217px;
    line-height: 235px;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.75);
    /* display: flex;
   align-items: center;
   justify-content: center; */
}

.saoma .shuaxin img {
    width: 48px;
    height: 48px;
    cursor: pointer;
}

.error {
    position: relative;
    top: 10px;
}