.login-hd{width: 1200px; height: 110px; line-height: 110px; margin: 0px auto;}
.login-hd h1{ width: 340px; height: 52px; background: url("../images/bg.png") 0px -410px no-repeat; text-indent: -9999px; float: left; margin: 30px 40px 0 0; border-right: 1px solid #a9a9a9; padding-right: 40px;}
.login-hd strong{ font-size: 30px; color: #666; font-weight: normal;}
.login-bg,.reg-bg{ width: 100%; min-width: 1200px; height: 580px;}
.login-bg{background: url("../images/login-bg.jpg") top center no-repeat; background-size: cover;}
.reg-bg{background: url("../images/reg-bg.jpg") top center no-repeat; background-size: cover;}

.login-bg{ display: flex; justify-content:center; align-items:center;}

.reg-bg .login-box{ padding-bottom: 30px;}
.login-box{ width: 340px; height:auto; background: #fff; margin: 50px 50px 0 0; position: relative;}
.login-box h2{font-size:18px; text-align: center; margin: 40px 0 20px;}
.login-con,.login-forgetpsw,.reg-other{ width: 260px; height: auto; overflow: hidden; margin: 0px auto;}
.login-con li{ height: auto; margin-bottom: 20px; position: relative;}
/*.login-con li:last-child{ margin-bottom: 0px;}*/
.login-con li input{ width: 248px; height: 33px; line-height: 33px; padding: 0px 5px;}
.login-con li.yzm input{ width:148px;}
.login-forgetpsw{ font-size: 12px; color: #666;}
.login-forgetpsw input{ height: 14px;}
.login-forgetpsw a{ color: #f60;}
.login-btn{width: 260px; height: 40px; margin: 10px auto 30px; position: relative;}
.login-con p{ position: absolute; bottom:-28px; right: 0px;}
.login-btn p{ position: absolute; bottom:-34px; width: 100%; text-align: center;}

.login-other{ width: 260px; background: #e6efee; height:80px; padding: 0px 40px; }
.login-other h5{ font-size: 14px; font-weight: normal; color: #666; margin: 10px 0;}
.login-other .right{ margin-top: 42px; font-size: 12px; color: #f60;}
.login-other .left a{ display: inline-block; width: 20px; height: 20px; line-height: 20px;text-align: center;  border-radius: 20px; color: #fff; margin-right: 10px;}
.login-other .left a:hover{ text-decoration: none;}
.login-other .left a.wx{background: #609700;}
.login-other .left a.wb{background: #e80e24;}
.login-other .left a.qq{background: #2f92db;}

.login-txt{ margin: 100px 0 0 100px;}
.reg-other{font-size:12px;}
.reg-other .right{ color: #f60;}
.login-con li.yzm button,.login-con li.yzm input#btn,.login-con li.yzm .yzm-img{float:right; width: 90px;}
.login-con li.yzm .yzm-img img{width:88px; height:33px; border:1px solid black;}

.fpwd-bg{ background: #eee; min-height: 500px;}
.fpwd-steps{ width: 800px; height: 80px; margin:30px auto 30px; position: relative;padding-top: 40px;}
.fpwd-steps-line{ width: 100%; height: 8px; border-radius: 10px; background: #aaa;}
.fpwd-steps-con{ position: absolute; width: 800px; top: 20px; left: 0px;}
.fpwd-steps-con li{ float: left; width: 33.333%; text-align: center; position: relative;}
.fpwd-steps-con li .cur-bg{ margin-top: 20px;}
.fpwd-steps-con li strong{ display: block; width:30px; height: 30px; line-height: 30px; text-align: center; border-radius: 30px; position: absolute; top: 10px; left: 40%; background: #999; color:#fff;}
.fpwd-steps-con li .cur-bg{width: 100%; height: 8px;}
.fpwd-steps-con li p{ margin-top: 20px; font-size: 14px; color: #666;}
.fpwd-steps-con li.cur .cur-bg{ background: #f60; }
.fpwd-steps-con li:first-child.cur .cur-bg{ border-top-left-radius: 10px; border-bottom-left-radius: 10px;}
.fpwd-steps-con li:last-child.cur .cur-bg{ border-top-right-radius: 10px; border-bottom-right-radius: 10px;}
.fpwd-steps-con li.cur p{ color: #f60; margin-top: 20px;}
.fpwd-steps-con li.cur strong{ background: #f60;}

.fpwd-con{ width:740px; margin: 0px auto; padding: 30px;}
.fpwd-end h2{ font-size: 18px; text-align: center;}
.fpwd-end h2 i{ font-size:32px; vertical-align: middle; margin-right: 20px; }
.fpwd-end p{ font-size: 14px; text-align: center; color: #666;}