@charset "utf-8";
/* CSS Document */

.main{width:1200px; margin:15px auto 0 auto; overflow:hidden}

/*.login{width:455px; height:524px; background:url(../images/login_index.png) no-repeat center center #fff; border-radius:15px; overflow:hidden; float:left; position:relative}
.login a{color:#444}
.login label{display:block; width:90px; height:40px; line-height:40px; text-align:center; float:left}
.login .name,.login .pass{width:350px; height:80px; position:absolute; left:53px}
.login .name{top:214px}
.login .pass{top:294px}
.login input{background-color:transparent; border-radius:5px}
.login input.username{width:307px; height:45px; line-height:45px; font-size:16px; border:none; padding:0 0 0 43px; outline:none; letter-spacing:2px; position:absolute; left:0; top:0}
.login input.password{width:307px; height:45px; line-height:45px; font-size:16px; border:none; padding:0 0 0 43px; outline:none; position:absolute; left:0; top:0}
.login input.code{width:170px; height:45px; line-height:45px; font-size:16px; text-align:center; position:absolute; left:53px; top:374px; border:none; padding:0; letter-spacing:3px; outline:none}
.login input.submit{width:350px; height:45px; color:#fff; font-size:20px; border:none; cursor:pointer; position:absolute; left:53px; top:454px}
.login img#code_img{width:170px; height:45px; cursor:pointer; position:absolute; left:233px; top:374px}
.login .take{width:350px; height:35px; line-height:35px; position:absolute; left:53px; top:419px}

div.login span{display:block; width:calc(2.5rem - 1px); height:1.8rem; background:#eee; border-right:#ccc solid 1px; border-radius:0.3rem 0 0 0.3rem; position:absolute; left:0; top:0}
div.login span i{display:block; width:1rem; height:1rem; color:#555; text-align:center; margin-top:-0.5rem; margin-left:-0.5rem; position:absolute; left:50%; top:50%}*/

div.login{width:455px; height:524px; background:rgba(255,255,255,1); border-radius:20px; float:left}
div.login h2{width:100%; color:#7a7772; font-size:35px; text-align:center; font-weight:normal; margin-top:10px}

div.login_logo{width:100px; height:100px; background:url(../images/login_logo.png); background-size:100% 100%; margin:20px auto 0 auto}
div.login_logo a{display:block; width:100px; height:100px; line-height:100px; text-indent:999em; overflow:hidden}

div.name{width:355px; height:50px; background:#fff; border:#ccc solid 1px; border-radius:15px; margin:20px auto 0 auto; position:relative}
div.pass{width:355px; height:50px; background:#fff; border:#ccc solid 1px; border-radius:15px; margin:35px auto 0 auto; position:relative}
div.code{width:355px; margin:35px auto 0 auto; overflow:hidden}
div.code_l{width:197px; height:50px; background:#fff; border:#ccc solid 1px; border-radius:15px; float:left; position:relative}
div.code_r{width:140px; height:50px; float:right}
div.code_r img{width:140px; height:50px; cursor:pointer; border-radius:0}

div.login span{display:block; width:50px; height:50px; background:#eee; border-right:#ccc solid 1px; border-radius:15px 0 0 15px; position:absolute; left:0; top:0}
div.login span i{display:block; color:#555; text-align:center; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%)}

div.take{width:355px; height:30px; line-height:30px; margin:20px auto 0 auto; position:relative}
div.take a{margin-left:5px}
div.take b{font-weight:normal; margin-left:25px}

input.username{width:calc(100% - 51px); height:50px; font-size:1rem; text-align:center; border:none; padding:0; margin-left:51px; border-radius:15px}
input.password{width:calc(100% - 51px); height:50px; font-size:1rem; text-align:center; border:none; padding:0; margin-left:51px; border-radius:15px}
input.code{width:146px; height:50px; font-size:1rem; text-align:center; border:none; padding:0; margin-left:51px; border-radius:15px}
input.checkbox{width:15px; height:15px; position:absolute; left:0; top:50%; transform:translate(0,-50%); display:none}
input.submit{width:calc(50% - 1px); height:50px; line-height:50px; color:#fff; background:#17a5ff; font-size:20px; text-align:center; cursor:pointer; border:none; border-radius:15px 0 0 15px; float:left}
input.findpass{width:calc(50% - 1px); height:50px; line-height:50px; color:#fff; background:#17a5ff; font-size:20px; text-align:center; cursor:pointer; border:none; border-radius:0 15px 15px 0; float:right}
input.submit:hover,input.findpass:hover{background:#FF6D01}

div#usernameTip,div#passwordTip{height:35px; line-height:35px}

div.right{width:710px; height:514px; background:#fff; padding:0 10px 10px 10px; border-radius:15px; OVERFLOW-Y: auto; OVERFLOW-X:hidden; float:right}
div.right p{line-height:25px; text-indent:2em; margin-top:10px}
div.right p.h1{text-indent:0}

/*表单验证*/
.onShow,.onFocus,.onError,.onCorrect,.onLoad,.onTime{display:inline-block; height:35px; line-height:35px; background:url(../../msg_bg.png) no-repeat; color:#444; padding-left:20px; position:absolute; left:0; bottom:-36px}
.onShow{background-position:left -140px;border-color:#40B3FF;color:#959595}
.onFocus{background-position:left -140px;border-color:#40B3FF}
.onError{background-position:left -40px;border-color:#40B3FF; color:red}
.onCorrect{background-position:left -240px;border-color:#40B3FF;}
.onLamp{background-position:3px -200px}
.onTime{background-position:3px -1356px}