body,html{margin:0;pading:0;width:100%;font:12px/1.5 "Microsoft YaHei","Hiragino Sans GB";color:#666}
input: -webkit-autofill {
background-color : none ;
background-image : none ;
color : #000 ;
}
        .center-layout{margin:0 auto;width:1196px;}
        .login-row{margin:20px 20px;display:block}
        .login-title{font-size:26px;-webkit-font-smoothing: antialiased; color:#999}
        .login-left{float:left;width:50%;}
        .login-logo{float:left;width:65px;margin-top: 15px; margin-right:10px;}
  

        @media only screen and (min-width: 600px) {
           .login-right{float:right;width:420px;height:450px;background:white;margin: 50px auto;box-shadow:2px 2px 2px 0 #666;}

}

      @media only screen and (max-width: 601px) {
          .login-right{float:left;width:420px;height:450px;background:white;margin: 50px auto;box-shadow:2px 2px 2px 0 #666;}

}

















        .login-page-header{height:80px;line-height:80px;}
        .login-logo-txt{font-size: 34px;-webkit-font-smoothing: antialiased; }
        .login-input{line-height:30px;background:#ececec;border:none;padding:.5rem; font-size:20px;}
        .login-username,.login-password{width: 380px;opacity:0.9;-webkit-font-smoothing: antialiased; }
        .login-btn{background:orange;color:white;font-size:14px;width: 380px;}
        .panel-decorator{white-space:nowrap;height:10px;}
        .panel-decorator div{float:left;width:60px;height:10px;margin:0;padding:0}
        .login-page-banner{height: 550px;width:100%;background:#2baab1}
        .banner-canvas{height:480px;width:480px;position:relative;top:10px;}
        .banner-earth{height:480px;top:25px;position:absolute;left:50px;}
        .login-page-footer{text-align:center; padding:20px;line-height:12px;bottom:0; color:#ccc}
        .flight{height:50px;width:61px;background:url(images/login/flight.png) no-repeat 0 0;background-size: 61px 50px}
        .flight-center{position:absolute;left:155px;top:240px;animation: shake 6s infinite linear}
        .flight-round{position:absolute;left:65px;top:15px;-webkit-transform-origin:210px 250px; transform:rotate(0deg) scale(0.7);  animation: circle 40s infinite linear }
        .flight-round2{position:absolute;left:65px;top:15px;-webkit-transform-origin:210px 250px; transform:rotate(180deg) scale(0.7);  animation: circle2 40s infinite linear}
        .tail {
            width: 400px;
            height: 400px;
            border: 1px dashed #eee;
            border-radius: 200px;
            position: absolute;
            clipx: rect(0px, 50px, 100px, 0px);
        }
        .tail-1{position:absolute;left:75px;top:62px; opacity: 0.3 }
        @keyframes circle
        {
            0%   {transform:rotate(0deg) scale(0.7);}
            100% {transform:rotate(-360deg) scale(0.7);}
        }
        @keyframes circle2
        {
            0%   {transform:rotate(180deg) scale(0.7);}
            25%   {transform:rotate(90deg) scale(0.7);}
            50%   {transform:rotate(0deg) scale(0.7);}
            75%   {transform:rotate(-90deg) scale(0.7);}
            100% {transform:rotate(-180deg) scale(0.7);}
        }
        @keyframes shake
        {
            0%   {transform:translate3d(0px, 0,0)}
            25%  {transform:translate3d(10px, -5px, 0)}
            50%  {transform:translate3d(20px, -10px,0)}
            75%  {transform:translate3d(10px, -5px,0)}
            100% {transform:translate3d(0px, 0,0)}
        }
@media only screen and (min-width: 600px) {
    .leaderHide {
        display: none;
    }
}
      @media only screen and (max-width: 601px) {
    .leaderShow {
        display:none;
    }
}

    #J_captcha{
        margin:-1.2rem 5rem;
    }