@import "~/assets/css/tool.scss"; :root { --nav-height: 80px; --header-z-index: 9; --shadow-01: 0 0 var(--size-15) var(--size-6) rgba(89, 187, 228, 0.25); --shadow-02: 0 0 var(--size-15) var(--size-6) rgba(89, 187, 228, 0.25); --color-01: #1a1a1a; --color-02: #666666; --color-03: #808080; --color-04: #006efe; --color-05: rgba(0, 110, 254, 0.5); --color-06: #e6e6e6; --color-07: #11b5e8; --color-08: #ebf2fc; --color-09: #ff7777; --family-01: Microsoft YaHei; --family-02: FZYaoTi, FZYaoTi-Regular; // --family-02:Microsoft YaHei; --weight-300: 300; --weight-400: 400; --weight-500: 500; --weight-600: 600; --weight-700: 700; --weight-800: 800; --weight-900: 400; @include responseTo("phone") { --size-1: 0.1333vw; // --size-2: 0.2667vw; // --size-3: 0.4vw; // --size-4: 0.5333vw; // --size-5: 0.6667vw; // --size-6: 0.8vw; // --size-7: 0.9333vw; // --size-8: 1.0667vw; // --size-9: 1.2vw; // --size-10: 1.3333vw; // --size-11: 1.4667vw; // --size-12: 1.6vw; // --size-13: 1.7333vw; // --size-14: 1.8667vw; // --size-15: 2vw; // --size-16: 2.1333vw; // --size-17: 2.2667vw; // --size-18: 2.4vw; // --size-19: 2.5333vw; // --size-20: 2.6667vw; // --size-21: 2.8vw; // --size-22: 2.9333vw; // --size-23: 3.0667vw; // --size-24: 3.2vw; // --size-25: 3.3333vw; // --size-26: 3.4667vw; // --size-27: 3.6vw; // --size-28: 3.7333vw; // --size-29: 3.8667vw; // --size-30: 4vw; // --size-31: 4.1333vw; // --size-32: 4.2667vw; // --size-33: 4.4vw; // --size-34: 4.533vw; // --size-35: 4.6667vw; // --size-36: 4.8vw; // --size-37: 4.9333vw; // --size-38: 5.0667vw; // --size-39: 5.2vw; // --size-40: 5.3333vw; // --size-41: 5.46vw; // --size-42: 5.6vw; // --size-43: 5.7333vw; // --size-44: 5.8667vw; // --size-45: 6vw; // --size-46: 6.1333vw; // --size-47: 6.2667; // --size-48: 6.4vw; // --size-49: 6.5333vw; // --size-50: 6.6667vw; // --size-51: 6.8vw; // --size-52: 6.93vw; // --size-53: 7.0667vw; // --size-54: 7.6vw; // --size-55: 7.33vw; // --size-56: 7.4667vw; // --size-57: 7.6vw; // --size-58: 7.7333vw; // --size-59: 7, 8667vw; // --size-60: 8vw; // --size-61: 8.1333vw; // --size-62: 8.2667vw; // --size-63: 8.4vw; // --size-64: 8.5333vw; // --size-65: 8.6667vw; // --size-66: 8.8vw; // --size-67: 8.9333vw; // --size-68: 9.0667vw; // --size-69: 9.2vw; // --size-70: 9.3333vw; // --size-80: 10.6667vw; // --size-81: 10.8vw; // --size-82: 10.9333vw; // --size-83: 11.0667vw; // --size-84: 11.2vw; // --size-85: 11.3333vw; // --size-86: 11.4667vw; // --size-87: 11.6vw; // --size-88: 11.7333vw; // --size-89: 11.8667vw; // --size-90: 13vw; // --size-91: 12.1333vw; // --size-92: 12.2667vw; // --size-93: 12.4vw; // --size-94: 13.5333vw; // --size-95: 12.6667vw; // --size-96: 12.8vw; // --size-97: 12.9333vw; // --size-98: 13.0667vw; // --size-99: 13.2vw; // --size-100: 13.3333vw; // --size-112: 14.9333vw; // --size-116: 15.4667vw; // --size-148: 19.7333vw; // --size-185: 24.6667vw; // --size-225: 30vw; // --size-500: 66.6667vw; // --size-568: 75.7333vw; // --size-600: 80vw; // --size-690: 92vw; // --size-750: 100vw; } @include responseTo("tv") { --size-1: 1px; --size-2: 2px; --size-3: 3px; --size-4: 4px; --size-5: 5px; --size-6: 6px; --size-7: 7px; --size-8: 8px; --size-9: 9px; --size-10: 10px; --size-11: 11px; --size-12: 12px; --size-13: 13px; --size-14: 14px; --size-15: 15px; --size-16: 16px; --size-17: 17px; --size-18: 18px; --size-19: 19px; --size-20: 20px; --size-21: 21px; --size-22: 22px; --size-23: 23px; --size-24: 24px; --size-25: 25px; --size-26: 26px; --size-27: 27px; --size-28: 28px; --size-29: 29px; --size-30: 30px; --size-31: 31px; --size-32: 32px; --size-33: 33px; --size-34: 34px; --size-35: 35px; --size-36: 36px; --size-37: 37px; --size-38: 38px; --size-39: 39px; --size-40: 40px; --size-41: 41px; --size-42: 42px; --size-43: 43px; --size-44: 44px; --size-45: 45px; --size-46: 46px; --size-47: 47px; --size-48: 48px; --size-49: 49px; --size-50: 50px; --size-51: 51px; --size-52: 52px; --size-53: 53px; --size-54: 54px; --size-55: 55px; --size-56: 56px; --size-57: 57px; --size-58: 58px; --size-59: 59px; --size-60: 60px; --size-61: 61px; --size-62: 62px; --size-63: 63px; --size-64: 64px; --size-65: 65px; --size-66: 66px; --size-67: 67px; --size-68: 68px; --size-69: 69px; --size-70: 70px; --size-71: 71px; --size-72: 72px; --size-73: 73px; --size-74: 74px; --size-75: 75px; --size-76: 76px; --size-77: 77px; --size-78: 78px; --size-79: 79px; --size-80: 80px; --size-81: 81px; --size-82: 82px; --size-83: 83px; --size-84: 84px; --size-85: 85px; --size-86: 86px; --size-87: 87px; --size-88: 88px; --size-89: 89px; --size-90: 90px; --size-91: 91px; --size-92: 92px; --size-93: 93px; --size-94: 94px; --size-95: 95px; --size-96: 96px; --size-97: 97px; --size-98: 98px; --size-99: 99px; --size-100: 100px; --size-112: 112px; --size-122: 122px; --size-128: 128px; --size-216: 216px; --size-221: 221px; --size-487: 487px; --size-627: 627px; } }