* {
    box-sizing: border-box !important;
}

body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, img, div, dl, dt, dd, input, img, span {
    margin: 0;
    padding: 0;
    border: 0;
}

ul, ol {
    list-style-type: none;
}

select, input, img {
    vertical-align: middle;
    outline: none;
}

a {
    text-decoration: none;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.clear {
    overflow: hidden;
}

html {
    height: 100%;
    width: 100%;
}

.bg-image {
    width: 100%;
    height: 100%;
    font-family: "Microsoft Yahei";
    position: relative;
    overflow: hidden;
}

.bg-image > .bg-image-center {
    top: 0;
    width: 100%;
    height: 81.5%;
    position: relative;
    overflow: hidden;
}

.bg-image > .bg-image-center > img {
    width: 100%;
    height: 100%;
    display: block;
}

.login_title {
    position: absolute;
    top: 5%;
    left: 35%;
}

.login_title > img {
    vertical-align: middle;
    margin-right: 24px;
}

.login_title > span {
    font-size: 50px;
    color: #f5f6f7;
    font-weight: 700;
    vertical-align: middle;
}

.login_title .system_name2 {
    font-size: 44px;
    font-weight: bolder;
    color: #ffffff;
    text-align: center;
}

.login_title .system_name3 {
    font-size: 34px;
    font-weight: bolder;
    color: #ffffff;
    text-align: center;
    left: 62%;
}

.login_box {
    width: 25.06%;
    height: 73.2%;
    position: absolute;
    top: 56%;
    left: 72%;
    margin-top: -280px;
    margin-left: -241px;
}

.login_box > img {
    width: 100%;
    height: 100%;
    display: block;
}

.login_box > .login_news {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
}

.login_box .login_top {
    margin-top: 12.6%;
    margin-bottom: 12.6%;
    height: 10.4%;
}

.login_box .login_top > ul {
    width: 100%;
    height: 100%;
}

.login_box .login_top ul > li {
    width: 70.8%;
    height: 100%;
    display: table;
    margin: 0 auto;
    border-bottom: 1px solid #E6E9F4;
}

.login_box .login_top ul > li > span {
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    text-align: left;
}

.login_box .login_top ul > li > span > div {
    height: 100%;
    display: table;
}

.login_box .login_top ul > li > span > div > span {
    display: table-cell;
    vertical-align: middle;
    font-size: 26px;
    border-bottom: 2px solid #1460D2;
    color: #1460D2;
    font-weight: bolder
}

.login_box .login_down {
    height: 64.6%;
}

.login_box .login_down > ul {
    width: 100%;
    height: 100%;
}

.login_box .login_down li {
    position: relative;
    width: 70.8%;
    height: 13.4%;
    margin: 0 auto 4% auto;
}

.login_box .login_down li input[type="text"], .login_box .login_down li input[type="password"] {
    vertical-align: middle;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding-left: 11%;
    color: #333;
    border-radius: 4px;
    padding-top: 5.5%;
    padding-bottom: 5.5%;
    font-size: 14px;
    background: #EFF2F7;
}

.login_box .login_down ul > li:first-child + li + li {
    position: relative;
}

.login_box .login_down ul > li:first-child + li + li > .yzm {
    wdiwth: 33.4%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    display: table;
}

.login_box .yzm > span {
    display: table-cell;
    vertical-align: bottom;
}

.login_box .yzm > span .yzm_cover {
    cursor: pointer;
}

.login_box .yzm > span .change_yzm {
    font-size: 12px;
    color: #333333;
    text-decoration: none;
}

.login_box .login_down li .icon {
    width: 5.3%;
    height: 36%;
    vertical-align: middle;
    position: absolute;
    left: 3.4%;
    top: 50%;
    z-index: 99;
}

.login_box .login_down li #validatecodeimg {
    width: 17.7%;
    height: 80%;
    vertical-align: middle;
    position: absolute;
    right: 2%;
    top: 50%;
    z-index: 99;
}

.login_box .login_down li.checkbox-li > div {
    width: 100%;
    hwight: 100%;
    display: table;
}

.login_box .login_down li.checkbox-li input[type="checkbox"] {
    width: 18px;
    height: 18px;
    vertical-align: middle;
    float: left;
}

.login_box .login_down li.checkbox-li > span.rePassWord {
    font-size: 12px;
    color: #333;
    vertical-align: middle;
    float: left;
    margin-left: 8px;
}

.login_box .login_down li.checkbox-li > span.fPassWord {
    font-size: 12px;
    color: #333;
    vertical-align: middle;
    float: right;
    cursor: pointer;
}

.login_box .login_down li.login_button {
    width: 100%;
    height: 36px;
}

.login_box .login_down li.login_button > div {
    width: 70.8%;
    height: 100%;
    display: table;
    margin: 0 auto;
}

.login_box .login_down li.login_button > div span {
    display: table-cell;
    vertical-align: middle;
    width: 20%;
    height: 100%;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
}

.login_box .login_down li.login_button > div > span:first-child {
    background: #1460D2;
    border: 1px solid #1460D2;
    color: #fff;
}

.login_box .login_down li.login_button > div > span:first-child + span {
    background: #fff;
    border: 1px solid #D7DBEC;
    position: relative;
    left: 2%;
}

/*placeholder*/

.login_box .login_down li input::placeholder {
    font-size: 14px;
    color: #6d6d6d;
}

.login_box .login_down li input::-webkit-input-placeholder {
    font-size: 14px;
    color: #6d6d6d;
}

.login_box .login_down li input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    font-size: 14px;
    color: #6d6d6d;
}

.login_box .login_down li input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    font-size: 14px;
    color: #6d6d6d;
}

.login_box .login_down li input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    font-size: 14px;
    color: #6d6d6d;
}

.login_foot {
    width: 100%;
    position: absolute;
    bottom: 0;
    height: 18.5%;
    background: #104998;
}

.login_foot > img {
    width: 100%;
    height: 100%;
}

.login_foot > div {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    display: table;
}

.login_foot > div > div {
    display: table-cell;
    vertical-align: middle;
    padding-left: 10%;
}

.login_foot_col {
    float: left;
    vertical-align: top;
}

.login_foot_code {
    text-align: center;
    margin-bottom: 10px;
}

.login_foot_codename {
    text-align: center;
    font-size: 12px;
    color: #ffffff;
}

.login_foot_link {
    margin-bottom: 20px;
    float: left;
    vertical-align: top;
}

.login_foot_link:last-child {
    margin-bottom: 0;
}

.login_foot_link a {
    font-size: 12px;
    color: #ffffff;
    text-decoration: none;
}

.login_foot_link a:hover {
    color: #14ce7f;
}

.login_foot_hotline {
    font-size: 12px;
    color: #ffffff;
    margin-bottom: 10px;
    margin-right: 10px;
}

.login_foot_hotnum {
    font-size: 16px;
    color: #ffffff;
    font-weight: bolder;
}