body{ background: #fff; margin-bottom: 0;}
*{ box-sizing: border-box;}
.content{ padding: 50px 60px; position: relative;}
.content .title{ font-size: 50px; padding: 70px 0 100px 0;}
.user_form{ overflow: hidden;}
.user_form .input_div{ position: relative; margin-bottom: 15px;}
.user_form .Linput{ width: 100%; border-bottom: 1px solid #ccc;}
.user_form .password_input{ padding-right: 50px;}
.user_form .eye_btn{ display: block; width: 50px; height: 100%; position: absolute; top: 0; right: 0; z-index: 10; background-size: 30px auto; background-repeat: no-repeat; background-position: center;}
.user_form .close_eye{ background-image: url(/images/mobile/user/close_eye.png); }
.user_form .open_eye{ background-image: url(/images/mobile/user/open_eye.png);}
.user_form .form_btn{ width: 100%; background: #e3e3e3; color: #666; text-align: center; border: none; margin-bottom: 40px; margin-top: 85px;}
.user_form .operation{ overflow: hidden;}
.user_form .operation a{ font-size: 24px;}
.user_form .operation .forget{ float: left; color: #666;}
.user_form .operation .register{ float: right;}
.user_form .other_ways{ width: 100%; margin-top: 30px; padding-bottom: 30px; text-align: center;}
.user_form .other_ways.absolute{ position: fixed; left: 50%; bottom: 0px; text-align: center; margin-top: 0; z-index: 10; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%);}
.other_ways .other_ways_title{ font-size: 24px; color: #999; text-align: center;}
.other_ways .other_ways_imgs{ text-align: center; margin-top: 40px;}
.other_ways .img_item{ display: inline-block; position: relative; width: 80px; height: 80px; line-height: 80px; margin: 0 20px; text-align: center; border-radius: 100%; border: 1px solid #eee; vertical-align: top;}
.other_ways .img_item img{ position: absolute; top: 50%; left: 50%; z-index: 2; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%);}
.user_form .Linput,.user_form .get_code,.user_form .form_btn{ height: 100px; line-height: 100px; font-size: 28px;}

/* register & forget_password */
.user_form .get_code{ position: absolute; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%);}
.user_form .get_user_code{ width: 96px; height: auto;}
.user_form .get_user_code img{ width: 100%;}
.user_form .usercheck{ display: none;}
.user_form .check_img{ font-size: 25px; position: relative; vertical-align: middle;}
.user_form .check_text{ font-size: 18px; padding-left: 5px; vertical-align: middle;}
.user_form .fa-check{ display: none; position: absolute; left: 0; top: -3px; z-index: 2;}

/* change_password */
.user_form .back_btn,.user_form .save_btn{ width: 48%; float: left;}
.user_form .save_btn{ float: right;}

@media screen and (max-width: 640px){
    .content .title{ font-size: 24px; padding: 85px 0 50px 0;}
    .user_form .Linput, .user_form .get_code, .user_form .form_btn{ height: 50px; line-height: 50px; font-size: 14px;}
    .user_form .get_code{ width: 80px; height: 30px;line-height: 30px;}
    .user_form .send_code{ width: 145px;text-align: right}
    .user_form .eye_btn{ width: 30px; background-size: 20px auto;}
    .user_form .form_btn{ margin-top: 25px;}
    .user_form .operation a{ font-size: 14px;}
    .other_ways .other_ways_title{ font-size: 14px;}
    .other_ways .img_item{ width: 40px; height: 40px; line-height: 40px;}
    .other_ways .other_ways_imgs{ margin-top: 20px;}
    .other_ways .img_item:first-of-type img{ width: 60%;}
    .other_ways .img_item:last-of-type img{ width: 40%;}

    .user_form .check_img{ font-size: 18px;}
    .user_form .check_text{ font-size: 14px;color: #999;}
    .user_form .check_text a{ line-height: 2;}
}

@media screen and (max-width: 375px){
    .content{ padding: 85px 30px;}
}