首頁 探索 說明
註冊 登入
bulomakaka
/
ekexiu.com.portal
關註 7
讚好 0
派生 0
代碼 問題管理 0 合併請求 0 提交歷史 104 版本發佈 0 Wiki

暫無描述

目錄樹: 557fb8320c
分支列表 標籤列表
ekexiu.com.portal
/
src
/
main
/
webapp
/
css
/
login.css

login.css 16KB
文件歷史 原始文件

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202 
  1. @charset "utf-8";
  2. /* CSS Document */
  4. html,body{ cursor:default; margin:0; height:100%;}
  5. #header{ width:100%; height:50%; background:#db7200; }
  6. #footer{ width:100%; height:50%; background:#dbdbdb;}
  7. .coverbox{position:fixed; overflow-y: auto; width:100%; height: 100%;}
  9. .inputtxt{ width:100%; height:44px;border:1px #e4e4e4 solid; border-radius:10px;background:url(../images/input-bg.jpg); box-shadow:0px 1px 1px #d6d6d6; margin:4px 0; text-indent:1.4em;box-sizing: content-box;}
  10. .inputtxtbtn{text-indent:0em;}
  11. .inputtxt:focus{ border:1px solid #ff8400;}
  12. .input_warning{ border:1px solid red; }
  13. .submitBtn {display: block; font-size:16px;width: 100%;cursor:pointer;height: 44px;text-indent:0;line-height: 44px;background: #ff8400;text-align: center;margin: 15px 0px;color: #fff;border:1px solid #ff8400;}
  14. /*登录邀请码*/
  15. .loginbox{ /*width:620px; height:600px;*/ background:#fff; margin:auto; padding:20px; margin-bottom:40px;  position:absolute;  z-index:999; border-radius:10px; border:1px #9f9d9d solid; box-shadow:1px 1px 8px #9f9d9d; }
  17. .login-title{ color:#ff8500;font-size:16px;line-height:86px; position:absolute;right:20px; top:-10px; cursor:pointer;}
  18. .login-title a{ color:#ff8500; }
  19. .back{ display:block; width:24px; height:24px; margin-top:30px; margin-left:8px; background:url(../images/back.png) no-repeat; float:right; cursor:pointer;}
  20. .logo{ clear:both;width:145px; height:100px;margin:auto; margin-top:30px;}
  21. .logo img{ width:100%;}
  24. .logindown{ overflow:hidden;}
  25. .frmlogin{width:100%;}
  26. /*左侧登录*/
  27. .login-input{ width:436px; /*height:336px;*/margin:10px 20px; position:relative; padding:20px;}
  28. .loginleft{ width:300px;}
  31. .forget{ display:block; color:#ff8500; float:right;cursor:pointer; position:relative;}
  32. .forget:hover{ color:#ff8500;}
  33. .reglinkbox{font-size:14px;line-height:26px; color:#666; overflow:hidden;}
  34. .reglink{ color:#ff8500;}
  35. .prompt{ width:140px; height:100px; position:absolute; left:100%; margin-left:-8px; bottom:-40px; z-index:999; display:none;}
  36. .triangleR{ display:block; width:0; height:0; border:8px solid transparent; border-right-color:#ff9600; float:left; margin-top:40px;}
  37. .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;  }
  38. .tel{ font-weight:bold;}
  39. .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; }
  40. .msg-left{ margin-left:70px;}
  41. /*验证码*/
  42. .codebox .code{ width:175px; float:left;}
  43. .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;}
  44. .codebox .note{font-size:14px;line-height:44px;color:#ff8500;padding-left:8px; padding-top:26px; float:left;cursor:pointer;}
  45. /*中间割线*/
  46. .login-line{ padding:20px; position:relative;}
  47. .lineb{ width:1px; min-height:240px; margin:20px 10px; border-right:1px dashed #ccc; }
  48. .linebb{ min-height:400px;}
  49. .wordor{ text-align:center; color:#ccc;background:#fff; line-height:80px; position:absolute; top:50%; margin-top:-40px;}
  50. /*登录右侧*/
  51. .login-other{ color:#666; margin:20px 10px; width:200px;padding:20px; }
  52. .login-other .other-tit{ text-align:left;}
  54. .loginlinkbox{ text-align:center; padding:10px;margin-bottom:20px;}
  55. .loginlink{ color:#ff8400; font-size:16px; line-height:30px; background:url(../images/back.png) right center no-repeat;     padding: 10px 28px;}
  56. .login-way{ overflow:hidden; width:120px; margin:16px auto; text-align:center;}
  57. .way-icon{ height:22px; display:block; float:left; margin:0 7px;}
  58. .way-icon1{ width:27px; background:url(../images/share2.png) no-repeat; background-position:left;}
  59. .way-icon2{ width:27px; background:url(../images/share2.png) no-repeat; background-position:-27px 0;}
  60. .way-icon3{ width:21px; background:url(../images/share2.png) no-repeat; background-position:-54px 0;}
  61. .way-icon4{ width:23px; background:url(../images/share2.png) no-repeat; background-position:right;}
  62. .ecode{ text-align:center;}
  63. .ecode p{ font-size:14px;}
  64. .downcode{ margin:10px auto; width:120px; height:120px;}
  65. /*首次登录*/
  66. .login-first{ /*width:466px; height:596px;*/ background:#fff; margin:auto; margin-top:35px; padding:0 30px; padding-bottom:40px; position:absolute;  z-index:999; border-radius:10px; border:1px #9f9d9d solid; box-shadow:1px 1px 8px #9f9d9d;margin-bottom:40px;}
  67. .logos{ clear:both;width:145px; height:100px; margin:auto; padding-top:-40px;}
  68. .logos img{ width:100%;}
  69. .welcome{font-size:16px;line-height:32px;color:#747474; text-align:center;padding:10px 0;}
  70. .professor{color:#ff8500; }
  71. .password-input{ /*width:438px; height:264px;*/margin:auto; position:relative;}
  72. .password{ width:100%;overflow:hidden;}
  73. .lable{ float:left; display:block;font-size:18px;line-height:60px; color:#747474;margin-right:8px;}
  74. .psd{ width:350px; float:left;}
  75. .forget:hover .prompt{ display:block;}
  76. /*手机找回密码01*/
  77. .phone-find1{ /*width:476px; height:596px;*/ background:#fff; margin:auto; margin-top:35px; padding:0 25px;padding-bottom:60px; position:absolute; z-index:999; border-radius:10px; border:1px #9f9d9d solid; box-shadow:1px 1px 8px #9f9d9d; margin-bottom:40px; }
  78. .logo-find{width:76px; height:53px; margin:auto; padding-top:20px; float:left;}
  79. .logo-find img{ width:100%;}
  80. .steps{ clear:both;width:290px; height:90px; padding:20px 0;font-size:20px;line-height:70px; color:#f59503; text-align:center;  margin:auto; position: relative;  }
  81. .steps2{ color:#a3a3a3; float:right;}
  82. .steps1{ float:left;}
  83. .step01{ display:block; width:37px; height:30px; background:url(../images/01.png) no-repeat; overflow:hidden; margin:auto;}
  84. .step02{ display:block; width:46px; height:30px; background:url(../images/02.png) no-repeat; background-position:right; overflow:hidden; margin:auto;}
  85. .line{ width:133px; height:2px; background:#d5d5d5; position:absolute; left:80px; top:35px}
  86. .sms{ width:254px;}
  87. .codebox{ overflow:hidden;}
  88. .gain{ width:160px;background:#ff8500; color:#fff;font-size:14px;line-height:44px; box-shadow:none; float:right; padding-left:0; margin:4px 0;}
  89. /*手机找回密码02*/
  90. .phone-find2{/* width:476px; height:525px; */background:#fff; margin:auto; margin-top:35px; padding:0 25px;padding-bottom:60px; position:absolute;  z-index:999; border-radius:10px; border:1px #9f9d9d solid; box-shadow:1px 1px 8px #9f9d9d;margin-bottom:40px;}
  91. .steps2-2{ color:#f59503; float:right;}
  92. .step02-2{ display:block; width:46px; height:30px; background:url(../images/02.png) no-repeat; background-position:left; overflow:hidden; margin:auto;}
  93. /*邮箱找回密码01*/
  94. .email-find1{/* width:476px; height:512px;*/ background:#fff; margin:auto; margin-top:35px; padding:0 25px;padding-bottom:40px; position:absolute; z-index:999; border-radius:10px; border:1px #9f9d9d solid; box-shadow:1px 1px 8px #9f9d9d; margin-bottom:40px; }
  95. .email-steps{ clear:both;width:438px; height:90px; padding:20px 0;font-size:20px;line-height:70px; color:#f59503; text-align:center;  margin:auto; position: relative;  }
  96. .E-steps2{ color:#a3a3a3; float:left; margin-left:70px;}
  97. .E-step02{ display:block; width:46px; height:30px; background:url(../images/02.png) no-repeat; background-position:right; overflow:hidden; margin:auto;}
  98. .steps3{ color:#a3a3a3; float:right;}
  99. .step03{ display:block; width:45px; height:30px; background:url(../images/03.png) no-repeat; background-position:right; overflow:hidden; margin:auto;}
  100. .line2{ width:95px; height:2px; background:#d5d5d5; position:absolute; left:95px; top:35px}
  101. .line3{ width:95px; height:2px; background:#d5d5d5; position:absolute; left:265px; top:35px}
  102. /*邮箱找回密码02*/
  103. .email-find2{/* width:476px; height:440px; */background:#fff; margin:auto; margin-top:35px; padding:0 25px; padding-bottom:60px;position:absolute; z-index:999; border-radius:10px; border:1px #9f9d9d solid; box-shadow:1px 1px 8px #9f9d9d; margin-bottom:40px; }
  104. .E-steps2-2{ color:#f59503; float:left; margin-left:70px;}
  105. .E-step02-2{ display:block; width:46px; height:30px; background:url(../images/02.png) no-repeat; background-position:left; overflow:hidden; margin:auto;}
  106. .remind{font-size:14px;line-height:20px; color:#a8a8a8; text-align:center; }
  107. /*邮箱找回密码03*/
  108. .email-find3{ /*width:476px; height:525px;*/ background:#fff; margin:auto; margin-top:35px; padding:0 25px; padding-bottom:60px; position:absolute;z-index:999; border-radius:10px; border:1px #9f9d9d solid; box-shadow:1px 1px 8px #9f9d9d;margin-bottom:40px;}
  109. .steps3-3{ color:#f59503; float:right;}
  110. .step03-3{ display:block; width:45px; height:30px; background:url(../images/03.png) no-repeat; background-position:left; overflow:hidden; margin:auto;}
  113. /*默认头像*/
  114. .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;}
  115. .photo-box{/* width:788px; height:726px; */border-radius:10px; background:#fff; position:absolute;  padding:0 40px; padding-bottom:40px; margin-bottom:40px;}
  117. .photo-title{color:#ef7c00;font-size:26px;line-height:80px; padding-left:10px; }
  118. .photo-set{ height:450px; width:735px; margin:auto; color:#828282; text-align:center;}
  120. .photo-upload{ width:490px; height:450px; border-radius:10px; background:#f8f8f8; float:left; overflow:hidden;}
  122. .load{font-size:16px;line-height:30px; text-align:center;/* border:1px solid red;*/ margin-top:200px;margin-bottom:200px;}
  123. .load p{font-size:14px;line-height:14px; margin: 10px;}
  124. .upbtn{width: 140px;height: 34px; border-radius:10px; border:1px #dfdfdf solid; background:#fff; position:relative; margin-top:10px; cursor:pointer;}
  125. .filebtn{ width: 200px; height: 80px; box-shadow:none;opacity:0; position:absolute; left:-20px; top:-25px; cursor:pointer;}
  126. #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; }
  127. .fl{ float:left;}
  129. .clear{ clear:both;}
  130. .plus{font-size:24px;line-height:30px; color:#ff8400; font-weight:bold; margin-right:10px;}
  131. .photo-size{ /*width:200px; */height:410px; border-radius:10px; background:#f8f8f8; float:right; padding:20px 0;}
  132. .size-big{ width:175px; height:175px; background:red; border-radius:50%; margin:auto;}
  133. .size-small{ width:58px; height:58px; background:red; border-radius:50%; margin:auto;}
  134. .size-square{ width:26px; height:26px; background:red; border-radius:5px; margin:auto;}
  135. .save{ clear:both; width:130px; height:35px; background:#ff8400;box-shadow:none; border:none;cursor:pointer; color:#fff;margin-left:200px; padding:0;}
  136. .close{ width:130px; height:35px; background:none; box-shadow:none; border:none;cursor:pointer; padding:0;}
  137. #back{width: 130px;height: 35px; background:none; box-shadow:none; border:none;cursor: pointer;padding: 0;}
  138. #back:hover,.close:hover{ background:#ff8400; color:#fff; }
  141. /*注册*/
  144. .active { color: #ff8400;}
  145. .regtab { position: relative;}
  146. .regtabcon{ overflow:hidden;}
  147. .phone, .mail {float: left;padding: 16px 20px;font-size: 16px; cursor:pointer;}
  148. .phone span, .mail span { position: relative;top:0;left: 10px;}
  149. .styleline{height: 1px;width: 154px;background: #ff8400; position: relative;}
  150. .styleline:before {position: absolute;z-index: 2; top: -12px;left: 50%;margin-left: -5px;content: '';width: 0;height: 0;line-height: 0; border: 6px solid transparent;border-bottom-color: #ff8400;}
  151. .styleline:after {position: absolute; z-index: 2;top: -9px; left: 50%;margin-left: -4px; content: '';width: 0; height: 0;line-height: 0; border: 5px solid transparent;border-bottom-color: #fff;}
  153. .regtablist{ margin:20px 0; min-height:240px;}
  154. .regtablist form{ margin:10px 0; display:none; }
  155. .regtablist form:first-child{ display:block;}
  156. .yzmli { position: relative;}
  157. .yzmbox{position:absolute; width:140px; height:44px; top:50%;margin-top:-22px; right:0;}
  158. .yzm {position: absolute;height: 44px; width:100px; margin-top:1px;}
  159. .reflash {position: absolute;height: 44px; width: 20px; background: url(../images/icon-reflash.png) center center no-repeat;top:0;right: 10px;}
  160. .coderli { position: relative;}
  161. .getcode { display: inline-block;width: 120px; height: 46px;border-radius:3px 10px 10px 3px;background: #ff8400;line-height: 43px; text-align: center; position: absolute;right:-2px;top:50%; margin-top:-23px;color: #fff;}
  162. .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;}
  163. .agreeNotice,.agreeNotice a{ color:#555; margin-left:4px;}
  165. /*验证邮箱跳转页面*/
  166. .container{ width:1024px;  background:#fff; margin:auto; margin-top:35px; padding:0 25px; padding-bottom:40px; border-radius:10px; }
  167. .contentmid{ padding:20px 40px;background: #f8f8f8; width:680px; margin:auto;}
  168. .mailsection{  margin-bottom: 40px; position: relative; background-color: #fafafa;}
  169. .statelable{ position:relative;  height:60px;}
  170. .statelable h2{color: #fff; font-size: 22px;font-weight:400; line-height:48px;background: #ff8400;padding: 0 40px; position: absolute; right:-10px; top:-10px;z-index: 2; border-radius: 20px 0 0 20px; }
  171. .msgnotice{padding:20px 50px ;color: #555; background:#fff; }
  172. .msgnotice .noticecon{font-weight: 400; font-size: 24px; margin: 30px 0;line-height: 22px;}
  173. .msgnotice .emailus{ line-height:28px;}
  174. .msgnotice .emailus a { font-size: 18px; color: #ff8400;}
  175. .msgnotice .maillink{ display:block; font-size:14px; width:100px; text-align:center; margin-top:20px; padding:8px 30px; border-radius:10px;background:#ff8400; color:#fff;}
  176. .msgnotice:last-child{ border-top:1px #d6d6d6 dashed;}
  177. .msgnotice h5{ font-size: 18px; color: #555;font-weight: 400;line-height: 40px;margin: 0;}
  178. .msgnotice .contacttip{ margin-bottom:20px;}
  179. .msgnotice .contacttip a{ color:#ff8400;}
  181. /*弹窗提示完善信息*/
  182. .completedcover{ position:fixed; width:100%; height:100%;background:rgba(0,0,0,.6); z-index:1000; display:none;}
  183. .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; }
  184. .vercompleted h3{font-weight: 400; font-size:18px; margin: 30px 0;line-height: 22px;}
  185. .vercompleted .verbtnbox{ overflow:hidden; width:320px;  margin:auto; border-top:1px #d6d6d6 dashed; padding:20px 0;}
  186. .vercompleted .verbtnbox a{ float:left; margin:0 20px; padding:8px 30px;  border-radius:10px;background:#ff8400; color:#fff;}
  188. /*完善信息页面*/
  190. .basicinforbox{  margin-bottom: 20px; padding:20px; position: relative; background: rgba(255,132,0,.8); border-radius:20px;}
  191. .basicinfor{ position:relative; width:420px; background:#fff; padding:40px; margin:40px auto;border-radius:20px;}
  192. .basicinfor h3{font-weight: 400; font-size:24px; margin-top:60px;line-height:40px; text-align:center; }
  193. .basicinfor table{ margin: 20px;width:360px;}
  194. .basicinfor table tr td{ padding:4px 2px;}
  195. .basictype{ font-weight:normal; text-align:right;}
  196. .basiccon{ padding:0 10px; width:100%; position:relative; min-width:240px;}
  197. .basiccon .requiredcon{ color:red; position:absolute;font-size:16px; top:0; right:-10px;}
  198. .basicinfor table .basicmsgbox td{padding:0; margin:0;}
  199. .basicmsg{ clear:both;font-size:14px;line-height:26px; color:red; padding-left:20px; background:url(../images/info_warn.png) 0 center no-repeat; }
  200. .basicinfor .default-photo{ width:160px; height:160px; border-radius:50%; position:absolute; top:10px; left:50%; margin-left:-82px; background:url(../images/default-photo.jpg) center center; overflow:hidden; border:4px #c9c9c9 solid;}
  201. .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;}