@charset "utf-8";
body{ font-family: "微软雅黑";overflow-x:hidden ;}
body,div,ol,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,form,fieldset,legend,input,button{ margin:0; padding:0; }
ul,li{list-style:none;}
a{ text-decoration: none; color: #000;}
.container{ width: 100%;height:100%;position: fixed; top: 0; left:0;z-index:-10px; background: #f5f5f5;}
.password-header{width: 100%; height: 60px;display: inline-block;background: #65A1DF;box-shadow: 0 2px 8px rgba(101, 161, 223, 0.3);}
.header-wrap{width: 1200px;line-height: 100%;margin: 10px auto;}
.header-wrap img{width: 167px; height: 41px;float: left;}
.page-title{display: inline-block;color: #fff;margin-left: 15px;padding-left: 15px;margin-top: 13px;float: left;line-height: 16px; height: 16px;border-left: 1px solid #6594f6;font-size: 18px;font-weight: normal;}
.wrap{ width: 700px; height: auto; min-height: 420px; padding: 40px 0; position: relative; left: 50%;top: 50%; margin: -250px 0 0 -350px; background: #fff; border-radius: 8px;box-shadow: 0 4px 20px rgba(0,0,0,0.1);}
.school-icon{ position:absolute; top: 5%; left: 5%;}
.foot-bottom{ position: absolute;bottom: 0; width: 100%; text-align: center;background: #f0f0f0;height: 36px;line-height: 36px;}
.foot-bottom>p{ color: #999;font-size: 12px;}
.wrap-fill{ height: 490px; margin-top: -250px;}
.wrap-logo{ text-align: center; padding: 18px 0; }
.wrap-left-block{ float: left; width: 30%; margin-top: 8%; margin-left: 4%;text-align: center;}
.wrap-left-text{text-align: center;margin-top: 15px;}
.wrap-left-text p{margin: 5px 0;color: #333;font-size: 14px;}
.wrap-left-text p:last-child{color: #999;font-size: 12px;}
.wrap-right-block{ position:relative;float: right; width: 60%;margin-top: 2%; margin-right: 2%;}
.font-style{display: inline-block;width: 84px; text-align: right;color: #666;font-size: 14px;}
.wrap-left-block-img{ margin-bottom:12%; text-align: center; }
.wrap-left-block-img img{width:100px;height:100px;border-radius: 4px;}
.right-block-input{ position: relative;height: 54px; line-height: 54px; width: 300px; border: 1px solid #fff;}
.input-top{ margin-top: 10%;}
.login-icon{ display: inline-block; background: url(../images/user.png) no-repeat; width: 29px; height: 33px; vertical-align: middle; position: absolute;top: 8px;left: 18px;}
.new-title{position: absolute;right: 0;top: 8px;}
.new-title a{color: #ffd416;}
.input-style{ width: 220px; height: 38px; line-height: 38px; position: absolute;top: 8px; left: 72px;background-color: rgba(255, 255, 255, 0);
border: 0;font-size: 26px;color: #fff; padding-left: 10px;}
.input-height{line-height: 45px;}
.login-authentication>a{ color: #ffd416;; position: absolute; margin-top: 20px; margin-left: 72px;font-size: 20px;}
.login-authentication>a:hover{ color: #E0B702;}
.pass-icon{display: inline-block; background: url(../images/lock.png) no-repeat; width: 26px; height: 35px; vertical-align: middle; position: absolute;top: 8px;left: 18px;}
.pass-word{ text-align: right; color: #fff; font-size: 18px; margin-right: 23%; margin-top: 10px;}
.pass-word a{ color: #fff;}
.login-go{ position: absolute;top:28%;right:6%;}
.prompting{ color: #fff;}
.img1{ position: absolute;left:-59px; transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out;-ms-transition: All 0.4s ease-in-out;}
.img1:hover {transform: rotate(360deg);-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-o-transform: rotate(360deg);-ms-transform: rotate(360deg);}

.input-text{ width: 200px; height: 36px; border: 1px solid #ddd; border-radius: 4px;margin-bottom: 15px;padding: 0 10px;font-size: 14px;transition: border-color 0.3s;}
.input-text:focus{outline: none;border-color: #65A1DF;box-shadow: 0 0 0 2px rgba(101, 161, 223, 0.1);}
.input-margin{ margin-left:27px;}
.activation{display:inline-block;font-size: 14px;width: 410px;vertical-align: top;color: #4810eb;padding-left: 86px;margin-bottom: 10px;}
.button-ac{ width: 120px;line-height:36px;height: 36px;margin: 10px 10px;border-radius: 4px;border: none; color: #fff;font-size: 14px;font-family: 微软雅黑;background: #65a1df;cursor: pointer;transition: background 0.3s;}
.button-ac:hover{background: #5a95cf;}
.button-ac1{ width: 100px;line-height:28px;height: 28px;border-radius: 4px;border: none; color: #fff;font-size: 12px;font-family: 微软雅黑;background: #65a1df;cursor: pointer;transition: background 0.3s;}
.button-ac1:hover{background: #5a95cf;}
.input-width{width: 100px; }
.codelabel{padding-left: 5px;}
.imgcheck{vertical-align: middle;height:28px;border-radius: 4px;cursor: pointer;}