.body{
    margin: 0px;
    padding: 0px;
    font-size: 14px;
    font-family: 微软雅黑;
    background: -webkit-gradient(linear,center top,center bottom,from(#204de0), to(#4dcdf5));
}
a:hover,a:link{ color: #fff;}

ul{ list-style: none;}
a{ text-decoration: none; color: #fff;}
a:hover,a:link{ color: #fff; text-decoration: none;}
.row{ width: 1204px; margin: auto;}
.login-frame{ width: 100%; margin-top:220px;}
.login-form
{
    width: 95%;
    max-width: 420px;
    height: auto;
    background: #fff;
    margin: 0px auto 0px auto;
    border-radius: 5px;
    box-shadow:0 0 2px #000;
    color: #3a3a3a;
    padding-bottom: 80px;
}
.login-way-nav
{
    height: 42px;
    padding: 0px;
    cursor: pointer;
}
.login-way-nav li
{
    width: 100%;
    color: #7a7979;
    text-align: left;
    line-height: 42px;
    font-size: 16px;
    border-bottom: 1px solid #e0e0e0;
    text-indent: 30px;
}
.login-way-nav .active{ color: #5a5a5a; border-bottom: 1px solid #c6c5c5}
.login-way-nav .active-r{ border-right: 1px solid #e0e0e0;}
.login-way-nav .active-l{ border-left: 1px solid #e0e0e0;}
#login-mobile{ width: 80%;margin: 30px auto 0px auto;}
.phone-input
{
    background: url("../images/icon-phone.png") 10px center no-repeat;
    text-indent: 15px;

}
.code-input{
    margin-top: 10px;
    width: 71%;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
    background: url("../images/icon-code.png") 10px center no-repeat;
    text-indent: 18px;
}
.code-btn
{
    margin-top: 10px;
    width: 29%;
    border-left: none;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
}
#login-user{width: 80%;margin: 30px auto 0px auto;}
.user-input
{
    background: url("../images/icon-phone.png") 10px center no-repeat;
    text-indent: 15px;
}
.password-input
{
    margin-top: 20px;
    background: url("../images/icon-lock.png") 10px center no-repeat;
    text-indent: 15px;
}
.copy-right
{
    margin-top: 100px;
    text-align: center;
    color: #fff;
}
.reg-btn{ padding: 0px 42px; margin-top: 3px;}
.reg-btn a{ color: #1d498b}
.register-title
{
    width: 100%;
    height: 42px;
    text-align: center;
    line-height: 42px;
    font-size: 18px;
    margin-top: 20px;
}
.getpassword-box
{
    width: 95%;
    max-width: 420px;
    height: 480px;
    background: #fff;
    margin: 5px auto 0px auto;
    border-radius: 5px;
    box-shadow:0 0 2px #000;
    color: #3a3a3a;
}
#getpassword-form-box{ width: 80%;margin: 10px auto 0px auto;}
@media screen and (max-width: 991px) {
   .login-left-panel{ display: none;}
    .login-form{ height: 100%;}
    .row{ width: 100%;}
    .login-frame{ width: 100%; margin-top: 500px;}

}
@media screen and (max-width: 1366px) {
    .login-form{ height: 95%;}
    .login-frame{ width: 100%; margin-top: 80px;}

}
.other-login-tip{
    text-align: center;
    position: relative;
    height: 50px;
    line-height: 50px;
    width: 80%;
    margin: 20px auto;
}
.other-login-tip:after,.other-login-tip:before{
    content: "";
    position: absolute;
    top: 50%;
    background: #7a7a7a;
    height: 1px;
    width: 25%;
}
.other-login-tip:after{
    left: 0;
}
.other-login-tip:before{
    right: 0;
}
#mobile-error{color: #ff3b30;}
#code-error{ color: #ff3b30;}
#password-error{color: #ff3b30;}
#password2-error{color: #ff3b30;}
#username-error{color: #ff3b30;}