zzsc.css 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778
  1. .accordion_container {
  2. width:446px;
  3. }
  4. .accordion_container .content, .accordion_container .tab {
  5. width: 446px;
  6. }
  7. .accordion_container .tab {
  8. line-height: 36px;
  9. }
  10. .accordion_container .tab strong {
  11. font-weight: bold;
  12. font-size: 93%;
  13. }
  14. .accordion_container .tab strong i{
  15. width:32px;
  16. height:32px;
  17. display: block;
  18. float: left;
  19. line-height: 32px;
  20. text-align: center;
  21. color:#fff; background-color: #999;margin-right:10px;
  22. }
  23. .accordion_container .tab strong a{color:#333; font-size:16px}
  24. .accordion_container .tab {
  25. padding: 5px;
  26. }
  27. .accordion_container .tab p {
  28. font-size: 85%;
  29. color: #666;
  30. }
  31. .accordion_container .content {
  32. }
  33. .accordion_container .content img {
  34. display: block;
  35. width: 446px;
  36. height:200px;
  37. }
  38. .accordion_container .first {
  39. z-index: 5;
  40. top: 0px;
  41. }
  42. .accordion_container .second {
  43. z-index: 4;
  44. top: 42px;
  45. }
  46. .accordion_container .third {
  47. z-index: 3;
  48. top: 84px;
  49. }
  50. .accordion_container .four{
  51. z-index: 2;
  52. top:126px;
  53. }
  54. .accordion_container .five{
  55. z-index: 1;
  56. top: 168px;
  57. }
  58. .accordion {
  59. position: relative;
  60. overflow: hidden;
  61. height: 420px;
  62. }
  63. .accordion > div {
  64. position: absolute;
  65. left: 0px;
  66. border-left: 1px solid #aaa;
  67. border-right: 1px solid #aaa;
  68. left: -1px;
  69. cursor: pointer;
  70. background-color: #fff;
  71. }
  72. .hide {
  73. }