.tip {
    font-size: 14px;
    color: red;
    padding-left: 50px;
}

.top {
    text-align: center;
    font-family: 楷体;
    font-size: 28pt;
    color: #3a7baf;
    margin-bottom: 70px;
}

.left {
    text-align: center;
    margin-right: 75px;
    float: right;
    font-family: 微软雅黑, 宋体;
    font-size: 12pt;
}

.left1 {
    color: #7a7373;
    text-align:center;
    margin-bottom: 20px;
}

.left3 {
    margin-right: 30px;
}

.middle {
    border-right: 1px dashed #999999;
}

.right {
    float: right;
    height: 260px;
    font-family: 微软雅黑, 宋体;
    font-size: 12pt;
    color: #7a7373;
    margin-left: 75px;
}

.footer {
    text-align: center;
    float: left;
    width: 100%;
    height: 50px;
    padding-right: 30px;
}

.copyright {
    text-align: center;
    float: left;
    width: 100%;
    height: 100px;
    color: #7a7373;
    font-size: 14px;
    padding-right: 30px;
}

.textbox {
    padding-top: 20px;
}

.wj {
    text-align: right;
}

#login-main {

}

#photo {
    position: absolute;
    width: 521px;
    height: 315px;
    visibility: hidden;
    left: 410px;
    top: 100px;
    z-index: 1000;
}

.qs {
    font-size: 10pt;
    float: left;
    width: 100%;
    height: 30px;
    text-align: center;
    padding-right: 30px;
}

.input-icon {
    position: relative;
}

span.input-icon {
    display: inline-block;
}

.input-icon > input {
    padding-left: 24px;
    padding-right: 6px;
}

.input-icon.input-icon-right > input {
    padding-left: 6px;
    padding-right: 24px;
}

.input-icon > [class*="icon-"] {
    padding: 0 3px;
    z-index: 2;
    position: absolute;
    top: 1px;
    bottom: 1px;
    left: 3px;
    line-height: 28px;
    display: inline-block;
    color: #909090;
    font-size: 16px;
}

.input-icon.input-icon-right > [class*="icon-"] {
    left: auto;
    right: 3px;
}

.input-icon > input:focus + [class*="icon-"] {
    color: #579;
}

.input-icon ~ .help-inline {
    padding-left: 8px;
}