.diaMain{
    width: 580px;
    /*height: 592px;*/
    background: #FFFFFF;
    position: relative;
}
.diaLoginMainTitle {
    width: 100%;
    height: 50px;
    text-align: center;
    line-height: 50px;
    font-size: 28px;
    font-family: ZhenyanGB-Regular, ZhenyanGB;
    font-weight: 400;
    color: #286FE8;
}
.diaLoginMainTop {
    width: 100%;
    height: 50px;
    line-height: 50px;
    display: flex;
    font-size: 18px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: rgba(51, 51, 51, .40);
    border-bottom: 1px solid rgba(151, 151, 151, 0.19);
    margin-top: 30px;
}

.left {
    flex: 1;
    cursor: pointer;
    text-align: right;
    padding-right: 50px;
    box-sizing: border-box;
    position: relative;
}

.active {
    color: #333333;
}

.acriveBox {
    width: 70px;
    height: 2px;
    background-color: rgba(40, 111, 232, 1);
    position: absolute;
    bottom: 0;
    right: 50px;
}

.right {
    flex: 1;
    cursor: pointer;
    padding-left: 40px;
    box-sizing: border-box;
    position: relative;
}

.acriveBoxs {
    width: 130px;
    height: 2px;
    background-color: rgba(40, 111, 232, 1);
    position: absolute;
    bottom: 0;
    left: 40px;
}

.loginMainInput {
    width: 100%;
    /*padding-left: 20px;*/
    /*box-sizing: border-box;*/
}

.loginInputPublic {
    width: 100%;
    height: 60px;
    line-height: 60px;
    margin-top: 30px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.loginInputPublicTit {
    width: 100px;
    /* height: ; */
    display: inline-block;
    margin-right: 10px;
    text-align: right;
}

.otherCodeBox {
    position: relative;
}

.loginInputPublicInput {
    width: 368px;
    height: 50px;
    border-radius: 8px;
    border: 1px solid #979797;
    text-indent: 12px;
    font-size: 16px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #282828;
    background-color: #FFFFFF;
    margin:auto;
}

.loginBoxBtn {
    width: 374px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    background: linear-gradient(270deg, #3F81F2 0%, #50A5FF 100%);
    border-radius: 8px;
    font-size: 15px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #FFFFFF;
   margin: auto;
    margin-top: 30px;
    cursor: pointer;
}

.forgot {
    width: 100%;
    height: 20px;
    padding-right: 90px;
    box-sizing: border-box;
    text-align: right;
    font-size: 16px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: rgba(51, 51, 51, .40);
    margin-top: 10px;
}

.forgot span {
    cursor: pointer;
}

.agreementBox {
    width: 100%;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    margin-top: 30px;
    margin-bottom: 30px;
}

.agreementBoxTit {
    color: rgba(51, 51, 51, .40);

}

.otherLoginBox {
    width: 120px;
    height: 38px;
    margin: auto;
    display: flex;
    cursor: pointer;
}

.iconC {
    margin-left: 28px;
}

.codeGetTit {
    padding-right: 160px;
    box-sizing: border-box;
}

.getCode {
    width: 125px;
    height: 70px;
    line-height: 70px;
    padding-right: 10px;
    box-sizing: border-box;
    text-align: right;
    position: absolute;
    top: -5px;
    right: 105px;
    font-size: 16px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #286FE8;
    cursor: pointer;
}

.codeShowBox {
    width: 50px;
    height: 60px;
    line-height: 60px;
    position: absolute;
    right: 40px;
    top: 0;
    font-size: 16px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #286FE8;
}

.otherLoginMain {
    width: 600px;
    height: 447px;
    background: #FFFFFF;
    border-radius: 8px;
    padding-top: 50px;
    box-sizing: border-box;
    position: relative;
}

.otherLoginMainTit {
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 18px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #333333;
}

.closeBox {
    width: 28px;
    height: 28px;
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
}

.forgetO {
    padding-left: 83px;
}

.forgetT {
    width: 436px;
}

.forgetTh {
    right: 80px;
}

.forgetF {
    right: 20px;
}

.resettingBtn {
    width: 115px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #286FE8;
    border-radius: 4px;
    font-size: 18px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #FFFFFF;
    margin: auto;
    margin-top: 40px;
}
.noAgreementBox{
    width: 100%;
    height: 17px;
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: rgba(40, 40, 40, .40);
    line-height: 17px;
    text-align: center;
    margin-top: 40px;
}
.noAgreementBoxAc{
    margin-top: 10px;
}