common.scss 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899
  1. @import "~/assets/css/tool.scss";
  2. @font-face {
  3. font-family: "feixinyun";
  4. /* Project id 3514483 */
  5. src:
  6. url("./font/iconfont.woff2") format("woff2"),
  7. url("./font/iconfont.woff") format("woff"),
  8. url("./font/iconfont.ttf") format("truetype");
  9. }
  10. .mywow {
  11. // display: none;
  12. transform: translateX(-10000000px);
  13. }
  14. .iconfont_feixinyun {
  15. font-family: "feixinyun";
  16. }
  17. * {
  18. padding: 0;
  19. margin: 0;
  20. box-sizing: border-box;
  21. }
  22. a {
  23. text-decoration: none;
  24. /* 去除默认的下划线 */
  25. color: inherit;
  26. /* 去除默认的颜色和点击后变化的颜色 */
  27. }
  28. @include responseTo("tv") {
  29. html,
  30. body {
  31. min-width: 1500px;
  32. color: var(--color-01);
  33. font-weight: var(--weight-400);
  34. font-family: var(--family-01);
  35. }
  36. .center1200 {
  37. width: 1200px !important;
  38. margin: 0 auto !important;
  39. }
  40. .center1440 {
  41. width: 1440px !important;
  42. margin: 0 auto !important;
  43. }
  44. }
  45. img {
  46. line-height: 1;
  47. }
  48. .one-row {
  49. white-space: nowrap;
  50. overflow: hidden;
  51. text-overflow: ellipsis;
  52. }
  53. .bg {
  54. background-repeat: no-repeat;
  55. background-position: center center;
  56. background-size: cover;
  57. }
  58. .center-btn {
  59. width: auto;
  60. min-width: 174px;
  61. min-height: 50px;
  62. background: linear-gradient(-45deg, #2cbac0 0%, #006efe 100%), #006efe;
  63. border-radius: 4px;
  64. display: inline-flex;
  65. justify-content: center;
  66. align-items: center;
  67. font-size: 18px;
  68. font-family: var(--family-01);
  69. font-weight: var(--weight-400);
  70. color: #ffffff;
  71. }
  72. .btn-01 {
  73. width: 1px;
  74. display: inline-flex;
  75. justify-content: center;
  76. align-items: center;
  77. flex-wrap: nowrap;
  78. min-width: 174px;
  79. min-height: 50px;
  80. padding: 0 var(--size-20);
  81. background: #ffffff;
  82. border: 1px solid var(--color-04);
  83. border-radius: var(--size-4);
  84. font-size: var(--size-18);
  85. font-family: var(--family-01);
  86. font-weight: var(--weight-400);
  87. color: var(--color-04);
  88. }