.login_box { width: 100%; min-width: 1080px; }
.header_box { height: 59px; background: #fff; border-top: 1px solid #fff; }
.header_box h1 { width: 90px; height: 40px; float: left; margin-left: 15%; margin-top: 12px; }
.header_box h1 img { width: 100%; }
.login_back_box { width: 100%; background: url("/Manage/images/back_pic.jpg") no-repeat; background-size: 100% 100%; position: relative; }
.login_con_box { width: 1300px; height: 100%; margin: 0 auto; }
.login_con { float: right; width: 430px; height: 440px; background: #fff; margin-top: 150px; }
.login_tit { width: 100%; height: 50px; }
.login_tit span { width: 50%; float: left; font-size: 14px; text-align: center; cursor: pointer; height: 47px; line-height: 47px; border-bottom: 3px solid #dad8d9; }
.login_tit .login_tit_active { border-bottom: 3px solid #e32525; color: #df2526; }
.login_con_list { width: 100%; }
.login_con_list ul { width: 100%; display: none; }
.login_con_list li { width: 100%; height: 40px; margin-bottom: 20px; }
.login_con_list .list_btn { margin-top: 10px; }
.login_con_list .login_list1 { margin: 10px 0 10px 0; }
.login_con_list .login_list2 { margin: 20px 0 20px 0; }
.login_con_list li h5 { width: 100%; height: 100%; text-align: center; line-height: 40px; font-size: 18px; }
.login_con_list li input { height: 38px; border: 1px solid #c8c8c8; width: 290px; margin-left: 55px; padding-left: 10px;line-height: 38px; }
.login_con_list li .ya_box { width: 200px; margin-right: 10px; padding-left: 10px; }
.yz_box { width: 80px; height: 40px; }
.yz_box img { width: 100%; height: 100%; }
.dl_btn { width: 300px; height: 40px; background: #e32525; color: #fff; text-align: center; line-height: 40px; display: block; margin-left: 55px; }
.login_con_list .login_list_box1 { display: block; }
.login_bottom { width: 100%; height: 60px; position: absolute; bottom: -10px; left: 0; background: #fff; }
.login_bottom1 { height: 26px; background: #fff; width: 100%; }
.login_bottom2 { width: 100%; height: 34px; background: #e7e5e6; text-align: center; line-height: 34px; }
.login_code { width: 340px; height: 168px; position: absolute; bottom: 70px; left: 20%; }
.login_code li { width: 150px; }
.login_code .login_code_list1 { margin: 0 20px 0 10px; }
.code_pic { width: 140px; height: 140px; margin: 0 0 6px 5px; }
.code_pic img { width: 100%; }
.login_code li p { width: 100%; text-align: center; font-size: 12px; }
@media screen and (max-width: 1280px) {
    .login_con_box { width: 1080px; }
    .login_con { width: 380px; height: 380px; margin-top: 75px; }
    .login_tit span { font-size: 12px; }

    .login_con_list li { width: 100%; height: 32px; margin-bottom: 15px; }
    .login_con_list .login_list1 { height: 30px; margin: 10px 0 10px 0; }
    .login_con_list li h5 { width: 100%; height: 100%; text-align: center; line-height: 30px; font-size: 15px; }
    .login_con_list .login_list2 { margin: 20px 0 15px 0; }
    .login_con_list li input { height: 30px; border: 1px solid #c8c8c8; width: 230px; margin-left: 55px; padding-left: 10px; }
    .login_con_list li .ya_box { width: 160px; margin-right: 10px; padding-left: 10px; }
    .yz_box { width: 60px; height: 32px; }
    .dl_btn { width: 240px; height: 32px; line-height: 32px; }
    .login_code { width: 250px; bottom: 15px; }
    .login_code li { width: 105px; }
    .login_code .login_code_list1 { margin: 0 20px 0 5px; }
    .code_pic { width: 90px; height: 90px; margin: 0 0 6px 5px; }

}
@media screen and (min-width:1280px) and (max-width:1400px) {
    .login_con_box { width: 1100px; }
    .login_con { width: 380px; height: 380px; margin-top: 70px; }
    .login_tit span { font-size: 12px; }
    .login_con_list li { margin-bottom: 10px; }
    .login_con_list .login_list1 { height: 30px; margin: 8px 0 8px 0; }
    .login_con_list li h5 { line-height: 30px; font-size: 15px; }
    .login_con_list li input { width: 250px; height: 30px; }
    .login_code { bottom: 15px; }
    .login_code li { width: 150px; }
    .login_code .login_code_list1 { margin: 0 20px 0 5px; }
    .dl_btn { height: 34px; line-height: 34px; }
    .code_pic { width: 100px; height: 100px; margin: 0 0 4px 22px; }
}
@media screen and (min-width:1400px) and (max-width:1600px) {
    .login_con_box { width: 1200px; }
    .login_con { width: 410px; height: 410px; margin-top: 90px; }
      .login_con_list li { margin-bottom: 10px; }
    .login_con_list li input { width: 270px; }
    .login_code { width: 330px; height: 158px; bottom: 55px; }
    .login_code li { width: 145px; height: 155px; }
    .code_pic { width: 130px; height: 130px; margin: 0 0 5px 5px; }

}