html,
body {
    width: 100%;
    height: 100%;
}

.reg_box {
    width: 100%;
    height: 100%;
    /* background-color: #1283c9; */
    background: linear-gradient(to bottom, #1283c9 50%, #fff 50%);
    display: flex;
    justify-content: center;
    align-items: center;
}

.reg_main {
    min-width:490px;
    max-width: 800px;
    min-height: 430px;
    border: 1px solid #ccc;
    position: relative;
    background: #fff;
}

.reg_main .logo {
    position: absolute;
    top: -100px;
    left: 0;
    width: 100%;
}

.reg_main .logo_txt {
    display: flex;
    justify-content: center;
    align-items: center;
    color:#fff;
}



.reg_main .logo img {
    height: 80px;
    margin-right: 20px;
}


.login_word a {
    margin-top: 15px;
    margin-right: 30px;
    font-size: 17px;
    color: #1283c9;
}

.login_word p {
    font-size: 14px;
    line-height: 2;
    padding: 50px 30px 30px 30px;
}

.layui-show .layui-form-item {
    margin-bottom: 25px;
}

/* .register_item a {
    font-size: 15px;
    color: #1283c9;
} */


.login-boder-right {
    border-right: 1px dashed #ccc;
}



.login_from {
    width: 325px;
    margin: 0 auto;
}

.login_from .layui-tab-content {
    padding: 0;
}


/* 注册栏目 start */

.login_from .login_column {
    width: 325px;
    padding-bottom: 10px;
}

.login_from .login_column li {
    padding: 0 0 10px 0;
    font-size: 18px;
    width: 50%;

}


.login_column .layui-this {
    margin-bottom: -2px;
    border-bottom: 2px solid #1283c9;
    position: relative;
    color: black !important;


}


.login_column .layui-this:before {
    position: absolute;
    top: 30px;
    left: 45%;
    content: '';
    width: 0;
    height: 0;
    border-style: dashed dashed solid dashed;
    border-width: 10px;
    border-color: transparent transparent #1283c9 transparent;
    z-index: 100;
}


.login_column .layui-this:after {
    position: absolute;
    top: 34px;
    left: 45%;
    content: '';
    width: 0;
    height: 0;
    border-style: dashed dashed solid dashed !important;
    border-width: 10px !important;
    border-color: transparent transparent #F8FAFC transparent !important;
    z-index: 101;
}


/* 注册栏目 end */







/*
.main_top_word {
    margin-left: 30px;
} */

.login_from .main_form {
    margin-top: 20px;
}









#login_btn {
    margin-right: 0;
    border: none;
    border-bottom: 1px solid #eeeeee;
    outline: none;
    color: #1283c9;
    font-size: 14px;
}

.layui-input,
.layui-textarea {
    width: 300px;
}

.layui-btn {
    font-size: 17px;
}


.login_link {
    padding: 20px 0;

}

.login_link a {
    color: #1283c9;
}


/* login end */




.reg_from .layui-row {
    padding: 30px 0;
}

.reg-boder-right {
    border-right: 1px dashed #ccc;
}

#reg_btn {
    margin-right: 0;
    border: none;
    font-size: 14px;
    outline: none;
    color: #1283c9;
}


.reg_from .main_top {
    margin-top: 10px;
    font-size: 17px;
}


/* .main_form {
    margin-top: 70px;
} */

.reg_from .from_content{
width: 325px;
margin: 0 auto;
}




.reg_from .main_top a {
    color: #1283c9;
    float: right;
    margin-top: 14px;
    font-size: 17px;
}

.reg_from .main_top h1 {
    font-size: 28px;
    font-weight: normal;
    color: #1283c9;
    /* margin-left: 90px; */
}

.reg_wrod a {
    margin-top: 15px;
    margin-right: 30px;
    font-size: 17px;
    color: #1283c9;
}

.reg_wrod p {
    font-size: 14px;
    line-height: 2;
    padding: 90px 30px 30px 30px;
}

.reg_from .layui-form {
    margin-top: 50px;
}



.reg_item {
    padding-top: 30px;
}

.reg_item span {
    color: #1283c9;

}

.reg_word {
    text-align: center;
    margin-top: 30px;
}

.layui-form-checked[lay-skin=primary]>i{
    border-color:#1283c9 !important;
    background-color: #1283c9 !important;
}


.layui-form-checkbox[lay-skin=primary]:hover>i{
    border-color:#1283c9 !important;
    background-color: #1283c9 !important;
}


/* reg end */


.main_return {
    margin-top: 20px;
    margin-left: 320px;
    color: #1283c9;
}

.main_return a {
    color: #1283c9;
}



.main_phone {
    margin-left: -290px;
    text-align: center;
}


.main_phone h1 {
    margin-top: 38px;

    color: #1283c9;
    font-weight: normal;
    font-size: 35px;
}


.main_phone h1:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 95px;
    left: 120px;
    width: 245px;
    height: 3px;
    background-color: #e8e8e8;

}

.main_password {
    margin-right: -300px;
    margin-top: -60px;
    text-align: center;
}


.main_password h1 {

    font-weight: normal;
    font-size: 35px;
}


.layui-form {
    margin-top: 50px;
}

.phone_retrieve .item_retrieve {
    width: 325px;
    height: 100px;
    margin: 0 auto;
    padding-top: 30px;
}


.phone_retrieve .layui-form-item {
    margin-bottom: 20px;
}

/* .phone_retrieve .layui-form-label {
    padding: 9px 1px;
} */

.phone_retrieve .layui-input-wrap .layui-input {
    width: 325px;
}


#forgot_btn {
    margin-right: 0;
    border: none;
    font-size: 14px;
    border-bottom: 1px solid #eeeeee;
    outline: none;
    color: #1283c9;
}

.phone_retrieve .layui-form-mid{
    margin-left: 20px;
}

.phone_retrieve .layui-form-label{
    width: 50px;
}

/* forgot_1 end */


.ret_phone {
    margin-left: -290px;
    text-align: center;
}


.ret_phone h1 {
    margin-top: 38px;


    font-weight: normal;
    font-size: 35px;
}


.ret_phone h1:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 95px;
    left: 120px;
    width: 245px;
    height: 3px;
    background-color: #e8e8e8;

}

 .ret_password {
    margin-right: -300px;
    margin-top: -60px;
    text-align: center;
}


 .ret_password h1 {
    color: #1283c9;
    font-weight: normal;
    font-size: 35px;
}




.password_retrieve .item_retrieve {
    width: 325px;

    /* margin: 0 auto; */
    padding-top: 30px;
}


.password_retrieve{
    margin-left: 80px;
}
/* forgot_2 end */