.fs16p{font-size:16px !important;}
.login {   
  background:url("/ui/img/bg/login_bg.jpg") no-repeat #f3f3f3 center; 
  background-size:100%;
}

.denglu {
    padding-top: 20px;
    text-align: center;
    line-height: 60px;
    border-bottom: 1px solid #eee;
    font-size: 28px;
    color: #5599FF;
    font-weight: 600;
}

.login .content {
    position: relative;
    width:370px;
    margin:137px auto 0;
}

@media only screen and (max-width:768px){
    .login{
        background-color:#e6e6e6;
        background-image:none;
        color:#4e4e4e;
    }
    .login .content{
        margin-top:0;
        width:100%;
    }    
}

.bg-wrap {
    position: relative;
    /*background-color: #f3f3f3;*/
    background-color: rgb(255 255 255 / 70%);
    -webkit-box-shadow: 0px 0px 30px rgba(63, 63, 63, 0.56);
    -moz-box-shadow: 0px 0px 30px rgba(63, 63, 63, 0.56);
    -o-box-shadow: 0px 0px 30px rgba(63, 63, 63, 0.56);
    -ms-box-shadow: 0px 0px 30px rgba(63, 63, 63, 0.56);
    box-shadow: 0px 0px 30px rgba(63, 63, 63, 0.56);
}
.mood{
    position:absolute;
    left:0;
    top:-130px;
    width:100%;
    font-family:'Microsoft YaHei';
    font-size:18px;
    color:#fff;
    text-align:center;
    -webkit-text-shadow: 0.5px 0.866px 1px rgba(10, 2, 4, 0.294);
    -moz-text-shadow: 0.5px 0.866px 1px rgba(10, 2, 4, 0.294);
    -o-text-shadow: 0.5px 0.866px 1px rgba(10, 2, 4, 0.294);
    -ms-text-shadow: 0.5px 0.866px 1px rgba(10, 2, 4, 0.294);
    text-shadow: 0.5px 0.866px 1px rgba(10, 2, 4, 0.294);
}
.mood .quote{font-family:Arial;font-size:30px;font-weight:bold;}
.cartoon{
    position:absolute;
    left:0;
    top:-79px;
    width:100%;
    text-align:center;
}
@media only screen and (max-width:768px)
{
    .mood{
        display:none;
    }
}
.login-wrap{padding:0 30px; }
.login-wrap .form-group{margin-bottom:10px;}
.login-title {
    padding: 45px 0 35px;
    text-align: center;    
}

.update-tip{margin-bottom:15px;padding:10px;background-color:#ffeba6;border:1px solid #e3b824;border-radius:5px!important;-webkit-border-radius:5px!important;-o-border-radius:5px!important;-moz-border-radius:5px!important;}
.update-tip .star{height: 28px;float: left;margin-top: 3px;margin-right: 10px;}
.update-tip span{font-size:14px;color:#c36008;}
.input-icon .login-icon{margin-top:16px;}
.confirm-input{width: 150px;}
.code-img{position:absolute;left: 160px;top:5px;}
.remember-me label{color:#000;font-size:14px;position: relative;top: -1px;left: 4px;}
.remember-me label,.remember-me input{cursor:pointer;}
 .btn-radius-5{border-radius:5px!important;}
.login .content label {
  color: #000;
}
.login-wrap input{border-radius:5px !important;color:#656565;font-size: 16px;border-color:#bfbfbf;}
.login-wrap .help-inline{color:#D80303;}

.login .content .form-control {
  background-color: #fff;
}
.login .content .login-actions {
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom:30px;
 }
.login-wrap .btn-login{padding: 13px;-o-border-radius:5px !important;-webkit-border-radius:5px !important;-moz-border-radius:5px !important;border-radius:5px !important;}

.link{color:#007bff;}

/**¼æÈÝIE7**/
.ie9 .control-label,.ie8 .control-label,.ie7 .control-label{display:block;text-align:left !important;padding-left:15px;padding-top:0;}
.ie7 .form-control{width:285px;height:22px;padding-left:10px!important;}
.ie7 .btn-login{width:285px;}
.ie7 .remember-me label{top:4px;}
.login-footer{         
    padding-top:10px;
    text-align:center;
    color:#fff;
}

 @media only screen and (max-width:768px){
     .bg-wrap{
         box-shadow:none;
     }
     .login-title{
        padding:47px;
        background-color:#ffffff;
        border-bottom:1px solid #9f9f9f;
     }
     .login-wrap{
        background-color:#e6e6e6;
        padding:15px 5.277777% 0;
     }
     .login .content .form-control{
         color:#7a7a7a;
         border-color:#a1a1a1;
         padding-left:16px !important; 
     }
     .login-footer{         
         color:#4e4e4e;
     }
 }