.login-inner { padding:60px 0; } 
.login .l_m { width:562px; border: 1px solid #eee; margin:auto; background:#fff; position:relative; border-radius:10px; min-height:460px; box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.05); } 
.loginpanel { line-height: 22px; height: 22px; border-radius: 4px; overflow: hidden; font-size:14px; margin: 50px 62px 0; } 
.loginpanel .last { font-size: 22px; float: left; } 
.loginpanel ul li { font-size: 14px; float: right; cursor: pointer; } 
.login_box { padding:42px 62px 40px; } 
.login_box h4 { color:#b0b0b0; height:26px; line-height:26px; font-size:16px; font-weight:normal; display:none; } 
.login_box li { margin-top:32px; } 
.login_box li .label-title { margin-bottom: 18px; font-size: 14px; height: 14px; line-height: 14px; } 
.login_box .username,
.login_box .password { padding:0px 10px; width:100%; box-sizing: border-box; vertical-align:middle; height:42px; border:0; outline:none; font-size:14px; color:#999; letter-spacing:1px; border:#e3e3e3 solid 1px; background:#fff; border-radius:4px; } 

.login_box .username:focus,
.login_box .password:focus{
    border: 1px solid #ff583d;
}
.login_box .password { padding-right:40px; } 
.login_box .password-box { position: relative; } 
.login_box .password-icon { background: url(password_btn_hide.png) no-repeat center; background-size: 20px; position: absolute; right: 0; top: 0; width: 40px; height: 42px; } 
.login_box .password-icon.show { background: url(password_btn_show.png) no-repeat center; background-size: 20px; } 
.login_box input[type=input] { -webkit-transition:0.3s; transition:0.3s; } 
.login_box input[type=input]:focus { color:#606060;  } 
.login_box input[type=password] { -webkit-transition:0.3s; transition:0.3s; } 
.login_box input[type=password]:focus { color:#606060;  /*box-shadow:0px 0px 4px #9ADEBA inset; */ } 
.login_box input[type=text] { -webkit-transition:0.3s; transition:0.3s; } 
.login_box input[type=text]:focus { color:#606060;  /*box-shadow:0px 0px 4px #9ADEBA inset; */ } 
.login_box .text_yz { width:130px; padding-left:5px; height:34px; color:#999; line-height:34px; margin-right:15px; border:1px solid #ccc; margin-bottom:10px; float:left } 
.login_box .cook { color:#666; font-size:14px; margin-top: 18px; } 
.login_box .cook a { color:#666; } 
.free-reg { text-align: center; margin: 24px 0 60px; font-size: 14px; } 
.btn-login { width: 100%; height: 48px; margin-top: 10px; -webkit-transition:0.3s; transition:0.3s; line-height: 48px; cursor: pointer; background: #ff583d; border: 0px; color: #fff; font-size: 16px; border-radius:3px; } 
.login_box .zc { color:#666; border-top:1px solid #ddd; margin-top:20px; padding-top:10px; line-height:30px; font-size:14px; } 
.login_box .zc a { padding-left:6px; color:#069 } 
.login_box .zc a img { width:25px; height:25px; } 
.login .rightBox { width:500px; float:left; margin-left: 180px; line-height: 36px; font-size:16px; margin-top:90px; color: #fff; letter-spacing: 1px; } 
.wWidth1200 .login .rightBox { margin-left: 120px; } 
.login .rightBox span { font-size: 30px; display: block; height: 40px; line-height: 40px; color: #fff; margin-bottom:10px } 
.login .rightBox a { width: 160px; border-radius:4px; height: 44px; line-height: 44px; display: block; border: 1px solid #fff; text-align: center; color: #fff; font-size:16px; margin-top: 30px; border-radius:3px; } 
.login .rightBox { animation:myrbox 1s; -moz-animation:myrbox 1s; /* Firefox */
-webkit-animation:myrbox 1s; /* Safari and Chrome */
-o-animation:myrbox 1s; /* Opera */}
@keyframes myrbox
 {
0% { filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; margin-top:70px; } 
100% { filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; margin-top:90px; } 
 }

@-moz-keyframes myrbox /* Firefox */
 {
0% { filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; margin-top:70px; } 
100% { filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; margin-top:90px; } 
 }

@-webkit-keyframes myrbox /* Safari and Chrome */
 {
0% { filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; margin-top:70px; } 
100% { filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; margin-top:90px; } 
 }

@-o-keyframes myrbox /* Opera */
 {
0% { filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; margin-top:70px; } 
100% { filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; margin-top:90px; } 
 }

.login .rightBox a { animation:myregbtn 0.3s linear 0.3s both; -moz-animation:myregbtn 0.3s linear 0.3s both; /* Firefox */
-webkit-animation:myregbtn 0.3s linear 0.6s both; /* Safari and Chrome */
-o-animation:myregbtn 0.3s linear 0.3s both; /* Opera */}
@keyframes myregbtn
 {
0% { filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; margin-top:40px; } 
100% { filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; margin-top:20px; } 
 }

@-moz-keyframes myregbtn /* Firefox */
 {
0% { filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; margin-top:40px; } 
100% { filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; margin-top:20px; } 
 }

@-webkit-keyframes myregbtn /* Safari and Chrome */
 {
0% { filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; margin-top:40px; } 
100% { filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; margin-top:20px; } 
 }

@-o-keyframes myregbtn /* Opera */
 {
0% { filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; margin-top:40px; } 
100% { filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; margin-top:20px; } 
 }


.login .btn_yz { width:150px; border-radius:2px; margin-left:16px; height:42px; line-height:42px; cursor:pointer; background: #fff; border: #ff583d solid 1px; font-size: 14px; color: #ff583d; border-radius: 4px; } 
.login .apilogin { border-top:1px solid #eee; padding-top:32px; position: relative; text-align: center; } 
.login .apilogin .name { color:#888; font-size:14px; position: absolute; top: -10px; left: 50%; margin-left: -40px; padding: 0 10px; background: #fff; } 
.login .apilogin img { width: 44px; height: 44px; margin: 0 31px; } 
#login_container iframe { display:block; margin:0 auto } 
.mobileLogin .username, 
.mobileLogin #MobileCode { padding: 9px; width:100%; box-sizing: border-box; line-height: 42px; height:42px; border:0; outline:none; font-size:14px; color:#999; letter-spacing:1px; border:#bcc3cc solid 1px; border-radius:4px; } 
.mainbox { width:1180px; margin:0 auto } 
#bg { display: block; position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; background-color: black; z-index:-1; -moz-opacity: 0.3; opacity:.30; filter: alpha(opacity=30); } 
.log-wx { width:45px; height:45px; overflow:hidden; position:absolute; right:2px; bottom:2px; transform:rotate(90deg); display:block; background:url(wx-logo.png) no-repeat; background-size: cover; z-index:99 } 
.log-pc { width:45px; height:45px; overflow:hidden; position:absolute; right:2px; top:2px; display:block; background:url(pc-login.png) no-repeat; background-size: cover; } 
.logincontent { position:relative } 
.login_box h3 { font-size:18px; text-align:center; font-weight: normal; margin-bottom:15px } 
.wx-login { height:32px; padding-left:45px; line-height:32px; position:relative; margin-top:5px } 
.wx-login i { display:block; position:absolute; width:25px; height:25px; left:10px; top:5px; background:url(wx-login.png) no-repeat; background-size:25px 25px; } 
.wx-login span { font-size:14px } 
.wx-box { width:200px; margin:50px auto } 
.wx-show { position:absolute; left:0; top:0; width:100%; height:100%; background-color:#fff; z-index:99; display:none; } 
.body-bg { background:url(login-banner.jpg) no-repeat; position:relative } 
.pop-ups { position: fixed; width: 588px; height: 294px; background: #fff; left: 50%; top: 50%; margin-top: -147px; margin-left: -294px; z-index: 11; padding: 60px 80px 40px; box-sizing:border-box; border-radius: 10px; display: none; } 
.pop-tips { color:#606367; font-size:14px; } 
.shadow-bg { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.4); z-index: 10; display: none; } 
.pop-code { margin-top: 40px; margin-bottom: 50px; } 
.pop-code .password { width: 295px; height: 40px; padding: 0 10px; box-sizing: border-box; border: 1px solid #BCC3CC; border-radius: 4px; margin-right: 20px; vertical-align: middle; } 
.pop-code #verifyimg { height: 40px; vertical-align: middle; } 
.pop-ups-btn { width:160px; height:40px; border-radius: 4px; color: #fff; background: #3C81FA; text-align: center; line-height: 40px; font-size: 16px; margin: auto; }