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

header{width:100%;height:80px;background: #122234;}
.content2{height: 100%;margin:0px 130px;position:relative;}
.nav_ul{height: 100%;display: flex;justify-content: space-between;align-items: center;}
.nav_ul a{line-height: 40px;color:#fff;font-size: 18px;}
.nav_ul a img{width: 200px;}
.nav_ul a i{margin:0 3px 0 7px;transition: all 0.3s;}
.nav_ul a:hover{text-decoration: underline;}
.nav_ul a:hover i{margin:0 0 0 10px;}

.login{display: flex;justify-content:space-between;align-items: stretch;height:calc(100vh - 80px);}
.login_left{width: 50%;height: 100%;overflow: hidden;background:#f7f7f6 url(../images/loginbg.svg) no-repeat right center;background-size: 100% auto;}
.login_left img{width: 100%;height: 100%;object-fit: contain;}

.login_right{width: 50%;height: 100%;background: #fff;}
.login_main{padding-right: 130px;height: 100%;display: flex;align-items: center;}
.login_list{padding:0 80px;text-align: left;flex: 1;max-height: 100%;overflow: auto;}
.login_list_title{padding:20px 0;}
.login_list_title p{padding:5px 0;}
.login_list_title p b{font-weight: 600;font-size: 36px;line-height: 60px;}
.login_list_title p span{font-size: 22px;line-height: 30px;}

.login_list ul{padding:10px 0;}
.login_list ul li{margin-bottom: 10px;}
.login_list ul li p{padding:5px 0;display: flex;justify-content: flex-start;align-items: center;}
.login_list ul li p b{font-size: 18px;line-height: 35px;}
.login_list ul li p span{flex: 1;position: relative;display: flex;align-items: center;}
.login_list ul li p span input[type="text"],.login_list ul li p span input[type="password"]{line-height: 50px;width: 100%;border: 1px solid #DFE5EC;box-sizing: border-box;padding:0 10px 0 50px;}
.login_list ul li p span i{width: 50px;height: 50px;line-height: 50px;text-align: center;position: absolute;left: 0;top: 0;}
.login_list ul li p span em{display: inline-block;height: 50px;width: 50px;border: 1px solid #DFE5EC;line-height: 50px;text-align: center;margin: 0 10px;font-style:normal;}
.login_list ul li p span em:first-child{margin-left: 0;}
.login_list ul li p span em:last-child{margin-right: 0;}
.login_list ul li p span em code{animation:showhide 1.5s linear infinite;}
.login_list ul li p span input[type="number"]{line-height: 50px;width: 100%;position: absolute;left: 0;top: 0;opacity: 0;}
.login_list ul li p span a{position: absolute;padding:0 15px;line-height: 48px;right: 2px;top: 2px;font-size: 16px;color: #D29E25;background: #fff;}
.login_list ul li p span a.noCode{color:#808483;cursor:not-allowed;}
.login_list ul li p.line2{padding:10px 0;}
.login_list ul li p span input[type="checkbox"]{width: 18px;height: 18px;margin-right: 10px;}
.login_list ul li p span small{line-height: 25px;font-size: 15px;color: #979EA6;}

.login_list ul li p span input[type="submit"]{width: 100%;line-height: 50px;background: #FFBF41;border: none;font-size: 18px;transition: all 0.3s;cursor:pointer;}
.login_list ul li p span:hover input[type="submit"]{opacity: 0.8;}
.login_list ul li p.liright{justify-content: flex-end;}
.login_list ul li p.liright>a{font-size: 14px;}
.login_list_bt{padding:10px 0 50px;}

@keyframes showhide{
    20% {opacity: 1;}
    35% {opacity: 0;}
    65% {opacity: 0;}
    80% {opacity: 1;}
}