@charset "utf-8";
html,body,form,ol,ul,li,div,p,dl,dt,dd,h1,h2,h3,h4,h5,h6,table,th,td,font,em,ins,span,a{margin:0; padding:0; outline: none;}
h1,h2,h3,h4,h5,h6,button,input,select,textarea{font-size:100%;font-weight:normal}
ul,li,div,dl,dt,dd{list-style:none;}
h1.wm-public{height:0px; line-height:0px; font-size:0px;}
span,a,strong,div{-webkit-appearance:none;-webkit-tap-highlight-color:transparent;}
a{text-decoration:none; color:#93bbfc}
a{blr:expression(this.onFocus=this.blur());outline:none;}
img{border:0;}
font,em{font-style:normal; font-family:\5b8b\4f53;}
label{vertical-align:middle; font-family:tahoma;}
textarea,input{resize:none; outline:none;}
ins{float:right; text-decoration:none; font-weight:normal;}
.pub_wsp{word-wrap:break-word; word-break:break-all;}
.pub_abso{vertical-align:middle;}
.pub_clr{clear:both;font-size:0;height:0;line-height:0;overflow:hidden;}
.pub_ani{-webkit-transition:0.4s;-moz-transition:0.4s;-ms-transition:0.4s;-o-transition:0.4s;transition:0.4s;}
.pub_yh{font-family:"Microsoft YaHei";}
.pub_btn{display: block; overflow: hidden; text-indent: -999px; cursor: pointer; margin: 0 auto;}
.pub_btn:hover{background-position: 0 bottom;}
.pub_le{float: left}
.pub_lr{float: right;}
.pub_ib{text-align: center; display: table; word-spacing:-1em;}
.pub_text1{display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.pub_text2{overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.pub_table{border-collapse: collapse; width: 100%;}
.none{display:none;}
*:not(input):not(textarea){user-select:none;}
body{background:#000; font-size:12px; font-family:"Microsoft YaHei",Verdana,Geneva,sans-serif,\5b8b\4f53;  -webkit-text-size-adjust: 100%;}

#content{position: relative; min-width: 1300px; max-width: 1920px; margin: 0 auto;}
.indexbg{background:#10143d url(../images/indexbg.jpg) no-repeat center 0; height: 3200px;}
.tempbg{background:#10143d url(../images/tempbg.jpg) no-repeat center 0; padding-bottom: 200px;}
.videobg{width: 1920px; height: 1080px; position: absolute; left: 50%; top: 0; margin-left: -960px;}
.videobg video{width: 100%; height: 100%; display: block;}
.videoCont{width: 1920px; height: 1080px; position: absolute; left: 0; top: 0; z-index: 10; background: url(../images/videoCont.png) no-repeat 0 0;}
.videoCont2{width: 1920px; height: 1080px; position: absolute; left: 0; top: 0; z-index: 10; background: url(../images/videoCont2.png) no-repeat 0 0;}
.logo{position: absolute; left: 50%; transform: translate(-50%,0); top: 90px; width: 200px;}

.lrCont{width: 100px; height: 100%; position: absolute; right: 10px; top: 0; z-index: 100;}
.lrWrap{position: fixed; top: 50%; transform: translateY(-50%); width: 100px;}
.lrWrap a{display: block; width: 100px; height: 100px; cursor: pointer;}
.lrWrap a.a1{background: url(../images/b1.png) no-repeat 0 0;}
.lrWrap a.a2{background: url(../images/b2.png) no-repeat 0 0;}
.lrWrap a.a3{background: url(../images/b3.png) no-repeat 0 0;}
.lrWrap a.a4{background: url(../images/b4.png) no-repeat 0 0;}
.lrWrap a.on,.lrWrap a:hover{background-position: right 0;}
.lrWrap span{display: block; height: 20px; background: url(../images/d.png) no-repeat center;}

.section{position: relative;}
.indexPage{height: 1096px;}
.publicMain{width: 1200px; height: 100%; margin: 0 auto; position: relative;}
.navCont{width: 1920px; height: 80px; position: absolute; left: 50%; transform: translate(-50%,0); top: 0; z-index: 100; background: url(../images/nav.png) no-repeat 0 0; display: flex; align-items: center; justify-content: center;}
.navWrap{height: 54px; display: flex; justify-content: center;}
.navWrap a{display: block; width: 200px; height: 54px; background: url(../images/nav_on.png) no-repeat 0 -999px; cursor: pointer;}
.navWrap a span{display: block; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat;}
.navWrap a span.t1{background-image: url(../images/t1.png);}
.navWrap a span.t2{background-image: url(../images/t2.png);}
.navWrap a span.t3{background-image: url(../images/t3.png);}
.navWrap a:hover,.navWrap a.on{background-position: 0 0;}
.navWrap span.line{background: url(../images/nav_icon.png) no-repeat center; width: 36px; height: 54px;}

.matchCont{height: 618px;}
.publicTitle{height: 157px;}
.publicTitle.tit1{background: url(../images/bt1.png) no-repeat center 0;}
.publicTitle.tit2{background: url(../images/bt2.png) no-repeat center 0;}
.publicTitle.tit3{background: url(../images/bt3.png) no-repeat center 0;}
.publicTitle.tit4{background: url(../images/bt4.png) no-repeat center 0;}
.publicTitle.tit5{background: url(../images/bt5.png) no-repeat center 0;}
.waitCont{width: 1146px; height: 346px; background: url(../images/wait.png) no-repeat 0 0; margin: 0 auto;}
.lunbo{width: 1200px; height: 440px; position: relative; margin: 0 auto;}
.lunbo a.btnPrev,.lunbo a.btnNext{width: 36px; height: 64px; position: absolute; cursor: pointer; display: block; background-position: 0 0; background-repeat: no-repeat; top: 130px;}
.lunbo a.btnPrev{background-image: url(../images/prev.png); left: -30px;}
.lunbo a.btnNext{background-image: url(../images/next.png); right: -30px;}
.swiper{width: 100%; height: 100%;}
.lunboCont{width: 1140px; height: 100%; margin: 0 auto;}
.lunboCont .swiper-slide{background: url(../images/lb_li.png) no-repeat 0 0; width: 276px; height: 345px; text-align: center; color: #FFF;}
.lunboTitle{padding-top: 27px; font-size: 30px; font-weight: bold; height: 70px;}
.lunbolist{font-size: 18px; line-height: 36px;}
.lunbolist span.on{background: url(../images/ok.png) no-repeat right center; padding-right: 52px;}
.swiper-pagination-bullet{width: 16px; height: 16px; background: #FFF; border-radius: 0; transform: rotate(45deg); opacity: 1}
.swiper-pagination-bullet-active{background: #c36000; opacity: 1;}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 15px;}


.signCont{height: 320px;}
.btnSign{display: block; width: 398px; height: 117px; background: url(../images/btn_sign.png) no-repeat 0 0; cursor: pointer; margin: 0 auto;}
.btnSign.on{background-position: 0 bottom;}
.logout{text-align: center; font-size: 18px; color: #fff3b3; position: relative; padding-top: 12px; display: none;}
.logout a{color: #ff3232;}

.ranklist1{height: 500px; display: flex; justify-content: center;}
.ranklist1 div.rli{width: 320px; height: 494px; background-position: center 0; background-repeat: no-repeat;}
.ranklist1 div.r1{background-image: url(../images/v1.png);}
.ranklist1 div.r2{background-image: url(../images/v2.png);}
.ranklist1 div.r3{background-image: url(../images/v3.png);}
.ranklist1 div.r4{background-image: url(../images/v4.png);}
.ranklist1 div p{text-align: center; padding-top: 307px;}
.ranklist1 div p strong{display:block; font-size: 38px; color: #fff3b3; font-weight: normal; padding-bottom: 5px;}
.ranklist1 div p span{display:block; font-size: 24px; color: #fff;}

.ranklist2{height: 500px; display: flex; justify-content: center;}
.ranklist2 div.rli{width: 258px; height: 395px; background-position: center 0; background-repeat: no-repeat; background-image: url(../images/v5.png); margin: 0 32px;}
.ranklist2 div p{text-align: center; padding-top: 246px;}
.ranklist2 div p strong{display:block; font-size: 26px; color: #fff3b3; font-weight: normal; padding-bottom: 5px;}
.ranklist2 div p span{display:block; font-size: 18px; color: #fff;}

.win1{width: 1200px; height: 796px; background: url(../images/win1.png) no-repeat 0 0; margin: 0 auto; margin-bottom: 40px;}
.win1Icon{width: 360px; height: 360px; margin: 0 auto; display: flex; justify-content: center; align-items: center;}
.win1Text{width: 830px; height: 262px; text-align: center; font-size: 24px; color: #FFF; line-height: 36px; margin: 0 auto;}
.win1Text strong{display: block; height: 96px; line-height: 96px; font-size: 48px; color: #ffd86f;}
.win1Text p{margin-bottom: 15px; word-wrap:break-word; word-break:break-all;}
.win1Text p:last-child{margin: 0;}
.win1list{display: flex; justify-content: center; height: 172px;}
.win1list div.li{width: 410px; height: 172px; color: #FFF; font-weight: bold; font-size: 30px; display: flex; justify-content: center; align-items: center;}
.win1list div.w1{width: 394px;}

.win2{height: 558px; display: flex; justify-content: center;}
.win2list{width: 390px; height: 465px; background: url(../images/win2.png) no-repeat 0 0; margin: 0 7px;}
.win2list h3{text-align: center; padding-top: 2px; height: 88px; line-height: 88px; font-size: 48px; color: #ffd86f; font-weight: bold;}
.win2Text{width: 368px; height: 362px; margin: 0 auto; border: 1px solid #1d2565; font-size: 20px; color: #FFF; line-height: 46px; text-align: center; display: flex; justify-content: center; align-items: center;}
.win2Text p{}

.win3{padding-bottom: 110px; text-align: center; width: 1200px; margin: 0 auto;}
.win3 h3{font-size: 48px; color: #ffd86f; font-weight: bold; padding-bottom: 26px;}
.win3 p{font-size: 20px; color: #FFF; line-height: 46px;}

.simg{width: 1083px; height: 320px; margin: 0 auto; background: url(../images/s.png) no-repeat 0 0;}

.ruleCont{padding-bottom: 48px; width: 1200px; margin: 0 auto;}
.ruleCont h3{font-size: 32px; color: #93bbfc; font-weight: bold; padding-bottom: 12px;}
.ruleCont p{font-size: 18px; color: #FFF; line-height: 46px;}

.tableShow table{border-collapse: collapse; width: 100%;}
.tableShow table td{border: 1px solid #47a093; height: 88px; text-align: center;}
.tableShow table tr:nth-child(odd){background: #f2faf9;}
.tableShow table tr:nth-child(even){background: #e9f7f5;}

.ruleBox{padding: 120px 0 0 126px; font-size: 18px; color: #d1d1d1; line-height: 50px;}
.ruleBox span{color: #56a1ce;}

.popFiex{width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0,0,0,0.8); z-index: 100; display: none;}
.popCont{position: fixed; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.pop1{width: 1200px; background: #000; border: 4px solid #FFF; padding: 4px;}
.pop2{width: 624px; background: #000; border: 4px solid #FFF; padding: 4px;}
.popBox{background: #195bad; border: 1px solid #6aadfe;}
.closeBtn{display: block; width: 37px; height: 37px; background: url(../images/close.png) no-repeat 0 0; cursor: pointer; overflow: hidden; text-indent: -9999px; position: absolute; right: 30px; top: 30px;}

.popTitle{height: 100px; line-height: 100px; text-align: center; font-size: 38px; color: #FFF; font-weight: bold;}
.selectCont{background: #184d8f; margin: 0 auto; padding: 20px 0 0 0; width:1160px;}
.selectTab{padding: 6px 0; height: 38px; display: flex; justify-content: center; background: #2062ad; margin-bottom: 50px;}
.selectTab a{display: block; width: 96px; height: 36px; line-height: 36px; border-radius: 36px; font-size: 24px; color: #FFF; margin: 0 13px; cursor: pointer; text-align: center;}
.selectTab a:hover,.selectTab a.on{background: #FFF; color: #2062ad;}
.selectlist{height: 390px;}
.selectli{height: 64px; width: 360px; float: left; margin-left: 20px;}
.selectli span.v1{float: left; height: 48px; line-height: 48px; color: #FFF; font-size: 24px; padding-right: 4px;}
.selectli span.v2{float: left; width: 290px; height: 48px; padding: 0 10px; border: 1px solid #FFF; background: #FFF; font-size: 18px; color: #000;}
.selectli select{float: right; width: 290px; height: 48px; padding: 0 4px; border: 1px solid #FFF; background: #FFF; font-size: 18px; color: #000; outline: none;}
.selectli span.on,.selectli input.on{background: #FFF url(../images/over.png) no-repeat right center; background-size: 44px auto;}
.selectli span.error,.selectli input.error{background: #FFF url(../images/error.png) no-repeat right center; background-size: 44px auto;}
.selectli a.btn{float: left; margin-left: 10px; width: 128px; height: 60px; line-height: 60px; background: #c9545a; font-size: 24px; color: #FFF; text-align: center; cursor: pointer;}
.selectTips{text-align: center; font-size: 18px; color: #ff3d3d; padding-top: 15px;}


.btnBox{display: flex; justify-content: center; padding: 26px 0;}
.btnBox a{display: block; width: 260px; height: 80px; line-height: 80px; cursor: pointer; margin: 0 10px; text-align: center; font-size: 48px; color: #ffffff; background: #c9545a; border-radius: 80px;}


.msg{height: 200px; padding-bottom: 0px; display: flex; justify-content: center; align-items: center; font-size: 36px; color: #FFF; line-height: 56px; width: 500px; text-align: center; margin: 0 auto;}



.hoverTop{-webkit-transition:0.4s;-moz-transition:0.4s;-ms-transition:0.4s;-o-transition:0.4s;transition:0.4s;}
.hoverTop:hover{
  -webkit-transform: translate(0,-10px);
  -moz-transform: translate(0,-10px);
  -ms-transform: translate(0,-10px);
  -o-transform: translate(0,-10px);
  transform: translate(0,-10px);
}
body::-webkit-scrollbar{width:6px;height:6px;background-color:rgba(0,0,0,0);}
body::-webkit-scrollbar-track{border-radius:6px;background-color:#1e1e1e;}/*底*/
body::-webkit-scrollbar-thumb{border-radius:6px;background-color:#8b8b8b;}/*面*/
body::-webkit-scrollbar-thumb:hover{background-color:rgba(143,143,148,1);}
body::-webkit-scrollbar-thumb:active{background-color:rgba(106,106,112,1);}
body::-webkit-scrollbar-track-piece{margin:0;}