@charset "utf-8";
/* public */
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}
html{_filter:expression(document.execCommand("BackgroundImageCache",false,true));}
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;}
body{background:#000; font-size:12px; font-family:"Microsoft YaHei",Verdana,Geneva,sans-serif,\5b8b\4f53;}
#content{position: relative; min-width: 1200px; max-width: 1920px; margin: 0 auto;}
.indexTop{background: url(../images/bg_01.jpg) no-repeat center 0;}
.indexBom{background: url(../images/bg_02.jpg) no-repeat center 981px; height: 3600px;}
.section{position: relative; width: 100%; overflow: hidden;}
.section1{height: 980px;}
.section2{height: 895px;}
.section3{height: 1240px;}
.publicMain{width: 1300px; height: 100%; margin: 0 auto; position: relative;}

.nav{width: 234px; height: 36px; line-height: 36px; text-align: center; background: rgba(67,79,137,0.8); font-size: 18px; color: #FFF; position: absolute; right: 0; top: 20px; border-radius: 36px;}
.nav a{color: #FFF;}
.nav a:hover{color: #ff0;}
.nav span{padding: 0 15px;}

.slogan{width: 1310px; height: 446px; position: absolute; left: 50%; margin-left: -645px; top: 500px; background: url(../images/slogan.png) no-repeat 0 0;}
.slogan{-webkit-animation:moveIn .6s .2s ease-in-out both;-ms-animation:moveIn .6s .2s ease-in-out both;animation:moveIn .6s .2s ease-in-out both}
@-webkit-keyframes moveIn{
    0%{-webkit-transform:scale(0.6);opacity:0}
    100%{-webkit-transform:scale(1);opacity:1}
}
@keyframes moveIn{
    0%{transform:scale(0.6);opacity:0}
    100%{transform:scale(1);opacity:1}
}

.tit1{height: 175px; background: url(../images/tit1.png) no-repeat center 0;}
.tit2{height: 175px; background: url(../images/tit2.png) no-repeat center 0;}
.tit3{height: 175px; background: url(../images/tit3.png) no-repeat center 0;}

.lotterTop{height: 84px; display: flex; justify-content: center;}
.lotterTop a{display: block; width: 128px; height: 32px; cursor: pointer;}
.lotterTop a.btn_get{background: url(../images/btn_get.png) no-repeat 0 0;}
.lotterTop a.btn_prize{background: url(../images/btn_prize.png) no-repeat 0 0; width: 108px;}
.lotterTop a.btn_rule{background: url(../images/btn_rule.png) no-repeat 0 0; width: 108px; margin-left: 70px;}
.lotterTop a:hover{background-position: 0 bottom;}
.lotterTop div.lotterText{height: 32px; line-height: 32px; color: #FFF; font-size: 24px; padding: 0 60px; min-width: 170px;}

.lotterMain{width: 1200px; margin: 0 auto; height: 580px;}
.lotterCont{height: 390px; position: relative;}
.lotterBox{width: 1036px; height: 336px; margin: 0 auto; background: url(../images/lotter.png) no-repeat 0 0; position: relative;}

.lotterBox div{width: 117px; height: 117px; background: url(../images/on.png) no-repeat center -999px; position: absolute; left: 0; top: 0; z-index: 10;}
.lotterBox div.p1{left: 62px;}
.lotterBox div.p2{left: 206px;}
.lotterBox div.p3{left: 350px;}
.lotterBox div.p4{left: 494px;}
.lotterBox div.p5{left: 638px;}
.lotterBox div.p6{left: 782px;}

.lotterBox div.p7{left: 854px; top: 196px;}
.lotterBox div.p8{left: 710px; top: 196px;}
.lotterBox div.p9{left: 566px; top: 196px;}
.lotterBox div.p10{left: 422px; top: 196px;}
.lotterBox div.p11{left: 278px; top: 196px;}
.lotterBox div.p12{left: 134px; top: 196px;}
.lotterBox div.on{background-position: center;}

.lotterText{text-align: center; color: #FFF; font-size: 18px; height: 40px;}

.btn_start{width: 344px; height: 72px; margin: 0 auto; cursor: pointer; background: url(../images/btn_start.png) no-repeat 0 0; display: block;}
.btn_start:hover{background-position: 0 bottom;}
.lotterNum{text-align: center; color: #FFF; font-size: 18px; padding-top: 20px;}

.serverCont{height: 74px; display: flex; justify-content: center;}
.serverCont select{display: block; width: 225px; height: 38px; background: #c7cccf; border: 1px solid #c7cccf; outline: none; font-size: 16px; color: #312f3b;}
.serverCont div{width: 300px; height: 45px; display: flex; justify-content: right; align-items: center; margin: 0 15px;}
.serverCont div.miss{background: url(../images/txt1.png) no-repeat 0 center;}
.serverCont div.server{background: url(../images/txt2.png) no-repeat 0 center; width: 320px;}
.serverCont div.search{width: 180px;}
.btnSearch{display: block; width: 178px; height: 45px; background: url(../images/btn_search.png) no-repeat 0 0; cursor: pointer;}
.btnSearch:hover{background-position: 0 -45px;}
.missIng{width: 354px; height: 90px; background: url(../images/guan.png) no-repeat 0 0; margin: 0 auto;}
.missIng span{font-size: 30px; color: #f5f5aa; display: block; padding: 10px 0 0 120px;}

.tableMain{width: 1255px; height: 746px; margin: 0 auto; background: url(../images/table.png) no-repeat 0 0;}
.tableDivs{padding: 58px 0 0 87px; font-size: 18px;}
.firstData{height: 90px; width: 1081px;}
.firstData span{float: left; height: 69px; line-height: 69px; color: #ffea96; text-align: center;}
.firstData span.a1{width: 190px;}
.firstData span.a2{width: 220px;}
.firstData span.a3{width: 220px;}
.firstData span.a4{width: 220px;}
.firstData span.a5{width: 230px;}

.listData{width: 1100px; height: 600px; overflow: hidden; overflow-y: auto; color: #c9c9c9; text-align: center;}
.listData::-webkit-scrollbar{width:6px;height:6px;background-color:rgba(0,0,0,0);}
.listData::-webkit-scrollbar-track{border-radius:6px;background-color:#0e283d;}/*底*/
.listData::-webkit-scrollbar-thumb{border-radius:6px;background-color:#435e75;}/*面*/
.listData::-webkit-scrollbar-thumb:hover{background-color:rgba(143,143,148,1);}
.listData::-webkit-scrollbar-thumb:active{background-color:rgba(106,106,112,1);}
.listData::-webkit-scrollbar-track-piece{margin:0;}

.listli{height: 60px; width: 1081px;}
.listli:nth-child(odd){background:rgba(10,27,41,0.25);}
.listli:nth-child(even){background: rgba(10,27,41,0.1);}
.listli span{float: left; height: 60px; line-height: 60px; text-align: center;}
.listli span.a1{width: 190px;}
.listli span.a2{width: 220px;}
.listli span.a3{width: 220px;}
.listli span.a4{width: 220px;}
.listli span.a5{width: 230px;}


.media{background: url(../images/media.png) no-repeat center 0; height: 145px;}

.loginBox{width: 100%; position: absolute; left: 0; top: 680px; font-size: 18px; color: #FFF; text-align: center; background: url(../images/login.png) no-repeat center 0; height: 57px; line-height: 57px;}
.loginBox a,.loginBox span{color: #f4f4a5;}
.loginDiv,.logoutDiv{display: none;}


.ruleMain{font-size: 18px; color: #FFF; line-height: 34px; width: 650px; margin: 0 auto;}
.ruleMain p{padding-bottom: 4px;}
.ruleMain span{color: #fdfcdf; font-size: 24px; font-weight: bold; padding-right: 5px;}

.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: 726px; height: 422px; background: url(../images/pop1.png) no-repeat 0 0;}
.pop2{width: 726px; height: 502px; background: url(../images/pop2.png) no-repeat 0 0;}
.closeBtn{display: block; width: 51px; height: 51px; background: url(../images/close.png) no-repeat 0 0; cursor: pointer; overflow: hidden; text-indent: -9999px; position: absolute; right: -61px; top: 0px;}
.closeBtn:hover{background-position: right 0;}


.pt1{background: url(../images/pt1.png) no-repeat center 32px; height: 114px;}
.pt2{background: url(../images/pt2.png) no-repeat center 32px; height: 114px;}
.pt3{background: url(../images/pt3.png) no-repeat center 32px; height: 90px;}
.pt4{background: url(../images/pt4.png) no-repeat center 32px; height: 110px;}
.pt5{background: url(../images/pt5.png) no-repeat center 32px; height: 94px;}

.btnBox{display: flex; justify-content: center;}
.btnBox a{display: block; width: 267px; height: 56px; cursor: pointer; margin: 0 auto; 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:hover{background-position: 0 bottom;}

.msg{height: 210px; width: 660px; margin: 0 auto; display: flex; justify-content: center; align-items: center; font-weight: bold; color: #FFF; font-size: 36px; margin-bottom: 30px;}
.msg span{color: #39b6ff;}

.subMain{height: 215px;}
.sublist{height: 82px;}
.sublist span{float: left; width:160px; padding-right: 10px; height: 48px; line-height: 48px; font-size: 24px; color: #FFF; text-align: right;}
.sublist select{float: left; width: 480px; height: 48px; background: #dae3e9; border: 1px solid #dae3e9; font-size: 18px; color: #000; outline: none;}
.subTips{color:#FFF; font-size: 18px; text-align: center;}


.tableCont{width: 684px; height: 335px; margin: 0 auto; overflow: hidden; overflow-y: auto;}
.tableCont::-webkit-scrollbar{width:6px;height:6px;background-color:rgba(0,0,0,0);}
.tableCont::-webkit-scrollbar-track{border-radius:6px;background-color:#a4392b;}/*底*/
.tableCont::-webkit-scrollbar-thumb{border-radius:6px;background-color:#f5f5aa;}/*面*/
.tableCont::-webkit-scrollbar-thumb:hover{background-color:rgba(143,143,148,1);}
.tableCont::-webkit-scrollbar-thumb:active{background-color:rgba(106,106,112,1);}
.tableCont::-webkit-scrollbar-track-piece{margin:0;}
.tableCont table{width: 666px; border-collapse: collapse;}
.tableCont table th{height: 46px; background: #dae3e9; text-align: center; font-size: 24px; color: #2b110d; border: 1px solid #193f62;}
.tableCont table td{height: 40px; border: 1px solid #193f62; text-align: center; font-size: 16px; color: #FFF;}
.tableCont table tbody tr:nth-child(odd){background: #1a4369;}
.tableCont table tbody tr:nth-child(even){background: #285f91;}
.btn_input{width: 108px; height: 32px; display: block; margin: 0 auto; cursor: pointer; background: url(../images/btn_input.png) no-repeat 0 0; overflow: hidden; text-indent: -9999px;}
.btn_search{background: url(../images/btn_input2.png) no-repeat 0 0;}
.btn_input:hover{background-position: 0 -32px;}
.tableCont span.c1{color: #FFF;}
.tableCont span.c2{color: green;}
.tableCont span.c3{color: #000;}

.prizeMain{text-align: center; height: 80px; display: flex; justify-content: center; align-items: center; line-height: 36px; font-size: 30px; font-weight: bold; color: #FFF; padding: 0 60px; padding-bottom: 10px;}
.savelist{height: 66px;}
.savelist span{float: left; width: 150px; padding-right: 10px; height: 50px; line-height: 50px; font-size: 24px; color: #FFF; text-align: right;}
.savelist input{float: left; width: 480px; height: 48px; background: #dae3e9; border: 1px solid #dae3e9; font-size: 20px; color: #2b110d; outline: none; padding: 0 10px;}
.savelist a{float: left; width: 480px; height: 48px; line-height: 48px; background: #dae3e9; border: 1px solid #dae3e9; font-size: 20px; color: #2b110d; outline: none; padding: 0 10px;}
.savePs{color:#FFF; font-size: 18px; text-align: center; height: 40px;}

.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);
}
.hoverYuan{-webkit-transition:0.4s;-moz-transition:0.4s;-ms-transition:0.4s;-o-transition:0.4s;transition:0.4s;}
.hoverYuan:hover{
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.moveleft{-webkit-transform: translate3d(-100%,0,0);-moz-transform: translate3d(-100%,0,0);-ms-transform: translate3d(-100%,0,0);-o-transform: translate3d(-100%,0,0);transform: translate3d(-100%,0,0); filter:alpha(opacity=0);-moz-opacity:0; opacity:0;}
.moveright{-webkit-transform: translate3d(100%,0,0);-moz-transform: translate3d(100%,0,0);-ms-transform: translate3d(100%,0,0);-o-transform: translate3d(100%,0,0);transform: translate3d(100%,0,0); filter:alpha(opacity=0);-moz-opacity:0; opacity:0;}
.moveup{-webkit-transform: translate3d(0,-100%,0);-moz-transform: translate3d(0,-100%,0);-ms-transform: translate3d(0,-100%,0);-o-transform: translate3d(0,-100%,0);transform: translate3d(0,-100%,0); filter:alpha(opacity=0);-moz-opacity:0; opacity:0;}
.movedown{-webkit-transform: translate3d(0,100%,0);-moz-transform: translate3d(0,100%,0);-ms-transform: translate3d(0,100%,0);-o-transform: translate3d(0,100%,0);transform: translate3d(0,100%,0); filter:alpha(opacity=0);-moz-opacity:0; opacity:0;}

.moveyuan{
  -webkit-animation: moveyuan 40s linear infinite;
  -moz-animation: moveyuan 40s linear infinite;
  -o-animation: moveyuan 40s linear infinite;
  -ms-animation: moveyuan 40s linear infinite;
  animation: moveyuan 40s linear infinite;
}
.moveyuan2{
  -webkit-animation: moveyuan2 5s linear infinite;
  -moz-animation: moveyuan2 5s linear infinite;
  -o-animation: moveyuan2 5s linear infinite;
  -ms-animation: moveyuan2 5s linear infinite;
  animation: moveyuan2 5s linear infinite;
}
@-webkit-keyframes moveyuan{
  0%{-webkit-transform: rotate(0deg);}
  100%{-webkit-transform: rotate(-360deg);}
}
@-moz-keyframes moveyuan{
  0%{-moz-transform: rotate(0deg);}
  100%{-moz-transform: rotate(-360deg);}
}
@-ms-keyframes moveyuan{
  0%{-ms-transform: rotate(0deg);}
  100%{-ms-transform: rotate(-360deg);}
}
@-o-keyframes moveyuan{
  0%{-o-transform: rotate(0deg);}
  100%{-o-transform: rotate(-360deg);}
}
@keyframes moveyuan{
  0%{transform: rotate(0deg);}
  100%{transform: rotate(-360deg);}
}

@-webkit-keyframes moveyuan2{
  0%{-webkit-transform: rotate(0deg);}
  100%{-webkit-transform: rotate(360deg);}
}
@-moz-keyframes moveyuan2{
  0%{-moz-transform: rotate(0deg);}
  100%{-moz-transform: rotate(360deg);}
}
@-ms-keyframes moveyuan2{
  0%{-ms-transform: rotate(0deg);}
  100%{-ms-transform: rotate(360deg);}
}
@-o-keyframes moveyuan2{
  0%{-o-transform: rotate(0deg);}
  100%{-o-transform: rotate(360deg);}
}
@keyframes moveyuan2{
  0%{transform: rotate(0deg);}
  100%{transform: rotate(360deg);}
}

.moveTop{
  -webkit-animation: moveTop 1s ease-in alternate;
  -moz-animation: moveTop 1s ease-in alternate;
  -o-animation: moveTop 1s ease-in alternate;
  -ms-animation: moveTop 1s ease-in alternate;
  animation: moveTop 1s ease-in alternate;
}
@-webkit-keyframes moveTop{
  0%{-webkit-transform:translate(0,-10px);}
  100%{-webkit-transform:translate(0,10px);}
}
@-moz-keyframes moveTop{
  0%{-moz-transform:translate(0,-10px);}
  100%{-moz-transform:translate(0,10px);}
}
@-ms-keyframes moveTop{
  0%{-ms-transform:translate(0,-10px);}
  100%{-ms-transform:translate(0,10px);}
}
@-o-keyframes moveTop{
  0%{-o-transform:translate(0,-10px);}
  100%{-o-transform:translate(0,10px);}
}
@keyframes moveTop{
  0%{transform:translate(0,-10px);}
  100%{transform:translate(0,10px);}
}









/*@media screen and (min-width: 1920px) {}
@media only screen and (max-width: 750px) {}*/