header.css 818 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  1. .header {
  2. width: 100%;
  3. height: 198rpx;
  4. position: relative;
  5. }
  6. .header .bg-img {
  7. display: block;
  8. position: absolute;
  9. left: 0;
  10. top: 0;
  11. z-index: 1;
  12. width: 100%;
  13. height: 198rpx;
  14. }
  15. .header .info-block {
  16. padding: 0 40rpx 0 48rpx;
  17. height: 198rpx;
  18. position: relative;
  19. z-index: 2;
  20. }
  21. .header .info-block .title {
  22. font-size: 36rpx;
  23. color: #fff;
  24. font-weight: 500;
  25. line-height: 50rpx;
  26. }
  27. .header .info-block .desc {
  28. font-size: 28rpx;
  29. font-weight: 500;
  30. color: #fff;
  31. line-height: 40rpx;
  32. margin-top: 8rpx;
  33. }
  34. .header .info-block .btn {
  35. width: 170rpx;
  36. height: 56rpx;
  37. border-radius: 28rpx;
  38. background-color: rgb(255, 255, 255);
  39. text-align: center;
  40. line-height: 52rpx;
  41. font-size: 28rpx;
  42. font-weight: 500;
  43. color: #3387FF;
  44. }
  45. .tr{
  46. text-align: right;
  47. }
  48. .tc{
  49. text-align: center;
  50. }
  51. .tl{
  52. text-align: left
  53. }