| 1 | @font-face {
|
| 2 | font-family: "Roboto";
|
| 3 | src: url("//i.alicdn.com/artascope-font/20160419204543/font/roboto-thin.eot");
|
| 4 | src: url("//i.alicdn.com/artascope-font/20160419204543/font/roboto-thin.eot?#iefix") format("embedded-opentype"), url("//i.alicdn.com/artascope-font/20160419204543/font/roboto-thin.woff2") format("woff2"), url("//i.alicdn.com/artascope-font/20160419204543/font/roboto-thin.woff") format("woff"), url("//i.alicdn.com/artascope-font/20160419204543/font/roboto-thin.ttf") format("truetype");
|
| 5 | font-weight: 200;
|
| 6 | font-display: swap; }
|
| 7 |
|
| 8 | @font-face {
|
| 9 | font-family: "Roboto";
|
| 10 | src: url("//i.alicdn.com/artascope-font/20160419204543/font/roboto-light.eot");
|
| 11 | src: url("//i.alicdn.com/artascope-font/20160419204543/font/roboto-light.eot?#iefix") format("embedded-opentype"), url("//i.alicdn.com/artascope-font/20160419204543/font/roboto-light.woff2") format("woff2"), url("//i.alicdn.com/artascope-font/20160419204543/font/roboto-light.woff") format("woff"), url("//i.alicdn.com/artascope-font/20160419204543/font/roboto-light.ttf") format("truetype");
|
| 12 | font-weight: 300;
|
| 13 | font-display: swap; }
|
| 14 |
|
| 15 | @font-face {
|
| 16 | font-family: "Roboto";
|
| 17 | src: url("//i.alicdn.com/artascope-font/20160419204543/font/roboto-regular.eot");
|
| 18 | src: url("//i.alicdn.com/artascope-font/20160419204543/font/roboto-regular.eot?#iefix") format("embedded-opentype"), url("//i.alicdn.com/artascope-font/20160419204543/font/roboto-regular.woff2") format("woff2"), url("//i.alicdn.com/artascope-font/20160419204543/font/roboto-regular.woff") format("woff"), url("//i.alicdn.com/artascope-font/20160419204543/font/roboto-regular.ttf") format("truetype");
|
| 19 | font-weight: 400;
|
| 20 | font-display: swap; }
|
| 21 |
|
| 22 | @font-face {
|
| 23 | font-family: "Roboto";
|
| 24 | src: url("//i.alicdn.com/artascope-font/20160419204543/font/roboto-medium.eot");
|
| 25 | src: url("//i.alicdn.com/artascope-font/20160419204543/font/roboto-medium.eot?#iefix") format("embedded-opentype"), url("//i.alicdn.com/artascope-font/20160419204543/font/roboto-medium.woff2") format("woff2"), url("//i.alicdn.com/artascope-font/20160419204543/font/roboto-medium.woff") format("woff"), url("//i.alicdn.com/artascope-font/20160419204543/font/roboto-medium.ttf") format("truetype");
|
| 26 | font-weight: 500;
|
| 27 | font-display: swap; }
|
| 28 |
|
| 29 | @font-face {
|
| 30 | font-family: "Roboto";
|
| 31 | src: url("//i.alicdn.com/artascope-font/20160419204543/font/roboto-bold.eot");
|
| 32 | src: url("//i.alicdn.com/artascope-font/20160419204543/font/roboto-bold.eot?#iefix") format("embedded-opentype"), url("//i.alicdn.com/artascope-font/20160419204543/font/roboto-bold.woff2") format("woff2"), url("//i.alicdn.com/artascope-font/20160419204543/font/roboto-bold.woff") format("woff"), url("//i.alicdn.com/artascope-font/20160419204543/font/roboto-bold.ttf") format("truetype");
|
| 33 | font-weight: 700;
|
| 34 | font-display: swap; }
|
| 35 |
|
| 36 | html {
|
| 37 | font-size: 100%; }
|
| 38 |
|
| 39 | body {
|
| 40 | font-family: Roboto, "Helvetica Neue", Helvetica, Tahoma, Arial, "PingFang SC", "Microsoft YaHei";
|
| 41 | font-size: var(--font-size-body-1, 12px);
|
| 42 | line-height: var(--font-lineheight-base, 1.28571);
|
| 43 | color: var(--color-text1-4, #333333); }
|
| 44 |
|
| 45 | button,
|
| 46 | input,
|
| 47 | optgroup,
|
| 48 | select,
|
| 49 | textarea {
|
| 50 | font-family: inherit; }
|
| 51 |
|
| 52 | h1 a,
|
| 53 | h2 a,
|
| 54 | h3 a,
|
| 55 | h4 a,
|
| 56 | h5 a,
|
| 57 | h6 a {
|
| 58 | font-weight: inherit; }
|
| 59 |
|
| 60 | h1 {
|
| 61 | margin-bottom: calc(var(--font-size-headline, 24px)*var(--typo-margin-bottom, 0.5));
|
| 62 | font-size: var(--font-size-headline, 24px);
|
| 63 | font-weight: var(--font-weight-medium, 500);
|
| 64 | line-height: 36px; }
|
| 65 |
|
| 66 | h2 {
|
| 67 | margin-bottom: calc(var(--font-size-title, 20px)*var(--typo-margin-bottom, 0.5));
|
| 68 | font-size: var(--font-size-title, 20px);
|
| 69 | font-weight: var(--font-weight-medium, 500);
|
| 70 | line-height: 30px; }
|
| 71 |
|
| 72 | h3 {
|
| 73 | margin-bottom: calc(var(--font-size-subhead, 16px)*var(--typo-margin-bottom, 0.5));
|
| 74 | font-size: var(--font-size-subhead, 16px);
|
| 75 | font-weight: var(--font-weight-2, normal);
|
| 76 | line-height: 24px; }
|
| 77 |
|
| 78 | h4 {
|
| 79 | margin-bottom: calc(var(--font-size-subhead, 16px)*var(--typo-margin-bottom, 0.5));
|
| 80 | font-size: var(--font-size-subhead, 16px);
|
| 81 | font-weight: var(--font-weight-2, normal);
|
| 82 | line-height: 24px; }
|
| 83 |
|
| 84 | h5 {
|
| 85 | margin-bottom: calc(var(--font-size-body-1, 12px)*var(--typo-margin-bottom, 0.5));
|
| 86 | font-size: var(--font-size-body-2, 14px);
|
| 87 | font-weight: var(--font-weight-2, normal);
|
| 88 | line-height: 24px; }
|
| 89 |
|
| 90 | h6 {
|
| 91 | margin-bottom: calc(var(--font-size-body-2, 14px)*var(--typo-margin-bottom, 0.5));
|
| 92 | font-size: var(--font-size-body-1, 12px);
|
| 93 | font-weight: var(--font-weight-medium, 500);
|
| 94 | line-height: 20px; }
|
| 95 |
|
| 96 | p {
|
| 97 | margin-bottom: calc(var(--font-size-body-1, 12px)*var(--typo-margin-bottom, 0.5));
|
| 98 | font-size: var(--font-size-body-1, 12px);
|
| 99 | font-weight: var(--font-weight-2, normal);
|
| 100 | line-height: 20px; }
|
| 101 |
|
| 102 | strong {
|
| 103 | font-weight: 500; }
|
| 104 |
|
| 105 | small {
|
| 106 | font-size: 75%; }
|