style.css 4.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697
  1. @charset "utf-8";
  2. /* CSS Document */
  3. html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, hr, input, button {margin: 0; padding: 0; border: 0;font-size: 100%;font-family:"微软雅黑",Tahoma, Geneva, sans-serif; font-style: normal; font-weight: normal; list-style:none; color:#666}
  4. html, body{width:100%; height:100%; margin:0; padding:0;}
  5. body{background:#eee; height:100%; width:100%}
  6. img {max-width: 100%; border:0; vertical-align:middle;}
  7. a:link,a:visited,a:hover{text-decoration:none;}
  8. hr{height:0; border:0; border-bottom:1px solid #666;}
  9. button,input,select,txtarea{ vertical-align:middle;}
  10. .none{display:none;}
  11. .clear{clear:both;}
  12. .center{width:92%; margin:0 auto;}
  13. .warp {width: 100%; height: 100%;}
  14. .banner{height: 32%; position: relative; background:url(banner.png) no-repeat center center; background-size:cover}
  15. .banner .sum {position: absolute; right: 10px; bottom: 10px; color: #fff;}
  16. .bar {height: 78px; background: #fff; margin-bottom: 10px;}
  17. .bar li {width: 33%; float: left; padding: 10px 0}
  18. .bar u {display: block; height: 38px; background-size: 38px auto; background-repeat: no-repeat;}
  19. .bar h1 {text-align: center; color: #333; font-size:14px; }
  20. .list-tab {height: 44px; line-height: 44px; background: #fff; border-bottom: 1px solid #eee;}
  21. .list-tab li {width: 49%; float: left; text-align: center; color: #333; border-right: 1px solid #eee}
  22. .list-tab li:last-child {border: none}
  23. .list-tab li.on {color: #ff5500;}
  24. .list-board {background: #fff; margin-bottom: 10px; padding: 10px 0;}
  25. .list-board .pic {width: 40%; float: left; text-align: center}
  26. .list-board .pic img{width: 75%; }
  27. .list-board .info {width: 60%; float: left; padding-top: 10px;}
  28. .list-board .info li{margin-bottom: 6px; font-size: 14px}
  29. .list-board .info h1{font-size: 16px; color: #333;}
  30. .list-board .info b{color: #333; font-weight: normal;}
  31. .list-board .info .btn {float: right; margin-right: 15px; border-radius: 4px; padding: 6px 30px;}
  32. .board {background: #fff; margin-bottom: 10px; padding: 10px 0;}
  33. .board h1 {font-size: 16px; color: #333; margin-bottom: 10px}
  34. .title {border-bottom: 1px solid #ddd; margin-bottom: 10px; color: #333; padding: 8px 0;}
  35. .title h1 {font-size: 18px; color: #333;}
  36. .b-list li{margin-bottom: 6px; font-size: 14px;}
  37. .b-list hr{border: 1px solid #eee; margin: 20px 0}
  38. .b-detail {padding: 10px; font-size:14px}
  39. .board-bar {background: #fff; }
  40. .board-bar li {height: 44px; line-height: 44px; border-bottom: 1px solid #ddd; position: relative;}
  41. .board-bar li:last-child {border: none;}
  42. .board-bar p {display: block; float: left; width: 20%;}
  43. .board-bar b {position: absolute; right: 0; height: 44px; line-height: 44px; min-width: 20px;}
  44. .board-bar input {height: 40px; line-height: 40px;}
  45. .board-bar .more{ background: url(detail-btn.png) no-repeat right center; padding-right: 20px; background-size: auto 38%; color: #333}
  46. .board-bar .close {background:url(close-btn.png) no-repeat right center; background-size: auto 38%}
  47. .record-list .info{float: left; width: 70%;}
  48. .record-list .info u{font-size: 14px; color: #999; margin-bottom: 8px; display: block; text-decoration: none}
  49. .record-list .data{float: right; width: 20%; text-align: center; color: #ff5500; font-size: 28px;}
  50. .record-list .data b{display: block; text-align: center; color: #999; font-size: 12px}
  51. .red-packet{background: #ffe6d9; padding: 10px; color: #ff5500; text-align: center}
  52. /*物流信息*/
  53. .logistics {font-size: 14px;}
  54. .logistics h1{color: #333; margin-bottom: 10px; font-size: 16px;}
  55. .logistics ul{padding-left: 15px;}
  56. .logistics li {margin-bottom: 5px; list-style:disc}
  57. .logistics b {color: #999; margin-right: 10px;}
  58. .sum input{border: none; width: 30px; text-align: center}
  59. .sum a{display:inline-block; height: 24px; width: 24px; background: #eee; text-align: center; font-size: 100%}
  60. .yellow-btn {display: block; text-align: center; background: #ff5500; color: #fff; }
  61. .yellow-line-btn {display: block; text-align: center; border-radius: 5px; border: 1px solid #ff5500; color: #ff5500;}
  62. .register-btn {height: 44px; line-height: 44px; border-radius: 4px}
  63. .foot-btn{position: fixed; bottom: 0; width: 100%; height: 44px; line-height: 44px;}
  64. .c_red {color: #ff0000;}
  65. .c_green {color: #00A70D}
  66. .c_blue {color: #336699}