杨乐 / virtual · 提交

转到一个项目

作者 杨乐
提交 563db164b834d2c4d7ea91d62351978fe052b545 1 个父辈 91d96760
1 个管道 的构建 通过 耗费 5 秒

提交

内嵌 并排对比
正在显示 3 个修改的文件 包含 520 行增加 和 109 行删除
@@ -26,14 +26,151 @@ @@ -26,14 +26,151 @@
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 - #particulars iframe{  
30 - width: 1130px; 29 + .zhengmingBtn {
  30 + display: flex;
  31 + place-content: center;
  32 + place-items: center;
  33 + width: 100%;
  34 + }
  35 +
  36 + .zhengmingBtn button {
  37 + padding: 28px 0;
  38 + width: 480px;
  39 + background: #66CA94;
  40 + border: 1px solid #66ca94;
  41 + margin-top: 60px;
  42 + opacity: 1;
  43 + font-size: 24px;
  44 + font-family: SourceHanSansCN, SourceHanSansCN-Medium;
  45 + font-weight: 500;
  46 + text-align: center;
  47 + color: #ffffff;
  48 + line-height: 24px;
  49 + }
  50 +
  51 + #footer_download {
  52 + border-left: 5px solid #66ca97;
  53 + border-right: 5px solid #66ca94;
  54 + background-color: #fff;
  55 + padding: 0 40px;
  56 + }
  57 +
  58 + .waikuang {
  59 + border: 10px solid #97dab6;
  60 + display: flex;
  61 + padding: 40px 40px 60px;
  62 + flex-direction: column;
  63 + }
  64 +
  65 + .datiBtn {
  66 + display: flex;
  67 + place-items: center;
  68 + width: 100%;
  69 + place-content: center;
  70 + }
  71 +
  72 + #checkAnswers {
  73 + background: #66ca94;
  74 + border: 1px solid #66ca94;
  75 + opacity: 1;
  76 + font-size: 24px;
  77 + font-family: SourceHanSansCN, SourceHanSansCN-Medium;
  78 + font-weight: 500;
  79 + text-align: center;
  80 + color: #ffffff;
  81 + line-height: 24px;
  82 + padding: 28px 0;
  83 + margin: 100px 0 60px;
  84 + width: 480px;
  85 + }
  86 +
  87 + .all-list {
  88 + place-items: center;
  89 + }
  90 +
  91 + .generate {
  92 + padding-bottom: 10px;
  93 + opacity: 1;
  94 + font-size: 18px;
  95 + font-family: PingFangSC, PingFangSC-Medium;
  96 + font-weight: 500;
  97 + text-align: left;
  98 + color: #66ca94;
  99 + line-height: 25px;
  100 + letter-spacing: 1px;
  101 + }
  102 +
  103 + .datiall {
  104 + border: 10px solid #97dab6;
  105 + display: flex;
  106 + flex-direction: column;
  107 + }
  108 +
  109 + .option {
  110 + display: flex;
  111 + place-items: center;
  112 + color: #5a5a5a;
  113 + margin: 15px 0;
  114 + opacity: 1;
  115 + font-size: 26px;
  116 + font-family: SourceHanSansCN, SourceHanSansCN-Regular;
  117 + font-weight: 400;
  118 + text-align: left;
  119 + line-height: 39px;
  120 + letter-spacing: 1px;
  121 + }
  122 +
  123 + .lastBtn {
  124 + display: flex;
  125 + place-items: center;
  126 + cursor: pointer;
  127 + position: relative;
  128 + }
  129 +
  130 + .header-right1 {
  131 + display: flex;
  132 + justify-content: space-between;
  133 + place-items: center;
  134 + }
  135 +
  136 + .header-btnL {
  137 + margin-right: 82px;
  138 + }
  139 +
  140 + .header-btnL a {
  141 + opacity: 1;
  142 + font-size: 18px;
  143 + font-family: PingFangSC, PingFangSC-Medium;
  144 + font-weight: 500;
  145 + text-align: left;
  146 + color: #323232;
  147 + line-height: 18px;
  148 + letter-spacing: 9px;
  149 + border-bottom: 2px solid #323232;
  150 + padding-bottom: 10px;
  151 + }
  152 +
  153 + .header-txt1 {
  154 + display: flex;
  155 + justify-content: space-between;
  156 + place-items: center;
  157 + padding: 30px 110px 30px 70px;
  158 + margin: 0;
  159 + }
  160 +
  161 + #particulars iframe {
  162 + width: 100%;
31 height: 630px; 163 height: 630px;
32 } 164 }
33 165
34 - .learn_one{  
35 - flex:1;background-color: #f0f0f0;padding: 2% 2% 2% 5%; 166 +
  167 + .learn_one {
  168 + /* flex: 1; */
  169 + background-color: #f0f0f0;
  170 + padding: 90px 34px 43px 110px;
  171 + width: 600px;
36 } 172 }
  173 +
37 .file { 174 .file {
38 position: relative; 175 position: relative;
39 display: inline-block; 176 display: inline-block;
@@ -65,7 +202,7 @@ @@ -65,7 +202,7 @@
65 202
66 .allList { 203 .allList {
67 flex: 2; 204 flex: 2;
68 - padding: 2% 5%; 205 + padding: 100px;
69 } 206 }
70 207
71 .intern-program { 208 .intern-program {
@@ -76,10 +213,12 @@ @@ -76,10 +213,12 @@
76 color: #66ca94; 213 color: #66ca94;
77 line-height: 25px; 214 line-height: 25px;
78 letter-spacing: 1px; 215 letter-spacing: 1px;
  216 + margin-bottom: 20px;
79 } 217 }
80 218
81 .qiuzhi, 219 .qiuzhi,
82 .jinrong { 220 .jinrong {
  221 + opacity: 1;
83 font-size: 40px; 222 font-size: 40px;
84 font-family: Helvetica; 223 font-family: Helvetica;
85 text-align: left; 224 text-align: left;
@@ -88,7 +227,7 @@ @@ -88,7 +227,7 @@
88 } 227 }
89 228
90 #particulars { 229 #particulars {
91 - padding: 30px 0; 230 + padding: 50px 0;
92 font-size: 18px; 231 font-size: 18px;
93 font-family: Helvetica; 232 font-family: Helvetica;
94 text-align: left; 233 text-align: left;
@@ -118,7 +257,13 @@ @@ -118,7 +257,13 @@
118 } 257 }
119 258
120 #accomplish { 259 #accomplish {
121 - padding: 30px 0; 260 + padding-bottom: 50px;
  261 + opacity: 1;
  262 + font-size: 18px;
  263 + font-family: Helvetica;
  264 + text-align: left;
  265 + color: #323232;
  266 + line-height: 40px;
122 } 267 }
123 268
124 #downloadWork { 269 #downloadWork {
@@ -177,6 +322,7 @@ @@ -177,6 +322,7 @@
177 display: flex; 322 display: flex;
178 place-items: center; 323 place-items: center;
179 cursor: pointer; 324 cursor: pointer;
  325 + position: relative;
180 } 326 }
181 327
182 .learn-next-yuan { 328 .learn-next-yuan {
@@ -186,10 +332,11 @@ @@ -186,10 +332,11 @@
186 z-index: 2; 332 z-index: 2;
187 width: 40px; 333 width: 40px;
188 height: 40px; 334 height: 40px;
  335 + right: 70px;
189 } 336 }
190 337
191 .learn-next-Btn { 338 .learn-next-Btn {
192 - position: relative; 339 + /* position: relative; */
193 left: 20px; 340 left: 20px;
194 z-index: 5; 341 z-index: 5;
195 font-size: 18px; 342 font-size: 18px;
@@ -206,22 +353,36 @@ @@ -206,22 +353,36 @@
206 } 353 }
207 354
208 .show1-TwoBtn { 355 .show1-TwoBtn {
  356 + padding: 0 25px;
209 display: flex; 357 display: flex;
210 justify-content: space-between; 358 justify-content: space-between;
211 - padding-top: 5%; 359 + padding-top: 50px;
  360 + place-items: center;
212 } 361 }
213 362
214 - .div-show2-all {  
215 - padding: 2% 5%;  
216 - flex: 3;  
217 - } 363 + .div-show2-all {}
218 364
219 .all-text { 365 .all-text {
220 - margin-bottom: 5%; 366 + margin-bottom: 50px;
  367 + }
  368 +
  369 + .input-radio {
  370 + margin-right: 8px;
  371 + }
  372 +
  373 + #timu {
  374 + opacity: 1;
  375 + font-size: 32px;
  376 + font-family: SourceHanSansCN, SourceHanSansCN-Medium;
  377 + font-weight: 500;
  378 + text-align: left;
  379 + color: #323232;
  380 + line-height: 48px;
221 } 381 }
222 382
223 .dati-text, 383 .dati-text,
224 .all-text { 384 .all-text {
  385 +
225 font-size: 40px; 386 font-size: 40px;
226 font-family: SourceHanSansCN, SourceHanSansCN-Regular; 387 font-family: SourceHanSansCN, SourceHanSansCN-Regular;
227 font-weight: 400; 388 font-weight: 400;
@@ -243,7 +404,7 @@ @@ -243,7 +404,7 @@
243 } 404 }
244 405
245 .show-Btn-last-yuan { 406 .show-Btn-last-yuan {
246 - position: absolute; 407 + /* position: absolute; */
247 background-color: #97DAB6; 408 background-color: #97DAB6;
248 border-radius: 50%; 409 border-radius: 50%;
249 z-index: 2; 410 z-index: 2;
@@ -252,8 +413,9 @@ @@ -252,8 +413,9 @@
252 } 413 }
253 414
254 .show2-last-Btn { 415 .show2-last-Btn {
255 - position: relative;  
256 - left: 20px; 416 + position: absolute;
  417 + left: 10px;
  418 + width: 100px;
257 z-index: 5; 419 z-index: 5;
258 font-size: 18px; 420 font-size: 18px;
259 font-family: PingFangSC, PingFangSC-Medium; 421 font-family: PingFangSC, PingFangSC-Medium;
@@ -271,18 +433,13 @@ @@ -271,18 +433,13 @@
271 .show2-Btn-all { 433 .show2-Btn-all {
272 display: flex; 434 display: flex;
273 justify-content: space-between; 435 justify-content: space-between;
274 - padding-top: 5%; 436 + padding-top: 50px;
  437 + place-items: center;
275 } 438 }
276 439
277 - .show3-all {  
278 - flex: 3;  
279 - padding: 2% 5%;  
280 - } 440 + .show3-all {}
281 441
282 - .show4-all {  
283 - flex: 3;  
284 - padding: 2% 5%;  
285 - } 442 + .show4-all {}
286 443
287 .luru { 444 .luru {
288 font-size: 18px; 445 font-size: 18px;
@@ -292,6 +449,7 @@ @@ -292,6 +449,7 @@
292 color: #66ca94; 449 color: #66ca94;
293 line-height: 25px; 450 line-height: 25px;
294 letter-spacing: 1px; 451 letter-spacing: 1px;
  452 + padding-bottom: 10px;
295 } 453 }
296 454
297 .dayin, 455 .dayin,
@@ -306,7 +464,7 @@ @@ -306,7 +464,7 @@
306 464
307 .show3-self-info { 465 .show3-self-info {
308 border: 10px solid #97dab6; 466 border: 10px solid #97dab6;
309 - padding: 10%; 467 + padding: 80px 100px;
310 display: flex; 468 display: flex;
311 flex-direction: column; 469 flex-direction: column;
312 place-content: center; 470 place-content: center;
@@ -314,12 +472,32 @@ @@ -314,12 +472,32 @@
314 margin-top: 50px; 472 margin-top: 50px;
315 } 473 }
316 474
  475 + .show3-self-info div {
  476 + opacity: 1;
  477 + font-size: 26px;
  478 + font-family: SourceHanSansCN, SourceHanSansCN-Regular;
  479 + font-weight: 400;
  480 + text-align: center;
  481 + color: #5a5a5a;
  482 + line-height: 39px;
  483 + letter-spacing: 1px;
  484 + }
  485 +
317 .show3-indo-btn1 { 486 .show3-indo-btn1 {
318 - padding: 2% 14%; 487 + padding: 28px 0;
  488 + width: 480px;
  489 + margin-top: 32px;
319 margin-bottom: 50px; 490 margin-bottom: 50px;
320 background-color: #66ca94; 491 background-color: #66ca94;
321 color: #fff; 492 color: #fff;
322 border: 1px solid #66ca94; 493 border: 1px solid #66ca94;
  494 + opacity: 1;
  495 + font-size: 24px;
  496 + font-family: SourceHanSansCN, SourceHanSansCN-Medium;
  497 + font-weight: 500;
  498 + text-align: center;
  499 + color: #fcfbfd;
  500 + line-height: 24px;
323 } 501 }
324 502
325 .haveZS { 503 .haveZS {
@@ -333,7 +511,7 @@ @@ -333,7 +511,7 @@
333 } 511 }
334 512
335 .show4-down-title { 513 .show4-down-title {
336 - margin-bottom: 5%; 514 + margin-bottom: 50px;
337 font-size: 40px; 515 font-size: 40px;
338 font-family: SourceHanSansCN, SourceHanSansCN-Regular; 516 font-family: SourceHanSansCN, SourceHanSansCN-Regular;
339 font-weight: 400; 517 font-weight: 400;
@@ -352,8 +530,20 @@ @@ -352,8 +530,20 @@
352 } 530 }
353 531
354 .show4-zi { 532 .show4-zi {
355 - padding-top: 2%;  
356 - font-size: 32px; 533 + padding-top: 35px;
  534 + opacity: 1;
  535 + font-size: 36px;
  536 + font-family: SourceHanSansCN, SourceHanSansCN-Medium;
  537 + font-weight: 500;
  538 + text-align: left;
  539 + color: #323232;
  540 + line-height: 54px;
  541 + letter-spacing: 0px;
  542 + }
  543 +
  544 + #footer-personalInfo div {
  545 + opacity: 1;
  546 + font-size: 36px;
357 font-family: SourceHanSansCN, SourceHanSansCN-Medium; 547 font-family: SourceHanSansCN, SourceHanSansCN-Medium;
358 font-weight: 500; 548 font-weight: 500;
359 text-align: left; 549 text-align: left;
@@ -363,7 +553,15 @@ @@ -363,7 +553,15 @@
363 } 553 }
364 554
365 .show-fini-title { 555 .show-fini-title {
366 - padding-top: 2% 556 + padding-top: 50px;
  557 + opacity: 1;
  558 + font-size: 20px;
  559 + font-family: SourceHanSansCN, SourceHanSansCN-Normal;
  560 + font-weight: Normal;
  561 + text-align: left;
  562 + color: #000000;
  563 + line-height: 30px;
  564 + letter-spacing: 0px;
367 } 565 }
368 566
369 .show4-ul { 567 .show4-ul {
@@ -371,6 +569,7 @@ @@ -371,6 +569,7 @@
371 } 569 }
372 570
373 .show4-ul li { 571 .show4-ul li {
  572 + padding-top: 20px;
374 font-size: 16px; 573 font-size: 16px;
375 font-family: SourceHanSansCN, SourceHanSansCN-Regular; 574 font-family: SourceHanSansCN, SourceHanSansCN-Regular;
376 font-weight: 400; 575 font-weight: 400;
@@ -387,6 +586,7 @@ @@ -387,6 +586,7 @@
387 586
388 .show4-qianming1 p, 587 .show4-qianming1 p,
389 .show4-qianming p { 588 .show4-qianming p {
  589 + padding-bottom: 10px;
390 font-size: 16px; 590 font-size: 16px;
391 font-family: SourceHanSansCN, SourceHanSansCN-Normal; 591 font-family: SourceHanSansCN, SourceHanSansCN-Normal;
392 font-weight: Normal; 592 font-weight: Normal;
@@ -398,17 +598,24 @@ @@ -398,17 +598,24 @@
398 598
399 .show4-qianming-all { 599 .show4-qianming-all {
400 display: flex; 600 display: flex;
401 - padding: 5% 0 601 + padding: 70px 0 45px;
402 } 602 }
403 603
404 #title-content h3 { 604 #title-content h3 {
  605 + opacity: 1;
405 font-size: 24px; 606 font-size: 24px;
406 font-family: Helvetica; 607 font-family: Helvetica;
407 text-align: left; 608 text-align: left;
408 color: #909090; 609 color: #909090;
409 line-height: 30px; 610 line-height: 30px;
410 cursor: pointer; 611 cursor: pointer;
  612 + margin-bottom: 0;
  613 + margin-top: 0;
  614 + height: 80px;
  615 + display: flex;
  616 + place-items: center;
411 } 617 }
  618 +
412 /* .learn-erji-title { 619 /* .learn-erji-title {
413 font-size: 18px; 620 font-size: 18px;
414 font-family: Gotham, Gotham-Bold; 621 font-family: Gotham, Gotham-Bold;
@@ -428,27 +635,36 @@ @@ -428,27 +635,36 @@
428 } 635 }
429 636
430 #title-content ul li a { 637 #title-content ul li a {
431 - text-decoration: none;  
432 - display: block; 638 + /* text-decoration: none;
  639 + display: block; */
433 /* padding: 10px 20px; */ 640 /* padding: 10px 20px; */
434 /* background-color: #f5f5f5; */ 641 /* background-color: #f5f5f5; */
435 /* border: 1px solid #ccc; */ 642 /* border: 1px solid #ccc; */
436 - border-bottom: none; 643 + /* border-bottom: none;
437 color: #333; 644 color: #333;
438 font-size: 16px; 645 font-size: 16px;
439 font-family: Gotham, Gotham-Bold; 646 font-family: Gotham, Gotham-Bold;
440 font-weight: 700; 647 font-weight: 700;
441 text-align: left; 648 text-align: left;
442 color: #323232; 649 color: #323232;
443 - line-height: 30px; 650 + line-height: 30px; */
  651 + height: 80px;
  652 + opacity: 1;
  653 + font-size: 18px;
  654 + font-family: Gotham, Gotham-Bold;
  655 + font-weight: 700;
  656 + text-align: left;
  657 + color: #323232;
  658 + line-height: 80px;
444 } 659 }
445 660
446 #title-content { 661 #title-content {
447 - border-bottom: 1px solid #ccc; 662 + /* border-bottom: 1px solid #ccc; */
  663 + padding-bottom: 20px;
448 } 664 }
449 665
450 #title-content h3:hover { 666 #title-content h3:hover {
451 - background: #97dab6; 667 + background: #ccc;
452 } 668 }
453 669
454 #title-content a:hover { 670 #title-content a:hover {
@@ -460,6 +676,7 @@ @@ -460,6 +676,7 @@
460 } 676 }
461 677
462 .practiceContent { 678 .practiceContent {
  679 + padding-bottom: 20px;
463 font-size: 40px; 680 font-size: 40px;
464 font-family: PingFangSC, PingFangSC-Semibold; 681 font-family: PingFangSC, PingFangSC-Semibold;
465 font-weight: 600; 682 font-weight: 600;
@@ -467,10 +684,12 @@ @@ -467,10 +684,12 @@
467 color: #323232; 684 color: #323232;
468 line-height: 40px; 685 line-height: 40px;
469 } 686 }
470 - .company_img{ 687 +
  688 + .company_img {
471 width: 180px; 689 width: 180px;
472 height: 130px; 690 height: 130px;
473 } 691 }
  692 +
474 .header-img1 { 693 .header-img1 {
475 width: 210px; 694 width: 210px;
476 height: 30px; 695 height: 30px;
@@ -488,13 +707,25 @@ @@ -488,13 +707,25 @@
488 border-bottom: 1px solid #333; 707 border-bottom: 1px solid #333;
489 } 708 }
490 709
  710 + .header-right-btn {
  711 + width: 70px;
  712 + height: 70px;
  713 + }
  714 +
491 @media(max-width:768px) { 715 @media(max-width:768px) {
492 - .learn_one{  
493 - flex:none; 716 + header nav a {
  717 + margin: 0;
  718 + }
  719 +
  720 + .learn_one {
  721 + width: 100%;
  722 + /* flex: none; */
494 background-color: #f0f0f0; 723 background-color: #f0f0f0;
495 - padding: 2% 2% 2% 5%;  
496 - height: 500px; 724 + padding: 20px;
  725 + /* height: 500px; */
  726 + height: auto;
497 } 727 }
  728 +
498 .file { 729 .file {
499 font-size: 14px; 730 font-size: 14px;
500 font-family: PingFangSC, PingFangSC-Semibold; 731 font-family: PingFangSC, PingFangSC-Semibold;
@@ -503,6 +734,7 @@ @@ -503,6 +734,7 @@
503 color: #323232; 734 color: #323232;
504 line-height: 60px; 735 line-height: 60px;
505 } 736 }
  737 +
506 .login-footer-all { 738 .login-footer-all {
507 display: flex; 739 display: flex;
508 background: #323232; 740 background: #323232;
@@ -510,51 +742,68 @@ @@ -510,51 +742,68 @@
510 place-items: center; 742 place-items: center;
511 display: flex; 743 display: flex;
512 } 744 }
  745 +
513 footer { 746 footer {
514 display: none; 747 display: none;
515 } 748 }
  749 +
  750 + header nav {
  751 + height: auto;
  752 + }
  753 +
516 header { 754 header {
517 - height: 70px; 755 + height: auto;
518 } 756 }
  757 +
519 .header-btnL { 758 .header-btnL {
520 display: none; 759 display: none;
521 } 760 }
  761 +
522 .header-loginBtn { 762 .header-loginBtn {
523 display: none; 763 display: none;
524 } 764 }
  765 +
525 .header-txt1 { 766 .header-txt1 {
526 place-items: center; 767 place-items: center;
527 - padding: 12px 20px;  
528 - margin: 0; 768 + margin: 12px 20px;
  769 + padding: 0;
529 } 770 }
  771 +
530 .header-right-btn { 772 .header-right-btn {
531 - position: static;  
532 - margin-right: 0px; 773 + width: 35px;
  774 + height: 35px;
533 } 775 }
  776 +
534 .header-text { 777 .header-text {
535 padding-left: 0px; 778 padding-left: 0px;
536 right: 0; 779 right: 0;
537 width: 100%; 780 width: 100%;
538 } 781 }
  782 +
539 footer { 783 footer {
540 display: none; 784 display: none;
541 } 785 }
  786 +
542 .header-img1 { 787 .header-img1 {
543 width: 30%; 788 width: 30%;
544 } 789 }
  790 +
545 .learn-all { 791 .learn-all {
546 min-height: 0px; 792 min-height: 0px;
547 height: auto; 793 height: auto;
548 display: flex; 794 display: flex;
549 flex-direction: column; 795 flex-direction: column;
550 } 796 }
  797 +
551 .allList { 798 .allList {
552 flex: 3; 799 flex: 3;
553 padding: 0px; 800 padding: 0px;
554 } 801 }
  802 +
555 .div_show1 { 803 .div_show1 {
556 padding: 20px 40px 40px; 804 padding: 20px 40px 40px;
557 } 805 }
  806 +
558 .intern-program { 807 .intern-program {
559 font-size: 9px; 808 font-size: 9px;
560 font-family: PingFangSC, PingFangSC-Medium; 809 font-family: PingFangSC, PingFangSC-Medium;
@@ -563,6 +812,7 @@ @@ -563,6 +812,7 @@
563 color: #66ca94; 812 color: #66ca94;
564 line-height: 16px; 813 line-height: 16px;
565 } 814 }
  815 +
566 .qiuzhi, 816 .qiuzhi,
567 .jinrong { 817 .jinrong {
568 font-size: 14px; 818 font-size: 14px;
@@ -572,6 +822,7 @@ @@ -572,6 +822,7 @@
572 color: #323232; 822 color: #323232;
573 line-height: 24px; 823 line-height: 24px;
574 } 824 }
  825 +
575 #particulars { 826 #particulars {
576 font-size: 9px; 827 font-size: 9px;
577 font-family: Helvetica; 828 font-family: Helvetica;
@@ -580,6 +831,7 @@ @@ -580,6 +831,7 @@
580 line-height: 20px; 831 line-height: 20px;
581 padding: 10px 0; 832 padding: 10px 0;
582 } 833 }
  834 +
583 .learn-proFinish { 835 .learn-proFinish {
584 font-size: 9px; 836 font-size: 9px;
585 font-family: PingFangSC, PingFangSC-Medium; 837 font-family: PingFangSC, PingFangSC-Medium;
@@ -588,6 +840,7 @@ @@ -588,6 +840,7 @@
588 color: #66ca94; 840 color: #66ca94;
589 line-height: 16px; 841 line-height: 16px;
590 } 842 }
  843 +
591 .show1-txt2 { 844 .show1-txt2 {
592 font-size: 9px; 845 font-size: 9px;
593 font-family: Helvetica; 846 font-family: Helvetica;
@@ -596,22 +849,27 @@ @@ -596,22 +849,27 @@
596 line-height: 20px; 849 line-height: 20px;
597 padding: 0px; 850 padding: 0px;
598 } 851 }
  852 +
599 .show1-BtnAll { 853 .show1-BtnAll {
600 flex-direction: column; 854 flex-direction: column;
601 } 855 }
  856 +
602 #accomplish { 857 #accomplish {
603 padding: 10px 0 30px; 858 padding: 10px 0 30px;
604 } 859 }
  860 +
605 #downloadWork { 861 #downloadWork {
606 background-color: #f0f0f0; 862 background-color: #f0f0f0;
607 padding: 20px 60px; 863 padding: 20px 60px;
608 margin-bottom: 10px; 864 margin-bottom: 10px;
609 } 865 }
  866 +
610 .show1-Btn1-a { 867 .show1-Btn1-a {
611 display: flex; 868 display: flex;
612 place-items: center; 869 place-items: center;
613 place-content: center; 870 place-content: center;
614 } 871 }
  872 +
615 .show1-Btn2 span, 873 .show1-Btn2 span,
616 .show1-Btn1-a span { 874 .show1-Btn1-a span {
617 font-size: 14px; 875 font-size: 14px;
@@ -621,6 +879,7 @@ @@ -621,6 +879,7 @@
621 color: #323232; 879 color: #323232;
622 line-height: 60px; 880 line-height: 60px;
623 } 881 }
  882 +
624 .show1-Btn2 { 883 .show1-Btn2 {
625 background-color: #f0f0f0; 884 background-color: #f0f0f0;
626 padding: 20px 60px; 885 padding: 20px 60px;
@@ -629,15 +888,18 @@ @@ -629,15 +888,18 @@
629 place-items: center; 888 place-items: center;
630 place-content: center; 889 place-content: center;
631 } 890 }
  891 +
632 .show1-Btn3-img { 892 .show1-Btn3-img {
633 width: 10%; 893 width: 10%;
634 } 894 }
  895 +
635 .show1-Btn3 { 896 .show1-Btn3 {
636 padding: 20px 60px; 897 padding: 20px 60px;
637 display: flex; 898 display: flex;
638 place-items: center; 899 place-items: center;
639 place-content: center; 900 place-content: center;
640 } 901 }
  902 +
641 .show1-Btn3 span { 903 .show1-Btn3 span {
642 font-size: 14px; 904 font-size: 14px;
643 font-family: PingFangSC, PingFangSC-Semibold; 905 font-family: PingFangSC, PingFangSC-Semibold;
@@ -646,17 +908,21 @@ @@ -646,17 +908,21 @@
646 color: #ffffff; 908 color: #ffffff;
647 line-height: 60px; 909 line-height: 60px;
648 } 910 }
  911 +
649 .learn-next { 912 .learn-next {
650 display: flex; 913 display: flex;
651 place-items: center; 914 place-items: center;
652 cursor: pointer; 915 cursor: pointer;
653 } 916 }
  917 +
654 .learn-next-yuan { 918 .learn-next-yuan {
655 display: none; 919 display: none;
656 } 920 }
  921 +
657 .learn-next-Btn { 922 .learn-next-Btn {
658 display: none; 923 display: none;
659 } 924 }
  925 +
660 .show2-last-Btn1, 926 .show2-last-Btn1,
661 .learn-next-Btn1 { 927 .learn-next-Btn1 {
662 display: block; 928 display: block;
@@ -670,12 +936,15 @@ @@ -670,12 +936,15 @@
670 background: #97dab6; 936 background: #97dab6;
671 border-radius: 15px; 937 border-radius: 15px;
672 } 938 }
  939 +
673 .show1-TwoBtn { 940 .show1-TwoBtn {
674 padding-top: 20px; 941 padding-top: 20px;
675 } 942 }
  943 +
676 .div-show2-all { 944 .div-show2-all {
677 padding: 10px; 945 padding: 10px;
678 } 946 }
  947 +
679 .generate { 948 .generate {
680 font-size: 9px; 949 font-size: 9px;
681 font-family: PingFangSC, PingFangSC-Regular; 950 font-family: PingFangSC, PingFangSC-Regular;
@@ -686,6 +955,7 @@ @@ -686,6 +955,7 @@
686 letter-spacing: 0px; 955 letter-spacing: 0px;
687 padding-left: 20px; 956 padding-left: 20px;
688 } 957 }
  958 +
689 .dati-text, 959 .dati-text,
690 .all-text { 960 .all-text {
691 font-size: 14px; 961 font-size: 14px;
@@ -696,9 +966,11 @@ @@ -696,9 +966,11 @@
696 line-height: 24px; 966 line-height: 24px;
697 padding-left: 20px; 967 padding-left: 20px;
698 } 968 }
  969 +
699 .all-text { 970 .all-text {
700 margin-bottom: 20px; 971 margin-bottom: 20px;
701 } 972 }
  973 +
702 .show2-timu { 974 .show2-timu {
703 padding: 20px 20px 0 10px; 975 padding: 20px 20px 0 10px;
704 font-size: 16px; 976 font-size: 16px;
@@ -709,15 +981,19 @@ @@ -709,15 +981,19 @@
709 line-height: 24px; 981 line-height: 24px;
710 letter-spacing: 0px; 982 letter-spacing: 0px;
711 } 983 }
  984 +
712 .list-left { 985 .list-left {
713 display: none; 986 display: none;
714 } 987 }
  988 +
715 #timu1 { 989 #timu1 {
716 display: block; 990 display: block;
717 } 991 }
  992 +
718 #dati-list { 993 #dati-list {
719 display: flex; 994 display: flex;
720 } 995 }
  996 +
721 #timu1 { 997 #timu1 {
722 font-size: 14px; 998 font-size: 14px;
723 font-family: SourceHanSansCN, SourceHanSansCN-Regular; 999 font-family: SourceHanSansCN, SourceHanSansCN-Regular;
@@ -727,15 +1003,19 @@ @@ -727,15 +1003,19 @@
727 line-height: 23px; 1003 line-height: 23px;
728 letter-spacing: 0px; 1004 letter-spacing: 0px;
729 } 1005 }
  1006 +
730 #timu { 1007 #timu {
731 display: none; 1008 display: none;
732 } 1009 }
  1010 +
733 .list-right { 1011 .list-right {
734 margin-left: 0px; 1012 margin-left: 0px;
735 } 1013 }
  1014 +
736 .all-list { 1015 .all-list {
737 padding: 0 10px; 1016 padding: 0 10px;
738 } 1017 }
  1018 +
739 .checkBtn1, 1019 .checkBtn1,
740 .checkBtn { 1020 .checkBtn {
741 margin: 20px; 1021 margin: 20px;
@@ -748,23 +1028,29 @@ @@ -748,23 +1028,29 @@
748 text-align: center; 1028 text-align: center;
749 padding: 0; 1029 padding: 0;
750 } 1030 }
  1031 +
751 .show-Btn-last-yuan { 1032 .show-Btn-last-yuan {
752 display: none; 1033 display: none;
753 } 1034 }
  1035 +
754 .show2-last-Btn { 1036 .show2-last-Btn {
755 display: none; 1037 display: none;
756 } 1038 }
  1039 +
757 .show2-Btn-all { 1040 .show2-Btn-all {
758 display: flex; 1041 display: flex;
759 justify-content: space-between; 1042 justify-content: space-between;
760 padding: 30px; 1043 padding: 30px;
761 } 1044 }
  1045 +
762 .show3-all { 1046 .show3-all {
763 padding: 10px; 1047 padding: 10px;
764 } 1048 }
  1049 +
765 .show4-all { 1050 .show4-all {
766 padding: 10px; 1051 padding: 10px;
767 } 1052 }
  1053 +
768 .luru { 1054 .luru {
769 padding-left: 20px; 1055 padding-left: 20px;
770 font-size: 9px; 1056 font-size: 9px;
@@ -775,6 +1061,7 @@ @@ -775,6 +1061,7 @@
775 line-height: 16px; 1061 line-height: 16px;
776 letter-spacing: 0px; 1062 letter-spacing: 0px;
777 } 1063 }
  1064 +
778 .dayin, 1065 .dayin,
779 .shengcheng { 1066 .shengcheng {
780 padding-left: 20px; 1067 padding-left: 20px;
@@ -786,6 +1073,7 @@ @@ -786,6 +1073,7 @@
786 line-height: 24px; 1073 line-height: 24px;
787 padding-bottom: 20px; 1074 padding-bottom: 20px;
788 } 1075 }
  1076 +
789 .show3-self-info { 1077 .show3-self-info {
790 margin-top: 0; 1078 margin-top: 0;
791 border: 10px solid #97dab6; 1079 border: 10px solid #97dab6;
@@ -796,6 +1084,7 @@ @@ -796,6 +1084,7 @@
796 /* place-content: center; 1084 /* place-content: center;
797 place-items: center; */ 1085 place-items: center; */
798 } 1086 }
  1087 +
799 .show3-self-info p { 1088 .show3-self-info p {
800 font-size: 9px; 1089 font-size: 9px;
801 font-family: SourceHanSansCN, SourceHanSansCN-Regular; 1090 font-family: SourceHanSansCN, SourceHanSansCN-Regular;
@@ -804,16 +1093,37 @@ @@ -804,16 +1093,37 @@
804 color: #5a5a5a; 1093 color: #5a5a5a;
805 line-height: 20px; 1094 line-height: 20px;
806 } 1095 }
  1096 +
  1097 + #footer-personalInfo div {
  1098 + opacity: 1;
  1099 + font-size: 15px;
  1100 + font-family: SourceHanSansCN, SourceHanSansCN-Regular;
  1101 + font-weight: 400;
  1102 + text-align: left;
  1103 + color: #323232;
  1104 + line-height: 23px;
  1105 + letter-spacing: 0px;
  1106 + }
  1107 +
  1108 + .waikuang {
  1109 + padding: 15px 12px 20px;
  1110 + }
  1111 +
807 .show3-indo-btn1 { 1112 .show3-indo-btn1 {
  1113 + display: flex;
  1114 + place-items: center;
  1115 + place-content: center;
  1116 + padding: 0;
  1117 + height: 60px;
808 width: 100%; 1118 width: 100%;
809 font-size: 14px; 1119 font-size: 14px;
810 font-family: PingFangSC, PingFangSC-Semibold; 1120 font-family: PingFangSC, PingFangSC-Semibold;
811 font-weight: 600; 1121 font-weight: 600;
812 - text-align: center;  
813 color: #ffffff; 1122 color: #ffffff;
814 line-height: 60px; 1123 line-height: 60px;
815 margin-bottom: 20px; 1124 margin-bottom: 20px;
816 } 1125 }
  1126 +
817 .haveZS { 1127 .haveZS {
818 font-size: 9px; 1128 font-size: 9px;
819 font-family: PingFangSC, PingFangSC-Regular; 1129 font-family: PingFangSC, PingFangSC-Regular;
@@ -824,6 +1134,7 @@ @@ -824,6 +1134,7 @@
824 letter-spacing: 0px; 1134 letter-spacing: 0px;
825 padding-left: 20px; 1135 padding-left: 20px;
826 } 1136 }
  1137 +
827 .show4-down-title, 1138 .show4-down-title,
828 .show4-fini-title { 1139 .show4-fini-title {
829 padding-left: 20px; 1140 padding-left: 20px;
@@ -834,6 +1145,7 @@ @@ -834,6 +1145,7 @@
834 color: #323232; 1145 color: #323232;
835 line-height: 24px; 1146 line-height: 24px;
836 } 1147 }
  1148 +
837 .show4-zi { 1149 .show4-zi {
838 font-size: 15px; 1150 font-size: 15px;
839 font-family: SourceHanSansCN, SourceHanSansCN-Regular; 1151 font-family: SourceHanSansCN, SourceHanSansCN-Regular;
@@ -843,7 +1155,9 @@ @@ -843,7 +1155,9 @@
843 line-height: 23px; 1155 line-height: 23px;
844 letter-spacing: 0px; 1156 letter-spacing: 0px;
845 } 1157 }
  1158 +
846 .show-fini-title { 1159 .show-fini-title {
  1160 + padding-top: 20px;
847 font-size: 12px; 1161 font-size: 12px;
848 font-family: SourceHanSansCN, SourceHanSansCN-Normal; 1162 font-family: SourceHanSansCN, SourceHanSansCN-Normal;
849 font-weight: Normal; 1163 font-weight: Normal;
@@ -852,7 +1166,9 @@ @@ -852,7 +1166,9 @@
852 line-height: 18px; 1166 line-height: 18px;
853 letter-spacing: 0px; 1167 letter-spacing: 0px;
854 } 1168 }
  1169 +
855 .show4-ul li { 1170 .show4-ul li {
  1171 + padding-top: 10px;
856 font-size: 9px; 1172 font-size: 9px;
857 font-family: SourceHanSansCN, SourceHanSansCN-Normal; 1173 font-family: SourceHanSansCN, SourceHanSansCN-Normal;
858 font-weight: Normal; 1174 font-weight: Normal;
@@ -862,11 +1178,14 @@ @@ -862,11 +1178,14 @@
862 letter-spacing: 0px; 1178 letter-spacing: 0px;
863 padding-bottom: 4px; 1179 padding-bottom: 4px;
864 } 1180 }
  1181 +
865 .show4-qianming { 1182 .show4-qianming {
866 padding-right: 0; 1183 padding-right: 0;
867 } 1184 }
  1185 +
868 .show4-qianming1 p, 1186 .show4-qianming1 p,
869 .show4-qianming p { 1187 .show4-qianming p {
  1188 + padding-bottom: 0;
870 font-size: 9px; 1189 font-size: 9px;
871 font-family: SourceHanSansCN, SourceHanSansCN-Normal; 1190 font-family: SourceHanSansCN, SourceHanSansCN-Normal;
872 font-weight: Normal; 1191 font-weight: Normal;
@@ -875,12 +1194,24 @@ @@ -875,12 +1194,24 @@
875 line-height: 14px; 1194 line-height: 14px;
876 letter-spacing: 0px; 1195 letter-spacing: 0px;
877 } 1196 }
  1197 +
878 .show4-qianming-all { 1198 .show4-qianming-all {
879 display: flex; 1199 display: flex;
880 flex-direction: column; 1200 flex-direction: column;
881 - padding: 20px 0; 1201 + padding: 0;
  1202 + margin: 20px 0;
  1203 + }
  1204 +
  1205 + .zhengmingBtn button {
  1206 + font-size: 14px;
  1207 + width: 100%;
  1208 + height: 60px;
  1209 + padding: 0;
  1210 + margin-top: 20px;
882 } 1211 }
  1212 +
883 .practiceContent { 1213 .practiceContent {
  1214 + padding-bottom: 10px;
884 font-size: 20px; 1215 font-size: 20px;
885 font-family: PingFangSC, PingFangSC-Semibold; 1216 font-family: PingFangSC, PingFangSC-Semibold;
886 font-weight: 600; 1217 font-weight: 600;
@@ -888,25 +1219,82 @@ @@ -888,25 +1219,82 @@
888 color: #323232; 1219 color: #323232;
889 line-height: 20px; 1220 line-height: 20px;
890 } 1221 }
  1222 +
891 #title-content h3 { 1223 #title-content h3 {
  1224 + height: 40px;
892 font-size: 16px; 1225 font-size: 16px;
893 font-family: Gotham, Gotham-Bold; 1226 font-family: Gotham, Gotham-Bold;
894 font-weight: 700; 1227 font-weight: 700;
895 text-align: left; 1228 text-align: left;
896 color: #323232; 1229 color: #323232;
897 } 1230 }
  1231 +
  1232 + #accomplish {
  1233 + opacity: 1;
  1234 + font-size: 9px;
  1235 + font-family: Helvetica;
  1236 + text-align: justify;
  1237 + color: #5a5a5a;
  1238 + line-height: 20px;
  1239 + }
  1240 +
  1241 + #particulars iframe {
  1242 + height: 178px;
  1243 + }
  1244 +
  1245 + .option {
  1246 + opacity: 1;
  1247 + font-size: 12px;
  1248 + font-family: SourceHanSansCN, SourceHanSansCN-Normal;
  1249 + font-weight: Normal;
  1250 + text-align: left;
  1251 + line-height: 18px;
  1252 + letter-spacing: 0px;
  1253 + }
  1254 +
  1255 + .input-radio {
  1256 + width: 12px;
  1257 + height: 12px;
  1258 + }
  1259 +
  1260 + .show3-self-info div {
  1261 + opacity: 1;
  1262 + font-size: 9px;
  1263 + font-family: SourceHanSansCN, SourceHanSansCN-Regular;
  1264 + font-weight: 400;
  1265 + text-align: justify;
  1266 + color: #5a5a5a;
  1267 + line-height: 20px;
  1268 + }
  1269 +
  1270 + #checkAnswers {
  1271 + display: flex;
  1272 + place-content: center;
  1273 + width: 100%;
  1274 + margin: 20px;
  1275 + font-size: 14px;
  1276 + font-family: PingFangSC, PingFangSC-Semibold;
  1277 + font-weight: 600;
  1278 + text-align: right;
  1279 + color: #ffffff;
  1280 + }
  1281 +
898 #title-content ul li a { 1282 #title-content ul li a {
  1283 + line-height: 40px;
  1284 + height: 40px;
899 font-size: 14px; 1285 font-size: 14px;
900 font-family: Gotham, Gotham-Bold; 1286 font-family: Gotham, Gotham-Bold;
901 font-weight: 700; 1287 font-weight: 700;
902 text-align: left; 1288 text-align: left;
903 color: #323232; 1289 color: #323232;
904 } 1290 }
905 - .company_img{ 1291 +
  1292 + .company_img {
906 width: 60px; 1293 width: 60px;
907 height: 40px; 1294 height: 40px;
908 } 1295 }
909 - .header-img1{ 1296 +
  1297 + .header-img1 {
910 width: 105px; 1298 width: 105px;
911 height: 15px; 1299 height: 15px;
912 } 1300 }
@@ -923,44 +1311,34 @@ @@ -923,44 +1311,34 @@
923 </div> 1311 </div>
924 <div class="header-right1"> 1312 <div class="header-right1">
925 <div class="header-btnL"> 1313 <div class="header-btnL">
926 - <a href="login.html">  
927 - <div class="header-loginBtn" >退出登录</div>  
928 - </a> 1314 + <a href="login.html">退出登录</a>
929 </div> 1315 </div>
930 - <div>  
931 - <!-- <a href="index.html"><img src="./img/portfolio/Y9.png"></a> -->  
932 <a class="header-right-btn" onclick="setPersonal()"> 1316 <a class="header-right-btn" onclick="setPersonal()">
933 - <!-- <h1 class="header-h1-btn" style="background-color: #66CA94;position: absolute;width: 40px;border-radius: 50%;">&nbsp;</h1>  
934 - <div class="header-xian">  
935 - <div class="header-xian1">&nbsp;</div>  
936 - <div class="header-xian2">&nbsp;</div>  
937 - </div> -->  
938 - <img src="./img/portfolio/circle.png" style="width: 50px;height: 50px;"> 1317 + <img src="./img/portfolio/circle.png" style="width: 100%;height: 100%;">
939 </a> 1318 </a>
940 </div> 1319 </div>
941 </div> 1320 </div>
942 - </div>  
943 </nav> 1321 </nav>
944 </header> 1322 </header>
945 <div class="learn-all"> 1323 <div class="learn-all">
946 <div class="learn_one"> 1324 <div class="learn_one">
947 - <h2 class="practiceContent" style='cursor:default'>实习内容</h2> 1325 + <div class="practiceContent">实习内容</div>
948 <div id="title-content"></div> 1326 <div id="title-content"></div>
949 </div> 1327 </div>
950 <div class="allList"> 1328 <div class="allList">
951 <!-- 内容页 --> 1329 <!-- 内容页 -->
952 <div class="div_show1 divClass" style="display: none;"> 1330 <div class="div_show1 divClass" style="display: none;">
953 - <p class="intern-program">实习流程 Intern Program Process</p> 1331 + <div class="intern-program">实习流程 Intern Program Process</div>
954 <div class="jinrong">金融界的顶尖名企</div> 1332 <div class="jinrong">金融界的顶尖名企</div>
955 <div class="qiuzhi">求知若渴的职场技能</div> 1333 <div class="qiuzhi">求知若渴的职场技能</div>
956 - <p id="particulars"></p> 1334 + <div id="particulars"></div>
957 <!-- <p class="learn-proFinish">已完成的实习项目<span style="padding-left: 10px;">3</span></p> --> 1335 <!-- <p class="learn-proFinish">已完成的实习项目<span style="padding-left: 10px;">3</span></p> -->
958 <!-- <p class="show1-txt2">start-line虚拟实习项目，传授顶尖名企求知若渴的职场技能，助理学生成功开启职场道路</p> --> 1336 <!-- <p class="show1-txt2">start-line虚拟实习项目，传授顶尖名企求知若渴的职场技能，助理学生成功开启职场道路</p> -->
959 <!-- <p class="learn-proFinish">已完成的实习项目</p> --> 1337 <!-- <p class="learn-proFinish">已完成的实习项目</p> -->
960 <!-- <div class="show1-img1"> 1338 <!-- <div class="show1-img1">
961 <img src="./images/03-1.png" style='width:100%;'> 1339 <img src="./images/03-1.png" style='width:100%;'>
962 </div> --> 1340 </div> -->
963 - <p id="accomplish"></p> 1341 + <div id="accomplish"></div>
964 <div class="show1-BtnAll" style="display: none;"> 1342 <div class="show1-BtnAll" style="display: none;">
965 <!-- 下载作业 --> 1343 <!-- 下载作业 -->
966 <div id="downloadWork"> 1344 <div id="downloadWork">
@@ -975,7 +1353,7 @@ @@ -975,7 +1353,7 @@
975 font-size: 100px; 1353 font-size: 100px;
976 right: 0; 1354 right: 0;
977 top: 0; 1355 top: 0;
978 - opacity: 0;" > 1356 + opacity: 0;">
979 </a> 1357 </a>
980 </div> 1358 </div>
981 <!-- 完成作业 --> 1359 <!-- 完成作业 -->
@@ -987,17 +1365,17 @@ @@ -987,17 +1365,17 @@
987 </div> 1365 </div>
988 </div> 1366 </div>
989 <div class="show1-TwoBtn"> 1367 <div class="show1-TwoBtn">
990 - <div style="display: flex;place-items: center;cursor: pointer;" class="lastBtn"> 1368 + <div class="lastBtn">
991 <h5 class="show-Btn-last-yuan">&nbsp;</h5> 1369 <h5 class="show-Btn-last-yuan">&nbsp;</h5>
992 <a onclick="last()" class="show2-last-Btn"> 1370 <a onclick="last()" class="show2-last-Btn">
993 - <上一步骤</a> 1371 + < 上一步骤</a>
994 <a onclick="last()" class="show2-last-Btn1"> 1372 <a onclick="last()" class="show2-last-Btn1">
995 上一步骤</a> 1373 上一步骤</a>
996 </div> 1374 </div>
997 <div id="nextchange"> 1375 <div id="nextchange">
998 <div class="learn-next"> 1376 <div class="learn-next">
999 <h5 class="learn-next-yuan">&nbsp;</h5> 1377 <h5 class="learn-next-yuan">&nbsp;</h5>
1000 - <div class="learn-next-Btn" onclick="next()">下一步骤></div> 1378 + <div class="learn-next-Btn" onclick="next()">下一步骤 ></div>
1001 <div class="learn-next-Btn1" onclick="next()">下一步骤</div> 1379 <div class="learn-next-Btn1" onclick="next()">下一步骤</div>
1002 </div> 1380 </div>
1003 </div> 1381 </div>
@@ -1006,45 +1384,49 @@ @@ -1006,45 +1384,49 @@
1006 <!-- 答题 --> 1384 <!-- 答题 -->
1007 <div class="div_show2 divClass" style="display: none;"> 1385 <div class="div_show2 divClass" style="display: none;">
1008 <div class="div-show2-all"> 1386 <div class="div-show2-all">
1009 - <p style="color: #66CA94;" class="generate">答题测试 Generate certificate</p> 1387 + <div class="generate">答题测试 Generate certificate</div>
1010 <div class="dati-text">答题测试</div> 1388 <div class="dati-text">答题测试</div>
1011 <div class="all-text">完成全部答题即可查看答案</div> 1389 <div class="all-text">完成全部答题即可查看答案</div>
1012 - <div style="border: 10px solid #97dab6;display: flex;flex-direction: column;"> 1390 + <div class="datiall">
1013 <div style="overflow-y: scroll;"> 1391 <div style="overflow-y: scroll;">
1014 <p class="show2-timu">选择题(共十道题，已完成0/10)</p> 1392 <p class="show2-timu">选择题(共十道题，已完成0/10)</p>
1015 <div id="recommend-List"> 1393 <div id="recommend-List">
1016 </div> 1394 </div>
1017 </div> 1395 </div>
1018 - <button class="checkBtn" onclick="getValue()">完成答题查看答案</button> 1396 + <div class="datiBtn">
  1397 + <button id="checkAnswers" onclick="getValue()">完成答题查看答案</button>
  1398 + </div>
1019 </div> 1399 </div>
1020 <div class="show2-Btn-all"> 1400 <div class="show2-Btn-all">
1021 <div style="display: flex;place-items: center;cursor: pointer;" class="lastBtn"> 1401 <div style="display: flex;place-items: center;cursor: pointer;" class="lastBtn">
1022 <h5 class="show-Btn-last-yuan">&nbsp;</h5> 1402 <h5 class="show-Btn-last-yuan">&nbsp;</h5>
1023 <a onclick="last()" class="show2-last-Btn"> 1403 <a onclick="last()" class="show2-last-Btn">
1024 - <上一步骤</a> 1404 + < 上一步骤</a>
1025 <a onclick="last()" class="show2-last-Btn1"> 1405 <a onclick="last()" class="show2-last-Btn1">
1026 上一步骤</a> 1406 上一步骤</a>
1027 </div> 1407 </div>
1028 - <div style="display: flex;place-items: center;cursor: pointer;"> 1408 + <div id="nextchange">
  1409 + <div class="learn-next">
1029 <h5 class="learn-next-yuan">&nbsp;</h5> 1410 <h5 class="learn-next-yuan">&nbsp;</h5>
1030 - <div class="learn-next-Btn" onclick="next()">下一步骤></div> 1411 + <div class="learn-next-Btn" onclick="next()">下一步骤 ></div>
1031 <div class="learn-next-Btn1" onclick="next()">下一步骤</div> 1412 <div class="learn-next-Btn1" onclick="next()">下一步骤</div>
1032 </div> 1413 </div>
1033 </div> 1414 </div>
1034 </div> 1415 </div>
1035 </div> 1416 </div>
  1417 + </div>
1036 <!-- 录入信息页 --> 1418 <!-- 录入信息页 -->
1037 <div class="div_show3 divClass" style="display: none;"> 1419 <div class="div_show3 divClass" style="display: none;">
1038 <div class="show3-all"> 1420 <div class="show3-all">
1039 - <p style="color: #66CA94;" class="luru">录入信息 Input information</p> 1421 + <div class="luru">录入信息 Input information</div>
1040 <div class="dayin">打印生成的证书</div> 1422 <div class="dayin">打印生成的证书</div>
1041 <div class="shengcheng">将按照您提供的姓名生成</div> 1423 <div class="shengcheng">将按照您提供的姓名生成</div>
1042 <div class="show3-self-info"> 1424 <div class="show3-self-info">
1043 - <p>1.请浏览个人中心，确认姓氏和名字是否正确。</p>  
1044 - <p>实习证书将按照您提供的信息打印。如希望检查或修改，请点击以下按钮。</p> 1425 + <div>1.请浏览个人中心，确认姓氏和名字是否正确。</div>
  1426 + <div>实习证书将按照您提供的信息打印。如希望检查或修改，请点击以下按钮。</div>
1045 <button class="show3-indo-btn1" onclick="setPersonal()">我的信息</button> 1427 <button class="show3-indo-btn1" onclick="setPersonal()">我的信息</button>
1046 - <p>2.确认无误后，请点击右下角“完成步骤”按钮。</p>  
1047 - <p>页面将自动返回，你将可以在页面顶部发现“下载证书”并提示下载</p> 1428 + <div>2.确认无误后，请点击右下角“完成步骤”按钮。</div>
  1429 + <div>页面将自动返回，你将可以在页面顶部发现“下载证书”并提示下载</div>
1048 <!-- <button class="checkBtn" onclick="setQuestionId()">生成证书</button> --> 1430 <!-- <button class="checkBtn" onclick="setQuestionId()">生成证书</button> -->
1049 <button class="show3-indo-btn1" onclick="next()">生成证书</button> 1431 <button class="show3-indo-btn1" onclick="next()">生成证书</button>
1050 </div> 1432 </div>
@@ -1052,55 +1434,57 @@ @@ -1052,55 +1434,57 @@
1052 <div style="display: flex;place-items: center;cursor: pointer;" class="lastBtn"> 1434 <div style="display: flex;place-items: center;cursor: pointer;" class="lastBtn">
1053 <h5 class="show-Btn-last-yuan">&nbsp;</h5> 1435 <h5 class="show-Btn-last-yuan">&nbsp;</h5>
1054 <a onclick="last()" class="show2-last-Btn"> 1436 <a onclick="last()" class="show2-last-Btn">
1055 - <上一步骤</a> 1437 + < 上一步骤</a>
1056 <a onclick="last()" class="show2-last-Btn1"> 1438 <a onclick="last()" class="show2-last-Btn1">
1057 上一步骤</a> 1439 上一步骤</a>
1058 </div> 1440 </div>
1059 - <div style="display: flex;place-items: center;cursor: pointer;"> 1441 + <div id="nextchange">
  1442 + <div class="learn-next">
1060 <h5 class="learn-next-yuan">&nbsp;</h5> 1443 <h5 class="learn-next-yuan">&nbsp;</h5>
1061 - <div class="learn-next-Btn" onclick="next()">下一步骤></div> 1444 + <div class="learn-next-Btn" onclick="next()">下一步骤 ></div>
1062 <div class="learn-next-Btn1" onclick="next()">下一步骤</div> 1445 <div class="learn-next-Btn1" onclick="next()">下一步骤</div>
1063 </div> 1446 </div>
1064 </div> 1447 </div>
1065 </div> 1448 </div>
1066 </div> 1449 </div>
  1450 + </div>
1067 <!-- 证书页 --> 1451 <!-- 证书页 -->
1068 <div class="div_show4 divClass" style="display: none;"> 1452 <div class="div_show4 divClass" style="display: none;">
1069 <div class='show4-all'> 1453 <div class='show4-all'>
1070 <p class="haveZS">生成证书 Generate certificate</p> 1454 <p class="haveZS">生成证书 Generate certificate</p>
1071 <div class="show4-fini-title">证书生成完毕</div> 1455 <div class="show4-fini-title">证书生成完毕</div>
1072 <div class="show4-down-title">您可直接下载保存您的证书</div> 1456 <div class="show4-down-title">您可直接下载保存您的证书</div>
1073 - <div style="border: 10px solid #97dab6;display: flex;padding: 4%;flex-direction: column;">  
1074 - <div style="border-left: 5px solid #66ca97;  
1075 - border-right: 5px solid #66ca94;  
1076 - background-color: #fff;padding: 0 5%;" id='footer_download'>  
1077 - <div class="company_img" > 1457 + <div class="waikuang">
  1458 + <div id='footer_download'>
  1459 + <div class="company_img">
1078 </div> 1460 </div>
1079 <div class="show4-zi">兹证明</div> 1461 <div class="show4-zi">兹证明</div>
1080 - <div class="show4-zi" id="footer-personalInfo"> 1462 + <div id="footer-personalInfo">
1081 </div> 1463 </div>
1082 - <p class="show-fini-title">完成实习可获得提升以下专业能力</p> 1464 + <div class="show-fini-title">完成实习可获得提升以下专业能力</div>
1083 <ul class='show4-ul'> 1465 <ul class='show4-ul'>
1084 </ul> 1466 </ul>
1085 <div class="show4-qianming-all"> 1467 <div class="show4-qianming-all">
1086 </div> 1468 </div>
1087 </div> 1469 </div>
1088 - <button class="checkBtn" id="btn1" style="margin-top: 20px;">下载保存</button> 1470 + <div class="zhengmingBtn">
  1471 + <button id="btn1">下载保存</button>
  1472 + </div>
1089 </div> 1473 </div>
1090 1474
1091 <div class="show2-Btn-all"> 1475 <div class="show2-Btn-all">
1092 <div style="display: flex;place-items: center;cursor: pointer;" class="lastBtn"> 1476 <div style="display: flex;place-items: center;cursor: pointer;" class="lastBtn">
1093 <h5 class="show-Btn-last-yuan">&nbsp;</h5> 1477 <h5 class="show-Btn-last-yuan">&nbsp;</h5>
1094 <a onclick="last()" class="show2-last-Btn"> 1478 <a onclick="last()" class="show2-last-Btn">
1095 - <上一步骤</a> 1479 + < 上一步骤</a>
1096 <a onclick="last()" class="show2-last-Btn1"> 1480 <a onclick="last()" class="show2-last-Btn1">
1097 上一步骤</a> 1481 上一步骤</a>
1098 </div> 1482 </div>
1099 <div id="nextchange"> 1483 <div id="nextchange">
1100 <div class="learn-next"> 1484 <div class="learn-next">
1101 <h5 class="learn-next-yuan">&nbsp;</h5> 1485 <h5 class="learn-next-yuan">&nbsp;</h5>
1102 - <div class="learn-next-Btn" onclick="commitPro()">完成</div>  
1103 - <div class="learn-next-Btn1" onclick="commitPro()">完成</div> 1486 + <div class="learn-next-Btn" onclick="commitPro()">退出实习 ></div>
  1487 + <div class="learn-next-Btn1" onclick="commitPro()">退出实习</div>
1104 </div> 1488 </div>
1105 </div> 1489 </div>
1106 </div> 1490 </div>
@@ -1117,7 +1501,8 @@ @@ -1117,7 +1501,8 @@
1117 font-family: PingFangSC, PingFangSC-Regular; 1501 font-family: PingFangSC, PingFangSC-Regular;
1118 text-align: center; 1502 text-align: center;
1119 font-size: 9px;margin-top: 12px;">成功职场第一步，从Start-Line开始</div> 1503 font-size: 9px;margin-top: 12px;">成功职场第一步，从Start-Line开始</div>
1120 - <div style="color: #66CA94;font-size: 12px;font-family: PingFangSC, PingFangSC-Regular;margin: 60px 0 20px;">关注Start-Line</div> 1504 + <div style="color: #66CA94;font-size: 12px;font-family: PingFangSC, PingFangSC-Regular;margin: 60px 0 20px;">
  1505 + 关注Start-Line</div>
1121 <div style="width: 25%;margin-bottom: 200px;"> 1506 <div style="width: 25%;margin-bottom: 200px;">
1122 <img src="img/portfolio/EWM.png" width="100%"> 1507 <img src="img/portfolio/EWM.png" width="100%">
1123 </div> 1508 </div>
@@ -1219,7 +1604,7 @@ @@ -1219,7 +1604,7 @@
1219 <!-- carousel --> 1604 <!-- carousel -->
1220 <script src="owl-carousel/owl.carousel.js"></script> 1605 <script src="owl-carousel/owl.carousel.js"></script>
1221 <script> 1606 <script>
1222 - $(document).ready(function() { 1607 + $(document).ready(function () {
1223 $("#owl-brand").owlCarousel({ 1608 $("#owl-brand").owlCarousel({
1224 autoPlay: 3000, 1609 autoPlay: 3000,
1225 items: 1, 1610 items: 1,
@@ -69,7 +69,7 @@ $(document).ready(function () { @@ -69,7 +69,7 @@ $(document).ready(function () {
69 title1 += ` 69 title1 += `
70 <li id="content-list" data-index="` + ii + `" class='leftClick' style='display:flex;margin-bottom:8px;cursor: pointer;margin-left: 10px; 70 <li id="content-list" data-index="` + ii + `" class='leftClick' style='display:flex;margin-bottom:8px;cursor: pointer;margin-left: 10px;
71 place-items: center;'> 71 place-items: center;'>
72 - <div class="noCheck ` + `${selected}` + `" ` + `data-id='` + val.id + `' style='margin-right:6px'></div> 72 + <div class="noCheck ` + `${selected}` + `" ` + `data-id='` + val.id + `' style='margin-right:10px'></div>
73 <a class='learn-erji-title' style='flex:1'>${val.subhead}</a> 73 <a class='learn-erji-title' style='flex:1'>${val.subhead}</a>
74 </li>` 74 </li>`
75 ii++; 75 ii++;
@@ -204,7 +204,7 @@ $('#title-content').on('click', '.leftClick', function (e) { @@ -204,7 +204,7 @@ $('#title-content').on('click', '.leftClick', function (e) {
204 <div class='left-num'>${x < 10 ? '0' + x : x}</div> 204 <div class='left-num'>${x < 10 ? '0' + x : x}</div>
205 </div> 205 </div>
206 <!-- 线 --> 206 <!-- 线 -->
207 - <div class='left-xian' style="height:100px;">&nbsp;</div> 207 + <div class='left-xian' style="height:200px;">&nbsp;</div>
208 </div> 208 </div>
209 <!-- 题目 --> 209 <!-- 题目 -->
210 <div class="list-right" id="dati-list"> 210 <div class="list-right" id="dati-list">
@@ -212,13 +212,13 @@ $('#title-content').on('click', '.leftClick', function (e) { @@ -212,13 +212,13 @@ $('#title-content').on('click', '.leftClick', function (e) {
212 <div class="questList" id="questList${res.data[i].id}" data-index="${i}" data-id='${res.data[i].id}'> 212 <div class="questList" id="questList${res.data[i].id}" data-index="${i}" data-id='${res.data[i].id}'>
213 <div id="timu" >${res.data[i].topic}</div> 213 <div id="timu" >${res.data[i].topic}</div>
214 <div id="timu1" >${res.data[i].id + '.' + res.data[i].topic}</div> 214 <div id="timu1" >${res.data[i].id + '.' + res.data[i].topic}</div>
215 - <div style="display: flex;place-items: center; color: #5a5a5a;margin:10px 0" > 215 + <div class='option'>
216 <input id="${res.data[i].id}answer1" type="radio" class="input-radio" value="${res.data[i].issue1}" data-id="1" name="${i}" />${res.data[i].issue1}</div> 216 <input id="${res.data[i].id}answer1" type="radio" class="input-radio" value="${res.data[i].issue1}" data-id="1" name="${i}" />${res.data[i].issue1}</div>
217 - <div style="display: flex;place-items: center; color: #5a5a5a;margin:10px 0" > 217 + <div class='option'>
218 <input id="${res.data[i].id}answer2" type="radio" class="input-radio" value="${res.data[i].issue2}" data-id="2" name="${i}" />${res.data[i].issue2}</div> 218 <input id="${res.data[i].id}answer2" type="radio" class="input-radio" value="${res.data[i].issue2}" data-id="2" name="${i}" />${res.data[i].issue2}</div>
219 - <div style="display: flex;place-items: center; color: #5a5a5a;margin:10px 0" > 219 + <div class='option'>
220 <input id="${res.data[i].id}answer3" type="radio" class="input-radio" value="${res.data[i].issue3}" data-id="3" name="${i}" />${res.data[i].issue3}</div> 220 <input id="${res.data[i].id}answer3" type="radio" class="input-radio" value="${res.data[i].issue3}" data-id="3" name="${i}" />${res.data[i].issue3}</div>
221 - <div style="display: flex;place-items: center; color: #5a5a5a;" > 221 + <div class='option'>
222 <input id="${res.data[i].id}answer4" type="radio" class="input-radio" value="${res.data[i].issue4}" data-id="4" name="${i}" />${res.data[i].issue4}</div> 222 <input id="${res.data[i].id}answer4" type="radio" class="input-radio" value="${res.data[i].issue4}" data-id="4" name="${i}" />${res.data[i].issue4}</div>
223 </div> 223 </div>
224 </div> 224 </div>
@@ -228,6 +228,28 @@ $('#title-content').on('click', '.leftClick', function (e) { @@ -228,6 +228,28 @@ $('#title-content').on('click', '.leftClick', function (e) {
228 }, function (res) { 228 }, function (res) {
229 console.log(res); 229 console.log(res);
230 }) 230 })
  231 + // 答案回显
  232 + ajax("/recommend/recommendFiveLists", "GET", header, params1, function (res1) {
  233 + console.log(res1);
  234 + if(res1.data != null && res1.data != ''){
  235 + console.log(111111111);
  236 + var data = res1.data
  237 + for (var i in data) {
  238 + if (data[i].answer === data[i].answer1) {
  239 + $("#" + (data[i].recommendFiveId) + 'answer' + data[i].answer1).css({ "background": 'url("images/radio.png") no-repeat center', "background-size": "20px" });
  240 + } else {
  241 + $("#left-yuan" + (data[i].recommendFiveId)).css('background-color', '#FF6F6F')
  242 + $("#" + (data[i].recommendFiveId) + 'answer' + data[i].answer).css('background', 'url("images/red.png") no-repeat center');
  243 + $("#" + (data[i].recommendFiveId) + 'answer' + data[i].answer1).css({ "background": 'url("images/radio.png") no-repeat center', "background-size": "20px" });
  244 + }
  245 + }
  246 + $(".option input").attr("disabled","disabled");
  247 + $(".datiall button").attr("disabled","disabled");
  248 +
  249 + }
  250 + }, function (data) {
  251 + // console.log(data);
  252 + })
231 cc += 1; 253 cc += 1;
232 } 254 }
233 } else if (val.status == '3') { 255 } else if (val.status == '3') {
@@ -331,6 +353,8 @@ $('#recommend-List').on('click', '.input-radio', function (e) { @@ -331,6 +353,8 @@ $('#recommend-List').on('click', '.input-radio', function (e) {
331 }) 353 })
332 //完成答案按钮 354 //完成答案按钮
333 function getValue() { 355 function getValue() {
  356 + // $(".checkAnswers").change(function(){
  357 + console.log(11111);
334 $("input").filter(":radio").removeAttr("checked"); 358 $("input").filter(":radio").removeAttr("checked");
335 var first_id = $('.check').attr('data-id'); 359 var first_id = $('.check').attr('data-id');
336 // console.log(first_id); 360 // console.log(first_id);
@@ -373,6 +397,8 @@ function getValue() { @@ -373,6 +397,8 @@ function getValue() {
373 }, function (res) { 397 }, function (res) {
374 // console.log(res); 398 // console.log(res);
375 }) 399 })
  400 + // })
  401 +
376 } 402 }
377 //上一步 403 //上一步
378 function last() { 404 function last() {
@@ -272,7 +272,7 @@ function payment() { @@ -272,7 +272,7 @@ function payment() {
272 console.log(res2.data); 272 console.log(res2.data);
273 if (res2.data == '2') { 273 if (res2.data == '2') {
274 clearInterval(timeInterval) 274 clearInterval(timeInterval)
275 - alert("支付成功，审核通过后即可成为会员！") 275 + alert("支付成功")
276 window.location.href = 'personalCenter2.html' 276 window.location.href = 'personalCenter2.html'
277 // $('.payStatus').html("支付成功，审核通过后即可成为会员！") 277 // $('.payStatus').html("支付成功，审核通过后即可成为会员！")
278 } 278 }
@@ -316,8 +316,8 @@ function payment() { @@ -316,8 +316,8 @@ function payment() {
316 if (res2.data == '2') { 316 if (res2.data == '2') {
317 clearInterval(timeInterval) 317 clearInterval(timeInterval)
318 window.location.href = 'personalCenter.html' 318 window.location.href = 'personalCenter.html'
319 - alert("支付成功，审核通过后即可成为会员！")  
320 - $('.payStatus').html("支付成功，审核通过后即可成为会员！") 319 + alert("支付成功")
  320 + // $('.payStatus').html("支付成功，审核通过后即可成为会员！")
321 } 321 }
322 }, function(res) {}) 322 }, function(res) {})
323 }, 2000) 323 }, 2000)