
html {
    /* height: 100vh;
    position: relative; */
}

body {
    margin: 0;
    /* position: relative; */
}

.main {
    margin-top: 2.5rem;
    width: 19.4375rem;
    margin-left: 2rem;
}

.FX1 {
    display: flex;
    flex: 1;
}

#titlelist {
    display: flex;
    justify-content: space-around;
    font-size: 1.25rem;
    font-family: "黑体";
    color: #737C83;
    /* outline: 1px solid red; */

}



.active {
    color: #333333;
    font-weight: bold;
    font-size: 1.25rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-family: "黑体";
    padding-bottom: 0.34375rem;

}

/* .title1 {
    margin: 0 56rem 0 60rem;
}

.title2 {
    margin: 0 0rem 0 56rem;
} */

/* .line {
    border-bottom: #1C85FF 4rem solid;
    width: 48rem;
    margin-top: 11rem;
    height: 4rem;
    background-color: #1C85FF;
} */

/* .lineStyle {
    border-bottom: #1C85FF 4rem solid;
    width: 48rem;
    margin-top: 11rem;
} */

.from {
    margin-top: 3.4375rem;
}

.phone {
    border-bottom: #D0D0D0 1px solid;
    padding-bottom: 0.75rem;
    margin-bottom: 1.5rem;
    display: flex;
}

.verification {
    border-bottom: #D0D0D0 1px solid;
    padding-bottom: 0.75rem;
    margin-bottom: 1rem;
    display: flex;
}

.dropbtn {
    color: #333333;
    font-size: 1rem;
    border: none;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    box-shadow: 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.2);
    margin-top: 7.5rem;
    width: 100%;
}

.dropdown-content span {
    color: #333333;
    padding: 0.25rem 0.3125rem;
    text-decoration: none;
    display: block;
}

.dropbtn>img {
    width: 0.75rem;
    height: 0.75rem;
    margin-left: 0.4375rem;
}

.inp {
    font-size: 1rem;
    border: none;
    outline: none;
    height: 1.5rem;
    padding: 0;
    width: 100%;
    /* 取消选中的光标 */
}

.inp2 {
    width: 70%;
    margin-right: 0.46875rem;

}

/* // 谷歌 */
input::-webkit-input-placeholder {
    color: #AAAEB1;
}

/* // 火狐19+版本 */
input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #AAAEB1;
}

/* // 火狐4-18版本 */
input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #AAAEB1;
}

/* // IE10-11版本 */
input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #AAAEB1;
}

.spa {
    font-size: 1rem;
    color: #1F7CE8;
}

.chk {
    display: flex;
    justify-items: center;
    align-items: center;
    color: #AAAEB1;
    font-size: 0.75rem;

}

.chk>input {
    width: 0.75rem;
    height: 0.75rem;
    margin-right: 0.1875rem;
}

.chk>a {
    color: #1F7CE8;
    text-decoration: none;
    /* 去掉下划线 */
}

.btn {
    width: 100%;
    padding: 0.5rem 0;
    border: none;
    font-size: 1rem;
    border-radius: 0.25rem;
    color: #FFFF;
    background-color: #1C85FF;
    margin-top: 2.9375rem;
}

.passwordLogin {
    text-align: center;
    margin-top: 1rem;
    font-size: 0.875rem;
}

.passwordLogin>a {
    color: #585E66;
    text-decoration: none;
}


.sms-login{
    display: none;
}
.icon-bukejian, .icon-kejian1{
    line-height: 30px;
    color: #c9beb7;
    font-size: 22px !important;
    padding-right: 10px;
}

#titlelist {
    display: flex;
    justify-content: space-around;
    font-size: 1.25rem;
    font-family: "黑体";
    color: #737C83;
    /* outline: 1px solid red; */

}

.title {
    font-size: 1.75rem;
    color: #333333;
}

.from {
    margin-top: 3.4375rem;
}

.phone {
    border-bottom: #D0D0D0 1px solid;
    padding-bottom: 0.75rem;
    margin-bottom: 1.5rem;
    display: flex;
}

.verification {
    border-bottom: #D0D0D0 1px solid;
    padding-bottom: 0.75rem;
    margin-bottom: 1rem;
    display: flex;
}

.select {
    border: none;
    outline: none;
    font-size: 1rem;
    -webkit-appearance: none;
}

/* // 谷歌 */
input::-webkit-input-placeholder {
    color: #AAAEB1;
}

/* // 火狐19+版本 */
input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #AAAEB1;
}

/* // 火狐4-18版本 */
input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #AAAEB1;
}

/* // IE10-11版本 */
input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #AAAEB1;
}

.spa {
    font-size: 1rem;
    color: #1F7CE8;
    text-align: right;
    width: 28%;
}

.chk {
    display: flex;
    justify-items: center;
    align-items: center;
    color: #AAAEB1;
    font-size: 0.75rem;

}

.chk>input {
    width: 0.75rem;
    height: 0.75rem;
    margin-right: 0.1875rem;
}

.chk>a {
    color: #1F7CE8;
    text-decoration: none;
    /* 去掉下划线 */
}

.btn {
    width: 100%;
    padding: 0.5rem 0;
    border: none;
    font-size: 1rem;
    border-radius: 0.25rem;
    color: #fff !important;
    background-color: #1C85FF;
    margin-top: 2.9375rem;
}

.passwordLogin {

    margin-top: 1rem;
    font-size: 0.875rem;
    display: flex;
    justify-content: space-between;
}
.passwordLogin>a{
    text-decoration: none;
    color: #585E66;

}

.filing {
    color: #AAAEB1;
    font-size: 0.75rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height: 1.0625rem;
}
.seeimg{
    width: 1.0625rem;
    height: 0.75rem;
}
.inp2-pwd{
    width: 95%;
}

.ydd_login_s02 {
    margin-top: 30px;
    text-align: center;
    padding-bottom: 30px;
}

.ydd_login_s02 > a {
    margin-top: 10px;
    display: inline-block;
    padding: 0 10px;
    line-height: 32px;
    border: 2px solid rgb(28 133 255);
    color: rgb(28 133 255);
    text-decoration: none;
    font-size: 1rem;
}

input:-webkit-autofill {
    transition: background-color 5000s ease-in-out 0s;
    box-shadow: 0 0 0 1000px #fff inset;
}