html,body{font-size:12px;background:none;background-color:#dddddd; background-image:url(../images/light1.png); background-repeat:no-repeat; background-position:center top; overflow:hidden; background-size:100% 100%;}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

*:before,*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
 .lfoot{ height:70px; background:#004296; left:0;right:0;bottom:0; position:fixed; text-align:center;z-index:88; color:#cddef3;padding-top:15px; line-height:40px;}
 .lfoot span{margin:0 15px;}
  .lfoot a{color:#cddef3;}
 .blank10{height:10px;}
 .blank15{height:15px;}
 .blank30{height:30px;}
 .lhead{ position:fixed;right:40px;top:10px; line-height:22px; color:#cddef3; z-index:88; display:none;}
 .loginbox{ min-height:585px; background:url(../images/loginbg3.png) center top no-repeat; position:relative; z-index:10;}
 .cloud { z-index:1;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: url(../images/cloud.png) no-repeat -405px 100px;
    opacity: 0.4;
}

.loginlogo{ background:url(../images/loginlogo2.png) center center no-repeat none; display:block; height:160px; width:100%; margin:auto;}
.loginlogo:before{ position:fixed; top:0;left:0;right:0; height:60px; background:#004296 url(../images/ntoplogo.png) 40px center no-repeat; content:" ";}
.logininfo{width:472px; height:330px; background:url(../images/logininfo.png) left top no-repeat; margin:auto;padding:70px 0 0 10px;}/*guanliyuan*/
.logininfo.logininfo2Cmember{ background:url(../images/logininfo2.png) left top no-repeat; }/*suopeiyuan*/
.logininfo.logininfo3{ background:url(../images/logininfo3.png) left top no-repeat; }/*dianduan*/
.logininfo.logininfo02{ background:url(../images/logininfo02.png) left top no-repeat; }
.logininfo.logininfo09{ background:url(../images/logininfo9.png) left top no-repeat; }
.logininfo.logininfogly{ background:url(../images/logininfo8.png) left top no-repeat; }

.divf{ width:340px; margin:auto; display:block; position:relative; z-index:2;}

.divf .p{ clear:both; border-radius:3px; padding-left:30px; background-position:10px center; background-repeat:no-repeat; background-color:#f4f7f8; height:38px; border:1px solid #ecf5fa;}
.divf .p.usname{ background-image:url(../images/usname.png);}
.divf .p.uspass{ background-image:url(../images/uspass.png);}
.divf .p.usyzm{ background-image:url(../images/usyzm.png);}
.divf .inp{ background:none; border:none; outline:none; height:36px; padding:7px 10px;  display:block; width:100%; font-size:14px; color:#666;}
.divf .inp:focus{background:none; border:none; outline:none;}
.divf .p2{ position:relative; padding-right:100px; height:36px;}
.divf .p2 .icode{ position:absolute; right:0; top:0; width:90px; height:36px;-moz-border-radius:2px; -webkit-border-radius:2px; border-radius:3px; }
.divf .lobtn{ width:100%; display:block; text-align:center; height:40px; background:#0b52ad;
-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; color:#fff; font-size:16px; line-height:40px;
transition: background 0.3s;
-moz-transition: background 0.3s;	/* Firefox 4 */
-webkit-transition: background 0.3s;	/* Safari 和 Chrome */
-o-transition: background 0.3s;
 }

.divf .lobtn:hover{ background:#0e6de7; color:#fff;
transition: background 0.3s;
-moz-transition: background 0.3s;	/* Firefox 4 */
-webkit-transition: background 0.3s;	/* Safari 和 Chrome */
-o-transition: background 0.3s;
}






 @media screen and (max-width: 768px){
	

}