1<!DOCTYPE html><html><head> 2 <meta charset="utf-8"> 3 <meta name="viewport" content="width=device-width, initial-scale=1"> 4 <meta name="renderer" content="webkit"> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 6 <title>å®¢æ·æ¡ä¾ - ç«åappä¸è½½_ç«æappï¼ä¸å½ï¼ 7</title>
8<script src="/javascript-pie-resize.js"></script>
8 9 <meta name="keywords" content="" /> 10 <meta name="description" content=""> 11 <link rel="dns-prefetch" href="//cdn.xuansiwei.com"> 12<link rel="shortcut icon" href="//cdn.xuansiwei.com/mmtgabx4484/upload/20230818/omg7clfhpqg/logo.png" type="image/x-icon"> 13 <meta charset="UTF-8"> 14
14<script> 15 var docCookies = { 16 getItem: function (sKey) { 17 return decodeURIComponent(document.cookie.replace(new RegExp("(?:(?:^|.*;)\\s*" + encodeURIComponent(sKey).replace(/[-.+*]/g, "\\$&") + "\\s*\\=\\s*([^;]*).*$)|^.*$"), "$1")) || null; 18 }, 19 setItem: function (sKey, sValue, vEnd, sPath, sDomain, bSecure) { 20 if (!sKey || /^(?:expires|max\-age|path|domain|secure)$/i.test(sKey)) { return false; } 21 var sExpires = ""; 22 if (vEnd) { 23 switch (vEnd.constructor) { 24 case Number: 25 sExpires = vEnd === Infinity ? "; expires=Fri, 31 Dec 9999 23:59:59 GMT" : "; max-age=" + vEnd; 26 break; 27 case String: 28 sExpires = "; expires=" + vEnd; 29 break; 30 case Date: 31 sExpires = "; expires=" + vEnd.toUTCString(); 32 break; 33 } 34 } 35 document.cookie = encodeURIComponent(sKey) + "=" + encodeURIComponent(sValue) + sExpires + (sDomain ? "; domain=" + sDomain : "") + (sPath ? "; path=" + sPath : "") + (bSecure ? "; secure" : ""); 36 return true; 37 }, 38 removeItem: function (sKey, sPath, sDomain) { 39 if (!sKey || !this.hasItem(sKey)) { return false; } 40 document.cookie = encodeURIComponent(sKey) + "=; expires=Thu, 01 Jan 1970 00:00:00 GMT" + ( sDomain ? "; domain=" + sDomain : "") + ( sPath ? "; path=" + sPath : ""); 41 return true; 42 }, 43 hasItem: function (sKey) { 44 return (new RegExp("(?:^|;\\s*)" + encodeURIComponent(sKey).replace(/[-.+*]/g, "\\$&") + "\\s*\\=")).test(document.cookie); 45 }, 46 keys: /* optional method: you can safely remove it! */ function () { 47 var aKeys = document.cookie.replace(/((?:^|\s*;)[^\=]+)(?=;|$)|^\s*|\s*(?:\=[^;]*)?(?:\1|$)/g, "").split(/\s*(?:\=[^;]*)?;\s*/); 48 for (var nIdx = 0; nIdx < aKeys.length; nIdx++) { aKeys[nIdx] = decodeURIComponent(aKeys[nIdx]); } 49 return aKeys; 50 } 51}; 52 if (location.hostname === 'd0820dck8635.temp.cn3.caihongjianzhan.com') { 53 if (!docCookies.getItem('login_name')) { 54 location.href = '//d0820dck8635.cn3.caihongjianzhan.com' 55 } 56 } 57 </script>
57 58 <meta http-equiv="Cache-Control" content="no-transform" />
59<script>var V_PATH="/";window.onerror=function(){ return true; };</script>
59 60</head> 61 62<body><h1><a href="http://easterntrailsmuseum.com/">ç«åappä¸è½½</a></h1> 63 64 65 <div id="yqmu3nlz4f" component="header.html"> 66 <link rel="stylesheet" href="//cdn.xuansiwei.com/common/lib/bulma/0.7.5/bulma.min.css"> 67<link rel="stylesheet" href="//cdn.xuansiwei.com/common/lib/font-awesome/4.7.0/font-awesome.min.css"> 68<link rel="stylesheet" href="//cdn.xuansiwei.com/common/lib/swiper/swiper.min.css"> 69<link rel="stylesheet" href="//cdn.xuansiwei.com/common/lib/bulma/plugin/modal-fx.min.css"> 70<link rel="stylesheet" type="text/css" href="//cdn.xuansiwei.com/common/lib/animate/3.5.1/animate.min.css"> 71 72 73 74 75 76 77 <style type="text/css"> 78 .ellipsis { 79 display: block; 80 text-overflow: ellipsis; 81 overflow: hidden; 82 white-space: nowrap; 83} 84/* æµè§å¨æ ç¾æ ·å¼ */ 85body { 86 font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; 87 /* overflow-x: hidden; å äºè¿ä¸ªå°±è¦å»æå¨ç»ææ*/ 88} 89p { 90 text-align: left; 91 text-indent: 2em; 92 font-size: 16px; 93 line-height: 1.8; 94} 95/* bulmaæ ·å¼éæ */ 96.section { 97 padding: 3rem 1.5rem 3rem 1.5rem; 98} 99@media (max-width: 768px) { 100 .section { 101 padding: 2rem 1rem 2rem 1rem; 102 } 103} 104.input:active, 105.input:focus, 106.is-active.input, 107.is-active.textarea, 108.is-focused.input, 109.is-focused.textarea, 110.select select.is-active, 111.select select.is-focused, 112.select select:active, 113.select select:focus, 114.textarea:active, 115.textarea:focus { 116 border-color: #d81127; 117} 118.button.is-primary { 119 background-color: #d81127; 120} 121.button.is-primary .is-hovered, 122.button.is-primary:hover { 123 background-color: #e63746; 124} 125.pagination-link.is-current { 126 background-color: #d81127; 127 border-color: #d81127; 128} 129.image img { 130 object-fit: contain; 131} 132/* fontéæ */ 133.title { 134 font-size: 18px; 135 margin-bottom: 16px; 136} 137@media (max-width: 768px) { 138 .title { 139 font-size: 16px; 140 } 141} 142.subtitle { 143 font-size: 16px; 144 margin-bottom: 16px; 145} 146@media (max-width: 768px) { 147 .subtitle { 148 font-size: 14px; 149 } 150} 151.intro { 152 font-size: 14px; 153 line-height: 2; 154 margin-bottom: 16px; 155} 156@media (max-width: 768px) { 157 .intro { 158 font-size: 12px; 159 } 160} 161/* swiper */ 162.swiper-pagination-bullet-active { 163 background: #d81127; 164} 165/* èªå®ä¹æ ·å¼ */ 166.title-block-1 { 167 margin: 0 0 3rem 0; 168} 169@media (max-width: 768px) { 170 .title-block-1 { 171 margin: 0 0 2rem 0; 172 } 173} 174.title-block-1 .title { 175 font-size: 28px; 176 text-align: center; 177 font-weight: normal; 178 line-height: 1.5; 179 width: 200px; 180 margin: 0 auto; 181} 182@media (max-width: 768px) { 183 .title-block-1 .title { 184 font-size: 18px; 185 width: 120px; 186 } 187}
188.title-block-1 .subtitle { 189 line-height: 1.5; 190 margin: 0 auto; 191 text-align: center; 192 color: rgba(0, 0, 0, 0.45); 193 font-family: Arial; 194 font-size: 16px; 195} 196@media (max-width: 768px) { 197 .title-block-1 .subtitle { 198 font-size: 12px; 199 } 200} 201@media (min-width: 769px) { 202 #header_1_4 { 203 color: #d81127; 204 padding: 20px 0; 205 } 206} 207#header_1_4 .navbar { 208 align-items: center; 209} 210#header_1_4 .navbar-brand { 211 align-items: center; 212} 213#header_1_4 .navbar-brand .navbar-item:hover { 214 background-color: #fff; 215} 216#header_1_4 .navbar-brand .navbar-item::after { 217 display: none; 218} 219@media (min-width: 769px) { 220 #header_1_4 .navbar-brand .navbar-item { 221 padding-left: 0; 222 } 223} 224@media (min-width: 769px) { 225 #header_1_4 .navbar-item { 226 padding: 0.5rem 3vw; 227 } 228} 229#header_1_4 .navbar-item.has-dropdown { 230 padding: 0; 231} 232#header_1_4 .navbar-item.has-dropdown:hover .navbar-link { 233 background-color: unset; 234 color: unset; 235} 236#header_1_4 .navbar-item.has-dropdown:hover > .navbar-link { 237 background-color: #b3051f; 238 color: #fff; 239} 240#header_1_4 .navbar-item.has-dropdown:hover > .navbar-link::after { 241 border-color: #fff; 242} 243#header_1_4 .navbar-item.has-dropdown:hover > .navbar-link a { 244 color: #fff; 245} 246#header_1_4 .navbar-item.has-dropdown.is-active .navbar-link { 247 color: #fff; 248} 249#header_1_4 .navbar-item.has-dropdown .has-dropdown-child:hover > .navbar-link { 250 background-color: #b3051f; 251 color: #fff; 252} 253#header_1_4 .navbar-item.has-dropdown .has-dropdown-child:hover > .navbar-link::after { 254 border-color: #fff; 255} 256#header_1_4 .navbar-item.has-dropdown .has-dropdown-child:hover > .navbar-link a { 257 color: #fff; 258} 259#header_1_4 .navbar-item img { 260 max-height: 3.75rem; 261} 262#header_1_4 a.navbar-item:hover, 263#header_1_4 a.navbar-item.is-active { 264 background-color: #b3051f; 265 color: #fff; 266} 267@media (min-width: 769px) { 268 #header_1_4 .navbar-link { 269 padding: 0.5rem 3vw; 270 } 271} 272#header_1_4 .navbar-link:not(.is-arrowless)::after { 273 border-color: #b3051f; 274} 275#header_1_4 .navbar-link:hover, 276#header_1_4 .navbar-link.is-active { 277 background-color: #b3051f; 278} 279#header_1_4 .navbar-link:hover a, 280#header_1_4 .navbar-link.is-active a { 281 color: #fff; 282} 283#header_1_4 .navbar-link:hover::after, 284#header_1_4 .navbar-link.is-active::after { 285 border-color: #fff; 286} 287#header_1_4 .navbar-link a { 288 white-space: nowrap; 289 color: #4a4a4a; 290} 291#header_1_4 .navbar-dropdown { 292 border-top: 0; 293} 294#header_1_4 .navbar-dropdown.active { 295 display: block; 296} 297@media (max-width: 768px) { 298 #header_1_4 .navbar-dropdown { 299 display: none; 300 } 301} 302@media (max-width: 768px) { 303 #header_1_4 .navbar-dropdown .navbar-item { 304 padding-left: 0.75rem; 305 padding-right: 0.75rem; 306 } 307} 308#header_1_4 .navbar-dropdown-child.active { 309 display: block; 310} 311@media (max-width: 768px) { 312 #header_1_4 .navbar-dropdown-child { 313 display: none; 314 } 315} 316@media (min-width: 768px) { 317 #header_1_4 .has-dropdown-child { 318 position: relative; 319 } 320 #header_1_4 .has-dropdown-child:hover > .navbar-dropdown-child { 321 display: block; 322 } 323 #header_1_4 .has-dropdown-child .navbar-link::after { 324 transform: rotate(-133deg); 325 } 326 #header_1_4 .has-dropdown-child .navbar-dropdown-child { 327 display: none; 328 left: 100%; 329 min-width: 100%; 330 position: absolute; 331 top: 0; 332 z-index: 20; 333 background: #fff; 334 border-bottom-left-radius: 6px; 335 border-bottom-right-radius: 6px; 336 box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1); 337 } 338} 339@media (max-width: 768px) { 340} 341@media (max-width: 768px) { 342 #header_1_4 .navbar-burger { 343 color: #d81127; 344 } 345} 346@media (min-width: 769px) { 347 #header_1_4 .navbar-start { 348 margin-right: unset; 349 margin-left: auto; 350 } 351} 352.stuck { 353 position: fixed; 354 width: 100%; 355 top: 0; 356 z-index: 100; 357 background: #fff; 358 box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.02); 359} 360.banner { 361 height: 380px; 362 background-size: cover; 363 background-position: center; 364 display: flex; 365 align-items: center; 366 justify-content: center; 367 flex-direction: column; 368} 369@media (max-width: 768px) { 370 .banner { 371 height: 200px; 372 } 373} 374.banner .title { 375 color: #fff; 376 font-size: 40px; 377} 378@media (max-width: 768px) { 379 .banner .title { 380 font-size: 20px; 381 } 382} 383.banner .subtitle { 384 color: #fff; 385 font-size: 25px; 386} 387@media (max-width: 768px) { 388 .banner .subtitle { 389 font-size: 16px; 390 } 391} 392#article_2 { 393 background: #F2F2F2; 394} 395#article_2 .columns { 396 column-gap: 10px; 397} 398#article_2 .column { 399 background: #fff; 400} 401#article_2 .recommend { 402 height: fit-content; 403} 404#article_2 .recommend .more_art_tit { 405 font-size: 16px; 406 font-weight: bold; 407 color: #d81127; 408 position: relative; 409 border-bottom: 1px solid hsla(0, 0%, 60%, 0.15); 410 padding-bottom: 12px; 411 padding-left: 12px; 412} 413#article_2 .recommend .more_art_tit::before { 414 content: ''; 415 display: block; 416 width: 5px; 417 height: 25px; 418 background: #d81127; 419 position: absolute; 420 left: 0; 421} 422#article_2 .recommend .swiper-wrapper { 423 max-height: 350px; 424} 425#article_2 .recommend .swiper-slide { 426 /* padding: 5px 0; */ 427 border-bottom: 1px solid hsla(0, 0%, 60%, 0.15); 428} 429#article_2 .recommend .swiper-slide .tit { 430 display: flex; 431 align-items: center; 432 justify-content: space-evenly; 433 margin-bottom: 8px; 434} 435#article_2 .recommend .swiper-slide .tit a { 436 color: #666; 437 font-size: 14px; 438 display: block; 439 text-overflow: ellipsis; 440 overflow: hidden; 441 white-space: nowrap; 442 flex: 1; 443} 444#article_2 .recommend .swiper-slide .tit span { 445 color: #999; 446 font-size: 14px; 447} 448#article_2 .recommend .swiper-slide .subtit { 449 color: #878787; 450 font-size: 12px; 451 display: block; 452 text-overflow: ellipsis; 453 overflow: hidden; 454 white-space: nowrap; 455} 456#article_2 .article .title { 457 text-align: center; 458 font-size: 20px; 459 margin-bottom: 12px; 460 padding: 16px 0; 461} 462#article_2 .article .subtitle { 463 display: flex; 464 justify-content: center; 465 align-items: center; 466 text-align: center; 467 font-size: 12px; 468 margin-bottom: 12px; 469 padding-bottom: 16px; 470} 471#article_2 .article .subtitle >
471 div:not(:first-child) { 472 margin-left: 8px; 473} 474#article_2 .article .subtitle .share-weixin { 475 display: flex; 476 position: relative; 477} 478@media (min-width: 769px) { 479 #article_2 .article .subtitle .share-weixin:hover .wechat-share-modal { 480 display: block; 481 } 482} 483#article_2 .article .subtitle .share-weixin a { 484 width: 16px; 485 margin-left: 8px; 486 height: 16px; 487} 488#article_2 .article .subtitle .share-weixin .wechat-share-modal { 489 display: none; 490 position: absolute; 491 left: -100px; 492 top: 30px; 493 width: max-content; 494 max-width: 240px; 495 padding: 1rem; 496 background: #fff; 497 box-shadow: 0px 1px 8px 2px #676767; 498} 499#article_2 .article .subtitle .share-weixin .wechat-share-modal p { 500 font-size: 12px; 501 text-indent: 0; 502} 503#article_2 .article .subtitle .share-weixin .wechat-share-copy-modal .modal-content { 504 background: #ffffff; 505 width: 238px; 506 padding-top: 20px; 507} 508#article_2 .article .subtitle .share-weixin .wechat-share-copy-modal .modal-content img { 509 margin-bottom: 10px; 510} 511#article_2 .article .subtitle .share-weixin .wechat-share-copy-modal .modal-content .title { 512 font-size: 14px; 513 margin: 0; 514 padding: 0; 515} 516#article_2 .article .subtitle .share-weixin .wechat-share-copy-modal .modal-content .subtitle { 517 color: #999999; 518 font-size: 12px; 519 line-height: 17px; 520 margin-top: 3px; 521 padding-bottom: 0; 522 margin-bottom: 0; 523} 524#article_2 .article .subtitle .share-weixin .wechat-share-copy-modal .modal-content .is-ok { 525 color: #3384e3; 526 padding: 9px 0px; 527 margin: 12px 12px 0px; 528 border-top: 1px solid #ececec; 529} 530#article_2 .article .subtitle .share-weibo { 531 width: 16px; 532 height: 16px; 533 margin-left: 8px; 534} 535#article_2 .article .intro { 536 font-size: 12px; 537 border: 1px solid #e1e1e7; 538 border-left: 4px solid #e1e1e7; 539 padding: 16px; 540 margin-bottom: 12px; 541} 542#article_2 .article .content { 543 margin-top: 24px; 544 max-width: 90%; 545 margin: 24px auto; 546} 547#article_2 .article .more { 548 border: 1px solid #efefef; 549 margin: 30px auto; 550 margin: 0 auto 24px auto; 551 max-width: 90%; 552 font-size: 14px; 553} 554#article_2 .article .more a { 555 color: #999; 556} 557#article_2 .article .more a:hover, 558#article_2 .article .more a:active { 559 color: #999; 560} 561#article_2 .article .content p img { 562 display: block; 563 margin: 0 auto; 564 cursor: zoom-in; 565} 566#article_2 .img-zoom { 567 cursor: zoom-out; 568} 569#article_2 .img-zoom .modal-content { 570 display: flex; 571 justify-content: center; 572} 573#gongyongdibu { 574 background: #212121; 575} 576#gongyongdibu .title { 577 color: #fff; 578 font-size: 20px; 579 letter-spacing: 2px; 580} 581#gongyongdibu .subtitle { 582 color: #bfbfbf; 583 font-size: 14px; 584} 585#gongyongdibu .subtitle i { 586 padding-right: 8px; 587} 588#gongyongdibu hr { 589 width: 3em; 590 background-color: #d81127; 591} 592#gongyongdibu p { 593 color: #bfbfbf; 594 font-size: 14px; 595 text-indent: 0; 596} 597.copyright { 598 text-align: center; 599 font-size: 16px; 600 line-height: 3; 601 color: #fff; 602 background: #000; 603} 604@media (max-width: 768px) { 605 .copyright { 606 font-size: 14px; 607 } 608} 609.copyright a { 610 color: inherit; 611} 612#online_1 { 613 /*使ç¨ç»ä»¶å° --position ç弿¹ä¸º fixed*/ 614 --position: fixed; 615} 616#online_1 .online-show { 617 position: var(--position); 618 right: 0; 619 top: calc(50% - 74px); 620 z-index: 1001; 621 background-color: #d81127; 622 color: #fff; 623 display: flex; 624 align-items: center; 625 flex-direction: column; 626 width: 26px; 627 padding: 8px; 628 border-top-left-radius: 8px; 629 border-bottom-left-radius: 8px; 630 transition: right 500ms; 631} 632#online_1 .online-show p { 633 text-indent: 0; 634 font-size: 14px; 635 line-height: 1.5; 636 padding: 8px 0; 637 max-width: 100%; 638 word-break: break-word; 639 text-transform: uppercase; 640 text-align: center; 641} 642#online_1 .online-content { 643 position: var(--position); 644 top: calc(50% - 74px); 645 z-index: 1000; 646 right: -100vw; 647 transition: right 500ms; 648} 649#online_1 .online-content .box { 650 padding: 16px; 651 border: 2px solid #d81127; 652} 653#online_1 .online-content .box .content p { 654 text-indent: 0; 655 margin: 0; 656 font-size: 14px; 657} 658#online_1 .online-content .box .content p.is-flex { 659 align-items: center; 660} 661#online_1 .online-content .box .content p:not(:last-child) { 662 padding-bottom: 8px; 663} 664#online_1 .online-content .box .content .icon { 665 width: auto; 666} 667#online_1 .online-mobile { 668 position: var(--position); 669 right: 0; 670 bottom: 50px; 671 z-index: 999; 672} 673#online_1 .online-mobile .content { 674 display: flex; 675 flex-direction: column; 676} 677#online_1 .online-mobile .content i { 678 width: 40px; 679 height: 40px; 680 line-height: 40px; 681 text-align: center; 682 font-size: 20px; 683 background: rgba(31, 31, 31, 0.65); 684 color: #fff; 685 border-radius: 50%; 686 margin: 8px 8px 0 0; 687 cursor: pointer; 688} 689#online_1 .wechat-num-copy-modal .modal-content { 690 background: #ffffff; 691 width: 238px; 692 padding-top: 20px; 693 text-align: center; 694} 695#online_1 .wechat-num-copy-modal .modal-content img { 696 margin-bottom: 10px; 697} 698#online_1 .wechat-num-copy-modal .modal-content .title { 699 font-size: 14px; 700 margin: 0; 701 padding: 0; 702} 703#online_1 .wechat-num-copy-modal .modal-content .subtitle { 704 color: #999999; 705 font-size: 12px; 706 line-height: 17px; 707 margin-top: 3px; 708 padding-bottom: 0; 709 margin-bottom: 0; 710} 711#online_1 .wechat-num-copy-modal .modal-content .is-ok { 712 color: #3384e3; 713 padding: 9px 0px; 714 margin: 12px 12px 0px; 715 border-top: 1px solid #ececec; 716} 717 718 </style> 719 <style type="text/less" id="commom-style"> 720 /* æµè§å¨æ ç¾æ ·å¼ */ 721 body { 722 font-family: @font-family; 723 /* overflow-x: hidden; å äºè¿ä¸ªå°±è¦å»æå¨ç»ææ*/ 724 } 725 p { 726 text-align: left; 727 text-indent: 2em; 728 font-size: 16px; 729 line-height: 1.8; 730 } 731 732 /* bulmaæ ·å¼éæ */ 733 .section { 734 padding: @section-top @section-right @section-bottom @section-left; 735 @media (max-width: 768px) { 736 padding: @section-mobile-top @section-mobile-right @section-mobile-bottom @section-mobile-left; 737 } 738 } 739 .input:active, .input:focus, .is-active.input, .is-active.textarea, .is-focused.input, .is-focused.textarea, .select select.is-active, .select select.is-focused, .select select:active, .select select:focus, .textarea:active, .textarea:focus { 740 border-color: @primary-color; 741 } 742 .button.is-primary { 743 background-color: @primary-color; 744 .is-hovered, &:hover { 745 background-color: @hover-color 746 } 747 } 748 .pagination-link.is-current { 749 background-color: @primary-color; 750 border-color: @primary-color; 751 } 752 .image img { 753 object-fit: contain; 754 } 755 756 /* fontéæ */ 757 .title { 758 font-size: @font-size-base + 4px; 759 margin-bottom: @gap-size * 2; 760 @media (max-width: 768px) { 761 font-size: @font-size-base + 2px; 762 } 763 } 764 .subtitle { 765 font-size: @font-size-base + 2px; 766 margin-bottom: @gap-size * 2; 767 @media (max-width: 768px) { 768 font-size: @font-size-base; 769 } 770 } 771 .intro { 772 font-size: @font-size-base; 773 line-height: 2; 774 margin-bottom: @gap-size * 2; 775 @media (max-width: 768px) { 776 font-size: @font-size-base - 2px; 777 } 778 } 779 780 /* swiper */ 781 .swiper-pagination-bullet-active { 782 background: @primary-color; 783 } 784 785 /* èªå®ä¹æ ·å¼ */ 786 .title-block-1 { 787 margin: 0 0 3rem 0; 788 @media (max-width: 768px) { 789 margin: 0 0 2rem 0; 790 } 791 .title { 792 font-size: 28px; 793 text-align: center; 794 font-weight: normal; 795 line-height: 1.5; 796 width: 200px; 797 margin: 0 auto; 798 @media (max-width: 768px) { 799 font-size: 18px; 800 width: 120px; 801 } 802 } 803 .subtitle { 804 line-height: 1.5; 805 margin: 0 auto; 806 text-align: center; 807 color: @text-color-secondary; 808 font-family: Arial; 809 font-size: 16px; 810 @media (max-width: 768px) { 811 font-size: 12px; 812 } 813 } 814 } 815</style> 816<link rel="stylesheet" type="text/css" href="/css/customer.css"> 817 818 819 820 821 822 823 824 825 826 827 828 829 830 831 832 833 834 835 836 837 838 <div id="yqmu3nlz4f" component="header_1_4.html"> 839 <style type="text/less"> 840 #header_1_4 { 841 @media (min-width: 769px) { 842 color: @primary-color; 843 padding: 20px 0; 844 } 845 846 .navbar { 847 align-items: center; 848 } 849 .navbar-brand { 850 align-items: center; 851 .navbar-item:hover { 852 background-color: #fff; 853 } 854 .navbar-item::after { 855 display: none; 856 } 857 @media (min-width: 769px) { 858 .navbar-item { 859 padding-left: 0; 860 } 861 } 862 } 863 .navbar-item { 864 @media (min-width: 769px) { 865 padding: 0.5rem 3.0vw; 866 } 867 &.has-dropdown { 868 padding: 0; 869 &:hover .navbar-link { 870 background-color: unset; 871 color: unset; 872 } 873 &:hover > .navbar-link { 874 background-color: @active-color; 875 color: #fff; 876 &::after { 877 border-color: #fff; 878 } 879 a { 880 color: #fff; 881 } 882 } 883 &.is-active { 884 .navbar-link { 885 color: #fff; 886 } 887 } 888 .has-dropdown-child:hover > .navbar-link { 889 background-color: @active-color; 890 color: #fff; 891 &::after { 892 border-color: #fff; 893 } 894 a { 895 color: #fff; 896 } 897 } 898 } 899 img { 900 max-height: 3.75rem; 901 } 902 } 903 a.navbar-item { 904 &:hover,&.is-active { 905 background-color: @active-color; 906 color: #fff; 907 } 908 } 909 910 .navbar-link { 911 @media (min-width: 769px) { 912 padding: 0.5rem 3.0vw; 913 } 914 &:not(.is-arrowless)::after { 915 border-color: @active-color; 916 } 917 &:hover,&.is-active { 918 background-color: @active-color; 919 a { 920 color: #fff; 921 } 922 &::after { 923 border-color: #fff; 924 } 925 } 926 927 a { 928 white-space: nowrap; 929 color: #4a4a4a; 930 } 931 } 932 933 .navbar-dropdown { 934 border-top: 0; 935 &.active { 936 display: block; 937 } 938 @media (max-width: 768px) { 939 display: none; 940 } 941 .navbar-item { 942 @media (max-width: 768px) { 943 padding-left: 0.75rem; 944 padding-right: 0.75rem; 945 } 946 } 947 } 948 949 .navbar-dropdown-child { 950 &.active { 951 display: block; 952 } 953 @media (max-width: 768px) { 954 display: none; 955 } 956 } 957 958 .has-dropdown-child { 959 960 @media (min-width: 768px) { 961 position: relative; 962 &:hover > .navbar-dropdown-child { 963 display: block; 964 } 965 .navbar-link::after { 966 transform: rotate(-133deg); 967 } 968 .navbar-dropdown-child { 969 display: none; 970 left: 100%; 971 min-width: 100%; 972 position: absolute; 973 top: 0; 974 z-index: 20; 975 background: #fff; 976 border-bottom-left-radius: 6px; 977 border-bottom-right-radius: 6px; 978 box-shadow: 0 8px 8px rgba(10,10,10,.1); 979 } 980 } 981 } 982 983 .navbar-menu { 984 @media (max-width: 768px) { 985 // background-color: @primary-color; 986 } 987 } 988 .navbar-burger { 989 @media (max-width: 768px) { 990 color: @primary-color; 991 } 992 } 993 .navbar-start { 994 @media (min-width: 769px) { 995 margin-right: unset; 996 margin-left: auto; 997 } 998 } 999 } 1000 .stuck { 1001 position:fixed; 1002 width: 100%; 1003 top:0; 1004 z-index: 100; 1005 background: #fff; 1006 box-shadow: 0 0.5em 1em -0.125em rgba(10,10,10,.1), 0 0 0 1px rgba(10,10,10,.02); 1007 } 1008</style> 1009<header id="header_1_4"> 1010 1011 1012 1013 1014 1015 1016 1017 1018 1019 1020 1021 1022 1023 1024 1025 1026 1027 <div id="yqmu3nlz4f" component="menus_1_4.js"> 1028 1029 <div id="yqmu3nlz4f" class="container"> 1030 <nav class="navbar"> 1031 <div id="yqmu3nlz4f" class="navbar-brand"> 1032 <a class="navbar-item" href="/"> 1033 <img src="//cdn.xuansiwei.com/d0820dck8635/1693204997389/174025a6-e553-4075-8021-436829956fce.png?x-oss-process=style/png_small" loading="lazy" alt="ç«åappä¸è½½_ç«æappï¼ä¸å½ï¼ 1034"> 1035 </a> 1036 <a class="navbar-burger burger" data-target="navbarDetail1">
1037 <span aria-hidden="true"></span> 1038 <span aria-hidden="true"></span> 1039 <span aria-hidden="true"></span> 1040 </a> 1041 </div> 1042 1043 <div id="navbarDetail1" class="navbar-menu"> 1044 <div id="yqmu3nlz4f" class="navbar-start"> 1045 <a class="navbar-item " href="/index.html">ç«åappä¸è½½_ç«æappï¼ä¸å½ï¼</a> 1046<a class="navbar-item " href="/guanyuwomen.html">å ³äºæä»¬</a> 1047<a class="navbar-item is-active" href="/article_7136.html">å®¢æ·æ¡ä¾</a> 1048 1049 <div id="yqmu3nlz4f" class="navbar-item has-dropdown is-hoverable"> 1050 <div id="yqmu3nlz4f" class="navbar-link "> 1051 <a class="link" href="/chanpinzhanshi.html">ç«åappä¸è½½_ç«æappï¼ä¸å½ï¼ 1052</a> 1053 </div> 1054 <div id="yqmu3nlz4f" class="navbar-dropdown"> 1055 <a class="navbar-item " href="/product_category_3816.html"><span class="is-hidden-desktop"> </span>ä¸ç½åæ å°å·æº</a> 1056<a class="navbar-item " href="/product_category_2673.html"><span class="is-hidden-desktop"> </span>ææ§çåæ å°å·æº</a> 1057<a class="navbar-item " href="/product_category_2671.html"><span class="is-hidden-desktop"> </span>è½®è½¬åæ å°å·æº</a> 1058<a class="navbar-item " href="/product_category_2672.html"><span class="is-hidden-desktop"> </span>ç转å°ä¸ç½å°å·æº</a> 1059<a class="navbar-item " href="/product_category_3815.html"><span class="is-hidden-desktop"> </span>åæ åææº</a> 1060<a class="navbar-item " href="/product_category_3814.html"><span class="is-hidden-desktop"> </span>åæ åªææº</a> 1061<a class="navbar-item " href="/product_category_2670.html"><span class="is-hidden-desktop"> </span>è¾ æº</a> 1062 </div> 1063 </div> 1064 1065<a class="navbar-item " href="/lianxiwomen.html">èç³»æä»¬</a> 1066<a class="navbar-item " href="/en/index.html">English</a> 1067 </div> 1068 </div> 1069 </nav> 1070 </div> 1071 1072 </div> 1073 1074 1075 1076 1077 1078 1079 1080 1081 1082 1083 1084 1085 1086 1087 1088 1089</header>
1090<script> 1091 $('#header_1_4 .navbar-burger').on('click', function() { 1092 $(this).toggleClass('is-active'); 1093 $('#header_1_4 .navbar-menu').slideToggle(200); 1094 }); 1095 if ($(window).width() < 768) { 1096 $('#header_1_4 .navbar-link').on('click', function() { 1097 console.info($(this)) 1098 $(this).next().slideToggle(200); 1099 }) 1100 var sticky = new Waypoint.Sticky({ 1101 element: $('#header_1_4')[0] 1102 }) 1103 } 1104</script>
1104 1105 </div> 1106 1107 </div> 1108 1109 1110 1111 <div id="yqmu3nlz4f" component="xinwenzixun_banner.html"> 1112 <style type="text/less"> 1113 .banner { 1114 height: 380px; 1115 background-size: cover; 1116 background-position: center; 1117 display: flex; 1118 align-items: center; 1119 justify-content: center; 1120 flex-direction: column; 1121 @media (max-width: 768px) { 1122 height: 200px; 1123 } 1124 .title { 1125 color: @white; 1126 font-size: 40px; 1127 @media (max-width: 768px) { 1128 font-size: 20px; 1129 } 1130 } 1131 .subtitle { 1132 color: @white; 1133 font-size: 25px; 1134 @media (max-width: 768px) { 1135 font-size: 16px; 1136 } 1137 } 1138} 1139</style> 1140<div id="yqmu3nlz4f" class="banner" href="#" style="background-image: url('//cdn.xuansiwei.com/d0820dck8635/1692877406634/1.jpg?x-oss-process=style/small')"> 1141 1142</div> 1143 </div> 1144 1145 1146 1147 <div id="yqmu3nlz4f" component="article_2.html"> 1148 <style type="text/less"> 1149 #article_2 { 1150 background: #F2F2F2; 1151 .columns{ 1152 column-gap: 10px; 1153 } 1154 .column{ 1155 background: @white; 1156 } 1157 .recommend{ 1158 height: fit-content; 1159 .more_art_tit { 1160 font-size: 16px; 1161 font-weight: bold; 1162 color: @primary-color; 1163 position: relative; 1164 border-bottom: 1px solid hsla(0,0%,60%,.15); 1165 padding-bottom: @gap-size * 1.5; 1166 padding-left: @gap-size * 1.5; 1167 &::before { 1168 content: ''; 1169 display: block; 1170 width: 5px; 1171 height: 25px; 1172 background: @primary-color; 1173 position: absolute; 1174 left: 0; 1175 } 1176 } 1177 .swiper-wrapper{ 1178 max-height: 350px; 1179 } 1180 .swiper-slide { 1181 /* padding: 5px 0; */ 1182 border-bottom: 1px solid hsla(0,0%,60%,.15); 1183 .tit { 1184 display: flex; 1185 align-items: center; 1186 justify-content: space-evenly; 1187 margin-bottom: @gap-size; 1188 a{ 1189 color: #666; 1190 font-size: 14px; 1191 .ellipsis(); 1192 flex: 1; 1193 } 1194 span{ 1195 color: #999; 1196 font-size: 14px; 1197 } 1198 } 1199 .subtit{ 1200 color: #878787; 1201 font-size: 12px; 1202 .ellipsis(); 1203 } 1204 } 1205 } 1206 .article{ 1207 .title { 1208 text-align: center; 1209 font-size: 20px; 1210 margin-bottom: @gap-size * 1.5; 1211 padding: @gap-size * 2 0; 1212 } 1213 .subtitle { 1214 display: flex; 1215 justify-content: center; 1216 align-items: center; 1217 text-align: center; 1218 font-size: 12px; 1219 margin-bottom: @gap-size * 1.5; 1220 padding-bottom: @gap-size * 2; 1221 & > div:not(:first-child) { 1222 margin-left: @gap-size; 1223 } 1224 .share-weixin { 1225 display: flex; 1226 position: relative; 1227 @media (min-width: 769px){ 1228 &:hover { 1229 .wechat-share-modal { 1230 display: block; 1231 } 1232 } 1233 } 1234 a { 1235 width: 16px; 1236 margin-left: 8px; 1237 height: 16px; 1238 } 1239 .wechat-share-modal { 1240 display: none; 1241 position: absolute; 1242 left: -100px; 1243 top: 30px; 1244 width: max-content; 1245 max-width: 240px; 1246 padding: 1rem; 1247 background: #fff; 1248 box-shadow: 0px 1px 8px 2px #676767; 1249 p { 1250 font-size: 12px; 1251 text-indent: 0; 1252 } 1253 } 1254 .wechat-share-copy-modal {
1255 .modal-content { 1256 background: rgb(255, 255, 255); 1257 width: 238px; 1258 padding-top: 20px; 1259 img { 1260 margin-bottom: 10px; 1261 } 1262 .title { 1263 font-size: 14px; 1264 margin: 0; 1265 padding: 0; 1266 } 1267 .subtitle { 1268 color: rgb(153, 153, 153); 1269 font-size: 12px; 1270 line-height: 17px; 1271 margin-top: 3px; 1272 padding-bottom: 0; 1273 margin-bottom: 0; 1274 } 1275 .is-ok { 1276 color: rgb(51, 132, 227); 1277 padding: 9px 0px; 1278 margin: 12px 12px 0px; 1279 border-top: 1px solid rgb(236, 236, 236); 1280 } 1281 } 1282 1283 } 1284 } 1285 .share-weibo { 1286 width: 16px; 1287 height: 16px; 1288 margin-left: 8px; 1289 } 1290 } 1291 .intro { 1292 font-size: 12px; 1293 border: 1px solid #e1e1e7; 1294 border-left: 4px solid #e1e1e7; 1295 padding: @gap-size * 2; 1296 margin-bottom: @gap-size * 1.5; 1297 } 1298 .content { 1299 margin-top: @gap-size * 3; 1300 max-width: 90%; 1301 margin: @gap-size * 3 auto; 1302 } 1303 .more { 1304 border: 1px solid #efefef; 1305 margin: 30px auto; 1306 margin: 0 auto @gap-size * 3 auto; 1307 max-width: 90%; 1308 font-size: 14px; 1309 a { 1310 color: #999; 1311 &:hover, &:active { 1312 color: #999; 1313 } 1314 } 1315 } 1316 .content p img { 1317 display: block; 1318 margin: 0 auto; 1319 cursor: zoom-in; 1320 } 1321 1322 } 1323 .img-zoom { 1324 cursor: zoom-out;
1325 .modal-content { 1326 display: flex; 1327 justify-content: center; 1328 } 1329 } 1330 } 1331</style> 1332<div id="article_2" class="section"> 1333 1334 <div id="yqmu3nlz4f" component="2_article.js"> 1335 1336 <article class="container"> 1337 <div id="yqmu3nlz4f" class="columns is-centered is-multiline is-flex is-2-desktop"> 1338 <div id="yqmu3nlz4f" class="column is-8 article"> 1339 <h1 class="title is-spaced">å®¢æ·æ¡ä¾</h1> 1340 <h6 class="subtitle"> 1341 1342 1343 <div id="yqmu3nlz4f" style="display: flex"> 1344 å享å°: 1345 <div id="yqmu3nlz4f" class="share-weixin"> 1346 <a title="å享å°å¾®ä¿¡" href="javascript:void(0)" class="is-hidden-mobile"> 1347 <img src="//cdn.xuansiwei.com/d0000000/1606789684095/o_img_wechat.png?x-oss-process=style" loading="lazy" alt="ç«åappä¸è½½_ç«æappï¼ä¸å½ï¼ 1348"> 1349 </a> 1350 <a title="å享å°å¾®ä¿¡" href="javascript:wechatCopyShare()" class="is-hidden-tablet"> 1351 <img src="//cdn.xuansiwei.com/d0000000/1606789684095/o_img_wechat.png?x-oss-process=style" loading="lazy" alt="ç«åappä¸è½½_ç«æappï¼ä¸å½ï¼ 1352"> 1353 </a> 1354 <div id="yqmu3nlz4f" class="wechat-share-modal"> 1355 <img src="data:image/gif;base64,R0lGODdhAQABAPAAAMPDwwAAACwAAAAAAQABAAACAkQBADs=" loading="lazy" alt="ç«åappä¸è½½_ç«æappï¼ä¸å½ï¼ 1356"> 1357 <p>微信æ«ä¸æ«ï¼ç¶åç¹å»å³ä¸è§å享æé®</p> 1358 </div> 1359 <div id="yqmu3nlz4f" class="modal modal-fx-fadeInScale wechat-share-copy-modal"> 1360 <div id="yqmu3nlz4f" class="modal-background" onclick="$('.wechat-share-copy-modal').toggleClass('is-active')"></div> 1361 <div id="yqmu3nlz4f" class="modal-content"> 1362 <img src="//cdn.xuansiwei.com/d0000000/1614696550434/share-finish-ok.svg" alt="" loading="lazy"> 1363 <div id="yqmu3nlz4f" class="title">æ°é»é¾æ¥å·²å¤å¶</div> 1364 <div id="yqmu3nlz4f" class="subtitle">å¿«å»ç²è´´ç»ä½ ç好åå§!</div> 1365 <div id="yqmu3nlz4f" class="is-ok" onclick="$('.wechat-share-copy-modal').toggleClass('is-active')">æç¥éäº</div> 1366 </div> 1367 </div> 1368 </div> 1369 1370 <a class="share-weibo" title="åäº«å°æ°æµªå¾®å" href="javascript:shareToSinaWB()"> 1371 <img src="//cdn.xuansiwei.com/d0000000/1606789684095/o_img_xlwb.png?x-oss-process=style" loading="lazy" alt="ç«åappä¸è½½_ç«æappï¼ä¸å½ï¼ 1372"> 1373 </a> 1374 </div> 1375 1376 </h6> 1377 1378 <div id="yqmu3nlz4f" class="content"> 1379 1380 </div> 1381 <div id="yqmu3nlz4f" class="columns more"> 1382 <a href="javascript:;" class="column">ä¸ä¸ç¯: æ </a> 1383 <a href="javascript:;" class="column">ä¸ä¸ç¯: æ </a> 1384 </div> 1385 </div> 1386 1387 </div> 1388 </article> 1389 <div id="yqmu3nlz4f" class="modal modal-fx-fadeInScale img-zoom" onclick="$('.img-zoom').toggleClass('is-active')"> 1390 <div id="yqmu3nlz4f" class="modal-background"></div> 1391 <div id="yqmu3nlz4f" class="modal-content"> 1392 <img src="data:image/gif;base64,R0lGODdhAQABAPAAAMPDwwAAACwAAAAAAQABAAACAkQBADs=" loading="lazy" alt="ç«åappä¸è½½_ç«æappï¼ä¸å½ï¼ 1393"> 1394 </div> 1395 </div> 1396 <div id="yqmu3nlz4f" style="display: none;"></div> 1397 1398 </div> 1399 1400</div> 1401 1402 </div> 1403 1404 1405 1406 1407 <div id="yqmu3nlz4f" component="footer.html"> 1408 <style type="text/less"> 1409 #gongyongdibu { 1410 background: #212121; 1411 .title { 1412 color: #fff; 1413 font-size: 20px; 1414 letter-spacing: 2px; 1415 } 1416 .subtitle { 1417 color: #bfbfbf; 1418 font-size: @font-size-base; 1419 i { 1420 padding-right: @gap-size; 1421 } 1422 } 1423 hr { 1424 width: 3em; 1425 background-color: @primary-color; 1426 } 1427 p{ 1428 color: #bfbfbf; 1429 font-size: 14px; 1430 text-indent: 0; 1431 } 1432 } 1433 .copyright { 1434 text-align: center; 1435 font-size: 16px; 1436 line-height: 3; 1437 color: #fff; 1438 background: #000; 1439 @media (max-width: 768px) { 1440 font-size: 14px; 1441 } 1442 a { 1443 color: inherit; 1444 } 1445 } 1446</style> 1447<div id="gongyongdibu" class="is-hidden-mobile"> 1448 <div id="yqmu3nlz4f" class="section"> 1449 <div id="yqmu3nlz4f" class="footer-intro container"> 1450 <div id="yqmu3nlz4f" class="columns"> 1451 <div id="yqmu3nlz4f" class="column is-4"> 1452 <h1 class="title" dynamic-var="config['å ¬å ±']['å ¬å¸åç§°']">ç«åappä¸è½½_ç«æappï¼ä¸å½ï¼ 1453</h1> 1454 <hr> 1455 1456 1457 </div> 1458 <div id="yqmu3nlz4f" class="column is-4"> 1459 <h1 class="title">èç³»æ¹å¼</h1> 1460 <hr> 1461 <ul> 1462 <li class="subtitle"><i class="fa fa-phone"></i><span>çµè¯ï¼</span><span dynamic-var="config['å ¬å ±']['å ¬å¸çµè¯']">+86 21 69176563丨69176593</span></li> 1463 <li class="subtitle"><i class="fa fa-phone"></i><span>ææº(å¾®ä¿¡åæ¥)ï¼</span><span>13918247874</span></li> 1464 <li class="subtitle"><i class="fa fa-envelope-o"></i><span>Emailï¼</span><span dynamic-var="config['å ¬å ±']['å ¬å¸é®ç®±']">[email protected]</span></li> 1465 <li class="subtitle"><i class="fa fa-map-marker"></i><span>å°åï¼</span><span dynamic-var="config['å ¬å ±']['å ¬å¸å°å']">䏿µ·å¸å¥è´¤åºåºè¯è·¯1418å·</span></li> 1466 </ul> 1467 </div> 1468 1469 <div id="yqmu3nlz4f" class="column is-4"> 1470 <h1 class="title">å¯¼èªæ </h1> 1471 <hr> 1472 1473 1474 1475 1476 1477 1478 1479 1480 1481 1482 1483 1484 1485 1486 <div id="yqmu3nlz4f" component="footer_menus.js"> 1487 1488 <ul> 1489 1490 <li><a href="/index.html" class="subtitle">ç«åappä¸è½½_ç«æappï¼ä¸å½ï¼</a></li> 1491 1492 1493 <li><a href="/guanyuwomen.html" class="subtitle">
1493å ³äºæä»¬</a></li> 1494 1495 1496 <li><a href="/article_7136.html" class="subtitle">å®¢æ·æ¡ä¾</a></li> 1497 1498 1499 <li><a href="/chanpinzhanshi.html" class="subtitle">ç«åappä¸è½½_ç«æappï¼ä¸å½ï¼ 1500</a></li> 1501 1502 1503 <li><a href="/lianxiwomen.html" class="subtitle">èç³»æä»¬</a></li> 1504 1505 1506 <li><a href="/en/index.html" class="subtitle">English</a></li> 1507 1508 </ul> 1509 1510 </div> 1511 1512 1513 1514 1515 1516 1517 1518 1519 1520 1521 1522 1523 1524 1525 </div> 1526 </div> 1527 </div> 1528 </div> 1529</div> 1530<div id="yqmu3nlz4f" class="copyright"> 1531 <span>©</span> <span dynamic-var="config['å ¬å ±']['å ¬å¸åç§°']">ç«åappä¸è½½_ç«æappï¼ä¸å½ï¼ 1532</span> <span>çæææ</span> <a style="display: none;" href="//beian.miit.gov.cn/" dynamic-var="config['å ¬å ±']['夿¡å·']" class="beian-num"></a> 1533</div> 1534 1535 1536 1537 1538 1539 1540 1541 1542 1543 1544 1545 1546 1547 1548 <div id="yqmu3nlz4f" component="online_1.html"> 1549 <style type="text/less"> 1550 #online_1 { 1551 /*使ç¨ç»ä»¶å° --position ç弿¹ä¸º fixed*/ 1552 --position: fixed; 1553 .online-show { 1554 position: var(--position); 1555 right: 0; 1556 top: calc(50% - 74px); 1557 z-index: 1001; 1558 background-color: @primary-color; 1559 color: #fff; 1560 display: flex; 1561 align-items: center; 1562 flex-direction: column; 1563 width: 26px; 1564 padding: @gap-size; 1565 border-top-left-radius: @gap-size; 1566 border-bottom-left-radius: @gap-size; 1567 transition: right 500ms; 1568 p { 1569 text-indent: 0; 1570 font-size: 14px; 1571 line-height: 1.5; 1572 padding: @gap-size 0; 1573 max-width: 100%; 1574 word-break: break-word; 1575 text-transform: uppercase; 1576 text-align: center; 1577 } 1578 } 1579 .online-content { 1580 position: var(--position); 1581 top: calc(50% - 74px); 1582 z-index: 1000; 1583 right: -100vw; 1584 transition: right 500ms; 1585 .box{ 1586 padding: @gap-size * 2; 1587 border: 2px solid @primary-color; 1588 .content { 1589 p { 1590 text-indent: 0; 1591 margin: 0; 1592 font-size: 14px; 1593 &.is-flex { 1594 align-items: center; 1595 } 1596 } 1597 p:not(:last-child) { 1598 padding-bottom: @gap-size; 1599 } 1600 .icon { 1601 width: auto; 1602 } 1603 } 1604 } 1605 } 1606 .online-mobile { 1607 position: var(--position); 1608 right: 0; 1609 bottom: 50px; 1610 z-index: 999; 1611 .content { 1612 display: flex; 1613 flex-direction: column; 1614 i { 1615 width: 40px; 1616 height: 40px; 1617 line-height: 40px; 1618 text-align: center; 1619 font-size: 20px; 1620 background: rgba(31, 31, 31, 0.65); 1621 color: #fff; 1622 border-radius: 50%; 1623 margin: @gap-size @gap-size 0 0; 1624 cursor: pointer; 1625 } 1626 } 1627 } 1628 .wechat-num-copy-modal {
1629 .modal-content { 1630 background: rgb(255, 255, 255); 1631 width: 238px; 1632 padding-top: 20px; 1633 text-align: center; 1634 img { 1635 margin-bottom: 10px; 1636 } 1637 .title { 1638 font-size: 14px; 1639 margin: 0; 1640 padding: 0; 1641 } 1642 .subtitle { 1643 color: rgb(153, 153, 153); 1644 font-size: 12px; 1645 line-height: 17px; 1646 margin-top: 3px; 1647 padding-bottom: 0; 1648 margin-bottom: 0; 1649 } 1650 .is-ok { 1651 color: rgb(51, 132, 227); 1652 padding: 9px 0px; 1653 margin: 12px 12px 0px; 1654 border-top: 1px solid rgb(236, 236, 236); 1655 } 1656 } 1657 1658 } 1659 } 1660</style> 1661 1662<div id="online_1"> 1663 <div id="yqmu3nlz4f" class="online-show is-hidden-mobile"> 1664 <i class="fa fa-user"></i> 1665 <p>èç³»æä»¬</p> 1666 <i class="fa fa-caret-left"></i> 1667 </div> 1668 1669 1670 1671 1672 1673 1674 1675 1676 1677 1678 1679 1680 1681 1682 1683 1684 <div id="yqmu3nlz4f" component="1_online.js"> 1685 1686 <div id="yqmu3nlz4f" class="online-content is-hidden-mobile"> 1687 <div id="yqmu3nlz4f" class=" box"> 1688 <article class="media"> 1689 <div id="yqmu3nlz4f" class="media-content"> 1690 <div id="yqmu3nlz4f" class="content"> 1691 1692 1693 <p><span><i class="fa fa-phone"></i> çµè¯ï¼</span><span>+86 21 69176563丨69176593</span></p> 1694 <p><span><i class="fa fa-mobile"></i> ææºï¼</span><span>+86 13918247874</span></p> 1695 <p><span><i class="fa fa-envelope-o"></i> é®ç®±ï¼</span><span>[email protected]</span></p> 1696 <p><span><i class="fa fa-phone"></i> ä¼ çï¼021-69171048</span><span></span></p> 1697 1698 </div> 1699 </div> 1700 </article> 1701 </div> 1702 </div> 1703 <div id="yqmu3nlz4f" class="online-mobile is-hidden-tablet"> 1704 <div id="yqmu3nlz4f" class="content"> 1705 <a href="tel:+86 13918247874"><i class="fa fa-phone" aria-hidden="true"></i></a> 1706 <a href="javascript:wechatNumCopy('021-69176563')"><i class="fa fa-weixin"></i></a> 1707 </div> 1708 </div> 1709 <div id="yqmu3nlz4f" class="modal modal-fx-fadeInScale wechat-num-copy-modal"> 1710 <div id="yqmu3nlz4f" class="modal-background" onclick="$('.wechat-num-copy-modal').toggleClass('is-active')"></div> 1711 <div id="yqmu3nlz4f" class="modal-content"> 1712 <img src="//cdn.xuansiwei.com/d0000000/1614696550434/share-finish-ok.svg" alt="" loading="lazy"> 1713 <div id="yqmu3nlz4f" class="title">微信å·å·²å¤å¶</div> 1714 <div id="yqmu3nlz4f" class="is-ok" onclick="$('.wechat-num-copy-modal').toggleClass('is-active')">æç¥éäº 1715 </div> 1716 </div> 1717 </div> 1718 1719 </div> 1720 1721 1722 1723 1724 1725 1726 1727 1728 1729 1730 1731 1732 1733 1734 1735 1736</div> 1737 1738 </div> 1739 1740 1741 1742 1743 1744 1745 1746 1747 1748 1749 1750 1751 1752 1753
1754<script> 1755 $('img[data-src]').lazyload(); 1756 1757 if ($('.beian-num').text().trim()) { 1758 $('.beian-num').show(); 1759 } 1760 // animate 1761 // if (window.scrollY < 100) { // è§£å³ç½é¡µæ»å¨å°æå®ä½ç½®æ¶ä¼åºç°é¡µé¢éä¹± 1762 // ScrollReveal().reveal('.section', {distance: '150%', origin: 'bottom', opacity: null}); 1763 // } 1764</script>
1764 1765 1766 </div> 1767 1768 1769 1770 1771 1772
1772<script> 1773 (function(){ 1774 var canonicalURL, curProtocol; 1775 //Get the <link> tag 1776 var x=document.getElementsByTagName("link"); 1777 //Find the last canonical URL 1778 if(x.length > 0){ 1779 for (i=0;i<x.length;i++){ 1780 if(x[i].rel.toLowerCase() == 'canonical' && x[i].href){ 1781 canonicalURL=x[i].href; 1782 } 1783 } 1784 } 1785 //Get protocol 1786 if (!canonicalURL){ 1787 curProtocol = window.location.protocol.split(':')[0]; 1788 } 1789 else{ 1790 curProtocol = canonicalURL.split(':')[0]; 1791 } 1792 //Get current URL if the canonical URL does not exist 1793 if (!canonicalURL) canonicalURL = window.location.href; 1794 //Assign script content. Replace current URL with the canonical URL 1795 !function(){var e=/([http|https]:\/\/[a-zA-Z0-9\_\.]+\.baidu\.com)/gi,r=canonicalURL,t=document.referrer;if(!e.test(r)){var n=(String(curProtocol).toLowerCase() === 'https')?"https://sp0.baidu.com/9_Q4simg2RQJ8t7jm9iCKT-xh_/s.gif":"//api.share.baidu.com/s.gif";t?(n+="?r="+encodeURIComponent(document.referrer),r&&(n+="&l="+r)):r&&(n+="?l="+r);var i=new Image;i.src=n}}(window);})(); 1796</script>
1796 1797</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.