├── bugs.txt ├── README.md ├── common.css ├── index.html └── index2.html /bugs.txt: -------------------------------------------------------------------------------- 1 | 我修改了这些bugs -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # worldcupmf 2 | 腾讯网移动端H5页面设计实战分享之赛程魔方 3 | -------------------------------------------------------------------------------- /common.css: -------------------------------------------------------------------------------- 1 | * { 2 | margin: 0; 3 | padding: 0; 4 | } 5 | 6 | ul, ol { 7 | list-style: none; 8 | } 9 | 10 | body { 11 | font-size: 100%; 12 | font-family: Helvetica,STHeiti,Droid Sans Fallback; 13 | -webkit-text-size-adjust: 100%; 14 | -ms-text-size-adjust: 100%; 15 | -webkit-tap-highlight-color: rgba(0,0,0,0); 16 | } 17 | 18 | body, html{ 19 | width: 100%; 20 | height: 100%; 21 | position: relative; 22 | overflow: hidden; 23 | -webkit-backface-visibility: hidden; 24 | } 25 | 26 | .perspective { 27 | margin:0 auto; 28 | height:100%; 29 | } 30 | 31 | .load { 32 | position: absolute; 33 | top: 0px; 34 | left: 0px; 35 | right: 0px; 36 | bottom: 0px; 37 | width: 100%; 38 | height: 100%; 39 | background: #43812b; 40 | z-index: 1000; 41 | } 42 | .loadImg { 43 | position: absolute; 44 | left: 50%; 45 | top: 50%; 46 | width: 100px; 47 | height: 100px; 48 | margin: -50px 0 0 -50px; 49 | } 50 | 51 | .loadTxt { 52 | width: 100px; 53 | height: 50px; 54 | margin: 0px auto; 55 | line-height: 50px; 56 | text-align: center; 57 | color: #fff86b; 58 | font-size: 25px; 59 | font-family: Impact,Georgia,"Times New Roman", Times, serif; 60 | } 61 | 62 | .circle { 63 | background-color: rgba(0,0,0,0); 64 | border: 5px solid rgba(251,241,107,0.9); 65 | opacity: .9; 66 | border-right: 5px solid rgba(0,0,0,0); 67 | border-left: 5px solid rgba(0,0,0,0); 68 | border-radius: 50px; 69 | box-shadow: 0 0 35px #fbf49c; 70 | width: 50px; 71 | height: 50px; 72 | margin: 0 auto; 73 | -moz-animation: spinPulse 1s infinite ease-in-out; 74 | -webkit-animation: spinPulse 1s infinite linear; 75 | } 76 | 77 | .circle1 { 78 | background-color: rgba(0,0,0,0); 79 | border: 5px solid rgba(251,241,107,1); 80 | opacity: .9; 81 | border-left: 5px solid rgba(0,0,0,0); 82 | border-right: 5px solid rgba(0,0,0,0); 83 | border-radius: 50px; 84 | box-shadow: 0 0 15px #f4f0d1; 85 | width: 30px; 86 | height: 30px; 87 | margin: 0 auto; 88 | position: relative; 89 | top: -50px; 90 | -moz-animation: spinoffPulse 1s infinite linear; 91 | -webkit-animation: spinoffPulse 1s infinite linear; 92 | } 93 | 94 | .global { 95 | position: relative; 96 | height: 100%; 97 | width: 100%; 98 | /* overflow: hidden; */ 99 | -webkit-transform-style: preserve-3d; 100 | -webkit-backface-visibility: hidden; 101 | } 102 | 103 | .screen { 104 | -webkit-transform-style: preserve-3d; 105 | transform-style: preserve-3d; 106 | } 107 | 108 | .ease { 109 | -webkit-transition: all 1.0s ease-in-out; 110 | transition: all 1.0s ease-in-out; 111 | } 112 | 113 | .animated { 114 | -webkit-animation-duration: 1s; 115 | animation-duration: 1s; 116 | -webkit-animation-fill-mode: both; 117 | animation-fill-mode: both; 118 | } 119 | 120 | .layer { 121 | position: relative; 122 | overflow: hidden; 123 | } 124 | 125 | .global, .screen, .layer { 126 | z-index: 1; 127 | } 128 | 129 | .layer1 { 130 | position: relative; 131 | background: url(http://mat1.gtimg.com/sports/worldcup2014/match/page_1.jpg) top center no-repeat; 132 | background-size: cover; 133 | } 134 | 135 | .layer .inner { 136 | width: 100%; 137 | height: 100%; 138 | } 139 | 140 | .layer1 .hd { 141 | padding: 10px 30px; 142 | color: #9BC894; 143 | } 144 | 145 | .f12 { 146 | font-size: 12px; 147 | } 148 | 149 | .fl { 150 | float: left; 151 | } 152 | 153 | .fr { 154 | float: right; 155 | } 156 | 157 | .cf:after { 158 | content: ""; 159 | display: table; 160 | clear: both; 161 | } 162 | 163 | .layer1 .bd { 164 | position: absolute; 165 | left: 0; 166 | top: 7%; 167 | width: 100%; 168 | height: 100%; 169 | text-align: center; 170 | } 171 | 172 | img { 173 | display: inline-block; 174 | } 175 | 176 | .layer1 .animate .mofang { 177 | opacity: 1; 178 | animation: mofang 1.3s linear; 179 | -webkit-animation: mofang 1.3s linear; 180 | } 181 | 182 | .layer1 .ft { 183 | position: absolute; 184 | left: 0; 185 | bottom: 0; 186 | width: 100%; 187 | } 188 | 189 | .layer1 .ft .btn { 190 | position: relative; 191 | height: 37px; 192 | margin: 0 auto; 193 | text-align: center; 194 | color: #435d50; 195 | font: 16px/32px "微软雅黑"; 196 | } 197 | 198 | .layer1 .ft .btn1 { 199 | background: url(http://mat1.gtimg.com/sports/worldcup2014/match/btn_1.png) top center no-repeat; 200 | background-size: 222px 84px; 201 | } 202 | 203 | .layer1 .animate .btn { 204 | -webkit-animation-duration: 1s; 205 | animation-duration: 1s; 206 | -webkit-animation-fill-mode: both; 207 | animation-fill-mode: both; 208 | -webkit-animation-name: bounceIn; 209 | animation-name: bounceIn; 210 | } 211 | 212 | .layer1 .animate .btn1 { 213 | -webkit-animation-delay: 1.5s; 214 | } 215 | 216 | .layer1 .ft .btn2 { 217 | background: url(http://mat1.gtimg.com/sports/worldcup2014/match/btn_2.png) top center no-repeat; 218 | background-size: 277px 84px; 219 | } 220 | 221 | .layer1 .animate .btn2 { 222 | -webkit-animation-delay: 1s; 223 | } 224 | 225 | .layer1 .ft .btn3 { 226 | background: url(http://mat1.gtimg.com/sports/worldcup2014/match/btn_3.png) top center no-repeat; 227 | background-size: 320px 84px; 228 | } 229 | 230 | .layer1 .animate .btn3 { 231 | -webkit-animation-delay: 0.5s; 232 | } 233 | 234 | .layer1 .ft .btn4 { 235 | background: url(http://mat1.gtimg.com/sports/worldcup2014/match/btn_4.png) top center no-repeat #AEE433; 236 | background-size: 320px 84px; 237 | color: #268f11; 238 | } 239 | 240 | .layer1 .animate .btn4 { 241 | -webkit-animation-delay: 0s; 242 | } 243 | 244 | .layer1 .ft .btn:before { 245 | position: absolute; 246 | top: -9px; 247 | left: 50%; 248 | margin-left: 35px; 249 | content: ""; 250 | width: 51px; 251 | height: 12px; 252 | } 253 | 254 | .layer1 .ft .btn1:before { 255 | background: url(http://mat1.gtimg.com/sports/worldcup2014/match/btn_arr_1.png) no-repeat; 256 | background-size: 51px 12px; 257 | } 258 | 259 | .layer1 .ft .btn2:before { 260 | background: url(http://mat1.gtimg.com/sports/worldcup2014/match/btn_arr_2.png) no-repeat; 261 | background-size: 51px 12px; 262 | } 263 | 264 | .layer1 .ft .btn3:before { 265 | background: url(http://mat1.gtimg.com/sports/worldcup2014/match/btn_arr_3.png) no-repeat; 266 | background-size: 51px 12px; 267 | } 268 | 269 | .layer1 .ft .btn4:before { 270 | background: url(http://mat1.gtimg.com/sports/worldcup2014/match/btn_arr_4.png) no-repeat; 271 | background-size: 51px 12px; 272 | } 273 | 274 | .layer1 .animate .btnAnimate{ 275 | animation:btn 1s; 276 | -webkit-animation:btn 1s; 277 | } 278 | 279 | @keyframes btn{ 280 | 0% {height:37px;} 281 | 50% {height:84px;} 282 | 100% {height:37px;} 283 | } 284 | 285 | @-webkit-keyframes btn{ 286 | 0% {height:37px;} 287 | 50% {height:84px;} 288 | 100% {height:37px;} 289 | } 290 | 291 | /* storyshdow*/ 292 | .storyshdow { 293 | display: none; 294 | position: absolute; 295 | left: 0; 296 | top: 0; 297 | right: 0; 298 | bottom: 0; 299 | width: 100%; 300 | height: 100%; 301 | z-index: 11; 302 | background: rgba(0,0,0,0.5); 303 | } 304 | .storyshdow { 305 | background: rgba(0,0,0,0.6); 306 | } 307 | .storydialog { 308 | position: absolute; 309 | left: 50%; 310 | top: 50px; 311 | width: 270px; 312 | height: 308px; 313 | margin: 0 0 0 -135px; 314 | border-radius: 5px; 315 | background-color: #fff; 316 | opacity: 0; 317 | z-index: -1; 318 | -webkit-transform: translate3d(0,0,0); 319 | -webkit-transform-style: preserve-3d; 320 | -webkit-backface-visibility: hidden; 321 | } 322 | 323 | .storydialog { 324 | width: 300px; 325 | margin-left: -150px; 326 | top: 100px; 327 | border-radius: 0; 328 | height: auto; 329 | } 330 | 331 | .storydialog { 332 | left: 200%; 333 | } 334 | 335 | .dialog_index { 336 | z-index: 12; 337 | } 338 | 339 | .opacity { 340 | opacity: 1; 341 | } 342 | 343 | .dialog_index { 344 | left: 50%; 345 | } 346 | .full_screen { 347 | position: absolute; 348 | margin-left: 0; 349 | top: 0; 350 | left: 0; 351 | width: 100%; 352 | text-align: center; 353 | background-color: #78B245; 354 | z-index: 12; 355 | overflow: hidden; 356 | } 357 | 358 | .full_screen .link { 359 | position: absolute; 360 | left: 0; 361 | top: 380px; 362 | width: 100%; 363 | text-align: center; 364 | overflow: hidden; 365 | } 366 | 367 | .full_screen .close { 368 | position: absolute; 369 | right: 12px; 370 | top: 12px; 371 | width: 35px; 372 | height: 35px; 373 | background-color: #04A7DE; 374 | background: url(http://mat1.gtimg.com/sports/worldcup2014/match/zh_close.png) no-repeat; 375 | background-size: 35px 35px; 376 | } 377 | 378 | .bounceIn { 379 | -webkit-animation-name: bounceIn; 380 | animation-name: bounceIn; 381 | } 382 | 383 | @-moz-keyframes spinPulse { 384 | 0% { -moz-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px #2187e7;} 385 | 50% { -moz-transform:rotate(145deg); opacity:1; } 386 | 100% { -moz-transform:rotate(-320deg); opacity:0; } 387 | } 388 | @-moz-keyframes spinoffPulse { 389 | 0% { -moz-transform:rotate(0deg); } 390 | 100% { -moz-transform:rotate(360deg); } 391 | } 392 | @-webkit-keyframes spinPulse { 393 | 0% { -webkit-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px #2187e7; } 394 | 50% { -webkit-transform:rotate(145deg); opacity:1;} 395 | 100% { -webkit-transform:rotate(-320deg); opacity:0; } 396 | } 397 | @-webkit-keyframes spinoffPulse { 398 | 0% { -webkit-transform:rotate(0deg); } 399 | 100% { -webkit-transform:rotate(360deg); } 400 | } 401 | 402 | @-webkit-keyframes mofang { 403 | 0%, 404 | 50% { -webkit-transform: scale(0);opacity: 0.5;} 405 | 70% { -webkit-transform: scale(1.5);opacity: 0.8;} 406 | 80% { -webkit-transform: scale(0.8) rotate(180);opacity: 1;} 407 | 100% { -webkit-transform: scale(1.2);} 408 | } 409 | 410 | @-webkit-keyframes bounceIn { 411 | 0% { 412 | opacity: 0; 413 | -webkit-transform: scale(.3); 414 | transform: scale(.3); 415 | } 416 | 417 | 50% { 418 | opacity: 1; 419 | -webkit-transform: scale(1.05); 420 | transform: scale(1.05); 421 | } 422 | 423 | 70% { 424 | -webkit-transform: scale(.9); 425 | transform: scale(.9); 426 | } 427 | 428 | 100% { 429 | opacity: 1; 430 | -webkit-transform: scale(1); 431 | transform: scale(1); 432 | } 433 | } 434 | 435 | @keyframes bounceIn { 436 | 0% { 437 | opacity: 0; 438 | -webkit-transform: scale(.3); 439 | -ms-transform: scale(.3); 440 | transform: scale(.3); 441 | } 442 | 443 | 50% { 444 | opacity: 1; 445 | -webkit-transform: scale(1.05); 446 | -ms-transform: scale(1.05); 447 | transform: scale(1.05); 448 | } 449 | 450 | 70% { 451 | -webkit-transform: scale(.9); 452 | -ms-transform: scale(.9); 453 | transform: scale(.9); 454 | } 455 | 456 | 100% { 457 | opacity: 1; 458 | -webkit-transform: scale(1); 459 | -ms-transform: scale(1); 460 | transform: scale(1); 461 | } 462 | } 463 | 464 | @-webkit-keyframes bounceIn { 465 | 0% { 466 | opacity: 0; 467 | -webkit-transform: scale(.3); 468 | transform: scale(.3); 469 | } 470 | 471 | 50% { 472 | opacity: 1; 473 | -webkit-transform: scale(1.05); 474 | transform: scale(1.05); 475 | } 476 | 477 | 70% { 478 | -webkit-transform: scale(.9); 479 | transform: scale(.9); 480 | } 481 | 482 | 100% { 483 | opacity: 1; 484 | -webkit-transform: scale(1); 485 | transform: scale(1); 486 | } 487 | } 488 | 489 | @keyframes bounceIn { 490 | 0% { 491 | opacity: 0; 492 | -webkit-transform: scale(.3); 493 | -ms-transform: scale(.3); 494 | transform: scale(.3); 495 | } 496 | 497 | 50% { 498 | opacity: 1; 499 | -webkit-transform: scale(1.05); 500 | -ms-transform: scale(1.05); 501 | transform: scale(1.05); 502 | } 503 | 504 | 70% { 505 | -webkit-transform: scale(.9); 506 | -ms-transform: scale(.9); 507 | transform: scale(.9); 508 | } 509 | 510 | 100% { 511 | opacity: 1; 512 | -webkit-transform: scale(1); 513 | -ms-transform: scale(1); 514 | transform: scale(1); 515 | } 516 | } 517 | 518 | .screen_x90 { 519 | -webkit-transform: rotateY(0deg) rotateX(90deg); 520 | transform: rotateY(0deg) rotateX(90deg); 521 | } 522 | 523 | .layer2{ 524 | background-color: #f9ffe7; 525 | position: relative; 526 | } 527 | 528 | .hd_bd { 529 | border-width: 30px 15px 0 15px; 530 | border-style: solid; 531 | position: relative; 532 | text-align: center; 533 | line-height: 30px; 534 | position: relative; 535 | z-index: 2; 536 | } 537 | 538 | .layer2 .hd_bd { 539 | color: #435d50; 540 | border-color: #FFF transparent transparent transparent; 541 | } 542 | 543 | .layer2 .hd_bd { 544 | border-color: #FFF #55b852 #55b852 #55b852; 545 | border-width: 30px 15px 8px 15px; 546 | } 547 | 548 | .hd_bd .tit { 549 | color: #435d50; 550 | font-size: 18px; 551 | position: absolute; 552 | width: 100%; 553 | top: -30px; 554 | left: 0; 555 | } 556 | #js_tab_menu { 557 | background-color: #55b852; 558 | height: 30px; 559 | border-bottom: 4px solid #faf848; 560 | padding: 0 9px 0 14px; 561 | } 562 | 563 | #js_tab_menu li { 564 | display: block; 565 | float: left; 566 | height: 30px; 567 | text-align: center; 568 | width: 25%; 569 | position: relative; 570 | } 571 | 572 | #js_tab_menu li span { 573 | position: absolute; 574 | display: block; 575 | height: 30px; 576 | font-size: 18px; 577 | color: #fff; 578 | line-height: 30px; 579 | top: 0; 580 | left: 0; 581 | width: 100%; 582 | height: 34px; 583 | } 584 | 585 | #js_tab_menu .on span { 586 | background: url(http://mat1.gtimg.com/sports/worldcup2014/match/tab_on.png) no-repeat; 587 | background-size: 100% 100%; 588 | color: #117d0e; 589 | } 590 | 591 | #js_tab_contents .conitem { 592 | display: none; 593 | position: absolute; 594 | padding-top: 19px; 595 | top: 72px; 596 | bottom: 35px; 597 | width: 100%; 598 | } 599 | 600 | #wrap_box, #wrap_box_2 { 601 | position: absolute; 602 | overflow: hidden; 603 | top: 0; 604 | bottom: 0; 605 | width: 100%; 606 | } 607 | 608 | #scroller_1, #scroller_2 { 609 | padding: 20px 0; 610 | position: absolute; 611 | z-index: 1; 612 | -webkit-tap-highlight-color: rgba(0,0,0,0); 613 | width: 100%; 614 | -webkit-transform: translateZ(0); 615 | -moz-transform: translateZ(0); 616 | -ms-transform: translateZ(0); 617 | -o-transform: translateZ(0); 618 | transform: translateZ(0); 619 | -webkit-touch-callout: none; 620 | -webkit-user-select: none; 621 | -moz-user-select: none; 622 | -ms-user-select: none; 623 | user-select: none; 624 | -webkit-text-size-adjust: none; 625 | -moz-text-size-adjust: none; 626 | -ms-text-size-adjust: none; 627 | -o-text-size-adjust: none; 628 | text-size-adjust: none; 629 | } 630 | 631 | #js_tab_contents .bg { 632 | width: auto; 633 | position: absolute; 634 | top: 0; 635 | right: 0; 636 | } 637 | 638 | #js_tab_contents .one .bg { 639 | height: 747px; 640 | } 641 | 642 | .layer2 .item { 643 | float: left; 644 | width: 33%; 645 | height: 25%; 646 | text-align: center; 647 | color: #3C3C3C; 648 | } 649 | 650 | .conitem .item { 651 | height: 70px; 652 | width: 231px; 653 | border: 1px solid #ecf6cd; 654 | background-color: #fff; 655 | margin-left: 17px; 656 | } 657 | 658 | .layer2 .animate .item { 659 | -webkit-animation-duration: 0.5s; 660 | animation-duration: 0.5s; 661 | -webkit-animation-fill-mode: both; 662 | animation-fill-mode: both; 663 | -webkit-animation-name: flag; 664 | animation-name: flag; 665 | } 666 | 667 | @-webkit-keyframes flag{ 668 | 0%{-webkit-transform:scale(0);} 669 | 100%{-webkit-transform:scale(1);} 670 | } 671 | @keyframes flag{ 672 | 0%{-webkit-transform:scale(0);} 673 | 100%{-webkit-transform:scale(1);} 674 | } 675 | 676 | .conitem .item .num { 677 | display: block; 678 | width: 20px; 679 | height: 20px; 680 | position: absolute; 681 | top: 25px; 682 | left: -7px; 683 | background-color: #55b852; 684 | color: #fff; 685 | font: 15px/20px'Arial'; 686 | } 687 | .country_list { 688 | display: block; 689 | padding-left: 22px; 690 | float: left; 691 | padding-top: 4px; 692 | width: 118px; 693 | } 694 | .country_list li { 695 | height: 30px; 696 | line-height: 30px; 697 | text-align: left; 698 | } 699 | .country_list li span { 700 | color: #435d50; 701 | } 702 | 703 | .country_list .flag { 704 | display: inline-block; 705 | height: 17px; 706 | width: 17px; 707 | float: left; 708 | margin: 3px 8px 0 0; 709 | } 710 | 711 | .country_list .flag img { 712 | height: 17px; 713 | width: 17px; 714 | } 715 | 716 | .country_list .score { 717 | float: right; 718 | } 719 | 720 | .country_list .first .score { 721 | color: #39a436; 722 | } 723 | 724 | .conitem .item .des { 725 | float: right; 726 | width: 70px; 727 | margin-right: 20px; 728 | padding-top: 5px; 729 | } 730 | .conitem .item .state { 731 | display: inline-block; 732 | background-color: #a5a5a5; 733 | color: #fff; 734 | } 735 | .conitem .not_start .state { 736 | background-color: #55b852; 737 | } 738 | 739 | .mt25 { 740 | margin-top: 25px; 741 | } 742 | 743 | .mt36 { 744 | margin-top: 36px; 745 | } 746 | 747 | #js_tab_contents .two .bg{ 748 | width: auto; 749 | position: absolute; 750 | top: 0; 751 | right: 0; 752 | } 753 | 754 | #js_tab_contents .three .bg { 755 | height: 150px; 756 | } 757 | 758 | #js_tab_contents .four .bg { 759 | height: 171px; 760 | } 761 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 招商银行特约世界杯赛程魔方 7 | 8 | 9 | 10 | 11 |
12 | 19 |
20 |
21 |
22 |
23 |
24 | 出品:腾讯体育 25 | 创意:腾讯网设计中心 26 |
27 |
28 | 31 |

32 | 赛程 33 |

34 |
35 | 魔方 36 |
37 |
38 |
39 |
淘汰赛赛程
40 |
分组赛程
41 |
完全赛程
42 |
招行网银7.0交易送足彩
43 |
44 |
45 |
46 |
47 |
48 |
淘汰赛赛程
49 |
50 |
51 |
    52 |
  • 1/8决赛
    • 53 |
  • 1/4决赛
    • 54 |
  • 半决赛
    • 55 |
  • 决赛
    • 56 |
57 |
58 |
59 | 60 |
61 |
62 |
63 | 64 |
65 |
66 | 49 67 |
    68 |
  • 巴西
    • 69 |
  • 智利
    • 70 |
71 |
72 |

6月29日

73 |

00:00

74 |

4-3

75 |
76 |
77 |
78 | 50 79 |
    80 |
  • 哥伦比亚
    • 81 |
  • 乌拉圭
    • 82 |
83 |
84 |

6月29日

85 |

04:00

86 |

2-0

87 |
88 |
89 |
90 | 51 91 |
    92 |
  • 荷兰
    • 93 |
  • 墨西哥
    • 94 |
95 |
96 |

6月30日

97 |

00:00

98 |

2-1

99 |
100 |
101 |
102 | 52 103 |
    104 |
  • 哥斯达黎加
    • 105 |
  • 希腊
    • 106 |
107 |
108 |

6月30日

109 |

04:00

110 |

6-4

111 |
112 |
113 |
114 | 53 115 |
    116 |
  • 法国
    • 117 |
  • 尼日利亚
    • 118 |
119 |
120 |

7月1日

121 |

00:00

122 |

2-0

123 |
124 |
125 |
126 | 54 127 |
    128 |
  • 德国
    • 129 |
  • 阿尔及利亚
    • 130 |
131 |
132 |

7月1日

133 |

04:00

134 |

2-1

135 |
136 |
137 |
138 | 55 139 |
    140 |
  • 阿根廷
    • 141 |
  • 瑞士
    • 142 |
143 |
144 |

7月2日

145 |

00:00

146 |

1-0

147 |
148 |
149 |
150 | 56 151 |
    152 |
  • 比利时
    • 153 |
  • 美国
    • 154 |
155 |
156 |

7月2日

157 |

04:00

158 |

2-1

159 |
160 |
161 |
162 |
163 |
164 |
165 | 166 | 223 | 224 | 253 | 254 | 283 |
284 |
285 |
286 | 287 |
288 |
289 |
290 |
291 |
292 |
293 |
294 | 305 | 306 | 352 | 353 | 354 | -------------------------------------------------------------------------------- /index2.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 招商银行特约世界杯赛程魔方 7 | 8 | 9 | 305 | 306 | 307 |
308 |
309 |
310 |
loading
311 |
312 |
313 |
314 |
315 |
316 |
317 |
318 |
319 |
320 | 出品:腾讯体育 321 | 创意:腾讯网设计中心 322 |
323 |
324 | 327 |

328 | 赛程 329 |

330 |
331 | 魔方 332 |
333 |
334 |
335 |
淘汰赛赛程
336 |
分组赛程
337 |
完全赛程
338 |
招行网银7.0交易送足彩
339 |
340 |
341 |
342 |
343 |
344 |
淘汰赛赛程
345 |
346 |
347 |
    348 |
  • 1/8决赛
    • 349 |
  • 1/4决赛
    • 350 |
  • 半决赛
    • 351 |
  • 决赛
    • 352 |
353 |
354 |
355 | 356 |
357 |
358 |
359 | 360 |
361 |
362 | 49 363 |
    364 |
  • 巴西
    • 365 |
  • 智利
    • 366 |
367 |
368 |

6月29日

369 |

00:00

370 |

4-3

371 |
372 |
373 |
374 | 50 375 |
    376 |
  • 哥伦比亚
    • 377 |
  • 乌拉圭
    • 378 |
379 |
380 |

6月29日

381 |

04:00

382 |

2-0

383 |
384 |
385 |
386 | 51 387 |
    388 |
  • 荷兰
    • 389 |
  • 墨西哥
    • 390 |
391 |
392 |

6月30日

393 |

00:00

394 |

2-1

395 |
396 |
397 |
398 | 52 399 |
    400 |
  • 哥斯达黎加
    • 401 |
  • 希腊
    • 402 |
403 |
404 |

6月30日

405 |

04:00

406 |

6-4

407 |
408 |
409 |
410 | 53 411 |
    412 |
  • 法国
    • 413 |
  • 尼日利亚
    • 414 |
415 |
416 |

7月1日

417 |

00:00

418 |

2-0

419 |
420 |
421 |
422 | 54 423 |
    424 |
  • 德国
    • 425 |
  • 阿尔及利亚
    • 426 |
427 |
428 |

7月1日

429 |

04:00

430 |

2-1

431 |
432 |
433 |
434 | 55 435 |
    436 |
  • 阿根廷
    • 437 |
  • 瑞士
    • 438 |
439 |
440 |

7月2日

441 |

00:00

442 |

1-0

443 |
444 |
445 |
446 | 56 447 |
    448 |
  • 比利时
    • 449 |
  • 美国
    • 450 |
451 |
452 |

7月2日

453 |

04:00

454 |

2-1

455 |
456 |
457 |
458 |
459 |
460 |
461 | 462 | 519 | 520 | 549 | 550 | 579 |
580 |
581 |
582 | 583 |
584 |
585 |
586 |
587 |
588 |
589 |
分组赛程
590 |
591 |
    592 |
  • A组
    • 593 |
  • B组
    • 594 |
  • C组
    • 595 |
  • D组
    • 596 | 597 |
  • E组
    • 598 |
  • F组
    • 599 |
  • G组
    • 600 |
  • H组
    • 601 |
602 |
603 |
604 |
605 |
606 |
607 |
608 |
世界杯完全赛程
609 |
610 |
611 |
612 | 613 |
614 |
615 |
616 |
617 |
    618 |
  • 619 | 620 | 621 |
    622 | 623 |

    星期五

    624 |
    625 |
    626 | 627 |
    628 |
    4:00
    629 |
    630 |
    631 | 632 | 01 633 | 634 | 巴西 3-1 克罗地亚HOT 635 |
    636 | 凌晨起床看完揭幕战，洗洗去上班。 637 |
    638 |
    639 | 640 |
    641 |
    • 642 | 643 |
  • 644 | 645 | 646 |
    647 | 648 |

    星期六

    649 |
    650 |
    651 | 652 |
    653 |
    0:00
    654 |
    655 |
    656 | 657 | 02 658 | 659 | 墨西哥 1-0 喀麦隆 660 |
    661 | 662 |
    663 |
    664 | 665 |
    666 |
    3:00
    667 |
    668 |
    669 | 670 | 03 671 | 672 | 西班牙 1-5 荷兰HOT 673 |
    674 | 周末真好，约上好友刷夜看球，清晨5点开始补觉。 675 |
    676 |
    677 | 678 |
    679 |
    6:00
    680 |
    681 |
    682 | 683 | 04 684 | 685 | 智利 3-1 澳大利亚 686 |
    687 | 688 |
    689 |
    690 | 691 |
    692 |
    • 693 | 694 |
  • 695 | 696 | 697 |
    698 | 699 |

    星期日

    700 |
    701 |
    702 | 703 |
    704 |
    0:00
    705 |
    706 |
    707 | 708 | 05 709 | 710 | 哥伦比亚 3-0 希腊 711 |
    712 | 713 |
    714 |
    715 | 716 |
    717 |
    3:00
    718 |
    719 |
    720 | 721 | 06 722 | 723 | 乌拉圭 1-3 哥斯达黎加 724 |
    725 | 726 |
    727 |
    728 | 729 |
    730 |
    6:00
    731 |
    732 |
    733 | 734 | 07 735 | 736 | 英格兰 1-2 意大利HOT 737 |
    738 | 周日起大早，英意大战绝对不能错过。 739 |
    740 |
    741 | 742 |
    743 |
    9:00
    744 |
    745 |
    746 | 747 | 08 748 | 749 | 科特迪瓦 2-1 日本HOT 750 |
    751 | 英意大战没过瘾，接着研究日本队. 752 |
    753 |
    754 | 755 |
    756 |
    • 757 | 758 |
  • 759 | 760 | 761 |
    762 | 763 |

    星期一

    764 |
    765 |
    766 | 767 |
    768 |
    0:00
    769 |
    770 |
    771 | 772 | 09 773 | 774 | 瑞士 2-1 厄瓜多尔 775 |
    776 | 777 |
    778 |
    779 | 780 |
    781 |
    3:00
    782 |
    783 |
    784 | 785 | 10 786 | 787 | 法国 3-0 洪都拉斯HOT 788 |
    789 | 铁杆法国球迷辛苦，后半夜看球，看完天快亮，还能睡个回笼觉，别忘了上闹钟。 790 |
    791 |
    792 | 793 |
    794 |
    6:00
    795 |
    796 |
    797 | 798 | 11 799 | 800 | 阿根廷 2-1 波黑HOT 801 |
    802 | 看完8点，赶着上班，别迟到哦。 803 |
    804 |
    805 | 806 |
    807 |
    • 808 | 809 |
  • 810 | 811 | 812 |
    813 | 814 |

    星期二

    815 |
    816 |
    817 | 818 |
    819 |
    0:00
    820 |
    821 |
    822 | 823 | 12 824 | 825 | 德国 4-0 葡萄牙HOT 826 |
    827 | 劲旅对战，不能错过，约上三五好友，酒吧看球最是过瘾。 828 |
    829 |
    830 | 831 |
    832 |
    3:00
    833 |
    834 |
    835 | 836 | 13 837 | 838 | 伊朗 0-0 尼日利亚 839 |
    840 | 841 |
    842 |
    843 | 844 |
    845 |
    6:00
    846 |
    847 |
    848 | 849 | 14 850 | 851 | 加纳 1-2 美国HOT 852 |
    853 | 854 |
    855 |
    856 | 857 |
    858 |
    • 859 | 860 |
  • 861 | 862 | 863 |
    864 | 865 |

    星期三

    866 |
    867 |
    868 | 869 |
    870 |
    0:00
    871 |
    872 |
    873 | 874 | 15 875 | 876 | 比利时 2-1 阿尔及利亚 877 |
    878 | 879 |
    880 |
    881 | 882 |
    883 |
    3:00
    884 |
    885 |
    886 | 887 | 16 888 | 889 | 巴西 0-0 墨西哥HOT 890 |
    891 | 后半夜看球最是辛苦，5点完赛，小眯一会儿还得去上班。 892 |
    893 |
    894 | 895 |
    896 |
    6:00
    897 |
    898 |
    899 | 900 | 17 901 | 902 | 俄罗斯 1-1 韩国HOT 903 |
    904 | 早起看这场球，得用怎样的理由来推动自己起身呢？ 905 |
    906 |
    907 | 908 |
    909 |
    • 910 | 911 |
  • 912 | 913 | 914 |
    915 | 916 |

    星期四

    917 |
    918 |
    919 | 920 |
    921 |
    0:00
    922 |
    923 |
    924 | 925 | 18 926 | 927 | 澳大利亚 2-3 荷兰HOT 928 |
    929 | 夜猫子生物钟毫无压力，看球睡觉两不误。 930 |
    931 |
    932 | 933 |
    934 |
    3:00
    935 |
    936 |
    937 | 938 | 19 939 | 940 | 西班牙 0-2 智利HOT 941 |
    942 | 让西班牙和智利成为起床的动力吧！ 943 |
    944 |
    945 | 946 |
    947 |
    6:00
    948 |
    949 |
    950 | 951 | 20 952 | 953 | 喀麦隆 0-4 克罗地亚 954 |
    955 | 956 |
    957 |
    958 | 959 |
    960 |
    • 961 | 962 |
  • 963 | 964 | 965 |
    966 | 967 |

    星期五

    968 |
    969 |
    970 | 971 |
    972 |
    0:00
    973 |
    974 |
    975 | 976 | 21 977 | 978 | 哥伦比亚 2-1 科特迪瓦 979 |
    980 | 981 |
    982 |
    983 | 984 |
    985 |
    3:00
    986 |
    987 |
    988 | 989 | 22 990 | 991 | 乌拉圭 2-1 英格兰HOT 992 |
    993 | 3点-5点，最好睡的时段，辛苦了，球迷！ 994 |
    995 |
    996 | 997 |
    998 |
    6:00
    999 |
    1000 |
    1001 | 1002 | 23 1003 | 1004 | 日本 0-0 希腊HOT 1005 |
    1006 | 冒着迟到的危险早起看这场球，值得吗？ 1007 |
    1008 |
    1009 | 1010 |
    1011 |
    • 1012 | 1013 |
  • 1014 | 1015 | 1016 |
    1017 | 1018 |

    星期六

    1019 |
    1020 |
    1021 | 1022 |
    1023 |
    0:00
    1024 |
    1025 |
    1026 | 1027 | 24 1028 | 1029 | 意大利 0-1 哥斯达黎加 1030 |
    1031 | 意大利球迷们，这又是呼朋引伴深夜外出happy的节奏哇。 1032 |
    1033 |
    1034 | 1035 |
    1036 |
    3:00
    1037 |
    1038 |
    1039 | 1040 | 25 1041 | 1042 | 瑞士 2-5 法国HOT 1043 |
    1044 | 周六看球毫无压力，但是要确保3点被闹钟成功闹醒哦。 1045 |
    1046 |
    1047 | 1048 |
    1049 |
    6:00
    1050 |
    1051 |
    1052 | 1053 | 26 1054 | 1055 | 洪都拉斯 1-2 厄瓜多尔 1056 |
    1057 | 1058 |
    1059 |
    1060 | 1061 |
    1062 |
    • 1063 | 1064 |
  • 1065 | 1066 | 1067 |
    1068 | 1069 |

    星期日

    1070 |
    1071 |
    1072 | 1073 |
    1074 |
    0:00
    1075 |
    1076 |
    1077 | 1078 | 27 1079 | 1080 | 阿根廷 1-0 伊朗HOT 1081 |
    1082 | 阿根廷球迷们的聚会之夜。 1083 |
    1084 |
    1085 | 1086 |
    1087 |
    3:00
    1088 |
    1089 |
    1090 | 1091 | 28 1092 | 1093 | 德国 2-2 加纳HOT 1094 |
    1095 | 德国球迷辛苦了，明天要上班，闹钟一定要设定起床看球和起床上班两个时段哦。 1096 |
    1097 |
    1098 | 1099 |
    1100 |
    6:00
    1101 |
    1102 |
    1103 | 1104 | 29 1105 | 1106 | 尼日利亚 1-0 波黑 1107 |
    1108 | 1109 |
    1110 |
    1111 | 1112 |
    1113 |
    • 1114 | 1115 |
  • 1116 | 1117 | 1118 |
    1119 | 1120 |

    星期一

    1121 |
    1122 |
    1123 | 1124 |
    1125 |
    0:00
    1126 |
    1127 |
    1128 | 1129 | 30 1130 | 1131 | 比利时 1-0 俄罗斯 1132 |
    1133 | 1134 |
    1135 |
    1136 | 1137 |
    1138 |
    3:00
    1139 |
    1140 |
    1141 | 1142 | 31 1143 | 1144 | 韩国 2-4 阿尔及利亚 1145 |
    1146 | 这是一边看一边喷评论的比赛啊，爱评论的小伙伴们不能错过，别忘了为这深夜的聚会点上啤酒和炸鸡。 1147 |
    1148 |
    1149 | 1150 |
    1151 |
    6:00
    1152 |
    1153 |
    1154 | 1155 | 32 1156 | 1157 | 美国 2-2 葡萄牙HOT 1158 |
    1159 | 当新奥尔良鸡翅遇到葡式蛋挞…… 1160 |
    1161 |
    1162 | 1163 |
    1164 |
    • 1165 | 1166 |
  • 1167 | 1168 | 1169 |
    1170 | 1171 |

    星期二

    1172 |
    1173 |
    1174 | 1175 |
    1176 |
    0:00
    1177 |
    1178 |
    1179 | 1180 | 33 1181 | 1182 | 澳大利亚 0-3 西班牙 1183 |
    1184 | 开启了两场同赛的节奏，西班牙球迷和荷兰球迷都在零点看球了，家里的姑娘会不会抓狂？ 1185 |
    1186 |
    1187 | 1188 |
    1189 |
    0:00
    1190 |
    1191 |
    1192 | 1193 | 34 1194 | 1195 | 荷兰 2-0 智利HOT 1196 |
    1197 | 1198 |
    1199 |
    1200 | 1201 |
    1202 |
    4:00
    1203 |
    1204 |
    1205 | 1206 | 35 1207 | 1208 | 喀麦隆 1-4 巴西HOT 1209 |
    1210 | 巴西球迷，卖乖的时候到了，6点看完球，给全家人买早餐去吧。 1211 |
    1212 |
    1213 | 1214 |
    1215 |
    4:00
    1216 |
    1217 |
    1218 | 1219 | 36 1220 | 1221 | 克罗地亚 1-3 墨西哥 1222 |
    1223 | 1224 |
    1225 |
    1226 | 1227 |
    1228 |
    • 1229 | 1230 |
  • 1231 | 1232 | 1233 |
    1234 | 1235 |

    星期三

    1236 |
    1237 |
    1238 | 1239 |
    1240 |
    0:00
    1241 |
    1242 |
    1243 | 1244 | 37 1245 | 1246 | 意大利 0-1 乌拉圭HOT 1247 |
    1248 | 意大利和英格兰球迷的家属们不妨一起出门喝酒聊八卦吧。 1249 |
    1250 |
    1251 | 1252 |
    1253 |
    0:00
    1254 |
    1255 |
    1256 | 1257 | 38 1258 | 1259 | 哥斯达黎加 0-0 英格兰 1260 |
    1261 | 1262 |
    1263 |
    1264 | 1265 |
    1266 |
    4:00
    1267 |
    1268 |
    1269 | 1270 | 39 1271 | 1272 | 日本 1-4 哥伦比亚HOT 1273 |
    1274 | 早起看完日本队比赛，然后给全家买早餐，这是怎样的节操啊。 1275 |
    1276 |
    1277 | 1278 |
    1279 |
    4:00
    1280 |
    1281 |
    1282 | 1283 | 40 1284 | 1285 | 希腊 2-1 科特迪瓦 1286 |
    1287 | 1288 |
    1289 |
    1290 | 1291 |
    1292 |
    • 1293 | 1294 |
  • 1295 | 1296 | 1297 |
    1298 | 1299 |

    星期四

    1300 |
    1301 |
    1302 | 1303 |
    1304 |
    0:00
    1305 |
    1306 |
    1307 | 1308 | 41 1309 | 1310 | 尼日利亚 2-3 阿根廷 1311 |
    1312 | 轮到阿根廷球迷家属半夜出门喝酒聊八卦了。 1313 |
    1314 |
    1315 | 1316 |
    1317 |
    0:00
    1318 |
    1319 |
    1320 | 1321 | 42 1322 | 1323 | 波黑 3-1 伊朗 1324 |
    1325 | 1326 |
    1327 |
    1328 | 1329 |
    1330 |
    4:00
    1331 |
    1332 |
    1333 | 1334 | 43 1335 | 1336 | 洪都拉斯 0-3 瑞士 1337 |
    1338 | 1339 |
    1340 |
    1341 | 1342 |
    1343 |
    4:00
    1344 |
    1345 |
    1346 | 1347 | 44 1348 | 1349 | 厄瓜多尔 0-0 法国HOT 1350 |
    1351 | 轮到法国球迷买早餐了。 1352 |
    1353 |
    1354 | 1355 |
    1356 |
    • 1357 | 1358 |
  • 1359 | 1360 | 1361 |
    1362 | 1363 |

    星期五

    1364 |
    1365 |
    1366 | 1367 |
    1368 |
    0:00
    1369 |
    1370 |
    1371 | 1372 | 45 1373 | 1374 | 美国 0-1 德国HOT 1375 |
    1376 | 零点看球的周五一定会觉得特别累，德国和葡萄牙球迷，要挺住。 1377 |
    1378 |
    1379 | 1380 |
    1381 |
    0:00
    1382 |
    1383 |
    1384 | 1385 | 46 1386 | 1387 | 葡萄牙 2-1 加纳HOT 1388 |
    1389 | 过了今天大局已定，世界杯将迈向新的阶段，想想，会不会有点小激动呢？ 1390 |
    1391 |
    1392 | 1393 |
    1394 |
    4:00
    1395 |
    1396 |
    1397 | 1398 | 47 1399 | 1400 | 韩国 0-1 比利时 1401 |
    1402 | 看完韩国比赛买早餐，相信所有人都会为这节操点23个赞。 1403 |
    1404 |
    1405 | 1406 |
    1407 |
    4:00
    1408 |
    1409 |
    1410 | 1411 | 48 1412 | 1413 | 阿尔及利亚 1-1 俄罗斯 1414 |
    1415 | 1416 |
    1417 |
    1418 | 1419 |
    1420 |
    • 1421 | 1422 |
  • 1423 | 1424 |
    八分之一决赛
    1425 | 1426 | 1427 |
    1428 | 1429 |

    星期日

    1430 |
    1431 |
    1432 | 1433 |
    1434 |
    0:00
    1435 |
    1436 |
    1437 | 1438 | 第49场 1439 |
    1440 | 巴西 1-1(3-2) 智利 1441 |
    1442 |
    1443 | 1444 |
    1445 |
    4:00
    1446 |
    1447 |
    1448 | 1449 | 第50场 1450 |
    1451 | 哥伦比亚 2-0 乌拉圭 1452 |
    1453 |
    1454 | 1455 |
    1456 |
    • 1457 | 1458 |
  • 1459 | 1460 | 1461 |
    1462 | 1463 |

    星期一

    1464 |
    1465 |
    1466 | 1467 |
    1468 |
    0:00
    1469 |
    1470 |
    1471 | 1472 | 第51场 1473 |
    1474 | 荷兰 2-1 墨西哥 1475 |
    1476 |
    1477 | 1478 |
    1479 |
    4:00
    1480 |
    1481 |
    1482 | 1483 | 第52场 1484 |
    1485 | 哥斯达黎加 1-1(5-3) 希腊 1486 |
    1487 |
    1488 | 1489 |
    1490 |
    • 1491 | 1492 |
  • 1493 | 1494 | 1495 |
    1496 | 1497 |

    星期二

    1498 |
    1499 |
    1500 | 1501 |
    1502 |
    0:00
    1503 |
    1504 |
    1505 | 1506 | 第53场 1507 |
    1508 | 法国 2-0 尼日利亚 1509 |
    1510 |
    1511 | 1512 |
    1513 |
    4:00
    1514 |
    1515 |
    1516 | 1517 | 第54场 1518 |
    1519 | 德国 2-1 阿尔及利亚 1520 |
    1521 |
    1522 | 1523 |
    1524 |
    • 1525 | 1526 |
  • 1527 | 1528 | 1529 |
    1530 | 1531 |

    星期三

    1532 |
    1533 |
    1534 | 1535 |
    1536 |
    0:00
    1537 |
    1538 |
    1539 | 1540 | 第55场 1541 |
    1542 | 阿根廷 1-0 瑞士 1543 |
    1544 |
    1545 | 1546 |
    1547 |
    4:00
    1548 |
    1549 |
    1550 | 1551 | 第56场 1552 |
    1553 | 比利时 2-1 美国 1554 |
    1555 |
    1556 | 1557 |
    1558 |
    • 1559 | 1560 |
  • 1561 | 1562 |
    四分之一决赛
    1563 | 1564 | 1565 |
    1566 | 1567 |

    星期六

    1568 |
    1569 |
    1570 | 1571 |
    1572 |
    4:00
    1573 |
    1574 |
    1575 | 1576 | 第57场 1577 |
    1578 | 巴西 2-1 哥伦比亚 1579 |
    1580 |
    1581 | 1582 |
    1583 |
    0:00
    1584 |
    1585 |
    1586 | 1587 | 第58场 1588 |
    1589 | 法国 0-1 德国 1590 |
    1591 |
    1592 | 1593 |
    1594 |
    • 1595 | 1596 |
  • 1597 | 1598 | 1599 |
    1600 | 1601 |

    星期日

    1602 |
    1603 |
    1604 | 1605 |
    1606 |
    4:00
    1607 |
    1608 |
    1609 | 1610 | 第59场 1611 |
    1612 | 荷兰 4-3 哥斯达黎加 1613 |
    1614 |
    1615 | 1616 |
    1617 |
    0:00
    1618 |
    1619 |
    1620 | 1621 | 第60场 1622 |
    1623 | 阿根廷 1-0 比利时 1624 |
    1625 |
    1626 | 1627 |
    1628 |
    • 1629 | 1630 |
  • 1631 | 1632 |
    半决赛
    1633 | 1634 | 1635 |
    1636 | 1637 |

    星期三

    1638 |
    1639 |
    1640 | 1641 |
    1642 |
    4:00
    1643 |
    1644 |
    1645 | 1646 | 第61场 1647 |
    1648 | 巴西 1-7 德国 1649 |
    1650 |
    1651 | 1652 |
    1653 |
    • 1654 | 1655 |
  • 1656 | 1657 | 1658 |
    1659 | 1660 |

    星期四

    1661 |
    1662 |
    1663 | 1664 |
    1665 |
    4:00
    1666 |
    1667 |
    1668 | 1669 | 第62场 1670 |
    1671 | 荷兰 VS 阿根廷 1672 |
    1673 |
    1674 | 1675 |
    1676 |
    • 1677 | 1678 |
  • 1679 | 1680 |
    季军赛
    1681 | 1682 | 1683 |
    1684 | 1685 |

    星期日

    1686 |
    1687 |
    1688 | 1689 |
    1690 |
    4:00
    1691 |
    1692 |
    1693 | 1694 | 第63场 1695 |
    1696 | 巴西 VS 62负者 1697 |
    1698 |
    1699 | 1700 |
    1701 |
    • 1702 | 1703 |
  • 1704 | 1705 |
    决赛
    1706 | 1707 | 1708 |
    1709 | 1710 |

    星期一

    1711 |
    1712 |
    1713 | 1714 |
    1715 |
    3:00
    1716 |
    1717 |
    1718 | 1719 | 第64场 1720 |
    1721 | 德国 VS 62胜者 1722 |
    1723 |
    1724 | 1725 |
    1726 |
    • 1727 |

  • 出品

1728 |
1729 |
1730 |
1731 |
1732 | 1736 |
1737 | 1738 |
1739 |
1740 |
1741 |
1742 |
1743 |
1744 |
1745 | 1756 | 1757 | 1809 | 1810 | 1811 | --------------------------------------------------------------------------------