作者 杨乐
1 个管道 的构建 通过 耗费 6 秒

提交

@@ -109,8 +109,9 @@ @@ -109,8 +109,9 @@
109 } 109 }
110 110
111 .header-right11 { 111 .header-right11 {
112 - margin: 30px 110px 0 0;  
113 - text-align: right; 112 + /* margin: 30px 110px 0 0; */
  113 + height: 75px;
  114 + width: 75px;
114 } 115 }
115 116
116 .aboutUs-img { 117 .aboutUs-img {
@@ -128,6 +129,14 @@ @@ -128,6 +129,14 @@
128 line-height: 100px; 129 line-height: 100px;
129 } 130 }
130 131
  132 + .closer {
  133 + background: #66CA94;
  134 + width: 25%;
  135 + display: flex;
  136 + justify-content: flex-end;
  137 + padding: 30px 110px 0 0;
  138 + }
  139 +
131 @media (max-width: 768px) { 140 @media (max-width: 768px) {
132 .aboutUs-img { 141 .aboutUs-img {
133 width: 150px; 142 width: 150px;
@@ -237,10 +246,9 @@ @@ -237,10 +246,9 @@
237 } 246 }
238 247
239 .aboutUs-left { 248 .aboutUs-left {
240 - margin: 55px 30px 40px; 249 + padding: 55px 30px 40px;
241 display: flex; 250 display: flex;
242 width: 100%; 251 width: 100%;
243 - padding: 0;  
244 } 252 }
245 } 253 }
246 </style> 254 </style>
@@ -257,9 +265,10 @@ @@ -257,9 +265,10 @@
257 style='width:100%'> 265 style='width:100%'>
258 </div> 266 </div>
259 </div> 267 </div>
260 - <div style="background: #66CA94;width: 25%;"> 268 + <div class="closer">
261 <div class="header-right11"> 269 <div class="header-right11">
262 - <a href="javascript:history.go(-1)"><img src="./img/portfolio/Y9.png"></a> 270 + <a href="javascript:history.go(-1)"><img src="./img/portfolio/Y9.png"
  271 + style="width: 100%;height: 100%;"></a>
263 </div> 272 </div>
264 </div> 273 </div>
265 </div> 274 </div>
@@ -3,12 +3,11 @@ $(document).ready(function() { @@ -3,12 +3,11 @@ $(document).ready(function() {
3 }) 3 })
4 //获取用户VIP信息判断是否是VIP 4 //获取用户VIP信息判断是否是VIP
5 function myselfInfo() { 5 function myselfInfo() {
6 - var url = "/login/userInfo"; // 接口  
7 var header = { 6 var header = {
8 "Content-Type": "application/json", 7 "Content-Type": "application/json",
9 "token": localStorage.getItem('token'), 8 "token": localStorage.getItem('token'),
10 } 9 }
11 - ajax(url, "GET", header, function(res) { 10 + ajax("/login/userInfo", "GET", header, function(res) {
12 11
13 }, function(res) { 12 }, function(res) {
14 if (res.data.status1 == 2) { 13 if (res.data.status1 == 2) {
@@ -1656,7 +1656,7 @@ a.btn:focus { @@ -1656,7 +1656,7 @@ a.btn:focus {
1656 1656
1657 /* 立即支付 */ 1657 /* 立即支付 */
1658 1658
1659 -.lijiPay { 1659 +/* .lijiPay {
1660 color: #fff; 1660 color: #fff;
1661 background: linear-gradient(226deg, #77e77f 8%, #39aa6d 96%); 1661 background: linear-gradient(226deg, #77e77f 8%, #39aa6d 96%);
1662 border-radius: 10em; 1662 border-radius: 10em;
@@ -1664,7 +1664,7 @@ a.btn:focus { @@ -1664,7 +1664,7 @@ a.btn:focus {
1664 margin-right: 10%; 1664 margin-right: 10%;
1665 border: 1px solid #66ca94; 1665 border: 1px solid #66ca94;
1666 transition: all 0.3s; 1666 transition: all 0.3s;
1667 -} 1667 +} */
1668 1668
1669 .lijiPay:hover { 1669 .lijiPay:hover {
1670 opacity: 0.8; 1670 opacity: 0.8;
@@ -437,7 +437,6 @@ $(".fileTxt").change(function (e) { @@ -437,7 +437,6 @@ $(".fileTxt").change(function (e) {
437 // console.log(data); 437 // console.log(data);
438 internshipJob = data.data 438 internshipJob = data.data
439 if (internshipJob) { 439 if (internshipJob) {
440 - var url12 = "/warrantyTwo/warrantyTwoById"  
441 var header12 = { 440 var header12 = {
442 "Content-Type": "application/x-www-form-urlencoded", 441 "Content-Type": "application/x-www-form-urlencoded",
443 "token": localStorage.getItem('token'), 442 "token": localStorage.getItem('token'),
@@ -445,7 +444,7 @@ $(".fileTxt").change(function (e) { @@ -445,7 +444,7 @@ $(".fileTxt").change(function (e) {
445 var params12 = { 444 var params12 = {
446 id: newId 445 id: newId
447 } 446 }
448 - ajax(url12, "GET", header12, params12, function (res) { 447 + ajax("/warrantyTwo/warrantyTwoById", "GET", header12, params12, function (res) {
449 // console.log(res.data); 448 // console.log(res.data);
450 username = res.data.username 449 username = res.data.username
451 var url1 = '/recommendFour/recommendFourAdd' 450 var url1 = '/recommendFour/recommendFourAdd'
@@ -45,7 +45,7 @@ @@ -45,7 +45,7 @@
45 45
46 .personalCenter-right-all { 46 .personalCenter-right-all {
47 background-color: #66CA94; 47 background-color: #66CA94;
48 - padding: 5%; 48 + padding: 125px 100px;
49 width: 25%; 49 width: 25%;
50 } 50 }
51 51
@@ -58,8 +58,8 @@ @@ -58,8 +58,8 @@
58 } 58 }
59 59
60 #head-img { 60 #head-img {
61 - width: 100px;  
62 - height: 100px; 61 + width: 106px;
  62 + height: 104px;
63 } 63 }
64 64
65 .personal-all { 65 .personal-all {
@@ -67,7 +67,7 @@ @@ -67,7 +67,7 @@
67 } 67 }
68 68
69 .personal-input-all { 69 .personal-input-all {
70 - width: 65%; 70 + width: 630px;
71 } 71 }
72 72
73 .personal-zhanghao { 73 .personal-zhanghao {
@@ -78,7 +78,8 @@ @@ -78,7 +78,8 @@
78 .personal-huiyuan { 78 .personal-huiyuan {
79 display: flex; 79 display: flex;
80 place-items: center; 80 place-items: center;
81 - margin-top: 5%; 81 + margin-top: 50px;
  82 + margin-bottom: 50px;
82 } 83 }
83 84
84 .per-zhanghao-img { 85 .per-zhanghao-img {
@@ -96,7 +97,7 @@ @@ -96,7 +97,7 @@
96 .per-weixin-bind { 97 .per-weixin-bind {
97 display: flex; 98 display: flex;
98 justify-content: space-between; 99 justify-content: space-between;
99 - margin-top: 5%; 100 + margin-top: 35px;
100 } 101 }
101 102
102 .personal-wxh { 103 .personal-wxh {
@@ -111,9 +112,15 @@ @@ -111,9 +112,15 @@
111 background-color: #66ca94; 112 background-color: #66ca94;
112 color: #323232; 113 color: #323232;
113 border: 1px solid #66ca94; 114 border: 1px solid #66ca94;
114 - padding: 3%;  
115 - height: 50px;  
116 - width: 50px; 115 + height: 58px;
  116 + width: 58px;
  117 + opacity: 1;
  118 + font-size: 18px;
  119 + font-family: SourceHanSansCN, SourceHanSansCN-Medium;
  120 + font-weight: 500;
  121 + text-align: center;
  122 + color: #323232;
  123 + line-height: 16px;
117 } 124 }
118 125
119 #Punbind { 126 #Punbind {
@@ -121,9 +128,15 @@ @@ -121,9 +128,15 @@
121 background-color: #66ca94; 128 background-color: #66ca94;
122 color: #323232; 129 color: #323232;
123 border: 1px solid #66ca94; 130 border: 1px solid #66ca94;
124 - padding: 3%;  
125 - height: 50px;  
126 - width: 50px; 131 + height: 58px;
  132 + width: 58px;
  133 + opacity: 1;
  134 + font-size: 18px;
  135 + font-family: SourceHanSansCN, SourceHanSansCN-Medium;
  136 + font-weight: 500;
  137 + text-align: center;
  138 + color: #323232;
  139 + line-height: 16px;
127 } 140 }
128 141
129 #meau_nav { 142 #meau_nav {
@@ -131,7 +144,7 @@ @@ -131,7 +144,7 @@
131 } 144 }
132 145
133 .personal-vip-basic { 146 .personal-vip-basic {
134 - width: 130%; 147 + width: 195px;
135 margin-right: 5%; 148 margin-right: 5%;
136 border-radius: 4px; 149 border-radius: 4px;
137 } 150 }
@@ -140,18 +153,28 @@ @@ -140,18 +153,28 @@
140 /* background-color: #66CA94; */ 153 /* background-color: #66CA94; */
141 display: flex; 154 display: flex;
142 flex-direction: column; 155 flex-direction: column;
143 - padding: 5%; 156 + padding: 24px 45px;
144 place-items: center; 157 place-items: center;
145 } 158 }
146 159
147 .personal-vip-info p { 160 .personal-vip-info p {
148 - color: #fff;  
149 - font-size: 1.5em; 161 + opacity: 1;
  162 + font-size: 20px;
  163 + font-family: SourceHanSansCN, SourceHanSansCN-Medium;
  164 + font-weight: 500;
  165 + text-align: left;
  166 + color: #ffffff;
  167 + line-height: 30px;
150 } 168 }
151 169
152 .personal-vip-info a { 170 .personal-vip-info a {
153 - color: #fff;  
154 - font-size: 0.8em; 171 + opacity: 1;
  172 + font-size: 14px;
  173 + font-family: SourceHanSansCN, SourceHanSansCN-Normal;
  174 + font-weight: Normal;
  175 + text-align: left;
  176 + color: #ffffff;
  177 + line-height: 21px;
155 } 178 }
156 179
157 .personal-vip-standard { 180 .personal-vip-standard {
@@ -179,13 +202,15 @@ @@ -179,13 +202,15 @@
179 } 202 }
180 203
181 .personal-ol { 204 .personal-ol {
182 - color: #333;  
183 - font-size: 0.8em;  
184 - padding-bottom: 10%;  
185 - display: flex;  
186 - flex-direction: column;  
187 - place-items: center;  
188 - padding-inline-start: 0px; 205 + opacity: 1;
  206 + font-size: 14px;
  207 + font-family: SourceHanSansCN, SourceHanSansCN-Normal;
  208 + font-weight: Normal;
  209 + text-align: center;
  210 + color: #323232;
  211 + line-height: 21px;
  212 + letter-spacing: 1px;
  213 + padding-bottom: 32px;
189 } 214 }
190 215
191 .personal-vip-super { 216 .personal-vip-super {
@@ -218,35 +243,47 @@ @@ -218,35 +243,47 @@
218 243
219 .personal-pay-zhifubao { 244 .personal-pay-zhifubao {
220 display: flex; 245 display: flex;
221 - padding-right: 5%; 246 + margin-right: 50px;
222 place-items: center; 247 place-items: center;
223 - width: 20%; 248 + /* width: 20%; */
224 } 249 }
225 250
226 .personal-pay-wx { 251 .personal-pay-wx {
227 display: flex; 252 display: flex;
228 place-items: center; 253 place-items: center;
229 - width: 20%; 254 + /* width: 20%; */
230 } 255 }
231 256
232 .personal-pay-zhifubao-input { 257 .personal-pay-zhifubao-input {
233 - margin-right: 4%; 258 + margin-right: 6px;
  259 + }
  260 +
  261 + .personal-pay-wx a,
  262 + .personal-pay-zhifubao a {
  263 + opacity: 1;
  264 + font-size: 18px;
  265 + font-family: SourceHanSansCN, SourceHanSansCN-Normal;
  266 + font-weight: Normal;
  267 + text-align: left;
  268 + color: #ffffff;
  269 + line-height: 27px;
  270 + letter-spacing: 1px;
234 } 271 }
235 272
236 .personal-pay-wx-input { 273 .personal-pay-wx-input {
237 - margin-right: 4%; 274 + margin-right: 6px;
238 } 275 }
239 276
240 .personal-pay-zhifubao-img { 277 .personal-pay-zhifubao-img {
241 - height: 20px;  
242 - width: 20px;  
243 - margin-right: 2%; 278 + height: 25px;
  279 + width: 25px;
  280 + margin-right: 2px;
244 } 281 }
245 282
246 .personal-pay-wx-img { 283 .personal-pay-wx-img {
247 - height: 20px;  
248 - width: 20px;  
249 - margin-right: 2%; 284 + height: 25px;
  285 + width: 25px;
  286 + margin-right: 2px;
250 } 287 }
251 288
252 .personal-pay-button { 289 .personal-pay-button {
@@ -270,57 +307,211 @@ @@ -270,57 +307,211 @@
270 height: 100%; 307 height: 100%;
271 width: 100%; 308 width: 100%;
272 } 309 }
273 - .header-img11{ 310 +
  311 + .header-img11 {
274 width: 210px; 312 width: 210px;
275 height: 30px; 313 height: 30px;
276 - margin: 52px 0 95px 70px; 314 + margin: 50px 0 95px 70px;
  315 + }
  316 +
  317 + .closes {
  318 + width: 70px;
  319 + height: 70px;
  320 + }
  321 +
  322 + .header-right11 {
  323 + padding: 30px 110px;
  324 + display: flex;
  325 + justify-content: flex-end;
  326 + }
  327 +
  328 + #fullName {
  329 + opacity: 1;
  330 + font-size: 32px;
  331 + font-family: SourceHanSansCN, SourceHanSansCN-Normal;
  332 + font-weight: Normal;
  333 + text-align: left;
  334 + color: #ffffff;
  335 + line-height: 48px;
  336 + }
  337 +
  338 + .zhanghao {
  339 + opacity: 1;
  340 + font-size: 32px;
  341 + font-family: SourceHanSansCN, SourceHanSansCN-Normal;
  342 + font-weight: Normal;
  343 + text-align: left;
  344 + color: #ffffff;
  345 + line-height: 48px;
  346 + }
  347 +
  348 + .personal-input-all {
  349 + width: 630px;
  350 + }
  351 +
  352 + .personalInfo {
  353 + margin-top: 30px;
  354 + }
  355 +
  356 + .personalInfo p {
  357 + opacity: 1;
  358 + font-size: 16px;
  359 + font-family: SourceHanSansCN, SourceHanSansCN-Normal;
  360 + font-weight: Normal;
  361 + text-align: left;
  362 + color: #ffffff;
  363 + line-height: 24px;
  364 + padding-bottom: 6px;
  365 + }
  366 +
  367 + .personalInfo input {
  368 + height: 34px;
  369 + }
  370 +
  371 + .wxSty1 {
  372 + height: 40px;
  373 + width: 40px;
  374 + }
  375 +
  376 + .wxsty {
  377 + margin-left: 16px;
  378 + opacity: 1;
  379 + font-size: 16px;
  380 + font-family: SourceHanSansCN, SourceHanSansCN-Normal;
  381 + font-weight: Normal;
  382 + text-align: left;
  383 + color: #ffffff;
  384 + line-height: 24px;
  385 + }
  386 +
  387 + .wxall {
  388 + display: flex;
  389 + place-items: center;
  390 + }
  391 +
  392 + .vip_info {
  393 + padding-top: 12px;
  394 + }
  395 +
  396 + .vip_info a {
  397 + opacity: 1;
  398 + font-size: 14px;
  399 + font-family: SourceHanSansCN, SourceHanSansCN-Medium;
  400 + font-weight: 500;
  401 + text-align: left;
  402 + line-height: 60px;
  403 + }
  404 +
  405 + .vip_info a span {
  406 + opacity: 1;
  407 + font-size: 40px;
  408 + font-family: SourceHanSansCN, SourceHanSansCN-Medium;
  409 + font-weight: 500;
  410 + text-align: left;
  411 + line-height: 60px;
  412 + }
  413 +
  414 + .lijiPay {
  415 + border: 1px solid #66ca94;
  416 + opacity: 1;
  417 + font-size: 14px;
  418 + font-family: SourceHanSansCN, SourceHanSansCN-Medium;
  419 + font-weight: 500;
  420 + text-align: center;
  421 + color: #323232;
  422 + line-height: 16px;
  423 + width: 110px;
  424 + height: 36px;
  425 + opacity: 1;
  426 + background: linear-gradient(226deg, #77e77f 8%, #39aa6d 96%);
  427 + border-radius: 20px;
  428 + }
  429 +
  430 + .myAccount {
  431 + opacity: 1;
  432 + font-size: 40px;
  433 + font-family: SourceHanSansCN, SourceHanSansCN-Normal;
  434 + font-weight: Normal;
  435 + text-align: left;
  436 + color: #ffffff;
  437 + line-height: 100px;
  438 + cursor: pointer;
  439 + }
  440 +
  441 + #WXname,
  442 + #Pnumber {
  443 + opacity: 1;
  444 + font-size: 16px;
  445 + font-family: SourceHanSansCN, SourceHanSansCN-Normal;
  446 + font-weight: Normal;
  447 + text-align: right;
  448 + color: #ffffff;
  449 + line-height: 24px;
277 } 450 }
278 451
279 @media (max-width: 768px) { 452 @media (max-width: 768px) {
  453 + .wxsty {
  454 + margin-left: 4px;
  455 + }
  456 +
  457 + .wxSty1 {
  458 + width: 20px;
  459 + height: 20px;
  460 + }
  461 +
280 .shang_box { 462 .shang_box {
281 width: 240px; 463 width: 240px;
282 height: 340px; 464 height: 340px;
283 left: 0; 465 left: 0;
284 margin-left: 0px; 466 margin-left: 0px;
285 } 467 }
  468 +
286 .active-click { 469 .active-click {
287 box-shadow: 0px 10px 32px 0px #f2a252; 470 box-shadow: 0px 10px 32px 0px #f2a252;
288 } 471 }
  472 +
289 .personal-header-txt1 { 473 .personal-header-txt1 {
290 display: flex; 474 display: flex;
291 margin: 25px 20px; 475 margin: 25px 20px;
292 place-items: center; 476 place-items: center;
293 justify-content: space-between; 477 justify-content: space-between;
294 } 478 }
  479 +
295 .header-img1 { 480 .header-img1 {
296 width: 28%; 481 width: 28%;
297 } 482 }
  483 +
298 .header-right-btn { 484 .header-right-btn {
299 margin-right: 0px; 485 margin-right: 0px;
300 bottom: 0px 486 bottom: 0px
301 } 487 }
  488 +
302 .header-right-yuan { 489 .header-right-yuan {
303 width: 35px; 490 width: 35px;
304 height: 35px; 491 height: 35px;
305 } 492 }
  493 +
306 .header-txt11 { 494 .header-txt11 {
307 display: none; 495 display: none;
308 } 496 }
  497 +
309 .personalCenter-left-all { 498 .personalCenter-left-all {
310 width: 100%; 499 width: 100%;
311 display: flex; 500 display: flex;
312 flex-direction: column; 501 flex-direction: column;
313 - padding-left: 30px;  
314 - padding-right: 30px; 502 + padding: 55px 30px 0;
315 } 503 }
  504 +
316 .personalCenter-right-all { 505 .personalCenter-right-all {
317 display: none; 506 display: none;
318 } 507 }
  508 +
319 .personalConter-left-headLine { 509 .personalConter-left-headLine {
320 display: flex; 510 display: flex;
321 flex-direction: row; 511 flex-direction: row;
322 width: 300px; 512 width: 300px;
323 } 513 }
  514 +
324 .personalConter-left-headLine h4 { 515 .personalConter-left-headLine h4 {
325 font-size: 24px; 516 font-size: 24px;
326 font-family: SourceHanSansCN, SourceHanSansCN-Normal; 517 font-family: SourceHanSansCN, SourceHanSansCN-Normal;
@@ -330,30 +521,33 @@ @@ -330,30 +521,33 @@
330 line-height: 36px; 521 line-height: 36px;
331 padding-left: 16px; 522 padding-left: 16px;
332 } 523 }
  524 +
333 #head-img { 525 #head-img {
334 width: 60px; 526 width: 60px;
335 height: 60px; 527 height: 60px;
336 } 528 }
  529 +
337 .personal-all { 530 .personal-all {
338 background: #323232; 531 background: #323232;
339 display: flex; 532 display: flex;
340 flex-direction: column; 533 flex-direction: column;
341 } 534 }
  535 +
342 header { 536 header {
343 display: none; 537 display: none;
344 } 538 }
  539 +
345 .personal-input-all { 540 .personal-input-all {
346 padding-top: 35px; 541 padding-top: 35px;
347 width: 100%; 542 width: 100%;
348 } 543 }
349 - .personal-input-all p {  
350 - font-size: 12px;  
351 - } 544 +
352 .per-zhanghao-img { 545 .per-zhanghao-img {
353 margin-right: 8px; 546 margin-right: 8px;
354 width: 23px; 547 width: 23px;
355 height: 23px; 548 height: 23px;
356 } 549 }
  550 +
357 .personal-zhanghao h4 { 551 .personal-zhanghao h4 {
358 font-size: 16px; 552 font-size: 16px;
359 font-family: SourceHanSansCN, SourceHanSansCN-Normal; 553 font-family: SourceHanSansCN, SourceHanSansCN-Normal;
@@ -362,16 +556,20 @@ @@ -362,16 +556,20 @@
362 color: #ffffff; 556 color: #ffffff;
363 line-height: 24px; 557 line-height: 24px;
364 } 558 }
  559 +
365 .personal-huiyuan { 560 .personal-huiyuan {
366 display: flex; 561 display: flex;
367 place-items: center; 562 place-items: center;
368 margin-top: 30px; 563 margin-top: 30px;
  564 + margin-bottom: 35px;
369 } 565 }
  566 +
370 .per-huiyuan-img { 567 .per-huiyuan-img {
371 margin-right: 8px; 568 margin-right: 8px;
372 width: 23px; 569 width: 23px;
373 height: 23px; 570 height: 23px;
374 } 571 }
  572 +
375 .personal-huiyuan h4 { 573 .personal-huiyuan h4 {
376 font-size: 16px; 574 font-size: 16px;
377 font-family: SourceHanSansCN, SourceHanSansCN-Normal; 575 font-family: SourceHanSansCN, SourceHanSansCN-Normal;
@@ -380,24 +578,28 @@ @@ -380,24 +578,28 @@
380 color: #ffffff; 578 color: #ffffff;
381 line-height: 24px; 579 line-height: 24px;
382 } 580 }
  581 +
383 .per-weixin-bind { 582 .per-weixin-bind {
384 margin-top: 29px; 583 margin-top: 29px;
385 } 584 }
  585 +
386 #WXunbind { 586 #WXunbind {
387 width: 29px; 587 width: 29px;
388 height: 29px; 588 height: 29px;
389 } 589 }
  590 +
390 .personal-wxh { 591 .personal-wxh {
391 display: flex; 592 display: flex;
392 width: 50%; 593 width: 50%;
393 place-items: center; 594 place-items: center;
394 justify-content: space-between; 595 justify-content: space-between;
395 } 596 }
  597 +
396 #WXunbind { 598 #WXunbind {
397 border-radius: 50%; 599 border-radius: 50%;
398 background-color: #66ca94; 600 background-color: #66ca94;
399 border: 1px solid #66ca94; 601 border: 1px solid #66ca94;
400 - padding: 3%; 602 + /* padding: 3%; */
401 height: 38px; 603 height: 38px;
402 width: 38px; 604 width: 38px;
403 font-size: 9px; 605 font-size: 9px;
@@ -405,6 +607,7 @@ @@ -405,6 +607,7 @@
405 font-weight: 500; 607 font-weight: 500;
406 color: #323232; 608 color: #323232;
407 } 609 }
  610 +
408 #Punbind { 611 #Punbind {
409 border-radius: 50%; 612 border-radius: 50%;
410 background-color: #66ca94; 613 background-color: #66ca94;
@@ -417,21 +620,29 @@ @@ -417,21 +620,29 @@
417 font-weight: 500; 620 font-weight: 500;
418 color: #323232; 621 color: #323232;
419 } 622 }
  623 +
420 #meau_nav { 624 #meau_nav {
421 display: flex; 625 display: flex;
422 flex-direction: column; 626 flex-direction: column;
423 place-items: center; 627 place-items: center;
424 } 628 }
  629 +
425 .personal-vip-basic { 630 .personal-vip-basic {
426 - width: 200px; 631 + /* width: 200px;
427 margin-top: 35px; 632 margin-top: 35px;
428 margin-right: 0px; 633 margin-right: 0px;
429 - border-radius: 4px; 634 + border-radius: 4px; */
430 margin-bottom: 30px; 635 margin-bottom: 30px;
  636 + width: 200px;
  637 + /* margin-right: 25px; */
  638 + border-radius: 4px;
  639 + margin-right: 0;
431 } 640 }
  641 +
432 .personal-vip-info { 642 .personal-vip-info {
433 padding: 24px 0; 643 padding: 24px 0;
434 } 644 }
  645 +
435 .personal-vip-info p { 646 .personal-vip-info p {
436 font-size: 20px; 647 font-size: 20px;
437 font-family: SourceHanSansCN, SourceHanSansCN-Medium; 648 font-family: SourceHanSansCN, SourceHanSansCN-Medium;
@@ -439,6 +650,13 @@ @@ -439,6 +650,13 @@
439 color: #ffffff; 650 color: #ffffff;
440 line-height: 30px; 651 line-height: 30px;
441 } 652 }
  653 + .personal-pay-zhifubao-img,
  654 + .personal-pay-wx-img {
  655 + height: 20px;
  656 + width: 20px;
  657 +
  658 + }
  659 +
442 .personal-vip-info a { 660 .personal-vip-info a {
443 font-size: 14px; 661 font-size: 14px;
444 font-family: SourceHanSansCN, SourceHanSansCN-Normal; 662 font-family: SourceHanSansCN, SourceHanSansCN-Normal;
@@ -446,15 +664,18 @@ @@ -446,15 +664,18 @@
446 color: #ffffff; 664 color: #ffffff;
447 line-height: 21px; 665 line-height: 21px;
448 } 666 }
  667 +
449 .personal-vip-standard { 668 .personal-vip-standard {
450 width: 200px; 669 width: 200px;
451 margin-right: 0px; 670 margin-right: 0px;
452 border-radius: 4px; 671 border-radius: 4px;
453 margin-bottom: 30px; 672 margin-bottom: 30px;
454 } 673 }
  674 +
455 .personal-vip-info1 { 675 .personal-vip-info1 {
456 padding: 24px 0; 676 padding: 24px 0;
457 } 677 }
  678 +
458 .personal-vip-info1 p { 679 .personal-vip-info1 p {
459 font-size: 20px; 680 font-size: 20px;
460 font-family: SourceHanSansCN, SourceHanSansCN-Medium; 681 font-family: SourceHanSansCN, SourceHanSansCN-Medium;
@@ -462,6 +683,7 @@ @@ -462,6 +683,7 @@
462 color: #ffffff; 683 color: #ffffff;
463 line-height: 30px; 684 line-height: 30px;
464 } 685 }
  686 +
465 .personal-vip-info1 a { 687 .personal-vip-info1 a {
466 font-size: 14px; 688 font-size: 14px;
467 font-family: SourceHanSansCN, SourceHanSansCN-Normal; 689 font-family: SourceHanSansCN, SourceHanSansCN-Normal;
@@ -469,15 +691,18 @@ @@ -469,15 +691,18 @@
469 color: #ffffff; 691 color: #ffffff;
470 line-height: 21px; 692 line-height: 21px;
471 } 693 }
  694 +
472 .personal-vip-super { 695 .personal-vip-super {
473 width: 200px; 696 width: 200px;
474 margin-right: 0px; 697 margin-right: 0px;
475 border-radius: 4px; 698 border-radius: 4px;
476 margin-bottom: 30px; 699 margin-bottom: 30px;
477 } 700 }
  701 +
478 .personal-vip-info2 { 702 .personal-vip-info2 {
479 padding: 24px 0; 703 padding: 24px 0;
480 } 704 }
  705 +
481 .personal-vip-info2 p { 706 .personal-vip-info2 p {
482 font-size: 20px; 707 font-size: 20px;
483 font-family: SourceHanSansCN, SourceHanSansCN-Medium; 708 font-family: SourceHanSansCN, SourceHanSansCN-Medium;
@@ -485,6 +710,7 @@ @@ -485,6 +710,7 @@
485 color: #ffffff; 710 color: #ffffff;
486 line-height: 30px; 711 line-height: 30px;
487 } 712 }
  713 +
488 .personal-vip-info2 a { 714 .personal-vip-info2 a {
489 font-size: 14px; 715 font-size: 14px;
490 font-family: SourceHanSansCN, SourceHanSansCN-Normal; 716 font-family: SourceHanSansCN, SourceHanSansCN-Normal;
@@ -492,32 +718,39 @@ @@ -492,32 +718,39 @@
492 color: #ffffff; 718 color: #ffffff;
493 line-height: 21px; 719 line-height: 21px;
494 } 720 }
  721 +
495 .personal-pay { 722 .personal-pay {
496 display: flex; 723 display: flex;
497 flex-direction: column-reverse; 724 flex-direction: column-reverse;
498 } 725 }
  726 +
499 .personal-pay-zhifubao { 727 .personal-pay-zhifubao {
500 display: flex; 728 display: flex;
501 padding-right: 0px; 729 padding-right: 0px;
502 width: 100%; 730 width: 100%;
503 } 731 }
  732 +
504 .personal-pay-wx { 733 .personal-pay-wx {
505 display: flex; 734 display: flex;
506 place-items: center; 735 place-items: center;
507 width: 100%; 736 width: 100%;
508 margin-bottom: 16px; 737 margin-bottom: 16px;
509 } 738 }
  739 +
510 .personal-pay-zhifubao-input { 740 .personal-pay-zhifubao-input {
511 margin-right: 8px; 741 margin-right: 8px;
512 } 742 }
  743 +
513 .personal-pay-wx-input { 744 .personal-pay-wx-input {
514 margin-right: 8px; 745 margin-right: 8px;
515 } 746 }
  747 +
516 .personal-pay-button { 748 .personal-pay-button {
517 display: flex; 749 display: flex;
518 place-content: center; 750 place-content: center;
519 padding-bottom: 40px; 751 padding-bottom: 40px;
520 } 752 }
  753 +
521 .login-footer-all { 754 .login-footer-all {
522 display: flex; 755 display: flex;
523 background: #323232; 756 background: #323232;
@@ -525,6 +758,42 @@ @@ -525,6 +758,42 @@
525 place-items: center; 758 place-items: center;
526 display: flex; 759 display: flex;
527 } 760 }
  761 +
  762 + .personalInfo {
  763 + margin-top: 16px;
  764 + }
  765 +
  766 + .personalInfo p {
  767 + font-size: 12px;
  768 + font-family: SourceHanSansCN, SourceHanSansCN-Normal;
  769 + font-weight: Normal;
  770 + text-align: left;
  771 + color: #ffffff;
  772 + line-height: 18px;
  773 + }
  774 +
  775 + .personalInfo input {
  776 + height: 24px;
  777 + }
  778 +
  779 + .zhanghao {
  780 + font-size: 16px;
  781 + font-family: SourceHanSansCN, SourceHanSansCN-Normal;
  782 + font-weight: Normal;
  783 + text-align: left;
  784 + color: #ffffff;
  785 + line-height: 24px;
  786 + }
  787 +
  788 + #WXname,
  789 + #Pnumber {
  790 + font-size: 12px;
  791 + font-family: SourceHanSansCN, SourceHanSansCN-Normal;
  792 + font-weight: Normal;
  793 + text-align: left;
  794 + color: #ffffff;
  795 + line-height: 18px;
  796 + }
528 } 797 }
529 </style> 798 </style>
530 799
@@ -536,13 +805,16 @@ @@ -536,13 +805,16 @@
536 <div class="header-txt11"> 805 <div class="header-txt11">
537 <div class='personalCenter-header-left-imgLogo'> 806 <div class='personalCenter-header-left-imgLogo'>
538 <div class="header-img11"> 807 <div class="header-img11">
539 - <img src="./img/portfolio/whiteLogo.png" onclick="window.location.href='index.html'" style='width:100%'> 808 + <img src="./img/portfolio/whiteLogo.png" onclick="window.location.href='index.html'"
  809 + style='width:100%'>
540 </div> 810 </div>
541 </div> 811 </div>
542 <div style="background: #66CA94;width: 25%;"> 812 <div style="background: #66CA94;width: 25%;">
543 <div class="header-right11"> 813 <div class="header-right11">
544 - <div>  
545 - <a href="javascript:history.go(-1)"><img src="./img/portfolio/Y9.png"></a> 814 + <div class="closes">
  815 + <a href="javascript:history.go(-1)">
  816 + <img src="./img/portfolio/Y9.png" style="width: 100%;">
  817 + </a>
546 </div> 818 </div>
547 </div> 819 </div>
548 </div> 820 </div>
@@ -554,7 +826,8 @@ @@ -554,7 +826,8 @@
554 <div class="personal-all"> 826 <div class="personal-all">
555 <div class="personal-header-txt1"> 827 <div class="personal-header-txt1">
556 <div class="header-img1"> 828 <div class="header-img1">
557 - <img src="./img/portfolio/whiteLogo.png" style="width: 100%;" onclick="window.location.href='index.html'"> 829 + <img src="./img/portfolio/whiteLogo.png" style="width: 100%;"
  830 + onclick="window.location.href='index.html'">
558 </div> 831 </div>
559 <div class="header-right1" style="place-items: center;"> 832 <div class="header-right1" style="place-items: center;">
560 <a href="aboutUs.html" style="color: #fff;margin-right: 15px; 833 <a href="aboutUs.html" style="color: #fff;margin-right: 15px;
@@ -571,65 +844,69 @@ @@ -571,65 +844,69 @@
571 <!-- 头像 --> 844 <!-- 头像 -->
572 <div id="head-img"> 845 <div id="head-img">
573 </div> 846 </div>
574 - <h4 style="color: #fff;" id="fullName"></h4> 847 + <div style="color: #fff;" id="fullName"></div>
575 </div> 848 </div>
576 <div class="personal-input-all"> 849 <div class="personal-input-all">
577 <div class="personal-zhanghao"> 850 <div class="personal-zhanghao">
578 <div class="per-zhanghao-img"> 851 <div class="per-zhanghao-img">
579 <img src="./img/portfolio/Y1.png" style="width: 100%;"> 852 <img src="./img/portfolio/Y1.png" style="width: 100%;">
580 </div> 853 </div>
581 - <h4 style="color: #fff;">账号</h4> 854 + <div class="zhanghao">账号</div>
582 </div> 855 </div>
583 - <div>  
584 - <p style="color: #fff;"></p> 856 + <div class="personalInfo">
  857 + <p></p>
585 <input placeholder="请输入姓" id="surname"></input> 858 <input placeholder="请输入姓" id="surname"></input>
586 </div> 859 </div>
587 - <div>  
588 - <p style="color: #fff;"></p> 860 + <div class="personalInfo">
  861 + <p></p>
589 <input placeholder="请输入名" id="userName"></input> 862 <input placeholder="请输入名" id="userName"></input>
590 </div> 863 </div>
591 - <div>  
592 - <p style="color: #fff;">学校</p> 864 + <div class="personalInfo">
  865 + <p>学校</p>
593 <input placeholder="请输入学校" id="school"></input> 866 <input placeholder="请输入学校" id="school"></input>
594 </div> 867 </div>
595 - <div>  
596 - <p style="color: #fff;">专业</p> 868 + <div class="personalInfo">
  869 + <p>专业</p>
597 <input placeholder="请输入专业" id="specialty"></input> 870 <input placeholder="请输入专业" id="specialty"></input>
598 </div> 871 </div>
599 - <div>  
600 - <p style="color: #fff;">手机号</p> 872 + <div class="personalInfo">
  873 + <p>手机号</p>
601 <input placeholder="请输入手机号" id="phone"></input> 874 <input placeholder="请输入手机号" id="phone"></input>
602 </div> 875 </div>
603 - <div>  
604 - <p style="color: #fff;">邮箱号</p> 876 + <div class="personalInfo">
  877 + <p>邮箱号</p>
605 <input placeholder="请输入邮箱号" id="emailAddress"></input> 878 <input placeholder="请输入邮箱号" id="emailAddress"></input>
606 </div> 879 </div>
607 <div style="text-align: center;padding: 5%;" class="btnSave"> 880 <div style="text-align: center;padding: 5%;" class="btnSave">
608 - <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> 881 + <button class="lijiPay">保存</button>
609 </div> 882 </div>
610 <div class="personal-zhanghao"> 883 <div class="personal-zhanghao">
611 <div class="per-zhanghao-img"> 884 <div class="per-zhanghao-img">
612 <img src="./img/portfolio/Y2.png" style="width: 100%;"> 885 <img src="./img/portfolio/Y2.png" style="width: 100%;">
613 </div> 886 </div>
614 - <h4 style="color: #fff;">账户绑定与解绑</h4> 887 + <div class="zhanghao">账户绑定与解绑</div>
615 </div> 888 </div>
616 <div class="per-weixin-bind"> 889 <div class="per-weixin-bind">
617 - <div style="display: flex;place-items: center;width: 20%;">  
618 - <img src="./img/portfolio/Y3.png" style="margin-right: 4px;">  
619 - <a style="color: #fff;">微信</a> 890 + <div class="wxall">
  891 + <div class="wxSty1">
  892 + <img src="./img/portfolio/Y3.png" style="width: 100%;height: 100%;">
  893 + </div>
  894 + <div class="wxsty">微信</div>
620 </div> 895 </div>
621 <div class="personal-wxh"> 896 <div class="personal-wxh">
622 <div id="WXname" style="color: #fff;">111111</div> 897 <div id="WXname" style="color: #fff;">111111</div>
623 <button id='WXunbind'>解绑</button> 898 <button id='WXunbind'>解绑</button>
624 </div> 899 </div>
625 </div> 900 </div>
626 - <div style="display: flex;justify-content: space-between;margin-top: 5%;">  
627 - <div style="display: flex;place-items: center;width: 20%;">  
628 - <img src="./img/portfolio/Y4.png" style="margin-right: 5%;">  
629 - <a style="color: #fff;">手机</a> 901 + <div class="per-weixin-bind">
  902 + <div class="wxall">
  903 + <div class="wxSty1">
  904 + <img src="./img/portfolio/Y4.png" style="width: 100%;height: 100%;">
  905 + </div>
  906 + <div class="wxsty">手机</div>
630 </div> 907 </div>
631 <div class="personal-wxh"> 908 <div class="personal-wxh">
632 - <a id='Pnumber' style="color: #fff;"></a> 909 + <div id='Pnumber' style="color: #fff;">15555555555</div>
633 <button id="Punbind">解绑</button> 910 <button id="Punbind">解绑</button>
634 </div> 911 </div>
635 </div> 912 </div>
@@ -637,7 +914,7 @@ @@ -637,7 +914,7 @@
637 <div class="per-huiyuan-img"> 914 <div class="per-huiyuan-img">
638 <img src="./img/portfolio/Y5.png" style="width: 100%;"> 915 <img src="./img/portfolio/Y5.png" style="width: 100%;">
639 </div> 916 </div>
640 - <h4 style="color: #fff;">会员权益</h4> 917 + <div class="zhanghao">会员权益</div>
641 </div> 918 </div>
642 <!-- 会员信息 --> 919 <!-- 会员信息 -->
643 <div id="meau_nav"> 920 <div id="meau_nav">
@@ -645,7 +922,8 @@ @@ -645,7 +922,8 @@
645 <div class="personal-pay"> 922 <div class="personal-pay">
646 <div class="personal-pay-zhifubao"> 923 <div class="personal-pay-zhifubao">
647 <div class="personal-pay-zhifubao-input"> 924 <div class="personal-pay-zhifubao-input">
648 - <input type="radio" name='zhifu' class="radio_type" id='zhifu1' value="2" onclick="checkRadio()"> 925 + <input type="radio" name='zhifu' class="radio_type" id='zhifu1' value="2"
  926 + onclick="checkRadio()">
649 </div> 927 </div>
650 <div class="personal-pay-zhifubao-img"> 928 <div class="personal-pay-zhifubao-img">
651 <img src="./img/portfolio/Y6.png" style='width: 100%;'> 929 <img src="./img/portfolio/Y6.png" style='width: 100%;'>
@@ -654,7 +932,8 @@ @@ -654,7 +932,8 @@
654 </div> 932 </div>
655 <div class="personal-pay-wx"> 933 <div class="personal-pay-wx">
656 <div class="personal-pay-wx-input"> 934 <div class="personal-pay-wx-input">
657 - <input type="radio" name='zhifu' class="radio_type" id='zhifu2' value='1' onclick="checkRadio()"> 935 + <input type="radio" name='zhifu' class="radio_type" id='zhifu2' value='1'
  936 + onclick="checkRadio()">
658 </div> 937 </div>
659 <div class="personal-pay-wx-img"> 938 <div class="personal-pay-wx-img">
660 <img src="./img/portfolio/Y8.png" style='width: 100%;'> 939 <img src="./img/portfolio/Y8.png" style='width: 100%;'>
@@ -668,7 +947,8 @@ @@ -668,7 +947,8 @@
668 <button onclick="payment()" class="lijiPay">立即支付</button> 947 <button onclick="payment()" class="lijiPay">立即支付</button>
669 <div class="hide_box"></div> 948 <div class="hide_box"></div>
670 <div class="shang_box"> 949 <div class="shang_box">
671 - <a class="shang_close" href="javascript:void(0)" onclick="payment()" title="关闭"><img src="./images/close.jpg" alt="取消" /></a> 950 + <a class="shang_close" href="javascript:void(0)" onclick="payment()" title="关闭"><img
  951 + src="./images/close.jpg" alt="取消" /></a>
672 <div class="shang_payimg"> 952 <div class="shang_payimg">
673 </div> 953 </div>
674 </div> 954 </div>
@@ -681,12 +961,9 @@ @@ -681,12 +961,9 @@
681 </div> 961 </div>
682 </div> 962 </div>
683 <div class='personalCenter-right-all'> 963 <div class='personalCenter-right-all'>
684 - <a href="personalCenter.html">  
685 - <h3 style="color: #fff;font-size: 1.8em;">我的账号</h3>  
686 - </a>  
687 - <a onclick="ifVIP()" style="cursor: pointer;">  
688 - <h3 style="color: #fff;font-size: 1.8em;">联系我们</h3>  
689 - </a> 964 + <div class="myAccount" onclick="myAcc()">我的账号</div>
  965 + <!-- <div class="myAccount" onclick="ifVIP()">联系我们</div> -->
  966 + <div class="myAccount" onclick="aboutUs()">联系我们</div>
690 </div> 967 </div>
691 <div class="login-footer-all"> 968 <div class="login-footer-all">
692 <div class="login-footer-img" style="width: 25%;margin-top: 45px;"> 969 <div class="login-footer-img" style="width: 25%;margin-top: 45px;">
@@ -696,7 +973,9 @@ @@ -696,7 +973,9 @@
696 font-family: PingFangSC, PingFangSC-Regular; 973 font-family: PingFangSC, PingFangSC-Regular;
697 text-align: center; 974 text-align: center;
698 font-size: 9px;margin-top: 12px;">成功职场第一步,从Start-Line开始</div> 975 font-size: 9px;margin-top: 12px;">成功职场第一步,从Start-Line开始</div>
699 - <div style="color: #66CA94;font-size: 12px;font-family: PingFangSC, PingFangSC-Regular;margin: 60px 0 20px;">关注Start-Line</div> 976 + <div
  977 + style="color: #66CA94;font-size: 12px;font-family: PingFangSC, PingFangSC-Regular;margin: 60px 0 20px;">
  978 + 关注Start-Line</div>
700 <div style="width: 25%;margin-bottom: 200px;"> 979 <div style="width: 25%;margin-bottom: 200px;">
701 <img src="img/portfolio/EWM.png" width="100%"> 980 <img src="img/portfolio/EWM.png" width="100%">
702 </div> 981 </div>
@@ -725,7 +1004,7 @@ @@ -725,7 +1004,7 @@
725 <!-- carousel --> 1004 <!-- carousel -->
726 <script src="owl-carousel/owl.carousel.js"></script> 1005 <script src="owl-carousel/owl.carousel.js"></script>
727 <script> 1006 <script>
728 - $(document).ready(function() { 1007 + $(document).ready(function () {
729 $("#owl-brand").owlCarousel({ 1008 $("#owl-brand").owlCarousel({
730 autoPlay: 3000, 1009 autoPlay: 3000,
731 items: 1, 1010 items: 1,
@@ -53,7 +53,7 @@ $(document).ready(function() { @@ -53,7 +53,7 @@ $(document).ready(function() {
53 $('#emailAddress').val(res.data.emailAddress) 53 $('#emailAddress').val(res.data.emailAddress)
54 $('#WXname').html(res.data.wname) 54 $('#WXname').html(res.data.wname)
55 $('#Pnumber').html(res.data.phoneNumber) 55 $('#Pnumber').html(res.data.phoneNumber)
56 - let title = ` <img src="${res.data.img}" style='width:100%'>` 56 + let title = ` <img src="${res.data.img}" style='width:100%;height:100%'>`
57 $("#head-img").html(title) 57 $("#head-img").html(title)
58 58
59 }) 59 })
@@ -146,8 +146,8 @@ $(document).ready(function() { @@ -146,8 +146,8 @@ $(document).ready(function() {
146 <a>${res.data[i].memberName}</a> 146 <a>${res.data[i].memberName}</a>
147 </div> 147 </div>
148 <div style="background: #fff;"> 148 <div style="background: #fff;">
149 - <div style="text-align: center;padding: 5%;">  
150 - <a style="color: ${color[i]};"> 149 + <div style="text-align: center;" class='vip_info'>
  150 + <a style="color: ${color[i]};" class='vip_info_a'>
151 <span style="font-size: 2em;">${res.data[i].memberMoney}</span> /${quarter[i]} 151 <span style="font-size: 2em;">${res.data[i].memberMoney}</span> /${quarter[i]}
152 </a> 152 </a>
153 </div> 153 </div>
@@ -334,22 +334,30 @@ function payment() { @@ -334,22 +334,30 @@ function payment() {
334 }) 334 })
335 } 335 }
336 //获取用户VIP信息判断是否是VIP 336 //获取用户VIP信息判断是否是VIP
337 -function ifVIP() {  
338 - var url5 = "/login/userInfo"; // 接口  
339 - var header = {  
340 - "Content-Type": "application/json",  
341 - "token": localStorage.getItem('token'),  
342 - }  
343 - // 调用公共ajax  
344 - ajax(url5, "GET", header, function(res) {  
345 - console.log(res);  
346 -  
347 - }, function(res) {  
348 - console.log(res);  
349 - if (res.data.status1 == 1) {  
350 - window.location.href = 'personalCenter.html'  
351 - } else { 337 +// function ifVIP() {
  338 +// var header = {
  339 +// "Content-Type": "application/json",
  340 +// "token": localStorage.getItem('token'),
  341 +// }
  342 +// ajax("/login/userInfo", "GET", header, function(res) {
  343 +// console.log(res);
  344 +// }, function(res) {
  345 +// console.log(res);
  346 +// if (res.data.status1 == 1) {
  347 +// window.location.href = 'personalCenter.html'
  348 +// } else {
  349 +// window.location.href = 'aboutUs.html'
  350 +// }
  351 +// },function(res){
  352 +// console.log(res);
  353 +// if(res){
  354 +// alert("请您先登录!")
  355 +// }
  356 +// })
  357 +// }
  358 +function aboutUs(){
352 window.location.href = 'aboutUs.html' 359 window.location.href = 'aboutUs.html'
353 - }  
354 - }) 360 +}
  361 +function myAcc(){
  362 + window.location.href ='personalCenter.html'
355 } 363 }
@@ -26,6 +26,10 @@ @@ -26,6 +26,10 @@
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 + .container {
  30 + width: 100%;
  31 + }
  32 +
29 .titleDiv div, 33 .titleDiv div,
30 .titleDiv p, 34 .titleDiv p,
31 .titleDiv span { 35 .titleDiv span {
@@ -252,7 +256,6 @@ @@ -252,7 +256,6 @@
252 height: 25px; 256 height: 25px;
253 font-size: 18px; 257 font-size: 18px;
254 font-family: Gotham, Gotham-Book; 258 font-family: Gotham, Gotham-Book;
255 - font-weight: Book;  
256 text-align: left; 259 text-align: left;
257 color: #ffffff; 260 color: #ffffff;
258 line-height: 21px; 261 line-height: 21px;
@@ -261,6 +264,7 @@ @@ -261,6 +264,7 @@
261 } 264 }
262 265
263 #headTitle { 266 #headTitle {
  267 + margin-top: 43px;
264 height: 120px; 268 height: 120px;
265 font-size: 40px; 269 font-size: 40px;
266 font-family: Helvetica; 270 font-family: Helvetica;
@@ -384,17 +388,73 @@ @@ -384,17 +388,73 @@
384 width: 470px; 388 width: 470px;
385 height: 800px; 389 height: 800px;
386 } 390 }
387 - #recommend-List{ 391 +
  392 + #recommend-List {
388 margin-top: 100px; 393 margin-top: 100px;
389 } 394 }
390 395
391 @media(max-width: 768px) { 396 @media(max-width: 768px) {
392 - .header-right1 :first-child { 397 + .profile-project-all {
  398 + padding: 40px;
  399 + }
  400 +
  401 + .row {
  402 + margin-right: 0;
  403 + margin-left: 0;
  404 + }
  405 +
  406 + #fivefield p {
  407 + font-size: 9px;
  408 + font-family: PingFangSC, PingFangSC-Medium;
  409 + font-weight: 500;
  410 + text-align: justify;
  411 + color: #ffffff;
  412 + line-height: 16px;
  413 + letter-spacing: 0px;
  414 + }
  415 +
  416 + .mobile-top-fix {
  417 + margin-top: 0;
  418 + }
  419 +
  420 + .peo_info {
  421 + padding-left: 0;
  422 + margin: 40px;
  423 + display: flex;
  424 + flex-direction: column;
  425 + place-items: center;
  426 + }
  427 +
  428 + #twofield1 p {
  429 + font-size: 9px;
  430 + font-family: Helvetica;
  431 + text-align: justify;
  432 + color: #ffffff;
  433 + line-height: 20px;
  434 + }
  435 +
  436 + .col-sm-12,
  437 + .col-md-12 {
  438 + padding-left: 0;
  439 + padding-right: 0;
  440 + }
  441 +
  442 + #img1 {
  443 + height: 224px;
  444 + width: 100%;
  445 + }
  446 +
  447 + #explain {
393 display: none; 448 display: none;
394 } 449 }
395 450
  451 + .header-text-img {
  452 + width: 106px;
  453 + height: 50px;
  454 + }
  455 +
396 .header-btnL { 456 .header-btnL {
397 - display: block; 457 + display: none;
398 } 458 }
399 459
400 .header-loginBtn { 460 .header-loginBtn {
@@ -407,23 +467,22 @@ @@ -407,23 +467,22 @@
407 } 467 }
408 468
409 .header-right-btn { 469 .header-right-btn {
410 - position: static;  
411 margin-right: 0px; 470 margin-right: 0px;
  471 + width: 35px;
  472 + height: 35px;
412 } 473 }
413 474
414 .header-text { 475 .header-text {
415 width: 100%; 476 width: 100%;
416 - top: 90px; 477 + /* top: 90px; */
  478 + padding: 80px 20px 40px;
417 left: 0px; 479 left: 0px;
418 right: 0px; 480 right: 0px;
419 - padding-left: 0px;  
420 - }  
421 -  
422 - .text-center {  
423 - margin: 0 5px;  
424 } 481 }
425 482
426 #headTitle { 483 #headTitle {
  484 + margin-top: 0px;
  485 + height: 48px;
427 font-size: 14px; 486 font-size: 14px;
428 font-family: PingFangSC, PingFangSC-Semibold; 487 font-family: PingFangSC, PingFangSC-Semibold;
429 font-weight: 600; 488 font-weight: 600;
@@ -433,6 +492,7 @@ @@ -433,6 +492,7 @@
433 } 492 }
434 493
435 #titleExplain { 494 #titleExplain {
  495 + height: auto;
436 font-size: 9px; 496 font-size: 9px;
437 font-family: PingFangSC, PingFangSC-Medium; 497 font-family: PingFangSC, PingFangSC-Medium;
438 font-weight: 500; 498 font-weight: 500;
@@ -443,7 +503,7 @@ @@ -443,7 +503,7 @@
443 } 503 }
444 504
445 header { 505 header {
446 - height: 500px !important; 506 + height: 400px !important;
447 } 507 }
448 508
449 .btn-joinUs h5 { 509 .btn-joinUs h5 {
@@ -467,13 +527,31 @@ @@ -467,13 +527,31 @@
467 line-height: 12px; 527 line-height: 12px;
468 } 528 }
469 529
  530 + .col-md-6 {
  531 + padding-left: 0;
  532 + padding-right: 0;
  533 + }
  534 +
470 #fourGroups { 535 #fourGroups {
  536 + width: 100%;
471 display: flex; 537 display: flex;
472 flex-wrap: wrap; 538 flex-wrap: wrap;
473 } 539 }
474 540
475 .four-to-one { 541 .four-to-one {
476 - width: 75px; 542 + width: 60px;
  543 + height: 50px;
  544 + margin-bottom: 20px;
  545 + }
  546 +
  547 + .four-to-two1,
  548 + .four-to-one1 {
  549 + font-size: 9px;
  550 + font-family: Helvetica;
  551 + text-align: center;
  552 + color: #323232;
  553 + line-height: 11px;
  554 + letter-spacing: 0px;
477 } 555 }
478 556
479 .four-to-tit span, 557 .four-to-tit span,
@@ -486,8 +564,12 @@ @@ -486,8 +564,12 @@
486 letter-spacing: 0px; 564 letter-spacing: 0px;
487 } 565 }
488 566
  567 + #team {
  568 + height: 306px;
  569 + }
  570 +
489 .box-content { 571 .box-content {
490 - padding: 20px 30px 40px; 572 + padding: 30px;
491 } 573 }
492 574
493 .four-to-tit { 575 .four-to-tit {
@@ -515,6 +597,8 @@ @@ -515,6 +597,8 @@
515 } 597 }
516 598
517 #onefield1 { 599 #onefield1 {
  600 + padding-left: 0;
  601 + width: 100%;
518 font-size: 9px; 602 font-size: 9px;
519 font-family: Helvetica; 603 font-family: Helvetica;
520 text-align: justify; 604 text-align: justify;
@@ -565,7 +649,19 @@ @@ -565,7 +649,19 @@
565 margin-top: 10px; 649 margin-top: 10px;
566 } 650 }
567 651
  652 + .why {
  653 + height: auto;
  654 + }
  655 +
  656 + .peo_all {
  657 + padding: 0;
  658 + display: flex;
  659 + flex-direction: column;
  660 + }
  661 +
568 #threefield { 662 #threefield {
  663 + letter-spacing: 0;
  664 + height: auto;
569 font-size: 9px; 665 font-size: 9px;
570 font-family: PingFangSC, PingFangSC-Medium; 666 font-family: PingFangSC, PingFangSC-Medium;
571 font-weight: 500; 667 font-weight: 500;
@@ -576,7 +672,7 @@ @@ -576,7 +672,7 @@
576 672
577 #threefield1 { 673 #threefield1 {
578 padding-top: 8px; 674 padding-top: 8px;
579 - padding-bottom: 40px; 675 + height: 48px;
580 font-size: 14px; 676 font-size: 14px;
581 font-family: PingFangSC, PingFangSC-Semibold; 677 font-family: PingFangSC, PingFangSC-Semibold;
582 font-weight: 600; 678 font-weight: 600;
@@ -585,14 +681,32 @@ @@ -585,14 +681,32 @@
585 line-height: 24px; 681 line-height: 24px;
586 width: 100% 682 width: 100%
587 } 683 }
  684 + #recommend-List{
  685 + margin-top: 40px;
  686 + }
  687 + .pro{
  688 + place-content: center;
  689 + }
588 690
589 #img2 { 691 #img2 {
590 display: none; 692 display: none;
591 } 693 }
592 - 694 + .features_all{
  695 + display: flex;
  696 + flex-direction: column;
  697 + }
593 #img2 img { 698 #img2 img {
594 display: none; 699 display: none;
595 } 700 }
  701 + #features{
  702 + background: #f0f0f0;
  703 + height: auto;
  704 + padding: 40px 28px;
  705 + }
  706 + #img3{
  707 + height: 200px;
  708 + width: 100%;
  709 + }
596 710
597 .all-list { 711 .all-list {
598 display: flex; 712 display: flex;
@@ -682,17 +796,17 @@ @@ -682,17 +796,17 @@
682 .padding-top-70 { 796 .padding-top-70 {
683 padding-top: 0px !important; 797 padding-top: 0px !important;
684 } 798 }
685 -  
686 - #features {  
687 - background-color: #fcfbfd; 799 + .fea_right{
  800 + width: 100%;
  801 + padding: 30px 12px 0;
688 } 802 }
689 -  
690 .profile-footerImg1 { 803 .profile-footerImg1 {
691 width: 264px; 804 width: 264px;
692 height: 196px; 805 height: 196px;
693 } 806 }
694 807
695 #fourfield1 { 808 #fourfield1 {
  809 + height: auto;
696 font-size: 9px; 810 font-size: 9px;
697 font-family: Gotham, Gotham-Medium; 811 font-family: Gotham, Gotham-Medium;
698 font-weight: 500; 812 font-weight: 500;
@@ -702,7 +816,10 @@ @@ -702,7 +816,10 @@
702 } 816 }
703 817
704 #fourfield2 { 818 #fourfield2 {
  819 + margin: 0;
  820 + height: auto;
705 padding-top: 10px; 821 padding-top: 10px;
  822 + padding-bottom: 10px;
706 font-size: 14px; 823 font-size: 14px;
707 font-family: Helvetica; 824 font-family: Helvetica;
708 text-align: center; 825 text-align: center;
@@ -752,6 +869,11 @@ @@ -752,6 +869,11 @@
752 place-items: center; 869 place-items: center;
753 display: flex; 870 display: flex;
754 } 871 }
  872 +
  873 + .header-img1 {
  874 + width: 105px;
  875 + height: 15px;
  876 + }
755 } 877 }
756 </style> 878 </style>
757 </head> 879 </head>
@@ -794,8 +916,8 @@ @@ -794,8 +916,8 @@
794 <div id="page-content"> 916 <div id="page-content">
795 <!--四个小图 --> 917 <!--四个小图 -->
796 <section class="box-content box-7" id="team"> 918 <section class="box-content box-7" id="team">
797 - <div class="container1">  
798 - <div class="row1" id="fourGroups"> 919 + <div class="container">
  920 + <div class="row" id="fourGroups">
799 </div> 921 </div>
800 </div> 922 </div>
801 </section> 923 </section>
@@ -64,8 +64,8 @@ $(document).ready(function () { @@ -64,8 +64,8 @@ $(document).ready(function () {
64 <div class="header-text"> 64 <div class="header-text">
65 <div class="text-center"> 65 <div class="text-center">
66 <div class='header-text-img'><img src='${res.data.img}' style='width:100%;height:100%'></div> 66 <div class='header-text-img'><img src='${res.data.img}' style='width:100%;height:100%'></div>
67 - <div style="color: #fff; id="explain">${res.data.explain}</div>  
68 - <div style="color: #fff;" id="headTitle">欢迎加入上海国际货币经纪虚拟实习项目<br/>更快学习交易经纪人的职场能力!</div> 67 + <div id="explain">${res.data.explain}</div>
  68 + <div id="headTitle">欢迎加入上海国际货币经纪虚拟实习项目更快学习交易经纪人的职场能力!</div>
69 <div id="titleExplain">${res.data.titleExplain}</div> 69 <div id="titleExplain">${res.data.titleExplain}</div>
70 <div class='btn-joinUs'> 70 <div class='btn-joinUs'>
71 <h5 style="position: absolute;background-color: #97dab6;border-radius: 50%;z-index: 2;width: 50px;height: 50px;opacity: 0.5;">&nbsp;</h5> 71 <h5 style="position: absolute;background-color: #97dab6;border-radius: 50%;z-index: 2;width: 50px;height: 50px;opacity: 0.5;">&nbsp;</h5>
@@ -102,7 +102,7 @@ $(document).ready(function () { @@ -102,7 +102,7 @@ $(document).ready(function () {
102 // console.log(res); 102 // console.log(res);
103 $.each(res.data, function (key, value) { 103 $.each(res.data, function (key, value) {
104 let title = ` 104 let title = `
105 - <div class="col-md-6 box-item"> 105 + <div class="col-md-6 .col-sm-6 .col-xs-6 .col-lg-3 box-item">
106 <div class='four-to-one'><img src="${value.img}" style='width:100%'></div> 106 <div class='four-to-one'><img src="${value.img}" style='width:100%'></div>
107 <div class="col-xs-91 four-to-tit"> 107 <div class="col-xs-91 four-to-tit">
108 <div class='four-to-one1'>${value.title}</div> 108 <div class='four-to-one1'>${value.title}</div>
@@ -171,6 +171,9 @@ $(document).ready(function () { @@ -171,6 +171,9 @@ $(document).ready(function () {
171 $('#recommend-List').append(singltItem); 171 $('#recommend-List').append(singltItem);
172 172
173 } 173 }
  174 + console.log(111111111111);
  175 + // $(".all-list").last().find('#list-left').find('#left-xian').css('display','none')
  176 +
174 }, function (res) { 177 }, function (res) {
175 console.log(res); 178 console.log(res);
176 }) 179 })