@charset "utf-8";
/* CSS Document */

.login{position: fixed;top:0;bottom: 0;left: 0;right: 0;display: flex;justify-content: space-between;align-items: stretch;overflow: hidden;}
.login_pic{flex: 3;height: 100%;overflow: hidden;background: #2EC0BC;position: relative;}
.login_pic>img{width: 100%;height: 100%;object-fit: cover;}
.login_pic .logo{position: absolute;top:40px;left:40px;width: 190px;}
.login_pic .logo img{width: 100%;}
.login_main{flex: 5;height: 100%;display: flex;justify-content: center;align-items: center;position: relative;}

.login_back{position: absolute;top:40px;left:40px;line-height: 25px;}
.login_back a{color:#6C6F6E;}
.login_back a i{margin-right:5px;}
.login_back a:hover{color:#109995;}

.login_box{width:540px;text-align: left;margin-right: 15%;}
.login_box_top{padding:10px 0;}
.login_box_top h1{font-size: 36px;line-height: 80px;}
.login_box_top p span{font-size: 16px;color: #808483;line-height: 24px;}
.login_box_nav{padding:20px 0;}
.login_box_nav ul{display: flex;justify-content: flex-start;align-items: center;border-bottom: 1px solid #DDD;}
.login_box_nav ul li{margin-right: 50px;line-height: 45px;margin-bottom: -1px;box-sizing: border-box;cursor: pointer;border-bottom: 1px solid #DDD;}
.login_box_nav ul li.action{border-bottom: 1px solid #109995;color:#109995;}

.login_box_form{padding:20px 0;display: none;}
.login_box_form.action{display: block;}
.login_box_group{padding:10px 0;}
.login_box_group p{width: 100%;position: relative;display: flex;justify-content: space-between;align-items: center;}
.login_box_group p b{line-height: 35px;font-weight: normal;}
.login_box_group p>input{line-height: 40px;width: 100%;padding: 0 12px;border: 1px solid #DDD;border-radius:2px;box-sizing: border-box;}
.login_box_group p>input::-webkit-outer-spin-button,.login_box_group p input::-webkit-inner-spin-button {-webkit-appearance: none;}
.login_box_group p>input[type="number"]{-moz-appearance: textfield;}
.login_box_group p>a{position: absolute;right: 0;top:0;line-height: 40px;display: inline-block;padding:0 12px;}
.login_box_group p>a.getCode{color:#2E3231;}
.login_box_group p>a.getCode:hover{color:#109995;}
.login_box_group p>a.noCode{color:#808483;cursor:not-allowed;}
.login_box_group p span{display: flex;align-items: center;line-height: 40px;}
.login_box_group p span input{width: 14px;height: 14px;margin-right:8px;border: 1px solid #DDD;}
.login_box_group p span a{color: #109995;}
.login_box_group p span a:hover{text-decoration: underline;}

.login_box_bt{padding: 15px 0;}
.login_box_bt p{padding:5px 0;display: flex;justify-content:flex-start;align-items: center;}
.login_box_bt p input{display: inline-block;width: 100%;text-align: center;background: #109995;line-height: 50px;color:#fff;font-weight: normal;cursor: pointer;border: none;}
.login_box_bt p input:hover{box-shadow: 0 3px 15px 0 rgba(10,10,10,0.2);}
.login_box_bt p span{margin-right:8px;line-height: 50px;display: flex;align-items: center;}
.login_box_bt p span input{width: 14px;height: 14px;border: 1px solid #DDD;}
.login_box_bt p span a{text-decoration: underline;}