/* login */
.the_login{background: url(/jinhon/images/login_back.jpg) no-repeat center center; background-size: cover; height: 100vh;}

/* header */
.login_header{height: 100px; padding: 0 32px;}
.login_header .back{margin-left: auto;}

/* banner */
.login_pic{width: 50%; position: relative; display: flex; align-items: center; justify-content: center;}
.login_pic .text{position: absolute; left: 64px; top: 0;}
.login_pic .text img{height: 64px;}
.login_pic .pic img{height: 320px; margin-top: 88px;}

/* box */
.login_wrap{height: calc(100vh - 200px); display: flex; align-items: center;}
.login_box{background: #fff; border-radius: 12px; box-shadow: 0 10px 20px rgba(0,0,0,0.1); width: 100%;}

/* footer */
.login_footer{height: 100px; text-align: center; color: #666;}
.login_footer p{line-height: 180%;}
 
/* form */
.login_form{ padding: 32px 64px; width: 50%; padding-bottom: 80px; box-sizing: border-box;}
.login_form .tab{margin-bottom: 32px; border-bottom: 1px solid #efefef;}
.login_form .tab li{width: 50%; text-align: center; font-size: 16px; height: 80px; line-height: 80px; font-size: 20px; font-weight: bolder; position: relative; cursor: pointer;}
.login_form .tab li.active{color: #4576FB;}
.login_form .tab li.active::after{content: ""; bottom: 0; left: 25%; width: 50%; height: 3px; background: #4576FB; position: absolute;}
.login_form .tab li::after{content: ""; bottom: 0; left: 25%; width: 50%; height: 3px; background: none; position: absolute;}


/* list */
.login_box_list{margin-bottom: 16px; position: relative;}
.login_box_list input{width: 100%; height: 56px; border: 1px solid #efefef; border-radius: 8px; padding-left: 16px; transition: all .3s;}
.login_box_list input:hover{border: 1px solid #4576FB; }
.login_box_list input::-webkit-input-placeholder {color:#999;}
.login_box_list_yzm{position: absolute; right: 10px; top: 10px;}
.send_yzm{position: absolute; right: 10px; top: 0; line-height: 56px;}
.login_box_bth2{width: 100%; height: 56px; line-height: 56px; background: #4576FB; border: none; color: #fff; border-radius: 8px; font-size: 16px; margin-bottom: 16px;}
.logoin_msg_tx{margin-top: 16px; color: #ff0000;}
.login_box_fw{color: #999;}