@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;}
#header{height:60px;width:1000px;margin:0 auto;font-family:'Microsoft YaHei';}
#header img{float:left; margin-top: 2px;}
/*#header h3{font-size:24px;color:#333;height:60px;line-height:60px;float:left;font-weight:normal;font-family:'Microsoft YaHei';}*/
#header h3{font-size:24px;color:#333;height:60px;line-height:60px;font-weight:normal;font-family:'Microsoft YaHei';}
#header span{font-size:22px;color:#7ab9ee;height:60px;line-height:60px;float:left;padding-left:50px;background:url("../images/hj_header-line.gif") no-repeat 25px 18px;}
#loginCon{height:497px;background:url("../images/hj_login_bg.png") repeat-x;}
.loginN{width:1000px;height:497px;margin:0 auto;}
/*.loginAd{width:535px;height:497px;background:url("../images/hj_login_left.jpg") no-repeat;float:left;}*/
.loginAd{display: inline-block}
/*.loginMain{width:390px;height:390px;float:right;background-color:#e1f1fc;margin:54px 40px 0 0;display:inline;}*/
.loginMain{width:390px;background-color:#e1f1fc;margin:54px 40px 0 0;display: inline-block;padding-bottom: 30px;}
/*.loginMain .loginForm{ margin-bottom: 30px;}*/
.loginMain .loginForm .login-form-content{ min-height: 15px;line-height:28px;font-size:16px;color:red;margin:15px 0 0 20px;width:348px;text-align:center;}
.loginTit{height:52px;}
.loginTit span{float:left;cursor:pointer;height:52px;line-height:52px;font-size:20px;text-align:center;font-family:'Microsoft YaHei';background-color:#88c9f3;border-bottom:1px solid #3aa7ec;font-weight:normal;color:#323232;}
.loginTit .sp1{width:195px;}
.loginTit .sp2{width:194px;}
.loginTit span.active{border-bottom:1px solid #e1f1fc;border-right:1px solid #e1f1fc;background:none;cursor: default;}
#formWrap{width:350px;margin:8px auto 0;}
#username,#password{width:348px;height:42px;float:left;line-height:42px;text-indent:38px;margin:0;padding:0;font-family:'Microsoft YaHei';font-size:16px;}
.userDiv{position:relative;width:350px;height:44px;}
.passDiv{position:relative;width:350px;height:44px;margin-top: 22px;margin-bottom: 22px;}
.erwmDiv{position:relative;width:350px;height:44px;margin-bottom: 22px;}
.erwmDiv img{}
.userDiv span{position:absolute;left:0;top:0;height:42px;width:34px;background:url("../images/hj_login_user_msg.png") no-repeat 10px 14px;}
.passDiv span{position:absolute;left:0;top:0;height:42px;width:34px;background:url("../images/hj_login_pass_msg.png") no-repeat 10px 14px;}
.erwmDiv span{position:absolute;left:0;top:0;height:42px;width:34px;background:url("../images/hj_login_erw_msg.png") no-repeat 10px 14px;}
#identify{width:140px;height:42px;left:0;top:0;float:left;line-height:42px;text-indent:38px;margin:0;padding:0;font-family:'Microsoft YaHei';font-size:16px;vertical-align:middle;margin-right:6px;display:inline;}
.LoginSubmit input{width:348px;height:42px;line-height:42px;background-color:#69b3f2;border:none;border-radius:3px;color:#fff;font-size:18px;font-family:'Microsoft YaHei';}
.LoginSubmit input:hover{background-color:#7cbdf5;}
#ulIcon{background-color:#fafafa;}
#iconList{height:55px;width:525px;margin:0 auto;padding:20px 0;text-align:center;}
#iconList li{float:left;width:55px;height:55px;margin:0 25px;display:inline;}
#comLink{text-align:center;padding:15px 0;font-family:arial;}
#comLink a{color:#333;text-decoration:none;font-family:'Microsoft YaHei';font-size:16px;}
#comLink a:hover{color:#0b84d2;text-decoration:underline;}
.zhmmA {display: inline-block;width: 75px;overflow: hidden;margin-top: 10px;}
.zhmmA #zhmm {display: inline-block;width: 75px !important;overflow: hidden;font-size: 15px;white-space: nowrap;font-family: 'Microsoft YaHei';}

@media screen and (max-width:768px){
    #header{
        /*width: 390px;*/
        max-width: 98%;
        text-align: center;
    }
    #header span {
        padding-left: 0;
    }
    #header h3 {
        font-size: 20px;
    }
    .loginAd{display:none;}
    .loginTit .sp1 {
        /*width: 175px;*/
        max-width: 50%;
    }
    .loginTit .sp2 {
        /*width: 174px;*/
        max-width: 49%;
    }
    .loginN {
        width: 90%;
        background-image: none;
        padding-top: 54px;
    }
    .loginMain {
        width: 390px;
        max-width: 98%;
        background-color: #e1f1fc;
        margin: 0 auto;
        display: block; 
    }
    .loginMain .loginForm .login-form-content{
        max-width: 98%;
    }
    #formWrap {
        max-width: 90%;
    }
    .userDiv {
        max-width: 99%;
    }
    .passDiv {
        max-width: 99%;
    }
    #username, #password {
        width: 348px;
        max-width: 99%;
    }
    .LoginSubmit input {
        max-width: 99%;
    }
    #iconList{display: none;}
}