experience2.css 831 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. @media screen and (max-width: 750px) {
  2. html {
  3. font-size: calc(100vw / 7.5);
  4. }
  5. }
  6. @media screen and (min-width: 750px) {
  7. html {
  8. font-size: calc(450px / 7.5);
  9. }
  10. }
  11. .free-code-con {
  12. width: 7.5rem;
  13. margin: 0 auto;
  14. }
  15. .bottom-img {
  16. width: 100%;
  17. min-height: 100vh;
  18. background: url('../img/experienceBg1.png') no-repeat;
  19. background-size: contain;
  20. }
  21. .center-pic {
  22. position: absolute;
  23. top: 10.6rem;
  24. left: 0.31rem;
  25. }
  26. .recv-btn {
  27. margin: 0 auto;
  28. width: 6.88rem;
  29. height: 1.21rem;
  30. }
  31. .btn-bg-style {
  32. width: 100%;
  33. height: 1.21rem;
  34. text-align: center;
  35. line-height: 1.21rem;
  36. position: absolute;
  37. top: 0;
  38. left: 0;
  39. letter-spacing: 2px;
  40. font-size: 0.28rem;
  41. color: #fff;
  42. }
  43. .btn-bg-style img {
  44. width: 0.3rem;
  45. height: 0.3rem;
  46. }