#login input:focus {
    border: 1px solid rgb(10, 186, 127);
}


/* 账户登录 手机登录 */

.login_item_box {
    height: 50px;
    width: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    color: #666666;
}

.login_item_box>div {
    flex: 1;
    text-align: center;
    border-bottom: 1px solid rgb(232, 232, 232);
}

.active {
    border-bottom: 2px solid rgb(10, 186, 127) !important;
    color: rgb(10, 186, 127);
}

.login_item_box span {
    display: inline-block;
    margin: 20px auto;
    width: 100%;
    letter-spacing: 1px;
}

.login_item_box>div:not(:last-child) span {
    border-right: 1px solid rgb(232, 232, 232);
}

.user_info_box {
    width: 450px;
    margin-top: 20px;
    padding-left: 35px;
}




/* 用户账户框 */

.user_info_box input {
    height: 57px;
    width: 420px;
    padding-left: 50px;
    margin-bottom: 10px;
}

.user_info_box input[type=text] {
    background-image: url("../images/usericon.png");
    background-repeat: no-repeat;
    background-position: 15px;
}


/* 密码框 */

.user_info_box input[type=password] {
    background-image: url("../images/passwordicon.png");
    background-repeat: no-repeat;
    background-position: 15px;
}

.user_info_box input[type=checkbox]+label {
    color: rgb(143, 143, 143);
    font-size: 14px;
}


/* 登录按钮 */

.btn_login {
    width: 420px;
    height: 55px;
    border-radius: 5px;
    background-color: rgb(255, 201, 0);
    border: none;
    font-size: 18px;
}


/* 注册，忘记密码 */

.login_item>span {
    color: #666666;
    font-size: 14px;
}


/* 免费注册居右 麻烦的要死 !-- */

.login_item>span:nth-child(2) {
    float: right;
}


/* 三方登录 */

.third_login_box {
    height: 50px;
    width: 500px;
    margin-top: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 45px;
}

.third_login_box>div {
    flex: 1;
    text-align: center;
    border-top: 1px solid rgb(232, 232, 232);
}

.third_login_box span {
    display: inline-block;
    margin: 20px auto;
    width: 100%;
    line-height: 25px;
    font-family: MicrosoftYaHei;
    font-size: 14px;
    color: #333333;
    line-height: 28px;
}

.third_login_box>div:not(:last-child) span {
    border-right: 1px solid rgb(232, 232, 232);
}

.third_login_box>div img {
    vertical-align: middle;
    margin-right: 10px;
}

.positonbox {
    position: absolute;
    transform: translate(170%, -10%);
    background-color: #fff;
    padding: 0 10px;
    font-family: MicrosoftYaHei;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0px;
    color: #333333;
}