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