portal-front/css/login.css

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

html,body{ cursor:default; margin:0; height:100%;}

.coverbox{position:fixed; overflow-y: auto; width:100%; height: 100%;}

.inputtxt{ width:100%; height:44px;border:1px #e4e4e4 solid; border-radius:6px;/* background:url(../images/input-bg.jpg); box-shadow:0px 1px 1px #d6d6d6;  */ background:#fafafa;margin:4px 0; text-indent:1.4em;box-sizing: content-box;}
.inputtxtbtn{text-indent:0em;}
.inputtxt:focus{ border:1px solid #ff9900;}
.input_warning{ border:1px solid red; }
.submitBtn {display: block;padding: 0; font-size:16px;width: 100%;cursor:pointer;height: 44px;text-indent:0;line-height: 44px;background: #ff9900;text-align: center;margin: 15px 0px;color: #fff;border:1px solid #ff9900;}
/*登录邀请码*/
.loginbox{ width:710px;background:#fff; margin:auto; padding:20px; margin-bottom:40px;  position:relative;top:50%; z-index:999; border-radius:6px; box-shadow:1px 1px 8px #9f9d9d; }
.loginbox-invite{width:520px;}

.login-title{ color:#ff9900;font-size:16px;line-height:86px; position:absolute;right:20px; top:-10px; cursor:pointer;}
.login-title a{ color:#ff9900; }
.back{display: block; width: 18px; height: 18px;margin-top: 35px;margin-left: 4px; background: url(../images/back.png) no-repeat;background-size: 100% 100%;float: right;cursor: pointer;}
.logo{ clear:both;width:145px; height:100px;margin:auto; margin-top:50px;}
.logo img{ width:100%;}


.logindown{ overflow:hidden;}
.logindown table tr td{vertical-align: top;}
.frmlogin{width:100%;}
/*左侧登录*/
.login-input{ width:436px; /*height:336px;*/margin:10px 20px; position:relative; padding:20px;}
.loginleft{ width:300px;}


.forget{ display:block; color:#ff9900; float:right;cursor:pointer; position:relative;}
.forget:hover{ color:#ff9900;}
.reglinkbox{font-size:14px;line-height:26px; color:#666; overflow:hidden;}
.reglink{ color:#ff9900;}
.prompt{ width:140px; height:100px; position:absolute; left:100%; margin-left:-8px; bottom:-40px; 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-size:12px;line-height:18px;color:#fff; background:#ff9600; border-radius:10px; padding:10px;  }
.tel{ font-weight:bold;}
.msg{font-size:14px;line-height:20px; color:red; padding-left:30px; margin: 6px 0; background:url(../images/info_warn.png) 10px center no-repeat; }
.msg-left{ margin-left:70px;}
/*验证码*/
.codebox .code{ width:175px; float:left;}
.codebox .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;}
.codebox .note{font-size:14px;line-height:44px;color:#ff9900;padding-left:8px; padding-top:26px; float:left;cursor:pointer;}
/*中间割线*/
.login-line{ padding:20px; position:relative;}
.lineb{ width:1px; min-height:240px; margin:20px 10px; border-right:1px dashed #ccc; }
.linebb{ min-height:400px;}
.wordor{ text-align:center; color:#ccc;background:#fff; line-height:80px; position:absolute; top:50%; margin-top:-40px;}
/*登录右侧*/
.login-other{ color:#666; margin:20px 10px; width:200px;padding:20px; }
.login-other .other-tit{ text-align:left;}

.loginlinkbox{ text-align:center; padding:10px;margin-bottom:20px;}
.loginlink{ color:#ff9900; font-size:16px; line-height:30px; background:url(../images/back.png) right center no-repeat; padding: 10px 22px;}
.login-way{ overflow:hidden; width:120px; margin:16px auto; text-align:center;}
.way-icon{ height:22px; display:block; float:left; margin:0 7px;}
.way-icon1{ width:27px; background:url(../images/share2.png) no-repeat; background-position:left;}
.way-icon2{ width:27px; background:url(../images/share2.png) no-repeat; background-position:-27px 0;}
.way-icon3{ width:21px; background:url(../images/share2.png) no-repeat; background-position:-54px 0;}
.way-icon4{ width:23px; background:url(../images/share2.png) no-repeat; background-position:right;}
.ecode{ text-align:center;}
.ecode p{ font-size:14px;}
.downcode{ margin:10px auto; width:120px; height:120px;}
/*首次登录*/
.login-first{ width:554px;  background:#fff; margin:auto;padding:40px 60px; position:relative;top:30%;  z-index:999; border-radius:6px; box-shadow:1px 1px 8px #9f9d9d;margin-bottom:40px;}
.logos{ clear:both;width:145px; height:100px; margin:auto; padding-top:-40px;}
.logos img{ width:100%;}
.welcome{font-size:16px;line-height:32px;color:#747474; text-align:center;padding:10px 0;}
.professor{color:#ff9900; padding:0 10px; }
.password-input{ /*width:438px; height:264px;*/margin:auto; position:relative;}
.password{ width:100%;overflow:hidden;}
.lable{ float:left; display:block;font-size:18px;line-height:60px; color:#747474;margin-right:8px;}
.psd{ width:350px; float:left;}
.forget:hover .prompt{ display:block;}
/*手机找回密码01*/
.phone-find1{ width:510px;background:#fff; margin:auto; padding:0 40px; padding-bottom:40px; position:relative;top:30%;z-index:999; border-radius:6px; box-shadow:1px 1px 8px #9f9d9d; margin-bottom:40px; }
.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-size:16px;line-height:70px; 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;}
.codebox{ overflow:hidden;}
.gain{ width:160px;background:#ff9900; color:#fff;font-size:14px;line-height:44px; box-shadow:none; float:right; padding-left:0; margin:4px 0;}
.gainon{ border:1px solid #ccc; width:160px;background:#ccc; color:#fff;font-size:14px;line-height:44px; box-shadow:none; float:right; padding-left:0; margin:4px 0;}

/*手机找回密码02*/
.phone-find2{ width:510px;background:#fff; margin:auto;padding:0 40px; padding-bottom:40px; position:relative;top:30%; z-index:999; border-radius:6px; box-shadow:1px 1px 8px #9f9d9d;margin-bottom:40px;}
.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:500px; background:#fff; margin:auto; padding:0 40px; padding-bottom:40px; position:relative;top:30%;z-index:999; border-radius:6px; box-shadow:1px 1px 8px #9f9d9d; margin-bottom:40px; }
.email-steps{ clear:both;width:438px; height:90px; padding:20px 0;font-size:16px;line-height:70px; color:#f59503; text-align:center;  margin:auto; position: relative;  }
.E-steps2{ color:#a3a3a3; float:left; margin-left:100px;}
.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:490px;background:#fff; margin:auto; padding:0 40px; padding-bottom:40px;position:relative;top:30%; z-index:999; border-radius:6px; box-shadow:1px 1px 8px #9f9d9d; margin-bottom:40px; }
.E-steps2-2{ color:#f59503; float:left; margin-left:100px;}
.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-size:14px;line-height:20px; color:#a8a8a8; text-align:center; }
/*邮箱找回密码03*/
.email-find3{ width:524px; background:#fff; margin:auto; padding:0 40px; padding-bottom:40px; position:relative;top:30%;z-index:999; border-radius:10px; border:1px #9f9d9d solid; box-shadow:1px 1px 8px #9f9d9d;margin-bottom:40px;}
.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;margin-bottom:40px;}
.photo-box{/* width:788px; height:726px; */border-radius:10px; background:#fff; position:absolute;  padding:0 40px; padding-bottom:40px; top:50%; left:50%; margin:-315px 0 0 -415px}

.photo-title{color:#ef7c00;font-size:26px;line-height:80px; padding-left:10px; }
.photo-set{ height:450px; width:735px; margin:auto; color:#828282; text-align:center;}

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

.load{font-size:14px;line-height:28px; text-align:center;/* border:1px solid red;*/ margin-top:200px;margin-bottom:200px;}
.load p{font-size:14px;line-height:14px; margin: 10px;}
.resouimgmsg{ font-size:12px;line-height:20px; color:#999;}
.upbtn{width: 140px;height: 34px; border-radius:10px; border:1px #dfdfdf solid; background:#fff; position:relative; margin-top:10px; cursor:pointer;}
.filebtn{ width: 200px; height: 80px; 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-size:24px;line-height:30px; color:#ff9900; font-weight:bold; margin-right:10px;}
.photo-size{ /*width:200px; */height:410px; border-radius:10px; background:#f8f8f8; float:right; padding:20px 0;}

.save{ clear:both; width:130px; height:30px; background:#ff9900;box-shadow:none; border:none;cursor:pointer; color:#fff;margin-left:200px; padding:0;}
.close{ width:130px; height:30px; background:none; box-shadow:none; border:none;cursor:pointer; padding:0;}
#back{width: 130px;height: 30px; background:none; box-shadow:none; border:none;cursor: pointer;padding: 0;}
.save:hover,#back:hover,.close:hover{ background:#ff9900; color:#fff; }


/*注册*/

.registerbox{ width:}
.active { color: #ff9900;}
.regtab { position: relative;}
.regtabcon{ overflow:hidden;}
.phone, .mail {float: left;padding: 16px 20px;font-size: 16px; cursor:pointer;}
.phone span, .mail span { position: relative;top:0;left: 10px;}
.styleline{height: 1px;width: 120px;background: #ff9900; position: relative;}
.styleline:before {position: absolute;z-index: 2; top: -10px;left: 50%;margin-left: -5px;content: '';width: 0;height: 0;line-height: 0; border: 6px solid transparent;border-bottom-color: #ff9900;}
.styleline:after {position: absolute; z-index: 2;top: -8px; left: 50%;margin-left: -4px; content: '';width: 0; height: 0;line-height: 0; border: 5px solid transparent;border-bottom-color: #fff;}

.regtablist{ margin:20px 0; min-height:240px;}
.regtablist form{ margin:10px 0; display:none; }
.regtablist form:first-child{ display:block;}
.yzmli { position: relative;}
.yzmbox{position:absolute; width:140px; height:44px; top:50%;margin-top:-22px; right:0;}
.yzm {position: absolute;height: 44px; width:100px; margin-top:1px;}
.reflash {position: absolute;height: 44px; width: 20px; background: url(../images/icon-reflash.png) center center no-repeat;top:0;right: 10px;}
.coderli { position: relative;}
.getcode { display: inline-block;width: 120px; height: 48px;background: #ff9900;border-radius:2px 6px 6px 2px;line-height: 48px; text-align: center; position: absolute;right:-3px;top:50%; margin-top:-24px;color: #fff; cursor: pointer;}
.getcode:focus{ border:1px solid transparent;}
.getcodeon{background: #ff9900;}
.getcodeoff{background: #B5B7BA;}

.agreeNotice em {background: url(../images/check.png) left -12px no-repeat; width: 14px; height: 12px;display: block;float: left;margin-top: 4px; margin-right: 3px;}
.agreeNotice,.agreeNotice a{ color:#555; margin-left:4px;}

/*验证邮箱跳转页面*/
.containerFrm{ width:1024px;  background:#fff; margin:auto; margin-top:35px;min-height:75%; padding:0 25px; padding-bottom:325px; border-radius:10px; }
.contentmid{ padding:30px 40px;background: #f8f8f8; width:760px;margin: 5% auto;}
.mailsection{  margin-bottom: 40px; position: relative; background-color: #fafafa;}
.statelable{ position:relative;  height:60px;}
.statelable h2{color: #fff; font-size: 22px;font-weight:400; line-height:48px;background: #ff9900;padding: 0 40px; position: absolute; right:-10px; top:-10px;z-index: 2; border-radius: 20px 0 0 20px; }
.msgnotice{padding:20px 50px ;color: #555; background:#fff; }
.msgnotice .noticecon{font-weight: 400; font-size: 24px; margin: 30px 0;line-height: 22px;}
.msgnotice .emailus{ line-height:28px;}
.msgnotice .emailus a { font-size: 18px; color: #ff9900;}
.msgnotice .maillink{ display:block; font-size:14px; width:150px; text-align:center; margin-top:20px; padding:8px 30px; border-radius:6px;background:#ff9900; color:#fff;}
.msgnotice:last-child{ border-top:1px #d6d6d6 dashed;}
.msgnotice h5{ font-size: 18px; color: #555;font-weight: 400;line-height: 40px;margin: 0;}
.msgnotice .contacttip{ margin-bottom:20px;}
.msgnotice .contacttip a{ color:#ff9900;}

/*弹窗提示完善信息*/
.completedcover{ position:fixed; width:100%; height:100%;background:rgba(0,0,0,.6); z-index:1000; display:none;}
.vercompleted{ border:1px solid #ddd; border-radius:10px; width:400px; position:absolute; top:20%; left:50%; margin-left:-240px; padding:20px 50px ;color: #555; background:#fff; text-align:center; z-index:1001; }
.vercompleted h3{font-weight: 400; font-size:18px; margin:30px 0 16px 0;line-height: 22px;}
.vercompleted .verbtnbox{ overflow:hidden; width:320px;  margin:auto; border-top:1px #d6d6d6 dashed; padding:20px 0;}
.vercompleted .verbtnbox a{/* float:left;*/ display: block;width: 100px;margin: auto; padding:6px 30px;  border-radius:10px;background:#ff9900; color:#fff;}

/*完善信息页面*/
.basicinforbox{ padding:1px; position: relative; background: rgba(255,132,0,.8); border-radius:20px;}
.basicinfor{ position:relative; width:442px; background:#fff;padding: 40px 20px 20px 26px; margin:40px auto;border-radius:20px;}
.basicinfor .inforAdd_tab{ margin:10px;width:400px;}
.basicinfor .inforAdd_tab tr td{ padding:1px 2px;}
.basicinfor .inforAdd_tab tr td{/* padding: 4px 2px; */width: 62px;font-size:14px;float: left;}
.basicinfor .inforAdd_tab tr td:first-child{ line-height: 40px;}
.basicinfor .inforAdd_tab tr td .required_star{ top:12px;}
.basictype{ font-weight:normal; text-align:right;}
.basiccon{ padding:0 10px; width:100%; position:relative; min-width:312px;}
.basiccon .requiredcon{ color:red; position:absolute;font-size:16px; top:0; right:-10px;}
.basicinfor .inforAdd_tab .basicmsgbox td{padding:0; margin:0;}
.basicinfor .inforAdd_tab .basicmsgbox td:first-child{width: 70px;height: 1px;}
.basicmsg{ clear:both;font-size:13px;line-height:17px; color:red; padding-left:16px; background:url(../images/info_warn.png) 0 center no-repeat;background-size: auto 88%; }
.basicinfor .default-photo{ width:140px; height:140px; border-radius:50%; position:absolute; top:20px; left:50%; margin-left:-72px; background:url(../images/default-photo.jpg) center center; background-size: 100% 100%; overflow:hidden; border:4px #c9c9c9 solid;}
.basicinfor .default-photo a{ position:absolute; bottom:0; display:block; background:url(../images/take-photo.png) center center no-repeat rgba(0,0,0,.4); width:100%; height:50%; z-index:4;}
.txtgo{width: 100%;height: 32px;line-height: 32px;font-size: 14px;}
.infolist .liststyle .txtgo{height:32px;line-height:32px;font-size:15px;width:135px;text-indent: 0.2em;background:#fafafa;}
.infolist .liststyle span .mr_show2{width:146px;height:32px;font-size:13px;line-height:32px;}
.infolist .liststyle span .mr_sj2{right:10px;top:14px;}
.infolist .liststyle .txtgo ul{font-size:12px;top:32px;max-height:180px;}

.IdentityChoice{margin:20px 14px;width:400px;}
.boxnav-title{font-size: 14px; line-height:40px; font-weight: normal;position:relative;padding-left:6px;}
ul.boxnav{ overflow: hidden;width:100%;}
ul.boxnav li{list-style: none;width:31%;float:left; padding:0 1%;-webkit-box-sizing: border-box;}
ul.boxnav li span{width:100%; font-size:12px;height:28px; line-height:28px; text-align: center; display: block; background: #fff;  border-radius: 5px;cursor: pointer;}
ul.boxnav li:nth-child(1) span{border:1px solid #ff9900; color: #ff9900; }
ul.boxnav li:nth-child(2) span{border:1px solid #6699ff; color: #6699ff; }
ul.boxnav li:nth-child(3) span{border:1px solid #66cc00; color: #66cc00; }
ul.boxnav li.set span{background:url(../images/choiceIcon.png) no-repeat;padding-left:3px;}
ul.boxnav li.set:nth-child(1) span{border:1px solid #ff9900; color: #fff; background-color: #ff9900; background-position: 14px center; }
ul.boxnav li.set:nth-child(2) span{border:1px solid #6699ff; color: #fff; background-color: #6699ff; background-position: 20px center; }
ul.boxnav li.set:nth-child(3) span{border:1px solid #66cc00; color: #fff; background-color: #66cc00; background-position: 26px center; }