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

html,body{ cursor:default; margin:0; height:100%;}
#header{ width:100%; height:50%; background:#db7200; }
#footer{ width:100%; height:50%; background:#dbdbdb;}
/*登录邀请码*/
.loginbox{ /*width:620px; height:600px;*/ background:#fff; margin:auto; margin-top:35px; padding:0 30px; padding-bottom:60px; position:absolute; left:50%; top:50%; margin-left:-300px; margin-top:-280px; z-index:999; border-radius:10px; border:1px #9f9d9d solid; box-shadow:1px 1px 8px #9f9d9d; }
.login-title{ color:#ff8500; height:90px;font:16px/90px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; float:right; cursor:pointer;}
.login-title a{ color:#ff8500; }
.back{ display:block; width:24px; height:24px; margin-top:33px; margin-left:8px; background:url(../images/back.png) no-repeat; float:right; cursor:pointer;}
.logo{ clear:both;width:145px; height:100px;font:18px/80px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; margin:auto;}
.logo img{ width:100%;}
.login-input{ width:438px; /*height:336px;*/margin:auto; position:relative;}
input{ width:100%; height:44px; border:1px #e4e4e4 solid; border-radius:10px; padding-left:20px; background:url(../images/input-bg.jpg); box-shadow:0px 1px 1px #d6d6d6; margin-top:26px;}
input:focus{ border:1px solid #ff8500;}
.input_warning{ border:1px solid red; }

.code{ width:175px; float:left;}
.code-pic{ width:140px; height:44px; float:left;border:1px #ddd solid; margin-left:9px; margin-top:26px;border-radius:10px; box-shadow:0px 1px 1px #d6d6d6;}
.note{font:14px/44px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; color:#ff8500;padding-left:8px; padding-top:26px; float:left;cursor:pointer;}

.login{clear:both; margin-top:36px; background:#ff8500; color:#fff;font:18px/44px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; box-shadow:none; cursor:pointer;}
.forget{ display:block; height:44px;font:14px/44px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; color:#ff8500; float:right;cursor:pointer; position:relative;}
.forget:hover{ color:#ff8500;}
.prompt{ width:140px; height:100px; position:absolute; left:100%; margin-left:-8px; bottom:-30px; z-index:999; display:none;}
.triangleR{ display:block; width:0; height:0; border:8px solid transparent; border-right-color:#ff9600; float:left; margin-top:40px;}
.prompt-con{ display:block; float:left; width:85px; height:50px;font:12px/18px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; color:#fff; background:#ff9600; border-radius:10px; padding:10px;  }
.tel{ font-weight:bold;}
.msg{font:14px/26px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; color:red; padding-left:30px; background:url(../images/info_warn.png) 10px center no-repeat; }
/*首次登录*/
.login-first{ /*width:466px; height:596px;*/ background:#fff; margin:auto; margin-top:35px; padding:0 30px; padding-bottom:40px; position:absolute; left:50%; top:50%; margin-left:-263px; margin-top:-268px; z-index:999; border-radius:10px; border:1px #9f9d9d solid; box-shadow:1px 1px 8px #9f9d9d;}
.logos{ clear:both;width:145px; height:100px; margin:auto; padding-top:-40px;}
.logos img{ width:100%;}
.welcome{font:18px/32px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; color:#747474; text-align:center;padding:20px 0;}
.professor{color:#ff8500; }
.password-input{ /*width:438px; height:264px;*/margin:auto; position:relative;}
.password{ width:100%; }
.lable{ float:left; display:block;font:18px/44px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; color:#747474; margin-top:26px; margin-right:8px;}
.psd{ width:350px; float:left;}
.forget:hover .prompt{ display:block;}
/*手机找回密码01*/
.phone-find1{ /*width:476px; height:596px;*/ background:#fff; margin:auto; margin-top:35px; padding:0 25px;padding-bottom:60px; position:absolute; left:50%; top:50%; margin-left:-263px; margin-top:-268px; z-index:999; border-radius:10px; border:1px #9f9d9d solid; box-shadow:1px 1px 8px #9f9d9d; }
.logo-find{width:76px; height:53px; margin:auto; padding-top:20px; float:left;}
.logo-find img{ width:100%;}
.steps{ clear:both;width:290px; height:90px; padding:20px 0;font:20px/70px \5FAE\8F6F\96C5\9ED1,"IrisUPC"; color:#f59503; text-align:center;  margin:auto; position: relative;  }
.steps2{ color:#a3a3a3; float:right;}
.steps1{ float:left;}
.step01{ display:block; width:37px; height:30px; background:url(../images/01.png) no-repeat; overflow:hidden; margin:auto;}
.step02{ display:block; width:46px; height:30px; background:url(../images/02.png) no-repeat; background-position:right; overflow:hidden; margin:auto;}
.line{ width:133px; height:2px; background:#d5d5d5; position:absolute; left:80px; top:35px}
.sms{ width:254px;}
.gain{ width:175px;background:#ff8500; color:#fff;font:16px/44px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; box-shadow:none; float:right; padding-left:0;}
/*手机找回密码02*/
.phone-find2{/* width:476px; height:525px; */background:#fff; margin:auto; margin-top:35px; padding:0 25px;padding-bottom:60px; position:absolute; left:50%; top:50%; margin-left:-263px; margin-top:-268px; z-index:999; border-radius:10px; border:1px #9f9d9d solid; box-shadow:1px 1px 8px #9f9d9d;}
.steps2-2{ color:#f59503; float:right;}
.step02-2{ display:block; width:46px; height:30px; background:url(../images/02.png) no-repeat; background-position:left; overflow:hidden; margin:auto;}
/*邮箱找回密码01*/
.email-find1{/* width:476px; height:512px;*/ background:#fff; margin:auto; margin-top:35px; padding:0 25px;padding-bottom:40px; position:absolute; left:50%; top:50%; margin-left:-263px; margin-top:-260px; z-index:999; border-radius:10px; border:1px #9f9d9d solid; box-shadow:1px 1px 8px #9f9d9d; }
.email-steps{ clear:both;width:438px; height:90px; padding:20px 0;font:20px/70px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; color:#f59503; text-align:center;  margin:auto; position: relative;  }
.E-steps2{ color:#a3a3a3; float:left; margin-left:70px;}
.E-step02{ display:block; width:46px; height:30px; background:url(../images/02.png) no-repeat; background-position:right; overflow:hidden; margin:auto;}
.steps3{ color:#a3a3a3; float:right;}
.step03{ display:block; width:45px; height:30px; background:url(../images/03.png) no-repeat; background-position:right; overflow:hidden; margin:auto;}
.line2{ width:95px; height:2px; background:#d5d5d5; position:absolute; left:95px; top:35px}
.line3{ width:95px; height:2px; background:#d5d5d5; position:absolute; left:265px; top:35px}
/*邮箱找回密码02*/
.email-find2{/* width:476px; height:440px; */background:#fff; margin:auto; margin-top:35px; padding:0 25px; padding-bottom:60px;position:absolute; left:50%; top:50%; margin-left:-263px; margin-top:-268px; z-index:999; border-radius:10px; border:1px #9f9d9d solid; box-shadow:1px 1px 8px #9f9d9d; }
.E-steps2-2{ color:#f59503; float:left; margin-left:70px;}
.E-step02-2{ display:block; width:46px; height:30px; background:url(../images/02.png) no-repeat; background-position:left; overflow:hidden; margin:auto;}
.remind{font:14px/20px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; color:#a8a8a8; text-align:center; margin:-15px 0;}
/*邮箱找回密码03*/
.email-find3{ /*width:476px; height:525px;*/ background:#fff; margin:auto; margin-top:35px; padding:0 25px; padding-bottom:60px; position:absolute; left:50%; top:50%; margin-left:-263px; margin-top:-268px; z-index:999; border-radius:10px; border:1px #9f9d9d solid; box-shadow:1px 1px 8px #9f9d9d;}
.steps3-3{ color:#f59503; float:right;}
.step03-3{ display:block; width:45px; height:30px; background:url(../images/03.png) no-repeat; background-position:left; overflow:hidden; margin:auto;}


/*默认头像*/
.default-photo{ display:block; width:171px; height:171px; border-radius:50%; position:absolute; left:50%; top:50%; margin-left:-100px; margin-top:-100px; background:url(../images/default-photo.jpg) center center; border:4px #c9c9c9 solid;}
.photo-box{/* width:788px; height:726px; */border-radius:10px; background:#fff; position:absolute; left:50%; top:50%; margin-left:-394px; margin-top:-320px; padding:0 40px; padding-bottom:40px;}

.photo-title{color:#ef7c00;font:26px/80px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; padding-left:10px; }
.photo-set{ height:450px; width:735px; margin:auto; color:#828282; font:14px/0px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; text-align:center;}

.photo-upload{ width:490px; height:450px; border-radius:10px; background:#f8f8f8; float:left; overflow:hidden;}

.load{font:16px/30px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; text-align:center;/* border:1px solid red;*/ margin-top:200px;margin-bottom:200px;}
.load p{font:14px/14px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei";}
.upbtn{width: 140px;height: 34px; border-radius:10px; border:1px #dfdfdf solid; background:#fff; position:relative; margin-top:10px; cursor:pointer;}
.filebtn{ width:100px; height:30px; box-shadow:none;opacity:0; position:absolute; left:-20px; top:-25px; cursor:pointer;}
#uploadBtn{ float:left; box-shadow:none; border:1px #dfdfdf solid; width:140px; height:32px; border-radius:10px; background:#fff;margin-top:10px; margin-left:100px; cursor:pointer; }
.fl{ float:left;}

.clear{ clear:both;}
.plus{font:24px/30px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; color:#ff8400; font-weight:bold; margin-right:10px;}
.photo-size{ /*width:200px; */height:410px; border-radius:10px; background:#f8f8f8; float:right; padding:20px 0;}
.size-big{ width:175px; height:175px; background:red; border-radius:50%; margin:auto;}
.size-small{ width:58px; height:58px; background:red; border-radius:50%; margin:auto;}
.size-square{ width:26px; height:26px; background:red; border-radius:5px; margin:auto;}
.save{ clear:both; width:130px; height:35px; background:#ff8400;box-shadow:none; border:none;cursor:pointer; color:#fff;margin-left:200px; padding:0;}
.close{ width:130px; height:35px; background:none; box-shadow:none; border:none;cursor:pointer; padding:0;}
#back{width: 130px;height: 35px; background:none; box-shadow:none; border:none;cursor: pointer;padding: 0;}
#back:hover,.close:hover{ background:#ff8400; color:#fff; }