style.css 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424
  1. ::-webkit-scrollbar-track-piece {
  2. background-color: #f5f5f5;
  3. border-left: 1px solid #d2d2d2;
  4. }
  5. ::-webkit-scrollbar {
  6. width: 8px;
  7. height: 13px;
  8. }
  9. ::-webkit-scrollbar-thumb {
  10. background-color: #c2c2c2;
  11. background-clip: padding-box;
  12. border: 1px solid #979797;
  13. min-height: 28px;
  14. }
  15. ::-webkit-scrollbar-thumb:hover {
  16. border: 1px solid #636363;
  17. background-color: #929292;
  18. }
  19. body{ background: #fff;word-break: break-all;word-wrap: break-word;font: 12px/1.5 Microsoft YaHei,Helvitica,Verdana,Arial,san-serif;margin: 0px;padding: 0px;color: #404040;}
  20. a {color: #3B568F;text-decoration: none;}
  21. div{margin:0 auto; padding:0;}
  22. h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd,form,img,p{margin:0; padding:0; border:none; list-style-type:none;}
  23. .f_l{float:left;}
  24. .f_r{float:right;}
  25. .tl{ text-align:left;}
  26. .tc{ text-align:center;}
  27. .tr{ text-align:right;}
  28. /*全局链接样式*/
  29. a{ color:#3B568F; text-decoration:none; }
  30. a:hover{ color:#6aafe2; text-decoration:underline; }
  31. /*英文强制换行*/
  32. .word{word-break:break-all;}
  33. /*页面留白*/
  34. .blank{height:10px; line-height:10px; clear:both; visibility:hidden;}
  35. .blank15{height:15px; line-height:10px; clear:both; visibility:hidden;}
  36. .blank35{height:35px; line-height:10px; clear:both; visibility:hidden;}
  37. .blank25{height:25px; line-height:10px; clear:both; visibility:hidden;}
  38. /*自动高对齐*/
  39. .clearfix:after{
  40. content:"."; display:block; height:0; clear:both;
  41. visibility:hidden;
  42. }
  43. *html .clearfix{
  44. _height:1%;
  45. }
  46. *+html .clearfix{
  47. _height:1%;
  48. }
  49. .cf {
  50. zoom: 1
  51. }
  52. .dropdown-menu {
  53. position: absolute;
  54. top: 100%;
  55. left: 0;
  56. z-index: 1000;
  57. display: none;
  58. float: left;
  59. min-width: 160px;
  60. _width: 160px;
  61. padding: 5px 0;
  62. margin: 2px 0 0;
  63. list-style: none;
  64. background-color: #fff;
  65. border: 1px solid #ccc;
  66. border: 1px solid rgba(0,0,0,0.2);
  67. -webkit-border-radius: 6px;
  68. -moz-border-radius: 6px;
  69. border-radius: 6px;
  70. -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
  71. -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
  72. box-shadow: 0 5px 10px rgba(0,0,0,0.2);
  73. -webkit-background-clip: padding-box;
  74. -moz-background-clip: padding;
  75. background-clip: padding-box;
  76. }
  77. .dropdown-menu li a {
  78. display: block;
  79. clear: both;
  80. font-weight: normal;
  81. line-height: 20px;
  82. color: #333;
  83. white-space: nowrap;
  84. padding: 6px 15px;
  85. font-size: 13px;
  86. filter: none;
  87. }
  88. #frmheader {position: relative;z-index: 100;background:#368ee0;height: 40px;_overflow: visible;}
  89. #frmheader .container {padding-right: 10px;padding-left: 10px;}
  90. #frmheader .logo {float: left;color: #fff;font-size: 20px;margin-top: 6px;width: 160px;height: 30px;padding-bottom: 2px;background: url("../images/logo.png") no-repeat;}
  91. #frmheader .toggle-nav {float: left;color: #fff;display: block;padding: 13px 9px;font-size: 14px;text-decoration: none;}
  92. #frmheader .toggle-nav:hover {background-color: #1e74c5;}
  93. #frmheader .main-nav li {float: left;position: relative;margin: 0;font-weight: bold; }
  94. #frmheader .main-nav li a {display: block;padding: 12px 15px;color: #fff; height:16px; line-height:16px;float: left;}
  95. #frmheader .main-nav li a:hover,#frmheader .main-nav li.help .on{background: #1e74c5; text-decoration:none;}
  96. #frmheader .main-nav li.active a,#frmheader .main-nav li.active a:hover {background: #fff;text-decoration: none;color: #2a2a2a;}
  97. #frmheader .main-nav li.help span{}
  98. #frmheader .main-nav li.help i{ position:relative; top:-2px}
  99. #frmheader .main-nav li.help.active span{}
  100. #frmheader .main-nav li.on .dropdown-menu{display:block;}
  101. #frmheader .main-nav li.help .dropdown-menu {border: 2px solid #1e74c5;border-top: 0;margin-top: 0;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;}
  102. #frmheader .main-nav li.help .dropdown-menu a{color: #333; clear:both;}
  103. #frmheader .dropdown-menu li{ float:none; margin:0; padding:0; width:100%}
  104. #frmheader .dropdown-menu li a{ width:auto; float:none;}
  105. #frmheader .dropdown-menu li a:hover {background: #368ee0!important;color: #fff;filter: none; text-decoration:none;}
  106. #frmheader li.active .active .dropdown-menu .active a,#frmheader li.active .active .dropdown-menu .active a:hover {background: #ddd!important;color: #333;filter: none;}
  107. #frmheader .login_info {float: right;color: #fff;line-height: 40px;}
  108. #frmheader .login_info a {color: #fff;}
  109. .LeftMenu .subnav {margin-top: 15px; float:left; clear:both; width:100%}
  110. .LeftMenu .subnav .subnav-title {text-overflow: ellipsis;white-space: nowrap;}
  111. .LeftMenu .subnav .subnav-title .toggle-subnav { position:relative; color: #444; height:24px; text-decoration: none;display: block;position: relative;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
  112. .LeftMenu .subnav .subnav-title .toggle-subnav span{ position:absolute;left:8px}
  113. .LeftMenu .subnav .subnav-title .toggle-subnav:hover{ color:#222}
  114. .LeftMenu .subnav .subnav-title .toggle-subnav i {display: none;left:10px ;top:5px; position:absolute;}
  115. .LeftMenu .subnav .subnav-title .toggle-subnav:hover i { display:inline-block;}
  116. .LeftMenu .subnav .subnav-title span {margin-left: 20px;font-size: 14px;text-overflow: ellipsis;white-space: nowrap;font-weight: bold;}
  117. .LeftMenu .subnav .subnav-menu {list-style-type: none;margin: 5px 0;padding: 0;}
  118. .LeftMenu .subnav .subnav-menu li {text-overflow: ellipsis;white-space: nowrap; line-height: 20px; float:left; clear:both; width:100%}
  119. .LeftMenu .subnav .subnav-menu li a,.LeftMenu .subnav .subnav-menu li span {cursor:pointer; color: #555;display: block;padding: 5px 0 5px 27px;text-decoration: none;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
  120. .LeftMenu .subnav .subnav-menu li a:hover ,.LeftMenu .subnav .subnav-menu li span:hover {background: #ddd;color: #222;}
  121. .LeftMenu .subnav .subnav-menu li.active a,.LeftMenu .subnav .subnav-menu li.active span {background: #ccc;color: #222;}
  122. .input-mini {
  123. width: 60px;
  124. }
  125. .radio.inline+.radio.inline, .checkbox.inline+.checkbox.inline {
  126. margin-left: 10px;
  127. }
  128. .tile-themed {
  129. background:#368ee0;
  130. }
  131. .i-cont {
  132. color: #FFF;
  133. position: relative;
  134. width: 77px;
  135. padding: 5px;
  136. margin:0 0 10px 0;
  137. }
  138. .i-cont .sel-icon {
  139. color: #FFF;
  140. }
  141. .i-cont i {
  142. font-size: 30px;
  143. }
  144. .icons-cont {
  145. position: absolute;
  146. top: -110px;
  147. left: 80px;
  148. border: 1px solid #AAA;
  149. padding: 5px;
  150. background-color: #FFF;
  151. z-index: 10001;
  152. padding: 5px;
  153. width: 352px;
  154. display: none;
  155. }
  156. .icons-cont ul {
  157. list-style: none;
  158. margin: 0;
  159. padding: 0;
  160. }
  161. .icons-cont li {
  162. float: left;
  163. margin: 0px 1px 1px 0px;
  164. height: 35px;
  165. padding: 3px;
  166. border: 1px solid #FFF;
  167. cursor: pointer;
  168. width: 30px;
  169. }
  170. .icons-cont li i {
  171. font-size: 30px;
  172. }
  173. .icons-cont li:hover {
  174. border: 1px solid #5b98a5;
  175. }
  176. /*头部*/
  177. #header {
  178. background-color: #F3F3F3;
  179. border-top: 5px solid #67AD03;
  180. box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5);
  181. position: relative;
  182. z-index: 1;
  183. }
  184. #header .wrapper {
  185. line-height: 60px;
  186. position: relative;
  187. }
  188. .wrap {
  189. width: 990px;
  190. margin:0 auto;
  191. }
  192. .wrapper {
  193. margin: 0 auto;
  194. width: 990px;
  195. }
  196. .dib {
  197. display: inline-block;
  198. height: 53px;
  199. padding: 10px 0px;
  200. }
  201. #header .hd_login_info {
  202. position: absolute;
  203. right: 0;
  204. top: 10px;
  205. }
  206. /*尾部*/
  207. #ftw{
  208. background-color:#e7e7e7;
  209. padding: 14px 0;
  210. }
  211. #ft {
  212. margin: 0px auto;
  213. width: 980px;
  214. color: #5c5c5c;
  215. text-align: center;
  216. }
  217. /*注册*/
  218. .reg-box {
  219. background-color: #F3F3F3;
  220. border: 1px solid #D3D3D3;
  221. border-radius: 3px 3px 3px 3px;
  222. box-shadow: 0 3px 3px #DDDDDD;
  223. min-height: 530px;
  224. padding:55px 35px 35px 35px;
  225. overflow: hidden;
  226. }
  227. .reg-box-left{ float:left; width:505px; border-right:solid 1px #ccc; }
  228. .reg-box-right{ float:right; width:330px; font-size:16px; }
  229. .info_row span{ float:left; }
  230. .info_row span.title{ width:80px; height:35px; line-height:35px; }
  231. .info_row .info_box{ color:#929292; }
  232. .info_row .err_box{ color:#B11516; display:none; }
  233. .info_row .verifycode{ cursor: pointer;}
  234. .reg-textbox{
  235. width:300px;
  236. border-radius: 4px;
  237. height:25px;
  238. line-height:25px;
  239. font-size:14px;
  240. font-weight:bold;
  241. font-family: Tahoma,"Microsoft YaHei","微软雅黑",Helvetica,"黑体",Arial;
  242. }
  243. .register-btn-top{
  244. border-bottom: 1px solid #CCCCCC;
  245. box-shadow: 0 1px 1px #FFFFFF;
  246. padding-bottom: 40px;
  247. margin-bottom:40px;
  248. }
  249. .ui-button {
  250. /*float: left;
  251. background: url(../images/ui-buttonbg.gif) no-repeat;
  252. */
  253. }
  254. .blue {
  255. background-position: 0px -360px;
  256. height: 40px;
  257. padding-left: 5px;
  258. }
  259. .blue:hover{
  260. background-position: 0px -400px;
  261. height: 40px;
  262. padding-left: 5px;
  263. }
  264. .blue div {
  265. background-position: right -240px;
  266. height: 40px;
  267. }
  268. .ui-button span,.ui-button input {
  269. background: none;
  270. white-space: nowrap;
  271. border: none;
  272. float: left;
  273. display: inline-block;
  274. cursor: pointer;
  275. width:144px;
  276. height:43px;
  277. color:#fff;
  278. font-size:18px;
  279. font-family:"微软雅黑";
  280. font-weight:bolder;
  281. }
  282. .blue input, .blue_hover input, .blue_active input {
  283. color: white;
  284. padding: 0px 25px 0px 20px;
  285. height: 38px;
  286. font-size: 14px;
  287. line-height: 38px;
  288. }
  289. .login-panel{
  290. width:215px;
  291. }
  292. .login-box {
  293. background-color: #C7BED2;
  294. border: 1px solid #9F95A1;
  295. padding: 20px 45px 25px 50px;
  296. overflow: hidden;
  297. border-radius: 5px;
  298. width:399px;
  299. }
  300. #gotop {
  301. background: url(../images/lanren_top.jpg) no-repeat;
  302. width: 34px;
  303. height: 40px;
  304. cursor: pointer;
  305. _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images2/lanren_top.jpg', sizingMethod='scale');
  306. _background-image: none;
  307. display: none;
  308. position: fixed;
  309. right: 10px;
  310. bottom: 10px;
  311. _position: absolute;
  312. _top: 0px;
  313. _bottom: auto;
  314. _display: block;
  315. _visibility: hidden;
  316. }
  317. /*
  318. 修改部分
  319. */
  320. .login-box h3{
  321. color:#292929;
  322. font-family:"微软雅黑";
  323. font-size:25px;
  324. margin-bottom:20px;
  325. margin-left:10px;
  326. }
  327. .ui-button div {
  328. /*
  329. float: left;
  330. background: url(../images/ui-buttonbg.gif) no-repeat;
  331. */
  332. background:url(../images/ui-login.gif) no-repeat 0 0;
  333. width:144px;
  334. height:43px;
  335. margin-left: 5px;
  336. }
  337. .login-textbox{
  338. width:335px;
  339. border-radius: 4px;
  340. height:49px;
  341. line-height:49px;
  342. font-size:14px;
  343. font-weight:bold;
  344. font-family: Tahoma,"Microsoft YaHei","微软雅黑",Helvetica,"黑体",Arial;
  345. }
  346. .findpwd{
  347. margin-right:20px;
  348. }
  349. .findpwd a{
  350. color:#6c5a71;
  351. }
  352. .blue span, .blue_hover span, .blue_active span {
  353. color: white;
  354. height: 38px;
  355. font-size: 14px;
  356. line-height: 38px;
  357. text-align:center;
  358. }
  359. .register_btn div,.register_btn_info div{
  360. background: url(../images/ui-reg.png) no-repeat 0 0;
  361. width: 219px;
  362. height: 57px;
  363. }
  364. .info-box-fcp{
  365. color: #656565;
  366. font-size: 13px;
  367. padding-left: 5px;
  368. }
  369. .login-bg{
  370. background:url(../images/login-name.gif) no-repeat 12px center;
  371. }
  372. .login-pbg{
  373. background:url(../images/login-pwd.gif) no-repeat 12px center;
  374. }
  375. .top_menu{ border-bottom:solid 1px #eee; clear:both; height:41px; overflow-x:auto; overflow-y:hidden;}
  376. .top_menu li{ float:left; margin-left:2px; margin-top:5px;}
  377. .top_menu li a{PADDING: 0 20px;BACKGROUND: #eee;FLOAT: left;COLOR: #000;LINE-HEIGHT: 40px;HEIGHT: 40px;TEXT-DECORATION: none;font-size: 16px;}
  378. .top_menu li.active a { background:#ccc;}