html,body,#main-content{background:#fff;}
#main-content{padding-top: 20px;}
.login-logo,.login-tip{width:100%;margin:20px auto;}
.login-tip{margin-top:30px;}
.login-icon{margin-top:40px;}

#login-wrap{height:100%;width:80%;margin:0px auto;padding-top: 45px;}
#login-form{height:100%}
#login-content label{font-weight:400}
#login-content .suggest-container{width:246px;top:46px}
#login-content .suggest-container .suggest-item a{padding:4px 6px;color:#4d4d4d}
#login-content .fm-text{line-height:16px;padding:8px 5px;margin-top:5px;font-size:14px;background:transparent;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none}
#login-content .fm-text:focus{background-color:#e9fbfe;border-color:#69c5dd}
#login-content #fm-login-checkcode-update{color:#00a2ca}
#login-content .fm-field-wrap .fm-checkcode-update{margin-top:10px}
.fm-field-wrap{border-bottom:1px solid #dbdadd;padding:10px 0px;}
#login-content .fm-checkcode-img{height:35px;width:83px;margin-top:7px;opacity:0.7}
#login-content #fm-login-checkcode{min-width:80px}
.type-text{border:0px; background: transparent; color:#ff6600; text-align: center; font-size: 12px; float: right; line-height: 38px;}
a:visited,a:link{color:#00c1de}
.login-login-links{width:100%;padding:0 30px;box-sizing:border-box}
.login-login-links .thirdpart-login-text{display:inline-block;text-align:center;position:absolute;top:-8px;box-sizing:border-box;left:50%;margin-left:-55px;width:110px;color:#73777A;background-color:#fff;line-height:20px}
.login-login-links #thirdpart-login{width:100%;text-align:center;display:inline-block;padding-top:40px;}
#thirdpart-login span{display: block;margin:0px 10px;}
.login-login-links #thirdpart-login .thirdpart-login-icon{height:auto;width:42px;}
#login-title{color:#f60}
#login-id-label-extra{display:none}
#login-other .login-login-links{display:none}
.input-focus{border:1px solid #00c1de}
.fm-button{display:inline-block;min-width:140px;height:36px;padding:0 30px 1px;border:none;line-height:32px;font-size:14px;color:#fff;text-align:center;outline:none;cursor:pointer;background:#f7672e}
.icon-notice{background-color:#f1f6fa}
.icon-error{background-color:#fff3e7}

#login-error {
    display: none;
}
.form-error {
    padding-left: 32px;
}
.notice {
    padding: 4px 12px;
    line-height: 18px;
    font-family: Tahoma,Helvetica,Arial,\5b8b\4f53;
}
.notice-error, .notice-forbid {
    border: 1px solid #f6c8b5;
    background: #fceee8;
}
.icon-notice, .icon-site {
    display: inline-block;
    margin-right: 6px;
    background-image: url(../images/notice.png);
    background-color: transparent;
    background-repeat: no-repeat;
    overflow: hidden;
    vertical-align: -2px;
}
.icon-error {
    background-color: #fff3e7;
        width: 14px;
    height: 14px;
    background-position: -30px -34px;
}

#login-content .fm-text {
    width:100%
}
#login-content #fm-login-password.fm-text{width: 60%}
#login-content .fm-text::selection {
    background:#1996e6;
    color:#fff
}
#login-content .fm-text::-webkit-selection {
    background:#1996e6;
    color:#fff
}
#login-content .fm-text::-moz-selection {
    background:#1996e6;
    color:#fff
}
#login-content .fm-text::-webkit-input-placeholder {
    color:#c1c1c4;
}
#login-content .fm-text:-moz-placeholder {
    color:#aaa
}
#login-content .fm-text:-ms-input-placeholder {
    color:#aaa
}
.fm-text, .fm-textarea {
    padding:4px 6px;
    line-height:17px;
    font-size:12px;
    color:#595959;
    background:#fff;
    vertical-align:middle;
    -webkit-box-shadow:0 1px 0 #ececec inset;
    -moz-box-shadow:0 1px 0 #ececec inset;
    -ms-box-shadow:0 1px 0 #ececec inset;
    -o-box-shadow:0 1px 0 #ececec inset;
    box-shadow:0 1px 0 #ececec inset;
}

.capthcha-box{height: 26px;}
.nc-container {
    font-size: 12px;
    -ms-touch-action: none;
    touch-action: none;
}

#fm-login-submit {
    width: 100%;
    margin-top: 10px;
}


@media screen and (max-height:470px){
    .login-login-links{position:relative;padding:0;margin-top:60px}
}