@charset "utf-8";
/* CSS Document */
body{color: #333;font: 14px/1.5; background:#fff; font-family:microsoft yahei;}
body, h1, h2, h3, h4, h5, h6,ul,li,input,a{ margin:0;padding:0;background:#eee;}
a{text-decoration:none;list-style:none;border:none;}
input{outline:none;}
.top{width:1000px;height:80px;background:#fff;margin:auto;}
.top h2{color:#666; font-size:30px; font-weight:400; float:left;line-height:80px;}
.top span{ float:right;display:block;margin-top:20px;width:80px;height:40px;font-size:14px;line-height:80px;line-height:38px;text-align:center;border-radius:4px;}
.top span:hover{cursor:pointer;}
.top .SignUp{color:#333333; background:#fff; border:1px solid #fff;margin-right:10px;}  
.top .SignUp:hover{cursor:pointer;color:#3399ff;}
.top .SignIn{color:#fff;background:#3399ff;border:1px solid #2d92e8;}
.top .SignIn:hover{background-color:#2e8ae5;-webkit-transition: all .5s ease;-o-transition: all .5s ease;-ms-transition: all .5s ease;transition: all .5s ease;}
.nav{height:100%; width:100%;}
.box{ width:1000px; height:680px; margin:auto;overflow:hidden;}
#login{width:600px;height:439px;background:#FFF;    padding: 40px 30px 30px; margin:0 auto; border-bottom:1px #e7e7e7 solid;margin-top:90px; position: relative}
#login h3{font-size:28px;color:#636d78;background:#fff;margin-top:48px;font-weight:normal;text-align:center;}
#login p{font-size:16px;color:#828a93;background:#fff;margin-top:8px;text-align:center;}
#usernamebox{ height:48px;border:#e0e0e0 1px solid;padding:0 12px 0 12px; margin-top:34px; padding-right: 0px}
#passwordbox{ height:48px;border:#e0e0e0 1px solid;font-size:20px;padding:0 12px 0 12px; margin-top:20px; margin-bottom:6px;padding-right: 0px}
#usernamebox:hover,#passwordbox:hover{border:1px solid #ccc;-webkit-transition: all .5s ease;-o-transition: all .5s ease;-ms-transition: all .5s ease;transition: all .5s ease;}
#username,#password{width:492px;height:46px; border:none;background: rgba(255, 255, 255,0);font-size:14px; float:left;}
#usernamebox img{ width:13px; height:16px;float:left;margin-top:15px;margin-left:5px;margin-right:15px}
#passwordbox img{ width:13px; height:16px;float:left;margin-top:15px; margin-left:5px; margin-right:15px}
#actions a{ font-size:12px; color:#636d78; background:#fff;}
.fancy-checkbox{color:#999;font-size:12px;line-height:40px;}
#actions .find_pwd{float:right;line-height:40px;}
#actions .find_pwd:hover{color:#333;text-decoration:underline;}
#actions #loginBtn{ width:100%; height:56px;line-height:50px;color:#fff;background-color:#53afff;border:1px solid #53afff;border-radius:2px;display:block;text-align:center;font-size:18px;margin-top:10px;}
#actions #loginBtn:hover{cursor:pointer;text-decoration:none;background-color:#4c9ee5;-webkit-transition: all .5s ease;-o-transition: all .5s ease;-ms-transition: all .5s ease;transition: all .5s ease;}

.bottom{ width:1000px; height:100px;;background:#fff; margin:auto;}
.bottom_L{width:501px;height:100px; float:left;margin-top:15px;}
.bottom_L h3{font-size:16px; color:#666;}
.bottom_L span{height:40px;width:60px; display:block; float:left; text-align:center;margin-top:14px; margin-right:65px;}
.bottom_L .line{height:100px; width:1px; background:#e1e1e1; margin:0;}
.bottom_L span p{ font-size:14px; color:#666;margin:15px 0 10px;}
.bottom_R {width:480px;height:40px;font-size:12px;color:#999;float:right;margin-top:20px;text-align:center}
.bottom_R h1{ width:168px; height:63px; margin:0 auto; margin-bottom:20px;}
input[type=checkbox], input[type=radio]{margin-top:14px;}
.icon-logo{height:60px;width:167px; display:block; margin:0 auto;background:url(../images/login/logo.png) no-repeat}
.jiaobiao{width:94px; height:47px; position:absolute;top:-7px;left:26px; background:url(../images/login/jiaobiao.png) no-repeat;}
.error{color: #D22F2F;}form .required:before{content: "*";color: red}#forgetpwdform, #wdexpiredform{width: 600px; height: 439px; background: #FFF; padding: 40px 30px 30px; margin: 0 auto; border-bottom: 1px #e7e7e7 solid; margin-top: 90px; position: relative;}#name, #email,#oldpassword,#newpassword,#surepassword{width: 492px; height: 46px; border: none; background: rgba(255, 255, 255,0); font-size: 14px;/*  float: left; */}.errordiv{text-align: center; padding: 8px; margin-top: 5px; color: #a94442; background-color: #f2dede; border-color: #ebccd1; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; display: none;}.passwordbox{height: 48px; border: #e0e0e0 1px solid; padding: 0 12px 0 12px; margin-top: 20px; padding-right: 0px;}#redirectBtn{width: 100%; height: 56px; line-height: 50px; color: #fff; background-color: #53afff; border: 1px solid #53afff; border-radius: 2px; display: block; text-align: center; font-size: 18px; margin-top: 10px;}#actions #sure_btn,#updatePwdbtn{width: 100%; height: 56px; line-height: 50px; color: #fff; background-color: #53afff; border: 1px solid #53afff; border-radius: 2px; display: block; text-align: center; font-size: 18px; margin-top: 10px;}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill{-webkit-box-shadow: 0 0 0px 1000px white inset;}.alert{text-align: center;padding: 8px;margin-top: 5px;border-radius: 4px;} input[required]:invalid, input:focus:invalid, textarea[required]:invalid, textarea:focus:invalid{box-shadow: none;-moz-box-shadow:none} input:-webkit-autofill{-webkit-box-shadow: 0 0 0px 1000px white inset!important;} .foot{margin:-120px 0 0; padding: 0 0 20px; color: #999999; text-align: center; font-size: 12px;}