123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246 |
- @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;
- }
- }
|