body{
    background:#e9edf4;
}
.kjlg-bg{
    /*background:url(../images/bg.jpg) center center no-repeat #1782dd;8*/
    width:100%;
    height:393px;
    position:fixed;
    top:20%;
    left:0;
    font-family:"microsoft yahei";
    padding:0px 20%;
}
.kjlg-content{ 
    position: absolute;
    top:50%;
    left:50%;
    margin-top:-231px;
    margin-left:-555px;
    width:1100px;
}
.kjlg-logo{
    background: url(../images/kj-ico_03.png) left center no-repeat;
    background-size: 60px auto;
    padding: 20px 0px 20px 80px;
    font-size: 34px;
    font-weight: bold;
    color: #333;
    position: absolute;
    top: -60px;
    left: 0;
}
.kjlg-windows{
    position: absolute;
    right:0;
    top:0px;
    width:450px;
    height:462px;
    background:#FFFFFF;
    padding:55px 70px 30px;
    border-radius:10px;
}
.kjlg-styb{
    padding:65px 50px 30px;
}
.kjlg-cgstyle{
    background:url(../images/kj-ico_08.png) right top no-repeat;
    display: block;
    position: absolute;
    right:0;
    top:0;
    width:85px;
    height:86px;
}
.kjlg-cgstyle.erw{
    background:url(../images/kj-ico_06.png) right top  no-repeat;
}
.kjlg-tips{
    background:url(../images/kj-ico_07.png) center center no-repeat;
    font-size: 13px;
    color: #888;
    width:192px;
    height:28px;
    line-height:30px;
    position: absolute;
    top:10px;
    right:80px;
    display: block;
    padding-right:5px;
    text-align:center;
}
.kjlg-tips:hover,.kjlg-tips:focus{
    text-decoration: none;
    color:#888888;
}
.kjlg-erw{
    padding:15px 0 20px;
    text-align: center;
}
.kjlg-windows h3{
    font-size:23px;
    color:#555;
    text-align:center;
    margin:0;
}
.kjlg-windows button{
    background:#ed364b;
    font-size: 23px;
    width:100%;
    height:49px;
    margin:0 auto;
    color:#fff;
    line-height:48px;
    text-align: center;
    border:none;
    border-radius:5px;
}
.kjlg-windows button:hover{
    background:#DD132D;
    transition:all 0.5s ease 0s;
    -moz-transition:all 0.5s ease 0s;
    -webkit-transition:all 0.5s ease 0s;
    -ms-transition:all 0.5s ease 0s;
    -o-transition:all 0.5s ease 0s;
}
.kjlg-windows button:focus{
    outline:none;
}
.kjlg-rfsh{
    background:url(../images/kj-ico_09.png) center bottom no-repeat;
    display:inline-block;
    width:22px;
    height:22px;
    margin-bottom: -3px;
}
.kjlg-windows button span{
    margin-right:10px;
    transition:all 0.5s ease 0s;
    -moz-transition:all 0.5s ease 0s;
    -webkit-transition:all 0.5s ease 0s;
    -ms-transition:all 0.5s ease 0s;
    -o-transition:all 0.5s ease 0s;
}
.kjlg-windows button:hover .kjlg-rfsh{
    transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -webkit-transform:rotate(360deg);
    -ms-transform:rotate(360deg);
    -o-transform:rotate(360deg);
    transition:all 0.5s ease 0s;
    -moz-transition:all 0.5s ease 0s;
    -webkit-transition:all 0.5s ease 0s;
    -ms-transition:all 0.5s ease 0s;
    -o-transition:all 0.5s ease 0s;
}
.kjlg-windows button:hover span{ margin-right:15px;transition:all 0.5s ease 0s;
    -moz-transition:all 0.5s ease 0s;
    -webkit-transition:all 0.5s ease 0s;
    -ms-transition:all 0.5s ease 0s;
    -o-transition:all 0.5s ease 0s;}
.kjlg-stion{
    transition:all 0.5s ease 0s;
    -moz-transition:all 0.5s ease 0s;
    -webkit-transition:all 0.5s ease 0s;
    -ms-transition:all 0.5s ease 0s;
    -o-transition:all 0.5s ease 0s;
}
.kjlg-form{
    padding:20px 0;
}
.kjlg-form input[type=text],.kjlg-form input[type=password]{
    border:1px solid #DDDDDD;
    font-size: 15px;
    border-radius:5px;
    width:100%;
    height:50px;
    line-height:50px;
    padding-left:58px; 
    margin-top:10px;
}
.kjlg-form input[type=text]:focus,.kjlg-form input[type=password]:focus{
    border:1px solid #68C2FF;
    outline:none;
    box-shadow:0 0 5px #68C2FF;
    transition:all 0.5s ease 0s;
    -moz-transition:all 0.5s ease 0s;
    -webkit-transition:all 0.5s ease 0s;
    -ms-transition:all 0.5s ease 0s;
    -o-transition:all 0.5s ease 0s;

}
.kjlg-form span  +span input[type=password]{
    margin-top:20px;
}
.kjlg-form span{
    position: relative; 
    display: block;
}
.kjlg-form  .user:before{
    background:url(../images/kj-ico_14.png) 0 5px no-repeat ;
    content: "";
     display: block;
     position: absolute;
     top: 19px;
     left: 15px;
     width: 30px;
     height: 30px;
      z-index: 99     
}
.kjlg-form  .pwd:before{
     background:url(../images/kj-ico_14.png) 0  -66px no-repeat  ;
     content: "";
     display: block;
     position: absolute;
     top: 30px;
     left: 15px;
     width: 30px;
     height: 30px;
     z-index: 99;
}
.kjlg-form  .yzm:before{
     background:url(../images/yzm-icon.png) center center no-repeat  ;
     content: "";
     display: block;
     position: absolute;
     top: 20px;
     left: 10px;
     width: 30px;
     height: 30px;
     z-index: 99;
}
.yzm{  
    position: relative;
}
.yzm-icon{
    position: absolute;
    right: 0px;
    top:15px;
    width: 100px;
    height: 40px;
    background: #ccc; 
    cursor: pointer;
}
.yzm-icon>img{
    width: 100%;
    height: 100%;
}
.yzm>input{   
    width: 68% !important;
}
.kjlg-form :-ms-input-placeholder
{
    color:#b7b7b7;
}
.kjlg-form ::-webkit-input-placeholder{
    color:#b7b7b7;
}
.kjlg-form :-moz-placeholder{
    color:#b7b7b7;
}
.kjlg-form ::-moz-placeholder
{
    color:#b7b7b7;
}
.kjlg-p {
    margin: 10px 0;
    color:#666;
    padding:0px 10px;
    font-size:14px;
}
.kjlg-p>input[type=checkbox]{
    visibility: hidden;
}
.kjlg-p>input[type=checkbox]+label{
    position:relative;
    font-weight:normal;
    padding-left:5px
}
.kjlg-p>input[type=checkbox]+label:before{
    position: absolute;
    display: block;
    content:"";
    left:-15px;
    top:5px;
    border:1px solid #b5b5b5;
    width:12px;
    height:12px;
    border-radius:2px;
}
.kjlg-p>input[type=checkbox]:checked+label:before{
    background:url(../images/kj-ico_18.png) center center no-repeat;
    border:none;
}
.kjlg-p>a{
    float: right;
    color:#666;
}
.kjlg-p>a:hover{
    text-decoration: underline;
    color: #666;
}