.login_nav{
    width:100%;
    height:120px;
    line-height:120px;
    border-bottom:2px solid #EE8200;
}
html,body{
    height:100%;
}
.login_nav_font{
    font-size: 18px;
    font-weight: 400;
    color: #333333;
    padding-left:45px;
}
.title{
    height: 120px;
    font-size: 100px;
    font-weight: 400;
    color: #333333;
    padding-left:90px;

}
.login_content{
    background:url("../images/login_bg.jpg") no-repeat;
}
.login_banner{
    width:517px;
    height:443px;
    position:absolute;
    top:0;
    bottom:50px;
    margin:auto;
}
.login_banner img{
    width:100%;
    height:100%;
}
.login_main{
    width: 500px;
    height: 540px;
    position:absolute;
    top:0;
    bottom:50px;
    margin:auto;
    right:0;
    background: #FFFFFF;
    border-radius: 20px;
}
.login_main2{
    width: 500px;
    height: 0px;
    position:absolute;
    top:400px;
    bottom:50px;
    margin:auto;
    right:0;
    background: #FFFFFF;
    border-radius: 20px;
    transition: all 1s;
    overflow: hidden;
}
.login_main3{
    width: 500px;
    height: 590px;
    position:absolute;
    top:0px;
    bottom:50px;
    margin:auto;
    right:0;
    background: #FFFFFF;
    border-radius: 20px;
    transition: all 1s;
    overflow: hidden;
}
.login_main4{
    width: 600px;
    height: 700px;
    position:absolute;
    top:0px;
    bottom:50px;
    margin:50px;
    right:0;
    background: #FFFFFF;
    border-radius: 20px;
    transition: all 1s;
    overflow: hidden;
    transform:translate(-280px);
}
.login_w250{
    width:250px;
    height:auto;
    margin:auto;
}
.login_titleLine{
    width:100%;
    height:130px;
    line-height:130px;
    font-size: 20px;
    font-weight: bold;
    color: #333333;
}
.login_titleLine1{
    width:100%;
    height:100px;
    line-height:100px;
    font-size: 20px;
    font-weight: bold;
    color: #333333;
}

.titleLine_left{
    float:left;
    cursor: pointer;
}
.titleLine_right{
    float:right;
    cursor: pointer;
}
.titleLine_left.active{
    color:#ee8200;
}
.titleLine_right.active{
    color:#ee8200;
}
.inputdiv{
    display:flex;border-bottom: 1px solid #ccc!important;background-color: #fff;line-height: 33px;
}
.inputdiv2{
    display:flex;background-color: #fff;height: 33px;line-height: 33px;
}
.apply_type_btn{
    width: 60px;
    height: 30px;
    border: 1px solid #CDCDCD;
    display: inline-block;
    cursor: pointer;
    margin-right:40px;
    background:transparent;
}
.apply_type_btn.active{
    border:1px solid #EE8200;
}
.layui-input {
    border-style: none;
    font-size: 16px;
    font-weight: 400;
    color: #666666;
}
.layui-input2 {
    border:0;
    border-bottom:1px solid #ccc;
    font-size: 14px;
    font-weight: 400;
    color: #666666;
    line-height:33px;
    width:230px;
    padding-left:10px;
}
.layui-input3 {
    border:0;
    border-bottom:1px solid #ccc;
    font-size: 14px;
    font-weight: 600;
    color: #666666;
    line-height:43px;
    width:290px;
    padding-left:10px;
}
.inputdiv i{
    color:#ccc;
    line-height:35px;
}
@font-face {font-family: "iconfont";
    src: url('../icon/iconfont.eot?t=1603423172682'); /* IE9 */
    src: url('../icon/iconfont.eot?t=1603423172682#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAWEAAsAAAAACrwAAAU1AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDTgqIGIcRATYCJAMcCxAABCAFhG0HYRtaCREVpHWR/UzIBK6H5Tgyq+IlKOIJZ/uraIvGZ4KKH/vNvnuGmXSxKh4SSROlQmx4SKLdM/kf/502b7fcFHZ6xKaA0hTSpqIPcnBi/k76agBszdUBGxWhSvIsenpfyAKli/O9WlMbHP8uEtcl7M1dELDEqrVRJaE6HQ/ADtDoVhjZRTyb7EI50HdDQDHtWICWGa6+IIaHHiRAhwlxkSDmseMTCJFNMeJMD7oAYbKrw+4C58bf649piQGOYECPXI8lo+GgQFbQiVNbFKGKBIrqvMDtPDBgFMCDziL9p4Bb+VFwij9ZIZYBvtmMw1XVv1MQIujc2gJakHpA+mKmL8daR8CI+M9TBKovBfq+Lk6eQvAg+NzJg4PPIPwJ8BkMPBh8hsiLGTpBuZn0SZ1RDtQBmgfQM9Q4a/iFLeuJRfipcim5ZkXCSOJIVBJ3VypFEgFcrh+fT/cDPDOAx/O/yrHwH0DDPLOAKVqgh8PxpdZMfW+bVlSUCmsYcMxShDzWUBr0wiDHn+A8a6HnT2ehcR6DqL95dhXgjqODjXFJyRsv+vg4LxCoWYKon0doeh2N8B2ucTWp1RACsS8Y06bOQVH3vBIrWL5O/axCILNztrdP0S+ws29uSjnAr0txZkGdrRQc0DMQQVBzDQvsDNECgjplWk9Gt+P6HlxuAz/AjcNhdvcrB/TMTPUp+HZOsrrZLqJhjjq+vqiHreTfXT9LKfp1Nfj2DBBierL3elN5x6/XX7XncHTGuH7HrjXc2MHn63dUMTj5QK3+xAB0NyKex7jKoT0Sq6KChZGQTD57ayQCq+FhJGKgsDCpYVwRnCizRnd+bkhXlNRee3D79rxOdAUwgAwLBwsDtKcg0mAx9upVj8PAQhUViAXQsXWIicpKsXDGKCthYggsKBw2rayUiYDIo7bFzxVjU+NYobzFlGIxcr0QmpK3kscKp8aLMeDv+2V1d/fR8xoGcd4alwwOMTD74OjoedFTbits7w6S7/aEStMrrIRo6PITbemDBwCeKK39oEkX9GnmPQx+mKcJ+6//R7B+yJgWCqeO6rWW6u8mM/g9arlk7sZdax2tc2PfBd8rftZeu8jcSuLGo8o37iyWQeg+XSm9Vnb97elSujXYD6MfGNugAT6UuxdnHk25kfnrBmgyXci3g2nd1Zm9Vuywwj7sdG2QbOxT74uMlB599TqomVOjM4k6y9+nTo8aoPa3JPVVoTAzv8OuIz9H63pHhPvlziItxw36RKCG7C3dI250fGtwQ3FxyI0hheUYp/JYEU6SNjbCiBvbQykAUOiy33gpYV2wSvww66Ix8YO7t9h3PA0A7N5Fk+CVY5/le7EX8WBXhPTefzHa8Vz2cTL5KsYKLR6qk5+qBjIrzmlFxjn+q6KO5N+Tiz0RkNgCcThD5OfwIjibw9W8rs5Yl7kZRKbOAUeiDYxML9nTRyFQwixEMnNQzAgO55dQQybgyIsDDFNFQFSyAo5yLsGo5B7Z019BoJ7PEKkUDsXsIvkrltAvibzcAvYJJxgWkCM5xl3pYra+kWfTB7fKYP5hiDIFbdX4Sy90GKo4JhbepcSABbLwJPdDYwjmQArHVImU5mtds6h3qkayqwu3gH3CCYYF5EiOqcHpEvj9N/Js+pAw4Uf6D0OUG4e2ajKQX3qXacKudMfCu4RZBuzWTBae6EXD8gRz9G4Kx1SJAtn5WuNCLKu+at5o1/M6oBj6pCQnk1dQVFLmdIDuX/aOHxaS24u8s9L2pygojyFVpyFrVHGGg25brQAAAAA=') format('woff2'),
    url('../icon/iconfont.woff?t=1603423172682') format('woff'),
    url('../icon/iconfont.ttf?t=1603423172682') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
    url('../icon/iconfont.svg?t=1603423172682#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-yonghu:before {
    content: "\e638";
}

.icon-mima:before {
    content: "\e65a";
}

.icon-bukejian:before {
    content: "\e659";
}

.icon-kejian:before {
    content: "\e65b";
}
.login_forget{
    width:100%;
    height:32px;
    line-height:32px;
    font-size:14px;
    color:#EE8200;
    text-align: right;
}
.login_forget a{
    color:#EE8200;
}
@-webkit-keyframes orangePulse {
    from { background-color: #EE8200; -webkit-box-shadow: 0 0 3px #fff;  }
    50% { background-color: #FFA433;-webkit-box-shadow: 0 0 5px #ff5c00; }
    to { background-color: #EE8200; -webkit-box-shadow: 0 0 3px #fff;}
}
.login_btn{
    width: 250px;
    height: 40px;
    margin:auto;
    background: #EE8200;
    box-shadow: 0px 5px 18px 2px rgba(245, 107, 42, 0.2);
    border-radius: 20px;
    font-size:18px;
    text-align: center;
    line-height:40px;
    color:#fff;
    margin-top:30px;
    cursor: pointer;
    -webkit-animation-name: orangePulse; -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
}
.login_zhuce{
    width: 250px;
    height: 40px;
    border: 1px solid #EE8200;
    box-shadow: 0px 5px 18px 2px rgba(245, 107, 42, 0.2);
    text-align: center;
    line-height:40px; border-radius: 20px;
    font-size:18px;
    color:#EE8200;
    margin-top:20px;
    cursor: pointer;
    transition: all 0.5s;
}
.login_zhuce:hover{
    -webkit-box-shadow: 0 10px 20px #bbb;
}
#yea{
    cursor: pointer;
}
#forget{
    visibility: hidden;
}
.login_w360{
    width:360px;
    margin:auto;
    height:auto;
}
.inputLeft{
    width:110px;
    text-align: right;
    display: inline-block;
    height:33px;
    color:#666;
    font-size:14px;
}
.yzm_code{
    display: inline-block;
    width: 90px;
    height: 25px;
    background: #EE8200;
    color:#fff;
    font-size:14px;
    position:absolute;
    right:0;
    bottom:5px;
    text-align: center;
    line-height:25px;
    cursor: pointer;
}
.return_login{
    text-align: center;
    padding-top:15px;
    color:#666;
}
.return_login span{
    cursor: pointer;
}
.layui-form-checkbox[lay-skin=primary] span{
    padding-right:0px;
}
.layui-form-item .layui-form-checkbox[lay-skin=primary]{
    margin-top:0;
}
.layui-form-checked[lay-skin=primary] i {
    border-color: #EE8200!important;
    background-color: #EE8200;
    color: #fff;
}
.layui-form-checkbox[lay-skin=primary]:hover i {
    border-color: #EE8200;
    color: #fff;
}
#imgCode{
    display: none;
}
#showImgCode{
    top:20px;
}
.imgcode_content{
    width:400px;
    height:360px;
    position:relative;
    left:0;
    margin:auto;
}
.impowerBox .qrcode {width: 200px;}
.impowerBox .title {display: none;}
.impowerBox .info {width: 200px;}
.status_icon {display: none}
.impowerBox .status {text-align: center;}
iframe{
    width:100%;
}


