body {
    background-color: #F8F8F8;
    position: relative;
    padding: 0;
}

.imagebjt {
    width: 100%;
    height: auto;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1;
}

.logo {
    width: 132px;
    height: auto;
    display: block;
    margin: 40px auto 27px auto;
}

.metalsP {
    font-size: 28px;
    font-family: 'font4';
    color: #170800;
    text-align: center;
}

.metalsP2 {
    font-size: 32px;
    font-family: 'font1';
    color: white;
    /* 文字颜色 */
    text-shadow:
        1px 1px 0px black,
        /* 左上阴影 */
        -1px -1px 0px black,
        /* 右下阴影 */
        1px -1px 0px black,
        /* 右上阴影 */
        -1px 1px 0px black;
    /* 左下阴影 */
    letter-spacing: 10px;
    text-align: center;
    margin-top: 4px;
}


.form_box {
    width: 100%;
    padding: 0 16px;
    box-sizing: border-box;
    margin: 11px auto;
    margin-bottom: 0px;
    position: relative;
    display: flex;
    align-items: end;
    justify-content: space-between;
}

.formLeft {
    flex: 1;
}

.formLeft>p {
    font-size: 14px;
    font-family: 'font1';
    color: #333333;
    margin-bottom: 12px;
    margin-top: 16px;
}

.form {
    width: 100%;
    height: 54px;
    margin: auto;
    background: linear-gradient(to right, rgba(225, 37, 27, 1), rgba(226, 64, 59, 0.35));
    display: flex;
    align-items: center;
    position: relative;
    border-radius: 12px;
}

.form>img {
    width: 16px;
    height: 16px;
    margin-right: 12px;
}

.form>p {
    font-size: 14px;
    font-family: 'font3';
    color: #7E8492;
    margin-right: 8px;
}

.form>input {
    width: 99.5%;
    height: 98%;
    margin: auto;
    border: 0;
    background-color: #FFFFFF;
    font-size: 15px;
    font-family: "font3";
    color: #333333;
    box-sizing: border-box;
    padding: 0 16px;
    border-radius: 12px;
}

.form>input::placeholder {
    color: #8E8E8E;
    font-size: 15px;
    font-family: "font3";
}


.form>.otp {
    width: 102px;
    height: auto;
    margin-right: 0;
    position: absolute;
    right: 6px;
}

.form>.otpipt {
    width: 53%;
}


.alreadyP {
    font-size: 13px;
    font-family: 'font2';
    color: #E1251B;
    text-align: center;
    margin-top: 24px;
}

.alreadyP a {
    color: #E1251B;
    font-family: 'font1';
    text-decoration: underline;
}






.loginbtnBox {
    width: 52px;
    height: 181px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-left: 14px;
    position: relative;
}

.loginbtnBox>img {
    width: 15px;
    height: auto;
    margin-bottom: 10px;
}

.loginbtn {
    width: 52px;
    padding: 17px 0 6px 0;
    box-sizing: border-box;
    border-radius: 100px;
    background: linear-gradient(to left, #D4251F, #FF4069);
    font-size: 16px;
    font-family: 'font2';
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    bottom: 0;
}

.Signbtn{
      padding: 37px 0 6px 0;
}

.loginbtn>img {
    width: 35px;
    height: auto;
}

.loginbtn p {
    width: 95px;
    transform: rotate(90deg);
    margin-bottom: 50px;
    text-align: right;
}