web_site2/assets/css/root.scss

@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;
    --color-10: #cedaf4;

    --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--133: -17.7333vw;
        --size--100: -13.3333vw;
        --size--75: -10vw;
        --size--50: -6.6667vw;
        --size--48: -6.4vw;
        --size--32: -4.2667vw;
        --size--25: -3.3333vw;
        --size--17: -2.2667vw;
        --size--10: -1.3333vw;
        --size--7: -0.6667vw;
        --size--6: -0.8vw;
        --size--5: -0.6667vw;
        --size--4: -0.5333vw;
        --size--2: -0.2667vw;
        --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-73: 9.733vw;
        --size-74: 9.867vw;
        --size-75: 10vw;
        --size-76: 10.13vw;
        --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-104: 13.8667vw;
        --size-105: 14vw;
        --size-106: 14.1333vw;
        --size-107: 14.267vw;
        --size-112: 14.9333vw;
        --size-115: 15.333vw;
        --size-116: 15.4667vw;
        --size-117: 15.6vw;
        --size-119: 15.867vw;
        --size-120: 16vw;
        --size-122: 16.2667vw;
        --size-124: 16.533vw;
        --size-128: 17.0667vw;
        --size-130: 17.33vw;
        --size-132: 17.6vw;
        --size-133: 17.7333vw;
        --size-134: 17.8667vw;
        --size-135: 18vw;
        --size-141: 18.8vw;
        --size-142: 18.933vw;
        --size-148: 19.7333vw;
        --size-150: 20vw;
        --size-153: 20.4vw;
        --size-154: 20.533vw;
        --size-155: 20.6667vw;
        --size-160: 21.333vw;
        --size-161: 21.467vw;
        --size-165: 22vw;
        --size-166: 22.133vw;
        --size-170: 22.667vw;
        --size-172: 22.933vw;
        --size-173: 23.067vw;
        --size-174: 23.2vw;
        --size-176: 23.47vw;
        --size-178: 23.733vw;
        --size-179: 23.866vw;
        --size-180: 24vw;
        --size-181: 24.133vw;
        --size-185: 24.6667vw;
        --size-186: 24.8vw;
        --size-187: 24.933vw;
        --size-188: 25.067vw;
        --size-190: 25.33vw;
        --size-192: 25.6vw;
        --size-194: 25.867vw;
        --size-199: 26.533vw;
        --size-200: 26.666vw;
        --size-204: 27.2vw;
        --size-205: 27.33vw;
        --size-208: 26.6667vw;
        --size-208: 27.733vw;
        --size-210: 28vw;
        --size-216: 28.8vw;
        --size-218: 29.067vw;
        --size-220: 29.333vw;
        --size-221: 29.4667vw;
        --size-225: 30vw;
        --size-226: 30.133vw;
        --size-227: 30.267vw;
        --size-228: 30.4vw;
        --size-230: 30.667vw;
        --size-232: 30.933vw;
        --size-234: 31.2vw;
        --size-238: 31.733vw;
        --size-240: 32vw;
        --size-245: 32.667vw;
        --size-248: 33.067vw;
        --size-255: 34vw;
        --size-256: 34.133vw;
        --size-257: 34.267vw;
        --size-259: 34.533vw;
        --size-260: 34.667vw;
        --size-262: 34.933vw;
        --size-264: 35.2vw;
        --size-265: 35.33vw;
        --size-266: 35.466vw;
        --size-277: 36.933vw;
        --size-278: 37.0667vw;
        --size-279: 37.2vw;
        --size-280: 37.333vw;
        --size-283: 37.73vw;
        --size-287: 38.266vw;
        --size-288: 38.4vw;
        --size-293: 39.0667vw;
        --size-294: 39.2vw;
        --size-297: 39.6vw;
        --size-300: 40vw;
        --size-304: 40.53vw;
        --size-313: 41.733vw;
        --size-315: 42vw;
        --size-317: 42.2667vw;
        --size-327: 43.6vw;
        --size-329: 43.867vw;
        --size-330: 44vw;
        --size-336: 44.8vw;
        --size-337: 44.933vw;
        --size-340: 45.333vw;
        --size-352: 46.933vw;
        --size-356: 47.4667vw;
        --size-360: 48vw;
        --size-367: 48.93vw;
        --size-373: 49.73vw;
        --size-378: 50.4vw;
        --size-388: 51.733vw;
        --size-390: 52vw;
        --size-396: 52.8vw;
        --size-402: 53.6vw;
        --size-406: 54.133vw;
        --size-416: 55.466vw;
        --size-322: 42.93vw;
        --size-429: 57.2vw;
        --size-430: 57.33vw;
        --size-432: 57.6vw;
        --size-442: 58.933vw;
        --size-450: 60vw;
        --size-453: 60.4vw;
        --size-460: 61.33vw;
        --size-462: 61.6vw;
        --size-466: 62.133vw;
        --size-468: 62.4vw;
        --size-471: 62.8vw;
        --size-479: 63.867vw;
        --size-485: 64.667vw;
        --size-487: 64.933vw;
        --size-490: 65.33vw;
        --size-494: 65.867vw;
        --size-497: 66.267vw;
        --size-500: 66.6667vw;
        --size-513: 68.4vw;
        --size-526: 70.133vw;
        --size-531: 70.8vw;
        --size-539: 71.867vw;
        --size-542: 72.267vw;
        --size-544: 72.53px;
        --size-547: 72.933vw;
        --size-560: 74.667vw;
        --size-565: 75.333vw;
        --size-568: 75.7333vw;
        --size-579: 77.2vw;
        --size-590: 78.667vw;
        --size-591: 78.8vw;
        --size-600: 80vw;
        --size-605: 80.667vw;
        --size-627: 83.6vw;
        --size-630: 84vw;
        --size-634: 84.533vw;
        --size-636: 84.8vw;
        --size-640: 85.333vw;
        --size-647: 86.267vw;
        --size-648: 86.4vw;
        --size-650: 86.667vw;
        --size-660: 88vw;
        --size-670: 89.33vw;
        --size-688: 91.733vw;
        --size-690: 92vw;
        --size-692: 92.266vw;
        --size-693: 92.4vw;
        --size-710: 94.667vw;
        --size-715: 95.33vw;
        --size-718: 95.733vw;
        --size-720: 96vw;
        --size-721: 85.33vw;
        --size-726: 96.8vw;
        --size-735: 98vw;
        --size-740: 98.667vw;
        --size-750: 100vw;
        --size-757: 100.933vw;
        --size-770: 102.66vw;
        --size-774: 103.2vw;
        --size-775: 103.33vw;
        --size-780: 104vw;
        --size-788: 105.067vw;
        --size-791: 105.466vw;
        --size-795: 106vw;
        --size-800: 106.67vw;
        --size-810: 108vw;
        --size-822: 109.6vw;
        --size-836: 111.467vw;
        --size-845: 112.667vw;
        --size-900: 120vw;
        --size-972: 129.6vw;
        --size-973: 129.733vw;
        --size-992: 132.266vw;
        --size-1000: 133.33vw;
        --size-1022: 136.267vw;
        --size-1044: 141.08vw;
        --size-1065: 142vw;
        --size-1116: 148.8vw;
        --size-1158: 154.4vw;
        --size-1189: 158.53vw;
        --size-1330: 177.333vw;
        --size-1366: 182.133vw;
        --size-1400: 186.667vw;
        --size-1438: 191.73vw;
        --size-1440: 192vw;
        --size-1494: 199.2vw;
        --size-1540: 212.8vw;
        --size-1552: 206.933vw;
        --size-1596: 212.8vw;
        --size-1620: 216vw;
        --size-1860: 248vw;
    }

    @include responseTo("pc") {
        --size--133: -133px;
        --size--110: -110px;
        --size--100: -100px;
        --size--75: -75px;
        --size--50: -50px;
        --size--48: -48px;
        --size--32: -32px;
        --size--25: -25px;
        --size--17: -17px;
        --size--10: -10px;
        --size--7: -7px;
        --size--6: -6px;
        --size--5: -5px;
        --size--4: -4px;
        --size--2: -2px;
        --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-104: 104px;
        --size-105: 105px;
        --size-106: 106px;
        --size-107: 107px;
        --size-112: 112px;
        --size-115: 115px;
        --size-117: 117px;
        --size-119: 119px;
        --size-120: 120px;
        --size-122: 122px;
        --size-124: 124px;
        --size-127: 127px;
        --size-128: 128px;
        --size-130: 130px;
        --size-132: 132px;
        --size-133: 133px;
        --size-134: 134px;
        --size-135: 135px;
        --size-141: 141px;
        --size-142: 142px;
        --size-143: 143px;
        --size-144: 144px;
        --size-146: 146px;
        --size-150: 150px;
        --size-153: 153px;
        --size-154: 154px;
        --size-155: 155px;
        --size-158: 158px;
        --size-160: 160px;
        --size-161: 161px;
        --size-165: 165px;
        --size-166: 166px;
        --size-170: 170px;
        --size-172: 172px;
        --size-173: 173px;
        --size-174: 174px;
        --size-176: 176px;
        --size-178: 178px;
        --size-179: 179px;
        --size-180: 180px;
        --size-181: 181px;
        --size-186: 186px;
        --size-187: 187px;
        --size-188: 188px;
        --size-190: 190px;
        --size-192: 192px;
        --size-194: 194px;
        --size-199: 199px;
        --size-200: 200px;
        --size-204: 204px;
        --size-205: 205px;
        --size-208: 208px;
        --size-210: 210px;
        --size-214: 214px;
        --size-216: 216px;
        --size-218: 218px;
        --size-220: 220px;
        --size-221: 221px;
        --size-226: 226px;
        --size-227: 227px;
        --size-228: 228px;
        --size-230: 230px;
        --size-232: 232px;
        --size-234: 234px;
        --size-238: 238px;
        --size-240: 240px;
        --size-245: 245px;
        --size-248: 248px;
        --size-255: 255px;
        --size-256: 256px;
        --size-257: 257px;
        --size-259: 259px;
        --size-260: 260px;
        --size-262: 262px;
        --size-264: 264px;
        --size-265: 265px;
        --size-266: 266px;
        --size-270: 270px;
        --size-277: 277px;
        --size-278: 278px;
        --size-279: 279px;
        --size-280: 280px;
        --size-283: 283px;
        --size-287: 287px;
        --size-288: 288px;
        --size-293: 293px;
        --size-294: 294px;
        --size-297: 297px;
        --size-300: 300px;
        --size-304: 304px;
        --size-306: 306px;
        --size-313: 313px;
        --size-315: 315px;
        --size-317: 317px;
        --size-322: 322px;
        --size-323: 323px;
        --size-327: 327px;
        --size-329: 329px;
        --size-330: 330px;
        --size-336: 336px;
        --size-337: 337px;
        --size-340: 340px;
        --size-352: 352px;
        --size-356: 356px;
        --size-360: 360px;
        --size-367: 367px;
        --size-373: 373px;
        --size-378: 378px;
        --size-384: 384px;
        --size-385: 385px;
        --size-388: 388px;
        --size-390: 390px;
        --size-396: 393px;
        --size-396: 396px;
        --size-402: 402px;
        --size-406: 406px;
        --size-416: 416px;
        --size-423: 423px;
        --size-424: 424px;
        --size-429: 429px;
        --size-430: 430px;
        --size-432: 432px;
        --size-420: 440px;
        --size-442: 442px;
        --size-450: 450px;
        --size-453: 453px;
        --size-460: 460px;
        --size-462: 462px;
        --size-466: 466px;
        --size-468: 468px;
        --size-471: 471px;
        --size-474: 474px;
        --size-479: 479px;
        --size-485: 485px;
        --size-487: 487px;
        --size-494: 494px;
        --size-497: 497px;
        --size-500: 500px;
        --size-513: 513px;
        --size-526: 526px;
        --size-531: 531px;
        --size-539: 539px;
        --size-542: 542px;
        --size-544: 544px;
        --size-547: 547px;
        --size-550: 550px;
        --size-560: 560px;
        --size-565: 565px;
        --size-579: 579px;
        --size-590: 590px;
        --size-591: 591px;
        --size-600: 600px;
        --size-605: 605px;
        --size-627: 627px;
        --size-630: 630px;
        --size-634: 634px;
        --size-636: 636px;
        --size-640: 640px;
        --size-647: 647px;
        --size-648: 648px;
        --size-650: 650px;
        --size-660: 660px;
        --size-670: 670px;
        --size-673: 673px;
        --size-688: 688px;
        --size-690: 690px;
        --size-692: 692px;
        --size-693: 693px;
        --size-710: 710px;
        --size-715: 715px;
        --size-718: 718px;
        --size-720: 720px;
        --size-721: 721px;
        --size-726: 726px;
        --size-735: 735px;
        --size-740: 740px;
        --size-750: 750px;
        --size-757: 757px;
        --size-770: 770px;
        --size-774: 774px;
        --size-775: 775px;
        --size-780: 780px;
        --size-788: 788px;
        --size-791: 791px;
        --size-795: 795px;
        --size-800: 800px;
        --size-810: 810px;
        --size-812: 812px;
        --size-820: 820px;
        --size-822: 822px;
        --size-836: 836px;
        --size-845: 845px;
        --size-862: 862px;
        --size-900: 900px;
        --size-972: 972px;
        --size-973: 973px;
        --size-992: 992px;
        --size-1000: 1000px;
        --size-1022: 1022px;
        --size-1044: 1044px;
        --size-1065: 1065px;
        --size-1116: 1116px;
        --size-1158: 1158px;
        --size-1189: 1189px;
        --size-1330: 1330px;
        --size-1366: 1366px;
        --size-1400: 1400px;
        --size-1440: 1440px;
        --size-1438: 1438px;
        --size-1438: 1440px;
        --size-1480: 1480px;
        --size-1494: 1494px;
        --size-1540: 1540px;
        --size-1552: 1552px;
        --size-1596: 1596px;
        --size-1620: 1620px;
        --size-1860: 1860px;
    }
}