style.css 4.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192
  1. @charset "utf-8";
  2. /* common */
  3. * { word-wrap: break-word; }
  4. ul,ol,li,span,p,form,h1,h2,h3,4,h5,h6,dl,dt,dd { margin: 0; padding: 0; border: 0; z-index:inherit; }
  5. img,a img { border:0; margin:0; padding:0; }
  6. ul,ol,li { list-style:none; }
  7. * { margin:0; padding:0; }
  8. html,body { height:100%; font:12px/1.6 Microsoft YaHei, Helvetica, sans-serif; color:#4C4C4C; }
  9. input,select,textarea,button { font:14px/1.5 Microsoft YaHei, Helvetica, sans-serif; }
  10. body, ul, ol, li, dl, dd, p, h1, h2, h3, h4, h5, h6, form, fieldset, .pr, .pc { margin: 0; padding: 0; }
  11. table { empty-cells: show; border-collapse: collapse; }
  12. caption, th { text-align: left; font-weight: 400; }
  13. ul li, .xl li { list-style: none; }
  14. h1, h2, h3, h4, h5, h6 { font-size: 1em; }
  15. em, cite, i { font-style: normal; }
  16. a img { border: none; }
  17. label { cursor: pointer; }
  18. .bg { background: url(pic_bg.jpg); }
  19. .rq { color: red; }
  20. a:link,a:visited,a:hover { color:#4C4C4C; text-decoration:none; }
  21. .blue { color: #0086CE; }
  22. a.blue:link, a.blue:visited, a.blue:hover { color:#0086CE; text-decoration:none; }
  23. .grey { color:#9C9C9C; }
  24. a.grey:link, a.grey:visited, a.grey:hover { color:#9C9C9C; text-decoration:none; }
  25. .orange { color:#F60; }
  26. a.orange:link,a.orange:visited,a.orange:hover{color:#F60;text-decoration:none }
  27. .z { float: left; } .y { float: right; }
  28. .cl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .cl { zoom: 1; }
  29. .overflow{overflow:hidden;}
  30. .none { display:none; }
  31. .vm { vertical-align: middle; }
  32. .vm * { vertical-align: middle; }
  33. .hm { text-align: center; }
  34. .bl_none { border-bottom:0 !important; }
  35. .bl_line { border-bottom:1px solid #DDD; }
  36. .b_radius {border-radius:10px;}
  37. .b_m { margin:10px;}
  38. .b_p { padding:10px}
  39. .mtn { margin-top: 5px !important; }
  40. .mbn { margin-bottom: 5px !important; }
  41. .mtm { margin-top: 10px !important; }
  42. .mbm { margin-bottom: 10px !important; }
  43. .mtw { margin-top: 20px !important; }
  44. .mbw { margin-bottom: 20px !important; }
  45. .pr, .pc { vertical-align: middle; margin: 0 5px 1px 0; padding: 0;+margin-right: 2px;_margin-right: 2px; }
  46. /*----- pop -----*/
  47. .dialogbox { background: url(pic_bg.jpg) }
  48. /*----- login & register -----*/
  49. .loginbox { padding:10px;}
  50. .login_from { background:#FFF; border-radius:10px; border:1px solid #DDD; margin-bottom:15px; }
  51. .login_from li { border-bottom:1px solid #DDD; line-height:45px; padding:0 10px; color:#AFAFAF; font-size:14px; }
  52. .btn_login .pn,.btn_register .pn { background: url(login.png) no-repeat; width:289px; height:45px; display:block; line-height:46px; overflow:hidden; margin:0 auto; color:#FFF; font-size:16px; font-weight:700; text-align:center;border:0; }
  53. .btn_login .pn:hover,.btn_register .pn:hover { background: url(login_on.png) no-repeat; color:#F0EFEF; }
  54. .btn_qqlogin a { background: url(qqlogin.png) no-repeat; width:300px; height:45px; display:block; line-height:2000px; overflow:hidden; margin:0 auto; }
  55. .btn_qqlogin a:hover { background: url(qqlogin_on.png) no-repeat; }
  56. .loginbox p { line-height:35px; font-size:14px; color:#AFAFAF;}
  57. .reg_link a { background: url(icon_arrow.png) no-repeat 100% center; padding-right:10px; color:#AFAFAF; }
  58. .px{ border:1px solid #ddd; padding: 2px 4px; line-height: 17px; font-size:15px; }
  59. .px:focus { color:#4C4C4C;}
  60. .p_fre { width: auto !important; }
  61. .sel_list { width:100%;border: 0; padding: 2px 4px; font-size:14px; font-weight:700; }
  62. .login_select { display: block; position: relative;}
  63. .login_select .login-btn-inner { display: block; font-size: 14px; font-weight:700; min-width: 0.75em; overflow: hidden; position: relative; text-overflow: ellipsis; white-space: nowrap; }
  64. .login_select select { position: absolute; top: 0; width: 100%; z-index: 2; cursor: pointer; height: 3em; left: 0; max-height: 100%; min-height: 100%; opacity: 0.0001;}
  65. .login-btn-text { float:left; }
  66. .login_select .icon-arrow { background: url(icon_arrow.png) no-repeat 15px 17px; width:30px; height:30px; float:right; }
  67. .login_pop { background:#F1F1F1; padding: 0 14px 20px; }
  68. .log_tit { text-align:center; font-size:16px; font-weight:700; line-height:45px; }
  69. .icon_close { background: url(icon_close.png) no-repeat 0 0; width:13px; height:11px; overflow:hidden; display:block; margin-top:17px; }
  70. .btn_qqlogintext { margin:10px 0; }
  71. .btn_qqlogintext a.text_qqlogin { background: url(qqlogintext.png) no-repeat; width:120px; height:25px; display:block; line-height:2000px; overflow:hidden; }
  72. .login_pop .login_from { margin-bottom: 10px; }
  73. .login_pop .login_check { margin:0 0 10px 0; color:#A5A5A5; }
  74. .q_reg a { color:#A5A5A5; font-size:14px; }
  75. .s_code { color:#A5A5A5; }
  76. .s_code .px { color:#A5A5A5; }
  77. .s_code .px:focus { color:#4C4C4C; }
  78. a.other_c { color:#A5A5A5; margin-left:5px; }
  79. /*----- footer -----*/
  80. .footer { text-align:center; line-height:2em; color:#A5A5A5; padding:10px 0 0 0; }
  81. .footer a { margin:0 6px; color:#A5A5A5; }