@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;}
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:#272743; font-size:12px; font-family:"Microsoft YaHei",Verdana,Geneva,sans-serif,\5b8b\4f53;  -webkit-text-size-adjust: 100%; width: 100%; overflow-x: hidden;}
#content{position: relative; min-width: 1360px; width: 1920px; margin: 0 auto; background: url(../images/bg.jpg) no-repeat center 0;}
.clickVideoPlay{cursor: pointer;}
.section{position: relative;}
.header{height: 1010px;}
.section1{height: 880px;}
.publicMain{width: 1360px; height: 100%; margin: 0 auto; position: relative;}
.iconStyle1{width: 375px; height: 114px; background: url(../images/left.png) no-repeat 0 0; position: absolute; left: 0; top: -50px;}
.iconStyle2{width: 385px; height: 89px; background: url(../images/right.png) no-repeat 0 0; position: absolute; right: 0; bottom: -14px;}
.iconRole{width: 365px; height: 580px; background: url(../images/role.png) no-repeat 0 0; position: absolute; left: 0; top: -184px;}
.redbg{background: url(../images/red.jpg) no-repeat center 0;}
.swiper{width: 100%; height: 100%;}
.divCont{width: 171px; height: 100%; position: absolute; right: 5px; top: 0; z-index: 100;}
.poplr{width: 171px; position: fixed; top: 50%; transform: translate(0,-50%);}
.popSlg{width: 171px; height: 72px; background: url(../images/slg.png) no-repeat 0 0;}
.goTop{display: block; height: 60px; width: 59px; cursor: pointer; margin: 0 auto; background: url(../images/top.png) no-repeat 0 0;}
.popBtns a{display: block; width: 150px; height: 57px; cursor: pointer; margin-bottom: 13px; overflow: hidden; text-indent: -9999px;}
.popBtns a.n1{background: url(../images/nav1.png) no-repeat right 0;}
.popBtns a.n2{background: url(../images/nav2.png) no-repeat right 0;}
.popBtns a.n3{background: url(../images/nav3.png) no-repeat right 0;}
.popBtns a.n4{background: url(../images/nav4.png) no-repeat right 0;}
.popBtns a.n5{background: url(../images/nav5.png) no-repeat right 0;}
.popBtns a.n6{background: url(../images/nav6.png) no-repeat right 0;}
.popBtns a.n7{background: url(../images/nav7.png) no-repeat right 0;}
.popBtns a.n8{background: url(../images/nav8.png) no-repeat right 0;}
.popBtns a.n9{background: url(../images/nav9.png) no-repeat right 0;}
.popBtns a:hover,.popBtns a.on{background-position: 0 0;}

/*直播*/
.zhibo{height: 1480px;}
.titleZhibo{height: 180px; background: url(../images/tit_live.png) no-repeat center;}
.zhiboCont{width: 1286px; height: 734px; background: url(../images/videoBorder.png) no-repeat 0 0; margin: 0 auto; display: flex; justify-content: center; align-items: center; margin-bottom: 50px;}
.zhiboDiv{width: 1200px; height: 676px; position: relative;}
.zhiboDiv iframe{width: 100%; height: 100%; border: 0 none;}
.zhiboDiv a{display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,0.3) url(../images/play.png) no-repeat center; cursor: pointer;}
.titNarrate{height: 180px; background: url(../images/tit_narrate.png) no-repeat center;}
.narrCont{display: flex; justify-content: center;}
.narrli{width: 196px; height: 270px; margin: 0 15px;}
.narrli span{display: block; width: 186px; height: 186px; background: url(../images/headIcon.png) no-repeat 0 0; display: flex; justify-content: center; align-items: center; margin: 0 auto; margin-bottom: 26px;}
.narrli span img{display: block; width: 154px; height: 154px; border-radius: 154px; background: #dabea5;}
.narrli p{height: 50px; line-height: 50px; text-align: center; background: url(../images/headName.png) no-repeat center 0; font-size: 22px; color: #ffffff;}


/*赛事进程*/
.jincheng{height: 754px;}
.titleJinc{height: 254px; background: url(../images/tit_jinc.png) no-repeat center;}
.jcCont{width: 1252px; height: 350px; margin: 0 auto;}
.jcCont div.jcli{float: left; width: 296px; height: 100%; position: relative;}
.jcCont div.a1{background: url(../images/jc_li1.png) no-repeat center 0;}
.jcCont div.a2{background: url(../images/jc_li2.png) no-repeat center 0;}
.jcCont div.a3{background: url(../images/jc_li3.png) no-repeat center 0;}
.jcCont div.jcbor{float: left; width: 182px; height: 256px;}
.jcCont div.bor{background: url(../images/jc_icon.png) no-repeat center;}
.jcTime{text-align: center; font-size: 24px; color: #fade98; font-weight: bold; padding-top: 278px;}
.jcbox{width: 196px; height: 84px; background: url(../images/jc_box.png) no-repeat 0 0; position: absolute;}
.jcbox.b1{left: -128px; top: 220px;}
.jcbox.b2{left: 50px; top: 266px;}
.jcbox.b3{right: -128px; top: 220px;}
.jcbox span{display: block; height: 40px;}
.jcbox span.n1{background: url(../images/jc_n1.png) no-repeat center 8px;}
.jcbox span.n2{background: url(../images/jc_n2.png) no-repeat center 8px;}
.jcbox span.n3{background: url(../images/jc_n3.png) no-repeat center 8px;}
.jcbox strong{display: block; text-align: center; font-size: 18px; color: #fade98; padding: 0 15px; line-height: 20px;}

/*赛事介绍*/
.introduce{padding-bottom: 50px;}
.titleJs{height: 200px; background: url(../images/tit_js.png) no-repeat center 44px;}
.jsRule{width:1070px; margin: 0 auto;}
.jstit{height: 74px;}
.jstit.t1{background: url(../images/tit_s_t1.png) no-repeat center 0;}
.jstit.t2{background: url(../images/tit_s_t2.png) no-repeat center 0;}
.jstit.t3{background: url(../images/tit_s_t3.png) no-repeat center 0;}
.jsText{padding-bottom: 50px;}
.jsText h3{font-weight: bold; font-size: 24px; color: #f7dbaa; height:40px;}
.jsText p{font-size: 16px; color: #959595; line-height: 30px;}

/*赛事奖励*/
.reward{height: 2327px;}
.titleRew{height: 214px; background: url(../images/tit_rew.png) no-repeat center 64px;}
.rewCont{height: 1600px; display: flex; justify-content: center;}
.rewli{width: 312px; height: 1600px; margin: 0 14px;}
.rewTitle{height: 65px;}
.rewTitle.t1{background: url(../images/rew_t1.png) no-repeat center 0;}
.rewTitle.t2{background: url(../images/rew_t2.png) no-repeat center 0;}
.rewTitle.t3{background: url(../images/rew_t3.png) no-repeat center 0;}
.rewTitle.t4{background: url(../images/rew_t4.png) no-repeat center 0;}
.rewBox{background: url(../images/li.png) no-repeat 0 bottom; width: 312px; height: 1498px;}
.rewRule{padding: 36px 0 0 0; width: 234px; margin: 0 auto;}
.rewRule li{border-bottom: 2px dotted #dcc48c; padding-bottom: 5px;}
.rewRule li:last-child{border: 0 none;}
.rewRule li h3{padding: 5px 0; text-align: center; color: #ab423f; font-weight: bold; font-size: 16px; line-height: 18px;}
.rewRule li img{display: block; margin: 0 auto;width:180px;}
.rewRule li p{text-align: center; font-size: 14px; color: #412d21; line-height: 20px; padding-top: 5px; width: 240px; margin: 0 auto; display: block;}
.rewDis{width: 1200px; margin: 0 auto;}
.rewDis dl{ float:left;width: 550px;}
.rewDis dt{width: 305px;}
.rewDis dt img{display: block; }
.rewDis dd{ width: 780px;}
.rewDis dd h3{font-size: 20px; font-weight: bold; color: #fadc95; padding-bottom: 12px;}
.rewDis dd p{font-size: 16px; line-height: 24px; color: #FFF;}

.news{height: 770px; background: #393463;}
.titleNews{height: 200px; background: url(../images/tit_news.png) no-repeat center 34px;}
.newsCont{width: 1346px; height: 458px; margin: 0 auto;}
.newsLb{width: 695px; height: 451px; background: url(../images/lbbor.png) no-repeat 0 0; background-size: 100% auto; display: flex; justify-content: center; align-items: center; float: left;}
.lunbo{width: 620px; height: 408px; overflow: hidden;}
.lunbo img{display: block; width: 620px; height: 408px;}
.lunbo .swiper-pagination-bullet{width: 12px; height: 12px;}
.newsWrap{float: right; width: 651px; height: 450px; position: relative;}
.newsRed{width: 636px; height: 435px; background: #ab423f;}
.newsWhite{width: 636px; height: 435px; background: #FFF; position: absolute; right: 0; bottom: 0;}
.newsDis{width: 585px; margin: 0 auto;}
.newsDis h3{padding: 24px 0 14px 0; border-bottom: 1px dotted #ab423f; margin-bottom: 12px;}
.newsDis h3 span{display: block; border-left: 4px solid #ab423f; height: 26px; line-height: 26px; font-size: 26px; color: #ab423f; padding-left: 8px; font-weight: bold;}
.newsScroll{width: 585px; height: 334px; overflow: hidden; overflow-y: auto;}
.newsli{height: 46px; line-height: 46px; font-size: 20px; padding-right: 10px;}
.newsli a{color: #838383; width: 455px; height: 46px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; float: left;}
.newsli a:hover{color: #ab423f;}
.newsli span{float: right; height: 46px; color: #838383;}
.newsScroll::-webkit-scrollbar{width:6px;height:6px;background-color:rgba(0,0,0,0);}
.newsScroll::-webkit-scrollbar-track{border-radius:0;background-color:#ddd;}/*底*/
.newsScroll::-webkit-scrollbar-thumb{border-radius:0;background-color:#ab423f;}/*面*/
.newsScroll::-webkit-scrollbar-thumb:hover{background-color:rgba(143,143,148,1);}
.newsScroll::-webkit-scrollbar-thumb:active{background-color:rgba(106,106,112,1);}
.newsScroll::-webkit-scrollbar-track-piece{margin:0;}

.rongyao{height: 1000px; margin-bottom: 0px;}
.titleRy{height: 214px; background: url(../images/tit_ry.png) no-repeat center 60px;}
.ryCont{display: flex; justify-content: center;}
.rylist{width: 312px; height: 660px; margin: 0 33px;}
.ryTit{height: 64px;}
.ryTit.t1{background: url(../images/ry_t1.png) no-repeat center 0;}
.ryTit.t2{background: url(../images/ry_t2.png) no-repeat center 0;}
.ryTit.t3{background: url(../images/ry_t3.png) no-repeat center 0;}
.ryBox{width: 312px; height: 589px; background: url(../images/ry_li.png) no-repeat 0 0;}
.ryDiv{padding-top: 124px;}
.ryDiv span{display: block; width: 255px; height: 62px; line-height: 62px; text-align: center; background: #fec876; border-radius: 62px; font-size: 24px; color: #9a763f; font-weight: bold; margin: 0 auto; margin-bottom: 66px;}
.ryDiv span.on{color: #ab423f;}

.zhuli{height: 1440px; background: url(../images/x.png) no-repeat center 525px;}
.titleZhuli{background: url(../images/tit_zhuli.png) no-repeat center 0; height: 160px;}
.girlImg{display: block; position: absolute; left: 20px; top: 118px;}
.zlImg{display: block; position: absolute; left: -122px; top: 840px;}
.zhuCont{width: 370px; height: 641px; background: url(../images/bor_l.png) no-repeat 0 0; position: absolute; right: 130px; top: 170px; z-index: 10;}
.zhutit{width: 185px; height: 302px; background: url(../images/zhu_t1.png) no-repeat 0 0; position: absolute; right: -103px; top: -130px; z-index: 20;}
.zhuVideo{width: 187px; height: 64px; background: url(../images/zhu_video.png) no-repeat 0 0; position: absolute; left: -35px; bottom: -37px;}
.zhuWrap{width: 316px; height: 564px; position: absolute; left: 27px; top: 38px;}
.zhuWrap video{width: 100%; height: 100%; display: block;}
.zhuWrap a{display: block; width: 100%; height: 100%; z-index: 10; position: absolute; left: 0; top: 0; cursor: pointer;}
.zhuWrap a img{display: block; width: 100%; height: 100%;}
.zhuWrap a span{display: block; width: 100%; height: 100%; background: rgba(0,0,0,.5) url(../images/play.png) no-repeat center; background-size: 120px auto; position: absolute; left: 0; top: 0; z-index: 10;}
.zhuWrap a:hover span{background: rgba(0,0,0,0) url(../images/play.png) no-repeat center; background-size: 120px auto;}

.zhuSubmit{width: 622px; height: 160px; position: absolute; left: -82px; top: 1148px;}
.zhuSubmit a.btnPrize{display: block; width: 202px; height: 68px; cursor: pointer; background: url(../images/btn_prize.png) no-repeat 0 0; position: absolute; left: 0; top: 30px;}
.zhuSubmit a.btnRule{display: block; width: 202px; height: 68px; cursor: pointer; background: url(../images/btn_rule.png) no-repeat 0 0; position: absolute; right: 0; top: 30px;}
.zhuSubmit a.btnzhuli{display: block; width: 201px; height: 99px; cursor: pointer; background: url(../images/btn_zhuli.png) no-repeat 0 0; margin: 0 auto;}
.zhuSubmit a:hover{background-position: 0 bottom;}
.zhuText{text-align: center; font-size: 18px; color: #FFF; padding-top: 20px;}
.zhuText span{color: #f2c968;}
.zhuLotter{width: 871px; height: 389px; position: absolute; right: -65px; top: 890px;}
.zhuLotter div{position: absolute;}
.zhuLotter div.style1{background: url(../images/lotter_on1.png) no-repeat 0 0; width: 215px; height: 94px;}
.zhuLotter div.style2{background: url(../images/lotter_on2.png) no-repeat 0 0; width: 105px; height: 193px;}
.zhuLotter div.on{background-position: right 0;}
.zhuLotter div.p1{left: 0; top: 0;}
.zhuLotter div.p2{left: 219px; top: 0;}
.zhuLotter div.p3{right: 219px; top: 0;}
.zhuLotter div.p4{right: 0; top: 0;}
.zhuLotter div.p5{right: 0; top: 98px;}
.zhuLotter div.p6{right: 0; bottom: 98px;}
.zhuLotter div.p7{right: 0; bottom: 0;}
.zhuLotter div.p8{right: 219px; bottom: 0;}
.zhuLotter div.p9{left: 219px; bottom: 0;}
.zhuLotter div.p10{left: 0; bottom: 0;}
.zhuLotter div.p11{left: 0; bottom: 98px;}
.zhuLotter div.p12{left: 0; top: 98px;}
.zhuLotter div.p13{left: 219px; top: 98px;}
.zhuLotter div.p14{right: 219px; top: 98px;}
.lotterImg{width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 10; background: url(../images/lotterImg.png) no-repeat 0 0;}
.btnStart{display: block; width: 215px; height: 194px; background: url(../images/btn_start.png) no-repeat 0 0; position: absolute; left: 328px; top: 98px; cursor: pointer; z-index: 100;}
.lotterTips{width: 100%; text-align: center; font-size: 18px; color: #FFF; position: absolute; left: 0; bottom: -40px;}

.media{height: 754px;}
.titMedia{background: url(../images/titMedia.png) no-repeat center; height: 224px;}
.medialist{display: flex; justify-content: center; flex-wrap: wrap;}
.medialist span{display: block; width: 315px; height: 155px; background-color: rgba(149,60,60,0.9); background-position: center; background-repeat: no-repeat; margin: 0 12px 54px 12px;}
.medialist span.m1{background-image: url(../images/m1.png);}
.medialist span.m2{background-image: url(../images/m2.png);}
.medialist span.m3{background-image: url(../images/m3.png);}
.medialist span.m4{background-image: url(../images/m4.png);}
.medialist span.m5{background-image: url(../images/m5.png);}
.medialist span.m6{background-image: url(../images/m6.png);}
.medialist span.m7{background-image: url(../images/m7.png);}

.mediaTips{text-align: center; font-size: 20px; color: #FFF;}

.fengcai{height: 1050px; background: url(../images/x2.png) no-repeat center 323px;}
.titleFc{height: 234px; background: url(../images/tit_fc.png) no-repeat center;}
.fengRole{display: none; position: absolute; right: 10px; bottom: 494px;}

.fengCont{width: 825px; height: 322px; position: absolute; left: 0; top: 234px;}
.fcTab{display: flex; justify-content: center; height: 69px;}
.fcTab a{display: block; width: 202px; height: 69px; cursor: pointer; margin: 0 10px; cursor: pointer;}
.fcTab a.tab1{background: url(../images/tab1.png) no-repeat 0 0;}
.fcTab a.tab2{background: url(../images/tab2.png) no-repeat 0 0;}
.fcTab a.tab3{background: url(../images/tab3.png) no-repeat 0 0;}
.fcTab a:hover,.fcTab a.on{background-position: 0 bottom;}
.fcText{height: 200px; background: url(../images/fc_img.png) no-repeat center 50px;}
.btnRz{display: block; width: 226px; height: 54px; cursor: pointer; margin: 0 auto; cursor: pointer; background: url(../images/btn_rz.png) no-repeat 0 0;}
.teamTips{width: 100%; text-align: center; font-size: 18px; color: #FFF; position: absolute; left: 0; top: 950px;}
.teamCont{width: 1650px; height: 100px; background: url(../images/teambg.png) no-repeat 0 0; position: absolute; left: -145px; top: 556px; display: flex; justify-content: center; align-items: center;}
.teamCont a{display: block; width: 124px; padding: 0 20px; height: 54px; line-height: 20px; text-align: center; font-size: 18px; color: #f4d17c; font-weight: bold; background: url(../images/btn_team2.png) no-repeat right 0; cursor: pointer; display: flex; justify-content: center; align-items: center;}
.teamCont a.on{color: #bc3c41; background-position: 0 0;}
.teamList{width: 100%; position: absolute; left: 0; top: 698px; height: 224px; display: flex; justify-content: center;}
.teamList div.li{width: 149px; height: 221px; background: url(../images/gameBorder.png) no-repeat 0 0; margin: 0 7px;}
.teamList div.li span{display: block; height: 142px; background-position: center 38px; background-repeat: no-repeat; background-size: 94px auto;}
.teamList div.li span.icon1{background-image: url(../images/icon/1.png);}
.teamList div.li span.icon2{background-image: url(../images/icon/2.png);}
.teamList div.li span.icon3{background-image: url(../images/icon/3.png);}
.teamList div.li span.icon4{background-image: url(../images/icon/4.png);}
.teamList div.li span.icon5{background-image: url(../images/icon/5.png);}
.teamList div.li span.icon6{background-image: url(../images/icon/6.png);}
.teamList div.li p{padding: 0 20px; font-size: 15px; color: #c8c8c8; line-height: 18px; text-align: center;}
.teamList div.li a.none{display: block; width: 100%; height: 100%; background: url(../images/gameIcon_none.png) no-repeat center;}

.zhanbao{height: 1740px;}
.titleZb{height: 160px; background: url(../images/tit_zhanbao.png) no-repeat center 0;}

.picture{height: 825px; margin-bottom: 50px;}
.titlePic{height: 176px; background: url(../images/tit_pic.png) no-repeat center;}
.piclb{width: 1130px; height: 610px; margin: 0 auto;}
.piclb .imgCont{background: url(../images/piclb.png) no-repeat 0 0; display: flex; justify-content: center; align-items: center; width: 992px; height: 568px; margin: 0 auto;}
.piclb .imgCont img{display: block; width: 926px; height: 522px;}
.piclb .swiper-button-prev:after,.piclb .swiper-rtl .swiper-button-next:after{content: "";}
.piclb .swiper-button-next:after,.piclb .swiper-rtl .swiper-button-prev:after{content: "";}
.piclb .swiper-button-next,.piclb .swiper-button-prev{width: 108px; height: 117px; margin-top:0; top: 225px;}
.piclb .swiper-button-prev,.piclb .swiper-rtl .swiper-button-next{left: 0; background: url(../images/prev.png) no-repeat 0 0;}
.piclb .swiper-button-next,.piclb .swiper-rtl .swiper-button-prev{right: 0; background: url(../images/next.png) no-repeat 0 0;}
.piclb .swiper-pagination-bullet{width: 23px; height: 23px; background: url(../images/on.png) no-repeat -23px 0; opacity: 1;}
.piclb .swiper-pagination-bullet-active{background-position: 0 0;}

.loginBox{width: 100%; position: absolute; left: 0; bottom: 50px; text-align: center; color: #FFF; line-height: 60px; font-size: 26px;}
.login a,.logout a{color: #FFF; cursor: pointer;}
.loginDiv,.logoutDiv{display: none;}


.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: 878px; height: 500px; background: url(../images/pop1.png) no-repeat 0 0;}
.pop2{width: 787px; height: 734px; background: url(../images/pop2.png) no-repeat 0 0;}
.pop3{width: 1286px; height: 734px; background: url(../images/pop3.png) no-repeat 0 0;}
.closeBtn{display: block; width: 60px; height: 60px; background: url(../images/close.png) no-repeat 0 0; cursor: pointer; position: absolute; right: -60px; top: 0;}


.pt1{background: url(../images/pt1.png) no-repeat center; height: 170px;}
.pt2{background: url(../images/pt2.png) no-repeat center; height: 200px;}
.pt3{background: url(../images/pt3.png) no-repeat center; height: 170px;}
.pt4{background: url(../images/pt4.png) no-repeat center 50px; height: 140px;}

.btnBox{display: flex; justify-content: center;}
.btnBox a{display: block; width: 185px; height: 67px; cursor: pointer; margin: 0 12px; overflow: hidden; text-indent: -9999px;}
.btnBox a.btn_enter{background: url(../images/btn_enter.png) no-repeat 0 0;}
.btnBox a.btn_submit{background: url(../images/btn_submit.png) no-repeat 0 0;}
.btnBox a.btn_submit2{background: url(../images/btn_submit2.png) no-repeat 0 0;}

.msgTips{height: 340px; display: flex; justify-content: center; align-items: center; font-weight: bold; color: #fff1b7; font-size: 60px; text-align: center; padding-top: 20px;}

.msg{height: 160px; display: flex; justify-content: center; font-size: 36px; color: #fff1b7; line-height: 60px; text-align: center; width: 720px; margin: 0 auto;}
.msg span{color: #4fbbff;}

.subMain{height: 190px;}
.subMain2{height: 304px;}
.sublist{height: 80px;}
.sublist span{float: left; width: 295px; margin-right: 10px; height: 52px; line-height: 52px; overflow: hidden; text-indent: -9999px;}
.sublist span.yt1{background: url(../images/yt1.png) no-repeat right center;}
.sublist span.yt2{background: url(../images/yt2.png) no-repeat right center;}
.sublist span.yt4{background: url(../images/yt4.png) no-repeat right center;}
.sublist span.yt5{background: url(../images/yt5.png) no-repeat right center;}
.sublist span.yt6{background: url(../images/yt6.png) no-repeat right center;}
.sublist span.yt7{background: url(../images/yt7.png) no-repeat right center;}
.sublist span.yt8{background: url(../images/yt8.png) no-repeat right center;}
.sublist span.yt9{background: url(../images/yt9.png) no-repeat right center;}
.sublist span.yt10{background: url(../images/yt10.png) no-repeat right center;}
.sublist select{float: left; width: 380px; height: 50px; background: #c6c6d1; border: 1px solid #fff8db; font-size: 24px; color: #292744; outline: none;}
.sublist input{float: left; width: 380px; height: 50px; background: #c6c6d1; border: 1px solid #fff8db; font-size: 24px; color: #292744; outline: none; padding: 0 10px;}
.sublist textarea{float: left; width: 380px; height: 140px; background: #c6c6d1; border: 1px solid #fff8db; font-size: 24px; color: #292744; outline: none; padding: 5px 10px; font-family:"Microsoft YaHei";}
.subMain2 .sublist{height: 74px;}
.subMain2 .sublist span{width: 230px;}

.subMain3{height: 320px;}
.subMain3 .sublist{height: 74px;}
.subMain3 .sublist2{height: 174px;}
.subMain3 .sublist span{width: 230px;}

.lotterInfo{float: left; width: 380px; height: 50px; line-height: 50px; background: #c6c6d1; border: 1px solid #fff8db; font-size: 24px; color: #292744; outline: none; padding: 0 10px;}
.lotterInfo2{float: left; width: 380px; height: 140px; background: #c6c6d1; border: 1px solid #fff8db; font-size: 24px; color: #292744; outline: none; padding: 5px 10px; font-family:"Microsoft YaHei";}

.infoTips{width: 400px; margin: 0 auto; height: 130px; padding: 0 0 0 86px; background: url(../images/tips.png) no-repeat 0 0; font-size: 16px; color: #fff1b7; line-height: 30px;}
.okTips{height: 52px; text-align: center; font-size: 16px; color: #fff1b7;}

.lotterTitle{height: 220px; text-align: center; font-weight: bold; font-size: 30px;}
.lotterTitle span{display: block; padding: 50px 0 0 0; height: 56px; color: #fff1b7;}
.lotterTitle div{display: block; color: #FFF; line-height: 46px; padding: 0 40px;}

.selectCont{width: 1150px; margin: 0 auto;}
.selectTitle{padding: 36px 0 0 0; height: 110px; line-height: 110px; text-align: center; font-size: 36px; color: #f7dbaa; font-weight: bold;}
.selectScroll{width: 100%; height: 400px; overflow: hidden; overflow-y: auto; margin-bottom: 30px;}
.selectScroll::-webkit-scrollbar{width:6px;height:6px;background-color:rgba(0,0,0,0);}
.selectScroll::-webkit-scrollbar-track{border-radius:0;background-color:#ddd;}/*底*/
.selectScroll::-webkit-scrollbar-thumb{border-radius:0;background-color:#ab423f;}/*面*/
.selectScroll::-webkit-scrollbar-thumb:hover{background-color:rgba(143,143,148,1);}
.selectScroll::-webkit-scrollbar-thumb:active{background-color:rgba(106,106,112,1);}
.selectScroll::-webkit-scrollbar-track-piece{margin:0;}
.selectText{padding-right: 30px;}
.selectText h3{font-size: 24px; font-weight: bold; color: #f7dbaa; padding-bottom: 12px;}
.selectText p{font-size: 20px; color: #FFF; padding-bottom: 12px; line-height: 32px;}

.okBtns{display: flex; justify-content: center; padding-top: 20px;}
.okBtns span{display: block; width: 19px; height: 19px; background: url(../images/sel.png) no-repeat 0 0; margin-right: 5px; cursor: pointer;}
.okBtns span.on{background-position: 0 0;}
.okBtns a{display: block; color: #959595; font-size: 16px; height: 19px; line-height: 19px;}

.tableCont{width: 1150px; margin: 0 auto;}
.tableTh{height: 56px; border-bottom: 1px solid #5f5e77;}
.tableTh span{float: left; width: 240px; height: 56px; line-height: 56px; padding-left: 20px; font-size: 18px; font-weight: bold; color: #f7dbaa;}
.tableTh span.a1{width: 600px;}
.tableTd{height: 46px; line-height: 46px;}
.tableTd span{float: left; width: 240px; height: 46px; line-height: 46px; padding-left: 20px; font-size: 16px; color: #FFF;}
.tableTd span.a1{width: 600px;}
.tableTd a{color: #6bb4ff;}
.tableTd a.inputAddress,.tableTd a.searchAddress{cursor: pointer;}
.tableScroll{width: 100%; height: 414px; overflow: hidden; overflow-y: auto; margin-bottom: 10px;}
.tableScroll::-webkit-scrollbar{width:6px;height:6px;background-color:rgba(0,0,0,0);}
.tableScroll::-webkit-scrollbar-track{border-radius:0;background-color:#ddd;}/*底*/
.tableScroll::-webkit-scrollbar-thumb{border-radius:0;background-color:#ab423f;}/*面*/
.tableScroll::-webkit-scrollbar-thumb:hover{background-color:rgba(143,143,148,1);}
.tableScroll::-webkit-scrollbar-thumb:active{background-color:rgba(106,106,112,1);}
.tableScroll::-webkit-scrollbar-track-piece{margin:0;}

.baoCont{width: 1260px; height: 1468px; margin: 0 auto; background: url(../images/table.png) no-repeat 0 0; position: relative;}
.cityCont{font-size: 20px; color: #f4d17c; text-align: center; width: 138px; position: absolute; right: 0px; top: 660px;}
.winIcon{width: 138px; position: absolute; right: 0px; top: 624px;}
.winIcon img{display: block; margin: 0 auto;}
.win-box{width: 1260px; height: 556px; position: absolute; left: 0; top: 112px;}
.fail-box{width: 1260px; height: 498px; position: absolute; left: 0; top: 673px;}
.table-box{width: 549px; height: 239px; position: absolute; left: 79px; bottom: 0;}
.winlist{width: 115px; height: 116px; position: absolute;}
.winlist span{display: block; width: 115px; height: 37px; background: url(../images/k.png) no-repeat 0 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; position: absolute; left: 0; font-size: 14px; color: #FFF; text-align: center; line-height: 37px;}
.winlist span.top{top: 0;}
.winlist span.bom{bottom: 0;}
.winlist a.play{display: block; width: 31px; height: 31px; background: url(../images/play2.png) no-repeat 0 0; position: absolute; right: 5px; top: 50%; margin-top: -15px; -webkit-filter: grayscale(100%);filter: grayscale(100%);}
.winlist a.on{-webkit-filter: grayscale(0);filter: grayscale(0); cursor: pointer;}

.winlist.p1{left: 16px; top: 112px;}
.winlist.p2{left: 16px; top: 336px;}
.winlist.p3{left: 297px; top: 41px; height: 187px;}
.winlist.p4{left: 297px; top: 336px; height: 187px;}
.winlist.p5{left: 714px; top: 114px; height: 334px;}
.winlist.p6{left: 991px; top: 262px; height: 455px; z-index: 2;}
.winlist.p6 a.play{top: 222px; margin: 0;}


.winlist.p21{left: 16px; top: 81px;}
.winlist.p22{left: 16px; top: 302px;}
.winlist.p23{left: 297px; top: 46px; height: 184px;}
.winlist.p24{left: 297px; top: 304px; height: 184px;}
.winlist.p25{left: 437px; top: 8px; height: 148px;}
.winlist.p26{left: 437px; top: 263px; height: 154px;}
.winlist.p27{left: 577px; top: 60px; height: 297px;}
.winlist.p28{left: 855px; top: 46px; height: 185px;}
.winlist.p29{left: 991px; top: 119px;}

.talist{width: 240px; height: 183px; position: absolute; top: 14px;}
.talist span{display: block; width: 103px; height: 35px; background: url(../images/k2.png) no-repeat 0 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; position: absolute; font-size: 14px; color: #FFF; text-align: center; line-height: 35px;}
.talist span.top{left: 0; top: 0;}
.talist span.bom{left: 0; bottom: 0;}
.talist span.right{right: 0; top: 74px;}
.talist a.play{display: block; width: 31px; height: 31px; background: url(../images/play2.png) no-repeat 0 0; position: absolute; left: 85px; top: 50%; margin-top: -15px; -webkit-filter: grayscale(100%);filter: grayscale(100%);}
.talist a.on{-webkit-filter: grayscale(0);filter: grayscale(0); cursor: pointer;}
.talist.p1{left: 0;}
.talist.p2{right: 0;}

.popVideo{width:1200px;height:675px; background: #000;}
.btnClose{background: url(https://w2i.games.wanmei.com/images/cover230726/pop-close.png) no-repeat 0 0; width: 51px; height: 51px; position: absolute; right: -65px; top: 0; cursor: pointer;z-index: 2;}
.btnClose:hover{background-position: 0 bottom;}
.videoInt video,.videoInt{width: 100%; height: 100%; display: block;}