Нет описания

common.css 4.5KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  1. @charset "utf-8";
  2. /* CSS Document */
  3. .floatL{ float:left;}
  4. .floatR{float:right;}
  5. .clearfix{ clear:both;}
  6. html, body{font:\5FAE\8F6F\96C5\9ED1,"Microsoft YaHei";}
  7. input{ outline:none;}
  8. /*header部分*/
  9. #header{width:100%;min-width:1170px; height:60px; background:rgba(255,132,0,1); position:fixed; top:0; z-index:9999; }
  10. .logo{ display:block; width:80px; height:50px; background:url(../images/logo2.png) no-repeat; margin-left:80px; margin-top:5px; float:left;}
  11. .searchblock{ width:280px; height:35px; position:absolute; left:50%; top:50%; margin-left:-132px; margin-top:-17.5px; display:none;}
  12. .search-txt{ width:220px; height:35px; background:#fff; border:none;-moz-border-radius:10px 0 0 10px;-webkit-border-radius:10px 0 0 10px; border-radius:10px 0 0 10px; behavior:url(../js/ie-css3.htc); float:left;font:14px/35px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; padding-left:10px; color:#a3a3a3;}
  13. .search-btn{ width:35px; height:35px; background:#fff; border-radius:0 10px 10px 0;-moz-border-radius:0 10px 10px 0;-webkit-border-radius:0 10px 10px 0; float:left; cursor:pointer; behavior:url(../js/ie-css3.htc);cursor:pointer;}
  14. .search-icon{ display:block; width:20px; height:20px; background:
  15. url(../images/index-icon.png) no-repeat; background-position:left; margin:8px;}
  16. /*顶部右边*/
  17. .header-right{ float:right; margin-right:80px;}
  18. /*未登录*/
  19. .unlogin{ width:130px; height:35px; border:1px #fff solid; border-radius:10px;font:14px/35px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; color:#fff; text-align:center; margin-right:10px; float:left;margin-top:10px; cursor:pointer; }
  20. /*已登录*/
  21. .onlogin{ display:none; position:relative;}
  22. .head-portrait{width:50px; height:50px; border-radius:50%;background-size:100% 100%;-moz-background-size:100% 100%; float:left; margin-right:10px; margin-top:5px; cursor:pointer; border:1px solid #f8f8f8; overflow:hidden; }
  23. .portrait-p{ width:100%;}
  24. .personal-infor{width:202px; height:179px; position:absolute; top:40px; right:80px; display:none;}
  25. .triangleB{ display:block; width:0; height:0; border:8px solid transparent; border-bottom-color:#f3a36c; float:right; margin-right:20px; margin-top:15px;}
  26. .personal-box{ width:202px; /*height:160px;*/ border-radius:10px; background:#f3a36c; clear:both; overflow:hidden;}
  27. .personal-box a{ display:block; width:202px; height:40px;font:14px/40px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; color:#fff;}
  28. .personal-box a:hover{ background:#ff8400;}
  29. .icon{ display:block; width:20px; height:20px; margin-left:15px; margin-right:12px; margin-top:10px; float:left;}
  30. .icon1{ background:url(../images/index-icon.png) no-repeat; background-position:right;}
  31. .icon2{ background:url(../images/index-icon.png) no-repeat; background-position:-60px 0;}
  32. .icon3{ background:url(../images/index-icon.png) no-repeat; background-position:-40px 0;}
  33. .icon4{ background:url(../images/index-icon.png) no-repeat; background-position:-20px 0;}
  34. .myWorkspace{font: 14px/40px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; text-align: center;float: left; margin-top: 10px;color: #fff;}
  35. /*主体部分*/
  36. #container{ min-width:1000px; background:#fff;overflow: hidden;}
  37. /*footer部分*/
  38. #footer{ min-width:1000px;clear:both; height:250px; background:#ff8400;}
  39. .footer-top{ width:1000px; height:214px; margin:auto;}
  40. .footerL{ float:left; }
  41. .footer-logo{ width:80px; height:50px; background:url(../images/logo2.png) no-repeat; background-size:100% 100%; margin:24px 0;}
  42. .link{ color:#fff;padding-bottom:15px; }
  43. .link a{font:14px/20px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; color:#fff; }
  44. .customer{font:15px/20px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; color:#fff; }
  45. .footerR{ float:right;font:12px/30px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; color:#fff; text-align:center; }
  46. .code{ width:120px; height:120px; margin:auto; margin-top:24px;}
  47. .code img{ width:100%;}
  48. .foot-icon{ display:block; height:22px; float:left; margin:0 7px;}
  49. .foot-icon1{ width:27px; background:url(../images/share.png) no-repeat; background-position:left;}
  50. .foot-icon2{ width:27px; background:url(../images/share.png) no-repeat; background-position:-27px 0;}
  51. .foot-icon3{ width:21px; background:url(../images/share.png) no-repeat; background-position:-54px 0;}
  52. .foot-icon4{ width:23px; background:url(../images/share.png) no-repeat; background-position:right;}
  53. .footer-btm{ width:100%; height:40px; background:#ffa545;font:12px/40px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; color:#fff; text-align:center; }
  54. /*------------------------------------------------------------------------------------*/