index.css 2.0 KB

1234567891011121314151617181920212223242526
  1. .carousel-image {width: 100%;height:auto;}
  2. .home_title {text-align: center;position: relative;padding-top: 30px;}
  3. .home_title .title_ch {font-size: 36px;font-weight: bold;color: #333333;}
  4. .home_title .title_en {font-size: 18px;color: #999999;margin-top: 5px;}
  5. .famousbox {display: flex;flex-direction: column;justify-content: space-between;background-image: linear-gradient(180deg, #FFFFFF 0%, #F9F9F9 100%);border: 1px solid #DEDEDE;box-shadow: 0 1px 3px 0 rgba(0,0,0,0.03);border-radius: 4px;position: relative;cursor: pointer;width: 100%;padding: 10px 15px;transition: box-shadow 0.5s;-webkit-transition: box-shadow 0.5s;box-sizing: border-box;}
  6. .famousbox_top, .famousbox_bottom {position: relative;line-height: 25px;z-index: 100;}
  7. .famousbox_top_title {flex: 1;font-size: 16px;font-weight: bold;color: #333333;}
  8. .famousbox_middle {display: block;font-size: 12px;color: #999999;padding-bottom: 13px;border-bottom: 1px solid #D9D9D9;}
  9. .recruit-btn-group {padding-top: 14px;font-size: 13px;margin-right: 15px;position: relative;top: 3px;}
  10. .notice-recruit {color:#dd4250;}
  11. .btn {display: inline-block;text-align: center;border-radius: 3px;width: 53px;padding: 0;line-height: 22px;margin-bottom: 5px;margin-right: 5px;font-size: 12px;}
  12. .btn-primary {background-image: linear-gradient(180deg, #ff6878 1%, #db3947 100%);color: #FFF;border: 1px solid #dd4250;}
  13. .btn-primary-plain {background-color: #FFF;color: #dd4250;border: 1px solid #dd4250;}
  14. .box_more{width:320px;height:45px;line-height:45px;text-align:center;border-radius:3px;font-size:16px;display:block;margin:30px auto 0;border-color:#bc2c34;background:#bc2c34;color:#fff;}
  15. .title-box {display: flex;padding-left: 10px;padding-right: 30px;height: 30px;}
  16. .title-box a {font-size: 14px;color: #bc2c34;margin-left: auto;}
  17. .notice {width:100%;}
  18. .notice li {line-height: 25px;overflow: hidden;display: flex;margin-top:10px;}
  19. .notice li .el-icon{margin-top:7px;}
  20. .notice li a {margin-left:10px;width: calc(100% - 10px)}
  21. .notice li a:hover {text-decoration: underline;color:#dd4250;}