@charset "utf-8";*{margin:0;padding:0}
body,html{font-size:14px;font-family:"Microsoft YaHei",Verdana,Geneva,sans-serif,\5b8b\4f53}
a,b,body,button,dd,div,dl,dt,em,form,h1,h2,h3,h4,html,i,img,input,li,ol,option,p,select,span,strong,textarea,ul{margin:0;padding:0}
button,h1,h2,h3,h4,h5,h6,input,select,textarea{font-size:100%}
dd,div,dl,dt,li,ul{list-style:none}
input,textarea{outline:0;font-size:14px;font-family:"Microsoft YaHei"}
input::-ms-clear{display:none}
h1.wm-public{height:0;font-size:0;line-height:0}
a{text-decoration:none;cursor:pointer}
a{blr:expression(this.onFocus=this.blur());outline:0}
a:hover{text-decoration:none}
img{border:0;object-fit:cover}
em,font{font-style:normal;font-family:\5b8b\4f53}
label{vertical-align:middle;font-family:tahoma}
input,select,textarea{resize:none;outline:0}
textarea{overflow:auto}
ins{float:right;text-decoration:none;font-weight:400}
.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_yh{font-family:"Microsoft YaHei"}
.none{display:none}
.fl{float:left}
.fr{float:right}
.cf:after,.cf:before{content:".";display:block;height:0;visibility:hidden}
.cf:after{clear:both}
.cf{zoom:1}
.auto{left:50%;-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-o-transform:translate(-50%,0);transform:translate(-50%,0)}
.swiper-button-next:focus,.swiper-button-prev:focus,.swiper-pagination-bullet:focus{outline:0}
body,html{min-width:1200px}
body{-webkit-text-size-adjust:100%;background:#161616}
.cont1{background:url(../images/header.jpg) no-repeat center 0}
.main1_1{background:url(../images/main1_1.jpg) no-repeat center 1030px;}
.main1_2{background:url(../images/main1_2.jpg) no-repeat center 4130px; height:7229px}
.main2{background:url(../images/main2.jpg) no-repeat center 1030px;height:5163px}
.wrap{position:relative;width:1200px;margin:0 auto;box-sizing:border-box}
.header .wrap{height:1011px}
.slogan{position:absolute;top:430px}
.headerNav{position:absolute;bottom:0;left:0;width:100%;display:flex;justify-content:space-around;background:url(../images/tabicon.png) no-repeat center}
.headerNav a{width:461px;height:113px;margin:0 22px}
.headerNav a.n1{background:url(../images/tab1.png) no-repeat 0 0}
.headerNav a.n2{background:url(../images/tab2.png) no-repeat 0 0}
.headerNav a.on,.headerNav a:hover{background-position:0 -113px}
.t1{background:url(../images/t1.png) no-repeat center 124px;height:355px}
.t2{background:url(../images/t2.png) no-repeat center 0;height:210px}
.main1_title1{background:url(../images/main1_title1.png) no-repeat center 124px;height:355px}
.main1_title2{background:url(../images/main1_title2.png) no-repeat center 0;height:210px}
.main1_title3{background:url(../images/main1_title3.png) no-repeat center 0;height:250px}
.main1_title4{background:url(../images/main1_title4.png) no-repeat center 0;height:250px}
.box1 .wrap{height:1020px}
.rule dl{display:flex;align-items:flex-start;margin:0 auto 27px auto}
.rule dt{position:relative;box-sizing:border-box;width:130px;line-height:36px;font-weight:700;font-size:24px;color:#304d56;text-align:right;padding-right:25px;background:url(../images/icon.png) no-repeat right center}
.rule dd{width:1060px;padding-left:10px;line-height:36px;font-size:18px;color:#40686e}
.rule dd strong{font-size:18px;color:#9f2728}
.rule2 dl{display:flex;align-items:flex-start;margin:0 auto 27px auto}
.rule2 dt{position:relative;box-sizing:border-box;width:100px;line-height:28px;font-weight:700;font-size:18px;color:#40686e;text-align:right}
.rule2 dd{width:1060px;padding-left:10px;line-height:28px;font-size:16px;color:#40686e}
.rule2 dd p{padding-left:20px}
.rule2 dd strong{font-size:18px;color:#40686e}

.btns{display: flex; justify-content: center; align-items: center;}
.btns a{display: block; width: 306px; height: 85px; cursor: pointer;}
.btns a.btn_newserver{background: url(../images/btn_newserver.png) no-repeat 0 0;}
.btns a.btn_star{background: url(../images/btn_star.png) no-repeat 0 0; width: 143px; height: 143px; margin: 0 44px;}
.btns a.btn_lc{background: url(../images/btn_lc.png) no-repeat 0 0;}
.btns a:hover{background-position: 0 bottom;}

.box1_btn{position:absolute;bottom:112px;width:496px;height:85px;background:url(../images/box1_btn.png) no-repeat 0 0}
.box1_btn:hover{background-position:0 -85px}

.box2new .wrap{height:1980px}
.prizeCont{width: 1200px; height: 306px; background: url(../images/prizeCont.png) no-repeat 0 0; margin: 0 auto; display: flex; justify-content: center;}
.prizeli{width: 394px; padding: 75px 0 0 0;}
.prizeli3{width: 394px; padding: 75px 0 0 0;}
.prizeli span{display: block; width: 165px; height: 165px; background: url(../images/imgbg.png) no-repeat 0 0; margin: 0 auto; display: flex; justify-content: center; align-items: center;}
.prizeli3 span{display: block; width: 165px; height: 165px;  margin: 0 auto; display: flex; justify-content: center; align-items: center;}
.prizeli span img{display: block;}
.prizeli p{text-align: center; font-size: 18px; line-height: 24px; color: #4b4a4a; padding: 0 10px;}
.prizeli3 p{text-align: center; font-size: 18px; line-height: 24px; color: #4b4a4a; padding: 0 10px;}

.prizeBtns{height: 85px; padding: 40px 0; display: flex; justify-content: center;}
.prizeBtns a{display: block; width: 306px; height: 85px; margin: 0 34px;}
.prizeBtns a.v1{background: url(../images/prizeBtns1.png) no-repeat 0 0;}
.prizeBtns a.v2{background: url(../images/prizeBtns2.png) no-repeat 0 0;}

.prizeCont2{height: 342px; display: flex; justify-content: space-between; flex-wrap: wrap; flex-direction: row;}
.prizeli2{width: 280px; height: 275px; padding-top: 50px; background: url(../images/amountPack3.png) no-repeat 0 0;}
.prizeli2 span{display: block; width: 165px; height: 165px; background: url(../images/imgbg.png) no-repeat 0 0; margin: 0 auto; display: flex; justify-content: center; align-items: center; margin-bottom: 15px;}
.prizeli2 span img{display: block;}
.prizeli2 p{text-align: center; font-size: 18px; line-height: 24px; color: #4b4a4a; padding: 0 10px;}

.posCont{width: 1190px; height: 153px; margin: 0 auto; position: relative;}
.posline{width: 1190px; height: 24px; background: url(../images/po_line.png) no-repeat 0 0; position: absolute; left: 0; top: 9px; overflow: hidden;}
.posline span{display: block; width: 0; height: 24px; background: url(../images/po_line_on.png) no-repeat 0 0; overflow: hidden;}
.posli{position: absolute; top: 0; width: 159px; height: 153px;}
.posli.l1{left: 205px;}
.posli.l2{left: 505px;}
.posli.l3{left: 805px;}
.posli.l4{right: -47px;}
.posli span.icon{background: url(../images/po_icon.png) no-repeat center 0; height: 52px; display: block;}
.posli span.text{text-align: center; height: 34px; line-height: 34px; text-align: center; font-size: 24px; font-weight: bold; color: #9f2728; display: block;}
.posli a.btn{display: block; width: 139px; height: 62px; margin: 0 auto; background: url(../images/po_btn.png) no-repeat 0 0; cursor: default;}
.posli a.on{background-position: 0 -62px; cursor: pointer;}
.posli a.over{background-position: 0 bottom; cursor: default;}

.posTips{font-size: 18px; color: #304d56; line-height: 30px; text-align: center; padding: 30px 0 0 0;}
.posTips strong{font-size: 24px;}
.posTips span{color: #9f2728;}
.posTips p{margin-bottom: 10px;}


.loginBox{width:100%;height:85px;text-align:center;font-size:18px;color:#000}
.loginBtn{display:inline-block;width:206px;height:85px;background:url(../images/loginBtn.png) no-repeat 0 0}
.loginBtn:hover{background-position:0 -85px}
.logout{display:inline-block;margin-left:15px;width:116px;height:55px;background:url(../images/logout.png) no-repeat 0 0;vertical-align:middle}
.logout:hover{background-position:0 -55px}

.amountCurr{height:75px;line-height:75px;background:url(../images/line.png) no-repeat center 0;text-align:center;font-size:30px;font-weight:700;color:#fffde8;margin:35px 0}
.amountCurr span{color: #ff0; padding-left: 5px;}
.amountPackBox{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between}
.amountPackBox div.list{position:relative;width:280px;height:456px;margin-bottom:74px;background:url(../images/amountPack2.png) no-repeat 0 0;}
.amountPackBox div.title{height:107px;font-size:24px;color:#be3f3f;text-align:center;line-height:98px}
.amountPackBox div.icon{height:117px;background-position:center;background-repeat:no-repeat}
.amountPackBox div.icon.ic1{background-image:url(../images/ld.png)}
.amountPackBox div.icon.ic2{background-image:url(../images/xy.png)}
.amountPackBox div.icon.ic3{background-image:url(../images/hx.png)}
.amountPackBox div.icon.ic4{background-image:url(../images/lj.png)}
.amountPackBox div.icon.ic5{background-image:url(../images/cb.png)}
.amountPackBox div.icon.ic6{background-image:url(../images/wj.png)}
.amountPackBox div.prize{text-align:center;font-size:18px;color:#4b4a4a;line-height:32px;height:117px;display:flex;align-items:center;justify-content:center}
.amountPackBox a{width:247px;height:65px;line-height:65px;cursor: default;text-align:center;font-size:22px;color:#823031;display:block;margin:0 auto;background:url(../images/amountBtn.png) no-repeat center 0; background-size: 100% auto;}
.amountPackBox a.ok{background-position:0 0;cursor:pointer}
.amountPackBox a.ok:hover{background-position:0 -64px;color:#fffcca}
.amountPackBox a.on{background-position:0 -129px;color:#fff; cursor: default;}

.box2 .wrap{height:1290px}

.box3_step{width:100%;display:flex;justify-content:center; height: 60px;}
.box3_step li{margin:0 56px; padding:0 73px 0 13px;height:40px;line-height:40px;background:#aa3535 url(../images/s.png) no-repeat right center;font-weight:700;font-size:18px;color:#f9f5e7}
.box3_stepBox{width:100%;display:flex;justify-content:space-between; height: 572px;}
.subStepBox{width:366px;height:522px;background:url(../images/subStepBox.png) no-repeat 0 0}
.subStepText{width:330px;margin:46px auto 0 auto}
.stepSubTit{margin:0 auto;width:201px;height:43px;line-height:43px;text-align:center;background:url(../images/stepSubTit.png) no-repeat 0 0;font-weight:700;font-size:18px;color:#FFF}
.stepSubCont{margin:18px 0 27px 0;line-height:28px;font-size:16px;color:#4b4a4a}
.stepSubCont strong{font-size:18px;color:#9b5542}
.subStepImg{height:100%;display:flex;justify-content:center;align-items:center}
.npc{width:314px;height:469px}
.imgBox{width: 1180px; height: 611px; background: url(../images/img_border.png) no-repeat 0 0; margin: 0 auto; display: flex; justify-content: center; align-items: center;}
.imgBox img{display: block; width: 1150px; height: 576px;}
.imgTips{font-size: 18px; color: #304d56; line-height: 30px; text-align: center; padding: 30px 0 0 0;}


.box4 .wrap{height:1980px}
.box4_rule{margin-bottom:80px}
.box4_frame{margin:0 auto 83px auto;width:1200px;height:632px;background:url(../images/box4_frame.png) no-repeat 0 0;display:flex;justify-content:center;align-items:center}
.box4_frame img{width:1188px;height:619px}
.box_table{width:100%;box-sizing:border-box;border:2px solid #dad593}
.box_table td{text-align:center}
.box_table thead td{height:63px;border-bottom:2px solid #c4ac8e;border-right:2px solid #c4ac8e;background:#d5c7ab;font-weight:700;font-size:24px;color:#7e5235}
.box_table thead td:last-child{border-right:0}
.box_table tbody td{height:60px;border-bottom:2px solid #efe7d9;border-right:2px solid #efe7d9;background:#fff7ea;font-size:16px;color:#4b4a4a}
.box_table tbody tr:nth-child(odd) td{background:#fef4e3}
.box_table tbody td:last-child{border-right:0}
.box_table tbody tr:last-child td{border-bottom:0}
.box5 .wrap{position:relative}
.box5 .curr_num{height:75px;line-height:75px;background:url(../images/line.png) no-repeat center 0;text-align:center;font-size:30px;font-weight:700;color:#fffde8;margin:35px 0}
.box5 .curr_num span{color: #ff0; padding-left: 5px;}
.box5Packs{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between}
.box5Packs div.box5list{position:relative;width:328px;height:456px;margin-bottom:74px;background:url(../images/amountPack.png) no-repeat 0 0}
.box5Packs div.title{height:107px;font-size:28px;color:#be3f3f;text-align:center;line-height:94px}
.box5Packs div.icon{height:117px;background-position:center;background-repeat:no-repeat}
.box5Packs div.icon.ic1{background-image:url(../images/ld.png)}
.box5Packs div.icon.ic2{background-image:url(../images/cx1.png)}
.box5Packs div.icon.ic3{background-image:url(../images/cx2.png)}
.box5Packs div.icon.ic4{background-image:url(../images/cx3.png)}
.box5Packs div.icon.ic5{background-image:url(../images/cx4.png)}
.box5Packs div.icon.ic6{background-image:url(../images/cx5.png)}
.box5Packs div.prize{text-align:center;font-size:14px;color:#4b4a4a;line-height:32px;height:117px;display:flex;align-items:center;justify-content:center}
.box5Packs a{width:280px;height:73px;line-height:73px;text-align:center;font-size:24px;color:#823031;display:block;margin:0 auto;background:url(../images/amountBtn.png) no-repeat center 0}
.box5Packs a.ok{background-position:0 0;cursor:pointer}
.box5Packs a.ok:hover{background-position:0 -73px;color:#fffcca}
.box5Packs a.on{background-position:0 -146px;color:#fff}

.mylist{display:block;width:127px;height:253px;background:url(../images/mybtn.png) no-repeat right 0;cursor:pointer;position:absolute;right:0;top:10px;z-index:10}
.mylist:hover{background-position:0 0}
.pop{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;z-index:99999;display:none}
.pop_cont{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);box-sizing:border-box}
.pop_cont1{width:876px;height:482px;background:url(../images/pop_cont1.png) no-repeat 0 0}
.pop_cont2{width:596px;height:362px;background:url(../images/pop_cont2.png) no-repeat 0 0}
.pop_cont3{width:876px;height:522px;background:url(../images/pop_cont3.png) no-repeat 0 0}
.pop_cont4{width:876px;height:705px;background:url(../images/pop_cont4.png) no-repeat 0 0}
.pop_close{position:absolute;top:2px;right:-80px;width:68px;height:66px;background:url(../images/pop_close.png) no-repeat 0 0}
.pop_close:hover{background-position:0 -66px}

.pop_bind{padding-top:77px}
.pop_bind dl{margin:0 auto 53px auto;width:670px;display:flex;align-items:center}
.pop_bind dt{width:140px;text-align:center;padding-right:25px;box-sizing:border-box}
.pop_bind select{box-sizing:border-box;padding:0 20px;width:489px;height:58px;background:#fff7ee;border:none;font-size:24px;color:#272222}
.pop_bind input{box-sizing:border-box;padding:0 20px;width:489px;height:58px;background:#fff7ee;border:none;font-size:24px;color:#272222}



.bindTip{position:absolute;top:290px;left:0;width:100%;text-align:center;font-size:16px;color:#272222;font-weight:700}
.bindTip2{position:absolute;top:490px;left:0;width:100%;text-align:center;font-size:18px;color:#000;font-weight:700}
.popBindBtn{position:absolute;top:350px;width:496px;height:85px;background:url(../images/popBindBtn.png) no-repeat 0 0}
.popBindBtn:hover{background-position:0 -85px}
.btnBox{position:absolute;left:0;bottom:30px;width:100%;display:flex;justify-content:center}
.btnBox a{display:block;width:316px;height:85px;margin:0 10px}
.btnBox a.btn_submit{background:url(../images/btn_submit.png) no-repeat 0 0}
.btnBox a.btn_cancel{background:url(../images/btn_cancel.png) no-repeat 0 0}
.btnBox a.btn_Confirm{background:url(../images/btn_Confirm.png) no-repeat 0 0;width:246px}
.btnBox a.btn_cancel2{background:url(../images/btn_cancel2.png) no-repeat 0 0;width:246px}
.btnBox a.btn_enter{background:url(../images/btn_enter.png) no-repeat 0 0;width:376px}
.btnBox a.btn_lc{background: url(../images/btn_lc.png) no-repeat 0 0;}
.btnBox a.btn_submit2{background: url(../images/btn_submit2.png) no-repeat 0 0;}
.btnBox a:hover{background-position:0 bottom}
.change_btns{top:242px}
.listTitle{height:80px;line-height:80px;font-size:36px;color:#bd2a2a;font-weight:700;padding-top:12px;display:flex;justify-content:center}
.listTitle span{background:url(../images/icon1.png) no-repeat 0 center}
.listTitle a{background:url(../images/icon2.png) no-repeat right center;padding:0 80px}
.listTable{height:320px;width:800px;margin:0 auto}
.listTable table{width:100%;border-collapse:collapse}
.listTable table td,.listTable table th{text-align:center;border:1px solid #f5ebd9;font-weight:400}
.listTable table thead th{height:46px;background:rgba(230,96,96,.8);font-size:20px;color:#f3e8d5; font-weight: bold;}
.listTable table tbody td{height:40px;font-size:16px;color:#000}

.listTable table tbody tr:nth-child(odd) td{background:#ede0ca}
.listTable table tbody tr:nth-child(even) td{background:#dbccb6}

.listTable table tbody td span.c1{color:#232323}
.listTable table tbody td span.c2{color:#232323}
.listTable table tbody td span.c3{color:green}
.listTable table tbody td span.c4{color:#d21515}

.pop_search{padding: 40px 0 0 0;}
.inputCont{padding: 40px 0 0 0; height: 140px;}
.inputCont input{display: block; margin: 0 auto; width: 615px; height: 86px; border: 1px solid #FFF; background: #FFF; color: #000; text-align: center; font-size: 30px;}
.btnSearch{background: url(../images/btn_enter.png) no-repeat 0 0; display:block;width:376px;height:85px; margin: 0 auto;}
.btnSearch:hover{background-position: 0 bottom;}
.subTips{width: 580px; margin: 0 auto; font-size: 18px; font-weight: bold; padding-top: 40px;}
.subTips h3{text-align: center; color: #f00; margin-bottom: 10px;}
.subTips p{color: #272222; line-height: 40px; margin-bottom: 10px;}
.inputContMsg{text-align: center; font-size: 30px; padding: 30px 0; line-height: 46px; color: #bd2a2a; font-weight: bold;}


.msgCont{padding:0 30px;height:233px;margin-top:8px;display:flex;justify-content:center;align-items:center;font-weight:700;font-size:36px;color:#272222; text-align: center;}
.msgCont span{color: #f00;}
.msgConfirm{position:absolute;top:242px;width:376px;height:85px;background:url(../images/msgConfirm.png) no-repeat 0 0}
.msgConfirm:hover{background-position:0 -85px}

.starMain{text-align: center; font-size: 24px; font-weight: bold; color: #272222; line-height: 36px; padding: 0 30px;}
.starMain p{height: 90px;}
.starMain h3{color: #bd2a2a; font-size: 18px;}

.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);
}