*{margin:0;padding:0;}
.gk_bg{
     width: 100%;
     height: 100%;
     /* margin: auto;  */
     padding:  10px;
     position: fixed;
     left: 0;
     z-index: 0;
     background: url(../images/BG.jpg) no-repeat top center;
     background-attachment: fixed;
     background-size: 100% 100%;
     -moz-background-size: 100% 100%;
     -webkit-background-size: 100% 100%;
}

.gk_title{
    width: 700px;
    height: 70px;
    margin: 1% auto 0 auto;
    background: url(../images/Logo.png) no-repeat left;
    padding: 0px 0px 0px 90px;
    color: #ffffff;
    font-size: 32px;
    line-height: 64px;
}

.jr_subtitle{
	width: 700px;
    height: 70px;
    margin: 1% auto 0 auto;
    background: url(../images/sub-title.png) no-repeat left;
    padding: 0px 0px 0px 90px;
    color: #ffffff;
    font-size: 32px;
    line-height: 64px;
    background-size: 50%;
}

.jr_title{
	float:left;
	width: 700px;
    height: 100px;
    margin: 0 auto 0 auto;
    background: url(../images/logo-jr.png) no-repeat left;
    background-size: 50%;
    padding: 0px 0px 0px 90px;
    color: #ffffff;
    font-size: 32px;
    line-height: 64px;
    padding-top: 80px;
}

.loginForm{
	padding-top: 20px;
}
.gk_block{
    width: 500px;
    height: 60%;
    /* height: 100%; */
    padding: 5px 0px 26px 0px;
    margin: 6% auto 0px auto;
    background: rgba(255, 255, 255, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.9);
    border-radius: 13px;
    border: currentColor;
    clear: both;
}
.gk_userimg{
    width: 120px;
    height: 100px;
    margin: 40px auto 32px auto;
    background: url(../images/User-pic.png) no-repeat center;
    background-size:80%;
    color: #ffffff;
    font-size: 24px;
    letter-spacing:3px;
    line-height: 259px;
    text-align: center;
}
.gk_linput{
    width: 362px;
    margin: 0px auto 0px auto;
}
.gk_inputk{
    position: relative;
    margin-top: 30px;
    margin-bottom: 20px;
}
.gk_icon-login{
    width: 30px;
    height: 30px;
    position: absolute;
    top: 20px;
    left: 15px;
}
.gk_icon-username{
    background: url(../images/Login-icon.png) no-repeat center;
    background-size:contain; 
}
.gk_icon-password{
    background: url(../images/Pwd-icon.png) no-repeat center;
    background-size:contain;
}
.gk_icon-yzm{
    background: url(../images/yzm.png) no-repeat center;
    background-size:contain;
}
.gk_yzmk{
    position: absolute;
    right: 10px;
    top: 20px;
    padding: 9px 3px;
    display: inline-flex;
}
.gk_loginbtn{
    width: 100%;
    height: 50px;
    margin: 10% auto;
    border: 0px;
    border-radius:30px;
    color: #ffffff;
    background: #0b6be3;
    cursor: pointer;
    font-size: 24px;
}
.gk_logink{
    width: 100%;
    height: 50px;
    margin: 3% auto;
    border: 2px solid #ffffff;
    background: #deeaf6;
    border-radius: 70px;
    padding: 3px 0px 3px 60px;
    color: #4e4c4d;
    font-size: 18px;
}
.gk_inputk input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    background-color: #ffffff !important;
   
}
.gk_checkbox{
    width: 16px;
    height: 16px;
}
.gk_remember-txt{
    color: #ffffff;

}
.gk_loginewm{
    color: #ffffff;
    float: right;
    text-decoration: underline; 
    cursor: pointer;
}
.gk_weixin{

}
.gk_login-remember{
    width: 100%;
    margin: 2px auto;
    position: relative;
}
.gk_copyright{
    width: 100%;
    /* height: 60px; */
     margin: 30px auto 0px auto; 
    text-align: center;
    /* position: absolute; */
    /* bottom: -20px; */
    color: #000000;
    font-size: 20px;
    /* line-height:  42px; */
    bottom: 6%;
    position: absolute;
}
.gk_anios{
    width: 220px;
    height: 115px;
    float: right;
    position: absolute;
    right: 80px;
    bottom:56px;
}
.gk_andro{
    float: left;
    background: url(../images/And-erweima.png) no-repeat top center;
}
.gk_ios{
    float: right;
    background: url(../images/Ios-erweima.png) no-repeat top center;
}
.gk_erweima{
    width: 84px;
    height: 84px;
    text-align: center;
    color: #ffffff;
    line-height: 200px;
}

  .gk_loginewm .gk_weixin_nr{width:120px; height:120px; padding:10px; background:#fff; text-align:center; position:absolute; right:0px; top:39px; display:none; color: #333333;line-height: 14px;}
 .gk_loginewm .gk_weixin_nr img{ margin-bottom:5px;}
 .gk_loginewm .gk_weixin_nr .gk_arrow{ width:0; height:0; border-bottom:10px solid #fff;border-left:10px solid transparent;border-right:10px solid transparent; position:absolute; left:50px; top:-10px;}
 .gk_loginewm.gk_on .gk_weixin_nr{ display:block; z-index: 9;}
 /* .gk_weixin_nr .gk_on a{ background:url(../images/Ios-erweima.png) no-repeat left bottom;}  */

.alert{
    margin-bottom: 0px!important; 
    border: 0px!important; 
 }
#gk_erlogin{
    width: 300px;
    height: 300px;
    margin: auto;
    text-align: center;
    padding: 30px 0px 80px 0px;
}
#gk_wordlogin{
    width: 120px;
    height: 50px;
    margin:15px auto;
    color: #ffffff;
    cursor: pointer;
}
.gk_ewmlogin{
    margin: 25px auto 0px auto;    
}