Skip to content

dev / pingan-life-index-pro

Go to a project
Toggle navigation
Toggle navigation pinning
3df9731a by simon
Options

默认提交

1 parent 0dc2efb3
Inline Side-by-side
Showing 35 changed files with 395 additions and 129 deletions
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <html lang="en"> 2 <html >
3 3
4 <head> 4 <head>
5 <meta charset="utf-8"> 5 <meta charset="utf-8">
......
1 <template> 1 <template>
2 <div id="app"> 2 <div id="app" :lang="lang">
3 <v-header class="header"></v-header> 3 <v-header class="header"></v-header>
4 <main ref="container" class="main-container"> 4 <main ref="container" class="main-container">
5 <router-view /> 5 <router-view />
...@@ -30,6 +30,11 @@ export default { ...@@ -30,6 +30,11 @@ export default {
30 VFooter, 30 VFooter,
31 VhisModal 31 VhisModal
32 }, 32 },
33 data() {
34 return {
35 lang: "zh"
36 };
37 },
33 computed: { 38 computed: {
34 ...mapState({ 39 ...mapState({
35 isMobile: state => state.isMobile 40 isMobile: state => state.isMobile
...@@ -64,6 +69,7 @@ export default { ...@@ -64,6 +69,7 @@ export default {
64 } 69 }
65 }, 70 },
66 created() { 71 created() {
72 this.lang = this.$i18n.locale == "en" ? "en" : "zh";
67 // window.onresize = () => { 73 // window.onresize = () => {
68 // this.refreshUA(); 74 // this.refreshUA();
69 // }; 75 // };
......
...@@ -95,7 +95,6 @@ input { ...@@ -95,7 +95,6 @@ input {
95 align-items: center; 95 align-items: center;
96 justify-content: center; 96 justify-content: center;
97 font-weight: 600; 97 font-weight: 600;
98 letter-spacing: .25rem;
99 98
100 .t1 { 99 .t1 {
101 font-size: 36px; 100 font-size: 36px;
...@@ -104,6 +103,10 @@ input { ...@@ -104,6 +103,10 @@ input {
104 103
105 } 104 }
106 105
106 .title:lang(zh) {
107 letter-spacing: .25rem;
108 }
109
107 .default-mt { 110 .default-mt {
108 margin-top: 48px; 111 margin-top: 48px;
109 } 112 }
...@@ -316,6 +319,10 @@ input { ...@@ -316,6 +319,10 @@ input {
316 min-width: 30%; 319 min-width: 30%;
317 justify-content: flex-start; 320 justify-content: flex-start;
318 padding-left: 5px; 321 padding-left: 5px;
322
323 }
324
325 .label:lang(zh) {
319 letter-spacing: .25rem; 326 letter-spacing: .25rem;
320 } 327 }
321 328
...@@ -383,7 +390,6 @@ input { ...@@ -383,7 +390,6 @@ input {
383 width: 215px; 390 width: 215px;
384 padding-left: 52px; 391 padding-left: 52px;
385 padding-right: 5px; 392 padding-right: 5px;
386 letter-spacing: .25rem;
387 font-size: 20px; 393 font-size: 20px;
388 394
389 .main-label { 395 .main-label {
...@@ -393,6 +399,10 @@ input { ...@@ -393,6 +399,10 @@ input {
393 } 399 }
394 } 400 }
395 401
402 .label:lang(zh) {
403 letter-spacing: .25rem;
404 }
405
396 .date-container { 406 .date-container {
397 width: 60%; 407 width: 60%;
398 position: relative; 408 position: relative;
...@@ -463,7 +473,6 @@ input { ...@@ -463,7 +473,6 @@ input {
463 &-item { 473 &-item {
464 position: relative; 474 position: relative;
465 line-height: 2; 475 line-height: 2;
466 letter-spacing: 1.2px;
467 margin-bottom: 1rem; 476 margin-bottom: 1rem;
468 477
469 &-icon { 478 &-icon {
...@@ -472,6 +481,11 @@ input { ...@@ -472,6 +481,11 @@ input {
472 top: .6rem; 481 top: .6rem;
473 } 482 }
474 } 483 }
484
485 &-item:lang(zh) {
486 letter-spacing: 1.2px;
487 }
488
475 } 489 }
476 490
477 .en { 491 .en {
......
...@@ -67,6 +67,9 @@ ...@@ -67,6 +67,9 @@
67 67
68 .lsp { 68 .lsp {
69 line-height: 1.4; 69 line-height: 1.4;
70 }
71
72 .lsp:lang(zh) {
70 letter-spacing: 0.7px; 73 letter-spacing: 0.7px;
71 } 74 }
72 } 75 }
......
...@@ -75,6 +75,9 @@ ...@@ -75,6 +75,9 @@
75 75
76 .lsp { 76 .lsp {
77 line-height: 1.4; 77 line-height: 1.4;
78 }
79
80 .lsp:lang(zh) {
78 letter-spacing: 0.7px; 81 letter-spacing: 0.7px;
79 } 82 }
80 83
......
...@@ -72,20 +72,24 @@ $borderSize: 6px; ...@@ -72,20 +72,24 @@ $borderSize: 6px;
72 72
73 .clarms-t1 { 73 .clarms-t1 {
74 font-size: 22px; 74 font-size: 22px;
75 letter-spacing: 1.1px;
76 color: $cOrange2; 75 color: $cOrange2;
77 } 76 }
78 77
78 .clarms-t1:lang(zh) {
79 letter-spacing: 1.1px;
80 }
81
79 .clarms-t2 { 82 .clarms-t2 {
80 color: $cFontGray2; 83 color: $cFontGray2;
81 letter-spacing: 0.9px;
82 font-size: 18px; 84 font-size: 18px;
83 margin-top: 6px; 85 margin-top: 6px;
84 } 86 }
85 }
86
87 87
88 .clarms-t2:lang(zh) {
89 letter-spacing: 0.9px;
90 }
88 91
92 }
89 93
90 .clarms-btn { 94 .clarms-btn {
91 95
...@@ -96,11 +100,14 @@ $borderSize: 6px; ...@@ -96,11 +100,14 @@ $borderSize: 6px;
96 line-height: 50px; 100 line-height: 50px;
97 text-align: center; 101 text-align: center;
98 color: #ffffff; 102 color: #ffffff;
99 letter-spacing: 1.1px;
100 font-size: 18px; 103 font-size: 18px;
101 cursor: pointer; 104 cursor: pointer;
102 } 105 }
103 106
107 .clarms-btn:lang(zh) {
108 letter-spacing: 1.1px;
109 }
110
104 .line { 111 .line {
105 @extend .bb; 112 @extend .bb;
106 padding: 0 24px; 113 padding: 0 24px;
...@@ -190,7 +197,7 @@ $borderSize: 6px; ...@@ -190,7 +197,7 @@ $borderSize: 6px;
190 padding: 0; 197 padding: 0;
191 } 198 }
192 199
193 .clarms-btn{ 200 .clarms-btn {
194 margin: 20px 0; 201 margin: 20px 0;
195 width: 100%; 202 width: 100%;
196 } 203 }
......
...@@ -39,11 +39,14 @@ $borderRadius:6px; ...@@ -39,11 +39,14 @@ $borderRadius:6px;
39 color: $cOrange2; 39 color: $cOrange2;
40 text-align: center; 40 text-align: center;
41 margin: 1.666667rem auto 0 auto; 41 margin: 1.666667rem auto 0 auto;
42 letter-spacing: 1.1px;
43 42
44 span {} 43 span {}
45 } 44 }
46 45
46 .title:lang(zh) {
47 letter-spacing: 1.1px;
48 }
49
47 .default-mt { 50 .default-mt {
48 margin-top: 50px; 51 margin-top: 50px;
49 } 52 }
...@@ -121,6 +124,9 @@ $borderRadius:6px; ...@@ -121,6 +124,9 @@ $borderRadius:6px;
121 width: 140px; 124 width: 140px;
122 justify-content: flex-start; 125 justify-content: flex-start;
123 padding-left: 5px; 126 padding-left: 5px;
127 }
128
129 .label:lang(zh) {
124 letter-spacing: .25rem; 130 letter-spacing: .25rem;
125 } 131 }
126 132
...@@ -198,13 +204,16 @@ $borderRadius:6px; ...@@ -198,13 +204,16 @@ $borderRadius:6px;
198 align-items: center; 204 align-items: center;
199 width: 25%; 205 width: 25%;
200 padding-left: 5px; 206 padding-left: 5px;
201 letter-spacing: .25rem;
202 207
203 .main-label { 208 .main-label {
204 color: $cOrange2; 209 color: $cOrange2;
205 } 210 }
206 } 211 }
207 212
213 .label:lang(zh) {
214 letter-spacing: .25rem;
215 }
216
208 .date-container { 217 .date-container {
209 width: 60%; 218 width: 60%;
210 position: relative; 219 position: relative;
...@@ -268,7 +277,6 @@ $borderRadius:6px; ...@@ -268,7 +277,6 @@ $borderRadius:6px;
268 &-item { 277 &-item {
269 position: relative; 278 position: relative;
270 line-height: 2; 279 line-height: 2;
271 letter-spacing: 1.2px;
272 margin-bottom: 1rem; 280 margin-bottom: 1rem;
273 281
274 &-icon { 282 &-icon {
...@@ -277,6 +285,10 @@ $borderRadius:6px; ...@@ -277,6 +285,10 @@ $borderRadius:6px;
277 top: .6rem; 285 top: .6rem;
278 } 286 }
279 } 287 }
288
289 &-item:lang(zh) {
290 letter-spacing: 1.2px;
291 }
280 } 292 }
281 293
282 294
......
...@@ -126,7 +126,7 @@ ...@@ -126,7 +126,7 @@
126 cursor: default !important; 126 cursor: default !important;
127 } 127 }
128 128
129 .gray{ 129 .gray {
130 color: #dcdddd !important; 130 color: #dcdddd !important;
131 } 131 }
132 132
...@@ -139,6 +139,9 @@ ...@@ -139,6 +139,9 @@
139 // input和下拉 139 // input和下拉
140 .ipt { 140 .ipt {
141 flex: 1; 141 flex: 1;
142 }
143
144 .ipt:lang(zh) {
142 letter-spacing: .1rem; 145 letter-spacing: .1rem;
143 } 146 }
144 147
...@@ -190,7 +193,7 @@ ...@@ -190,7 +193,7 @@
190 } 193 }
191 } 194 }
192 195
193 .readonly{ 196 .readonly {
194 z-index: 1; 197 z-index: 1;
195 } 198 }
196 199
......
...@@ -92,6 +92,9 @@ export default { ...@@ -92,6 +92,9 @@ export default {
92 let list = []; 92 let list = [];
93 if (this.userInfo && this.userInfo.name) { 93 if (this.userInfo && this.userInfo.name) {
94 menuData.name = this.userInfo.name; 94 menuData.name = this.userInfo.name;
95 if (this.$i18n.locale == "en" && this.userInfo.nameEn) {
96 menuData.name = this.userInfo.nameEn;
97 }
95 menuData.list.forEach(element => { 98 menuData.list.forEach(element => {
96 if (element.type == "auth") { 99 if (element.type == "auth") {
97 list.push(element); 100 list.push(element);
......
...@@ -64,13 +64,16 @@ ...@@ -64,13 +64,16 @@
64 height: 100%; 64 height: 100%;
65 overflow-y: scroll; 65 overflow-y: scroll;
66 line-height: 2; 66 line-height: 2;
67 letter-spacing: 1.2px;
68 padding-right: 16px; 67 padding-right: 16px;
69 68
70 .t1 { 69 .t1 {
71 font-weight: bold; 70 font-weight: bold;
72 } 71 }
73 } 72 }
73
74 &-desc :lang(zh) {
75 letter-spacing: 1.2px;
76 }
74 } 77 }
75 78
76 &-btn-wrap { 79 &-btn-wrap {
......
...@@ -68,8 +68,12 @@ ...@@ -68,8 +68,12 @@
68 68
69 .lsp { 69 .lsp {
70 line-height: 1.4; 70 line-height: 1.4;
71 }
72
73 .lsp:lang(zh) {
71 letter-spacing: 0.7px; 74 letter-spacing: 0.7px;
72 } 75 }
76
73 } 77 }
74 78
75 79
......
...@@ -73,13 +73,16 @@ $borderRadius:6px; ...@@ -73,13 +73,16 @@ $borderRadius:6px;
73 padding-bottom: 88px; 73 padding-bottom: 88px;
74 74
75 .notice { 75 .notice {
76 letter-spacing: 2.2px;
77 font-size: 0; 76 font-size: 0;
78 77
79 span { 78 span {
80 font-size: 22px; 79 font-size: 22px;
81 } 80 }
82 } 81 }
82
83 .notice:lang(zh) {
84 letter-spacing: 2.2px;
85 }
83 } 86 }
84 87
85 .title { 88 .title {
...@@ -87,14 +90,15 @@ $borderRadius:6px; ...@@ -87,14 +90,15 @@ $borderRadius:6px;
87 font-size: 36px; 90 font-size: 36px;
88 color: $cOrange2; 91 color: $cOrange2;
89 font-weight: bold; 92 font-weight: bold;
93 }
94
95 .title:lang(zh) {
90 letter-spacing: 2.45px; 96 letter-spacing: 2.45px;
91 // padding:0 92px;
92 } 97 }
93 98
94 .desc { 99 .desc {
95 text-align: left; 100 text-align: left;
96 line-height: 1.82; 101 line-height: 1.82;
97 letter-spacing: 3.6px;
98 @extend .text-jtf; 102 @extend .text-jtf;
99 103
100 span { 104 span {
...@@ -102,11 +106,14 @@ $borderRadius:6px; ...@@ -102,11 +106,14 @@ $borderRadius:6px;
102 } 106 }
103 } 107 }
104 108
109 .desc:lang(zh) {
110 letter-spacing: 3.6px;
111 }
112
105 .value { 113 .value {
106 flex: 1; 114 flex: 1;
107 text-align: left; 115 text-align: left;
108 line-height: 1.82; 116 line-height: 1.82;
109 letter-spacing: 3.6px;
110 font-size: 0; 117 font-size: 0;
111 118
112 span { 119 span {
...@@ -114,7 +121,11 @@ $borderRadius:6px; ...@@ -114,7 +121,11 @@ $borderRadius:6px;
114 } 121 }
115 } 122 }
116 123
117 .ltz{ 124 .value:lang(zh) {
125 letter-spacing: 3.6px;
126 }
127
128 .ltz {
118 letter-spacing: 0; 129 letter-spacing: 0;
119 } 130 }
120 131
...@@ -155,7 +166,7 @@ $borderRadius:6px; ...@@ -155,7 +166,7 @@ $borderRadius:6px;
155 justify-content: center; 166 justify-content: center;
156 width: 100%; 167 width: 100%;
157 height: 100%; 168 height: 100%;
158 letter-spacing: 1.4px; 169
159 font-weight: bold; 170 font-weight: bold;
160 color: $cOrange2; 171 color: $cOrange2;
161 172
...@@ -163,7 +174,10 @@ $borderRadius:6px; ...@@ -163,7 +174,10 @@ $borderRadius:6px;
163 height: 47px; 174 height: 47px;
164 margin-right: 52px; 175 margin-right: 52px;
165 } 176 }
177 }
166 178
179 .cont:lang(zh) {
180 letter-spacing: 1.4px;
167 } 181 }
168 } 182 }
169 } 183 }
...@@ -198,10 +212,13 @@ $borderRadius:6px; ...@@ -198,10 +212,13 @@ $borderRadius:6px;
198 color: #ffffff; 212 color: #ffffff;
199 font-weight: bold; 213 font-weight: bold;
200 cursor: pointer; 214 cursor: pointer;
201 letter-spacing: 1.1px;
202 margin: 0 25px; 215 margin: 0 25px;
203 } 216 }
204 217
218 .submit-btn:lang(zh) {
219 letter-spacing: 1.1px;
220 }
221
205 .contact { 222 .contact {
206 margin: 50px auto 0; 223 margin: 50px auto 0;
207 font-weight: bold; 224 font-weight: bold;
...@@ -363,6 +380,6 @@ $borderRadius:6px; ...@@ -363,6 +380,6 @@ $borderRadius:6px;
363 display: none; 380 display: none;
364 } 381 }
365 382
366 .comp{ 383 .comp {
367 -ms-overflow-style: none; 384 -ms-overflow-style: none;
368 } 385 }
......
...@@ -58,9 +58,12 @@ input { ...@@ -58,9 +58,12 @@ input {
58 color: #ff6839; 58 color: #ff6839;
59 font-size: 48px; 59 font-size: 48px;
60 font-weight: bold; 60 font-weight: bold;
61 letter-spacing: 2.45px;
62 background-color: #ffffff; 61 background-color: #ffffff;
63 } 62 }
63
64 .tt:lang(zh) {
65 letter-spacing: 2.45px;
66 }
64 } 67 }
65 } 68 }
66 69
...@@ -211,6 +214,9 @@ input { ...@@ -211,6 +214,9 @@ input {
211 margin-top: .833333rem; 214 margin-top: .833333rem;
212 text-align: center; 215 text-align: center;
213 width: 8.333333rem; 216 width: 8.333333rem;
217 }
218
219 .tip:lang(zh) {
214 letter-spacing: 1px; 220 letter-spacing: 1px;
215 } 221 }
216 222
...@@ -329,9 +335,14 @@ input { ...@@ -329,9 +335,14 @@ input {
329 min-width: 30%; 335 min-width: 30%;
330 justify-content: flex-start; 336 justify-content: flex-start;
331 padding-left: 5px; 337 padding-left: 5px;
338
339 }
340
341 .label:lang(zh) {
332 letter-spacing: .25rem; 342 letter-spacing: .25rem;
333 } 343 }
334 344
345
335 .ipt-wrap { 346 .ipt-wrap {
336 width: 70%; 347 width: 70%;
337 position: relative; 348 position: relative;
...@@ -394,13 +405,16 @@ input { ...@@ -394,13 +405,16 @@ input {
394 align-items: center; 405 align-items: center;
395 width: 25%; 406 width: 25%;
396 padding-left: 5px; 407 padding-left: 5px;
397 letter-spacing: .25rem;
398 408
399 .main-label { 409 .main-label {
400 color: $cOrange; 410 color: $cOrange;
401 } 411 }
402 } 412 }
403 413
414 .label:lang(zh) {
415 letter-spacing: .25rem;
416 }
417
404 .date-container { 418 .date-container {
405 width: 60%; 419 width: 60%;
406 position: relative; 420 position: relative;
...@@ -464,7 +478,7 @@ input { ...@@ -464,7 +478,7 @@ input {
464 &-item { 478 &-item {
465 position: relative; 479 position: relative;
466 line-height: 2; 480 line-height: 2;
467 letter-spacing: 1.2px; 481
468 margin-bottom: 1rem; 482 margin-bottom: 1rem;
469 483
470 &-icon { 484 &-icon {
...@@ -473,8 +487,11 @@ input { ...@@ -473,8 +487,11 @@ input {
473 top: .6rem; 487 top: .6rem;
474 } 488 }
475 } 489 }
476 }
477 490
491 &-item:lang(zh) {
492 letter-spacing: .25rem;
493 }
494 }
478 495
479 496
480 @media (max-width: 1200px) { 497 @media (max-width: 1200px) {
......
...@@ -14,7 +14,7 @@ input { ...@@ -14,7 +14,7 @@ input {
14 color: #747474; 14 color: #747474;
15 } 15 }
16 16
17 .submit-btn{ 17 .submit-btn {
18 background: url("~@assets/images/vhis/vhis-btn.png"); 18 background: url("~@assets/images/vhis/vhis-btn.png");
19 background-size: 100% 100%; 19 background-size: 100% 100%;
20 background-repeat: no-repeat; 20 background-repeat: no-repeat;
...@@ -26,7 +26,7 @@ input { ...@@ -26,7 +26,7 @@ input {
26 cursor: pointer; 26 cursor: pointer;
27 margin: 2.5rem auto; 27 margin: 2.5rem auto;
28 text-align: center; 28 text-align: center;
29 } 29 }
30 30
31 .reservation-container { 31 .reservation-container {
32 @extend .fcc; 32 @extend .fcc;
...@@ -68,6 +68,7 @@ input { ...@@ -68,6 +68,7 @@ input {
68 .check-item { 68 .check-item {
69 display: flex; 69 display: flex;
70 align-items: center; 70 align-items: center;
71
71 span { 72 span {
72 margin-left: .833333rem; 73 margin-left: .833333rem;
73 } 74 }
...@@ -90,7 +91,7 @@ input { ...@@ -90,7 +91,7 @@ input {
90 margin: 1.666667rem auto 0 auto; 91 margin: 1.666667rem auto 0 auto;
91 92
92 select { 93 select {
93 padding: 0 1.25rem ; 94 padding: 0 1.25rem;
94 border: none; 95 border: none;
95 border-bottom: .083333rem solid #666666; 96 border-bottom: .083333rem solid #666666;
96 color: #666666; 97 color: #666666;
...@@ -101,7 +102,7 @@ input { ...@@ -101,7 +102,7 @@ input {
101 margin-top: 2.666667rem; 102 margin-top: 2.666667rem;
102 } 103 }
103 104
104 .submit-btn{ 105 .submit-btn {
105 margin: 2.5rem auto 1rem; 106 margin: 2.5rem auto 1rem;
106 } 107 }
107 108
...@@ -129,7 +130,7 @@ input { ...@@ -129,7 +130,7 @@ input {
129 } 130 }
130 131
131 img { 132 img {
132 width: 1.666667rem ; 133 width: 1.666667rem;
133 } 134 }
134 } 135 }
135 136
...@@ -161,52 +162,56 @@ input { ...@@ -161,52 +162,56 @@ input {
161 .tip { 162 .tip {
162 color: $cOrange; 163 color: $cOrange;
163 font-size: 1rem; 164 font-size: 1rem;
164 margin-top: .833333rem ; 165 margin-top: .833333rem;
165 text-align: center; 166 text-align: center;
166 width: 8.333333rem ; 167 width: 8.333333rem;
168 }
169
170 .tip:lang(zh) {
167 letter-spacing: 1px; 171 letter-spacing: 1px;
168 } 172 }
169 173
170 .upload-icon-1 { 174 .upload-icon-1 {
171 width: 8.333333rem ; 175 width: 8.333333rem;
172 height: 8.333333rem ; 176 height: 8.333333rem;
173 background: url("~@/assets/images/clarms/icon1.png"); 177 background: url("~@/assets/images/clarms/icon1.png");
174 background-size: 100% 100%; 178 background-size: 100% 100%;
175 } 179 }
176 180
177 .upload-icon-2 { 181 .upload-icon-2 {
178 width: 8.333333rem ; 182 width: 8.333333rem;
179 height: 8.333333rem ; 183 height: 8.333333rem;
180 background: url("~@/assets/images/clarms/icon2.png"); 184 background: url("~@/assets/images/clarms/icon2.png");
181 background-size: 100% 100%; 185 background-size: 100% 100%;
182 } 186 }
183 187
184 .upload-icon-3 { 188 .upload-icon-3 {
185 width: 8.333333rem ; 189 width: 8.333333rem;
186 height: 8.333333rem ; 190 height: 8.333333rem;
187 background: url("~@/assets/images/clarms/icon3.png"); 191 background: url("~@/assets/images/clarms/icon3.png");
188 background-size: 100% 100%; 192 background-size: 100% 100%;
189 } 193 }
190 194
191 .upload-icon-4 { 195 .upload-icon-4 {
192 width: 8.333333rem ; 196 width: 8.333333rem;
193 height: 8.333333rem ; 197 height: 8.333333rem;
194 background: url("~@/assets/images/clarms/icon4.png"); 198 background: url("~@/assets/images/clarms/icon4.png");
195 background-size: 100% 100%; 199 background-size: 100% 100%;
196 } 200 }
197 201
198 .upload-icon-5 { 202 .upload-icon-5 {
199 width: 8.333333rem ; 203 width: 8.333333rem;
200 height: 8.333333rem ; 204 height: 8.333333rem;
201 background: url("~@/assets/images/clarms/icon5.png"); 205 background: url("~@/assets/images/clarms/icon5.png");
202 background-size: 100% 100%; 206 background-size: 100% 100%;
203 } 207 }
204 } 208 }
205 209
206 .bottom-tip { 210 .bottom-tip {
207 font-size: .833333rem ; 211 font-size: .833333rem;
208 display: flex; 212 display: flex;
209 align-items: center; 213 align-items: center;
214
210 span { 215 span {
211 margin-left: 1.3rem; 216 margin-left: 1.3rem;
212 } 217 }
...@@ -218,7 +223,7 @@ input { ...@@ -218,7 +223,7 @@ input {
218 223
219 hr { 224 hr {
220 border-top: 1px solid #eee; 225 border-top: 1px solid #eee;
221 margin-top: 2.5rem ; 226 margin-top: 2.5rem;
222 } 227 }
223 228
224 .tips { 229 .tips {
...@@ -231,7 +236,7 @@ input { ...@@ -231,7 +236,7 @@ input {
231 } 236 }
232 237
233 span { 238 span {
234 font-size: 1rem ; 239 font-size: 1rem;
235 margin-left: .833333rem; 240 margin-left: .833333rem;
236 color: $cOrange; 241 color: $cOrange;
237 } 242 }
...@@ -243,7 +248,7 @@ input { ...@@ -243,7 +248,7 @@ input {
243 color: $cOrange; 248 color: $cOrange;
244 font-weight: 600; 249 font-weight: 600;
245 } 250 }
246 } 251 }
247 252
248 253
249 .form { 254 .form {
...@@ -252,7 +257,7 @@ input { ...@@ -252,7 +257,7 @@ input {
252 flex-wrap: wrap; 257 flex-wrap: wrap;
253 258
254 &-name { 259 &-name {
255 font-size: 1.333333rem ; 260 font-size: 1.333333rem;
256 font-weight: 600; 261 font-weight: 600;
257 text-align: left; 262 text-align: left;
258 color: $cOrange; 263 color: $cOrange;
...@@ -262,7 +267,7 @@ input { ...@@ -262,7 +267,7 @@ input {
262 .ipt-date { 267 .ipt-date {
263 width: 100%; 268 width: 100%;
264 border: 1px solid $cOrange !important; 269 border: 1px solid $cOrange !important;
265 border-radius: .416667rem ; 270 border-radius: .416667rem;
266 height: 3rem; 271 height: 3rem;
267 align-items: center; 272 align-items: center;
268 padding-left: .833333rem; 273 padding-left: .833333rem;
...@@ -281,6 +286,9 @@ input { ...@@ -281,6 +286,9 @@ input {
281 min-width: 30%; 286 min-width: 30%;
282 justify-content: flex-start; 287 justify-content: flex-start;
283 padding-left: 5px; 288 padding-left: 5px;
289 }
290
291 .label:lang(zh) {
284 letter-spacing: .25rem; 292 letter-spacing: .25rem;
285 } 293 }
286 294
...@@ -291,9 +299,9 @@ input { ...@@ -291,9 +299,9 @@ input {
291 // input和下拉 299 // input和下拉
292 .ipt { 300 .ipt {
293 border: 1px solid $cOrange !important; 301 border: 1px solid $cOrange !important;
294 border-radius: .416667rem ; 302 border-radius: .416667rem;
295 height: 3rem; 303 height: 3rem;
296 display:flex; 304 display: flex;
297 align-items: center; 305 align-items: center;
298 } 306 }
299 307
...@@ -346,13 +354,16 @@ input { ...@@ -346,13 +354,16 @@ input {
346 align-items: center; 354 align-items: center;
347 width: 25%; 355 width: 25%;
348 padding-left: 5px; 356 padding-left: 5px;
349 letter-spacing: .25rem;
350 357
351 .main-label { 358 .main-label {
352 color: $cOrange; 359 color: $cOrange;
353 } 360 }
354 } 361 }
355 362
363 .label:lang(zh) {
364 letter-spacing: .25rem;
365 }
366
356 .date-container { 367 .date-container {
357 width: 60%; 368 width: 60%;
358 position: relative; 369 position: relative;
...@@ -361,14 +372,15 @@ input { ...@@ -361,14 +372,15 @@ input {
361 .value { 372 .value {
362 width: 75%; 373 width: 75%;
363 position: relative; 374 position: relative;
375
364 .ipt-wrap { 376 .ipt-wrap {
365 377
366 // input和下拉 378 // input和下拉
367 .ipt { 379 .ipt {
368 border: 1px solid $cOrange !important; 380 border: 1px solid $cOrange !important;
369 border-radius: .416667rem ; 381 border-radius: .416667rem;
370 height: 3rem; 382 height: 3rem;
371 display:flex; 383 display: flex;
372 align-items: center; 384 align-items: center;
373 } 385 }
374 386
...@@ -377,9 +389,9 @@ input { ...@@ -377,9 +389,9 @@ input {
377 width: 100%; 389 width: 100%;
378 border-bottom: 1px solid #ccc; 390 border-bottom: 1px solid #ccc;
379 height: 3rem; 391 height: 3rem;
380 display:flex; 392 display: flex;
381 align-items: center; 393 align-items: center;
382 margin-bottom: .833333rem ; 394 margin-bottom: .833333rem;
383 } 395 }
384 396
385 // 长文本 397 // 长文本
...@@ -415,7 +427,6 @@ input { ...@@ -415,7 +427,6 @@ input {
415 &-item { 427 &-item {
416 position: relative; 428 position: relative;
417 line-height: 2; 429 line-height: 2;
418 letter-spacing: 1.2px;
419 margin-bottom: 1rem; 430 margin-bottom: 1rem;
420 431
421 &-icon { 432 &-icon {
...@@ -424,32 +435,11 @@ input { ...@@ -424,32 +435,11 @@ input {
424 top: .6rem; 435 top: .6rem;
425 } 436 }
426 } 437 }
427 }
428
429 // .submit-btn {
430 // width: 13.583333rem;
431 // height: 4.083333rem;
432 // margin: 2.5rem auto;
433 // line-height: 4.083333rem;
434 // box-shadow: 0px 10px 13px 0 rgba(236, 100, 41, 0.2);
435 // background-blend-mode: soft-light, ;
436 // background-image: linear-gradient(to bottom, #ec6429, #ec6429), linear-gradient(to top, #000000, #ffffff);
437 // // background-image: linear-gradient(to top, #000000, #ffffff), linear-gradient(to bottom, #ec6429, #ec6429);
438 // text-align: center;
439 // font-size: $fontSize;
440 // letter-spacing: .129167rem;
441 // color: #ffffff;
442 // border-radius: 3.5rem;
443 // cursor: pointer;
444 // border: none;
445 // color: #ffffff;
446 // background-color: $cOrange;
447 // box-shadow: 0px 10px 13px 0 rgba(236, 100, 41, 0.2);
448 // background-blend-mode: soft-light, ;
449 // background-image: linear-gradient(to bottom, #ec6429, #ec6429), linear-gradient(to top, #000000, #ffffff);
450 // // background-image: linear-gradient(to top, #000000, #ffffff), linear-gradient(to bottom, #ec6429, #ec6429);
451 // }
452 438
439 &-item:lang(zh) {
440 letter-spacing: 1.2px;
441 }
442 }
453 443
454 @media (max-width: 1200px) { 444 @media (max-width: 1200px) {
455 .mobile-margin { 445 .mobile-margin {
...@@ -465,6 +455,7 @@ input { ...@@ -465,6 +455,7 @@ input {
465 .form { 455 .form {
466 &-item { 456 &-item {
467 width: 100%; 457 width: 100%;
458
468 .label { 459 .label {
469 min-width: 30%; 460 min-width: 30%;
470 } 461 }
...@@ -512,6 +503,7 @@ input { ...@@ -512,6 +503,7 @@ input {
512 .label { 503 .label {
513 width: 30%; 504 width: 30%;
514 } 505 }
506
515 .value { 507 .value {
516 width: 70%; 508 width: 70%;
517 } 509 }
......
...@@ -13,11 +13,13 @@ ...@@ -13,11 +13,13 @@
13 height: 3.25rem; 13 height: 3.25rem;
14 color: #ffffff; 14 color: #ffffff;
15 font-weight: bold; 15 font-weight: bold;
16 letter-spacing: .1rem;
17
18 &-item {} 16 &-item {}
19 } 17 }
20 18
19 &-header:lang(zh) {
20 letter-spacing: .1rem;
21 }
22
21 &-content { 23 &-content {
22 color: $cFontGray; 24 color: $cFontGray;
23 background-color: #f2f2f2; 25 background-color: #f2f2f2;
......
...@@ -144,10 +144,11 @@ ...@@ -144,10 +144,11 @@
144 margin-left: 1.75rem; 144 margin-left: 1.75rem;
145 145
146 input { 146 input {
147 // font-size: 1.166667rem;
148 letter-spacing: .116667rem;
149 color: #4c4948; 147 color: #4c4948;
150 // font-family: Arial; 148 }
149
150 input:lang(zh) {
151 letter-spacing: .116667rem;
151 } 152 }
152 } 153 }
153 154
...@@ -190,7 +191,6 @@ ...@@ -190,7 +191,6 @@
190 &-item { 191 &-item {
191 position: relative; 192 position: relative;
192 line-height: 2; 193 line-height: 2;
193 letter-spacing: 1.2px;
194 margin-bottom: 1rem; 194 margin-bottom: 1rem;
195 195
196 &-icon { 196 &-icon {
...@@ -199,6 +199,10 @@ ...@@ -199,6 +199,10 @@
199 top: .6rem; 199 top: .6rem;
200 } 200 }
201 } 201 }
202
203 &-item:lang(zh) {
204 letter-spacing: 1.2px;
205 }
202 } 206 }
203 207
204 .submit-btn { 208 .submit-btn {
...@@ -212,7 +216,6 @@ ...@@ -212,7 +216,6 @@
212 background-image: linear-gradient(to bottom, #ec6429, #ec6429), linear-gradient(to top, #000000, #ffffff); 216 background-image: linear-gradient(to bottom, #ec6429, #ec6429), linear-gradient(to top, #000000, #ffffff);
213 text-align: center; 217 text-align: center;
214 font-size: 1.291667rem; 218 font-size: 1.291667rem;
215 letter-spacing: .129167rem;
216 color: #ffffff; 219 color: #ffffff;
217 border-radius: 3.5rem; 220 border-radius: 3.5rem;
218 cursor: pointer; 221 cursor: pointer;
...@@ -225,6 +228,10 @@ ...@@ -225,6 +228,10 @@
225 // background-image: linear-gradient(to top, #000000, #ffffff), linear-gradient(to bottom, #ec6429, #ec6429); 228 // background-image: linear-gradient(to top, #000000, #ffffff), linear-gradient(to bottom, #ec6429, #ec6429);
226 } 229 }
227 230
231 .submit-btn:lang(zh) {
232 letter-spacing: .129167rem;
233 }
234
228 @media (max-width: 768px) { 235 @media (max-width: 768px) {
229 .form { 236 .form {
230 display: block; 237 display: block;
......
...@@ -120,7 +120,6 @@ ...@@ -120,7 +120,6 @@
120 background-image: linear-gradient(to top, #000000, #ffffff), linear-gradient(to bottom, #ec6429, #ec6429); 120 background-image: linear-gradient(to top, #000000, #ffffff), linear-gradient(to bottom, #ec6429, #ec6429);
121 text-align: center; 121 text-align: center;
122 font-size: 1.291667rem; 122 font-size: 1.291667rem;
123 letter-spacing: .129167rem;
124 color: #ffffff; 123 color: #ffffff;
125 border-radius: 3.5rem; 124 border-radius: 3.5rem;
126 cursor: pointer; 125 cursor: pointer;
...@@ -132,6 +131,10 @@ ...@@ -132,6 +131,10 @@
132 background-image: linear-gradient(to top, #000000, #ffffff), linear-gradient(to bottom, #ec6429, #ec6429); 131 background-image: linear-gradient(to top, #000000, #ffffff), linear-gradient(to bottom, #ec6429, #ec6429);
133 } 132 }
134 133
134 .submit-btn:lang(zh) {
135 letter-spacing: .129167rem;
136 }
137
135 @media (max-width: 1200px) { 138 @media (max-width: 1200px) {
136 .container { 139 .container {
137 display: -webkit-box; 140 display: -webkit-box;
......
...@@ -13,11 +13,15 @@ ...@@ -13,11 +13,15 @@
13 height: 3.25rem; 13 height: 3.25rem;
14 color: #ffffff; 14 color: #ffffff;
15 font-weight: bold; 15 font-weight: bold;
16 letter-spacing: .1rem;
17 16
18 &-item {} 17 &-item {}
19 } 18 }
20 19
20 &-header:lang(zh) {
21 letter-spacing: .1rem;
22 }
23
24
21 &-content { 25 &-content {
22 color: $cFontGray; 26 color: $cFontGray;
23 text-align: center; 27 text-align: center;
......
...@@ -23,13 +23,16 @@ ...@@ -23,13 +23,16 @@
23 height: 3.25rem; 23 height: 3.25rem;
24 color: #ffffff; 24 color: #ffffff;
25 font-weight: bold; 25 font-weight: bold;
26 letter-spacing: .1rem;
27 26
28 &-item { 27 &-item {
29 @extend .bb; 28 @extend .bb;
30 padding: 0 2rem; 29 padding: 0 2rem;
31 } 30 }
32 } 31 }
32
33 &-header:lang(zh) {
34 letter-spacing: .1rem;
35 }
33 } 36 }
34 37
35 38
...@@ -168,7 +171,6 @@ ...@@ -168,7 +171,6 @@
168 background-blend-mode: soft-light, ; 171 background-blend-mode: soft-light, ;
169 background-image: linear-gradient(to top, #000000, #ffffff), linear-gradient(to bottom, #ec6429, #ec6429); 172 background-image: linear-gradient(to top, #000000, #ffffff), linear-gradient(to bottom, #ec6429, #ec6429);
170 text-align: center; 173 text-align: center;
171 letter-spacing: .129167rem;
172 color: #ffffff; 174 color: #ffffff;
173 border-radius: 3.5rem; 175 border-radius: 3.5rem;
174 cursor: pointer; 176 cursor: pointer;
...@@ -180,6 +182,10 @@ ...@@ -180,6 +182,10 @@
180 background-image: linear-gradient(to top, #000000, #ffffff), linear-gradient(to bottom, #ec6429, #ec6429); 182 background-image: linear-gradient(to top, #000000, #ffffff), linear-gradient(to bottom, #ec6429, #ec6429);
181 } 183 }
182 184
185 .submit-btn :lang(zh) {
186 letter-spacing: .129167rem;
187 }
188
183 189
184 @media (max-width: 1200px) { 190 @media (max-width: 1200px) {
185 .container { 191 .container {
......
...@@ -126,19 +126,18 @@ input { ...@@ -126,19 +126,18 @@ input {
126 align-items: center; 126 align-items: center;
127 flex-wrap: wrap; 127 flex-wrap: wrap;
128 128
129 .label { 129 .label {}
130 // min-width: 8.833333rem;
131 }
132 130
133 .ipt-wrap { 131 .ipt-wrap {
134 width: 50%; 132 width: 50%;
135 margin-left: 1.75rem; 133 margin-left: 1.75rem;
136 134
137 input { 135 input {
138 // font-size: 1.166667rem;
139 letter-spacing: .116667rem;
140 color: #4c4948; 136 color: #4c4948;
141 // font-family: Arial; 137 }
138
139 input:lang(zh) {
140 letter-spacing: .116667rem;
142 } 141 }
143 } 142 }
144 143
...@@ -170,7 +169,6 @@ input { ...@@ -170,7 +169,6 @@ input {
170 &-item { 169 &-item {
171 position: relative; 170 position: relative;
172 line-height: 2; 171 line-height: 2;
173 letter-spacing: 1.2px;
174 margin-bottom: 1rem; 172 margin-bottom: 1rem;
175 173
176 &-icon { 174 &-icon {
...@@ -179,6 +177,10 @@ input { ...@@ -179,6 +177,10 @@ input {
179 top: .6rem; 177 top: .6rem;
180 } 178 }
181 } 179 }
180
181 &-item:lang(zh) {
182 letter-spacing: 1.2px;
183 }
182 } 184 }
183 185
184 .submit-btn { 186 .submit-btn {
...@@ -192,7 +194,6 @@ input { ...@@ -192,7 +194,6 @@ input {
192 // background-image: linear-gradient(to top, #000000, #ffffff), linear-gradient(to bottom, #ec6429, #ec6429); 194 // background-image: linear-gradient(to top, #000000, #ffffff), linear-gradient(to bottom, #ec6429, #ec6429);
193 text-align: center; 195 text-align: center;
194 font-size: $fontSize; 196 font-size: $fontSize;
195 letter-spacing: .129167rem;
196 color: #ffffff; 197 color: #ffffff;
197 border-radius: 3.5rem; 198 border-radius: 3.5rem;
198 cursor: pointer; 199 cursor: pointer;
...@@ -205,6 +206,11 @@ input { ...@@ -205,6 +206,11 @@ input {
205 // background-image: linear-gradient(to top, #000000, #ffffff), linear-gradient(to bottom, #ec6429, #ec6429); 206 // background-image: linear-gradient(to top, #000000, #ffffff), linear-gradient(to bottom, #ec6429, #ec6429);
206 } 207 }
207 208
209 .submit-btn:lang(zh) {
210 letter-spacing: .129167rem;
211 }
212
213
208 @media (max-width: 768px) { 214 @media (max-width: 768px) {
209 .form { 215 .form {
210 &-item2 { 216 &-item2 {
......
...@@ -57,10 +57,14 @@ ...@@ -57,10 +57,14 @@
57 text-align: center; 57 text-align: center;
58 font-size: 18px; 58 font-size: 18px;
59 font-weight: bold; 59 font-weight: bold;
60 letter-spacing: .2rem; 60
61 text-shadow: 3px 5.2px 9px rgba(236, 100, 41, 0.27); 61 text-shadow: 3px 5.2px 9px rgba(236, 100, 41, 0.27);
62 } 62 }
63 63
64 &-tit:lang(zh) {
65 letter-spacing: .2rem;
66 }
67
64 &-tit-space-1 { 68 &-tit-space-1 {
65 height: 2rem; 69 height: 2rem;
66 } 70 }
...@@ -116,6 +120,9 @@ ...@@ -116,6 +120,9 @@
116 120
117 &-submit { 121 &-submit {
118 @include btc2(17.25rem, 5.25rem, 16px); 122 @include btc2(17.25rem, 5.25rem, 16px);
123 }
124
125 &-submit:lang(zh) {
119 letter-spacing: 1.6px; 126 letter-spacing: 1.6px;
120 } 127 }
121 128
...@@ -149,6 +156,9 @@ ...@@ -149,6 +156,9 @@
149 156
150 input { 157 input {
151 font-size: 1.166667rem; 158 font-size: 1.166667rem;
159 }
160
161 input:lang(zh) {
152 letter-spacing: .1rem; 162 letter-spacing: .1rem;
153 } 163 }
154 164
...@@ -177,6 +187,9 @@ ...@@ -177,6 +187,9 @@
177 // input和下拉 187 // input和下拉
178 .ipt { 188 .ipt {
179 flex: 1; 189 flex: 1;
190 }
191
192 .ipt:lang(zh) {
180 letter-spacing: .1rem; 193 letter-spacing: .1rem;
181 } 194 }
182 195
......
...@@ -183,6 +183,10 @@ ...@@ -183,6 +183,10 @@
183 padding-left: 2.166667rem; 183 padding-left: 2.166667rem;
184 flex: 1; 184 flex: 1;
185 line-height: 2.3; 185 line-height: 2.3;
186
187 }
188
189 .txt:lang(zh) {
186 letter-spacing: 1.4px; 190 letter-spacing: 1.4px;
187 } 191 }
188 } 192 }
......
...@@ -54,10 +54,14 @@ ...@@ -54,10 +54,14 @@
54 text-align: center; 54 text-align: center;
55 font-size: 18px; 55 font-size: 18px;
56 font-weight: bold; 56 font-weight: bold;
57 letter-spacing: .2rem; 57
58 text-shadow: 3px 5.2px 9px rgba(236, 100, 41, 0.27); 58 text-shadow: 3px 5.2px 9px rgba(236, 100, 41, 0.27);
59 } 59 }
60 60
61 &-tit:lang(zh) {
62 letter-spacing: .2rem;
63 }
64
61 &-tit-space-1 { 65 &-tit-space-1 {
62 height: 2rem; 66 height: 2rem;
63 } 67 }
...@@ -118,6 +122,9 @@ ...@@ -118,6 +122,9 @@
118 122
119 &-submit { 123 &-submit {
120 @include btc2(14.25rem, 5.25rem, 16px); 124 @include btc2(14.25rem, 5.25rem, 16px);
125 }
126
127 &-submit:lang(zh) {
121 letter-spacing: 1.6px; 128 letter-spacing: 1.6px;
122 } 129 }
123 130
...@@ -157,6 +164,9 @@ ...@@ -157,6 +164,9 @@
157 164
158 input { 165 input {
159 font-size: 1.166667rem; 166 font-size: 1.166667rem;
167 }
168
169 input:lang(zh) {
160 letter-spacing: .1rem; 170 letter-spacing: .1rem;
161 } 171 }
162 172
...@@ -185,6 +195,10 @@ ...@@ -185,6 +195,10 @@
185 // input和下拉 195 // input和下拉
186 .ipt { 196 .ipt {
187 flex: 1; 197 flex: 1;
198
199 }
200
201 .ipt:lang(zh) {
188 letter-spacing: .1rem; 202 letter-spacing: .1rem;
189 } 203 }
190 204
......
...@@ -47,17 +47,19 @@ ...@@ -47,17 +47,19 @@
47 text-align: center; 47 text-align: center;
48 font-size: $fontSizeTitle; 48 font-size: $fontSizeTitle;
49 font-weight: bold; 49 font-weight: bold;
50 letter-spacing: .2rem;
51 text-shadow: 3px 5.2px 9px rgba(236, 100, 41, 0.27); 50 text-shadow: 3px 5.2px 9px rgba(236, 100, 41, 0.27);
52 margin-top: 2rem; 51 margin-top: 2rem;
53 } 52 }
54 53
54 &-tit2:lang(zh) {
55 letter-spacing: .2rem;
56 }
57
55 &-tit { 58 &-tit {
56 color: $cOrange; 59 color: $cOrange;
57 text-align: center; 60 text-align: center;
58 font-size: $fontSizeTitle; 61 font-size: $fontSizeTitle;
59 font-weight: bold; 62 font-weight: bold;
60 letter-spacing: .2rem;
61 display: flex; 63 display: flex;
62 justify-content: center; 64 justify-content: center;
63 65
...@@ -70,6 +72,10 @@ ...@@ -70,6 +72,10 @@
70 } 72 }
71 } 73 }
72 74
75 &-tit:lang(zh) {
76 letter-spacing: .2rem;
77 }
78
73 &-nav { 79 &-nav {
74 margin: 2.75rem auto 1rem; 80 margin: 2.75rem auto 1rem;
75 display: flex; 81 display: flex;
...@@ -114,6 +120,10 @@ ...@@ -114,6 +120,10 @@
114 &-submit { 120 &-submit {
115 @include btc2(17.25rem, 5.25rem, 16px); 121 @include btc2(17.25rem, 5.25rem, 16px);
116 margin: 4rem auto 0; 122 margin: 4rem auto 0;
123
124 }
125
126 &-submit:lang(zh) {
117 letter-spacing: 1.6px; 127 letter-spacing: 1.6px;
118 } 128 }
119 129
...@@ -179,10 +189,14 @@ ...@@ -179,10 +189,14 @@
179 // input和下拉 189 // input和下拉
180 .ipt { 190 .ipt {
181 flex: 1; 191 flex: 1;
182 letter-spacing: .1rem;
183 padding: 0 2.5rem 0 2rem; 192 padding: 0 2.5rem 0 2rem;
184 } 193 }
185 194
195 .ipt:lang(zh) {
196 letter-spacing: .1rem;
197 }
198
199
186 // 长文本 200 // 长文本
187 .textarea { 201 .textarea {
188 min-height: 8.75rem; 202 min-height: 8.75rem;
...@@ -276,11 +290,14 @@ ...@@ -276,11 +290,14 @@
276 text-align: center; 290 text-align: center;
277 font-size: $fontSizeTitle; 291 font-size: $fontSizeTitle;
278 font-weight: bold; 292 font-weight: bold;
279 letter-spacing: .2rem;
280 text-shadow: 3px 5.2px 9px rgba(236, 100, 41, 0.27); 293 text-shadow: 3px 5.2px 9px rgba(236, 100, 41, 0.27);
281 margin-top: 2rem; 294 margin-top: 2rem;
282 } 295 }
283 296
297 &-tit2:lang(zh) {
298 letter-spacing: .2rem;
299 }
300
284 &-nav { 301 &-nav {
285 margin: 1.75rem auto 1rem; 302 margin: 1.75rem auto 1rem;
286 } 303 }
......
...@@ -19,6 +19,9 @@ ...@@ -19,6 +19,9 @@
19 text-align: center; 19 text-align: center;
20 font-size: $fontSizeTitle; 20 font-size: $fontSizeTitle;
21 font-weight: bold; 21 font-weight: bold;
22 }
23
24 .tit:lang(zh) {
22 letter-spacing: 1.8px; 25 letter-spacing: 1.8px;
23 } 26 }
24 27
...@@ -48,6 +51,9 @@ ...@@ -48,6 +51,9 @@
48 max-width: $articleWidth; 51 max-width: $articleWidth;
49 margin-top: 4rem; 52 margin-top: 4rem;
50 line-height: 2; 53 line-height: 2;
54 }
55
56 .desc:lang(zh) {
51 letter-spacing: 1.2px; 57 letter-spacing: 1.2px;
52 } 58 }
53 59
......
...@@ -48,10 +48,13 @@ ...@@ -48,10 +48,13 @@
48 text-align: center; 48 text-align: center;
49 font-size: $fontSizeTitle; 49 font-size: $fontSizeTitle;
50 font-weight: bold; 50 font-weight: bold;
51 letter-spacing: .2rem;
52 text-shadow: 3px 5.2px 9px rgba(236, 100, 41, 0.27); 51 text-shadow: 3px 5.2px 9px rgba(236, 100, 41, 0.27);
53 } 52 }
54 53
54 &-tit:lang(zh) {
55 letter-spacing: .2rem;
56 }
57
55 &-tit-space-1 { 58 &-tit-space-1 {
56 height: 5.25rem; 59 height: 5.25rem;
57 } 60 }
...@@ -105,14 +108,16 @@ ...@@ -105,14 +108,16 @@
105 &-submit { 108 &-submit {
106 @include btc2(17.25rem, 5.25rem, 16px); 109 @include btc2(17.25rem, 5.25rem, 16px);
107 margin: 4.166667rem auto 0; 110 margin: 4.166667rem auto 0;
108 letter-spacing: 1.6px;
109 // position: absolute;
110 left: 0; 111 left: 0;
111 right: 0; 112 right: 0;
112 margin: 2rem auto 0; 113 margin: 2rem auto 0;
113 bottom: 3rem; 114 bottom: 3rem;
114 } 115 }
115 116
117 &-submit:lang(zh) {
118 letter-spacing: 1.6px;
119 }
120
116 &-func { 121 &-func {
117 margin: 1.5rem auto 0; 122 margin: 1.5rem auto 0;
118 display: flex; 123 display: flex;
...@@ -143,9 +148,13 @@ ...@@ -143,9 +148,13 @@
143 148
144 input { 149 input {
145 font-size: 1.166667rem; 150 font-size: 1.166667rem;
151 }
152
153 input:lang(zh) {
146 letter-spacing: .1rem; 154 letter-spacing: .1rem;
147 } 155 }
148 156
157
149 &-item { 158 &-item {
150 position: relative; 159 position: relative;
151 margin-bottom: 3rem; 160 margin-bottom: 3rem;
...@@ -172,6 +181,9 @@ ...@@ -172,6 +181,9 @@
172 // input和下拉 181 // input和下拉
173 .ipt { 182 .ipt {
174 flex: 1; 183 flex: 1;
184 }
185
186 .ipt:lang(zh) {
175 letter-spacing: .1rem; 187 letter-spacing: .1rem;
176 } 188 }
177 189
......
...@@ -48,10 +48,13 @@ ...@@ -48,10 +48,13 @@
48 text-align: center; 48 text-align: center;
49 font-size: $fontSizeTitle; 49 font-size: $fontSizeTitle;
50 font-weight: bold; 50 font-weight: bold;
51 letter-spacing: .2rem;
52 text-shadow: 3px 5.2px 9px rgba(236, 100, 41, 0.27); 51 text-shadow: 3px 5.2px 9px rgba(236, 100, 41, 0.27);
53 } 52 }
54 53
54 &-tit:lang(zh) {
55 letter-spacing: .2rem;
56 }
57
55 &-tit-space-1 { 58 &-tit-space-1 {
56 height: 5.25rem; 59 height: 5.25rem;
57 } 60 }
...@@ -105,7 +108,6 @@ ...@@ -105,7 +108,6 @@
105 &-submit { 108 &-submit {
106 @include btc2(17.25rem, 5.25rem, 16px); 109 @include btc2(17.25rem, 5.25rem, 16px);
107 margin: 4.166667rem auto 0; 110 margin: 4.166667rem auto 0;
108 letter-spacing: 1.6px;
109 position: absolute; 111 position: absolute;
110 left: 0; 112 left: 0;
111 right: 0; 113 right: 0;
...@@ -113,6 +115,10 @@ ...@@ -113,6 +115,10 @@
113 bottom: 3rem; 115 bottom: 3rem;
114 } 116 }
115 117
118 &-submit:lang(zh) {
119 letter-spacing: 1.6px;
120 }
121
116 &-func { 122 &-func {
117 margin: 1.5rem auto 0; 123 margin: 1.5rem auto 0;
118 display: flex; 124 display: flex;
...@@ -143,6 +149,9 @@ ...@@ -143,6 +149,9 @@
143 149
144 input { 150 input {
145 font-size: 1.166667rem; 151 font-size: 1.166667rem;
152 }
153
154 input:lang(zh) {
146 letter-spacing: .1rem; 155 letter-spacing: .1rem;
147 } 156 }
148 157
...@@ -172,6 +181,9 @@ ...@@ -172,6 +181,9 @@
172 // input和下拉 181 // input和下拉
173 .ipt { 182 .ipt {
174 flex: 1; 183 flex: 1;
184 }
185
186 .ipt:lang(zh) {
175 letter-spacing: .1rem; 187 letter-spacing: .1rem;
176 } 188 }
177 189
......
...@@ -17,6 +17,10 @@ ...@@ -17,6 +17,10 @@
17 text-align: center; 17 text-align: center;
18 font-size: $fontSizeTitle; 18 font-size: $fontSizeTitle;
19 font-weight: bold; 19 font-weight: bold;
20
21 }
22
23 .tit:lang(zh) {
20 letter-spacing: 1.8px; 24 letter-spacing: 1.8px;
21 } 25 }
22 26
...@@ -24,6 +28,9 @@ ...@@ -24,6 +28,9 @@
24 max-width: $articleWidth; 28 max-width: $articleWidth;
25 margin-top: 3rem; 29 margin-top: 3rem;
26 line-height: 2; 30 line-height: 2;
31 }
32
33 .desc:lang(zh) {
27 letter-spacing: 1.2px; 34 letter-spacing: 1.2px;
28 } 35 }
29 36
......
...@@ -17,6 +17,9 @@ ...@@ -17,6 +17,9 @@
17 text-align: center; 17 text-align: center;
18 font-size: $fontSizeTitle; 18 font-size: $fontSizeTitle;
19 font-weight: bold; 19 font-weight: bold;
20 }
21
22 .tit:lang(zh) {
20 letter-spacing: 1.8px; 23 letter-spacing: 1.8px;
21 } 24 }
22 25
...@@ -24,6 +27,9 @@ ...@@ -24,6 +27,9 @@
24 max-width: $articleWidth; 27 max-width: $articleWidth;
25 margin-top: 3rem; 28 margin-top: 3rem;
26 line-height: 2; 29 line-height: 2;
30 }
31
32 .desc:lang(zh) {
27 letter-spacing: 1.2px; 33 letter-spacing: 1.2px;
28 } 34 }
29 35
......
...@@ -16,6 +16,9 @@ ...@@ -16,6 +16,9 @@
16 text-align: center; 16 text-align: center;
17 font-size: $fontSizeTitle; 17 font-size: $fontSizeTitle;
18 font-weight: bold; 18 font-weight: bold;
19 }
20
21 .tit:lang(zh) {
19 letter-spacing: 1.8px; 22 letter-spacing: 1.8px;
20 } 23 }
21 24
...@@ -23,6 +26,9 @@ ...@@ -23,6 +26,9 @@
23 max-width: $articleWidth; 26 max-width: $articleWidth;
24 margin-top: 3rem; 27 margin-top: 3rem;
25 line-height: 2; 28 line-height: 2;
29 }
30
31 .desc:lang(zh) {
26 letter-spacing: 1.2px; 32 letter-spacing: 1.2px;
27 } 33 }
28 34
......
...@@ -17,13 +17,20 @@ ...@@ -17,13 +17,20 @@
17 text-align: center; 17 text-align: center;
18 font-size: $fontSizeTitle; 18 font-size: $fontSizeTitle;
19 font-weight: bold; 19 font-weight: bold;
20 }
21
22 .tit:lang(zh) {
20 letter-spacing: 1.8px; 23 letter-spacing: 1.8px;
21 } 24 }
22 25
26
23 .desc { 27 .desc {
24 max-width: $articleWidth; 28 max-width: $articleWidth;
25 margin-top: 3rem; 29 margin-top: 3rem;
26 line-height: 2; 30 line-height: 2;
31 }
32
33 .desc:lang(zh) {
27 letter-spacing: 1.2px; 34 letter-spacing: 1.2px;
28 } 35 }
29 36
......
...@@ -72,11 +72,14 @@ ...@@ -72,11 +72,14 @@
72 text-align: center; 72 text-align: center;
73 font-size: $fontSizeTitle; 73 font-size: $fontSizeTitle;
74 font-weight: bold; 74 font-weight: bold;
75 letter-spacing: .2rem;
76 text-shadow: 3px 5.2px 9px rgba(236, 100, 41, 0.27); 75 text-shadow: 3px 5.2px 9px rgba(236, 100, 41, 0.27);
77 margin-top: 2rem; 76 margin-top: 2rem;
78 } 77 }
79 78
79 &-tit2:lang(zh) {
80 letter-spacing: .2rem;
81 }
82
80 83
81 &-nav { 84 &-nav {
82 margin: 2.75rem auto 1rem; 85 margin: 2.75rem auto 1rem;
...@@ -122,6 +125,10 @@ ...@@ -122,6 +125,10 @@
122 &-submit { 125 &-submit {
123 @include btc2(17.25rem, 5.25rem, 16px); 126 @include btc2(17.25rem, 5.25rem, 16px);
124 margin: 4.166667rem auto 0; 127 margin: 4.166667rem auto 0;
128
129 }
130
131 &-submit:lang(zh) {
125 letter-spacing: 1.6px; 132 letter-spacing: 1.6px;
126 } 133 }
127 134
...@@ -153,7 +160,9 @@ ...@@ -153,7 +160,9 @@
153 } 160 }
154 } 161 }
155 162
156 input { 163 input {}
164
165 input:lang(zh) {
157 letter-spacing: .1rem; 166 letter-spacing: .1rem;
158 } 167 }
159 168
...@@ -183,10 +192,13 @@ ...@@ -183,10 +192,13 @@
183 // input和下拉 192 // input和下拉
184 .ipt { 193 .ipt {
185 flex: 1; 194 flex: 1;
186 letter-spacing: .1rem;
187 padding: 0 2.5rem 0 2rem; 195 padding: 0 2.5rem 0 2rem;
188 } 196 }
189 197
198 .ipt:lang(zh) {
199 letter-spacing: .1rem;
200 }
201
190 // 长文本 202 // 长文本
191 .textarea { 203 .textarea {
192 min-height: 8.75rem; 204 min-height: 8.75rem;
......
...@@ -16,6 +16,9 @@ ...@@ -16,6 +16,9 @@
16 text-align: center; 16 text-align: center;
17 font-size: $fontSizeTitle; 17 font-size: $fontSizeTitle;
18 font-weight: bold; 18 font-weight: bold;
19 }
20
21 .tit:lang(zh) {
19 letter-spacing: 1.8px; 22 letter-spacing: 1.8px;
20 } 23 }
21 24
...@@ -23,6 +26,9 @@ ...@@ -23,6 +26,9 @@
23 max-width: $articleWidth; 26 max-width: $articleWidth;
24 margin-top: 3rem; 27 margin-top: 3rem;
25 line-height: 2; 28 line-height: 2;
29 }
30
31 .desc:lang(zh) {
26 letter-spacing: 1.2px; 32 letter-spacing: 1.2px;
27 } 33 }
28 34
......
...@@ -66,6 +66,10 @@ $borderSize: 6px; ...@@ -66,6 +66,10 @@ $borderSize: 6px;
66 min-width: 288px; 66 min-width: 288px;
67 margin-left: 12px; 67 margin-left: 12px;
68 background: url("~@assets/images/vhis/vhis-btn.png"); 68 background: url("~@assets/images/vhis/vhis-btn.png");
69
70 }
71
72 .banner-btn:lang(zh) {
69 letter-spacing: 1.5px; 73 letter-spacing: 1.5px;
70 } 74 }
71 } 75 }
...@@ -187,9 +191,11 @@ $borderSize: 6px; ...@@ -187,9 +191,11 @@ $borderSize: 6px;
187 191
188 .t1 { 192 .t1 {
189 color: $cOrange2; 193 color: $cOrange2;
190 letter-spacing: 2px;
191 font-weight: bold; 194 font-weight: bold;
192 font-size: 34px; 195 font-size: 34px;
196 }
197
198 .t1:lang(zh) {
193 letter-spacing: 6px; 199 letter-spacing: 6px;
194 } 200 }
195 201
...@@ -197,6 +203,10 @@ $borderSize: 6px; ...@@ -197,6 +203,10 @@ $borderSize: 6px;
197 font-size: 24px; 203 font-size: 24px;
198 margin-top: 36px; 204 margin-top: 36px;
199 line-height: 1.39; 205 line-height: 1.39;
206
207 }
208
209 .t2:lang(zh) {
200 letter-spacing: 2px; 210 letter-spacing: 2px;
201 } 211 }
202 } 212 }
...@@ -208,11 +218,14 @@ $borderSize: 6px; ...@@ -208,11 +218,14 @@ $borderSize: 6px;
208 218
209 .tit { 219 .tit {
210 color: $cOrange2; 220 color: $cOrange2;
211 letter-spacing: 2.5px;
212 font-size: 36px; 221 font-size: 36px;
213 font-weight: bold; 222 font-weight: bold;
214 } 223 }
215 224
225 .tit:lang(zh) {
226 letter-spacing: 2.5px;
227 }
228
216 .prod { 229 .prod {
217 margin: 24px auto 0; 230 margin: 24px auto 0;
218 color: $cOrange2; 231 color: $cOrange2;
...@@ -251,11 +264,14 @@ $borderSize: 6px; ...@@ -251,11 +264,14 @@ $borderSize: 6px;
251 margin-left: -16px; 264 margin-left: -16px;
252 265
253 .t1 { 266 .t1 {
254 letter-spacing: 2px;
255 font-size: 22px; 267 font-size: 22px;
256 font-weight: bold; 268 font-weight: bold;
257 } 269 }
258 270
271 .t1:lang(zh) {
272 letter-spacing: 2px;
273 }
274
259 .more { 275 .more {
260 display: flex; 276 display: flex;
261 // margin: 12px auto 0; 277 // margin: 12px auto 0;
...@@ -266,9 +282,12 @@ $borderSize: 6px; ...@@ -266,9 +282,12 @@ $borderSize: 6px;
266 } 282 }
267 283
268 .c1 { 284 .c1 {
269 letter-spacing: 1.2px;
270 font-size: 18px; 285 font-size: 18px;
271 } 286 }
287
288 .c1:lang(zh) {
289 letter-spacing: 1.2px;
290 }
272 } 291 }
273 292
274 .desc { 293 .desc {
...@@ -278,8 +297,8 @@ $borderSize: 6px; ...@@ -278,8 +297,8 @@ $borderSize: 6px;
278 @extend .text-jtf; 297 @extend .text-jtf;
279 } 298 }
280 299
281 .tips{ 300 .tips {
282 font-style:italic; 301 font-style: italic;
283 } 302 }
284 } 303 }
285 } 304 }
...@@ -301,11 +320,14 @@ $borderSize: 6px; ...@@ -301,11 +320,14 @@ $borderSize: 6px;
301 .tit { 320 .tit {
302 text-align: center; 321 text-align: center;
303 color: $cOrange2; 322 color: $cOrange2;
304 letter-spacing: 1.8px;
305 font-size: 36px; 323 font-size: 36px;
306 font-weight: bold; 324 font-weight: bold;
307 } 325 }
308 326
327 .tit:lang(zh) {
328 letter-spacing: 1.8px;
329 }
330
309 .table { 331 .table {
310 max-width: 1200px; 332 max-width: 1200px;
311 margin: 8px auto 0; 333 margin: 8px auto 0;
...@@ -325,10 +347,13 @@ $borderSize: 6px; ...@@ -325,10 +347,13 @@ $borderSize: 6px;
325 @extend .bb; 347 @extend .bb;
326 width: 50%; 348 width: 50%;
327 padding: 18px 12px 18px 0; 349 padding: 18px 12px 18px 0;
328 letter-spacing: 1.12px;
329 color: $cFontGray3; 350 color: $cFontGray3;
330 } 351 }
331 352
353 .tt:lang(zh) {
354 letter-spacing: 1.12px;
355 }
356
332 .label { 357 .label {
333 background-color: #fef1ed; 358 background-color: #fef1ed;
334 padding-left: 100px; 359 padding-left: 100px;
...@@ -354,7 +379,6 @@ $borderSize: 6px; ...@@ -354,7 +379,6 @@ $borderSize: 6px;
354 width: 50%; 379 width: 50%;
355 380
356 padding: 50px 60px 26px 100px; 381 padding: 50px 60px 26px 100px;
357 letter-spacing: 1.12px;
358 color: $cFontGray3; 382 color: $cFontGray3;
359 383
360 .t1 { 384 .t1 {
...@@ -362,6 +386,10 @@ $borderSize: 6px; ...@@ -362,6 +386,10 @@ $borderSize: 6px;
362 } 386 }
363 } 387 }
364 388
389 .tt:lang(zh) {
390 letter-spacing: 1.12px;
391 }
392
365 .tt2 { 393 .tt2 {
366 padding: 50px 64px 26px 50px; 394 padding: 50px 64px 26px 50px;
367 padding: 48px; 395 padding: 48px;
......
...@@ -55,11 +55,15 @@ ...@@ -55,11 +55,15 @@
55 background-color: #ffffff; 55 background-color: #ffffff;
56 padding: 0 2rem; 56 padding: 0 2rem;
57 flex: 1; 57 flex: 1;
58 letter-spacing: 0.1rem;
59 display: flex; 58 display: flex;
60 align-items: center; 59 align-items: center;
61 } 60 }
62 61
62 .ipt:lang(zh) {
63 letter-spacing: 0.1rem;
64 }
65
66
63 .down-arrow { 67 .down-arrow {
64 position: absolute; 68 position: absolute;
65 top: 2.2rem; 69 top: 2.2rem;
...@@ -96,7 +100,7 @@ ...@@ -96,7 +100,7 @@
96 } 100 }
97 101
98 .err { 102 .err {
99 .ipt{ 103 .ipt {
100 border-color: $cOrange !important; 104 border-color: $cOrange !important;
101 } 105 }
102 } 106 }
......