|
@@ -26,11 +26,105 @@ |
|
@@ -26,11 +26,105 @@ |
26
|
<link href='http://fonts.googleapis.com/css?family=Asap:400,700' rel='stylesheet' type='text/css'>
|
26
|
<link href='http://fonts.googleapis.com/css?family=Asap:400,700' rel='stylesheet' type='text/css'>
|
27
|
|
27
|
|
28
|
<style>
|
28
|
<style>
|
|
|
29
|
+ .myAccount {
|
|
|
30
|
+ opacity: 1;
|
|
|
31
|
+ font-size: 40px;
|
|
|
32
|
+ font-family: SourceHanSansCN, SourceHanSansCN-Normal;
|
|
|
33
|
+ font-weight: Normal;
|
|
|
34
|
+ text-align: left;
|
|
|
35
|
+ color: #ffffff;
|
|
|
36
|
+ line-height: 100px;
|
|
|
37
|
+ cursor: pointer;
|
|
|
38
|
+ }
|
|
|
39
|
+
|
|
|
40
|
+ #WXname,
|
|
|
41
|
+ #Pnumber {
|
|
|
42
|
+ opacity: 1;
|
|
|
43
|
+ font-size: 16px;
|
|
|
44
|
+ font-family: SourceHanSansCN, SourceHanSansCN-Normal;
|
|
|
45
|
+ font-weight: Normal;
|
|
|
46
|
+ text-align: right;
|
|
|
47
|
+ color: #ffffff;
|
|
|
48
|
+ line-height: 24px;
|
|
|
49
|
+ }
|
|
|
50
|
+
|
|
|
51
|
+ .wxSty1 {
|
|
|
52
|
+ height: 40px;
|
|
|
53
|
+ width: 40px;
|
|
|
54
|
+ }
|
|
|
55
|
+
|
|
|
56
|
+ .wxsty {
|
|
|
57
|
+ margin-left: 16px;
|
|
|
58
|
+ opacity: 1;
|
|
|
59
|
+ font-size: 16px;
|
|
|
60
|
+ font-family: SourceHanSansCN, SourceHanSansCN-Normal;
|
|
|
61
|
+ font-weight: Normal;
|
|
|
62
|
+ text-align: left;
|
|
|
63
|
+ color: #ffffff;
|
|
|
64
|
+ line-height: 24px;
|
|
|
65
|
+ }
|
|
|
66
|
+
|
|
|
67
|
+ .wxall {
|
|
|
68
|
+ display: flex;
|
|
|
69
|
+ place-items: center;
|
|
|
70
|
+ }
|
|
|
71
|
+
|
|
|
72
|
+ .personalInfo {
|
|
|
73
|
+ margin-top: 30px;
|
|
|
74
|
+ }
|
|
|
75
|
+
|
|
|
76
|
+ .personalInfo p {
|
|
|
77
|
+ opacity: 1;
|
|
|
78
|
+ font-size: 16px;
|
|
|
79
|
+ font-family: SourceHanSansCN, SourceHanSansCN-Normal;
|
|
|
80
|
+ font-weight: Normal;
|
|
|
81
|
+ text-align: left;
|
|
|
82
|
+ color: #ffffff;
|
|
|
83
|
+ line-height: 24px;
|
|
|
84
|
+ padding-bottom: 6px;
|
|
|
85
|
+ }
|
|
|
86
|
+
|
|
|
87
|
+ .personalInfo input {
|
|
|
88
|
+ height: 34px;
|
|
|
89
|
+ }
|
|
|
90
|
+
|
|
|
91
|
+ #head-img {
|
|
|
92
|
+ width: 106px;
|
|
|
93
|
+ height: 104px;
|
|
|
94
|
+ }
|
|
|
95
|
+
|
|
|
96
|
+ #fullName {
|
|
|
97
|
+ opacity: 1;
|
|
|
98
|
+ font-size: 32px;
|
|
|
99
|
+ font-family: SourceHanSansCN, SourceHanSansCN-Normal;
|
|
|
100
|
+ font-weight: Normal;
|
|
|
101
|
+ text-align: left;
|
|
|
102
|
+ color: #ffffff;
|
|
|
103
|
+ line-height: 48px;
|
|
|
104
|
+ }
|
|
|
105
|
+
|
|
|
106
|
+ .header-right11 {
|
|
|
107
|
+ padding: 30px 110px;
|
|
|
108
|
+ display: flex;
|
|
|
109
|
+ justify-content: flex-end;
|
|
|
110
|
+ }
|
|
|
111
|
+
|
|
|
112
|
+ .closes {
|
|
|
113
|
+ width: 70px;
|
|
|
114
|
+ height: 70px;
|
|
|
115
|
+ }
|
|
|
116
|
+
|
29
|
.personalCenter-header-left-imgLogo {
|
117
|
.personalCenter-header-left-imgLogo {
|
30
|
background: #323232;
|
118
|
background: #323232;
|
31
|
width: 75%;
|
119
|
width: 75%;
|
32
|
}
|
120
|
}
|
33
|
|
121
|
|
|
|
122
|
+ .header-img11 {
|
|
|
123
|
+ width: 210px;
|
|
|
124
|
+ height: 30px;
|
|
|
125
|
+ margin: 50px 0 95px 70px;
|
|
|
126
|
+ }
|
|
|
127
|
+
|
34
|
.personal-header-txt1 {
|
128
|
.personal-header-txt1 {
|
35
|
display: none;
|
129
|
display: none;
|
36
|
}
|
130
|
}
|
|
@@ -56,11 +150,6 @@ |
|
@@ -56,11 +150,6 @@ |
56
|
width: 100px;
|
150
|
width: 100px;
|
57
|
}
|
151
|
}
|
58
|
|
152
|
|
59
|
- #head-img {
|
|
|
60
|
- width: 100px;
|
|
|
61
|
- height: 100px;
|
|
|
62
|
- }
|
|
|
63
|
-
|
|
|
64
|
.personal-all {
|
153
|
.personal-all {
|
65
|
display: flex;
|
154
|
display: flex;
|
66
|
}
|
155
|
}
|
|
@@ -283,9 +372,13 @@ |
|
@@ -283,9 +372,13 @@ |
283
|
padding-left: 2%;
|
372
|
padding-left: 2%;
|
284
|
}
|
373
|
}
|
285
|
|
374
|
|
|
|
375
|
+ p {
|
|
|
376
|
+ margin: 0;
|
|
|
377
|
+ }
|
|
|
378
|
+
|
286
|
.per2-vip-list p {
|
379
|
.per2-vip-list p {
|
287
|
border-bottom: 1px solid #eaeaea;
|
380
|
border-bottom: 1px solid #eaeaea;
|
288
|
- padding: 2%;
|
381
|
+ padding: 20px;
|
289
|
font-size: 16px;
|
382
|
font-size: 16px;
|
290
|
font-family: SourceHanSansCN, SourceHanSansCN-Normal;
|
383
|
font-family: SourceHanSansCN, SourceHanSansCN-Normal;
|
291
|
font-weight: Normal;
|
384
|
font-weight: Normal;
|
|
@@ -295,27 +388,88 @@ |
|
@@ -295,27 +388,88 @@ |
295
|
letter-spacing: 1px;
|
388
|
letter-spacing: 1px;
|
296
|
}
|
389
|
}
|
297
|
|
390
|
|
|
|
391
|
+ .zhanghao {
|
|
|
392
|
+ opacity: 1;
|
|
|
393
|
+ font-size: 32px;
|
|
|
394
|
+ font-family: SourceHanSansCN, SourceHanSansCN-Normal;
|
|
|
395
|
+ font-weight: Normal;
|
|
|
396
|
+ text-align: left;
|
|
|
397
|
+ color: #ffffff;
|
|
|
398
|
+ line-height: 48px;
|
|
|
399
|
+ }
|
|
|
400
|
+
|
|
|
401
|
+ .lijiPay {
|
|
|
402
|
+ border: 1px solid #66ca94;
|
|
|
403
|
+ opacity: 1;
|
|
|
404
|
+ font-size: 14px;
|
|
|
405
|
+ font-family: SourceHanSansCN, SourceHanSansCN-Medium;
|
|
|
406
|
+ font-weight: 500;
|
|
|
407
|
+ text-align: center;
|
|
|
408
|
+ color: #323232;
|
|
|
409
|
+ line-height: 16px;
|
|
|
410
|
+ width: 110px;
|
|
|
411
|
+ height: 36px;
|
|
|
412
|
+ opacity: 1;
|
|
|
413
|
+ background: linear-gradient(226deg, #77e77f 8%, #39aa6d 96%);
|
|
|
414
|
+ border-radius: 20px;
|
|
|
415
|
+ }
|
|
|
416
|
+
|
298
|
@media (max-width: 768px) {
|
417
|
@media (max-width: 768px) {
|
|
|
418
|
+ .per2-vip-list p {
|
|
|
419
|
+ border-bottom: 1px solid #eaeaea;
|
|
|
420
|
+ padding: 20px;
|
|
|
421
|
+ font-size: 16px;
|
|
|
422
|
+ font-family: SourceHanSansCN, SourceHanSansCN-Normal;
|
|
|
423
|
+ font-weight: Normal;
|
|
|
424
|
+ text-align: left;
|
|
|
425
|
+ color: #323232;
|
|
|
426
|
+ line-height: 24px;
|
|
|
427
|
+ letter-spacing: 1px;
|
|
|
428
|
+ }
|
|
|
429
|
+
|
|
|
430
|
+ .wxsty {
|
|
|
431
|
+ margin-left: 4px;
|
|
|
432
|
+ }
|
|
|
433
|
+
|
|
|
434
|
+ .wxSty1 {
|
|
|
435
|
+ width: 20px;
|
|
|
436
|
+ height: 20px;
|
|
|
437
|
+ }
|
|
|
438
|
+
|
|
|
439
|
+ .zhanghao {
|
|
|
440
|
+ font-size: 16px;
|
|
|
441
|
+ font-family: SourceHanSansCN, SourceHanSansCN-Normal;
|
|
|
442
|
+ font-weight: Normal;
|
|
|
443
|
+ text-align: left;
|
|
|
444
|
+ color: #ffffff;
|
|
|
445
|
+ line-height: 24px;
|
|
|
446
|
+ }
|
|
|
447
|
+
|
299
|
.personal-header-txt1 {
|
448
|
.personal-header-txt1 {
|
300
|
display: flex;
|
449
|
display: flex;
|
301
|
margin: 25px 20px;
|
450
|
margin: 25px 20px;
|
302
|
place-items: center;
|
451
|
place-items: center;
|
303
|
justify-content: space-between;
|
452
|
justify-content: space-between;
|
304
|
}
|
453
|
}
|
|
|
454
|
+
|
305
|
.header-img1 {
|
455
|
.header-img1 {
|
306
|
width: 28%;
|
456
|
width: 28%;
|
307
|
}
|
457
|
}
|
|
|
458
|
+
|
308
|
.header-right-btn {
|
459
|
.header-right-btn {
|
309
|
margin-right: 0px;
|
460
|
margin-right: 0px;
|
310
|
bottom: 0px
|
461
|
bottom: 0px
|
311
|
}
|
462
|
}
|
|
|
463
|
+
|
312
|
.header-right-yuan {
|
464
|
.header-right-yuan {
|
313
|
width: 35px;
|
465
|
width: 35px;
|
314
|
height: 35px;
|
466
|
height: 35px;
|
315
|
}
|
467
|
}
|
|
|
468
|
+
|
316
|
.header-txt11 {
|
469
|
.header-txt11 {
|
317
|
display: none;
|
470
|
display: none;
|
318
|
}
|
471
|
}
|
|
|
472
|
+
|
319
|
.personalCenter-left-all {
|
473
|
.personalCenter-left-all {
|
320
|
width: 100%;
|
474
|
width: 100%;
|
321
|
display: flex;
|
475
|
display: flex;
|
|
@@ -323,14 +477,17 @@ |
|
@@ -323,14 +477,17 @@ |
323
|
padding-left: 30px;
|
477
|
padding-left: 30px;
|
324
|
padding-right: 30px;
|
478
|
padding-right: 30px;
|
325
|
}
|
479
|
}
|
|
|
480
|
+
|
326
|
.personalCenter-right-all {
|
481
|
.personalCenter-right-all {
|
327
|
display: none;
|
482
|
display: none;
|
328
|
}
|
483
|
}
|
|
|
484
|
+
|
329
|
.personalConter-left-headLine {
|
485
|
.personalConter-left-headLine {
|
330
|
display: flex;
|
486
|
display: flex;
|
331
|
flex-direction: row;
|
487
|
flex-direction: row;
|
332
|
width: 300px;
|
488
|
width: 300px;
|
333
|
}
|
489
|
}
|
|
|
490
|
+
|
334
|
.personalConter-left-headLine h4 {
|
491
|
.personalConter-left-headLine h4 {
|
335
|
font-size: 24px;
|
492
|
font-size: 24px;
|
336
|
font-family: SourceHanSansCN, SourceHanSansCN-Normal;
|
493
|
font-family: SourceHanSansCN, SourceHanSansCN-Normal;
|
|
@@ -340,30 +497,37 @@ |
|
@@ -340,30 +497,37 @@ |
340
|
line-height: 36px;
|
497
|
line-height: 36px;
|
341
|
padding-left: 16px;
|
498
|
padding-left: 16px;
|
342
|
}
|
499
|
}
|
|
|
500
|
+
|
343
|
#head-img {
|
501
|
#head-img {
|
344
|
width: 60px;
|
502
|
width: 60px;
|
345
|
height: 60px;
|
503
|
height: 60px;
|
346
|
}
|
504
|
}
|
|
|
505
|
+
|
347
|
.personal-all {
|
506
|
.personal-all {
|
348
|
background: #323232;
|
507
|
background: #323232;
|
349
|
display: flex;
|
508
|
display: flex;
|
350
|
flex-direction: column;
|
509
|
flex-direction: column;
|
351
|
}
|
510
|
}
|
|
|
511
|
+
|
352
|
header {
|
512
|
header {
|
353
|
display: none;
|
513
|
display: none;
|
354
|
}
|
514
|
}
|
|
|
515
|
+
|
355
|
.personal-input-all {
|
516
|
.personal-input-all {
|
356
|
padding-top: 35px;
|
517
|
padding-top: 35px;
|
357
|
width: 100%;
|
518
|
width: 100%;
|
358
|
}
|
519
|
}
|
|
|
520
|
+
|
359
|
.personal-input-all p {
|
521
|
.personal-input-all p {
|
360
|
font-size: 12px;
|
522
|
font-size: 12px;
|
361
|
}
|
523
|
}
|
|
|
524
|
+
|
362
|
.per-zhanghao-img {
|
525
|
.per-zhanghao-img {
|
363
|
margin-right: 8px;
|
526
|
margin-right: 8px;
|
364
|
width: 23px;
|
527
|
width: 23px;
|
365
|
height: 23px;
|
528
|
height: 23px;
|
366
|
}
|
529
|
}
|
|
|
530
|
+
|
367
|
.personal-zhanghao h4 {
|
531
|
.personal-zhanghao h4 {
|
368
|
font-size: 16px;
|
532
|
font-size: 16px;
|
369
|
font-family: SourceHanSansCN, SourceHanSansCN-Normal;
|
533
|
font-family: SourceHanSansCN, SourceHanSansCN-Normal;
|
|
@@ -372,16 +536,19 @@ |
|
@@ -372,16 +536,19 @@ |
372
|
color: #ffffff;
|
536
|
color: #ffffff;
|
373
|
line-height: 24px;
|
537
|
line-height: 24px;
|
374
|
}
|
538
|
}
|
|
|
539
|
+
|
375
|
.personal-huiyuan {
|
540
|
.personal-huiyuan {
|
376
|
display: flex;
|
541
|
display: flex;
|
377
|
place-items: center;
|
542
|
place-items: center;
|
378
|
margin-top: 30px;
|
543
|
margin-top: 30px;
|
379
|
}
|
544
|
}
|
|
|
545
|
+
|
380
|
.per-huiyuan-img {
|
546
|
.per-huiyuan-img {
|
381
|
margin-right: 8px;
|
547
|
margin-right: 8px;
|
382
|
width: 23px;
|
548
|
width: 23px;
|
383
|
height: 23px;
|
549
|
height: 23px;
|
384
|
}
|
550
|
}
|
|
|
551
|
+
|
385
|
.personal-huiyuan h4 {
|
552
|
.personal-huiyuan h4 {
|
386
|
font-size: 16px;
|
553
|
font-size: 16px;
|
387
|
font-family: SourceHanSansCN, SourceHanSansCN-Normal;
|
554
|
font-family: SourceHanSansCN, SourceHanSansCN-Normal;
|
|
@@ -390,19 +557,23 @@ |
|
@@ -390,19 +557,23 @@ |
390
|
color: #ffffff;
|
557
|
color: #ffffff;
|
391
|
line-height: 24px;
|
558
|
line-height: 24px;
|
392
|
}
|
559
|
}
|
|
|
560
|
+
|
393
|
.per-weixin-bind {
|
561
|
.per-weixin-bind {
|
394
|
margin-top: 29px;
|
562
|
margin-top: 29px;
|
395
|
}
|
563
|
}
|
|
|
564
|
+
|
396
|
#WXunbind {
|
565
|
#WXunbind {
|
397
|
width: 29px;
|
566
|
width: 29px;
|
398
|
height: 29px;
|
567
|
height: 29px;
|
399
|
}
|
568
|
}
|
|
|
569
|
+
|
400
|
.personal-wxh {
|
570
|
.personal-wxh {
|
401
|
display: flex;
|
571
|
display: flex;
|
402
|
width: 50%;
|
572
|
width: 50%;
|
403
|
place-items: center;
|
573
|
place-items: center;
|
404
|
justify-content: space-between;
|
574
|
justify-content: space-between;
|
405
|
}
|
575
|
}
|
|
|
576
|
+
|
406
|
#WXunbind {
|
577
|
#WXunbind {
|
407
|
border-radius: 50%;
|
578
|
border-radius: 50%;
|
408
|
background-color: #66ca94;
|
579
|
background-color: #66ca94;
|
|
@@ -415,6 +586,7 @@ |
|
@@ -415,6 +586,7 @@ |
415
|
font-weight: 500;
|
586
|
font-weight: 500;
|
416
|
color: #323232;
|
587
|
color: #323232;
|
417
|
}
|
588
|
}
|
|
|
589
|
+
|
418
|
#Punbind {
|
590
|
#Punbind {
|
419
|
border-radius: 50%;
|
591
|
border-radius: 50%;
|
420
|
background-color: #66ca94;
|
592
|
background-color: #66ca94;
|
|
@@ -427,11 +599,13 @@ |
|
@@ -427,11 +599,13 @@ |
427
|
font-weight: 500;
|
599
|
font-weight: 500;
|
428
|
color: #323232;
|
600
|
color: #323232;
|
429
|
}
|
601
|
}
|
|
|
602
|
+
|
430
|
#meau_nav {
|
603
|
#meau_nav {
|
431
|
display: flex;
|
604
|
display: flex;
|
432
|
flex-direction: column;
|
605
|
flex-direction: column;
|
433
|
place-items: center;
|
606
|
place-items: center;
|
434
|
}
|
607
|
}
|
|
|
608
|
+
|
435
|
.personal-vip-basic {
|
609
|
.personal-vip-basic {
|
436
|
width: 200px;
|
610
|
width: 200px;
|
437
|
margin-top: 35px;
|
611
|
margin-top: 35px;
|
|
@@ -439,9 +613,11 @@ |
|
@@ -439,9 +613,11 @@ |
439
|
border-radius: 4px;
|
613
|
border-radius: 4px;
|
440
|
margin-bottom: 30px;
|
614
|
margin-bottom: 30px;
|
441
|
}
|
615
|
}
|
|
|
616
|
+
|
442
|
.personal-vip-info {
|
617
|
.personal-vip-info {
|
443
|
padding: 24px 0;
|
618
|
padding: 24px 0;
|
444
|
}
|
619
|
}
|
|
|
620
|
+
|
445
|
.personal-vip-info p {
|
621
|
.personal-vip-info p {
|
446
|
font-size: 20px;
|
622
|
font-size: 20px;
|
447
|
font-family: SourceHanSansCN, SourceHanSansCN-Medium;
|
623
|
font-family: SourceHanSansCN, SourceHanSansCN-Medium;
|
|
@@ -449,6 +625,7 @@ |
|
@@ -449,6 +625,7 @@ |
449
|
color: #ffffff;
|
625
|
color: #ffffff;
|
450
|
line-height: 30px;
|
626
|
line-height: 30px;
|
451
|
}
|
627
|
}
|
|
|
628
|
+
|
452
|
.personal-vip-info a {
|
629
|
.personal-vip-info a {
|
453
|
font-size: 14px;
|
630
|
font-size: 14px;
|
454
|
font-family: SourceHanSansCN, SourceHanSansCN-Normal;
|
631
|
font-family: SourceHanSansCN, SourceHanSansCN-Normal;
|
|
@@ -456,15 +633,18 @@ |
|
@@ -456,15 +633,18 @@ |
456
|
color: #ffffff;
|
633
|
color: #ffffff;
|
457
|
line-height: 21px;
|
634
|
line-height: 21px;
|
458
|
}
|
635
|
}
|
|
|
636
|
+
|
459
|
.personal-vip-standard {
|
637
|
.personal-vip-standard {
|
460
|
width: 200px;
|
638
|
width: 200px;
|
461
|
margin-right: 0px;
|
639
|
margin-right: 0px;
|
462
|
border-radius: 4px;
|
640
|
border-radius: 4px;
|
463
|
margin-bottom: 30px;
|
641
|
margin-bottom: 30px;
|
464
|
}
|
642
|
}
|
|
|
643
|
+
|
465
|
.personal-vip-info1 {
|
644
|
.personal-vip-info1 {
|
466
|
padding: 24px 0;
|
645
|
padding: 24px 0;
|
467
|
}
|
646
|
}
|
|
|
647
|
+
|
468
|
.personal-vip-info1 p {
|
648
|
.personal-vip-info1 p {
|
469
|
font-size: 20px;
|
649
|
font-size: 20px;
|
470
|
font-family: SourceHanSansCN, SourceHanSansCN-Medium;
|
650
|
font-family: SourceHanSansCN, SourceHanSansCN-Medium;
|
|
@@ -472,6 +652,7 @@ |
|
@@ -472,6 +652,7 @@ |
472
|
color: #ffffff;
|
652
|
color: #ffffff;
|
473
|
line-height: 30px;
|
653
|
line-height: 30px;
|
474
|
}
|
654
|
}
|
|
|
655
|
+
|
475
|
.personal-vip-info1 a {
|
656
|
.personal-vip-info1 a {
|
476
|
font-size: 14px;
|
657
|
font-size: 14px;
|
477
|
font-family: SourceHanSansCN, SourceHanSansCN-Normal;
|
658
|
font-family: SourceHanSansCN, SourceHanSansCN-Normal;
|
|
@@ -479,15 +660,18 @@ |
|
@@ -479,15 +660,18 @@ |
479
|
color: #ffffff;
|
660
|
color: #ffffff;
|
480
|
line-height: 21px;
|
661
|
line-height: 21px;
|
481
|
}
|
662
|
}
|
|
|
663
|
+
|
482
|
.personal-vip-super {
|
664
|
.personal-vip-super {
|
483
|
width: 200px;
|
665
|
width: 200px;
|
484
|
margin-right: 0px;
|
666
|
margin-right: 0px;
|
485
|
border-radius: 4px;
|
667
|
border-radius: 4px;
|
486
|
margin-bottom: 30px;
|
668
|
margin-bottom: 30px;
|
487
|
}
|
669
|
}
|
|
|
670
|
+
|
488
|
.personal-vip-info2 {
|
671
|
.personal-vip-info2 {
|
489
|
padding: 24px 0;
|
672
|
padding: 24px 0;
|
490
|
}
|
673
|
}
|
|
|
674
|
+
|
491
|
.personal-vip-info2 p {
|
675
|
.personal-vip-info2 p {
|
492
|
font-size: 20px;
|
676
|
font-size: 20px;
|
493
|
font-family: SourceHanSansCN, SourceHanSansCN-Medium;
|
677
|
font-family: SourceHanSansCN, SourceHanSansCN-Medium;
|
|
@@ -495,6 +679,7 @@ |
|
@@ -495,6 +679,7 @@ |
495
|
color: #ffffff;
|
679
|
color: #ffffff;
|
496
|
line-height: 30px;
|
680
|
line-height: 30px;
|
497
|
}
|
681
|
}
|
|
|
682
|
+
|
498
|
.personal-vip-info2 a {
|
683
|
.personal-vip-info2 a {
|
499
|
font-size: 14px;
|
684
|
font-size: 14px;
|
500
|
font-family: SourceHanSansCN, SourceHanSansCN-Normal;
|
685
|
font-family: SourceHanSansCN, SourceHanSansCN-Normal;
|
|
@@ -502,32 +687,39 @@ |
|
@@ -502,32 +687,39 @@ |
502
|
color: #ffffff;
|
687
|
color: #ffffff;
|
503
|
line-height: 21px;
|
688
|
line-height: 21px;
|
504
|
}
|
689
|
}
|
|
|
690
|
+
|
505
|
.personal-pay {
|
691
|
.personal-pay {
|
506
|
display: flex;
|
692
|
display: flex;
|
507
|
flex-direction: column-reverse;
|
693
|
flex-direction: column-reverse;
|
508
|
}
|
694
|
}
|
|
|
695
|
+
|
509
|
.personal-pay-zhifubao {
|
696
|
.personal-pay-zhifubao {
|
510
|
display: flex;
|
697
|
display: flex;
|
511
|
padding-right: 0px;
|
698
|
padding-right: 0px;
|
512
|
width: 100%;
|
699
|
width: 100%;
|
513
|
}
|
700
|
}
|
|
|
701
|
+
|
514
|
.personal-pay-wx {
|
702
|
.personal-pay-wx {
|
515
|
display: flex;
|
703
|
display: flex;
|
516
|
place-items: center;
|
704
|
place-items: center;
|
517
|
width: 100%;
|
705
|
width: 100%;
|
518
|
margin-bottom: 16px;
|
706
|
margin-bottom: 16px;
|
519
|
}
|
707
|
}
|
|
|
708
|
+
|
520
|
.personal-pay-zhifubao-input {
|
709
|
.personal-pay-zhifubao-input {
|
521
|
margin-right: 8px;
|
710
|
margin-right: 8px;
|
522
|
}
|
711
|
}
|
|
|
712
|
+
|
523
|
.personal-pay-wx-input {
|
713
|
.personal-pay-wx-input {
|
524
|
margin-right: 8px;
|
714
|
margin-right: 8px;
|
525
|
}
|
715
|
}
|
|
|
716
|
+
|
526
|
.personal-pay-button {
|
717
|
.personal-pay-button {
|
527
|
display: flex;
|
718
|
display: flex;
|
528
|
place-content: center;
|
719
|
place-content: center;
|
529
|
padding-bottom: 40px;
|
720
|
padding-bottom: 40px;
|
530
|
}
|
721
|
}
|
|
|
722
|
+
|
531
|
.login-footer-all {
|
723
|
.login-footer-all {
|
532
|
display: flex;
|
724
|
display: flex;
|
533
|
background: #323232;
|
725
|
background: #323232;
|
|
@@ -535,15 +727,19 @@ |
|
@@ -535,15 +727,19 @@ |
535
|
place-items: center;
|
727
|
place-items: center;
|
536
|
display: flex;
|
728
|
display: flex;
|
537
|
}
|
729
|
}
|
|
|
730
|
+
|
538
|
#vip-info {
|
731
|
#vip-info {
|
539
|
color: #fff;
|
732
|
color: #fff;
|
540
|
padding: 26px 0 8px 16px;
|
733
|
padding: 26px 0 8px 16px;
|
541
|
font-size: 24px;
|
734
|
font-size: 24px;
|
542
|
}
|
735
|
}
|
|
|
736
|
+
|
543
|
.per2-date {
|
737
|
.per2-date {
|
544
|
padding: 0 0 26px 16px;
|
738
|
padding: 0 0 26px 16px;
|
545
|
}
|
739
|
}
|
|
|
740
|
+
|
546
|
.per2-date-a {}
|
741
|
.per2-date-a {}
|
|
|
742
|
+
|
547
|
.per2-date-a a {
|
743
|
.per2-date-a a {
|
548
|
font-size: 14px;
|
744
|
font-size: 14px;
|
549
|
font-family: SourceHanSansCN, SourceHanSansCN-Normal;
|
745
|
font-family: SourceHanSansCN, SourceHanSansCN-Normal;
|
|
@@ -553,6 +749,23 @@ |
|
@@ -553,6 +749,23 @@ |
553
|
line-height: 20px;
|
749
|
line-height: 20px;
|
554
|
letter-spacing: 1px;
|
750
|
letter-spacing: 1px;
|
555
|
}
|
751
|
}
|
|
|
752
|
+
|
|
|
753
|
+ .personalInfo {
|
|
|
754
|
+ margin-top: 16px;
|
|
|
755
|
+ }
|
|
|
756
|
+
|
|
|
757
|
+ .personalInfo p {
|
|
|
758
|
+ font-size: 12px;
|
|
|
759
|
+ font-family: SourceHanSansCN, SourceHanSansCN-Normal;
|
|
|
760
|
+ font-weight: Normal;
|
|
|
761
|
+ text-align: left;
|
|
|
762
|
+ color: #ffffff;
|
|
|
763
|
+ line-height: 18px;
|
|
|
764
|
+ }
|
|
|
765
|
+
|
|
|
766
|
+ .personalInfo input {
|
|
|
767
|
+ height: 24px;
|
|
|
768
|
+ }
|
556
|
}
|
769
|
}
|
557
|
</style>
|
770
|
</style>
|
558
|
|
771
|
|
|
@@ -564,22 +777,16 @@ |
|
@@ -564,22 +777,16 @@ |
564
|
<div class="header-txt11">
|
777
|
<div class="header-txt11">
|
565
|
<div class='personalCenter-header-left-imgLogo'>
|
778
|
<div class='personalCenter-header-left-imgLogo'>
|
566
|
<div class="header-img11">
|
779
|
<div class="header-img11">
|
567
|
- <img src="./img/portfolio/whiteLogo.png" onclick="window.location.href='index.html'" style='width:100%'>
|
780
|
+ <img src="./img/portfolio/whiteLogo.png" onclick="window.location.href='index.html'"
|
|
|
781
|
+ style='width:100%'>
|
568
|
</div>
|
782
|
</div>
|
569
|
</div>
|
783
|
</div>
|
570
|
<div style="background: #66CA94;width: 25%;">
|
784
|
<div style="background: #66CA94;width: 25%;">
|
571
|
<div class="header-right11">
|
785
|
<div class="header-right11">
|
572
|
-
|
|
|
573
|
- <!-- <div class="header-btnL">
|
|
|
574
|
- <a href="aboutUs.html">
|
|
|
575
|
- <div class="header-loginBtn">加入我们</div>
|
786
|
+ <div class="closes">
|
|
|
787
|
+ <a href="javascript:history.go(-1)">
|
|
|
788
|
+ <img src="./img/portfolio/Y9.png" style="width: 100%;">
|
576
|
</a>
|
789
|
</a>
|
577
|
-
|
|
|
578
|
- </div> -->
|
|
|
579
|
- <div>
|
|
|
580
|
- <!-- <a onclick="closePage()"><img src="./img/portfolio/Y9.png"></a> -->
|
|
|
581
|
- <a href="javascript:history.go(-1)"><img src="./img/portfolio/Y9.png"></a>
|
|
|
582
|
-
|
|
|
583
|
</div>
|
790
|
</div>
|
584
|
</div>
|
791
|
</div>
|
585
|
</div>
|
792
|
</div>
|
|
@@ -591,7 +798,8 @@ |
|
@@ -591,7 +798,8 @@ |
591
|
<div class="personal-all">
|
798
|
<div class="personal-all">
|
592
|
<div class="personal-header-txt1">
|
799
|
<div class="personal-header-txt1">
|
593
|
<div class="header-img1">
|
800
|
<div class="header-img1">
|
594
|
- <img src="./img/portfolio/whiteLogo.png" style="width: 100%;" onclick="window.location.href='index.html'">
|
801
|
+ <img src="./img/portfolio/whiteLogo.png" style="width: 100%;"
|
|
|
802
|
+ onclick="window.location.href='index.html'">
|
595
|
</div>
|
803
|
</div>
|
596
|
<div class="header-right1" style="place-items: center;">
|
804
|
<div class="header-right1" style="place-items: center;">
|
597
|
<a href="aboutUs.html" style="color: #fff;margin-right: 15px;
|
805
|
<a href="aboutUs.html" style="color: #fff;margin-right: 15px;
|
|
@@ -600,7 +808,6 @@ |
|
@@ -600,7 +808,6 @@ |
600
|
<a class="header-right-btn" href="javascript:history.go(-1)">
|
808
|
<a class="header-right-btn" href="javascript:history.go(-1)">
|
601
|
<img src="./img/portfolio/Y9.png" class="header-right-yuan">
|
809
|
<img src="./img/portfolio/Y9.png" class="header-right-yuan">
|
602
|
</a>
|
810
|
</a>
|
603
|
-
|
|
|
604
|
</div>
|
811
|
</div>
|
605
|
</div>
|
812
|
</div>
|
606
|
<div class="personalCenter-left-all">
|
813
|
<div class="personalCenter-left-all">
|
|
@@ -608,73 +815,77 @@ |
|
@@ -608,73 +815,77 @@ |
608
|
<!-- 头像 -->
|
815
|
<!-- 头像 -->
|
609
|
<div id="head-img">
|
816
|
<div id="head-img">
|
610
|
</div>
|
817
|
</div>
|
611
|
- <h4 style="color: #fff;" id="fullName"></h4>
|
818
|
+ <div style="color: #fff;" id="fullName"></div>
|
612
|
</div>
|
819
|
</div>
|
613
|
<div class="personal-input-all">
|
820
|
<div class="personal-input-all">
|
614
|
<div class="personal-zhanghao">
|
821
|
<div class="personal-zhanghao">
|
615
|
<div class="per-zhanghao-img">
|
822
|
<div class="per-zhanghao-img">
|
616
|
<img src="./img/portfolio/Y1.png" style="width: 100%;">
|
823
|
<img src="./img/portfolio/Y1.png" style="width: 100%;">
|
617
|
</div>
|
824
|
</div>
|
618
|
- <h4 style="color: #fff;">账号</h4>
|
825
|
+ <div class="zhanghao">账号</div>
|
619
|
</div>
|
826
|
</div>
|
620
|
- <div>
|
|
|
621
|
- <p style="color: #fff;">姓</p>
|
827
|
+ <div class="personalInfo">
|
|
|
828
|
+ <p>姓</p>
|
622
|
<input placeholder="请输入姓" id="surname"></input>
|
829
|
<input placeholder="请输入姓" id="surname"></input>
|
623
|
</div>
|
830
|
</div>
|
624
|
- <div>
|
|
|
625
|
- <p style="color: #fff;">名</p>
|
831
|
+ <div class="personalInfo">
|
|
|
832
|
+ <p>名</p>
|
626
|
<input placeholder="请输入名" id="userName"></input>
|
833
|
<input placeholder="请输入名" id="userName"></input>
|
627
|
</div>
|
834
|
</div>
|
628
|
- <div>
|
|
|
629
|
- <p style="color: #fff;">学校</p>
|
835
|
+ <div class="personalInfo">
|
|
|
836
|
+ <p>学校</p>
|
630
|
<input placeholder="请输入学校" id="school"></input>
|
837
|
<input placeholder="请输入学校" id="school"></input>
|
631
|
</div>
|
838
|
</div>
|
632
|
- <div>
|
|
|
633
|
- <p style="color: #fff;">专业</p>
|
839
|
+ <div class="personalInfo">
|
|
|
840
|
+ <p>专业</p>
|
634
|
<input placeholder="请输入专业" id="specialty"></input>
|
841
|
<input placeholder="请输入专业" id="specialty"></input>
|
635
|
</div>
|
842
|
</div>
|
636
|
- <div>
|
|
|
637
|
- <p style="color: #fff;">手机号</p>
|
843
|
+ <div class="personalInfo">
|
|
|
844
|
+ <p>手机号</p>
|
638
|
<input placeholder="请输入手机号" id="phone"></input>
|
845
|
<input placeholder="请输入手机号" id="phone"></input>
|
639
|
</div>
|
846
|
</div>
|
640
|
- <div>
|
|
|
641
|
- <p style="color: #fff;">邮箱号</p>
|
847
|
+ <div class="personalInfo">
|
|
|
848
|
+ <p>邮箱号</p>
|
642
|
<input placeholder="请输入邮箱号" id="emailAddress"></input>
|
849
|
<input placeholder="请输入邮箱号" id="emailAddress"></input>
|
643
|
</div>
|
850
|
</div>
|
644
|
<div style="text-align: center;padding: 5%;" class="btnSave">
|
851
|
<div style="text-align: center;padding: 5%;" class="btnSave">
|
645
|
- <button style="color: #fff;background:linear-gradient(226deg,#77e77f 8%, #39aa6d 96%);border-radius: 10em;padding: 0.5% 2%;border: 1px solid #70D09D;padding: 0.5% 5%;">保存</button>
|
852
|
+ <button class="lijiPay">保存</button>
|
646
|
</div>
|
853
|
</div>
|
647
|
<div class="personal-zhanghao">
|
854
|
<div class="personal-zhanghao">
|
648
|
<div class="per-zhanghao-img">
|
855
|
<div class="per-zhanghao-img">
|
649
|
<img src="./img/portfolio/Y2.png" style="width: 100%;">
|
856
|
<img src="./img/portfolio/Y2.png" style="width: 100%;">
|
650
|
</div>
|
857
|
</div>
|
651
|
- <h4 style="color: #fff;">账户绑定与解绑</h4>
|
858
|
+ <div class="zhanghao">账户绑定与解绑</div>
|
652
|
</div>
|
859
|
</div>
|
653
|
<div class="per-weixin-bind">
|
860
|
<div class="per-weixin-bind">
|
654
|
- <div style="display: flex;place-items: center;width: 20%;">
|
|
|
655
|
- <img src="./img/portfolio/Y3.png" style="margin-right: 4px;">
|
|
|
656
|
- <a style="color: #fff;">微信</a>
|
861
|
+ <div class="wxall">
|
|
|
862
|
+ <div class="wxSty1">
|
|
|
863
|
+ <img src="./img/portfolio/Y3.png" style="width: 100%;height: 100%;">
|
|
|
864
|
+ </div>
|
|
|
865
|
+ <div class="wxsty">微信</div>
|
657
|
</div>
|
866
|
</div>
|
658
|
<div class="personal-wxh">
|
867
|
<div class="personal-wxh">
|
659
|
- <div id="WXname" style="color: #fff;">111111</div>
|
868
|
+ <div id="WXname" style="color: #fff;"></div>
|
660
|
<button id='WXunbind'>解绑</button>
|
869
|
<button id='WXunbind'>解绑</button>
|
661
|
</div>
|
870
|
</div>
|
662
|
</div>
|
871
|
</div>
|
663
|
- <div style="display: flex;justify-content: space-between;margin-top: 5%;">
|
|
|
664
|
- <div style="display: flex;place-items: center;width: 20%;">
|
|
|
665
|
- <img src="./img/portfolio/Y4.png" style="margin-right: 5%;">
|
|
|
666
|
- <a style="color: #fff;">手机</a>
|
872
|
+ <div class="per-weixin-bind">
|
|
|
873
|
+ <div class="wxall">
|
|
|
874
|
+ <div class="wxSty1">
|
|
|
875
|
+ <img src="./img/portfolio/Y4.png" style="width: 100%;height: 100%;">
|
|
|
876
|
+ </div>
|
|
|
877
|
+ <div class="wxsty">手机</div>
|
667
|
</div>
|
878
|
</div>
|
668
|
<div class="personal-wxh">
|
879
|
<div class="personal-wxh">
|
669
|
- <a id='Pnumber' style="color: #fff;"></a>
|
880
|
+ <div id='Pnumber' style="color: #fff;"></div>
|
670
|
<button id="Punbind">解绑</button>
|
881
|
<button id="Punbind">解绑</button>
|
671
|
</div>
|
882
|
</div>
|
672
|
</div>
|
883
|
</div>
|
673
|
<div class="personal-huiyuan">
|
884
|
<div class="personal-huiyuan">
|
674
|
- <div class="per-huiyuan-img">
|
885
|
+ <div class="per-zhanghao-img">
|
675
|
<img src="./img/portfolio/Y5.png" style="width: 100%;">
|
886
|
<img src="./img/portfolio/Y5.png" style="width: 100%;">
|
676
|
</div>
|
887
|
</div>
|
677
|
- <h4 style="color: #fff;">会员权益</h4>
|
888
|
+ <div class="zhanghao">会员权益</div>
|
678
|
</div>
|
889
|
</div>
|
679
|
<!-- <div id="meau_nav">
|
890
|
<!-- <div id="meau_nav">
|
680
|
<div onclick="clickVIPone()" class="personal-vip-basic">
|
891
|
<div onclick="clickVIPone()" class="personal-vip-basic">
|
|
@@ -701,7 +912,8 @@ |
|
@@ -701,7 +912,8 @@ |
701
|
</div>
|
912
|
</div>
|
702
|
</div> -->
|
913
|
</div> -->
|
703
|
<div style="margin-bottom: 50px;">
|
914
|
<div style="margin-bottom: 50px;">
|
704
|
- <div style="background: url(./img/portfolio/Y10.png) no-repeat;background-size: 100% 100%;padding-left: 2%;">
|
915
|
+ <div
|
|
|
916
|
+ style="background: url(./img/portfolio/Y10.png) no-repeat;background-size: 100% 100%;padding-left: 2%;">
|
705
|
<h3 id="vip-info"></h3>
|
917
|
<h3 id="vip-info"></h3>
|
706
|
<div class="per2-date">
|
918
|
<div class="per2-date">
|
707
|
<img src="./img/portfolio/Y11.png" style="width: 15px;height: 15px;">
|
919
|
<img src="./img/portfolio/Y11.png" style="width: 15px;height: 15px;">
|
|
@@ -759,12 +971,9 @@ |
|
@@ -759,12 +971,9 @@ |
759
|
</div>
|
971
|
</div>
|
760
|
</div>
|
972
|
</div>
|
761
|
<div class='personalCenter-right-all'>
|
973
|
<div class='personalCenter-right-all'>
|
762
|
- <a href="personalCenter2.html">
|
|
|
763
|
- <h3 style="color: #fff;font-size: 1.8em;">我的账号</h3>
|
|
|
764
|
- </a>
|
|
|
765
|
- <a onclick="ifVIP()" style="cursor: pointer;">
|
|
|
766
|
- <h3 style="color: #fff;font-size: 1.8em;">联系我们</h3>
|
|
|
767
|
- </a>
|
974
|
+ <div class="myAccount" onclick="myAcc()">我的账号</div>
|
|
|
975
|
+ <!-- <div class="myAccount" onclick="ifVIP()">联系我们</div> -->
|
|
|
976
|
+ <div class="myAccount" onclick="aboutUs()">联系我们</div>
|
768
|
</div>
|
977
|
</div>
|
769
|
<div class="login-footer-all">
|
978
|
<div class="login-footer-all">
|
770
|
<div class="login-footer-img" style="width: 25%;margin-top: 45px;">
|
979
|
<div class="login-footer-img" style="width: 25%;margin-top: 45px;">
|
|
@@ -774,7 +983,9 @@ |
|
@@ -774,7 +983,9 @@ |
774
|
font-family: PingFangSC, PingFangSC-Regular;
|
983
|
font-family: PingFangSC, PingFangSC-Regular;
|
775
|
text-align: center;
|
984
|
text-align: center;
|
776
|
font-size: 9px;margin-top: 12px;">成功职场第一步,从Start-Line开始</div>
|
985
|
font-size: 9px;margin-top: 12px;">成功职场第一步,从Start-Line开始</div>
|
777
|
- <div style="color: #66CA94;font-size: 12px;font-family: PingFangSC, PingFangSC-Regular;margin: 60px 0 20px;">关注Start-Line</div>
|
986
|
+ <div
|
|
|
987
|
+ style="color: #66CA94;font-size: 12px;font-family: PingFangSC, PingFangSC-Regular;margin: 60px 0 20px;">
|
|
|
988
|
+ 关注Start-Line</div>
|
778
|
<div style="width: 25%;margin-bottom: 200px;">
|
989
|
<div style="width: 25%;margin-bottom: 200px;">
|
779
|
<img src="img/portfolio/EWM.png" width="100%">
|
990
|
<img src="img/portfolio/EWM.png" width="100%">
|
780
|
</div>
|
991
|
</div>
|
|
@@ -803,7 +1014,7 @@ |
|
@@ -803,7 +1014,7 @@ |
803
|
<!-- carousel -->
|
1014
|
<!-- carousel -->
|
804
|
<script src="owl-carousel/owl.carousel.js"></script>
|
1015
|
<script src="owl-carousel/owl.carousel.js"></script>
|
805
|
<script>
|
1016
|
<script>
|
806
|
- $(document).ready(function() {
|
1017
|
+ $(document).ready(function () {
|
807
|
$("#owl-brand").owlCarousel({
|
1018
|
$("#owl-brand").owlCarousel({
|
808
|
autoPlay: 3000,
|
1019
|
autoPlay: 3000,
|
809
|
items: 1,
|
1020
|
items: 1,
|