@charset "utf-8";
html{width:100%;}
body{width:100%; margin:0; padding:0; font-size:100%; font-family:"Microsoft YaHei",\5b8b\4f53,Arial, Helvetica, sans-serif; background-color:#0a0a0a;}
div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,textarea,table,td{ margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
area{outline:none;}
img{border:0;}
ol,ul{list-style:none;}
a{text-decoration:none;outline:none;}
.link{-webkit-appearance:none;-webkit-tap-highlight-color:transparent; display: block; overflow: hidden; text-indent: -9999px; cursor: pointer; margin: 0 auto;}
.link2{-webkit-appearance:none;-webkit-tap-highlight-color:transparent; display: block; cursor: pointer; margin: 0 auto;}
.le{float: left;}
.lr{float: right;}
.none{display: none;}
.swiper{width: 100%; height: 100%;}
.indexTop{position: fixed; width: 750px; height: 92px; left: 0; top: 0; z-index: 100; background: #000; border-bottom: 2px solid #978a6a;}
.gameIcon{display: block; width: 213px; height: 58px; background: url(../images/gameIcon.png) no-repeat 0 0; position: absolute; left: 28px; top: 16px;}
.indexHei{height: 94px;}
.page_Share{width: 160px; height: 40px; position: absolute; left: 320px; top: 26px;}
.page_Share a{float: left; width: 41px; height: 40px; background-repeat: no-repeat; background-position: center; position: relative; cursor: pointer;}
.page_Share a.iconWx{background-image: url(../images/icon_wx.png); width: 37px;}
.page_Share a.iconWb{background-image: url(../images/icon_wb.png); width: 35px;}
.page_Share a.iconTap{background-image: url(../images/icon_tap.png); width: 41px;}
.page_Share a .qrCode{display: none; width: 164px; height: 150px; padding-top: 37px; background: url(../images/pop.png) no-repeat 0 0; position: absolute; left: 50%; margin-left: -82px; top: 40px;}
.page_Share a .qrCode img{display: block; margin: 0 auto; width: 138px;}
.page_Share a:hover .qrCode{display: block;}
.page_Share span{float: left; width: 12px; height: 40px; background: url(../images/line3.png) no-repeat center;}
.indexBtn_yy{display: block; width: 178px; height: 50px; background: url(../images/yybtn.png) no-repeat 0 0; cursor: pointer; position: absolute; right: 84px; top: 23px;}
.indexBtn_Down{display: block; width: 178px; height: 50px; background: url(../images/down.png) no-repeat 0 0; cursor: pointer; position: absolute; right: 84px; top: 23px;}

.indexMenu{display: block; width: 50px; height: 50px; background: url(../images/menu.png) no-repeat center; cursor: pointer; position: absolute; right:20px; top: 23px;}
.popMenu{width: 750px; height: 100%; background: rgba(0,0,0,0.8); position: fixed; left: 0; top: 0; z-index: 99; display: none;}
.popMenuCont{padding-top: 100px; padding-bottom: 30px;}
.popMenuCont div{height: 89px; border-bottom: 1px dotted #242424;}
.popMenuCont a{display: block; width: 250px; height: 89px; margin: 0 auto; overflow: hidden; text-indent: -999px; cursor: pointer;}
.popMenuCont a.m1{background: url(../images/m1.png) no-repeat 0 0;}
.popMenuCont a.m2{background: url(../images/m2.png) no-repeat 0 0;}
.popMenuCont a.m3{background: url(../images/m3.png) no-repeat 0 0;}
.popMenuCont a.m4{background: url(../images/m4.png) no-repeat 0 0;}
.popMenuCont a.m5{background: url(../images/m5.png) no-repeat 0 0;}
.popMenuCont a.m6{background: url(../images/m6.png) no-repeat 0 0;}
.popMenuCont a.on{background-position: right 0;}
.popMenuClose{display: block; width: 40px; height: 40px; cursor: pointer; background: url(../images/close.png) no-repeat 0 0; background-size: 100% auto; margin: 0 auto;}
.toplogout{width: 178px; position: absolute; right: 84px; top: 30px; text-align: center; font-size: 18px; color: #FFF; display: none;}
.toplogout a,.toplogout span{color: #ffc032;}

#content{width: 750px;}
.indexbg{background: #1a1a1a url(../images/bg2.jpg) no-repeat 0 0;}
.section{position: relative;}
.section1{height: 900px;}
.slg{background: url(../images/slg.png) no-repeat 36px 0; width: 750px; height: 212px; position: absolute; left: 0; top: 495px;}
.toplink{display: block; width: 750px; height: 710px; position: absolute; left: 0; top: 0; z-index: 10;}
.slg2{width: 750px; display: block; position: absolute; left: 0; top: 495px;}
.slg3{width: 750px; display: block; position: absolute; left: 0; top: 370px;}
.slg4{background: url(../images/slg4.png) no-repeat 36px 0; width: 750px; height: 212px; position: absolute; left: 0; top: 495px;}

.yyMain{width: 750px; position: absolute; left: 0; top: 700px;}

.login a{display: block; width: 445px; height: 167px; background: url(../images/yybtn2.png) no-repeat right 0; margin: 0 auto; cursor: pointer; overflow: hidden; text-indent: -999px;}
.logoutIndex{position: absolute; width: 445px; height: 40px; line-height: 40px; left: 50%; margin-left: -222px; top: 60px; text-align: center; font-size: 20px; color: #FFF; background: rgba(0,0,0,0.4); border-radius: 20px;}
.logoutIndex span{color: #eaac61; font-weight: bold; padding-right: 5px;}
.logoutIndex a{color: #eaac61; cursor: pointer;}

.download{width: 610px; height: 117px; position: absolute; left: 50%; margin-left: -305px; top: 740px;}
.download a{display: block; width: 291px; height: 117px; overflow: hidden; text-indent: -9999px; cursor: pointer;}
.download a.ios{background: url(../images/btn_ios.png) no-repeat 0 0; float: left;}
.download a.and{background: url(../images/btn_and.png) no-repeat 0 0; float: right;}
.download a.down{background: url(../images/btn_down.png) no-repeat 0 0; margin: 0 auto; width: 345px; height: 104px;}


.section2{height: 850px;}
.barMain{width: 750px; height: 850px; background: url(../images/prize.png) no-repeat 0 0; position: relative;}
.barNum{width: 250px; height: 64px; position: absolute; left: 100px; top: 670px; text-align: center;}
.barNum span{display: inline-block; height: 64px; margin: 0 2px}
.barNum span.n0{background: url(../images/0.png) no-repeat center; width: 31px;}
.barNum span.n1{background: url(../images/1.png) no-repeat center; width: 19px;}
.barNum span.n2{background: url(../images/2.png) no-repeat center; width: 26px;}
.barNum span.n3{background: url(../images/3.png) no-repeat center; width: 27px;}
.barNum span.n4{background: url(../images/4.png) no-repeat center; width: 28px;}
.barNum span.n5{background: url(../images/5.png) no-repeat center; width: 25px;}
.barNum span.n6{background: url(../images/6.png) no-repeat center; width: 29px;}
.barNum span.n7{background: url(../images/7.png) no-repeat center; width: 27px;}
.barNum span.n8{background: url(../images/8.png) no-repeat center; width: 28px;}
.barNum span.n9{background: url(../images/9.png) no-repeat center; width: 27px;}

.barProgress{width: 506px; height: 21px; position: absolute; left: 50%; margin-left: -253px; top: 528px; background: url(../images/bar_nor.png) no-repeat 0 0; overflow: hidden;}
.barProgress a{display: block; width: 68%; height: 21px; background: url(../images/bar_all.png) no-repeat 0 0;}

.barBox{width: 750px; height: 168px; position: absolute; left: 0; top: 454px; z-index: 10;}
.barBox div.barlist{width: 140px; height: 168px; position: absolute; top: 0;}
.barBox div.w1{left: 48px; background: url(../images/bar_a1.png) no-repeat 0 0;}
.barBox div.w2{left: 216px; background: url(../images/bar_a2.png) no-repeat 0 0;}
.barBox div.w3{left: 390px; background: url(../images/bar_a3.png) no-repeat 0 0;}
.barBox div.w4{right: 52px; background: url(../images/bar_a4.png) no-repeat 0 0;}
.barBox div.on{background-position: right 0;}

.section3{height: 1030px;}
.newsMain{width: 750px;}
.newsTitle{background: url(../images/newsTitle.png) no-repeat center 0; height: 156px;}
.newsCont{width: 660px; height: 374px; padding-top: 10px; position: relative; background: url(../images/lunboBor.png) no-repeat 0 0; margin: 0 auto;}
.lunbo{width: 570px; height: 342px; margin: 0 auto; position: relative; background: #000;}
.lunbo .swiper{width: 570px; height: 342px; position: absolute; left: 0; top: 0; overflow: hidden;}
.lunbo .swiper img{display: block; width: 100%; height: 100%;}
.lunbo .swiper-pagination-bullet{width: 12px; height: 12px; opacity: 1; background: #453c33;}
.lunbo .swiper-pagination-bullet-active{background: #f3d0a8;}

.newsBox{width: 572px; margin: 0 auto;}
.newsMore{text-align: right; padding-top: 6px;}
.newsMore a{display: block; color: #FFF; font-size: 16px;}
.newsTab{height: 104px;}
.newsTab a{float: left; width: 120px; height: 100px; cursor: pointer; overflow: hidden; text-indent: -9999px;}
.newsTab a.t1{background: url(../images/t1.png) no-repeat 0 0;}
.newsTab a.t2{background: url(../images/t2.png) no-repeat 0 0;}
.newsTab a.t3{background: url(../images/t3.png) no-repeat 0 0;}
.newsTab a.t4{background: url(../images/t4.png) no-repeat 0 0;}
.newsTab a:hover,.newsTab a.on{background-position: 0 bottom;}
.newsTab span{float: left; background: url(../images/t0.png) no-repeat 0 0; width:22px; height: 100px;}

.newsList div{height: 56px; background: url(../images/li.png) no-repeat 0 bottom; margin-bottom: 22px;}
.newsList div a{display: block; font-size: 25px; color: #FFF; height: 50px; line-height: 50px; width: 540px; text-indent: 34px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.newsList div a:hover{color: #f3d0a8;}


.section4{height: 1185px;}
.roleTitle{background: url(../images/roleTitle.png) no-repeat center 0; height: 150px;}
.roleMain{width: 750px; height: 1000px; overflow: hidden;}

.rolelist1{width: 100%; height: 100%; background: url(../images/role1.png) no-repeat center 0;}
.rolelist2{width: 100%; height: 100%; background: url(../images/role2.png) no-repeat center 0;}
.rolelist3{width: 100%; height: 100%; background: url(../images/role3.png) no-repeat center 0;}
.rolelist4{width: 100%; height: 100%; background: url(../images/role4.png) no-repeat center 0;}
.rolelist5{width: 100%; height: 100%; background: url(../images/role5.png) no-repeat center 0;}
.rolelist6{width: 100%; height: 100%; background: url(../images/role6.png) no-repeat center 0;}
.roleMain .rtab1{width: 100px; height: 37px; background: url(../images/rtab1.png) no-repeat 0 0;}
.roleMain .rtab2{width: 124px; height: 37px; background: url(../images/rtab2.png) no-repeat 0 0;}
.roleMain .rtab3{width: 99px; height: 37px; background: url(../images/rtab3.png) no-repeat 0 0;}
.roleMain .rtab4{width: 98px; height: 37px; background: url(../images/rtab4.png) no-repeat 0 0;}
.roleMain .rtab5{width: 100px; height: 37px; background: url(../images/rtab5.png) no-repeat 0 0;}
.roleMain .rtab6{width: 111px; height: 37px; background: url(../images/rtab6.png) no-repeat 0 0;}
.roleMain .swiper-pagination-bullet{opacity: 1; border-radius: 0;}
.roleMain .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0;}
.roleMain .swiper-pagination-bullet-active{background-position: 0 bottom;}
.roleMain .swiper-container-horizontal>.swiper-pagination-bullets,.roleMain .swiper-pagination-custom,.roleMain .swiper-pagination-fraction{bottom: 50px;}

.roleMain .swiper-button-next,.roleMain .swiper-button-prev{width: 55px; height: 40px; position: absolute; top: 38%; margin-top: 20px; background-size: 100% auto;}
.roleMain .swiper-button-next,.roleMain .swiper-container-rtl .swiper-button-prev{background: url(../images/next.png) no-repeat 0 0; opacity: 1; right: 30px;}
.roleMain .swiper-button-prev,.roleMain .swiper-container-rtl .swiper-button-next{background: url(../images/prev.png) no-repeat 0 0; opacity: 1; left: 30px;}


.section5{height: 930px;}
.specialMain{width: 750px; height: 710px; margin: 0 auto;}
.specialTitle{background: url(../images/specialTitle.png) no-repeat center 0; height: 150px;}
.pictureMain{width: 580px; height: 710px; margin: 0 auto; position: relative;}
.pictureMain .swiper{width: 100%; height: 100%; overflow: hidden;}
.pictureMain .swiper-button-next,.pictureMain .swiper-button-prev{width: 55px; height: 40px; position: absolute; top: 50%; margin-top: -20px; background-size: 100% auto;}
.pictureMain .swiper-button-next,.pictureMain .swiper-container-rtl .swiper-button-prev{background: url(../images/next.png) no-repeat 0 0; opacity: 1; right: -70px;}
.pictureMain .swiper-button-prev,.pictureMain .swiper-container-rtl .swiper-button-next{background: url(../images/prev.png) no-repeat 0 0; opacity: 1; left: -70px;}
.pictureMain .swiper-pagination-bullet{width: 55px; height: 55px; border-radius: 0; opacity: 1; background: url(../images/on2.png) no-repeat right 0;}
.pictureMain .swiper-pagination-bullet-active{background-position: 0 0;}
.pictureMain .swiper-pagination{background: url(../images/line5.png) no-repeat center center;}
.pictureMain .swiper-slide{width: 438px; height: 644px; background: url(../images/picbor.png) no-repeat 0 -1000px;}
.pictureMain .swiper-slide-active{background-position: 0 0;}
.pictureMain .swiper-container-horizontal>.swiper-pagination-bullets,.pictureMain .swiper-pagination-custom,.pictureMain .swiper-pagination-fraction{bottom: 0;}
.pictureMain .swiper-slide .picImg span{display: block; width: 354px; height: 614px; background: rgba(0,0,0,0.5); position: absolute; left: 35px; top: 11px; z-index: 2;}
.pictureMain .swiper-slide-active .picImg span{display: none;}

.picImg{padding-top: 11px;}
.picImg img{display: block; width:354px; height: 614px; border: 1px solid #FFF; background: #FFF; margin: 0 auto;}
.pictureEn{display: block; width: 418px; height: 213px; background: url(../images/en.png) no-repeat 0 0; position: absolute; left: 0; bottom: 80px; z-index: 100;}


.section6{height: 1060px;}
.tongTitle{background: url(../images/tongTitle.png) no-repeat center 0; height: 150px;}
.tongMain{}
.tongBor{width: 661px; height: 769px; background: url(../images/tongBor.png) no-repeat 0 0; margin: 0 auto;}
.tongImg{width: 567px; padding: 14px 0 0 52px;}
.tongImg a{display: block; overflow: hidden;}
.tongImg img{cursor: pointer; display: block; width: 100%;}

.tonglist1{float: left; width: 322px; height: 500px;}
.tonglist1 a{width: 322px; height: 490px;}

.tonglist2{float: right; width: 236px; height: 500px;}
.tonglist2 a{margin-bottom: 10px; width: 236px; height: 240px;}


.tonglist3{float: left; width: 567px; height: 240px;}
.tonglist3 a{width: 567px; height: 240px;}


#footerDiv{height: 290px;}

.tempList{background:#1b1b1b url(../images/listbg.jpg) no-repeat center 0;}
.tempMain{padding-bottom: 100px;}
.tempHeader{height: 340px; position: relative;}
.goBack{display: block; width: 126px; height: 50px; background: url(../images/back.png) no-repeat 0 0; position: absolute; left: 30px; top: 30px;}
.listTab{width: 750px; height: 100px; position: absolute; left: 0px; bottom: 5px;}
.listTab a{float: left; width: 130px; height: 100px; overflow: hidden; text-indent: -999px; cursor: pointer;}
.listTab a.t1{background: url(../images/lt1.png) no-repeat 0 0;}
.listTab a.t2{background: url(../images/lt2.png) no-repeat 0 0;}
.listTab a.t3{background: url(../images/lt3.png) no-repeat 0 0;}
.listTab a.t4{background: url(../images/lt4.png) no-repeat 0 0;}
.listTab a.on{background-position: 0 bottom;}
.listTab span{float: left; width: 46px; height: 100px; overflow: hidden; text-indent: -999px; background: url(../images/lt0.png) repeat-x 0 0;}

.list{min-height: 800px; width: 635px; margin: 0 auto; padding-bottom: 20px; padding-top: 20px;}
.list div{height: 52px; line-height: 52px; margin-bottom: 22px; font-size: 28px; padding-left: 36px; background: url(../images/li2.png) no-repeat 0 bottom;}
.list div a{display: block; color: #FFF; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; width: 554px; height: 52px;}
.list div a:hover{color: #f3d0a8;}

.page{text-align: center; font-size: 14px; color: #FFF;}
.page a{margin: 0 10px; display: inline-block; width: 24px; height: 24px; line-height: 24px; text-align: center; border: 1px solid #464646; cursor: pointer;}
.page a.active{color: #f9d9b6;}
.page a:hover{color: #f9d9b6; border: 1px solid #f9d9b6;}

.tempDetails{background:#1b1b1b url(../images/detailsbg.jpg) no-repeat center 0;}
.detailsMain{min-height: 750px; width: 681px; margin: 0 auto; padding-bottom: 20px;}
.detailsTitle{background: url(../images/li3.png) no-repeat 0 bottom; padding: 20px; line-height: 50px; text-align: center; font-size: 26px; color: #f3d0a8; margin-bottom: 30px;}
.detailsDesc{height: 90px; font-size: 28px; color: #4e4e4e;}
.detailsDesc span{float: right;}
.detailsCont{font-size: 1rem; color: #FFF !important; line-height: 60px;}
.detailsCont p,.detailsCont div{margin-bottom: 60px; color: #FFF !important;}
.detailsCont a{color: #7575ee;}
.detailsCont img{max-width: 100%; height: auto !important; width: auto !important; display: block; margin: 0 auto;}
.detailsCont video{width: 100%;}
.detailsCont iframe{display: block; margin: 0 auto; width: 700px; height: 416px;}

.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%);}
.popsub{width: 679px; height: 513px; background:url(../images/popyy.png) no-repeat 0 0;}

.popImg{width: 345px; height: 394px; background:url(../images/popShowImg.png) no-repeat 0 0;}
.closeBtn{display: block; width: 40px; height: 40px; background: url(../images/close.png) no-repeat 0 0; background-size: 100% auto; cursor: pointer; overflow: hidden; text-indent: -9999px; position: absolute; right:58px; top: 84px;}
.closeBtn2{display: block; width: 40px; height: 40px; background: url(../images/close.png) no-repeat 0 0; background-size: 100% auto; cursor: pointer; overflow: hidden; text-indent: -9999px; position: absolute; right:-50px; top: 30px;}

.msg{text-align: center; padding: 80px 60px 0 60px; color: #e5a040; font-weight: bold; font-size: 30px; line-height: 60px;}
.msg strong{color:#ffc85f;}
.msg span{font-size: 22px;}

.popWrap{width: 438px; height: 320px; position: absolute; left: 121px; top: 126px;}
.subMain{width: 400px; margin: 0 auto; padding-bottom: 15px;}
.subTab{height: 50px;}



.subList{height: 64px;}
.subList input{height: 42px; width: 378px; padding: 0 10px; border: 1px solid #cdcdcd; background: #FFF; font-size: 16px; color: #000; outline: none;}
.subList input#code{width: 236px;}

.getCode{float: right; width: 140px; height: 42px; line-height: 42px; text-align: center; border: 1px solid #9d8668; background: #4d4c4c; font-size: 16px; color: #FFF; cursor: pointer;}
.getCode.on{background: #ccc; cursor:default;}
.submit{display: block; margin: 0 auto; width: 400px; height: 48px; background: url(../images/submit.png) no-repeat 0 0; cursor: pointer; overflow: hidden; text-indent: -9999px;}
.yyok{background: url(../images/yyok.png) no-repeat center 96px;}

.popTitle1{background: url(../images/popTitle1.png) no-repeat center 0; height: 44px; width: 100%; position: absolute; left: 0; top: 54px;}
.popTitle2{background: url(../images/popTitle2.png) no-repeat center 0; height: 44px; width: 100%; position: absolute; left: 0; top: 54px;}
.popTitle3{background: url(../images/popTitle3.png) no-repeat center 0; height: 44px; width: 100%; position: absolute; left: 0; top: 54px;}

.kfimg{padding-top: 80px;}
.kfimg img{display: block; width: 290px; height: 290px; margin: 0 auto;}

.bigImg{width: 100%; height: 100%;}
.bigImg img{max-width: 90%;}
.imgCenter{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.ps{padding-top: 20px; font-size: 13px; line-height: 20px; color: #4d4c4c; text-align: center;}


.movelr{
  -webkit-animation: movelr 2s alternate infinite linear;
  -moz-animation: movelr 2s alternate infinite linear;
  -o-animation: movelr 2s alternate infinite linear;
  -ms-animation: movelr 2s alternate infinite linear;
  animation: movelr 2s alternate infinite linear;
}
@-webkit-keyframes movelr{
  0%{-webkit-transform:translate(-10px,0);}
  100%{-webkit-transform:translate(10px,0);}
}
@-moz-keyframes movelr{
  0%{-moz-transform:translate(-10px,0);}
  100%{-moz-transform:translate(10px,0);}
}
@-ms-keyframes movelr{
  0%{-ms-transform:translate(-10px,0);}
  100%{-ms-transform:translate(10px,0);}
}
@-o-keyframes movelr{
  0%{-o-transform:translate(-10px,0);}
  100%{-o-transform:translate(10px,0);}
}
@keyframes movelr{
  0%{transform:translate(-10px,0);}
  100%{transform:translate(10px,0);}
}

.shareWx,.shareWb{width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: #000; z-index: 9999; display: none;}
.shareWx img,.shareWb img{display: block; width: 100%;}