index.css 2.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. @charset "utf-8";
  2. *{margin: 0; padding: 0; box-sizing: border-box;}
  3. html,body{width: 100%; background-color: #f2f2f2; font-family: "微软雅黑","黑体";}
  4. input,button{background: none; border-style: none; outline: none;}
  5. a{text-decoration: none;}
  6. img{border-style: none;}
  7. ul,li{list-style: none;}
  8. .w{width: 1920px; margin: 0 auto;}
  9. .clearfix:after{content: ""; display: table; clear: both;}
  10. .content{height: 1080px; background: url(../../../images/hardware/aio/aio/index.png) no-repeat; overflow: hidden;}
  11. .content .title{font-size: 50px; color: #fff; height: 176px; line-height: 176px; text-align: center;}
  12. /*内容*/
  13. .content .content_plate{padding: 299px 410px 0px;}
  14. .content_plate a{position: relative; float: left; display: block; width:300px; height: 270px; margin-right: 100px; margin-bottom: 95px; }
  15. .content_plate a.noRight{margin-right: 0 !important;}
  16. .content_plate a img{display: block; margin: 0 auto; margin-top: 40px;}
  17. .content_plate a p{font-size: 38px; color: #fff; text-align: center;height:70px;line-height:70px; margin-top: 52px;}
  18. .content_plate a.login{ background-color:#0a9fd9;}
  19. .content_plate a.login p{ background-color:#2dafe2;}
  20. .content_plate a.resume{ background-color:#81bb28;}
  21. .content_plate a.resume p{ background-color:#93cd38;}
  22. .content_plate a.webJob{ background-color:#f39501;}
  23. .content_plate a.webJob p{ background-color:#f5ab39;}
  24. .content_plate a.jobgairJob{ background-color:#d36262;}
  25. .content_plate a.jobgairJob p{ background-color:#df6969;}
  26. .content_plate a.jobfair{ background-color:#9978ac;}
  27. .content_plate a.jobfair p{ background-color:#aa89bd;}
  28. .content_plate a.news{ background-color:#cec932;}
  29. .content_plate a.news p{ background-color:#c4bf3e;}
  30. .content_plate a.on{ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f09ade6,endColorstr=#7f09ade6);}
  31. .content_plate a .light{position: absolute; bottom: -18px; left:0; width: 260px; height: 36px; background: url(../../../images/hardware/aio/aio/light.png) no-repeat;}
  32. .content_plate a.on .light{display:block;}
  33. .content .foot{font-size: 30px; color: #fff; height: 154px; line-height: 154px; text-align: center; margin-top: 110px;}
  34. /*时间*/
  35. .content .content_plate{position:relative;}
  36. .content #time{
  37. width:170px;
  38. color:#004faa;
  39. position:absolute;
  40. right:40px;
  41. top:50px;
  42. }
  43. .content #time .h_m{
  44. font-size:60px;
  45. }
  46. .content #time .date{
  47. font-size:26px;
  48. }