style.css 3.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. @charset "utf-8";
  2. /* CSS Document */
  3. body{ padding:0; margin:0; border:0; font-family:"微软雅黑"; font-size:16px}
  4. ul,li{ list-style:none; padding:0; margin:0}
  5. a{ text-decoration:none}
  6. .nav-top{ width:100%; height:65px; border-top:solid 2px #cc374b; background:#2b2927; color:#fff}
  7. .nav-top>span{ float:left; height:65px; line-height:65px; display:block; font-family:"方正兰亭粗黑简体"; font-size:28px; font-weight:bold; margin-left:50px}
  8. .nav-top>.nav-topright{ float:right}
  9. .nav-top>.nav-topright>p{ float:left; height:65px; line-height:65px; padding:0; margin:0; display:block; margin-right:50px}
  10. .nav-top>.nav-topright>span{ float:left; display:block; height:65px; line-height:65px; margin-right:20px}
  11. .nav-down{ width:100%; height:auto;}
  12. .leftmenu1{ float:left; width:240px; background:#424f63; height:100%; position:absolute;left:-292px}
  13. .leftmenu1 .menu-oc{ position:absolute; margin-left:240px; cursor:pointer}
  14. .leftmenu1>ul{ float:left; width:240px; height:auto;}
  15. .leftmenu1>ul>li{ width:240px; float:left; height:auto; position:relative}
  16. .leftmenu1>ul>li>a{ width:240px; height:45px; float:left; display:block; line-height:45px; color:#FFF; text-indent:2.5em; cursor:pointer; border-top:solid 1px #FFF}
  17. .leftmenu1>ul>li>a.a_list1{ background:url(../images/ic_grid.png) no-repeat 15px center}
  18. .leftmenu1>ul>li>a.a_list2{ background:url(../images/ic_user.png) no-repeat 15px center}
  19. .leftmenu1>ul>li>a.a_list3{ background:url(../images/ic_chats.png) no-repeat 15px center}
  20. .leftmenu1>ul>li>.menu_list{ width:240px; height:auto; float:left; font-size:14px; background:#353f4f;}
  21. .leftmenu1>ul>li>.menu_list_first{ background:#353f4f;}
  22. .leftmenu1>ul>li>.menu_list>a{ width:240px; float:left; height:38px; line-height:38px; text-indent:3em; color:#FFF; display:block}
  23. .leftmenu1>ul>li>.menu_list>a:hover{ background:#2a323f}
  24. .leftmenu2{ float:left; width:52px; height:1200px; position:absolute; background:#424f63;left:0px}
  25. .leftmenu2 .menu-oc1{ position:absolute; margin-left:52px; cursor:pointer}
  26. .leftmenu2 ul{ float:left; width:52px; height:auto}
  27. .leftmenu2>ul>li{ width:52px; float:left; height:auto; position:relative}
  28. .leftmenu2>ul>li>a{ width:52px; height:45px; float:left; display:block; line-height:45px; color:#FFF; cursor:pointer;}
  29. .leftmenu2>ul>li>a.j_a_list1{ background:url(../images/ic_grid.png) no-repeat 15px center}
  30. .leftmenu2>ul>li>a.j_a_list2{ background:url(../images/ic_user.png) no-repeat 15px center}
  31. .leftmenu2>ul>li>a.j_a_list3{ background:url(../images/ic_chats.png) no-repeat 15px center}
  32. .leftmenu2>ul>li>.j_menu_list{ width:140px; height:auto; float:left; font-size:14px; background:#353f4f; position:absolute; margin-left:52px; display:none}
  33. .leftmenu2>ul>li>.j_menu_list>span{ display:block; float:left; margin-left:-52px; width:192px; height:45px; color:#FFF; line-height:45px; text-indent:6.5em}
  34. .leftmenu2>ul>li>.j_menu_list>span>i{ width:52px; height:45px; float:left; position:absolute; cursor:pointer; display:block;border-right:solid 1px #FFF}
  35. .sp1{ background:url(../images/ic_grid.png) no-repeat 15px center #65cea7;}
  36. .sp2{ background:url(../images/ic_user.png) no-repeat 15px center #65cea7}
  37. .sp3{ background:url(../images/ic_chats.png) no-repeat 15px center #65cea7}
  38. .leftmenu2>ul>li>.j_menu_list>a{ width:140px; float:left; height:38px; line-height:38px; text-indent:3em; color:#FFF; display:block}
  39. .leftmenu2>ul>li>.j_menu_list>a:hover{ background:#2a323f}
  40. .rightcon{ margin-left:55px; }
  41. .rightcon .right_con{ width:100%; margin:auto; display:table}
  42. .rightcon .right_con>p{ margin:0; margin-top:10px; width:100%; display:block}