index.css 2.7 KB

123456789101112131415161718192021222324252627282930313233
  1. @charset "utf-8";
  2. html,body {font:12px/1.5 \5FAE\8F6F\96C5\9ED1,tahoma,arial; color:#555; overflow:hidden;}
  3. /* header-wrap */
  4. .header-wrap {height:40px; line-height:40px; background-color:#0c93e4; box-shadow:0 2px 5px #ccc; z-index:1010}
  5. .header-logo {background-color: #259ee7;}
  6. .header-logo h1 {line-height: 40px;}
  7. .header-menu {height: 40px;}
  8. .header-menu-arrow {border-left: 1px solid #1684c7; display:inline-block; position:relative; cursor:pointer; height: 40px; line-height: 40px; overflow: hidden;}
  9. .header-menu-bg {background-color:rgba(0, 0, 0, 0.4); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#4F000000,endcolorstr=#4F000000); z-index: 1000;}
  10. .header-menu-box {left: 0; top: 40px; z-index: 1111;}
  11. .header-feature li {float:left; display:inline-block;}
  12. .header-feature li a {display:block; height:40px; width:40px; text-align:center; position:relative}
  13. .header-feature li a:hover ,.header-feature li a.curr {opacity: .9;}
  14. .header-feature li a i.iconfont {color:#fff; font-size:20px;}
  15. .header-feature li a em {position:absolute; top:8px; right:5px; width:18px; height:18px; background-color:#f47979; border-radius:50%; line-height:18px; color:#fff}
  16. /* iframe-menu */
  17. .iframe-menu {border-bottom:#e0e3ec 1px solid; background-color:#fff; height:37px; overflow: hidden;}
  18. .iframe-menu-list {left:0; top:0}
  19. .iframe-menu-list li {float:left; display:inline}
  20. .iframe-menu-list li a {display:inline-block; width:130px; height:37px; line-height:37px; position:relative; font-size:14px; color:#666; overflow:hidden;}
  21. .iframe-menu-list li a span {display:block; background-color:#fff; padding-left:10px; position:relative; width:100px; height: 16px; line-height: 16px; border-left:#bbb 1px solid; top:10px; text-align: center;}
  22. .iframe-menu-list li:first-child a span {border-left: 0px;}
  23. .iframe-menu-list li a.curr {height:35px; line-height:35px; border-bottom: #007fcc 2px solid; color: #007fcc;}
  24. .iframe-menu-list li a i.iconfont {position:absolute; right:6px; top:1px; font-size:12px; display: none;}
  25. .iframe-menu-list li a:hover i.iconfont {display: block;}
  26. .iframe-menu-btn {right:0; top:0; display:none}
  27. .iframe-menu-btn a {display:inline-block; width:37px; height:37px; border-left:#e0e3ec 1px solid; background-color:#fff; text-align:center; line-height:37px; color:#333}
  28. .iframe-menu-btn a:hover {background-color:#4DB2EE; color:#fff;}
  29. .iframe-menu-mouse {width:160px; border:1px solid #e0e3ec; box-shadow:1px 1px 5px #ccc; background-color:#fff; font-size:14px}
  30. .iframe-menu-mouse li {border-bottom:#e0e3ec 1px solid;}
  31. .iframe-menu-mouse li a {height:32px; line-height:32px; padding:0 10px; color:#333; display:block; }
  32. .iframe-menu-mouse li:last-child {border-bottom:0}
  33. .iframe-menu-mouse li a:hover {background-color:#4DB2EE; color:#fff;}