index.css 3.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127
  1. /* 搜索栏目 */
  2. .index_search {margin-top:5px;height:400px;width:100%;background:url("../../images/jkq/index_search.jpg") repeat-x}
  3. .index_search .index_search_box {height:400px;background:url("../../images/jkq/index_search_box.png")}
  4. .search_input {padding-top:90px;padding-left:248px;}
  5. .search_input input {background-color:white;border-radius:4px;border:1px solid #DCDFE6;box-sizing:border-box;color:#606266;height:50px;line-height:50px;width:600px;float:left;text-align:center;font-size:22px;}
  6. .search_input input:focus {outline:none;border: 1px solid #DCDFE6;}
  7. .search_input button {height:50px;width:100px;font-size:22px;background:#ff6900;color:white;border:none;margin-left:10px;}
  8. .search_input p{font-size:20px; color:black;margin-top:5px;}
  9. /* 预约界面*/
  10. .appoint .el-row{height:56px;background:#487fae;border-radius:20px;display:flex;align-items:center;}
  11. .appoint .el-row .el-col {display:flex;align-items:center;justify-content:center;height:48px;color:white;font-size:22px;}
  12. .appoint .el-row .el-col:first-child {border-right:2px solid white;box-sizing:border-box;}
  13. .appoint .el-row .el-col img {margin-right:20px;}
  14. /* 轮播图 */
  15. .picScroll-left{
  16. overflow:hidden;
  17. position:relative;
  18. }
  19. .picScroll-left .bd{
  20. padding:10px;
  21. }
  22. .picScroll-left .bd ul{
  23. }
  24. .picScroll-left .bd ul li{
  25. margin:0 8px;
  26. float:left;
  27. _display:inline;
  28. overflow:hidden;
  29. text-align:center;
  30. width:270px;
  31. }
  32. .picScroll-left .bd ul li .pic{
  33. text-align:center;
  34. }
  35. .picScroll-left .bd ul li .pic img{
  36. width:263px;
  37. height:140px;
  38. display:block;
  39. padding:2px;
  40. }
  41. .picScroll-left .bd ul li .title{
  42. line-height:24px;
  43. }
  44. .picScroll-left .next{
  45. position:absolute;
  46. left:5px;
  47. top:70px;
  48. width:20px;
  49. height:20px;
  50. border-top:7px solid #b9b8b8;
  51. border-right:7px solid #b9b8b8;
  52. transform:rotate(-135deg);
  53. }
  54. .picScroll-left .next{
  55. position:absolute;
  56. left:5px;
  57. top:70px;
  58. width:20px;
  59. height:20px;
  60. border-top:7px solid #b9b8b8;
  61. border-right:7px solid #b9b8b8;
  62. transform:rotate(-135deg);
  63. }
  64. .picScroll-left .prev{
  65. position:absolute;
  66. right:5px;
  67. top:70px;
  68. width:20px;
  69. height:20px;
  70. border-top:7px solid #b9b8b8;
  71. border-right:7px solid #b9b8b8;
  72. transform:rotate(45deg);
  73. z-index:100;
  74. }
  75. /* 标题 */
  76. .jkq_title {
  77. position: relative;
  78. text-align: center;
  79. }
  80. .jkq_title div{
  81. height: 40px;
  82. line-height: 40px;
  83. color:#487fae;
  84. font-size:22px;
  85. }
  86. .jkq_title div:after, .jkq_title div:before {
  87. position:absolute;
  88. top:18px;
  89. background:#487fae;
  90. content:"";
  91. height:4px;
  92. width:60px;
  93. }
  94. .jkq_title div:after {left:430px;}
  95. .jkq_title div:before {right:430px;}
  96. .show_more {height:34px;border:2px solid #487fae;font-size:18px;}
  97. .show_more a {display:block;height:34px;line-height:34px;text-align:center;color:#487fae;}
  98. /* 最新政策 */
  99. .policy .el-row .el-col {font-size:18px;color:#221815;margin-top:10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
  100. .policy .el-row .el-col a {color:#221815;}
  101. .policy .el-row .el-col a:hover {color:#ff6565;}
  102. .policy .el-row .el-col.time {text-align:right;}
  103. /* 名企招聘 */
  104. .enterprise_poster {display:block;}
  105. .enterprise_category {padding:0 20px;height:40px;line-height:40px;box-sizing:border-box;border:1px solid #dcdcdc;box-shadow:0 0 5px 1px #f0f0f0;font-size:18px;}
  106. .enterprise_category span.on a {color:#ff6565;border-bottom:2px solid #ff6565;}
  107. .el-divider--vertical {height:30px;margin-bottom:5px;}
  108. .el-card__body {padding:15px 10px;}
  109. .enterprise_list .enterprise_information{padding: 10px 0;}
  110. .enterprise_list .enterprise_information h2 {margin-bottom:20px;font-size:27px;}
  111. .enterprise_list .enterprise_information p {margin-top:5px;font-size:18px;color:#221815;}
  112. .index_service {margin-bottom:50px;}
  113. .index_service .el-col {margin-top:10px;}