@charset "utf-8";
/* CSS Document */
*{ margin:0 auto; padding:0; font-family:"microsoft yahei"; list-style:none; font-style:normal;}
input{vertical-align:middle;}
img{border:none;vertical-align:bottom;}
button,input{background:#fff;border:none; outline: none;}


body{    
    margin: 0px;
    padding: 0px;
    border: 0 none;
    align-content: center;
    min-height: 100%;
    /*height: auto !important;*/
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    background-size: 100% 100%;
    background-attachment: fixed;
    /*background-positon: 100%, 100%;*/
    border: 0 none;
    overflow: hidden;
}
#jx_bg{    background:url(images/bg.jpg) no-repeat #fbfdfe;    background-size: 100% 100%;
    background-attachment: fixed;
    /*background-positon: 100%, 100%;*/

}
.login-box {
    width: 660px;
    height: 540px;
    padding-top: 180px;
    margin-left: auto;
    margin-right: auto;
}
.logo{text-align: center;
    margin: 0px;
    padding: 0px;
    MARGIN-RIGHT: auto;
    MARGIN-LEFT: auto;
    float: none;
    width: 100%;}
.logo img:nth-child(1){display:none;}
.option {
    width: 600px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 28px;
    position: relative;
}
.option img {
    margin-top: 60px;
    margin-right: 20px;
    margin-bottom: 10px;
}


/*登录页面*/
#login_bg{    background:url(images/login_bg.jpg) no-repeat #fbfdfe;    background-size: 100% 100%;background-attachment: fixed;background-positon: 100%, 100%;}
.login-wrap {width: 668px;margin: 0 auto;margin-top: 130px;}
.login-wrap .login-inner {background:url(images/login_box_bg.png) no-repeat;width: 668px;height: 434px;position: relative;}
.login-inner .login {position: absolute;right: 130px;top: 120px;width: 340px;color: #4d5b80;}

.login-wrap .login-inner:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.login-wrap .login .form-tt {display: block;float: left;height: 16px;line-height: 16px;padding: 6px 0 0;width: 80px;text-align: right;}

.login-wrap .login .form-tt{display:block;float:left;height:16px;line-height:16px;padding:6px 0 0;width:80px;text-align:right;}
.login-wrap .login .form-row{margin:0 0 0 90px}
.login-wrap .login .form-name{margin:0 0 0 90px;height:16px;line-height:16px;padding:6px 0 0}

.form-login input{vertical-align:middle}
.form-login ul{padding:15px 0 0;margin:0 auto}
.form-login ul li{padding:0 0 20px;overflow:hidden;zoom:1}
.form-login label{padding:0 0 5px}
.form-login .s-txt, .form-login .s-txt-focus{width:240px; border:1px solid #c4c0c1; height:30px; line-height:30px;}
.form-login a{color:#36c;text-decoration:none}

/*蓝色按钮*/
.btn-green-big{background:url(images/btn.png) no-repeat;width:129px;height:44px;display:block}
.btn-green-big span{color:#fff;display:block;line-height:38px;text-align:center}
.hidden-small { display:block;}
.visible-small {display: none;}
@media screen and (min-width:320px) and (max-width:640px){
	html,body {height:100%}
	.logo img:nth-child(2){display:none;}
	.logo img:nth-child(1){display:block;}
	#jx_bg { background: url(images/bg.jpg) no-repeat #fbfdfe; background-size: auto;background-position: bottom;}
    .login-box {width: 100%; position:relative;height: 100%; padding-top: 25%; margin-left: auto; margin-right: auto;}
	.logo img{width:90%;}
	.option { width: 60%; margin-left: auto; margin-right: auto; margin-top: 40px; position: relative; text-align: center;}
	.option img {margin-top: 10px; margin-right: auto;  margin-left: auto; margin-bottom: 10px;width:100%;}
	.login-box .footer{left:10% !important;width:80% !important; text-align:centr !important; position: absolute !important; bottom: 160px !important;margin:20px auto 0;}
	.login-box .htglbut{margin:0 !important; display:none;}
	.hidden-small { display: none;}
	.visible-small {display: block;}
}
@media screen and (min-width:320px) and (max-width:375px){
body{ height:auto;}
.logo img:nth-child(2){display:none;}
	.logo img:nth-child(1){display:block;}
.login-box .footer{left:0% !important;width:80% !important; text-align:centr !important; position: relative!important; bottom: -40px !important;margin:20px auto 0;}	
}