@charset "utf-8";

.toppic_zg .world_cup{ padding:0 0 20px;}
.toppic_zg .world_cup .top{ width:100%;}
.toppic_zg .world_cup .top .bg1{ height:275px; background:url(../../img/topic/world_cup/1.jpg) no-repeat 50% 50%;}
.toppic_zg .world_cup .top .bg2{ height:275px; background:url(../../img/topic/world_cup/2.jpg) no-repeat 50% 50%;}
.toppic_zg .world_cup .top .bg2 .link{ padding:240px 0 0; font-size:18px; color:#fff;}
.toppic_zg .world_cup .top .bg2 .link a{ color:#fff;}
.toppic_zg .world_cup .bg3{ height:119px; background:url(../../img/topic/world_cup/3.jpg) no-repeat}
.toppic_zg .world_cup .bg4{ position:relative; height:665px; background:url(../../img/topic/world_cup/4.jpg) no-repeat}
.toppic_zg .world_cup .bg4 .shade{ position:absolute; left:0; top:0; width:1180px; height:665px; background: #000000; opacity:.8; filter:Alpha(Opacity=80);}
.toppic_zg .world_cup .bg4 .tips{ position:absolute; left:0; top:0; width:1180px; height:365px; padding:300px 0 0; font-size:30px; color:#fff; text-align:center;}
.toppic_zg .world_cup .bg5{ height:299px; background:url(../../img/topic/world_cup/5.jpg) no-repeat}

.toppic_zg .world_cup .tab{ height:70px; margin:-2px 0 0; background:#c53f46;}
.toppic_zg .world_cup .tab a{ float:left; display:inline-block; width:327px; height:54px; border:3px solid #060001; line-height:54px; font-size:30px; color:#fff; text-align:center;}
.toppic_zg .world_cup .tab a:hover{ height:64px; line-height:64px; text-decoration:none;}
.toppic_zg .world_cup .tab a.active{ height:64px; line-height:64px;}
.toppic_zg .world_cup .tab .road{ width:328px; background:#c53f46}
.toppic_zg .world_cup .tab .time{ background:#00b398}
.toppic_zg .world_cup .tab .prize{ background:#f07100}

.toppic_zg .world_cup .list{ padding:10px 0;}
.toppic_zg .world_cup .list .group{ float:left; display:inline; width:124px; border:1px solid #ededed; border-left:0;}
.toppic_zg .world_cup .list .group.bg{ background:#ededed;}
.toppic_zg .world_cup .list .group.first{ width:123px; border-left:1px solid #ededed;}
.toppic_zg .world_cup .list .group h3{ height:50px; line-height:50px; font-size:24px; font-weight:normal; text-align:center;}
.toppic_zg .world_cup .list .group ul li{ padding:0 0 30px 10px;}
.toppic_zg .world_cup .list .group ul li .img{ float:left; display:inline; width:31px; height:31px; margin:5px 0 0;}
.toppic_zg .world_cup .list .group ul li .text{ float:left; display:inline; width:80px; padding:0 0 0 2px;}
.toppic_zg .world_cup .list .group ul li .text p{ margin:0 0 4px; font-size:15px; font-weight:bold; color:#333;}
.toppic_zg .world_cup .list .group ul li .text a{ display:inline-block; width:17px; height:18px; margin: 0 4px 0 0; background:url(../../img/topic/world_cup/num.png) no-repeat; overflow:hidden;}
.toppic_zg .world_cup .list .group ul li .text .btn1{ background-position:0 0;}
.toppic_zg .world_cup .list .group ul li .text .btn1:hover{ background-position:0 -19px;}
.toppic_zg .world_cup .list .group ul li .text .btn1.active1{ background-position:0 -19px;}
.toppic_zg .world_cup .list .group ul li .text .btn2{ background-position:-18px 0;}
.toppic_zg .world_cup .list .group ul li .text .btn2:hover{ background-position:-18px -19px;}
.toppic_zg .world_cup .list .group ul li .text .btn2.active2{ background-position:-18px -19px;}

.toppic_zg .world_cup .schedule{ position:relative; width:830px; height:520px; padding:118px 0 0 85px;}
.toppic_zg .world_cup .schedule i span{ position:absolute; top:31px; left:-35px; width:100px; height:20px; line-height:16px; font-size:14px; font-weight:bold; font-style:normal; color:#fff; text-align:center;}
.toppic_zg .world_cup .schedule .button{ position:absolute; left:376px; top:550px; width:242px; height:70px;}
.toppic_zg .world_cup .schedule .button a{ display:block; width:242px; height:70px; line-height:70px; background:url(../../img/topic/world_cup/btn1.png) no-repeat; font-size:36px; font-weight:bold; color:#fff; text-align:center;}
.toppic_zg .world_cup .schedule .button a:hover{ background:url(../../img/topic/world_cup/btn2.png) no-repeat; text-decoration:none; color:#fff100;}
.toppic_zg .world_cup .schedule .total{ position:absolute; left:323px; top:550px; width:350px; height:70px; font-size:36px; font-weight:bold; color:#fff; text-align:center;}
.toppic_zg .world_cup .schedule .total b{ color:#fff100;}

.toppic_zg .world_cup .schedule .win{ position:absolute; left:483px; top:260px; width:31px; height:31px; cursor:pointer;}

.toppic_zg .world_cup .schedule .left{ position:absolute; top:118px; left:85px; width:415px; height:480px;}
.toppic_zg .world_cup .schedule .left .win21{ position:absolute; left:347px; top:228px; width:31px; height:31px; cursor:pointer;}

.toppic_zg .world_cup .schedule .left .match4{ position:relative; width:415px; height:240px;}
.toppic_zg .world_cup .schedule .left .match4 .win41{ position:absolute; left:233px; top:100px; width:31px; height:31px; cursor:pointer;}
.toppic_zg .world_cup .schedule .left .match4 .win42{ position:absolute; left:231px; top:122px; width:31px; height:31px; cursor:pointer;}

.toppic_zg .world_cup .schedule .left .match8{ position:relative; width:415px; height:120px;}
.toppic_zg .world_cup .schedule .left .match8 .win81{ position:absolute; left:107px; top:32px; width:31px; height:31px; cursor:pointer;}
.toppic_zg .world_cup .schedule .left .match8 .win82{ position:absolute; left:106px; top:46px; width:31px; height:31px; cursor:pointer;}
.toppic_zg .world_cup .schedule .left .match8 .win83{ position:absolute; left:106px; top:50px; width:31px; height:31px; cursor:pointer;}
.toppic_zg .world_cup .schedule .left .match8 .win84{ position:absolute; left:106px; top:64px; width:31px; height:31px; cursor:pointer;}

.toppic_zg .world_cup .schedule .left .match16{ position:relative; width:415px; height:60px;}
.toppic_zg .world_cup .schedule .left .match16 i{ position:absolute; left:6px; width:31px; height:31px; cursor:pointer;}
.toppic_zg .world_cup .schedule .left .match16 .win1a{ top:1px;}
.toppic_zg .world_cup .schedule .left .match16 .win2b{ top:0;}
.toppic_zg .world_cup .schedule .left .match16 .win1c{ left:5px; top:15px;}
.toppic_zg .world_cup .schedule .left .match16 .win2d{ left:5px; top:9px;}
.toppic_zg .world_cup .schedule .left .match16 .win1e{ left:5px; top:22px;}
.toppic_zg .world_cup .schedule .left .match16 .win2f{ left:5px; top:16px;}
.toppic_zg .world_cup .schedule .left .match16 .win1g{ left:5px; top:31px;}
.toppic_zg .world_cup .schedule .left .match16 .win2h{ left:5px; top:29px;}


.toppic_zg .world_cup .schedule .right{ position:absolute; top:118px; left:500px; width:415px; height:480px;}
.toppic_zg .world_cup .schedule .right .win22{ position:absolute; right:350px; top:228px; width:31px; height:31px; cursor:pointer;}

.toppic_zg .world_cup .schedule .right .match4{ position:relative; width:415px; height:240px;}
.toppic_zg .world_cup .schedule .right .match4 .win43{ position:absolute; right:235px; top:100px; width:31px; height:31px; cursor:pointer;}
.toppic_zg .world_cup .schedule .right .match4 .win44{ position:absolute; right:236px; top:122px; width:31px; height:31px; cursor:pointer;}

.toppic_zg .world_cup .schedule .right .match8{ position:relative; width:415px; height:120px;}
.toppic_zg .world_cup .schedule .right .match8 .win85{ position:absolute; right:120px; top:34px; width:31px; height:31px; cursor:pointer;}
.toppic_zg .world_cup .schedule .right .match8 .win86{ position:absolute; right:120px; top:47px; width:31px; height:31px; cursor:pointer;}
.toppic_zg .world_cup .schedule .right .match8 .win87{ position:absolute; right:120px; top:50px; width:31px; height:31px; cursor:pointer;}
.toppic_zg .world_cup .schedule .right .match8 .win88{ position:absolute; right:120px; top:64px; width:31px; height:31px; cursor:pointer;}

.toppic_zg .world_cup .schedule .right .match16{ position:relative; width:415px; height:60px;}
.toppic_zg .world_cup .schedule .right .match16 i{ position:absolute; right:9px; width:31px; height:31px; cursor:pointer;}
.toppic_zg .world_cup .schedule .right .match16 .win1b{ top:1px;}
.toppic_zg .world_cup .schedule .right .match16 .win2a{ top:0;}
.toppic_zg .world_cup .schedule .right .match16 .win1d{ top:15px;}
.toppic_zg .world_cup .schedule .right .match16 .win2c{ top:9px;}
.toppic_zg .world_cup .schedule .right .match16 .win1f{ top:24px;}
.toppic_zg .world_cup .schedule .right .match16 .win2e{ top:19px;}
.toppic_zg .world_cup .schedule .right .match16 .win1h{ top:31px;}
.toppic_zg .world_cup .schedule .right .match16 .win2g{ top:27px;}


.toppic_zg .world_cup .table{ padding:20px 0 0;}
.toppic_zg .world_cup .table h2{ height:37px; padding:1px 0 0; background:#434343;}
.toppic_zg .world_cup .table h2 b{ display:block; width:150px; height:32px; margin:0 0 0 423px; border:2px solid #060001; line-height:32px; font-size:24px; color:#fff; text-align:center;}
.toppic_zg .world_cup .table h2 b.brown{ background:#793800;}
.toppic_zg .world_cup .table h2 b.yellow{ background:#f08300;}
.toppic_zg .world_cup .table h2 b.cyan{ background:#00b398;}
.toppic_zg .world_cup .table h2 b.blue{ background:#0075c2;}
.toppic_zg .world_cup .table h2 b.pink{ background:#eb6878;}
.toppic_zg .world_cup .table table{ color:#333;}
.toppic_zg .world_cup .table tr.line td{ border-bottom:1px solid #ccc;}
.toppic_zg .world_cup .table th{ height:26px; background:#d2d2d2; font-size:16px; font-weight:normal;}
.toppic_zg .world_cup .table td{ height:36px; font-size:16px; text-align:center;}
.toppic_zg .world_cup .table td.clash{ color:#793800;}
.toppic_zg .world_cup .table td.clash b{ margin:0 3px; color:#cc0000;}



.toppic_zg .world_cup .bg11{ height:333px; background:url(../../img/topic/world_cup/11.jpg) no-repeat;}
.toppic_zg .world_cup .bg12{ height:384px; background:url(../../img/topic/world_cup/12.jpg) no-repeat;}
.toppic_zg .world_cup .bg13{ height:462px; background:url(../../img/topic/world_cup/13.jpg) no-repeat;}
.toppic_zg .world_cup .bg14{ height:462px; background:url(../../img/topic/world_cup/14.jpg) no-repeat;}
.toppic_zg .world_cup .list11{ margin:0 35px; padding:15px 0; border:1px solid #cacaca; background:#f7f7f7; font-size:18px;}
.toppic_zg .world_cup .list11 table{ float:left; _display:inline; width:434px; margin:0 0 0 30px; line-height:36px; text-align:center;}