blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,iframe,input,li,object,ol,p,pre,span,td,textarea,th,ul{padding:0;margin:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
ol,ul{list-style:none}
h1,h2,h3,h4,h5,h6{font-weight:400;font-size:100%}
body{background-color:#0d162c;font:16px/1.8 'Roboto',sans-serif}
a{text-decoration:none;-webkit-transition:color .4s;transition:color .4s}
a:active{outline:0}
img{border:0;vertical-align:middle;-ms-interpolation-mode:bicubic}
button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input::-moz-placeholder,textarea::-moz-placeholder{color:#b9b9b9}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#b9b9b9}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#b9b9b9}
input{outline:0;border:0;font-family:"Microsoft YaHei"}
textarea{overflow:auto;resize:none}
.clearfix:after{content:"";height:0;visibility:hidden;display:block;clear:both}
.clearfix{zoom:1}
.hide{display:none!important}
.fl{float:left}
.fr{float:right}
*{-webkit-tap-highlight-color:transparent;box-sizing: border-box;}
body,html{position:relative;width:100%;height:100%}
.full-bg{position:relative;max-width:1920px;height:100%;margin:0 auto}
.wrapper{width:1200px;margin:0 auto;position:relative;height:100%;padding:10px 0 0}
.swiper-main .swiper-slide{height:1080px;width:100%;position:relative}
.tit{background:url(https://hwimg.99.com/wtop/worldcup/images/t1.png) no-repeat center;height:142px;width: 440px;margin: 0 auto;position: relative;z-index: 10;}
.btn{display:block;margin:0 auto}
.bd .item{font-size:0;display:none}
.bd .item.active{display:block}
.logo{position: absolute;left: 120px;top: 13px;z-index: 10;}
.logo img{width:200px}
.login{display:flex;align-items:center;justify-content:center;position:absolute;top:60px;right:50%;margin-right: -580px; color:#fff;font-size:18px;text-align:center;line-height:93px;z-index:2;}
.login a{display: inline-block;*display:inline;*zoom:1; background:url("https://hwimg.99.com/wtop/worldcup/images/login.png") no-repeat center;width:105px;height:93px;color:#fff;padding-right: 5px;font-family: 'Anton';text-shadow: 0 0 4px #2346f3,0 0 4px #2346f3,0 0 4px #2346f3,0 0 4px #2346f3,0 0 4px #2346f3;}
.login a:hover{filter: brightness(1.2);}
.logined span,.logined {color:#1c2f90;text-shadow: 0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,0 0 4px #fff;}

.cd{position: absolute;right: 50%;margin-right: -506px; top: 315px;z-index: 10;width:44px;height: 66px; background: url(https://hw.99.com//uploads/allimg/eo/shandian1212.png) no-repeat 0 0/100%;}

.side-nav{position:fixed;z-index:50;top:195px;right:80px;width:99px;height:586px;-webkit-transition:all .2s;transition:all .2s;display:flex;align-items:center;justify-content:center;flex-direction:column;padding-top: 40px;opacity:0;visibility:hidden;}
.side-nav li{position: relative; width:193px;height:77px;margin-bottom:15px;background: url(https://hwimg.99.com/wtop/worldcup/images/nav.png) no-repeat center center;}
.side-nav li.active,.side-nav li:hover{background: url(https://hwimg.99.com/wtop/worldcup/images/nav-on.png) no-repeat center center;}
.side-nav li a{display: block;width: 100%;height: 100%;text-align: center;line-height: 79px; font-size: 18px; color:#fff;background-color: #000;-webkit-background-clip: text;-webkit-text-fill-color: #fff;-webkit-text-stroke: 4px transparent;}
.side-nav li a.home{background-color: #4a1909;padding-top: 60px;}
.side-nav li:nth-child(1){left: 22px;background: url(https://hwimg.99.com/wtop/worldcup/images/home.png) no-repeat center center;height: 110px;width: 108px;cursor: pointer;}
.side-nav li:nth-child(2){left: 31px;}
.side-nav li:nth-child(3){left: 12px;top: -24px;transform: rotate(-2deg);}
.side-nav li:nth-child(4){left: 31px;top: -41px;}
.side-nav li:nth-child(5){left: 26px;top: -61px;transform: rotate(-2deg);}
.side-nav .index{order:-1}
.side-nav.active{opacity:1;visibility:visible}
.side-nav .sub-nav{position: relative;left: 20px;display: none;}
.side-nav .sub-nav.show{display: block;}
.side-nav .sub-nav li{width: 148px;height: 50px;background: url(https://hwimg.99.com/wtop/worldcup/images/nav2.png) no-repeat;padding-top: 0;transform: rotate(2deg);margin-bottom: 2px;}
.side-nav .sub-nav li a{line-height: 13px; font-size: 15px;-webkit-text-stroke: 0px transparent;-webkit-text-fill-color: #000;display: flex;justify-content: center; align-items: center; width: 89%;margin: 0 auto;}
.side-nav .sub-nav li:nth-child(1),.side-nav .sub-nav li:nth-child(2),.side-nav .sub-nav li:nth-child(3){left: 0;top: 0;}
.side-nav .sub-nav li.active{background: url(https://hwimg.99.com/wtop/worldcup/images/nav2-on.png) no-repeat;}


.page1{background:url(https://hwimg.99.com/wtop/worldcup/images/p1.jpg) no-repeat center top/cover}
.page2{background:url(https://hwimg.99.com/wtop/worldcup/images/p2.jpg) no-repeat center top/cover}
.page3{background:url(https://hwimg.99.com/wtop/worldcup/images/p3.jpg) no-repeat center top/cover}
.page4{background:url(https://hwimg.99.com/wtop/worldcup/images/p4-1.jpg) no-repeat center top/cover}
.page4.stage2{background:url(https://hwimg.99.com/wtop/worldcup/images/p4-2.jpg) no-repeat center top/cover}
.page5{background:url(https://hwimg.99.com/wtop/worldcup/images/p5.jpg) no-repeat center top/cover}
.page6{background:url(https://hwimg.99.com/wtop/worldcup/images/p6.jpg) no-repeat center top/cover}
.page7{background:url(https://hwimg.99.com/wtop/worldcup/images/p7.jpg) no-repeat center top/cover}

.page3 .tit{background-image:url(https://hwimg.99.com/wtop/worldcup/images/t2.png);margin-top: 55px;}
.page4 .tit{background-image:url(https://hwimg.99.com/wtop/worldcup/images/t3.png);margin-top: 50px;}
.page5 .tit{background-image:url(https://hwimg.99.com/wtop/worldcup/images/t4.png);margin-top: 10px;}
.page6 .tit{background-image:url(https://hwimg.99.com/wtop/worldcup/images/t5.png);margin-top: 60px;}
.page7 .tit{background-image:url(https://hwimg.99.com/wtop/worldcup/images/t6.png);margin-top: 60px;}

@media screen and (max-width:1200px){.side-nav{display:none}}
.main{width:100%;height:100%}
.btn-detail{display:block;width:359px;height:81px;background:url(https://hwimg.99.com/wtop/worldcup/images/en/btn-detail.png) no-repeat}

.page1 .wrapper{width:1400px;position:relative}
.page1 .slg{width:990px;height:378px;background:url(https://hwimg.99.com/wtop/worldcup/images/slg.png) no-repeat;position:absolute;top:50%;left:50%;margin-left:-512px;margin-top:5px;display: none;}
.page1 .main{position: relative;width: 100%;height: 100%;}
.page1 video{position: absolute !important;top: 50% !important;left: 50% !important;transform: translate(-50%, -50%) !important;margin: 0 !important;padding: 0 !important;}
.page1 .nav{position:absolute;bottom:360px;right: 116px;width:800px;text-align:center}
.page1 .nav li+li{margin-left:10px}
.page1 .nav li:nth-child(2){top:40px}
.page1 .nav li:nth-child(3){top:-20px}
.page1 .nav li:nth-child(4){top:20px}
.page1 .nav li{position: relative; display:inline-block;*display:inline;*zoom:1;width:158px;height:153px;background:url(https://hwimg.99.com/wtop/worldcup/images/nav.png) no-repeat center}
.page1 .nav li:hover{background:url(https://hwimg.99.com/wtop/worldcup/images/nav-on.png) no-repeat center}
.page1 .nav li a{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;width:100%;height:100%;line-height: 153px;font-size:26px;margin:0;font-family: 'Berkshire Swash', cursive;color:#3a3f9a;text-shadow: 0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff;
 background-color: #fff;-webkit-background-clip: text;-webkit-text-fill-color: #3a3f9a;-webkit-text-stroke: 4px transparent;}
.page1 .nav li a.nav-4{line-height: 30px;padding-top:46px}

.page2 .content{font-size:0;text-align:center;width:1213px;height:1000px;position:relative;left: -38px;}
.stage1{position: relative; width: 1475px;height: 860px;background: url(https://hwimg.99.com/wtop/worldcup/images/cont-2-1.png) no-repeat; padding: 90px 120px;left: -112px;}
.stage1 .stage-content{height:676px; overflow-y: auto; box-sizing: border-box;padding-top: 25px;}
.stage1 .win{position: absolute;top: -20px;right: 85px;margin-left: -120px;width: 138px;height: 128px;background: url(https://hwimg.99.com/wtop/worldcup/images/win.png) no-repeat center center;cursor: pointer;animation: pulse 1.5s ease-in-out infinite;}
@keyframes pulse {
    0%, 100% {transform: scale(1);}
    50% {transform: scale(1.15);}
}
.group_pk{width: 393px;height: 250px;background: url(https://hwimg.99.com/wtop/worldcup/images/item.png) no-repeat 0 0/100% 100%;padding: 0px 5px;display: inline-block;*display:inline;*zoom:1;vertical-align: middle;padding-bottom: 8px;margin-bottom: 28px;}
.flag{display: flex;flex-wrap: wrap;justify-content: center;align-items: center;margin: -23px 0 10px 0;padding-top: 8px;width: 365px;height: 59px;background: url(https://hwimg.99.com/wtop/worldcup/images/item_head.png) no-repeat 0 0/100% 100%;}
.flag h3{color:#ffe84c;font-size: 25px;margin: 0 5px 0 -33px;font-family: 'Anton', cursive;}
.flag li{width: 38px;height: 27px;margin: 0 2px;}
.flag li img{width: 100%;height: 100%;object-fit: cover;}
.item_pk {width: 353px;margin: -1px auto 7px;position: relative;}
.item_pk li{position: relative;width: 353px;height: 29px; background: url(https://hwimg.99.com/wtop/worldcup/images/item_li.png) no-repeat 0 0/100% 100%;margin-bottom: 3px;text-align: left;padding: 5px 5px;line-height: 22px;color:#ff0e00}
.item_pk li span{color:#000;position: relative;z-index: 5;vertical-align: middle;}
.item_pk .winner{color:#fff;position: absolute;right: 5px;top:5px;z-index: 2; padding: 0 6px;line-height: 11px;height: 20px; width: 87px;text-align: center;    display: flex;flex-direction: column;justify-content: center;align-items: center;}
.group_pk:nth-child(2) .match-row-0 span:nth-child(3),.group_pk:nth-child(2) .match-row-2 span:nth-child(3){ display: inline-block;*display:inline;*zoom:1;width: 142px;line-height: 11px;}
/* .win-pk{display: none;} */
.win-pk li{margin: 35px 0;display: flex;justify-content: space-around;}
.win-pk img{width: 110px;border:2px solid #000}
.win-pk a{display: block;width: 142px;height: 147px;background: url(https://hwimg.99.com/wtop/worldcup/images/icon_win2.png) no-repeat;margin: 0 auto;}


.tab_tt{width: 650px;height: 60px;margin: 0 auto;position: relative;z-index: 10;}
.tab_tt a{display: inline-block;*display:inline;*zoom:1;vertical-align: middle; width: 197px; height: 60px;line-height: 60px;text-align: center; color:#350051;font-style: italic;font-size: 20px;font-family: 'Anton', cursive;background: url(https://hwimg.99.com/wtop/worldcup/images/tab2.png) no-repeat center;}
.tab_tt a:hover,.tab_tt a.active{background: url(https://hwimg.99.com/wtop/worldcup/images/tab1.png) no-repeat center;}


.information{position: relative; width: 1475px;height: 908px;background: url(https://hwimg.99.com/wtop/worldcup/images/cont-2-2-1.png) no-repeat;padding: 145px 116px 67px 136px;text-align: left;left: -137px;top:-50px}
.round32,.round16,.quarter,.semifinals,.finals{width: 130px;height: auto;display: inline-block;*display:inline;*zoom:1;vertical-align: middle;color:#fff}
.round32 li span,.round16 li span,.quarter li span,.semifinals li span{position: relative;display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: center;line-height: 20px;}
.round32 li span.unknow,.round16 li span.unknow,.quarter li span.unknow,.semifinals li span.unknow{font-family: 'Anton', cursive;font-size: 26px;}
.semifinals li span.unknow{font-size: 32px;}
.quarter li span.unknow{font-size: 30px;}
.round16 li span.unknow{font-size: 28px;}
.information ul span.win::before{content: '';position: absolute;top: -10px;right: -10px;width: 29px;height: 20px;background: url(https://hwimg.99.com/wtop/worldcup/images/icon_win.png) no-repeat;}
.information ul span.win{color:#ffca49}
.information ul.quarter span.win{color:#000}

.information ul span.no1::before,.information ul span.no2::before,.information ul span.no3::before,.information ul span.no4::before{content: '';position: absolute;top: -30px;right: -10px;width: 82px;height:34px;}
.information ul span.no1::before{background: url(https://hwimg.99.com/wtop/worldcup/images/no1.png) no-repeat;}
.information ul span.no2::before{background: url(https://hwimg.99.com/wtop/worldcup/images/no2.png) no-repeat;}
.information ul span.no3::before{background: url(https://hwimg.99.com/wtop/worldcup/images/no3.png) no-repeat;}
.information ul span.no4::before{background: url(https://hwimg.99.com/wtop/worldcup/images/no4.png) no-repeat;}
.information ul:nth-child(6) span::before{right: 30px;}
.round32{width: 98px;margin-right: 26px;}
.round32 li{height: 90px;}
.round32 li span{height: 36px;margin-bottom: 14px;}
.round16 li{height: 179px;}
.round16 li span{height: 52px;margin-bottom: 40px;}
.quarter li{height: 360px;}
.quarter li span{height: 56px;margin-bottom: 125px;color:#000}
.semifinals li{height: 360px;}
.semifinals li span{height: 56px;margin-bottom: 305px;color:#171d2d}
.round16{width: 88px;margin-right: 14px;height: 685px;}
.quarter{width: 96px;margin-right: 15px;height: 602px;}
.semifinals{width: 106px;margin-right: 12px;height: 423px;}
.finals{width: 265px;margin-right: 5px;}
.round32 span,.round16 span,.quarter span,.semifinals span{display: block;}
.information ul:nth-child(6){margin-right: 15px;}
.information ul:nth-child(7){margin-right: 16px;}
.information ul:nth-child(8){margin-right: 22px;}

.guess{display: flex;width: 1705px;height: 850px;background: url(https://hwimg.99.com/wtop/worldcup/images/cont-2-2-2.png) no-repeat bottom;position: relative;left: -250px;align-items: center;justify-content: center;flex-direction: row;flex-wrap: wrap;}
.match-date{display: inline-block;*display:inline;*zoom:1; width: 717px;height: 454px;background: url(https://hwimg.99.com/wtop/worldcup/images/date.png) no-repeat;padding: 137px 88px 67px 129px;text-align: left;}
.match-date span{display: inline-block;*display:inline;*zoom:1;width:65px;height: 26px;line-height: 28px;text-align: center;font-size: 18px;font-family: 'Courgette', cursive;margin: 0 5px 2px 0;color:#401e0e;cursor: pointer;}
.match-date span.on{background: #fec900;border-radius: 4px;}
.match-date span.disabled{cursor: not-allowed; color: #9a8b83;filter: grayscale(1);opacity: .55;}
.june-dates{height: 136px;}
.june-dates span:first-child{margin-left: 278px;}
.july-dates span:first-child{margin-left: 142px;}
.cheer-cont{display: inline-block;*display:inline;*zoom:1;margin: -50px 0 0 -50px;}
.coins{display: inline-block;*display:inline;*zoom:1;width: 370px;height: 50px;background: url(https://hwimg.99.com/wtop/worldcup/images/coins.png) no-repeat ;text-align: center; color:#fff;font-size: 16px;line-height: 54px;}
.coins span{font-weight: bold;color:#ffd503;font-size: 22px;}
.cheer-icon{display: inline-block;*display:inline;*zoom:1;width: 250px;width: 200px;}
.cheer-icon a{display: inline-block;*display:inline;*zoom:1;width: 84px;height: 79px;padding-top: 50px;}
.cheer-icon a:hover{filter: brightness(1.2);}
.cheer-icon a:first-child{background: url(https://hwimg.99.com/wtop/worldcup/images/record.png) no-repeat center;}
.cheer-icon a:last-child{background: url(https://hwimg.99.com/wtop/worldcup/images/store.png) no-repeat center;}
.cheer-icon a span{display: block;padding-left: 11px;font-size: 18px;font-family: 'Anton', cursive;background-color: #fff;-webkit-background-clip: text;-webkit-text-fill-color: #000;-webkit-text-stroke: 4px transparent;}
.cheer-list{width:550px;height: 400px;display: flex;flex-direction: column;justify-content: center;flex-wrap: nowrap;}
.cheer-list li{position: relative; width: 556px;height: 67px;line-height: 58px;padding: 3px 211px 0 46px;text-align: center;font-size: 18px;color:#fbe335;cursor: pointer;background: url(https://hwimg.99.com/wtop/worldcup/images/cheer-item.png) no-repeat;margin-bottom: 4px;}
.cheer-list li.on{background: url(https://hwimg.99.com/wtop/worldcup/images/cheer-item-on.png) no-repeat;color:#e64743}
.cheer-list li span{display: inline-block;*display:inline;*zoom:1;margin: 0 3px;}
.cheer-list li.on span{color:#000000}
.cheer-list li.on span:last-child,.cheer-list li span{color:#fff}
.cheer-list li span:last-child{position: absolute;right: 0;width: 154px;}
.cheer-btn{width: 1200px;margin-top: -60px;}
.cheer-btn li{display: inline-block;*display:inline;*zoom:1;margin: 0 10px 0 0;vertical-align: middle;width: 353px;height: 373px;vertical-align: baseline;}
.cheer-btn li>div{width: 183px;height: 142px;background: url(https://hwimg.99.com/wtop/worldcup/images/guoqi.png) no-repeat center;padding: 10px 48px 0 11px;margin: 0 auto;}
.cheer-btn li>div span{display: block; border-radius: 50%;width: 120px;height: 120px;overflow: hidden;position: relative;left: 2px;}
.cheer-btn li>div span img{height: 100%;transform: translateX(-15%);}
.cheer-btn li p.team-name{font-size: 20px; color: #fff;background-color: #000;-webkit-background-clip: text;-webkit-text-fill-color: #fff;-webkit-text-stroke: 5px transparent;margin-top: -28px;position: relative;left: -16px;}
.cheer-btn li p.num{font-size: 20px; color: #fff;width: 324px;height: 64px;line-height: 65px;background: url(https://hwimg.99.com/wtop/worldcup/images/num.png) no-repeat center;text-align: center;margin-top: -18px;}
.cheer-btn li p.num span{font-size: 24px;color:#ffe92d}
.cheer-btn li a{display: block;width: 307px;height: 109px;background: url(https://hwimg.99.com/wtop/worldcup/images/btn-cheer.png) no-repeat;font-size: 0;position: relative;left: 50px;}
.cheer-btn li a:hover{filter: brightness(1.2);}
.cheer-btn li:nth-child(2)>div{background: none;width: 402px;height: 264px;}
.cheer-btn li:nth-child(2)>div span{width: 402px;height: 311px;border-radius: 0;transform: translateX(-16%);top: -14px;}
.cheer-btn li:nth-child(2)>div span img{transform: translateX(0%);}
.cheer-btn li.uncheer{cursor: default;filter: grayscale(1);}
.cheer-btn li.uncheer a{pointer-events: none;}
.cheer-btn li.uncheer a:hover{filter: brightness(1);}

.cheer-btn .team-bih>div span img{transform: translateX(-30%);}
.cheer-btn .team-aus>div span img{transform: translateX(-8%);}
.cheer-btn .team-tur>div span img{transform: translateX(-3%);}
.cheer-btn .team-cuw>div span img,.cheer-btn .team-ury>div span img,.cheer-btn .team-cod>div span img{transform: translateX(-1%);}
.cheer-btn .team-uzb>div span img{transform: translateX(1%);}

.final{width: 1200px;height: 500px;}
.final p:first-child{width: 489px;height: 354px;background: url(https://hwimg.99.com/wtop/worldcup/images/win_flag.png) no-repeat;padding: 112px 30px 50px 38px;margin: 0 auto;}
.final p img{border:1px solid #fff}
.final p:nth-child(2){color: #fff;background-color: #000;-webkit-background-clip: text;-webkit-text-fill-color: #fff;-webkit-text-stroke: 3px transparent;font-size: 20px;margin-top: -80px;line-height: 30px;}
.final p:nth-child(2) span{color:#ffc100;-webkit-text-fill-color: #ffc100;}

.stage3{width: 1920px;height: 1059px;background: url(https://hwimg.99.com/wtop/worldcup/images/cont-2-3.png) no-repeat center;position: relative;left: 50%;top: -120px;transform: translateX(-48%);}
.stage3 .coins{position: absolute;top: 165px;right: 50%;margin-right: -605px;}
.stage3 .cheer-icon{position: absolute;right: 50%;top: 250px; margin-right: -600px; width: 150px;}
.stage3 .win-country{position: absolute;top: 66%;right: 50%;margin-right: -358px;width: 675px;height: 272px;background: url(https://hwimg.99.com/wtop/worldcup/images/win-country.png) no-repeat center;}
.stage3 .win-country p{position: relative; font-size: 54px;font-family: 'Anton', cursive;color: #ffea36; background-color: #290000;-webkit-background-clip: text;-webkit-text-fill-color: #ffea36;-webkit-text-stroke: 7px transparent;-webkit-filter: drop-shadow(8px 10px 13px #ffffbf);top: 80px;left: 152px;}

.page2 p.note {position: absolute;bottom:68px;left:50%;margin-left: -200px; width: 400px;font-size: 20px;color:#fceb34;text-shadow: 0 0 2px #6b630a;text-align: center;}


.page3 .content{font-size:0;text-align:center;width:1200px;height:626px}
.tab-table{width: 150px;height: 160px;    position: absolute;z-index: 1;left: -104px;top: 350px;}
.tab-table a{display:block;width:124px;height:74px;position: relative;}
.tab-table a:first-child{background:url(https://hwimg.99.com/wtop/worldcup/images/tab3.png) no-repeat center;}
.tab-table a:first-child.active{background:url(https://hwimg.99.com/wtop/worldcup/images/tab3-on.png) no-repeat center;}
.tab-table a:nth-child(2){background:url(https://hwimg.99.com/wtop/worldcup/images/tab4.png) no-repeat center;left: 7px;}
.tab-table a:nth-child(2).active{background:url(https://hwimg.99.com/wtop/worldcup/images/tab4-on.png) no-repeat center;left: 7px;}
.tab-table a.active,.tab-table a:hover{filter: brightness(1.2);}
.tab-table a span{display:block;vertical-align:middle;width:100%;height:100%;line-height: 65px;padding-left: 25px;font-size:16px;margin:0;color: #fff;background-color: #000;-webkit-background-clip: text;-webkit-text-fill-color: #fff;-webkit-text-stroke: 3px transparent;}

.tab-table.rankstage1 a:first-child{background:url(https://hwimg.99.com/wtop/worldcup/images/tab10.png?v1) no-repeat center;}
.tab-table.rankstage1 a:first-child.active{background:url(https://hwimg.99.com/wtop/worldcup/images/tab10-on.png?v1) no-repeat center;}
.tab-table.rankstage1 a:last-child{background:url(https://hwimg.99.com/wtop/worldcup/images/tab11.png) no-repeat center;}
.tab-table.rankstage1 a:last-child span{line-height: 16px;padding-top: 17px;}
.tab-table.rankstage1 a:last-child.active{background:url(https://hwimg.99.com/wtop/worldcup/images/tab11-on.png) no-repeat center;}

.boot1-cont,.boot2-cont{position: relative; width: 1171px;height:680px;margin: -25px auto 20px;padding: 10px 0 10px;}
.boot1-cont img{width: 980px;margin-top: -12px;}
.boot1-cont h3,.boot2-cont h3{font-weight: bold;font-size: 22px;width: 927px;height: 67px;margin: 16px auto 0;line-height: 23px;background: url(https://hwimg.99.com/wtop/worldcup/images/h3bg.png) no-repeat;color:#03662a;text-transform: uppercase;letter-spacing: -0.5px;padding: 7px 10px 0;}
.boot1-cont h3 img{width: 22px;vertical-align: bottom;}
.boot1-cont p,.boot2-cont p{width: 95%;font-size: 18px;line-height: 18px;margin: 4px auto;color:#313131}
.boot1-cont p strong,.boot2-cont p strong{color:#009007;font-style: italic !important;font-size: 18px;font-style: normal;}

.boot2-cont .boot-title{width: 299px; height: 50px;line-height: 37px;text-align: center; color:#000;font-size: 18px;background: url(https://hwimg.99.com/wtop/worldcup/images/titbg.png) no-repeat center;margin: 0 auto;
  position: absolute;left: 50%;margin-left: -130px;top: 10px;z-index: 10;}
.boot2-cont .boot-title::before{content: '';position: absolute;left: 13px;top: -13px;width: 63px;height: 71px;background: url(https://hwimg.99.com/wtop/worldcup/images/icon.png) no-repeat center;animation: swing 1.5s ease-in-out infinite;transform-origin: bottom center;}
@keyframes swing{0%,100%{transform:rotate(0deg);}50%{transform:rotate(11deg);}}
.boot2-cont .gender1{height: 380px;position: relative;margin: 68px 0 0 19px;}
.boot2-cont .gender2{height:380px;position: relative;margin:58px 0 0 -32px;}
.boot2-cont .gender3{width: 272px;margin: 129px 0 0 -51px;}
.boot2-cont h3{margin:-20px auto 10px;color:#010101;text-transform:none;font-size: 20px;line-height: 20px;padding: 2px 7px;width: 1062px;background-size: 100% 100%;}
.boot2-cont h3>span:nth-of-type(1),.boot2-cont h3 span:nth-of-type(2),.boot2-cont h3 span:nth-of-type(3){color:#ec7624;display: inline-block;background: #fff641;padding: 2px 5px;}.boot2-cont h3 span:nth-of-type(4),.boot2-cont h3 span:nth-of-type(5){color:#016528;position: relative;display: inline-block;z-index: 2;}.boot2-cont h3 span:nth-of-type(4)::after,.boot2-cont h3 span:nth-of-type(5)::after{content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 10px;background: #fff641;z-index: -1;}
.boot2-cont h3 img{width: 22px;vertical-align: bottom;}
.boot2-cont div.no-prize h3{color:#03662a;padding:7px 10px 0 ;font-size: 22px;line-height: 23px;}
.boot2-cont div.prize div,.boot2-cont div.no-prize div{position: relative;width: 1100px;height: 547px;background: url(https://hwimg.99.com/wtop/worldcup/images/rewardbg.png) no-repeat 0 0/100%;left: 40px;top: -18px;}

.lang{position: relative; display:flex;align-items:center;justify-content:center;z-index: 10;}
.lang a{display:flex;align-items:center;justify-content:center;background:url(https://hwimg.99.com/wtop/worldcup/images/langtb.png) no-repeat center;text-align: center;width:161px;height:37px;color:#2d0588;font-size:18px;margin:0 30px}
.lang a strong{display: block;width: 100px;font-family: 'Aldrich', cursive; color: #fff;background-color: #000;-webkit-background-clip: text;-webkit-text-fill-color: #fff;-webkit-text-stroke: 3px transparent;}
.lang a.on,.lang a:hover{background:url(https://hwimg.99.com/wtop/worldcup/images/langtb-on.png) no-repeat center}
.lang a.on strong,.lang a:hover strong{color:#8d41ff;}
.page3 .set-table{width: 1425px;height: 820px;margin: 0 auto;padding: 100px 114px 0 144px;position: relative;left: -125px;background: url(https://hwimg.99.com/wtop/worldcup/images/cont3.png) no-repeat center top;}
.set-table i{display:inline-block;*display:inline;*zoom:1;text-align:center;line-height:20px;width:20px;height:20px;border-radius:100%;font-size:18px;color:#fff;cursor:pointer;font-style:normal;background:#453279}
.set-table table{width:1154px;color:#ffffff;font-size:20px;position: relative;left: 9px;z-index: 2;}
.set-table td{line-height:40px;color:#08144b;min-width:90px;position:relative;font-size: 18px;font-family: 'Roboto',sans-serif;position: relative;width: 15%;}
.set-table td p{max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 auto}
.set-table th{font-size:20px;line-height:40px;padding:10px 0 0px;font-weight:600;color: #ffffff; position: relative;z-index: 10;width: 15%;}
.set-table th:first-child,.set-table th:last-child,.set-table td:first-child,.set-table td:last-child{width: 10%;}
.set-table .num1 td:first-child::before,.set-table .num2 td:first-child::before,.set-table .num3 td:first-child::before{content: '';position: absolute;top: 5px;left: 52px;width: 45px;height: 40px;font-size:0;}
.set-table .num1 td:first-child::before{ background:url(https://hwimg.99.com/wtop/worldcup/images/1.png) no-repeat center;}
.set-table .num2 td:first-child::before{background:url(https://hwimg.99.com/wtop/worldcup/images/2.png) no-repeat center;}
.set-table .num3 td:first-child::before{background:url(https://hwimg.99.com/wtop/worldcup/images/3.png) no-repeat center;}
.set-table .num1 td:first-child,.set-table .num2 td:first-child,.set-table .num3 td:first-child{font-size: 0;height: 48px;}

.set-table .h-pop{display:none}
.set-table .box{background:url(https://hwimg.99.com/wtop/worldcup/images/box.png) no-repeat 0 0/100%;width:45px;height:45px;display:block;margin:2px auto;position:relative;cursor: pointer;}
.set-table.global1 .box{background:url(https://hwimg.99.com/wtop/worldcup/images/box2.png) no-repeat 0 0/100%;}
.set-table.global2 .box{background:url(https://hwimg.99.com/wtop/worldcup/images/box3.png) no-repeat 0 0/100%;}
.set-table .h-pop{display:none;position:absolute;z-index: 5;white-space:normal;bottom:-6px;right:44px;color:#fff;background:rgba(1, 2, 4, .8);;width:580px;height:auto;padding:5px 5px;font-size:16px;line-height:20px;text-align:left;border:1px solid #320c81;border-radius:20px;box-shadow:0 0 4px #dcc37a;border-radius:20px}
.set-table .jp-td:hover .h-pop{display:block;z-index:50}
.page3 p.note{line-height: 18px;color:#313131;font-size: 16px;width: 95%;margin: 0 auto;}
.page3 .set-table.table-local{padding: 79px 120px 0 144px;}
.table-local table th{padding: 17px 0 0px;}
.tit-rank{position: absolute;left: 50px;top:215px;width: 267px;height: 72px;z-index: 3;}
.tit-rank.rank1{background: url(https://hwimg.99.com/wtop/worldcup/images/rank1.png) no-repeat center top;}
.tit-rank.rank2{background: url(https://hwimg.99.com/wtop/worldcup/images/rank2.png) no-repeat center top;}

.page3 .table-cont{position: relative; width: 1171px;height: 575px;margin: 0 auto 20px;background: url(https://hwimg.99.com/wtop/worldcup/images/tablebg.png) no-repeat 0 0/100% 100%;padding: 10px 0 10px;}
.table-global.global2 .table-cont{background: url(https://hwimg.99.com/wtop/worldcup/images/tablebg.png) no-repeat 0 0/100% 100%;}
.set-table div.table-head{position: relative;width: 1174px;height: 68px;background: url(https://hwimg.99.com/wtop/worldcup/images/table1-th.png) no-repeat 0 0/100% 100%;z-index: 7;left: -3px;top:-8px}
.set-table div.table-head table{width: 1159px;height: 77px;}
.set-table.global1 .num1 td{background: #f9d73a;}
.set-table.global1 .num2 td{background: #73afff;}
.set-table.global1 .num3 td{background: #fdb041;}
.set-table.global1 td{border-bottom: 1px solid #329e53;}
.set-table.global2 .table-head{background: url(https://hwimg.99.com/wtop/worldcup/images/table2-1-th.png) no-repeat 0 0/100% 100%;}
.set-table.global2 .num1 td{background: #efdb5c;}
.set-table.global2 .num2 td{background: #8eb2e1;}
.set-table.global2 .num3 td{background: #eebf6a;}
.set-table.global2 td{border-bottom: 1px solid #e06c37;}
.set-table.table-local .table-head{background: url(https://hwimg.99.com/wtop/worldcup/images/table2-th.png) no-repeat 0 0/100% 100%;}
.set-table.table-local .num1 td{background: #ffd800;}
.set-table.table-local .num2 td{background: #73afff;}
.set-table.table-local .num3 td{background: #fe9c0a;}
.set-table.table-local td{border-bottom: 1px solid #a36bd8;}
.set-table div.table-body{position: relative;width: 1170px;height: 496px;z-index: 7;overflow-y: auto;overflow-x: hidden;top: -8px;}

.page4 .wrapper{width:1400px;text-align: center;}
.guide-list{position: relative; width: 1000px;height: 680px;margin: 0 auto;}
.guide-list li{position: absolute;width: 409px;height: 158px;color:#272d37}
.guide-list li h3{display: inline-block;*display:inline;*zoom:1;width: 327px;height: 56px;line-height: 56px;margin: 0 auto; background: url(https://hwimg.99.com/wtop/worldcup/images/guide-tit.png) 0 0/100% 100%;color:#000000;font-family: 'Anton', sans-serif;font-size: 24px;}
.guide-list li:nth-child(1){right: -75px;top: 86px;}
.guide-list li:nth-child(2){right: 17px;top: 312px;}
.guide-list li:nth-child(3){right: 265px;top: 495px;}
.guide-list li:nth-child(1) h3{width: 251px;}
.guide-list li:nth-child(2) h3{width: 287px;}
.guide-list li p{font-size: 20px;width: 100%;margin: 0 auto;line-height: 20px;height: 140px;padding: 44px 34px 22px;margin-top: -40px;display: flex;justify-content: center;align-items: center;flex-wrap: nowrap;background: url(https://hwimg.99.com/wtop/worldcup/images/guide.png) no-repeat 0 0/100% 100%}
.guide-list li:nth-child(1) p{height: 125px;}
.page4 .detail{display: block;margin: 0 auto;width: 229px;height: 74px;line-height: 74px; text-align: center;background: url(https://hwimg.99.com/wtop/worldcup/images/detail.png) no-repeat;}
.page4 .detail span{display: block;color:#0c0b0a;font-size: 22px;letter-spacing: -1px;font-weight: bold; font-family: 'Aldrich', sans-serif;background-color: #fff;-webkit-background-clip: text;-webkit-text-fill-color: #0c0b0a;-webkit-text-stroke: 3px transparent;}
.page4 .detail:hover{filter: brightness(1.2);}
.guide-list.guide2 li:nth-child(1){left: -108px;top: 266px;}
.guide-list.guide2 li:nth-child(2){right: 65px;top: 497px;}
.guide-list.guide2 li:nth-child(3){right: -65px;top: 117px;}

.page5 .wrapper{width:1400px;text-align: center;}
.swiper-main .swiper-slide.page5::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(https://hwimg.99.com/wtop/worldcup/images/p5.png) no-repeat center top/cover;z-index: 2;}
.page5 .content,.page6 .content{display: flex;}
.tab-reward{width: 466px;height: 677px;position: relative;
    z-index: 3;}
.tab-reward a{display: block;width: 466px;height: 177px; line-height: 73px;padding:77px 100px 31px 151px;background: url(https://hwimg.99.com/wtop/worldcup/images/wing1.png);font-family: 'Protest Strike';font-style: italic;}
.tab-reward a span{display: block;font-size: 45px;color: #fff;background-color: #132634;text-align: center; -webkit-background-clip: text;-webkit-text-fill-color: #fff;-webkit-text-stroke: 3px transparent;}
.tab-reward a:first-child{background: url(https://hwimg.99.com/wtop/worldcup/images/garment.png);}
.tab-content{width: 392px;height: 306px;padding: 20px 47px 20px 26px;background: url(https://hwimg.99.com/wtop/worldcup/images/txt-bg.png);margin: 10px 0 0 25px;}
.tab-content h4{font-size: 20px;margin: -36px 0 10px 0;font-family: 'Protest Strike';width: 339px;height: 90px;text-align: center; line-height: 95px;background: url(https://hwimg.99.com/wtop/worldcup/images/txt-tit.png);color:#000}
.tab-content p{font-size: 18px;line-height: 20px;text-align: center;}
.tab-content p.how{width: 282px;height: 87px;background: url(https://hwimg.99.com/wtop/worldcup/images/txt-how.png);margin: 0 auto;color:#e7523b;text-align: center;font-weight: bold;line-height: 25px;padding: 19px 10px 10px;margin-top: 20px;}
.con-reward{width: 600px;height: 700px; position: relative;}
.con-reward .img-gif{margin-top: -100px;width: 1190px;height: 965px;background: #000;padding-top: 35px;position: relative;overflow: hidden;}
.con-reward .img-gif.wing{width: 1500px;}
.con-reward .img-gif .gif-loading{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);color: #fff;font-size: 24px;text-align: center;z-index: 10;}
.con-reward .img-gif .gif-image-item{position: absolute;top: 66px;left: 0;width: 100%;opacity: 0;transition: opacity 0.3s ease-in-out;}
.con-reward .img-gif .gif-image-item.active{opacity: 1;}
.con-reward .img-small{position: absolute;bottom:0px;left: 50px; width: 321px;height: 293px;background: url(https://hwimg.99.com/wtop/worldcup/images/imgbg.png);z-index: 3;padding: 0 55px 0 20px;display: flex;flex-direction: row;align-content: center;justify-content: center;align-items: center;}
.con-reward .img-small img{width: 250px;}
.con-reward .img-small.garment img{position: relative;width: 170px;}
.con-reward .img-small.garment img:first-child{left: 2px;top: 9px;}
.con-reward .img-small.garment img:last-child{right: 52px;}
.con-reward .img-small img:hover{transform: scale(2);z-index: 4;}
.con-reward .img-small img.img-wing:hover{transform: scale(2.5);}

.tab-garment{position: absolute;z-index: 3; top: 261px;left: 331px; width: 431px;height: 77px;}
.tab-garment a{position: relative; display:inline-block;*display:inline;*zoom:1;width: 174px;height: 59px;line-height: 20px;text-align: center;font-size: 18px;color: #b8d8ff;background:url(https://hwimg.99.com/wtop/worldcup/images/tab6.png);padding: 10px 30px 10px 62px;}
.tab-garment a.active{background: url(https://hwimg.99.com/wtop/worldcup/images/tab7.png);color:#000}
.tab-garment a:first-child{top: -86px;left: 332px;}
.tab-gender{position: absolute;z-index: 3; bottom: 170px;left: 886px; width: 321px;height: 64px;}
.tab-gender a{display: inline-block;*display:inline;*zoom:1;width: 113px;height: 52px;line-height: 52px;text-align: center;margin: 10px;font-size: 19px;color: #350051;background:url(https://hwimg.99.com/wtop/worldcup/images/tab2.png) no-repeat 0 0/100% 100%;font-family: 'Anton', sans-serif;}
.tab-gender a.active{background: url(https://hwimg.99.com/wtop/worldcup/images/tab1.png) no-repeat 0 0/100% 100%;color:#000}
.con-reward .note{font-size: 14px;line-height: 20px;color: #cdcdcd;position: absolute;bottom: 20px;right: -139px;}
.more{position: absolute;top: 50%;left: 50%;margin-left: -542px;margin-top: 314px;width:89px;height: 65px;line-height: 30px;text-align: center;cursor: pointer;z-index: 3;}
.more span{position: absolute;top:52px;left:25px;width:40px;height: 26px;background: url(https://hwimg.99.com/wtop/worldcup/images/more.png) no-repeat 0 0/100%;animation: bounceAnimation 2s ease-in-out infinite;}
.more strong{font-size: 18px;color:#020101;font-family: 'Protest Strike',  sans-serif;font-weight: normal;}
@keyframes bounceAnimation {
    0%, 100% {
      transform: translateY(-30px);
      animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); /* 涓婂崌鏃惰緝蹇� */
    }
    50% {
      transform: translateY(-15px);
      animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); /* 涓嬮檷鏃惰緝鎱� */
    }
  }


.page6 .tab-reward a:first-child{background: url(https://hwimg.99.com/wtop/worldcup/images/mounts.png);}
.page6 .tab-reward a{background: url(https://hwimg.99.com/wtop/worldcup/images/collect.png);}
.page6 .tab-reward a span{line-height: 32px;font-size: 40px;padding-top: 5px;}
.page6 .tab-reward a:first-child span{line-height: 73px;font-size: 45px;padding-top: 0;}
.tab-counter{position: absolute;right: 0;top:0;width: 600px;height: 600px;z-index: 3;}
.tab-counter>div{position: absolute; width:140px;height: 101px;background: url(https://hwimg.99.com/wtop/worldcup/images/countrybg.png) no-repeat 10px 0px;padding: 9px 39px 5px 18px;cursor: pointer;margin-bottom: 30px;}
.tab-counter>div.active,.tab-counter>div:hover{background: url(https://hwimg.99.com/wtop/worldcup/images/countrybg-on.png) no-repeat -1px 2px;}
.tab-counter>div.active span:last-child,.tab-counter>div:hover span:last-child{background: #ffd730;color:#272e10}
.tab-counter>div span:first-child{display: block; width: 83px;height:83px;overflow: hidden;border-radius: 50%;}
.tab-counter>div span:first-child img{height: 83px;margin-left: -17px;}
.tab-counter>div:first-child span:first-child img{margin-left: 0;}
.tab-counter>div span:last-child{display: block;width: 78px;height: 28px;line-height: 28px;font-size: 14px;text-align: center; color:#3fe2ad;border-radius: 5px;background: #111214;margin-top: -6px;position: relative;z-index: 2;font-family: 'Protest Strike';}
.tab-counter div:first-child{top:20px;right: -63px;}
.tab-counter div:nth-child(2){top:138px;right: -141px;}
.tab-counter div:nth-child(3){top:278px;right: -169px;}
.tab-counter div:nth-child(4){top:430px;right: -156px;}
.tab-counter div:nth-child(5){top:557px;right: -69px;}
.tab-counter div:nth-child(6){top:622px;right: 49px;}
.tab-counter div:nth-child(7){top:636px;right: 186px;}
.tab-counter div:nth-child(8){top:604px;right: 316px;}
.tab-counter div:nth-child(9){top:526px;right: 427px;}
.country-img{width: 809px;height: 763px;background: url(https://hwimg.99.com/wtop/worldcup/images/reward.png) no-repeat;padding: 49px 130px 87px 47px;position: relative;}
.country-img::before{content: '';position: absolute;top: 51px;left: 46px;width: 625px;height: 625px;background: url(https://hwimg.99.com/wtop/worldcup/images/imgbg-pre.png) no-repeat center top/cover;z-index: 2;}
.country-img .img-gif,.country-img .reward-slide{width: 625px;height: 625px;border-radius: 50%;overflow: hidden;margin-top: 0;padding: 0;}
.country-img .reward-slide li{overflow: hidden;}
.country-img .reward-slide li:nth-child(3){background: #0a0a09;}
.country-img .reward-slide .gif-active{height: 625px;margin-left: -145px;}
.country-img .reward-slide.tab-collection-item video{width: 600px;margin-left: 14px;}

.prevBtn, .nextBtn ,.left-btn,.right-btn{
    position: absolute;
    top: 46%;
    transform: translateY(-50%);
    width: 31px;
    height: 66px;
    background: url(https://hwimg.99.com/wtop/worldcup/images/right.png);
    cursor: pointer;
    text-decoration: none;z-index: 10;
}
.prevBtn:hover, .nextBtn:hover{filter: brightness(1.2);}
.prevBtn {left: 101px;background: url(https://hwimg.99.com/wtop/worldcup/images/left.png);}
.nextBtn {right: 195px;}
.left-btn{left: 141px; background: url(https://hwimg.99.com/wtop/worldcup/images/left1.png);}
.left-btn:hover{background: url(https://hwimg.99.com/wtop/worldcup/images/left.png);}
.right-btn{right: 129px;background: url(https://hwimg.99.com/wtop/worldcup/images/right1.png);}
.right-btn:hover{background: url(https://hwimg.99.com/wtop/worldcup/images/right.png);}
.page6 .more{margin-left: -446px; margin-top: 348px;}
.page6 .note{position: absolute;bottom: 270px;left: 669px;font-size: 16px;color: #fff;width: 300px;text-align: center;line-height: 16px; z-index: 3;text-shadow: 0 0 4px #000;}

.reward-lb{width: 1460px;height: 800px;margin: 0 auto;background: url(https://hwimg.99.com/wtop/worldcup/images/cont7.png) no-repeat center top;position: relative;left: -130px;padding: 155px 152px 30px 176px;}
.reward-lb::before{content: '';position: absolute;top: 191px;right: 146px;width:5px;height:36px;background: #9cd05f;z-index: 2;}
ul.gallery-list{height: 550px;    width: 1140px;margin-left: -20px;}
ul.gallery-list li{position: relative; display: inline-block;*display:inline;*zoom:1;width: 288px !important;height: 431px;cursor: pointer;padding: 26px 31px 20px 27px;margin: 0 -2px;text-align: center;}
ul.gallery-list li.item1::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(https://hwimg.99.com/wtop/worldcup/images/item1.png) no-repeat center top;}
ul.gallery-list li.item2::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(https://hwimg.99.com/wtop/worldcup/images/item2.png) no-repeat center top;}

ul.gallery-list li:nth-child(odd){top: 61px;}

ul.gallery-list li a.tit-re,.pop.pop-pic a.tit-re{position: relative;z-index: 2;display: block;margin:-5px auto 0;width: 220px;height: 50px;line-height: 50px;font-size: 20px;text-align: center; color:#292631;font-family: 'Anton', sans-serif;}
ul.gallery-list li span.classify,.pop.pop-pic span.classify{position: relative;z-index: 2; display: flex;flex-direction: column;align-items: center;justify-content: center;width: 200px;height: 49px;line-height: 18px;font-size: 18px;margin: 0 auto;text-align: center;color: #010000;font-family: 'Anton', sans-serif;}
ul.gallery-list li span.classify::before{content: '';position: absolute;top: 21px;left: 0;width: 31px;height: 10px;background: url(https://hwimg.99.com/wtop/worldcup/images/xxx.png) no-repeat center top;}
ul.gallery-list li span.classify::after{content: '';position: absolute;top: 21px;right: 0;width: 31px;height: 10px;background: url(https://hwimg.99.com/wtop/worldcup/images/xxx.png) no-repeat center top;}

.scroll-cont{overflow-y:scroll;padding:0 30px;height:100%}
.scroll-cont::-webkit-scrollbar{width:5px;background-color:none}
.scroll-cont::-webkit-scrollbar-track{background-color:none}
.scroll-cont::-webkit-scrollbar-thumb{background:#e3a42d}


.footer{width:100%;padding:10px 0;min-width:1200px;max-width:1920px;color:#fff;padding:0px 0 10px!important}
.footer a, .footer p{color:#fff;font-size: 16px;}
.pop{position:fixed;width:100%;height:100%;top:0;left:0;display:none;z-index:99}
.pop:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:.8;z-index: -2;}
.pop .pop-close{position:absolute;background:url(https://hwimg.99.com/wtop/worldcup/images/close.png) no-repeat center;width:60px;height:59px;top:5px;right:-55px;-webkit-transition:all .2s;transition:all .2s;z-index:20;font-size: 0;}
.pop .pop-close:hover{-webkit-transform:scale(.9);transform:scale(.9)}
.pop .pop-main{position:absolute;left:50%;top:50%;font-size:18px;color:#000000;width: 784px;height: 445px; background:url(https://hwimg.99.com/wtop/worldcup/images/pop-win.png) no-repeat 0 0/100%;transform: translate(-50%,-50%);padding: 47px 55px 51px 84px;}
.pop .pop-main p{font-size:18px;}
/* .pop .pop-main .store-list p{display: flex;flex-direction: column;justify-content: center;align-items: center;line-height: 15px;padding-top: 6px;} */
.pop .pop-title{height:31px;text-align:center;line-height:31px;color:#000;margin-bottom:20px}
.pop .pop-title h3{position: relative; font-size: 24px;display: inline-block;*display:inline;*zoom:1;margin: 0 auto;padding: 0 20px;font-weight: bold;}
.pop .pop-title h3::before{content:"";position:absolute;top:5px;left:-20px;width:20px;height:23px;background:url(https://hwimg.99.com/wtop/worldcup/images/star.png) no-repeat center;}
.pop .pop-title h3::after{content:"";position:absolute;top:5px;right:-20px;width:20px;height:23px;background:url(https://hwimg.99.com/wtop/worldcup/images/star.png) no-repeat center;}
.pop.show{display:block}
.pop.pop-msg .pop-cont{display: flex;flex-direction: column;align-content: center;justify-content: center;flex-wrap: nowrap;align-items: center;height: 340px;}

.pop.pop-win .pop-main,.pop.pop-record .pop-main,.pop.pop-store .pop-main,.pop.pop-cheer .pop-main{width: 1165px;height: 663px; background:url(https://hwimg.99.com/wtop/worldcup/images/pop-win.png) no-repeat center top;transform: translate(-50%,-50%);padding: 47px 55px 51px 84px;}
.pop.pop-win .pop-cont,.pop.pop-record .pop-cont>div{display: flex;flex-direction: row;align-items: flex-start;justify-content: flex-start;flex-wrap: nowrap;}
.pop.pop-win .pop-cont-left,.pop.pop-win .pop-cont-right,.pop.pop-record .pop-cont-left,.pop.pop-record .pop-cont-right{margin: 0 10px;height: 500px;overflow: auto;width: 50%;}
.pop.pop-win .pop-cont-right,.pop.pop-record .pop-cont-right,.pop.pop-record .pop-cont-left{width: 495px;height: 504px;background: #faecbc;border-radius: 20px;padding: 0 10px;}
.pop.pop-win .pop-cont-right h4{font-size:24px ;font-family: "Anton", sans-serif; color: #fbca55;background-color: #12061f;-webkit-background-clip: text;-webkit-text-fill-color: #fbca55;-webkit-text-stroke: 5px transparent;text-align: center;}
 table.pk-item{width: 98%;border:1px solid #141414;margin: 0 auto;}
 table.pk-item th, table.pk-item td{background: #141414;color:#fff;text-align: center;line-height: 30px;}
 table.pk-item td{background: #fff;color:#141414}
 table.pk-item td a{background: #ced6da;border-radius:3px;color:#141414;display: block;width: 90px;height: 28px;line-height: 12px;margin:0 auto;display: flex;justify-content: center;align-items: center;position: relative;}
 table.pk-item td a.on, table.pk-item td a:hover{background: #ffca49;}
.btn-win{display: block;margin: 0 auto;width: 314px;height: 64px;font-size: 0px;background: url(https://hwimg.99.com/wtop/worldcup/images/btn.png) no-repeat 0 0/100%;margin: 4px auto 0;}
.btn-win:hover{filter: brightness(1.2);}
.btn-win.unclaim{filter: grayscale(1);cursor: default;}

.pop.pop-record .tab_tt{width:470px;}
.pop.pop-record .tab_tt a{width: 232px;background: url(https://hwimg.99.com/wtop/worldcup/images/tab5.png) no-repeat 0 0/100% 100%;color:#191915}
.pop.pop-record .tab_tt a.active,.pop.pop-record .tab_tt a:hover{width: 232px;background: url(https://hwimg.99.com/wtop/worldcup/images/tab1.png) no-repeat 0 0/100% 100%;}
.pop.pop-record .pop-cont-right,.pop.pop-record .pop-cont-left{background: none;height: 433px;}
.pop.pop-record .pop-cont-right h4,.pop.pop-record .pop-cont-left h4{font-size: 18px;font-family: "Anton", sans-serif;color:#141414;text-align: left;}
.pop.pop-record table.pk-item td a.on, .pop.pop-record table.pk-item td a:hover{cursor: default;background: #ced6da;}
.pop.pop-record .pop-cont-left table.pk-item td a.win{background: #bef84d;}
.pop.pop-record .pop-cont-left table.pk-item td a.win::before{content:"";position:absolute;top:-7px;left:-12px;width:29px;height:20px;border-radius:50%;background: url(https://hwimg.99.com/wtop/worldcup/images/icon_win.png) no-repeat center;}
.pop.pop-record .pop-cont-right table.pk-item td a.on{background: #ffca49;}
.pop.pop-record .pop-cont-right table.pk-item td a.wrong{background: #79888f;}
.pop.pop-record .pop-cont-right table.pk-item td a.wrong::after{content:"";position:absolute;top:5px;left:33px;width:19px;height:18px;background: url(https://hwimg.99.com/wtop/worldcup/images/wrong.png) no-repeat center;}
.pop.pop-record p{text-align: center;}
.pop.pop-record p span{font-weight: bold;color:#ff0000}


.tab-final{position: relative;width: 750px;margin: 5px auto;display: block !important;}
.tab-final a{display: inline-block;*display:inline;*zoom:1;background: url(https://hwimg.99.com/wtop/worldcup/images/langtb.png) no-repeat 0 0/100%;text-align: center;width: 133px;height: 30px;margin: 0px 7px;color: #000;font-size: 18px;}
.tab-final a.active,.tab-final a:hover{background: url(https://hwimg.99.com/wtop/worldcup/images/langtb-on.png) no-repeat 0 0/100%;}
table.final-record{width: 90%;margin: 0 auto;}
table.final-record th, table.final-record td{background: #141414;color:#fff;text-align: center;line-height: 30px;border:1px solid #141414;}
table.final-record td{background: #fff;color:#141414;}
table.final-record td:nth-child(2),table.final-record td:nth-child(3),table.final-record td:nth-child(4){width: 18%;}
.table-container{position: relative; width: 100%;height: 405px;overflow-y: auto;overflow-x: hidden;margin: 0 auto;}
.table-container table thead{position: sticky;top: 0px;z-index: 10;background-color: #141414;}
.table-container table tbody{position: relative;z-index: 5;top: -2px;}

.pop.pop-store .pop-main{height: 700px;background-size: 100% 100%;}
.store-info{display: flex;flex-direction: row;align-items: flex-start;justify-content: space-between;flex-wrap: nowrap;}
.store-info .time{display: none; width: 500px;height: 43px;background: url(https://hwimg.99.com/wtop/worldcup/images/time.png) no-repeat center top;color:#fff;line-height: 46px;padding: 0 38px 0 44px;font-size: 15px !important;text-align: center;}
.enpage .store-info .time.en{display: block;}
.sppage .store-info .time.sp{display: block;}
.arpage .store-info .time.ar{display: block;}
.store-info .coins{width: 296px;height: 40px;background: url(https://hwimg.99.com/wtop/worldcup/images/coins.png) no-repeat 0 0/100%;font-size: 14px !important;line-height: 40px;}
.store-info .coins span{font-size: 18px;}
.store-list{display: flex;flex-direction: row;align-items: flex-start;justify-content:center;flex-wrap: wrap;margin-top: 15px;}
.store-list li{width:202px;height: 242px;background: url(https://hwimg.99.com/wtop/worldcup/images/store_item.png) no-repeat center top;text-align: center;}
.store-list li p{font-size: 16px !important;height: 45px;line-height: 70px;}
.store-list li p.num{display: inline-block;*display:inline;*zoom:1;padding: 0 30px;position: relative;height: 32px;line-height: 34px;}
.store-list li p.num::before{content:"";position:absolute;top:6px;left:0px;width:21px;height:22px;background: url(https://hwimg.99.com/wtop/worldcup/images/coin.png) no-repeat center;}
.store-list li div{position: relative; display: flex;flex-direction: column;height: 105px;justify-content: center;align-content: center;flex-wrap: wrap;}
.store-list li div .change{position: absolute;color: #fff;bottom: 0;right: 42px;z-index: 5;font-size: 16px;}
.store-list li a.btn-buy{display: block;width: 118px;height: 33px;line-height: 33px;background: url(https://hwimg.99.com/wtop/worldcup/images/btn1.png) no-repeat 0 0/100%;margin: 0 auto;color:#010000;font-size: 16px;}
.store-list li a.btn-buy:hover{filter: brightness(1.2);}

.pop.pop-cheer .pop-main{width: 950px;height: 560px;background-size: 100% 100%;}
.pop.pop-cheer .pop-title{margin: 30px auto 50px;}
.pop.pop-cheer .pop-main p{text-align: center;margin-bottom: 50px;}
.pop.pop-cheer .pop-main p span{color:#ff0000}
.pop.pop-cheer .pop-main .pop-cont>div{display: flex;flex-direction: row;align-items: center;justify-content: center;flex-wrap: nowrap;}
.pop.pop-cheer .pop-main .pop-cont>div p{text-align: left;font-size: 16px;margin-bottom: -8px;}
.pop.pop-cheer .pop-main .pop-cont>div img{margin-right: 20px;}
.pop.pop-cheer .pop-main .pop-cont>div input{width: 350px;height: 40px;border-radius: 5px;border:1px solid #000000;padding:0 10px;margin-bottom: 10px;}
.pop-cheer .btn{display: block;width: 191px;height: 54px;line-height: 54px;text-align: center;color:#000; font-size: 18px;background: url(https://hwimg.99.com/wtop/worldcup/images/btn1.png) no-repeat 0 0/100%;margin: 60px auto 0;}
.pop-cheer .btn:hover{filter: brightness(1.2);}

.pop.pop-pic .pop-close{right: 235px;}
.pop.pop-pic .pop-main{position:absolute;left:50%;top:50%;font-size:18px;color:#ffffff;width:999px;height:681px;padding:35px 80px 20px 60px;background: none;}
.pop.pop-pic .pop-main::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(https://hwimg.99.com/wtop/worldcup/images/picbg.png) no-repeat center top;}
.pop.pop-pic .pop-main img{position: relative;z-index: -1;width: 400px;margin: 2px 0 0 -58px;}
.pop.pop-pic .pop-con .pop-img{content:"";position:absolute;top:50%;left:50%;width:381px;height:381px;margin-top:-276px;margin-left:-185px;background:#000;z-index: -2;border-radius: 50%;overflow: hidden;}
.pop.pop-pic a.tit-re{    margin: 416px auto 12px;width: 267px;left: 31px;font-family: 'Anton'; font-size: 22px;}
.pop.pop-pic p{width: 350px;margin: 0 auto;text-align: center;line-height: 23px;position: relative;font-weight: bold;color:#000;white-space: pre-line;}
.pop.pop-pic p.note{width: 260px; margin: 70px auto 0; position: relative; top: -320px; color: #fff; line-height: 16px; left: 12px; font-size: 16px;}
.pop.pop-pic p.pop-obtain{display: flex;justify-content: center;align-items: center;flex-direction: column;width: 288px;height: 65px;background: url(https://hwimg.99.com/wtop/worldcup/images/txt-how1.png) no-repeat;color:#041bfc}
.pop.pop-pic span.classify{bottom: 263px;right: 109px;position: absolute;width: 130px;}

.pop.pop-pic .pop-img img{width: 210px;margin: 46px 0 0 77px;}
.pop.pop-id-1 .pop-img img{width: 600px;margin: -15px 0 0 -98px;}
.pop.pop-id-2 .pop-img img{width: 800px;margin: -34px 0 0 -208px;}
.pop.pop-id-3 .pop-img img{width: 800px;margin: -111px 0 0 -211px;}
.pop.pop-id-4 .pop-img img{width: 600px; margin: -60px 0 0 -93px;}
.pop.pop-id-5 .pop-img img{width: 500px;margin: 27px 0 0 -75px;}
.pop.pop-id-6 .pop-img img{width: 700px;margin: -20px 0 0 -154px;}
.pop.pop-id-7 .pop-img img{width: 400px;margin: 11px 0 0 -10px;}
.pop.pop-id-8 .pop-img img{width: 700px;margin: -80px 0 0 -145px;}
.pop.pop-id-9 .pop-con .pop-img{z-index: 0;}
.pop.pop-id-9 .pop-img img{width: 670px;margin: -43px 0 0 -145px;}
.pop.pop-id-4 p{width: 565px;color: #80040b;font-family: 'Courgette';font-size: 18px;line-height: 19px;}
.pop.pop-id-4 p.pop-obtain{width: 473px;font-family: 'Courgette';background: url(https://hwimg.99.com/wtop/worldcup/images/txt-how1.png) no-repeat 0 0 / 100% 100%;}

/* 弹窗轮播样式 */
.pop-carousel{position:relative;width:100%;height:100%}
.pop-carousel .carousel-list{margin:0;padding:0;list-style:none}
.pop-carousel .carousel-list li{position:absolute;top:0;left:0;width:100%;height:100%;display:none}
.pop-carousel .carousel-list li:first-child{display:block}
.pop-carousel .carousel-indicators{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);z-index:10}
.pop-carousel .carousel-indicators span{display:inline-block;width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.5);margin:0 5px;cursor:pointer}
.pop-carousel .carousel-indicators span.active{background:#fff}
.pop-carousel .carousel-next,.pop-carousel .carousel-prev{position:absolute;top:50%;transform:translateY(-50%);width:23px;height:50px;z-index:10;cursor:pointer;}
.pop-carousel .carousel-next:hover,.pop-carousel .carousel-prev:hover{filter: brightness(1.2);}
.pop-carousel .carousel-prev{left:10px;background:url(https://hwimg.99.com/wtop/worldcup/images/left.png) no-repeat 0 0/100%;}
.pop-carousel .carousel-next{right:10px;background:url(https://hwimg.99.com/wtop/worldcup/images/right.png) no-repeat 0 0/100%;}

.topbar .topmenu{height:31px!important}
.topbar .topmenu .games{width:140px!important}
.topbar .topmenu .games>ul li{width:140px!important}
.mask{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:.4;z-index:1112}
.bugs_form_class,.msg_form_class,.suggest_form_class{display:none;width:100%;height:100%;position:fixed;left:0;top:36%;z-index:9999}
.msg_form_class.show{display: block;}
.msg_form_class .tip_con{height: 230px;display: flex;align-items: center;justify-content: center;}

.commonbox{display:none;width:100%;height:100%;position:fixed;left:0;top:0;z-index:99}
.commonbox.show{display:flex;align-items:center;justify-content:center}
.tipbox{position:relative;z-index:1113;color:#000;background: url(https://hwimg.99.com/wtop/worldcup/images/pop-win.png) no-repeat 0 0/100% 100%;margin:0 auto;padding: 20px 30px 20px 39px;}
.box1{width:550px;height: 404px;}
.box2{width:680px}
.box3{width:460px}
.box4{width:800px}
.box5{width:416px}
.box6{width:600px}
.tip_t{position:relative;z-index:2;height:50px;text-align:center}
#accountlogin .tip_t,.login_form_class .tip_t{height:90px}
.tip_t a.close{display:inline-block;*display:inline;*zoom:1;position:absolute;top:-43px;right:-94px;background:url(https://hwimg.99.com/wtop/worldcup/images/close.png) no-repeat center;width:60px;height:59px;-webkit-transition:all .2s;transition:all .2s;z-index:20;font-size: 0;}
.tip_t a.close:hover{filter: brightness(1.2);}
.tip_t h2{color:#000;line-height:75px;height: 75px; font-size:35px;text-align:center;padding-top:17px;font-family: 'Anton';}
.tip_c{position:relative;z-index:1;font-family:Arial}
.tip_con{width:88%;margin:0 auto;padding:10px 0 5px 0;position:relative}
.tip_con.sp{width:96%}
.tip_con span{color:#000}
.tip_con p{padding:7px 0;line-height:16px;font-size: 16px;}
.tip_con div.form{width: 400px;margin: 0 auto;}
.tip_con div ul{padding:0 20px}
.tip_con div ul li{padding:3px}
.tip_con div label{font-size:16px;text-transform:capitalize;width:100px;display:inline-block;*display:inline;*zoom:1;text-align:right;padding-right:3px}
.tip_con div input.ipt,.tip_con div select.slt{width:220px;padding-left:2px;color:#000;border:1px solid #000;height:30px;line-height:30px;background-color: #fff;font-size: 16px;}
.tip_con div input.code{width:100px}
.tip_con textarea{font-family:Arial;font-size:14px;width:100%;height:160px;border:1px solid #fecf9b;border-right-color:#fff6ed;border-bottom-color:#fff6ed}
.tip_db{padding-bottom:10px;text-align:center}
.tip_db ul{margin:0 auto;width:380px}
.tip_db li{float:left!important;width:190px}
.accountmore{width:70%;margin:0 auto}
.tip_db p a{color:#000;display:inline-block;*display:inline;*zoom:1;width:50%}
.tip_db p a:hover{text-decoration:underline}
.tip_db a.btn_tip{display:block;width:170px;height:60px;line-height:63px;font-weight:700;margin:5px auto;background:url(https://hwimg.99.com/wtop/worldcup/images/tab2.png) no-repeat 0 0/100% 100%;color:#000;font-size:18px;text-shadow: 0 0 3px #fff;}
.tip_db a.btn_tip:hover{background:url(https://hwimg.99.com/wtop/worldcup/images/tab1.png) no-repeat 0 0/100% 100%;}
.txtlimit{max-width:300px}
.txtlimit,.txtlimit1{zoom:1;display:inline-block;*display:inline;*zoom:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;vertical-align:middle}
.txtlimit1{max-width:140px}
.loading{display:none;width:100%;height:100%;position:fixed;top:0;left:0;line-height:56px;color:#000;padding-left:60px;font-size:15px;background:#000 url(https://hwimg.99.com/wtop/worldcup/images/loader.gif) no-repeat 45% 50%;opacity:.7;z-index:10000;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px}
.loading.show{display:flex;align-items:center;justify-content:center}

.pop ::-webkit-scrollbar{width:6px;border-radius: 6px;}
.pop ::-webkit-scrollbar-thumb{background:#fff8ad;border-radius: 6px;}
.pop ::-webkit-scrollbar-track{background:#2f1f1f;border-radius: 6px;}

.stage1 ::-webkit-scrollbar{width:6px;border-radius: 6px;}
.stage1 ::-webkit-scrollbar-thumb{background:#fff8ad;border-radius: 6px;}
.stage1 ::-webkit-scrollbar-track{background:#2f1f1f;border-radius: 6px;}

.pop-cont-left ::-webkit-scrollbar{width:6px;border-radius: 6px;}
.pop-cont-left ::-webkit-scrollbar-thumb{background:#fff8ad;border-radius: 6px;}
.pop-cont-left ::-webkit-scrollbar-track{background:#2f1f1f;border-radius: 6px;}

.page3 .table-body::-webkit-scrollbar{width:6px;border-radius: 6px;}
.page3 .table-body::-webkit-scrollbar-thumb{background:#fff8ad;border-radius: 6px;}
.page3 .table-body::-webkit-scrollbar-track{background:#2f1f1f;border-radius: 6px;}