1<!DOCTYPE html> 2<html lang="vi"> 3<head> 4 <meta charset="utf-8"> 5 <meta charset="utf-8"> 6 <meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=yes"> 7 <meta name="theme-color" content="#fff"> 8 <meta http-equiv="Access-Control-Allow-Origin" content="*"> 9 <link href="https://fonts.googleapis.com/css?family=Roboto:400,500,700" rel="stylesheet"> 10 <title>Game Chiến Thuáºt | Thẻ tưá»ng hay nhất </title> 11 <link href="https://khongminhtruyen.com/dashboard/" rel="canonical" data-react-helmet="true"> 12 <meta name="description" content="ÄÄng nháºp tà i khoản CHPlay" data-react-helmet="true"> 13 <meta name="og:site_name" content="Khá»ng Minh Truyá»n" data-react-helmet="true"> 14 <meta name="og:type" content="article" data-react-helmet="true"> 15 <meta name="og:title" content="ÄÄng nháºp | CHPlay" data-react-helmet="true"> 16 <meta name="og:url" content="ÄÄng nháºp | CHPlay" data-react-helmet="true"> 17 <meta name="og:description" content="ÄÄng nháºp tà i khoản CHPlay" data-react-helmet="true"> 18 19 20 <link rel="stylesheet" type="text/css" href="/templates/react/build/styles.css"> 21 <!--<link rel="stylesheet" type="text/css" href="/templates/react/build/news.css">--> 22 <!--Cute js and toast--> 23 24 <link href="/template/cute/cute-alert.css" rel="stylesheet"> 25
25<script defer src="/template/cute/cute-alert.js"></script>
25 26
26<script defer src="/template/toast/toastr.min.js"></script>
26 27 <link rel="stylesheet" type="text/css" href="/template/toast/toastr.min.css" /> 28
28<script defer src="/template/toast/loadingoverlay.min.js" defer></script>
28 29 <!--End Cute js and toast--> 30 31 32 33 34
34<script src="/assets/js/jquery-3.6.0.min.js"></script>
34 35 <link href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/3.2.1/css/font-awesome.min.css" rel="stylesheet" /> 36 <link rel="stylesheet" type="text/css" href="/template/css/style.css" /> 37 <link rel="stylesheet" type="text/css" href="/ios/main.css" /> 38 39 <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.19/css/dataTables.bootstrap4.min.css" /> 40 <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/buttons/1.5.2/css/buttons.bootstrap4.min.css" /> 41
41<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.1/js/bootstrap.min.js"></script>
41 42
42<script src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script>
42 43
43<script src="https://cdn.datatables.net/1.10.19/js/dataTables.bootstrap4.min.js"></script>
43 44
44<script src="https://cdn.datatables.net/buttons/1.5.2/js/dataTables.buttons.min.js"></script>
44 45
45<script src="https://cdn.datatables.net/buttons/1.5.2/js/buttons.bootstrap4.min.js"></script>
45 46 47 <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/summernote-lite.min.css" rel="stylesheet"> 48
48<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/summernote-lite.min.js"></script>
48 49 50 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" 51 integrity="sha512-9usAa10IRO0HhonpyAIVpjrylPvoDwiPUiKdWk5t3PyolY1cOd4DSE0Ga+ri4AuTroPR5aQvXU9xC6qOPnzFeg==" 52 crossorigin="anonymous" referrerpolicy="no-referrer" /> 53 54 55 56 <style>html { 57 background: #000000; 58 -moz-osx-font-smoothing: grayscale; 59 -webkit-font-smoothing: antialiased; 60 text-rendering: optimizeLegibility; 61 font-size: 62.5%; 62} 63.swiper-container { 64 width: 100%; 65 height: 100%; 66 overflow: hidden; 67} 68 69.swiper-slide { 70 width: 100%; 71 margin-right: 10px; 72 overflow: hidden; 73} 74 75* { 76 -webkit-tap-highlight-color: transparent; 77 -webkit-touch-callout: none; 78 -webkit-user-select: none; 79 -moz-user-select: none; 80 -ms-user-select: none; 81 user-select: none; 82 -webkit-user-drag: none; 83 -webkit-box-sizing: border-box; 84 -moz-box-sizing: border-box; 85 box-sizing: border-box; 86 margin: 0; 87 padding: 0; 88} 89.input, 90.textarea, 91input[type='date'], 92input[type='email'], 93input[type='number'], 94input[type='password'], 95input[type='search'], 96input[type='tel'], 97input[type='text'], 98input[type='url'], 99textarea { 100 -webkit-appearance: none; 101 -webkit-box-sizing: border-box; 102 box-sizing: border-box; 103 appearance: none; 104 cursor: auto; 105 margin: 0; 106 box-shadow: inset 0 0 0 0; 107} 108input, 109input:after, 110input:before, 111textarea, 112textarea:after, 113textarea:before { 114 -webkit-user-select: initial; 115 -khtml-user-select: initial; 116 -moz-user-select: initial; 117 -ms-user-select: initial; 118 user-select: initial; 119 font-family: 'Open Sans', Tahoma, Arial, Helvetica, sans-serif; 120} 121input[type='checkbox'] { 122 margin: 0; 123 vertical-align: -2px; 124} 125button::-moz-focus-inner, 126input[type='button']::-moz-focus-inner, 127input[type='file'] > input[type='button']::-moz-focus-inner, 128input[type='reset']::-moz-focus-inner, 129input[type='submit']::-moz-focus-inner { 130 border: 0 !important; 131 padding: 0 !important; 132} 133:after, 134:before, 135a, 136button, 137div, 138h1, 139h2, 140h3, 141h4, 142h5, 143h6, 144i, 145img, 146input, 147label, 148li, 149p, 150select, 151span, 152text, 153textarea, 154ul { 155 margin: 0; 156 padding: 0; 157 outline: 0; 158 color: inherit; 159 text-decoration: none; 160} 161button, 162button:active, 163button:focus, 164button:visited, 165input { 166 outline: 0; 167 border: none; 168 text-decoration: none; 169} 170img { 171 max-width: 100%; 172} 173.main-gc .eventHot .title-slide::before { 174 content: unset; 175} 176.main-gc .eventHot .title-slide { 177 padding-left: 0; 178} 179.filterGame { 180 position: relative; 181 margin-bottom: 15px; 182} 183.filterGame .filter-icon { 184 position: absolute; 185 background-image: url(/static/images/gc-phase2/find.svg); 186 width: 19px; 187 height: 19px; 188 background-repeat: no-repeat; 189 left: 14px; 190 top: 12px; 191} 192.filterGame input { 193 width: 100%; 194 height: 40px; 195 background: #f3f4f4; 196 border-radius: 4px; 197 padding-left: 40px; 198} 199.select-game { 200 margin-left: 5px; 201 display: flex; 202 padding: 10px 0; 203 justify-content: space-between; 204} 205.select-game img { 206 border-radius: 8px; 207} 208.select-game i { 209 background-image: url(/static/images/gc-phase2/more.svg); 210 background-repeat: no-repeat; 211 width: 16px; 212 height: 16px; 213 margin-right: 10px; 214} 215.select-game h3 { 216 margin-left: 8px; 217 font-size: 14px; 218 font-family: Open Sans; 219 font-style: normal; 220 font-weight: 600; 221 font-size: 14px; 222 line-height: 25px; 223} 224body { 225 font-family: 'Open Sans', sans-serif; 226 color: rgba(0, 0, 0, 0.87); 227 background: #e5e5e5; 228 font-size: 1.4rem; 229 font-weight: 400; 230 overflow-x: hidden; 231} 232.n-scroll { 233 overflow: hidden; 234} 235.cnt { 236 position: absolute; 237 top: 50%; 238 left: 50%; 239 -webkit-transform: translate(-50%, -50%); 240 -moz-transform: translate(-50%, -50%); 241 -ms-transform: translate(-50%, -50%); 242 -o-transform: translate(-50%, -50%); 243 transform: translate(-50%, -50%); 244} 245.mark-layer { 246 display: none; 247 position: fixed; 248 width: 100%; 249 height: 100%; 250 top: 0; 251 left: 0; 252 background: rgba(0, 0, 0, 0.3); 253 z-index: 101; 254} 255.box { 256 position: relative; 257} 258.txt-red { 259 color: rgba(255, 0, 0, 0.87); 260} 261.breadcrumb { 262 display: -webkit-box; 263 display: -ms-flexbox; 264 display: flex; 265 -ms-flex-wrap: wrap; 266 flex-wrap: wrap; 267 padding: 24px 0 0; 268 list-style: none; 269} 270.breadcrumb-item { 271 font-style: normal; 272 font-weight: 400; 273 font-size: 12px; 274 line-height: 14px; 275 color: #999; 276 text-transform: uppercase; 277} 278.breadcrumb-item + .breadcrumb-item::before {
279 display: inline-block; 280 padding-right: 0.5rem; 281 padding-left: 0.5rem; 282 color: #6c757d; 283 content: '>'; 284} 285.breadcrumb-item.active { 286 color: #0a193c; 287} 288.noti-update { 289 position: relative; 290 width: 100%; 291 background: #000; 292 padding: 16px 10px; 293} 294.noti-update p { 295 color: #fff; 296 font-size: 14px; 297 line-height: 21px; 298} 299.action-update { 300 margin-top: 10px; 301 height: 20px; 302} 303.action-update a { 304 font-weight: 500; 305 font-size: 14px; 306 line-height: 21px; 307 color: #f14308; 308 cursor: pointer; 309 float: right; 310} 311.action-update a.action-bt-close { 312 color: #fff; 313 margin-right: 20px; 314} 315.fixCen { 316 margin: 0 auto; 317 max-width: 100%; 318 padding: 0 16px; 319 position: relative; 320} 321.clear-float:after { 322 clear: both; 323 display: table; 324 content: ' '; 325} 326.header-top { 327 position: RELATIVE; 328 z-index: 10; 329 background: #e5e5e5; 330} 331.title-page { 332 position: absolute; 333 left: 0; 334 right: 0; 335 margin: 0 auto; 336 top: 50%; 337 margin-top: -10px; 338 font-style: normal; 339 font-weight: 700; 340 font-size: 16px; 341 line-height: 19px; 342 text-align: center; 343 color: #0a193c; 344} 345.box-h { 346 height: 56px; 347 background: #fff; 348} 349.logo { 350 position: absolute; 351 top: 12.5px; 352 left: 14px; 353 width: 66px; 354 height: 31px; 355 background: url(/static/images/gc-phase2/logo.svg) no-repeat; 356 background-size: 100%; 357 z-index: 2; 358} 359.lg2 { 360 width: 100px; 361 height: 36px; 362 background: url(/static/images/logo.svg) no-repeat; 363 background-size: 100%; 364 z-index: 2; 365 float: left; 366 display: none; 367} 368.boxlogin { 369 position: absolute; 370 top: 50%; 371 margin-top: -5px; 372 right: 16px; 373 z-index: 3; 374 height: 56px; 375} 376.dropbtn2 { 377 display: block; 378 padding: 0; 379 z-index: 3; 380 width: 90px; 381 height: 33px; 382 background: linear-gradient(270deg, #ff753a 0, #fb5f14 100%); 383 border-radius: 4px; 384 margin-top: 0; 385 font-weight: 600; 386 font-size: 14px; 387 text-align: center; 388 line-height: 33px; 389 color: #fff; 390} 391.drop-menu { 392 box-shadow: 0 4px 8px rgba(0, 0, 0, 0.16); 393 border-radius: 4px; 394 background: #fff; 395 overflow: hidden; 396 padding: 8px 0; 397 position: absolute; 398 width: 174px; 399 right: 0; 400 top: 43px; 401 z-index: 5; 402 display: none; 403} 404.drop-menu a { 405 font-size: 14px; 406 line-height: 20px; 407 color: #1a1a1a; 408 display: block; 409 padding: 9px 16px; 410} 411.drop-menu a.dx { 412 color: #da1e28; 413 font-weight: 600; 414} 415.drop-menu a:hover { 416 color: #da1e28; 417} 418.boxlogin:hover .drop-menu { 419 display: block; 420} 421.no-padding { 422 padding: 0; 423} 424.eventHot { 425 padding: 0 0 16px 16px; 426} 427.eventHot .title-slide { 428 margin-left: 0 !important; 429} 430.eventHot .swiper-wrapper { 431 margin: 0 !important; 432 padding: 2px 0 !important; 433} 434.eventHot .slide-gc-pagination { 435 padding-right: 2px !important; 436} 437.cf:after, 438.cf:before { 439 content: ''; 440 display: table; 441 clear: both; 442} 443.redi { 444 position: relative; 445 background: 0 0; 446 float: left; 447 width: calc((100% - 16px) / 3); 448 height: 70px; 449 cursor: pointer; 450 box-shadow: 0 2px 4px rgba(0, 0, 0, 0.16); 451 border-radius: 10px; 452 display: inline-block; 453 margin-right: 8px; 454 max-width: 109px; 455} 456.redi:last-of-type { 457 margin-right: 0; 458} 459.redi:nth-child(1) { 460 background: #e8583a; 461} 462.redi:nth-child(2) { 463 background: #20a8ff; 464} 465.redi:nth-child(3) { 466 background: #24a249; 467} 468.redi:hover { 469 border: none; 470 border-radius: 10px; 471 color: #000; 472} 473.in { 474 position: absolute; 475 width: 32px; 476 height: 32px; 477 display: block; 478 top: 50%; 479 left: 50%; 480 margin-top: -24px; 481 margin-left: -16px; 482 margin-top: 0; 483 margin-left: 0; 484 width: 28px; 485 height: 28px; 486 top: 8px; 487 left: 14px; 488} 489.redi .text { 490 position: absolute; 491 text-align: left; 492 font-size: 14px; 493 color: #fff; 494 line-height: 20px; 495 bottom: 5px; 496 left: 14px; 497} 498.box-slide { 499 width: 100%; 500 padding: 0 16px 0; 501 background: #fff; 502} 503.footer { 504 padding: 16px 0 80px; 505 background: #f3f4f4; 506} 507.footer .fixCen { 508 padding: 0 24px; 509} 510.footer .bq { 511 margin-bottom: 10px; 512 color: #1a1a1a; 513 text-align: center; 514 font-size: 12px; 515 line-height: 16px; 516 letter-spacing: -0.3px; 517} 518.content-wrapper { 519 background: #f3f4f4; 520 position: relative; 521} 522.swiper-slide .name { 523 font-size: 14px; 524} 525.game { 526 font-size: 13px; 527} 528.banner { 529 height: 345px; 530 position: relative; 531 background-size: cover; 532 background-repeat: no-repeat; 533 background-position: 50% 50%; 534} 535.play-button { 536 position: absolute; 537 width: 117px; 538 height: 32px; 539 margin: 0 auto; 540 display: block; 541 text-align: center; 542 line-height: 32px; 543 left: 0; 544 right: 0; 545 background: #f14308; 546 border-radius: 100px; 547 color: #fff; 548 cursor: pointer; 549 bottom: 20px; 550 font-size: 14px; 551 text-transform: uppercase; 552 -webkit-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.75); 553 -moz-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.75); 554 box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.75); 555} 556.bg-text { 557 position: absolute; 558 width: 100%; 559 height: 50px; 560 bottom: 0; 561 background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.05), #000); 562 background-image: -o-linear-gradient(rgba(0, 0, 0, 0.05), #000); 563 background-image: linear-gradient(rgba(0, 0, 0, 0.05), #000); 564 border-radius: 0 0 13px 13px; 565} 566.game-info { 567 width: 100%; 568 padding: 24px 6px; 569 display: flex; 570} 571.game-info-detail { 572 margin-left: 10px; 573 position: relative; 574} 575.game-title { 576 color: #1a1a1a; 577 font-size: 16px; 578 font-weight: 700; 579} 580.game-type { 581 color: #999; 582 font-size: 12px; 583 margin-top: 4px; 584}
585.btn-play { 586 background: #f14308; 587 color: #fff; 588 width: 90px; 589 height: 32px; 590 border-radius: 100px; 591 bottom: 0; 592 position: absolute; 593 cursor: pointer; 594 font-weight: 600; 595 font-size: 14px; 596} 597.box-ctrl { 598 position: relative; 599 height: 60px; 600 border-top: 1px solid #f3f4f4; 601 border-bottom: 1px solid #f3f4f4; 602} 603.box-ctrl a { 604 display: block; 605 color: #212121; 606 float: left; 607 font-size: 12px; 608 width: 25%; 609 margin: 0; 610 height: 60px; 611 position: relative; 612 background: 0 0; 613 text-align: center; 614 padding-top: 36px; 615 cursor: pointer; 616} 617.box-ctrl a:before { 618 content: ''; 619 display: block; 620 width: 30px; 621 height: 30px; 622 position: absolute; 623 top: 7px; 624 left: 50%; 625 margin-left: -15px; 626} 627.box-ctrl a.btnbt-home:before { 628 background: url(/static/images/home.svg) no-repeat; 629 background-size: 100%; 630} 631.box-ctrl a.btnbt-gc:before { 632 background: url(/static/images/gc.svg) no-repeat; 633 background-size: 100%; 634} 635.box-ctrl a.btnbt-card:before { 636 background: url(/static/images/fc.svg) no-repeat; 637 background-size: 100%; 638} 639.box-ctrl a.btnbt-fb:before { 640 background: url(/static/images/fanpage.svg) no-repeat; 641 background-size: 100%; 642} 643.box-ctrl a.btnbt-home.active:before, 644.box-ctrl a.btnbt-home:hover:before { 645 background: url(/static/images/home-active-ico.svg) no-repeat; 646 background-size: 100%; 647} 648.box-ctrl a.btnbt-gc.active:before, 649.box-ctrl a.btnbt-gc:hover:before { 650 background: url(/static/images/gc-active-ico.svg) no-repeat; 651 background-size: 100%; 652} 653.box-ctrl a.btnbt-card.active:before, 654.box-ctrl a.btnbt-card:hover:before { 655 background: url(/static/images/nap-active-ico.svg) no-repeat; 656 background-size: 100%; 657} 658.box-ctrl a.btnbt-fb.active:before, 659.box-ctrl a.btnbt-fb:hover:before { 660 background: url(/static/images/fanpage-active-ico.svg) no-repeat; 661 background-size: 100%; 662} 663.image-box { 664 overflow-x: auto; 665 width: 100%; 666 display: inline-block; 667 height: 100%; 668 white-space: nowrap; 669 margin: 16px 0; 670} 671.image-box::-webkit-scrollbar { 672 width: 0; 673} 674.btn-close { 675 position: absolute; 676 width: 40px; 677 height: 40px; 678 background: url(/static/images/close.svg) no-repeat; 679 background-size: 100%; 680 top: 50%; 681 left: 50%; 682 transform: translate(-50%, -50%); 683 cursor: pointer; 684} 685.bg-close { 686 position: fixed; 687 width: 100%; 688 height: 76px; 689 bottom: 0; 690 left: 0; 691 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 1))); 692 background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)); 693 background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)); 694} 695.game-description { 696 margin-top: 8px; 697 padding-bottom: 60px; 698} 699.game-description h3 { 700 font-style: normal; 701 font-weight: 700; 702 font-size: 20px; 703 line-height: 30px; 704 color: #323133; 705} 706.game-description p { 707 font-style: normal; 708 font-weight: 400; 709 font-size: 14px; 710 line-height: 20px; 711 color: #323133; 712} 713.name { 714 margin-top: 8px; 715 margin-bottom: 8px; 716 color: #212121; 717 line-height: 19px; 718 white-space: nowrap; 719 overflow: hidden; 720 text-overflow: ellipsis; 721 font-weight: 500; 722 font-size: 14px; 723} 724.gc-num { 725 margin-top: -8px; 726 font-size: 14px; 727 line-height: 16px; 728 color: #bdbdbd; 729 margin-bottom: 8px; 730} 731.common-box { 732 width: 100%; 733 background-color: #fff; 734} 735.common-title { 736 font-style: normal; 737 font-size: 20px; 738 line-height: 30px; 739 color: #1a1a1a; 740 font-weight: 600; 741} 742.common-list { 743 display: flex; 744 flex-wrap: wrap; 745 justify-content: space-between; 746} 747.common-item { 748 width: 100%; 749 margin-bottom: 10px; 750} 751.n-des { 752 margin-top: 8px; 753 margin-bottom: 8px; 754 color: #212121; 755 line-height: 19px; 756 overflow: hidden; 757 text-overflow: ellipsis; 758 font-weight: 500; 759 -webkit-line-clamp: 3; 760 -webkit-box-orient: vertical; 761 display: -webkit-box; 762 text-overflow: ellipsis; 763 font-size: 14px; 764 max-height: 57px; 765} 766.common-item img { 767 transition: all 0.4s; 768} 769.common-item:hover img { 770 transform: scale(1.1); 771} 772.common-item__no-img { 773 display: flex; 774 justify-content: center; 775 align-items: center; 776 width: 100%; 777 height: 171px; 778 background: #e2e2e2; 779 border-radius: 13px; 780} 781.common-item__no-img img { 782 filter: grayscale(1); 783 opacity: 0.65; 784} 785.new-content { 786 padding: 16px 6px; 787 padding-bottom: 60px; 788} 789.new-content .new-title { 790 font-style: normal; 791 font-weight: 700; 792 font-size: 21px; 793 line-height: 25px; 794 color: #000; 795} 796.new-content .n-date { 797 font-style: normal; 798 font-weight: 500; 799 font-size: 14px; 800 line-height: 16px; 801 color: #999; 802 margin: 16px 0; 803} 804.new-content p { 805 font-style: normal; 806 font-weight: 400; 807 font-size: 16px; 808 line-height: 24px; 809 color: #000; 810} 811.more-new { 812 float: right; 813 font-size: 12px; 814 line-height: 30px; 815 text-align: right; 816 color: #f14308; 817 cursor: pointer; 818} 819.more-new:hover { 820 color: #f14308; 821}
822.btn-gc { 823 display: block; 824 position: fixed; 825 left: 0; 826 right: 0; 827 width: 136px; 828 height: 40px; 829 margin: 0 auto; 830 bottom: 60px; 831 background: #f14308; 832 box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25); 833 border-radius: 100px; 834 text-align: center; 835 padding: 12px; 836 color: #fff; 837 text-transform: uppercase; 838 font-weight: 500; 839 font-size: 14px; 840 line-height: 16px; 841 cursor: pointer; 842} 843.box-fixed-bottom { 844 position: fixed; 845 width: 100%; 846 bottom: 0; 847 z-index: 1000; 848 background: #fff; 849 padding: 16px 0 0; 850 border-radius: 8px 8px 0 0; 851} 852.txt-dk, 853.txt-login { 854 max-width: 350px; 855 margin: 0 auto; 856 font-size: 14px; 857 line-height: 21px; 858 text-align: center; 859 color: #000; 860} 861.fixed-content-area { 862 padding: 0 16px; 863 text-align: center; 864} 865.btn-login { 866 display: block; 867 width: 100%; 868 height: 40px; 869 background: #f14308; 870 border-radius: 4px; 871 color: #fff; 872 text-align: center; 873 padding: 12px 0; 874 margin: 16px auto; 875 max-width: 350px; 876 cursor: pointer; 877 font-family: Open Sans; 878 font-style: normal; 879 font-weight: 400; 880 font-size: 14px; 881 line-height: 14px; 882} 883.btn-login-facebook { 884 background: #4a6ea8; 885 position: relative; 886} 887.btn-login-facebook svg, 888.btn_fb svg { 889 position: absolute; 890 left: 18px; 891 top: 10px; 892} 893.box-bottom-title { 894 padding: 12px 0; 895} 896.box-bottom-title p { 897 font-size: 14px; 898} 899.box-bottom-title .box-bottom-event-name { 900 font-weight: 700; 901 font-size: 16px; 902 color: #000; 903 margin-left: 12px; 904} 905.close-popup { 906 display: block; 907 position: absolute; 908 width: 16px; 909 height: 16px; 910 right: 16px; 911 top: 50%; 912 margin-top: -8px; 913} 914.close-popup:after { 915 content: ''; 916 width: 16px; 917 height: 16px; 918 position: absolute; 919 background: url(/static/images/close0.svg) no-repeat; 920 background-size: 100%; 921} 922.ctrl-tabs { 923 display: flex; 924 padding: 16px 0; 925} 926.ctrl-tabs a { 927 display: block; 928 width: 50%; 929 height: 40px; 930 text-align: center; 931 font-weight: 500; 932 font-size: 16px; 933 line-height: 19px; 934 cursor: pointer; 935 padding: 10px 0; 936} 937.ctrl-tabs a.ctrl-all-gc { 938 border-radius: 8px 0 0 8px; 939} 940.ctrl-tabs a.ctrl-gc-received { 941 border-radius: 0 8px 8px 0; 942} 943.ctrl-tabs a { 944 background: #f2f2f2; 945 color: #eb5757; 946} 947.ctrl-tabs a.active { 948 background: #f14308; 949 color: #fff; 950} 951.slide-gc { 952 position: relative; 953 overflow: hidden; 954 width: 100%; 955 top: 0; 956 position: relative; 957} 958.slide-gc .swiper-wrapper { 959 margin: 5px 4px; 960 overflow: hidden; 961} 962.slide-gc > .slide-gc-pagination { 963 position: absolute; 964 z-index: 9; 965 height: 20px; 966 overflow: hidden; 967 right: 0; 968 width: 100%; 969 text-align: right; 970 top: 6px; 971} 972.item-gc { 973 display: flex !important; 974 width: 100%; 975 position: relative; 976} 977.item-gc { 978 height: 64px; 979 padding: 8px 0; 980} 981.event-image { 982 display: block; 983 width: 48px; 984 height: 48px; 985 border-radius: 10px; 986} 987.item-gc-info { 988 width: calc(100% - 108px); 989 padding: 6px; 990} 991.receive-gc { 992 display: block; 993 width: 60px; 994 height: 32px; 995 background: #f2f2f2; 996 border-radius: 100px; 997 top: 50%; 998 position: absolute; 999 right: 0; 1000 margin-top: -16px; 1001 cursor: pointer; 1002 text-transform: uppercase; 1003 font-weight: 500; 1004 color: #0a193c; 1005} 1006.list-gc-game .item-gc-info { 1007 padding: 0 6px; 1008} 1009.event-date, 1010.event-gc, 1011.event-gc-number { 1012 white-space: nowrap; 1013 overflow: hidden; 1014 text-overflow: ellipsis; 1015} 1016.event-gc-number { 1017 font-size: 12px; 1018 line-height: 14px; 1019 color: #999; 1020} 1021.arrow { 1022 position: absolute; 1023 width: 10px; 1024 height: 14px; 1025 background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3LjQgMTIiPjxkZWZzPjxzdHlsZT4uYXtvcGFjaXR5OjAuNTQ7fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGNsYXNzPSJhIiBkPSJNMTYuNiw4LjYsMTIsMTMuMiw3LjQsOC42LDYsMTBsNiw2LDYtNloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC04LjYgMTgpIHJvdGF0ZSgtOTApIi8+PC9zdmc+) no-repeat; 1026 right: 6px; 1027 top: 50%; 1028 margin-top: -7px; 1029} 1030.common-box.list-gc-box { 1031 padding: 0 0; 1032} 1033.list-gc-box .item-gc-info { 1034 width: calc(100% - 64px); 1035} 1036.btn-noti { 1037 display: block; 1038 position: absolute; 1039 width: 18px; 1040 height: 20px; 1041 background: url(/static/images/bell.svg) no-repeat; 1042 right: 16px; 1043 top: 50%; 1044 margin-top: -10px; 1045 background-size: 100%; 1046}
1047.btn-filter { 1048 display: block; 1049 position: absolute; 1050 width: 18px; 1051 height: 20px; 1052 background: url(/static/images/filter.svg) no-repeat; 1053 right: 16px; 1054 top: 50%; 1055 margin-top: -10px; 1056 background-size: 100%; 1057} 1058.btn-back { 1059 display: block; 1060 position: absolute; 1061 width: 18px; 1062 height: 20px; 1063 background: url(/static/images/icon-back.svg) no-repeat; 1064 left: 16px; 1065 top: 50%; 1066 margin-top: -10px; 1067 background-size: 100%; 1068} 1069.btn-guide { 1070 display: block; 1071 position: absolute; 1072 width: 18px; 1073 height: 20px; 1074 background: url(/static/images/icon-guide.svg) no-repeat; 1075 right: 16px; 1076 top: 50%; 1077 margin-top: -10px; 1078 background-size: 100%; 1079} 1080.noti-num { 1081 background: #f14308; 1082 border: 1px solid #f2f2f2; 1083 box-sizing: border-box; 1084 display: block; 1085 border-radius: 100%; 1086 color: #fff; 1087 top: -8px; 1088 right: -8px; 1089 position: absolute; 1090 font-size: 10px; 1091 width: 20px; 1092 height: 20px; 1093 line-height: 20px; 1094 text-align: center; 1095 font-weight: 500; 1096} 1097.btnbt-2 .noti-num { 1098 top: 6px; 1099 left: 50%; 1100} 1101.list-noti-filter { 1102 padding: 10px 0; 1103} 1104.item-noti-filter {
1105 display: inline-flex; 1106 width: 100%; 1107 margin-top: 16px; 1108 position: relative; 1109} 1110.item-noti-filter-name { 1111 width: calc(100% - 64px); 1112 padding: 0 8px; 1113 height: 48px; 1114 line-height: 48px; 1115} 1116.item-noti-filter input { 1117 position: absolute; 1118 right: 4px; 1119 top: calc(50%); 1120} 1121.list-event-detail { 1122 display: block; 1123 padding: 0 10px; 1124 width: 100%; 1125 position: relative; 1126 overflow: hidden; 1127 border-top: 1px solid #f0f0f0; 1128 font-size: 14px; 1129} 1130.item-event-detail { 1131 display: flex; 1132 width: 100%; 1133 margin: 12px 0; 1134} 1135.item-event-detail img { 1136 width: 14px; 1137 height: 14px; 1138 margin-top: 2px; 1139} 1140.item-event-detail p { 1141 margin-left: 12px; 1142} 1143.btn-bottom-small { 1144 width: 116px; 1145 height: 40px; 1146 margin: 12px auto; 1147 text-align: center; 1148 line-height: 40px; 1149 color: #fff; 1150 border-radius: 5px; 1151 cursor: pointer; 1152 text-transform: uppercase; 1153} 1154.btn-bottom-small.btn-join { 1155 background: #f14308; 1156} 1157.btn-bottom-small.btn-err { 1158 background: #f2c94c; 1159} 1160.noti-box-bottom { 1161 text-align: center; 1162 margin-top: 12px; 1163} 1164.btn-lst-sc { 1165 display: flex; 1166 justify-content: space-between; 1167 max-width: 330px; 1168 margin: 12px auto; 1169} 1170.btn-bottom-3 { 1171 width: 98px; 1172 height: 40px; 1173 border: 1px solid #e0e0e0; 1174 box-sizing: border-box; 1175 text-align: center; 1176 line-height: 40px; 1177 border-radius: 5px; 1178 cursor: pointer; 1179 text-transform: uppercase; 1180 color: #fff; 1181} 1182.btn-bottom-3:hover { 1183 border: 1px solid #e0e0e0; 1184 color: #fff; 1185} 1186.btn-bottom-3.bt-get-gc, 1187.btn-bottom-3.coppy-code { 1188 background: #f14308; 1189} 1190.btn-bottom-3.bt-err { 1191 background: #f2c94c; 1192} 1193.input-elm { 1194 width: 100%; 1195 padding: 8px 0; 1196 position: relative; 1197 text-align: center; 1198} 1199.input-elm.input-recharge { 1200 text-align: left; 1201} 1202.input-elm input, 1203.input-elm select { 1204 width: 100%; 1205 height: 40px; 1206 border: 1px solid #d6d6d6; 1207 border-radius: 4px; 1208 font-size: 14px; 1209} 1210.input-elm.input-recharge input { 1211 width: calc(100% - 60px); 1212} 1213.input-elm.input-recharge span { 1214 position: absolute; 1215 height: 48px; 1216 line-height: 48px; 1217 right: 73px; 1218 color: #f14308; 1219 font-size: 16px; 1220} 1221.btn-change-type { 1222 width: 48px; 1223 height: 48px; 1224 display: block; 1225 position: absolute; 1226 top: 8px; 1227 right: 0; 1228 background: url(/static/images/ico-change.svg) no-repeat center; 1229 cursor: pointer; 1230} 1231.input-elm input[type='text'], 1232.input-elm select { 1233 padding: 0 13px; 1234} 1235.input-elm input[type='submit'] { 1236 width: 100%; 1237 height: 40px; 1238 background: #f14308; 1239 color: #fff; 1240 margin-top: 8px; 1241 border-radius: 4px; 1242 box-shadow: none; 1243 -webkit-appearance: none !important; 1244} 1245.input-elm select { 1246 -moz-appearance: none; 1247 -webkit-appearance: none; 1248 appearance: none; 1249} 1250.input-dropdown:after { 1251 content: ''; 1252 display: block; 1253 position: absolute; 1254 z-index: 4; 1255 right: 12px; 1256 top: 50%; 1257 margin-top: -4px; 1258 height: 8px; 1259 width: 14px; 1260 background: url(/static/images/vector.svg) no-repeat; 1261 background-size: 100%; 1262 pointer-events: none; 1263} 1264#thoc-ip { 1265 display: none; 1266} 1267.nav-action { 1268 border-bottom: 1px solid rgba(220, 215, 215, 0.36); 1269} 1270.list-action { 1271 display: flex; 1272 padding: 16px 8px; 1273 justify-content: space-between; 1274} 1275.box-bottom-title img { 1276 margin-left: 10px; 1277} 1278.event-gc { 1279 font-size: 14px; 1280 color: #323133; 1281 font-weight: 500; 1282} 1283.event-date { 1284 font-size: 12px; 1285} 1286.event-game { 1287 font-size: 12px; 1288 color: #999; 1289} 1290.box-filter-noti .box-bottom-title p { 1291 font-weight: 500; 1292 font-size: 14px; 1293 color: #727272; 1294} 1295.image-box img { 1296 border-radius: 8px; 1297} 1298.common-box.box-news { 1299 margin-top: 8px; 1300 padding: 16px 16px 0; 1301} 1302.order-box-p p { 1303 color: #4f4f4f; 1304} 1305.item-gc-listgame { 1306 display: flex; 1307 width: 100%; 1308 padding: 8px 0; 1309 overflow: hidden; 1310} 1311.item-gc-listgame:after { 1312 display: flex; 1313 width: 100%; 1314 padding: 8px 0; 1315} 1316.item-gc-listgame-info { 1317 height: 48px; 1318 line-height: 24px; 1319 width: calc(100% - 108px); 1320 padding-left: 10px; 1321 position: relative; 1322} 1323.item-gc-listgame-info:after { 1324 content: ''; 1325 position: absolute; 1326 bottom: -8px; 1327 left: 10px; 1328 height: 1px; 1329 background: #f3f4f4; 1330 width: 200%; 1331} 1332.gc-listgame .hiden-line .item-gc-listgame-info:after {
1333 display: none; 1334} 1335.gc-listgame .item-gc-listgame:last-child .item-gc-listgame-info:after { 1336 display: none; 1337} 1338.item-gc-listgame .btn-receive { 1339 color: #e85411; 1340 width: auto; 1341 padding: 0 16px; 1342 height: 32px; 1343 line-height: 32px; 1344 border-radius: 100px; 1345 text-align: center; 1346 background: #f2f2f2; 1347 font-weight: 700; 1348 font-size: 14px; 1349 cursor: pointer; 1350 margin-top: 8px; 1351} 1352.box-hgame { 1353 border-top: none; 1354 position: relative; 1355 padding: 16px 0 16px 93px; 1356 min-height: 80px; 1357} 1358.box-hgame .box-hgame-thumb { 1359 position: absolute; 1360 top: 16px; 1361 left: 0; 1362} 1363.text-subhead { 1364 font-weight: 700; 1365 font-size: 16px; 1366 color: #323133; 1367 margin-bottom: 5px; 1368} 1369.txt-hgame-dt { 1370 font-size: 14px; 1371 color: #727272; 1372} 1373.txt-hgame-cc { 1374 font-weight: 500; 1375 font-size: 14px; 1376 color: #323133; 1377} 1378.a-right { 1379 color: #f14308; 1380 float: right; 1381 font-size: 14px; 1382 font-weight: 500; 1383 cursor: pointer; 1384} 1385.title-box { 1386 font-weight: 700; 1387 font-size: 14px; 1388 color: #323133; 1389 padding: 16px 0; 1390} 1391.payment-method-content { 1392 padding: 16px 0 16px 40px; 1393 border-top: 0.5px solid #dadada; 1394 border-bottom: 0.5px solid #dadada; 1395 position: relative; 1396} 1397.txt-warning { 1398 font-weight: 300; 1399 font-size: 12px; 1400 line-height: 14px; 1401 text-align: left; 1402 color: #f14308; 1403 margin-top: 10px; 1404} 1405.payment-method-thumb { 1406 position: absolute; 1407 top: 50%; 1408 left: -24px; 1409 margin-top: -10px; 1410 background-color: #fff; 1411 width: 30px; 1412 height: 20px; 1413 text-align: center; 1414 border: 1px solid #e0e0e0; 1415 border-radius: 3px; 1416} 1417.txt-method { 1418 font-size: 14px; 1419 color: #000; 1420} 1421.card-select-button { 1422 display: inline-block; 1423 padding: 8px; 1424 font-size: 14px; 1425 line-height: 16px; 1426 text-align: center; 1427 border-radius: 50px; 1428 color: #828282; 1429 background: #f2f2f2; 1430 margin-bottom: 8px; 1431 margin-right: 8px; 1432 cursor: pointer; 1433} 1434.card-select-button.active { 1435 color: #fff; 1436 background: #27ae60; 1437} 1438.box-tygia-i { 1439 border: 1px solid #f0f0f0; 1440} 1441tr {
1442 display: table-row; 1443 vertical-align: inherit; 1444 border-color: inherit; 1445} 1446.box-tygia-i table td { 1447 width: 50%; 1448 border-bottom: none !important; 1449} 1450.box-tygia-i table td:first-child { 1451 border-right: 1px solid #e2e2e2; 1452} 1453.tbl-tygia { 1454 width: 100%; 1455 max-width: 100%; 1456 text-align: center; 1457} 1458.tbl-tygia > tbody > tr > td, 1459.tbl-tygia > tbody > tr > th, 1460.tbl-tygia > tfoot > tr > td, 1461.tbl-tygia > tfoot > tr > th, 1462.tbl-tygia > thead > tr > td, 1463.tbl-tygia > thead > tr > th { 1464 padding: 10px; 1465 line-height: 1.429; 1466} 1467.box-tygia-i table tr:nth-child(2n) { 1468 background: #f0f0f0; 1469} 1470.box-info { 1471 padding: 16px 0; 1472} 1473.box-info-account { 1474 padding: 16px; 1475 border-radius: 6px; 1476 -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.16); 1477 -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.16); 1478 box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.16); 1479} 1480.account-name { 1481 font-size: 14px; 1482 padding-bottom: 10px; 1483} 1484.f-box-tttk { 1485 display: grid; 1486 text-align: center; 1487 padding: 16px 0 0; 1488 border-top: 1px solid #f2f2f2; 1489 grid-template-columns: repeat(2, 1fr); 1490} 1491.col-tttk:first-child { 1492 border-right: 0.5px solid #f2f2f2; 1493} 1494.balance { 1495 font-weight: 700; 1496 font-size: 20px; 1497 color: #323133; 1498} 1499.money-type { 1500 font-size: 14px; 1501 color: #323133; 1502} 1503.payment-method-item { 1504 padding: 16px 0 16px 40px; 1505 border-top: 0.5px solid #dadada; 1506 position: relative; 1507 overflow: hidden; 1508 display: block; 1509 cursor: pointer; 1510} 1511.qty-right { 1512 position: absolute; 1513 right: 10px; 1514 top: 0; 1515 font-weight: 500; 1516 font-size: 14px; 1517} 1518.card-select-list { 1519 margin-bottom: 16px; 1520} 1521.payment-method-item:last-child { 1522 border-bottom: 0.5px solid #dadada; 1523} 1524.kmt { 1525 font-style: italic; 1526 font-weight: 400; 1527 font-size: 10px; 1528 line-height: 12px; 1529 color: #80706b; 1530 margin-top: 5px; 1531} 1532.txt-km { 1533 width: 60px; 1534 height: 36px; 1535 line-height: 55px; 1536 position: absolute; 1537 top: -25px; 1538 right: -28px; 1539 text-align: center; 1540 transform: rotate(45deg); 1541 -webkit-transform: rotate(50deg); 1542 -moz-transform: rotate(45deg); 1543} 1544.sd { 1545 font-weight: 400; 1546 font-size: 10px; 1547 color: #323133; 1548 margin-top: 5px; 1549} 1550.txt-km-bg { 1551 border-bottom: 39px solid red; 1552 border-left: 20px solid transparent; 1553 border-right: 48px solid transparent; 1554 height: 0; 1555 width: 60px; 1556 display: block; 1557 position: absolute; 1558 right: 0; 1559 top: 0; 1560} 1561.txt-km-nd { 1562 position: relative; 1563 top: 0; 1564 left: -3px; 1565 line-height: 26px; 1566 font-size: 12px; 1567 color: #fff; 1568 z-index: 5; 1569} 1570.ico-money-type { 1571 display: inline-block; 1572 margin-left: 5px; 1573 width: 18px; 1574 height: 18px; 1575} 1576.ico-money-fc { 1577 background: url(/static/images/funcoin.svg) no-repeat; 1578 background-size: 100%; 1579} 1580.ico-money-type.ico-money-thoc { 1581 background: url(/static/images/thoc.svg) no-repeat; 1582 background-size: 100%; 1583 width: 16px; 1584} 1585.box-status-line { 1586 display: grid; 1587 grid-template-columns: 1fr 1fr 1fr; 1588 padding: 16px 0; 1589 position: relative; 1590 text-align: center; 1591} 1592.ico-line i { 1593 width: 28px; 1594 height: 28px; 1595 display: block; 1596 border: 1px solid #999; 1597 border-radius: 100%; 1598 text-align: center; 1599 line-height: 28px; 1600 font-style: unset; 1601 margin: 5px auto; 1602 color: #999; 1603 background: #fff; 1604} 1605.ico-line { 1606 z-index: 2; 1607} 1608.ico-line.active i { 1609 background: #f14308; 1610 border: 1px solid #f14308; 1611 color: #fff; 1612} 1613.ico-line span { 1614 color: #999; 1615} 1616.ico-line.active span { 1617 color: #000; 1618} 1619.line-arrow { 1620 position: absolute; 1621 width: calc(33.3% - 56px); 1622 height: 2px; 1623 top: 34px; 1624 background: #dadada; 1625 z-index: 0; 1626} 1627.line-step-1 { 1628 left: calc(16.65% + 28px); 1629} 1630.line-step-2 { 1631 left: calc(50% + 28px); 1632} 1633.line-arrow.active { 1634 background: #f14308; 1635} 1636.arrow-right { 1637 display: block; 1638 width: 8px; 1639 height: 8px; 1640 top: -3px; 1641 right: 0; 1642 border-top: 2px solid #dadada; 1643 border-left: 2px solid #dadada; 1644 position: absolute; 1645 transform: rotate(135deg); 1646} 1647.line-arrow.active .arrow-right { 1648 border-top: 2px solid #f14308; 1649 border-left: 2px solid #f14308; 1650} 1651.box-order-step2-top { 1652 width: 100%; 1653 background: #f2f2f2; 1654 border-radius: 15px; 1655 border-bottom: 2px dashed #828282; 1656 position: relative; 1657} 1658.box-order-step2-bottom { 1659 width: 100%; 1660 background: #f2f2f2; 1661 border-radius: 15px; 1662 position: relative; 1663} 1664.box-order-step2-top:before { 1665 content: '';
1666 display: block; 1667 width: 24px; 1668 height: 24px; 1669 border-radius: 100%; 1670 position: absolute; 1671 top: 100%; 1672 margin-top: -12px; 1673 left: -12px; 1674 z-index: 2; 1675 background: #fff; 1676} 1677.box-order-step2-top:after { 1678 content: ''; 1679 display: block; 1680 width: 24px; 1681 height: 24px; 1682 border-radius: 100%; 1683 position: absolute; 1684 top: 100%; 1685 margin-top: -12px; 1686 right: -12px; 1687 z-index: 2; 1688 background: #fff; 1689} 1690.header-box-order { 1691 border-bottom: 1px solid #e0e0e0; 1692 padding: 16px; 1693 font-weight: 700; 1694 font-size: 14px; 1695 color: #4f4f4f; 1696 text-align: center; 1697 text-transform: uppercase; 1698} 1699.order-box-content { 1700 padding: 12px; 1701} 1702.grid-col { 1703 display: grid; 1704 grid-template-columns: 1fr 1fr; 1705 padding: 10px 0; 1706 grid-gap: 10px; 1707} 1708.grid-col .label { 1709 font-size: 14px; 1710 color: #828282; 1711} 1712.grid-col .grid-col-right { 1713 text-align: right; 1714 font-weight: 500; 1715 font-size: 14px; 1716 color: #000; 1717} 1718.grid-col-right.text-orange { 1719 font-size: 18px; 1720 color: #f14308; 1721} 1722.btn-coppy { 1723 width: 100%; 1724 height: 40px; 1725 text-align: center; 1726 line-height: 40px; 1727 border: 1px solid #bdbdbd; 1728 border-radius: 5px; 1729 color: #f14308; 1730 font-weight: 500; 1731 cursor: pointer; 1732 background: #fff; 1733} 1734.btn-coppy:active, 1735.btn-coppy:focus, 1736.btn-coppy:hover { 1737 border: 1px solid #bdbdbd; 1738} 1739.btn-confirm { 1740 display: block; 1741 width: 100%; 1742 height: 40px; 1743 text-align: center; 1744 line-height: 40px; 1745 border-radius: 5px; 1746 color: #fff; 1747 font-weight: 500; 1748 cursor: pointer; 1749 background: #f14308; 1750 max-width: 350px; 1751 margin: 10px auto; 1752} 1753.btn-re-order { 1754 display: block; 1755 width: 100%; 1756 height: 40px; 1757 text-align: center; 1758 line-height: 40px; 1759 border-radius: 5px; 1760 color: #f14308; 1761 font-weight: 500; 1762 cursor: pointer; 1763 background: 0 0; 1764 max-width: 350px; 1765 margin: 10px auto; 1766} 1767.order-box-p { 1768 padding: 8px 0; 1769} 1770.order-box-p p { 1771 color: #4f4f4f; 1772 line-height: 26px; 1773 font-size: 13px; 1774 margin-bottom: 4px; 1775} 1776.order-box-p i { 1777 margin-right: 10px; 1778} 1779.order-box-p .ttlh { 1780 color: #333; 1781 font-size: 14px; 1782} 1783.box-list-card { 1784 display: grid; 1785 grid-template-columns: repeat(3, 1fr); 1786 grid-gap: 8px; 1787} 1788.box-card-item { 1789 padding: 16px; 1790 border: 1px solid #f2f2f2; 1791 border-radius: 5px; 1792 text-align: center; 1793 background: #f2f2f2; 1794} 1795.btn-choice-card { 1796 background: #39b54a; 1797 width: 100%; 1798 line-height: 30px; 1799 height: 30px; 1800 text-align: center; 1801 color: #fff; 1802 font-weight: 500; 1803 border-radius: 5px; 1804} 1805.card-price { 1806 margin: 8px auto; 1807} 1808.item-recharge { 1809 display: flex; 1810 width: 100%; 1811 padding: 8px 0; 1812} 1813.item-recharge-info { 1814 height: 48px; 1815 line-height: 48px; 1816 width: calc(100% - 108px); 1817 padding-left: 10px; 1818} 1819.btn-recharge { 1820 width: 60px; 1821 height: 32px; 1822 line-height: 32px; 1823 border-radius: 100px; 1824 text-align: center; 1825 text-transform: uppercase; 1826 background: #f2f2f2; 1827 font-weight: 500; 1828 font-size: 14px; 1829 color: #0a193c; 1830 cursor: pointer; 1831 margin-top: 8px; 1832} 1833.lg-9pay { 1834 display: inline-block; 1835 width: 74px; 1836 height: 12px; 1837 background: url(/static/images/logo-9pay.svg) no-repeat; 1838 background-size: 100%; 1839 text-indent: -9999px; 1840 line-height: 12px; 1841 margin-left: 3px; 1842} 1843.popup-recharge { 1844 position: fixed; 1845 width: 320px; 1846 display: none; 1847 top: 50%; 1848 background: #fbfbfb; 1849 padding: 20px; 1850 left: 50%; 1851 transform: translate(-50%, -50%); 1852 border-radius: 10px; 1853 z-index: 12; 1854} 1855.popup-recharge .popup-title { 1856 font-weight: 700; 1857 font-size: 20px; 1858 color: #000; 1859} 1860.popup-recharge .popup-content { 1861 padding: 16px 0; 1862} 1863.popup-recharge .popup-content p { 1864 font-size: 16px; 1865 color: #000; 1866 margin-bottom: 5px; 1867} 1868.popup-recharge .popup-content a { 1869 float: right; 1870 padding: 8px 20px; 1871 font-size: 16px; 1872 text-transform: uppercase; 1873 cursor: pointer; 1874} 1875.guide-item { 1876 height: 48px; 1877 line-height: 48px; 1878 border-bottom: 1px solid #e3e3e3; 1879} 1880.contact-area { 1881 padding: 16px 0; 1882} 1883.contact-area p { 1884 font-size: 14px; 1885 color: #f14308; 1886} 1887.item-guide { 1888 display: block; 1889 position: relative; 1890 height: 50px; 1891 line-height: 50px; 1892 border-bottom: 1px solid #e3e3e3; 1893 cursor: pointer; 1894} 1895.item-guide:active, 1896.item-guide:focus, 1897.item-guide:hover { 1898 border-bottom: 1px solid #e3e3e3; 1899} 1900.guide-content { 1901 padding: 16px 0; 1902} 1903.guide-content p { 1904 font-style: normal; 1905 font-weight: 400; 1906 font-size: 16px; 1907 line-height: 24px; 1908 color: #000; 1909} 1910.guide-detail-title { 1911 color: #000; 1912 font-size: 21px; 1913 line-height: 25px; 1914 font-weight: 500; 1915} 1916.post-vote { 1917 height: 100px; 1918 width: 100%; 1919 border-top: 1px solid #e3e3e3; 1920 border-bottom: 1px solid #e3e3e3; 1921 text-align: center; 1922} 1923.content-wrapper .footer { 1924 height: auto; 1925} 1926.contact-bot img { 1927 position: absolute; 1928 left: 0; 1929 top: 50%; 1930 transform: translateY(-50%); 1931} 1932.contact-bot p { 1933 margin: 15px 0; 1934 padding-left: 20px; 1935 height: 15px; 1936 line-height: 15px; 1937 display: block; 1938 position: relative; 1939 color: #f14308; 1940 font-size: 14px; 1941} 1942.is-vote { 1943 height: 100px; 1944 line-height: 50px; 1945} 1946.is-vote a { 1947 display: inline-block; 1948} 1949.voted { 1950 display: none; 1951 height: 100px; 1952 line-height: 100px; 1953} 1954#sothoc { 1955 font-size: 14px; 1956 margin-top: 10px; 1957} 1958@media (max-width: 640px) { 1959 .banner { 1960 height: 260px; 1961 } 1962} 1963@media (max-width: 320px) { 1964 .banner { 1965 height: 200px; 1966 } 1967 .btn-bottom-3 { 1968 width: 90px; 1969 } 1970} 1971.btn-cnm.active, 1972.btn-cnm:hover { 1973 color: #f14308; 1974} 1975.swiper-container { 1976 width: 100%; 1977 top: 0; 1978 position: relative; 1979} 1980.title-slide { 1981 margin-bottom: 8px; 1982 font-size: 20px; 1983 line-height: 30px; 1984 font-weight: 600; 1985 color: #1f1f1f; 1986 position: relative; 1987} 1988.swiper-container-2 { 1989 margin: 0 auto; 1990 position: relative; 1991 overflow: hidden; 1992 list-style: none; 1993 padding: 0; 1994 z-index: 1; 1995 width: 100%; 1996 padding-top: 40px; 1997} 1998.swiper-slide .name { 1999 margin-top: 8px; 2000 margin-bottom: 8px; 2001 color: #212121; 2002 line-height: 19px; 2003 white-space: nowrap; 2004 overflow: hidden; 2005 text-overflow: ellipsis; 2006 font-weight: 500; 2007 font-size: 14px; 2008 display: flex; 2009 -webkit-display: flex; 2010 -moz-display: flex; 2011 align-items: center; 2012} 2013.img-slide { 2014 border-radius: 8px; 2015 overflow: hidden; 2016 position: relative; 2017} 2018.img-slide img { 2019 width: 100%; 2020 display: block; 2021 border: 1px solid #f3f4f4; 2022} 2023.swiper-slide .name-txt { 2024 margin-bottom: 0; 2025 color: #1a1a1a; 2026 line-height: 19px; 2027 white-space: nowrap; 2028 overflow: hidden; 2029 text-overflow: ellipsis; 2030 font-weight: 600; 2031 font-size: 14px; 2032 line-height: 20px; 2033 max-width: calc(100% - 34px) !important; 2034 display: inline-block; 2035 padding-right: 4px; 2036 max-width: 100% !important; 2037} 2038.t_hot_new { 2039 height: 41px; 2040 width: 48px; 2041 border-radius: 8px; 2042 color: #fff; 2043 font-weight: 600; 2044 font-size: 12px; 2045 line-height: 16.6px; 2046 padding-right: 10px; 2047 display: block; 2048 text-align: center; 2049 position: absolute; 2050 bottom: 0; 2051 right: 0; 2052 transform: rotate(-45deg); 2053 transform-origin: top right; 2054} 2055.t_hot_new::after { 2056 content: ''; 2057 width: 0; 2058 height: 0; 2059 border-left: 35px solid transparent; 2060 border-right: 34px solid transparent; 2061 border-top: 43px solid red; 2062 display: block; 2063 position: absolute; 2064 bottom: 0; 2065 right: -7px; 2066 z-index: -1; 2067} 2068.t_new::after { 2069 border-top: 43px solid #f99f1b; 2070} 2071.ripple .down .num-down { 2072 display: inline-block; 2073 font-size: 12px; 2074 line-height: 14px; 2075 color: #999; 2076 border-right: 1px solid #c6c6c6; 2077 padding-right: 10px; 2078} 2079.ripple .down .num-star {
2080 display: inline-block; 2081 font-size: 12px; 2082 line-height: 20px; 2083 color: #000; 2084 position: relative; 2085 padding-left: 20px; 2086 font-weight: 600; 2087} 2088.ripple .down .num-star::before { 2089 content: ''; 2090 width: 12px; 2091 height: 12px; 2092 background: url(/static/images/gc-phase2/icon_star.svg) no-repeat; 2093 background-size: auto; 2094 background-position: center; 2095 left: 3px; 2096 top: 2px; 2097 display: inline-block; 2098 position: absolute; 2099} 2100.name { 2101 margin-bottom: 3px; 2102} 2103/* .swiper-container-horizontal > .swiper-pagination-bullets { top: 32px; height: 20px; overflow: hidden; right: 0; width: 100%; text-align: right;} */ 2104 2105.game { 2106 position: absolute; 2107 color: #fff; 2108 left: 16px; 2109 bottom: 16px; 2110} 2111/* .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: calc(100% - 80px); transform: translateX(0);} */ 2112 2113.swiper-wrapper1 .swiper-slide { 2114 margin-bottom: 16px; 2115 width: calc((100% - 8px) / 2); 2116 margin-right: 8px; 2117 float: left; 2118} 2119.swiper-wrapper1 .swiper-slide:nth-child(2n) { 2120 margin-right: 0; 2121} 2122.swiper-slide a { 2123 display: block; 2124 width: 100%; 2125 margin: 0 auto; 2126 cursor: pointer; 2127 position: relative; 2128} 2129.swiper-pagination-bullet-active { 2130 opacity: 1; 2131 background: #f15f22; 2132 width: 20px; 2133 height: 8px; 2134 border-radius: 10px; 2135} 2136.menu { 2137 position: fixed; 2138 top: 0; 2139 width: 100%; 2140 height: 100%; 2141 background: #fff; 2142 z-index: 99; 2143 display: none; 2144 padding: 16px; 2145 list-style: none; 2146} 2147.menu.active { 2148 display: block; 2149} 2150.menu img { 2151 width: 100%; 2152} 2153.member-info { 2154 display: flex; 2155} 2156.avatar { 2157 position: relative; 2158 width: 80px; 2159 height: 80px; 2160} 2161.rank { 2162 position: absolute; 2163 width: 30px; 2164 height: 30px; 2165 right: 0; 2166 bottom: 0; 2167} 2168.menu li { 2169 display: block; 2170 border-top: 1px solid #f2f2f2; 2171} 2172.menu ul li:first-child { 2173 border-top: unset; 2174} 2175.menu ul li a { 2176 font-size: 14px; 2177 color: #212121; 2178 display: block; 2179 padding: 14px 0; 2180 cursor: pointer; 2181} 2182.member-info { 2183 margin-bottom: 30px; 2184} 2185.info { 2186 padding: 10px; 2187 width: calc(100% - 80px); 2188} 2189.info .name { 2190 font-size: 24px; 2191 font-weight: 700; 2192 color: #212121; 2193 line-height: 32px; 2194} 2195.info .id { 2196 font-size: 16px; 2197 color: #212121; 2198} 2199.menu .lg2 { 2200 width: 80px; 2201 height: 30px; 2202 margin-right: 10px; 2203} 2204.menu .bq { 2205 padding: 5px; 2206} 2207.page-404 .content-wrapper { 2208 display: table; 2209 text-align: center; 2210 width: 100%; 2211 min-height: calc(100vh - 113px); 2212} 2213.box-fullh { 2214 display: table; 2215 text-align: center; 2216 width: 100%; 2217 min-height: calc(100vh - 113px); 2218 min-height: -moz-calc(100vh - 113px); 2219} 2220.box-fullh-center { 2221 display: table-cell; 2222 vertical-align: middle; 2223 padding: 0 15px; 2224 width: 100%; 2225 text-align: center; 2226 background: #e5e5e5; 2227} 2228.text-title { 2229 font-weight: 400; 2230 font-size: 56px; 2231 line-height: 56px; 2232} 2233.subhead { 2234 font-weight: 400; 2235 font-size: 16px; 2236 line-height: 24px; 2237} 2238.page-404 .box-cnhd, 2239.page-404 .footer, 2240.page-404 .menu { 2241 display: none; 2242} 2243/* .swiper-container-2.swiper-container-horizontal > .swiper-pagination-bullets { top: 40px;} */ 2244 2245.ripple { 2246 position: relative; 2247 overflow: hidden; 2248 transform: translate3d(0, 0, 0); 2249} 2250.ripple:after { 2251 content: ''; 2252 display: block; 2253 position: absolute; 2254 width: 100%; 2255 height: 100%; 2256 top: 0; 2257 left: 0; 2258 pointer-events: none; 2259 background-image: radial-gradient(circle, #fff 10%, transparent 10.01%); 2260 background-repeat: no-repeat; 2261 background-position: 50%; 2262 transform: scale(10, 10); 2263 opacity: 0; 2264 transition: transform 0.5s, opacity 1s; 2265} 2266.ripple1:after { 2267 content: ''; 2268 display: block; 2269 position: absolute; 2270 width: 100%; 2271 height: 100%; 2272 top: 0; 2273 left: 0; 2274 pointer-events: none; 2275 background-image: radial-gradient(circle, #595959 10%, transparent 10.01%); 2276 background-repeat: no-repeat; 2277 background-position: 50%; 2278 transform: scale(10, 10); 2279 opacity: 0; 2280 transition: transform 0.5s, opacity 1s; 2281} 2282.ripple:active:after { 2283 transform: scale(0, 0); 2284 opacity: 0.2; 2285 transition: 0s; 2286} 2287.back-ico { 2288 display: block; 2289 width: 48px; 2290 height: 60px; 2291 background: url(/static/images/ico-back.svg) 50% 50% no-repeat; 2292 position: absolute; 2293 z-index: 10; 2294 left: 0; 2295 background-size: 16px 28px; 2296} 2297.box-h-title {
2298 padding: 0 30px; 2299} 2300.box-h-title h1 { 2301 font-size: 18px; 2302 text-align: center; 2303 line-height: 60px; 2304 font-weight: 500; 2305 white-space: nowrap; 2306 overflow: hidden; 2307 -o-text-overflow: ellipsis; 2308 text-overflow: ellipsis; 2309} 2310.noti-alert { 2311 background: #333; 2312 border-radius: 8px; 2313 height: 48px; 2314 line-height: 48px; 2315 text-align: center; 2316 position: fixed; 2317 margin: 0 auto; 2318 bottom: 30px; 2319 padding: 0 20px; 2320 left: 50%; 2321 transform: translateX(-50%); 2322 color: #fff; 2323 z-index: 1002; 2324} 2325.arrange-content { 2326 padding: 8px 16px; 2327 margin-top: 0; 2328} 2329.filter-box-content { 2330 padding: 8px 16px; 2331 margin-top: 0; 2332} 2333.list-game-filter { 2334 padding: 20px 16px; 2335} 2336.checkcontainer { 2337 display: inline-block; 2338 position: relative; 2339 padding-left: 24px; 2340 padding-right: 0; 2341 margin-bottom: 10px; 2342 cursor: pointer; 2343 font-size: 14px; 2344 -webkit-user-select: none; 2345 -moz-user-select: none; 2346 -ms-user-select: none; 2347 user-select: none; 2348} 2349.checkcontainer input { 2350 position: absolute; 2351 opacity: 0; 2352 cursor: pointer; 2353} 2354.checkcontainer input:checked ~ .radiobtn { 2355 background-color: #fff; 2356 border: 5px solid #f14308; 2357} 2358.radiobtn { 2359 position: absolute; 2360 top: 2px; 2361 left: 0; 2362 height: 16px; 2363 width: 16px; 2364 background-color: #fff; 2365 border-radius: 50%; 2366 border: 2px solid #d6d6d6; 2367} 2368.radiobtn:after { 2369 content: ''; 2370 position: absolute; 2371 display: none; 2372} 2373.checkcontainer .radiobtn:after { 2374 top: 0; 2375 left: 0; 2376 width: 6px; 2377 height: 6px; 2378 border-radius: 50%; 2379 background: #fff8; 2380} 2381.checkcontainer input:checked ~ .radiobtn:after { 2382 display: block; 2383} 2384.box-bottom-event-action { 2385 display: block; 2386 width: 100%; 2387 text-align: center; 2388 font-weight: 500; 2389 text-transform: uppercase; 2390 color: #000; 2391} 2392.btn-gc:hover, 2393.btn-login:hover { 2394 color: #fff; 2395} 2396.game-gc { 2397 font-weight: 500; 2398 font-size: 16px; 2399 color: #323133; 2400} 2401.checkmark { 2402 position: absolute; 2403 top: 2px; 2404 left: 0; 2405 height: 16px; 2406 width: 16px; 2407 background-color: #fff; 2408 border: 2px solid #d6d6d6; 2409 border-radius: 2px; 2410} 2411.item-noti-filter .checkmark { 2412 top: 50%; 2413 margin-top: -5px; 2414} 2415.checkcontainer input:checked ~ .checkmark { 2416 background-color: #24a249; 2417 border: 2px solid #24a249; 2418} 2419.checkmark:after { 2420 content: ''; 2421 position: absolute; 2422 display: none; 2423} 2424.checkcontainer .checkmark:after { 2425 left: 3px; 2426 top: -2px; 2427 width: 4px; 2428 height: 10px; 2429 border: solid #fff; 2430 border-width: 0 2px 2px 0; 2431 -webkit-transform: rotate(45deg); 2432 -ms-transform: rotate(45deg); 2433 transform: rotate(45deg); 2434} 2435.checkcontainer input:checked ~ .checkmark:after { 2436 display: block; 2437} 2438.txt-status { 2439 font-size: 12px; 2440 color: #767676; 2441 text-transform: uppercase; 2442 margin-bottom: 12px; 2443} 2444.guide-filter { 2445 background: #000; 2446 color: #fff; 2447 margin-bottom: -16px; 2448 padding: 20px 16px; 2449} 2450.slide-gc > .slide-gc-pagination { 2451 position: absolute; 2452 z-index: 9; 2453 height: 20px; 2454 overflow: hidden; 2455 right: 0; 2456 width: 100%; 2457 text-align: right; 2458 top: 6px; 2459} 2460.main-gc { 2461 min-height: 100vh; 2462 padding-bottom: 56px; 2463} 2464a.item-gc.seen { 2465 opacity: 0.5; 2466} 2467.input-dropdown select { 2468 color: #999; 2469} 2470.input-elm input::-webkit-input-placeholder { 2471 color: #999; 2472} 2473.input-elm input::-moz-placeholder { 2474 color: #999; 2475} 2476.input-elm input:-ms-input-placeholder { 2477 color: #999; 2478} 2479.input-elm input:-moz-placeholder { 2480 color: #999; 2481} 2482.arrow-down { 2483 background: url(/static/images/arrow-down.svg) no-repeat; 2484 background-size: 100%; 2485 display: inline-block; 2486 width: 12px; 2487 height: 6px; 2488 margin-left: 6px; 2489 margin-bottom: 3px; 2490 filter: invert(1); 2491} 2492.sticky { 2493 top: 0; 2494 width: 100%; 2495 z-index: 100; 2496} 2497.list-game-select { 2498 display: none; 2499 list-style: none; 2500 background: #dedede; 2501 margin-top: 20px; 2502} 2503.list-game-select li { 2504 height: 40px; 2505 line-height: 40px; 2506 border-top: 1px solid #d4d4d4; 2507} 2508.show-list .list-game-select { 2509 display: block; 2510} 2511.box-tygia-i .ic-thoc { 2512 background: url(/static/images/thoc.svg) 0 0 no-repeat; 2513 display: inline-block; 2514 width: 12px; 2515 height: 14px; 2516 margin-right: 5px; 2517 position: relative; 2518 top: 4px; 2519 background-size: cover; 2520} 2521.accordion { 2522 background-color: #fff; 2523 color: #000; 2524 cursor: pointer; 2525 padding: 16px; 2526 width: 100%; 2527 border: none; 2528 text-align: left; 2529 outline: 0; 2530 font-size: 14px; 2531 transition: 0.4s; 2532 border-bottom: 0.5px solid #e3e3e3; 2533} 2534.accordion:focus { 2535 border-bottom: 0.5px solid #e3e3e3; 2536} 2537.panel { 2538 padding: 10px 16px 16px; 2539 display: none; 2540 background-color: #f2f2f2; 2541 overflow: hidden; 2542 font-size: 13px; 2543} 2544.accordion i { 2545 border: solid #999; 2546 border-width: 0 2px 2px 0; 2547 display: inline-block; 2548 padding: 3px; 2549 float: right; 2550 transform: rotate(45deg); 2551 -webkit-transform: rotate(45deg); 2552} 2553.accordion.active i { 2554 transform: rotate(-135deg); 2555 -webkit-transform: rotate(-135deg); 2556} 2557.box-btn-fixed { 2558 position: fixed; 2559 width: 100%; 2560 bottom: 60px; 2561} 2562.fab-tip { 2563 position: fixed; 2564 right: 80px; 2565 margin-top: 5px; 2566 padding: 0 10px; 2567 height: 20px; 2568 line-height: 20px; 2569 text-align: right; 2570 background-color: #fff; 2571 border-radius: 2px; 2572 color: #000; 2573 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); 2574} 2575.fab { 2576 background: #03a9f4; 2577 width: 30px; 2578 height: 30px; 2579 border-radius: 50%; 2580 text-align: center; 2581 color: #fff; 2582 box-shadow: 0 0 3px rgba(0, 0, 0, 0.5), 3px 3px 3px rgba(0, 0, 0, 0.25); 2583 position: fixed; 2584 bottom: 16px; 2585 right: 16px; 2586 font-size: 20px; 2587 display: inline-block; 2588 cursor: default; 2589} 2590.fab.child { 2591 right: 36px; 2592 width: 30px; 2593 height: 30px; 2594 line-height: 30px; 2595 display: none; 2596 opacity: 0; 2597 font-size: 12px; 2598} 2599.backdrop_gray { 2600 position: fixed; 2601 top: 0; 2602 left: 0; 2603 width: 100%; 2604 height: 100%; 2605 background: #ececec; 2606 opacity: 0.9; 2607 display: none; 2608} 2609#masterfab span { 2610 font-size: 40px; 2611 display: block; 2612 -webkit-transform: rotate(45deg); 2613 -moz-transform: rotate(45deg); 2614 -ms-transform: rotate(45deg); 2615 -o-transform: rotate(45deg); 2616 transform: rotate(45deg); 2617} 2618#masterfab { 2619 background: #f14308 url(/static/images/thoc.svg) no-repeat center; 2620 background-size: 20px; 2621 width: 55px; 2622 height: 55px; 2623 line-height: 55px; 2624 right: 24px; 2625 bottom: 74px; 2626 text-indent: -9999px; 2627} 2628.box-btn-fixed.active #masterfab { 2629 background: #f14308; 2630 text-indent: 0; 2631} 2632.box-btn-fixed .fab.child:nth-child(1) { 2633 background: #ff7243; 2634} 2635.box-list-cards { 2636 padding-bottom: 60px; 2637} 2638a.item-gc:hover img { 2639 -webkit-transform: unset; 2640 -moz-transform: unset; 2641 -ms-transform: unset; 2642 -o-transform: unset; 2643 transform: unset; 2644} 2645.gc-box-item { 2646 background: #fff; 2647 width: 100%; 2648 height: 125px; 2649 border-radius: 10px; 2650 margin: 8px 0; 2651} 2652.slide-gc .gc-box-item { 2653 margin: 0; 2654 height: 72px; 2655 border-radius: 4px; 2656 overflow: hidden; 2657} 2658.item-gc-hot .gc-box-item-left { 2659 box-shadow: unset; 2660 border-radius: 0; 2661 border-right: unset; 2662} 2663.item-gc-hot .gc-box-item-left:after { 2664 content: unset; 2665} 2666.item-gc-hot .gc-box-item-left:before { 2667 content: unset; 2668} 2669.gc-box-item-left { 2670 width: 78px; 2671 height: 100%; 2672 border-radius: 10px; 2673 position: relative; 2674 border-right: 1px dashed #bbb; 2675 float: left; 2676} 2677.detailEventGame .gc-box-item-left { 2678 background: #f3f4f4; 2679} 2680.item-gc-hot .gc-box-item-right { 2681 box-shadow: unset; 2682 border-radius: 0; 2683 padding-left: 0; 2684} 2685.gc-box-item-right { 2686 position: relative; 2687 width: calc(100% - 78px); 2688 width: -webkit-calc(100% - 78px); 2689 width: -moz-calc(100% - 78px); 2690 height: 100%; 2691 display: inline-block; 2692 padding: 16px; 2693 border-radius: 10px; 2694} 2695.detailEventGame .gc-box-item-right { 2696 background: #f3f4f4; 2697} 2698.gc-box-item-left:before { 2699 content: '';
2700 display: block; 2701 width: 16px; 2702 height: 16px; 2703 border-radius: 100%; 2704 position: absolute; 2705 left: calc(100% - 7px); 2706 margin-top: -8px; 2707 z-index: 2; 2708 background: #fff; 2709} 2710.detailEventGame .gc-box-item-left:before { 2711 background: #fff; 2712} 2713.gc-box-item-left:after { 2714 content: ''; 2715 display: block; 2716 width: 16px; 2717 height: 16px; 2718 border-radius: 100%; 2719 position: absolute; 2720 left: calc(100% - 7px); 2721 top: 100%; 2722 margin-top: -8px; 2723 z-index: 2; 2724 background: #fff; 2725} 2726.detailEventGame .gc-box-item-left:after { 2727 background: #fff; 2728} 2729.icon-gc-hot { 2730 width: 64px; 2731 height: 64px; 2732} 2733.icon-gc { 2734 width: 40px; 2735 height: 40px; 2736 position: absolute; 2737 top: calc(50% - 20px); 2738 left: calc(50% - 20px); 2739} 2740.gc-item-tag { 2741 display: inline-block; 2742 height: 16px; 2743 padding: 0 8px; 2744 text-align: center; 2745 background: #fff; 2746 border: 1px solid #fb5f14; 2747 color: #fb5f14; 2748 border-radius: 80px; 2749 line-height: 14px; 2750 font-size: 10px; 2751 margin-bottom: 4px; 2752 margin-right: 5px; 2753} 2754.gc-item-time { 2755 color: #767676; 2756 font-style: normal; 2757 font-weight: 400; 2758 font-size: 12px; 2759 line-height: 18px; 2760} 2761.gc-item-changegc { 2762 font-weight: 600; 2763 font-size: 14px; 2764 line-height: 20px; 2765 color: #fb5f14; 2766 display: block; 2767 width: 90px; 2768 position: absolute; 2769 bottom: 10px; 2770 right: 22px; 2771 padding-right: 10px; 2772 text-align: right; 2773} 2774.gc-item-buy { 2775 height: 18px; 2776 font-size: 15px; 2777 line-height: 24px; 2778 color: #1a1a1a; 2779 position: relative; 2780 margin-top: 5px; 2781 font-weight: 600; 2782} 2783.gc-item-buy:after { 2784 content: ''; 2785 background: url(/static/images/funcoin.svg) no-repeat; 2786 width: 16px; 2787 height: 16px; 2788 display: inline-block; 2789 background-size: 100%; 2790 margin-left: 3px; 2791 position: absolute; 2792 top: 4px; 2793} 2794.gc-item-c { 2795 height: 18px; 2796 font-size: 12px; 2797 line-height: 24px; 2798 color: #1a1a1a; 2799 position: relative; 2800 margin-top: 5px; 2801 font-weight: 600; 2802} 2803.gc-item-c span { 2804 color: #767676; 2805} 2806.button-df { 2807 display: inline-block; 2808 height: 32px; 2809 line-height: 32px; 2810 text-align: center; 2811 padding: 0 16px; 2812 background: #fff; 2813 color: #767676; 2814 border-radius: 20px; 2815 margin-right: 8px; 2816 font-size: 14px; 2817 border: 1px solid #767676; 2818} 2819.button-df.active { 2820 background: linear-gradient(270deg, #ff753a 0, #fb5f14 100%); 2821 color: #fff; 2822 font-weight: 600; 2823 border: 1px solid #ff753a; 2824} 2825.gc-box-btn-top { 2826 padding: 16px 0; 2827 background: #fff; 2828 border-bottom: 1px solid #f3f4f4; 2829} 2830.gc-btn-noti { 2831 display: block; 2832 width: 24px; 2833 height: 24px; 2834 background: url(/static/images/gc-phase2/bell.svg) no-repeat; 2835 float: right; 2836 margin-top: 4px; 2837} 2838.gc-box-listgame { 2839 background: #fff; 2840 padding: 16px 0; 2841} 2842.fixBox { 2843 padding: 0 16px; 2844} 2845.common-sub-title { 2846 font-size: 12px; 2847 line-height: 18px; 2848 color: #bbb; 2849 margin: 8px 0; 2850} 2851.header-image { 2852 border-radius: 0 0 100% 100%; 2853 overflow: hidden; 2854 margin-bottom: 40px; 2855 position: relative; 2856 max-height: 220px; 2857 height: 220px; 2858} 2859.gc-box-info-game { 2860 padding: 16px; 2861 background: #fff; 2862 height: 90px; 2863 margin-bottom: 20px; 2864 margin-top: -130px; 2865 position: relative; 2866 border-radius: 5px; 2867} 2868.game-info-name { 2869 font-size: 16px; 2870 color: #1a1a1a; 2871 position: relative; 2872 font-weight: 600; 2873} 2874.gc-box-info-top { 2875 height: 25px; 2876 border-bottom: 1px solid #f2f2f2; 2877 position: relative; 2878} 2879.btn-choose-game { 2880 display: block; 2881 position: absolute; 2882 right: 0; 2883 top: 5px; 2884 font-size: 12px; 2885 color: #fb5f14; 2886 font-weight: 600; 2887} 2888.gc-box-info-bottom { 2889 margin-top: 10px; 2890 display: flex; 2891 justify-content: space-between; 2892 padding: 5px 0; 2893} 2894.gc-box-info-bottom a { 2895 padding-left: 24px; 2896 margin-top: 0; 2897 position: relative; 2898 cursor: pointer; 2899} 2900.box-ico-dl:before { 2901 content: ''; 2902 display: inline-block; 2903 position: absolute; 2904 width: 22px; 2905 height: 22px; 2906 top: -2px; 2907 left: 0; 2908 margin-top: 0; 2909 background: url(/static/images/gc-phase2/box-ico-dl.svg) no-repeat; 2910 background-size: 100%; 2911} 2912.box-ico-home:before { 2913 content: ''; 2914 display: inline-block; 2915 position: absolute; 2916 width: 22px; 2917 height: 22px; 2918 top: -1px; 2919 left: 0; 2920 margin-top: 0; 2921 background: url(/static/images/gc-phase2/box-ico-home.svg) no-repeat; 2922 background-size: 100%; 2923} 2924.box-ico-fb:before { 2925 content: '';
2926 display: inline-block; 2927 position: absolute; 2928 width: 18px; 2929 height: 18px; 2930 top: 1px; 2931 left: 0; 2932 margin-top: 0; 2933 background: url(/static/images/gc-phase2/box-ico-fb.svg) no-repeat; 2934 background-size: 100%; 2935} 2936.fixed-gc-nav { 2937 height: 48px; 2938 display: none; 2939 z-index: 100; 2940 position: fixed; 2941 top: 48px; 2942 width: 100%; 2943 left: 0; 2944} 2945.fixed-gc-nav .fixBox { 2946 height: 56px; 2947 background: #fff; 2948 border-top: 1px solid #f3f4f4; 2949 -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.16); 2950 -moz-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.16); 2951 box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.16); 2952} 2953.sticky .fixed-gc-nav { 2954 display: block; 2955} 2956#gc-page .header-top { 2957 background: rgba(0, 0, 0, 0); 2958 -webkit-box-shadow: none; 2959 -moz-box-shadow: none; 2960 box-shadow: none; 2961 position: absolute; 2962 width: 100%; 2963 z-index: 10; 2964} 2965#gc-page .title-page { 2966 color: #fff; 2967} 2968#gc-page .box-h { 2969 background: unset; 2970} 2971#gc-page .btn-back { 2972 filter: invert(1); 2973} 2974#gc-page .sticky .btn-back { 2975 filter: invert(0); 2976} 2977#gc-page .sticky { 2978 position: fixed; 2979 top: 0; 2980 width: 100%; 2981 z-index: 100; 2982} 2983#gc-page .sticky .fixCen { 2984 background: #fff; 2985 -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.16); 2986 -moz-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.16); 2987 box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.16); 2988} 2989#gc-page .sticky .title-page { 2990 color: #0a193c; 2991} 2992.fixed-gc-nav-link { 2993 float: right; 2994 height: 100%; 2995 position: relative; 2996 right: 0; 2997 padding-top: 16px; 2998} 2999.fixed-gc-nav-link a { 3000 width: 20px; 3001 height: 20px; 3002 display: inline-block; 3003 margin-left: 10px; 3004} 3005.fixed-gc-nav-dl { 3006 background: url(/static/images/gc-phase2/box-ico-dl.svg) no-repeat; 3007 background-size: 100%; 3008} 3009.fixed-gc-nav-home { 3010 background: url(/static/images/gc-phase2/box-ico-home.svg) no-repeat; 3011 background-size: 100%; 3012} 3013.fixed-gc-nav-link a.fixed-gc-nav-fb { 3014 background: url(/static/images/gc-phase2/box-ico-fb.svg) no-repeat; 3015 background-size: 100%; 3016 width: 16px; 3017 height: 18px; 3018} 3019.gc-status { 3020 position: absolute; 3021 right: 0; 3022 top: 0; 3023 height: 20px; 3024 line-height: 20px; 3025 padding: 0 10px; 3026 text-align: center; 3027 background: #bbb; 3028 font-size: 10px; 3029 color: #fff; 3030 border-radius: 0 10px 0 10px; 3031} 3032.gc-status.gc-status-received { 3033 background: #bbb; 3034} 3035.gc-status.gc-status-ending { 3036 background: #fdd13a; 3037} 3038#gc-page .sticky + .content-wrapper { 3039 padding-bottom: 0; 3040} 3041.fixed-gc-nav-select { 3042 display: block; 3043 padding-top: 16px; 3044} 3045.btn-bottom-title { 3046 display: inline-block; 3047 height: 24px; 3048 line-height: 24px; 3049 text-align: center; 3050 padding: 0 12px; 3051 border: 1px solid #e8583a; 3052 border-radius: 40px; 3053 color: #e8583a; 3054} 3055.btn-bottom { 3056 margin-left: 12px; 3057 margin-top: 12px; 3058} 3059.bg-btn-bottom { 3060 background: #f3f4f4; 3061 padding: 16px; 3062} 3063.flex-btn { 3064 max-width: 768px; 3065 display: flex; 3066 margin: 0 auto; 3067 justify-content: space-around; 3068} 3069.btn-bottom-p2 { 3070 width: 100%; 3071 height: 40px; 3072 line-height: 40px; 3073 text-align: center; 3074 border-radius: 4px; 3075 cursor: pointer; 3076} 3077.btn-bottom-p2.btn-2columms { 3078 width: calc(50% - 4px); 3079} 3080.btn-type1 { 3081 border: 1px solid #bbb; 3082 background: #f3f4f4; 3083} 3084.btn-type2 { 3085 background: #e8583a; 3086 color: #fff; 3087} 3088.btn-type3 { 3089 background: #da1e28; 3090 color: #fff; 3091} 3092.btn-type4 { 3093 background: #d6d6d6; 3094 color: #fff; 3095} 3096.mission-status { 3097 width: 100%; 3098 position: relative; 3099} 3100.progress-line { 3101 width: calc(100% - 10px); 3102 height: 6px; 3103 background: #d6d6d6; 3104 border-radius: 5px; 3105 margin-left: 10px; 3106 margin-top: 5px; 3107 position: relative; 3108} 3109.mission-checkbox { 3110 margin-left: 25px; 3111 margin-top: 0; 3112 display: flex; 3113 flex-direction: column; 3114} 3115.progress-line-active { 3116 position: absolute; 3117 height: 100%; 3118 background: #fb5f14; 3119 border-radius: 5px; 3120} 3121.mission-checkbox .checkcontainer { 3122 padding-left: 18px; 3123 margin-bottom: 0; 3124 margin-right: 16px; 3125} 3126.mission-checkbox .checkcontainer input:checked ~ .checkmark { 3127 background-color: #24a249; 3128 border: 1px solid #24a249; 3129} 3130.mission-checkbox .checkmark { 3131 position: absolute; 3132 top: 3px; 3133 left: 0; 3134 height: 13px; 3135 width: 13px; 3136 background-color: #fff; 3137 border: 1px solid #727272; 3138 border-radius: 2px; 3139} 3140.mission-checkbox .checkcontainer .checkmark:after { 3141 left: 4px;
3142 top: 0; 3143 width: 2px; 3144 height: 6px; 3145 border: solid #fff; 3146 border-width: 0 2px 2px 0; 3147 -webkit-transform: rotate(45deg); 3148 -ms-transform: rotate(45deg); 3149 transform: rotate(45deg); 3150} 3151.giftcode-box { 3152 display: flex; 3153 margin-left: 10px; 3154 display: block; 3155 height: 48px; 3156 border: 1px dashed #d6d6d6; 3157 border-radius: 8px; 3158 padding: 5px 10px; 3159 margin-top: -15px; 3160 background: #f3f4f4; 3161 position: relative; 3162} 3163.giftcode-box .code { 3164 color: #ed3812; 3165 font-weight: 600; 3166 font-size: 16px; 3167 display: block; 3168 line-height: 36px; 3169 text-align: center; 3170 border-right: 1px solid #bbb; 3171 padding-right: 10px; 3172} 3173.giftcode-box .coppy-code { 3174 display: block; 3175 line-height: 35px; 3176 text-align: center; 3177 width: 50px; 3178 left: 150px; 3179 height: 36px; 3180 font-weight: 600; 3181} 3182.btn-gc { 3183 display: none; 3184} 3185.p-noti-err { 3186 font-style: italic; 3187 color: #0f4786; 3188 font-size: 12px; 3189 text-align: center; 3190 margin: 10px 0; 3191} 3192.left-tag { 3193 background: linear-gradient(270deg, #f01919 50%, #dd6836 100%); 3194 border-radius: 2px 2px 2px 0; 3195 position: absolute; 3196 display: block; 3197 width: 92px; 3198 height: 26px; 3199 line-height: 26px; 3200 text-align: center; 3201 color: #fff; 3202 top: 10px; 3203 left: -5px; 3204 font-size: 12px; 3205 z-index: 10; 3206} 3207.left-tag:before { 3208 width: 0; 3209 height: 0; 3210 border-top: 5px solid #f01919; 3211 border-left: 5px solid transparent; 3212 content: ''; 3213 position: absolute; 3214 top: 100%; 3215 left: 0; 3216} 3217.header-image .top-img { 3218 height: 48px; 3219 position: absolute; 3220 z-index: 10; 3221 width: 100%; 3222} 3223.mark-img { 3224 position: absolute; 3225 width: 100%; 3226 height: 100%; 3227 background: rgba(0, 0, 0, 0.3); 3228 top: 0; 3229} 3230.gc-game-title { 3231 font-weight: 700; 3232 font-size: 14px; 3233 color: #1a1a1a; 3234} 3235.gc-item-changegc:after { 3236 content: ''; 3237 position: absolute; 3238 width: 6px; 3239 height: 14px; 3240 background: url(/static/images/gc-phase2/vector.svg) no-repeat; 3241 background-size: 100%; 3242 right: -6px; 3243 top: 5px; 3244} 3245.cards-list, 3246.noti-lists { 3247 display: grid; 3248 grid-gap: 0; 3249 grid-template-columns: 100%; 3250 width: 100%; 3251} 3252.box-note { 3253 padding: 14px; 3254 border-radius: 8px; 3255 margin-top: 10px; 3256 margin-bottom: 15px; 3257 font-size: 13px; 3258} 3259.swiper-banner { 3260 padding-top: 0; 3261 background: #fff; 3262} 3263.swiper-banner img { 3264 width: 100%; 3265 display: block; 3266 border-radius: 8px; 3267} 3268/* .swiper-banner.swiper-container-horizontal > .swiper-pagination-bullets { top: auto; bottom: 8px; text-align: right; padding-right: 26px;} */ 3269 3270.swiper-banner .swiper-pagination-bullet-active { 3271 background: #f15f22; 3272} 3273.gc-listgame { 3274 display: grid; 3275 grid-template-columns: auto; 3276} 3277.slide-gc .title-slide { 3278 margin-left: 16px; 3279} 3280.slide-gc > .slide-gc-pagination { 3281 padding-right: 16px; 3282} 3283.form-get-gc { 3284 padding: 10px 16px 0; 3285 margin: 0 auto; 3286} 3287@media (min-width: 768px) { 3288 .btn-login { 3289 font-size: 16px; 3290 line-height: 16px; 3291 } 3292 .box-slide { 3293 padding: 0 24px 0; 3294 } 3295 .main-gc .eventHot .title-slide { 3296 padding-left: 2px; 3297 } 3298 .main-gc .eventHot { 3299 padding: 16px 24px 24px; 3300 } 3301 .fixBox { 3302 width: 768px; 3303 margin: 0 auto; 3304 padding: 0 24px; 3305 } 3306 .slide-gc .title-slide { 3307 margin-left: 24px; 3308 } 3309 .slide-gc > .slide-gc-pagination { 3310 padding-right: 24px; 3311 } 3312 .header-image { 3313 max-height: 300px; 3314 border-radius: 0 0 22px 22px; 3315 height: 300px; 3316 } 3317 .fixed-gc-nav { 3318 height: 56px; 3319 } 3320 .fixed-gc-nav-link { 3321 padding-top: 16px; 3322 } 3323 .fixed-gc-nav-select { 3324 padding-top: 16px; 3325 } 3326 .header-image .top-img { 3327 height: 56px; 3328 } 3329 .cards-list, 3330 .noti-lists { 3331 display: grid; 3332 grid-gap: 0 16px; 3333 grid-template-columns: calc(50% - 8px) calc(50% - 8px); 3334 width: 100%; 3335 } 3336 .gc-listgame { 3337 display: grid; 3338 grid-gap: 0 40px; 3339 grid-template-columns: repeat(2, 1fr); 3340 } 3341} 3342.gc-box-info-game { 3343 max-width: 370px; 3344 margin: auto; 3345 margin-top: -90px; 3346} 3347#gc-page .gc-box-item:last-child { 3348 margin-bottom: 16px; 3349} 3350.box-fixed-bottom:before { 3351 display: block; 3352 position: absolute; 3353 content: ''; 3354 width: 50px; 3355 height: 8px; 3356 top: -14px; 3357 background: #fff; 3358 border-radius: 10px; 3359 left: 50%; 3360 margin-left: -25px; 3361} 3362.line-bg { 3363 display: block; 3364 width: 100%; 3365 height: 4px; 3366 max-width: 768px; 3367 margin: 0 auto; 3368 background: #f3f4f4; 3369} 3370.arrange-content .checkcontainer, 3371.filter-box-content .checkcontainer { 3372 margin-right: 24px; 3373} 3374.list-game-filter .game-gc { 3375 color: #1a1a1a; 3376 font-weight: 600; 3377 font-size: 14px; 3378} 3379.game-content { 3380 padding: 0 16px; 3381 background: #fff; 3382} 3383@media (min-width: 768px) { 3384 .box { 3385 max-width: 768px; 3386 padding: 0 24px; 3387 margin: 0 auto; 3388 } 3389 .fixCen { 3390 width: 768px; 3391 padding: 0; 3392 } 3393 .box-list-card { 3394 grid-template-columns: repeat(4, 1fr); 3395 grid-gap: 10px; 3396 } 3397 .box-status-line { 3398 padding: 16px 0; 3399 } 3400 .form-get-gc { 3401 padding: 8px 24px; 3402 } 3403 .breadcrumb { 3404 padding: 24px 0 0; 3405 } 3406 .new-content { 3407 padding: 16px 10px; 3408 padding-bottom: 60px; 3409 } 3410 .box-bottom-title img { 3411 margin-left: 10px; 3412 } 3413 .common-box.list-gc-box { 3414 padding: 0 24px; 3415 } 3416 .common-box { 3417 width: 100%; 3418 clear: both; 3419 } 3420 .list-action { 3421 width: 100%; 3422 padding: 10px 24px; 3423 clear: both; 3424 } 3425 .common-list { 3426 margin: 0 -8px; 3427 } 3428 .common-item { 3429 width: 33.333333333%; 3430 padding: 0 8px; 3431 } 3432 .item-gc { 3433 width: calc(50%); 3434 float: left; 3435 } 3436 .play-button { 3437 font-size: 14px; 3438 text-transform: uppercase; 3439 } 3440 .box-h { 3441 position: absolute; 3442 transform: translate(-50%); 3443 left: 50%; 3444 z-index: 2; 3445 height: 56px; 3446 line-height: 100px; 3447 } 3448 .header-top { 3449 height: 56px; 3450 position: relative;
3451 z-index: 10; 3452 background: #f3f4f4; 3453 } 3454 .btn-back { 3455 left: 24px; 3456 } 3457 .btn-filter, 3458 .btn-noti { 3459 right: 24px; 3460 } 3461 .main .fixCen { 3462 padding: 0; 3463 } 3464 .main { 3465 margin-top:100px; 3466 } 3467 .logo { 3468 z-index: 3; 3469 left: 24px; 3470 margin-left: 0; 3471 top: 50%; 3472 margin-top: -18.5px; 3473 width: 80px; 3474 height: 40px; 3475 } 3476 .boxlogin { 3477 position: absolute; 3478 top: 50%; 3479 right: 24px; 3480 z-index: 3; 3481 margin-top: -10px; 3482 } 3483 .box-redirect { 3484 padding-left: 150px; 3485 padding-right: 150px; 3486 } 3487 .redi { 3488 height: 88px; 3489 margin-right: 24px; 3490 width: calc((100% - 48px) / 3); 3491 max-width: 140px; 3492 } 3493 .redi .in { 3494 width: 36px; 3495 height: 36px; 3496 top: 10px; 3497 } 3498 .redi .in img { 3499 width: 100%; 3500 height: 100%; 3501 } 3502 .redi .text { 3503 bottom: 10px; 3504 font-size: 14px; 3505 } 3506 .ripple .down .num-star::before { 3507 top: 4px; 3508 } 3509 .swiper-wrapper1 .swiper-slide { 3510 margin-bottom: 16px; 3511 width: calc((100% - 15px * 3) / 4); 3512 margin-right: 15px; 3513 } 3514 .swiper-wrapper1 .swiper-slide:nth-child(2n) { 3515 margin-right: 15px; 3516 } 3517 .swiper-wrapper1 .swiper-slide:nth-child(4n) { 3518 margin-right: 0; 3519 } 3520 .box-cnhd a { 3521 width: 20%; 3522 margin: 0; 3523 height: 55px; 3524 text-align: left; 3525 padding-top: 0; 3526 line-height: 55px; 3527 padding-left: 70px; 3528 } 3529 .box-cnhd a:before { 3530 content: ''; 3531 display: block; 3532 width: 30px; 3533 height: 30px; 3534 position: absolute; 3535 top: 12px; 3536 margin-left: 0; 3537 left: 25%; 3538 } 3539 .swiper-slide .name { 3540 font-size: 14px; 3541 margin-bottom: 3px; 3542 } 3543 .game { 3544 font-size: 13px; 3545 } 3546 .in img { 3547 width: 100%; 3548 } 3549 .box-cnhd a { 3550 font-size: 13px; 3551 } 3552 .swiper-slide a img { 3553 transition: all 0.4s; 3554 border: 1px solid #f3f4f4; 3555 } 3556 .ctrl-tabs { 3557 display: flex; 3558 padding: 16px 24px; 3559 } 3560 .list-gc-game .item-gc { 3561 margin-top: 10px; 3562 } 3563 .list-gc-game .item-gc .arrow { 3564 right: 10px; 3565 } 3566 .btnbt-2 .noti-num { 3567 top: 8px; 3568 left: 50px; 3569 } 3570 .payment-method-thumb { 3571 left: -40px; 3572 } 3573 .order-box-content { 3574 padding: 16px; 3575 } 3576 .mission-checkbox { 3577 flex-direction: row; 3578 } 3579} 3580@media (min-width: 900px) { 3581 .logo { 3582 top: 50%; 3583 margin-top: -18.5px; 3584 left: 24px; 3585 } 3586 .dropbtn2 { 3587 display: block; 3588 padding: 0; 3589 font-size: 14px; 3590 width: 90px; 3591 height: 32px; 3592 background: linear-gradient(270deg, #ff753a 0, #fb5f14 100%); 3593 border-radius: 4px; 3594 margin-top: 0; 3595 color: #fff; 3596 text-align: center; 3597 line-height: 32px; 3598 } 3599 .boxlogin { 3600 top: 50%; 3601 right: 24px; 3602 margin-top: -5px; 3603 } 3604 .box-h { 3605 position: absolute; 3606 transform: translate(-50%); 3607 left: 50%; 3608 z-index: 2; 3609 height: 56px; 3610 line-height: 100px; 3611 } 3612 .header-top { 3613 height: 56px; 3614 background: #f3f4f4; 3615 } 3616 a.block-ql { 3617 font-size: 16px; 3618 height: 138px; 3619 padding-top: 27px; 3620 } 3621 .banner { 3622 max-width: 768px; 3623 width: 100%; 3624 margin: 0 auto; 3625 } 3626} 3627@media (min-width: 1024px) { 3628 html { 3629 background: #e5e5e5; 3630 } 3631 .content-wrapper, 3632 .footer { 3633 width: 768px; 3634 margin: 0 auto; 3635 background: #f3f4f4; 3636 } 3637 #header-wrapper { 3638 background: #e5e5e5; 3639 } 3640} 3641@media screen and (min-width: 375px) { 3642 .footer .bq { 3643 font-size: 14px; 3644 letter-spacing: -0.2px; 3645 } 3646} 3647.login-w { 3648 background: #fff; 3649 min-height: 100vh; 3650 max-width: 768px; 3651 margin: auto; 3652 position: relative; 3653 font-family: Open Sans; 3654} 3655.l_logo { 3656 padding: 12px 0; 3657 position: relative; 3658} 3659.l_back { 3660 display: block; 3661 background: url(https://cdn.smobgame.com/templates/9play/images/gc-phase2/btn-back.svg) 50% 50% no-repeat; 3662 width: 40px; 3663 height: 33px; 3664 position: absolute; 3665 top: 12px; 3666 left: 0; 3667} 3668.l_logo span { 3669 display: block; 3670 width: 106px; 3671 height: 33px; 3672 background: url(https://cdn.smobgame.com/templates/9play/images/gc-phase2/funid1.svg) no-repeat; 3673 background-size: contain; 3674 background-position: center; 3675 margin: auto; 3676} 3677.l_form { 3678 padding: 24px 16px; 3679 max-width: 480px; 3680 margin: 0 auto; 3681} 3682.form-txt { 3683 text-align: center; 3684 margin-bottom: 24px; 3685} 3686.form-txt a { 3687 color: #767676; 3688 font-size: 16px; 3689 line-height: 24px; 3690 width: 49.4%; 3691 text-align: center; 3692 display: inline-block; 3693 position: relative; 3694 height: 35px; 3695} 3696.form-txt a:hover { 3697 color: #ff753a; 3698} 3699.form-txt a:last-of-type { 3700 margin-right: 0; 3701} 3702.form-txt a.active { 3703 color: #ff753a; 3704 font-weight: 600; 3705} 3706.form-txt a.active:before { 3707 content: '';
3708 display: block; 3709 width: 120px; 3710 height: 2px; 3711 background: #ff753a; 3712 position: absolute; 3713 bottom: 0; 3714 left: 50%; 3715 margin-left: -60px; 3716} 3717.mb_16 { 3718 margin-bottom: 16px; 3719} 3720.mb_8 { 3721 margin-bottom: 8px; 3722} 3723.form-input { 3724 position: relative; 3725} 3726.icon_eye { 3727 position: absolute; 3728 width: 24px; 3729 height: 24px; 3730 background: url(https://cdn.smobgame.com/templates/9play/images/gc-phase2/icon_eye.svg) no-repeat; 3731 background-size: auto; 3732 background-position: center; 3733 top: 8px; 3734 right: 12px; 3735} 3736.icon_eye_close { 3737 position: absolute; 3738 width: 24px; 3739 height: 24px; 3740 background: url(https://cdn.smobgame.com/templates/9play/images/gc-phase2/icon_eye_close.svg) no-repeat; 3741 background-size: auto; 3742 background-position: center; 3743 top: 8px; 3744 right: 12px; 3745} 3746.form-input input { 3747 border: 1px solid #d6d6d6; 3748 border-radius: 4px; 3749 width: 100%; 3750 overflow: hidden; 3751 height: 40px; 3752 font-size: 14px; 3753 color: #1a1a1a; 3754 padding: 0 12px; 3755} 3756.form-input input:focus { 3757 border-color: #ff753a; 3758 box-shadow: 0 0 1px 0 #ff753a; 3759} 3760.login-w::-webkit-input-placeholder { 3761 color: #bbb; 3762} 3763.login-w:-ms-input-placeholder { 3764 color: #bbb; 3765} 3766.login-w::placeholder { 3767 color: #bbb; 3768} 3769.form-error input { 3770 border-color: #da1e28 !important; 3771 box-shadow: 0 0 1px 0 #da1e28 !important; 3772} 3773.form-qmk { 3774 display: block; 3775 color: #ff753a; 3776 font-size: 12px; 3777 line-height: 18px; 3778 text-align: right; 3779} 3780.btn_gradient { 3781 background: linear-gradient(270deg, #ed3812, #fb5f14, #ed3812); 3782 background-position: 0 200%; 3783 transition: 0.5s; 3784 -webkit-transition: 0.5s; 3785 -moz-transition: 0.5s; 3786 background-size: 200%; 3787 background-position: 0 0; 3788} 3789.btn_gradient:hover { 3790 background-position: 100% 0; 3791} 3792.btn_submit { 3793 margin: 24px 0 8px; 3794 font-family: Open Sans !important; 3795} 3796.f_btn { 3797 color: #fff; 3798 font-size: 14px; 3799 line-height: 40px; 3800 height: 40px; 3801 display: block; 3802 width: 100%; 3803 border-radius: 4px; 3804 outline: 0; 3805 box-shadow: none; 3806 text-align: center; 3807 font-size: 14px; 3808 line-height: 14px; 3809 font-family: Open Sans; 3810 font-style: normal; 3811 font-weight: 400; 3812} 3813.btn_fb { 3814 cursor: pointer; 3815 background: linear-gradient(90deg, #4867aa, #6a84bf, #4867aa); 3816 position: relative; 3817 transition: 0.5s; 3818 -webkit-transition: 0.5s; 3819 -moz-transition: 0.5s; 3820 background-size: 200%; 3821 background-position: 0 0; 3822 position: relative; 3823} 3824.btn_fb:hover { 3825 background-position: 100% 0; 3826} 3827.btn_fb span { 3828 width: 10px; 3829 height: 20px; 3830 background: url(https://cdn.smobgame.com/templates/9play/images/gc-phase2/icon_fb.svg) no-repeat; 3831 display: block; 3832 position: absolute; 3833 top: 10px; 3834 left: 16px; 3835 z-index: 5; 3836} 3837.alert_erorr { 3838 color: #da1e28; 3839 line-height: 18px; 3840 font-size: 12px; 3841 width: 100%; 3842 padding-left: 20px; 3843 position: relative; 3844 margin-top: 4px; 3845} 3846.alert_erorr span { 3847 width: 16px; 3848 height: 16px; 3849 background: url(https://cdn.smobgame.com/templates/9play/images/gc-phase2/icon_note.svg) no-repeat; 3850 background-size: auto; 3851 background-position: center; 3852 position: absolute; 3853 display: block; 3854 top: 1px; 3855 left: 0; 3856} 3857.rs { 3858 margin: 0; 3859 padding: 0; 3860} 3861.form-mk-p { 3862 color: #767676; 3863 font-size: 12px; 3864 line-height: 16px; 3865 padding-left: 28px; 3866 position: relative; 3867 margin-top: 16px; 3868 margin-bottom: 15px; 3869} 3870.form-mk-p span { 3871 width: 20px; 3872 height: 20px; 3873 background: url(https://cdn.smobgame.com/templates/9play/images/gc-phase2/icon_clock.svg) no-repeat; 3874 background-size: auto; 3875 background-position: center; 3876 position: absolute; 3877 display: block; 3878 left: 0; 3879 top: -4px; 3880 z-index: 1; 3881} 3882.form-mk ul { 3883 list-style: none; 3884 padding-left: 30px; 3885} 3886.form-mk li { 3887 color: #767676; 3888 font-size: 12px; 3889 line-height: 16px; 3890 margin-bottom: 8px; 3891 position: relative; 3892} 3893.form-mk li::before { 3894 content: ''; 3895 width: 4px; 3896 height: 4px; 3897 background: #767676; 3898 border-radius: 50%; 3899 position: absolute; 3900 top: 6px; 3901 left: -21px; 3902 z-index: 1; 3903} 3904.form-mk li.done { 3905 color: #1a1a1a; 3906} 3907.form-mk li.done::before { 3908 width: 16px; 3909 height: 16px; 3910 background: url(https://cdn.smobgame.com/templates/9play/images/gc-phase2/icon_t
3910ick.svg) no-repeat; 3911 background-size: auto; 3912 background-position: center; 3913 top: 0; 3914 left: -27px; 3915} 3916.form-mk li.error { 3917 color: #da1e28; 3918} 3919.form-mk li.error::before { 3920 background: #da1e28; 3921} 3922.register-ok { 3923 padding: 104px 24px 24px; 3924} 3925.r-icon { 3926 width: 109px; 3927 height: 109px; 3928 background: url(https://cdn.smobgame.com/templates/9play/images/gc-phase2/icon_tick_ok.svg) no-repeat; 3929 margin: auto; 3930} 3931.r-h2 { 3932 color: #1a1a1a; 3933 font-size: 16px; 3934 line-height: 18px; 3935 font-weight: 600; 3936 text-align: center; 3937 margin: 20px 0 10px; 3938 text-align: center; 3939} 3940.r-p { 3941 font-size: 12px; 3942 line-height: 18px; 3943 color: #767676; 3944 text-align: center; 3945} 3946.r-btn { 3947 margin-top: 46px; 3948} 3949.error-message { 3950 display: flex; 3951 padding: 0 5px; 3952} 3953.error-message .error-icon { 3954 background-image: url(https://cdn.smobgame.com/templates/9play/images/gc-phase2/icon-error.svg); 3955 width: 24px; 3956 height: 24px; 3957} 3958.error-message .error-label { 3959 line-height: 24px; 3960 color: #fff; 3961 margin-left: 5px; 3962} 3963@media (min-width: 768px) { 3964 .f_btn { 3965 font-size: 16px; 3966 line-height: 16px; 3967 } 3968 .l_form { 3969 padding: 24px 16px; 3970 } 3971 .register-ok { 3972 padding-left: 150px; 3973 padding-right: 150px; 3974 } 3975 .r-h2 { 3976 font-size: 18px; 3977 line-height: 20px; 3978 } 3979 .r-p { 3980 font-size: 14px; 3981 line-height: 21px; 3982 } 3983} 3984.box-cnhd { 3985 display: block; 3986 width: 100%; 3987 position: fixed; 3988 bottom: 0; 3989 left: 0; 3990 z-index: 11; 3991} 3992.box-cnhd .fixCen { 3993 padding: 0; 3994 border-top: 1px solid #dadada; 3995 background: #fff; 3996 height: 56px; 3997} 3998.box-cnhd a { 3999 display: block; 4000 color: #8d8d8d; 4001 float: left; 4002 font-size: 1rem; 4003 width: 20%; 4004 margin: 0; 4005 height: 55px; 4006 position: relative; 4007 background: 0 0; 4008 text-align: center; 4009 padding-top: 36px; 4010 cursor: pointer; 4011} 4012.box-cnhd a:before { 4013 content: ''; 4014 display: block; 4015 width: 30px; 4016 height: 30px; 4017 position: absolute; 4018 top: 7px; 4019 left: 50%; 4020 margin-left: -15px; 4021} 4022.box-cnhd a.btnbt-1:before { 4023 background: url(/static/images/icon_menu1.svg) no-repeat; 4024 background-size: 100%; 4025} 4026.box-cnhd a.btnbt-2:before { 4027 background: url(/static/images/icon_menu2.svg) no-repeat; 4028 background-size: 100%; 4029} 4030.box-cnhd a.btnbt-3:before { 4031 background: url(/static/images/icon_menu3.svg) no-repeat; 4032 background-size: 100%; 4033} 4034.box-cnhd a.btnbt-4:before { 4035 background: url(/static/images/icon_menu4.svg) no-repeat; 4036 background-size: 100%; 4037} 4038.box-cnhd a.btnbt-5:before { 4039 background: url(/static/images/icon_menu5.svg) no-repeat; 4040 background-size: 100%; 4041} 4042.box-cnhd a.btnbt-1.active:before, 4043.box-cnhd a.btnbt-1:hover:before { 4044 background: url(/static/images/icon_menu1_active.svg) no-repeat; 4045 background-size: 100%; 4046} 4047.box-cnhd a.btnbt-2.active:before, 4048.box-cnhd a.btnbt-2:hover:before { 4049 background: url(/static/images/icon_menu2_active.svg) no-repeat; 4050 background-size: 100%; 4051} 4052.box-cnhd a.btnbt-3.active:before, 4053.box-cnhd a.btnbt-3:hover:before { 4054 background: url(/static/images/icon_menu3_active.svg) no-repeat; 4055 background-size: 100%; 4056} 4057.box-cnhd a.btnbt-4.active:before, 4058.box-cnhd a.btnbt-4:hover:before { 4059 background: url(/static/images/icon_menu4_active.svg) no-repeat; 4060 background-size: cover; 4061} 4062.box-cnhd a.btnbt-5.active:before, 4063.box-cnhd a.btnbt-5:hover:before { 4064 background: url(/static/images/icon_menu5_active.svg) no-repeat; 4065 background-size: 100%; 4066} 4067@media screen and (min-width: 768px) { 4068 html { 4069 font-size: 68.75%; 4070 } 4071 .box-cnhd a { 4072 width: 20%; 4073 margin: 0; 4074 height: 55px; 4075 text-align: left; 4076 padding-top: 0; 4077 line-height: 56px; 4078 padding-left: 70px; 4079 font-size: 1.2rem; 4080 } 4081 .box-cnhd a:before { 4082 content: ''; 4083 display: block; 4084 width: 30px; 4085 height: 30px; 4086 position: absolute; 4087 top: 1.2rem; 4088 margin-left: 0; 4089 left: 25%; 4090 } 4091 .input-code:focus { 4092 border-color: #ff753a; 4093 box-shadow: 0 0 1px 0 #ff753a; 4094 } 4095} 4096/** Modal */ 4097 4098.modal-overlay { 4099 position: fixed; 4100 top: 0px; 4101 left: 0px; 4102 right: 0px; 4103 bottom: 0px; 4104 background-color: rgba(0, 0, 0, 0.5); 4105 z-index: 99; 4106} 4107.user-info-modal-content { 4108 position: absolute; 4109 top: 100px; 4110 left: 50%; 4111 width: 90%; 4112 max-width: 400px; 4113 transform: translate(-50%, 0); 4114 border: 1px solid rgb(204, 204, 204); 4115 background: rgb(255, 255, 255); 4116 overflow: auto; 4117 border-radius: 8px; 4118 outline: none; 4119 padding: 16px 0 16px 16px; 4120 display: flex; 4121 flex-direction: column; 4122} 4123.user-info-modal-content .user-info { 4124 display: flex; 4125 align-items: center; 4126 margin-bottom: 20px; 4127} 4128.user-info-modal-content .user-info .username { 4129 font-weight: 600; 4130 font-size: 16px; 4131 line-height: 30px; 4132 margin-left: 9px; 4133 margin-right: 3px; 4134} 4135.user-info-modal-content .user-info .user-id { 4136 margin-left: 3px; 4137 color: #8e8e93; 4138 font-size: 14px; 4139} 4140.user-info-modal-content button { 4141 border: 1px solid #d1d1d6; 4142 border-radius: 6px; 4143 height: 44px;
4144 background-color: white; 4145 font-size: 15px; 4146 line-height: 44px; 4147 margin-bottom: 17px; 4148 margin-right: 16px; 4149} 4150.user-info-modal-content button:last-of-type { 4151 margin-bottom: 0; 4152} 4153.user-info-modal-content button a { 4154 display: block; 4155 height: 100%; 4156} 4157body.ReactModal__Body--open { 4158 overflow: hidden; 4159 position: relative; 4160} 4161body.ReactModal__Body--open #app { 4162 position: absolute; 4163 top: 0; 4164 bottom: 0; 4165 left: 0; 4166 right: 0; 4167 filter: blur(10px); 4168} 4169/* Homepage menu follow banner */ 4170 4171.menu-follow-banner { 4172 position: relative; 4173 width: 100%; 4174 height: 100%; 4175 background: #fff; 4176 margin: 0; 4177 padding: 20px 8px 16px; 4178 display: flex; 4179 justify-content: space-between; 4180 align-items: center; 4181} 4182.home-btn { 4183 width: 80px; 4184 height: 65px; 4185 font-size: 12px; 4186 color: #1a1a1a; 4187 text-align: center; 4188 border: 1px solid #e5e5ea; 4189 display: flex; 4190 flex-direction: column; 4191 align-items: center; 4192 justify-content: flex-end; 4193 padding-bottom: 7px; 4194 box-shadow: 0px 2px 4px rgba(68, 68, 68, 0.1), 0px 2px 8px rgba(68, 68, 68, 0.02); 4195 border-radius: 10.7295px; 4196} 4197.home-btn span { 4198 font-size: 12px; 4199 line-height: 20px; 4200 margin-top: 3px; 4201} 4202.swiper-slide a.gc-box-item { 4203 height: 88px; 4204 display: flex; 4205 align-items: center; 4206} 4207.swiper-slide div:first-of-type a.gc-box-item .gc-box-item-right { 4208 flex: 0 1 75%; 4209 padding: 0 12px; 4210} 4211.swiper-slide div:first-of-type a.gc-box-item .gc-box-item-right .wrapper { 4212 height: 100%; 4213 border-bottom: 1px solid #f2f2f2; 4214 padding: 12px 0; 4215} 4216.swiper-slide .gc-box-item-left { 4217 float: none; 4218 width: auto; 4219 height: auto; 4220 margin-right: 12px; 4221} 4222.swiper-slide .gc-box-item-right { 4223 width: auto; 4224 max-width: 75%; 4225 padding: 12px; 4226 align-self: flex-start; 4227} 4228.swiper-slide .icon-gc-hot img { 4229 border-radius: 16px; 4230} 4231.swiper-slide .gc-item-name { 4232 font-size: 15px; 4233 line-height: 20px; 4234 font-weight: normal; 4235 color: #000000; 4236} 4237.swiper-slide .gc-item-time { 4238 font-size: 14px; 4239 line-height: 20px; 4240 letter-spacing: -0.24px; 4241 color: #61616a; 4242} 4243.home-banner .swiper-container .swiper-slide { 4244 cursor: pointer; 4245 width: 90%; 4246 margin-right: 10px; 4247} 4248.home-banner .swiper-container .swiper-slide img { 4249 border-radius: 8px; 4250 border: 1px solid #f3f4f4; 4251} 4252.home-banner .swiper-container .swiper-slide:first-of-type { 4253 margin-left: 4.6%; 4254} 4255.home-banner .swiper-container.swiper-container-initialized .swiper-slide { 4256 margin-left: 0; 4257} 4258.item-gc-listgame-info { 4259 display: flex; 4260 align-items: center; 4261} 4262.ellipsis-2 { 4263 display: -webkit-box; 4264 -webkit-line-clamp: 2; 4265 -webkit-box-orient: vertical; 4266 overflow: hidden; 4267 text-overflow: ellipsis; 4268} 4269@media screen and (min-width: 768px) { 4270 .menu-follow-banner { 4271 padding: 20px 138px 24px; 4272 } 4273 .eventHot { 4274 padding: 0 0 24px 24px; 4275 } 4276} 4277</style> 4278<!-- Thêm thư viá»n Swiper JS --> 4279<link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css">
4280<script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>
4280 4281 4282 </head> 4283<div class="header-top" id="header-wrapper"> 4284 <div class="fixCen box-h" id="header-container"> 4285 <a class="logo" href="/"></a> 4286 4287 <div class="boxlogin"><a role="presentation" class="dropbtn dropbtn2" href="/login" style="cursor: pointer; right: 16px;top: 50%; margin-top:-10px">ÄÄng nháºp</a> 4288 </div> 4289 4290 </div> 4291</div> 4292 4293 4294
4294<script>window.location = "/login";</script>
4294 4295<body> 4296 <noscript>You need to enable JavaScript to run this app.</noscript> 4297 <div id="app"> 4298 <header id="header" class="header-shadow"> 4299 <div class="mui-appbar mui--appbar-line-height"> 4300 <div class="mui-container-fluid "> 4301 <div class="header-container"><a role="button" class="sidedrawer-toggle f-ico-back f-ico-arr-back spr click-animation" href="/">Back</a> 4302 <div class="mui--text-title f-txtheader"> 4303 <h1><a>Äá»i máºt khẩu</a></h1> 4304 </div> 4305 <div class="box-login-done"><a class="ico-avata no-indent F click-animation" role="button">F</a> 4306 <ul class="mui-dropdown__menu mui-dropdown__menu1 mui-dropdown__menu--right " style="top: 30px;"> 4307 <li><a><i class="ico-avata-min F avatar-letter">F</i> 4308 </a></li> 4309 <li><a role="button" style="cursor: pointer;"><i class="ico-logout"></i>Thoát</a></li> 4310 </ul> 4311 </div> 4312 </div> 4313 </div> 4314 </div> 4315 </header> 4316 <div class="mui--appbar-height"></div> 4317 <div class="fadepage fadepage-enter-done"> 4318 <div style="position: relative; width: 100%; padding-bottom: 48px; min-height: 577px;"> 4319 <div id="content-wrapper"> 4320 <div class="box-main"> 4321 <div class="fadepage fadepage-enter-done"> 4322 <div class="box-canhan"> 4323 <h3 class="rs tlt-dn">Thiết láºp máºt khẩu quản lý</h3> 4324 <p class="rs txt-dn">* Thay Äá»i máºt khẩu quản lý không ảnh hưá»ng Äến máºt khẩu game. 4325 <p class="rs txt-dn">* Cần thay Äá»i máºt khẩu game xin chá»n phÃa dưá»i Äá» và o giao diá»n cáºp nháºt máºt khẩu . 4326 <br><b>Tà i khoản: <font color="darkgreen"> </font></b> 4327 <br><b>Khuyến cáo</b>: Thông tin email, Äiá»n thoại chÃnh xác Äá» ÄÆ°á»£c há» trợ nhanh nhất khi gặp sá»± cá».</p> 4328 <button class="mui-btn f-btn-orage f-btn-100 btn-h40">Cáºp nháºt máºt khẩu quản lý<span class="mui-btn__ripple-container"><span class="mui-ripple"></span></span> 4329 </button> 4330 <div class="validatejs regis-form" > 4331 4332 <div class="tt-row"> 4333 <div class="mui-textfield mui-textfield--float-label "> 4334 <input class="mui--is-untouched mui--is-pristine" readonly autocomplete="off" name="username" id="username" type="text" value="" onclick="replaceCharacters() > 4335 </div> 4336 <p class="rs txt-err" style="margin-top: -10px;"> </p> 4337 </div> 4338 <div class="tt-row"> 4339 <div class="mui-textfield mui-textfield--float-label "> 4340 <input class="mui--is-untouched mui--is-pristine mui--is-empty" autocomplete="off" name="password" id="password" type="password"> 4341 <label tabindex="-1" style="transition: all 0.15s ease-out 0s;">Máºt khẩu cÅ©</label> 4342 </div> 4343 <a class="icon-shp" role="button" style="cursor: pointer;"></a> 4344 <p class="rs txt-err" style="margin-top: -10px;"> </p> 4345 </div> 4346 <div class="tt-row"> 4347 <div class="mui-textfield mui-textfield--float-label "> 4348 <input class="mui--is-untouched mui--is-pristine mui--is-empty" autocomplete="off" name="password_2" id="password_2" type="password" value=""> 4349 <label tabindex="-1" style="transition: all 0.15s ease-out 0s;">Máºt khẩu má»i</label> 4350 </div> 4351 <a class="icon-shp" role="button" style="cursor: pointer;"></a> 4352 <p class="rs txt-err" style="margin-top: -10px;"> </p> 4353 </div> 4354 <input class="mui--is-untouched mui--is-pristine mui--is-empty" autocomplete="off" name="jwt" id="jwt" type="text" value="" hidden> 4355 <button id="updatemkwweb" class="mui-btn f-btn-orage f-btn-100 btn-h40">Äá»i máºt khẩu quản lý<span class="mui-btn__ripple-container"><span class="mui-ripple"></span></span> 4356 </button> 4357 </div> 4358 <br><br> 4359 <a class="mui-btn f-btn-orage f-btn-100 btn-h40" href="capnhat.php?uid=">Cáºp nháºt máºt khẩu game<span class="mui-btn__ripple-container"><span class="mui-ripple"></span></span> 4360 </a> 4361 </div> 4362 </div> 4363 </div> 4364 </div> 4365 <footer id="footer"> 4366 <p class=" mui--text-left"><a href="https://khongminhtruyen.com" target="_blank" rel="noopener noreferrer" class="f-txtlink">CHplay</a><a href="https://khongminhtruyen.com/bao-loi" target="_blank" rel="noopener noreferrer" class="f-txtlink">Báo Lá»i</a><a href="#" target="_blank" rel="noopener noreferrer" class="f-txtlink">Äiá»u Khoản</a><a href="#" target="_blank" rel="noopener noreferrer" class="f-txtlink">Liên Há»</a></p> 4367 </footer>
4368 </div> 4369 </div> 4370 </div> 4371
4371<script> 4372 var Noti = function(type, msg) { 4373 toastr.options = { 4374 closeButton: true, 4375 progressBar: true, 4376 showMethod: 'slideDown', 4377 timeOut: 1500 4378 }; 4379 if (type == 2) 4380 cuteToast({ 4381 type: "success", 4382 message: msg, 4383 timeout: 5000 4384 }); 4385 else 4386 cuteToast({ 4387 type: "error", 4388 message: msg, 4389 timeout: 5000 4390 }); 4391 }; 4392 $("#updatemkwweb").on("click", function() { 4393 var username = $("#username").val(); 4394 var password = $("#password").val(); 4395 var newpassword = $("#password_2").val(); 4396 var game_id = $("#select-game").val(); 4397 4398 $.LoadingOverlay("show"); 4399 $.ajax({ 4400 type: "POST", 4401 dataType: "JSON", 4402 url: "./update.php", 4403 data: { 4404 type: 'update_password', 4405 username: $("#username").val(), 4406 password: $("#password").val(), 4407 newpassword: $("#password_2").val(), 4408 4409 4410 4411 }, 4412 success: function(res) { 4413 $.LoadingOverlay("hide"); 4414 Noti(res.status, res.msg); 4415 if (res.status == 2) { 4416 setTimeout(function() { 4417 window.location.href = "/payments/?uid="+; 4418 }, 1800); 4419 } else if (res.status == 1) { 4420 4421 4422 } 4423 } 4424 }); 4425 }); 4426 </script>
vendor: 1 bytes, line 4426
4426
4427<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"20d50c42e5244a62b0b7d184d73ebd46","r":1,"spa":2}' crossorigin="anonymous"></script>
4427 4428</body>
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.