first.css 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192
  1. html,
  2. body {
  3. margin: 0;
  4. padding: 0;
  5. width: 100%;
  6. height: 85%;
  7. }
  8. body {
  9. background: url("../images/login.png");
  10. background-size: cover;
  11. background-repeat: no-repeat;
  12. background-position: left;
  13. }
  14. /* 搜索 */
  15. .searchInput {
  16. width: 1114px;
  17. height: 38px;
  18. border: solid 1px black;
  19. margin-top: 20px;
  20. margin-left: 100px;
  21. border-top-left-radius: 4px;
  22. border-bottom-left-radius: 4px;
  23. outline: none;
  24. border-color: grey;
  25. }
  26. .searchBtn {
  27. height: 40px;
  28. padding: 5px 15px;
  29. border-top-left-radius: 0;
  30. border-bottom-left-radius: 0;
  31. border-left: none;
  32. border-color: #4e6ef2
  33. }
  34. .button {
  35. background-color: #4e6ef2;
  36. color: #fff;
  37. margin-top: 20px;
  38. width: 6%;
  39. }
  40. .layui-row {
  41. width: 100%;
  42. height: 260px;
  43. margin-top: 150px;
  44. text-align: center;
  45. }
  46. .layui-row img {
  47. display: inline-block;
  48. height: 200px;
  49. width: 135px;
  50. }
  51. .layui-col-4 {
  52. position: relative;
  53. height: 200px;
  54. border: 1px solid#eee;
  55. border-radius: 5px;
  56. float: left;
  57. margin: 0 170px;
  58. }
  59. .layui-col-4 h4 {
  60. position: absolute;
  61. bottom: 118px;
  62. left: 36%;
  63. }
  64. .layui-col-4 {
  65. position: relative;
  66. height: 200px;
  67. border: 1px solid#eee;
  68. border-radius: 5px;
  69. float: left;
  70. margin: 0 80px;
  71. }
  72. .layui-col-4 div {
  73. height: 200px;
  74. width: 135px;
  75. }
  76. .layui-col-4 a {
  77. display: block;
  78. margin-top: 26px
  79. }