@charset "utf-8";*{padding:0;margin:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
button,cmsArea,input,select{ font-family:Verdana,Arial,Helvetica,sans-serif}
li{list-style:none}
h1,h2,h3,h4,h5,h6{font-size:100%}
body{margin:0 auto;text-align:center; font-family:Arial,Verdana,Helvetica,sans-serif;background:#d9def9;color:#34332f;}
.wrapper{margin:0 auto;width:1002px;text-align:left;position:relative}
td{font-size:12px;line-height:160%}
.center,.left{float:left}
.right{float:right}
.nodis{display:none}
.clearfix:after{content:"";height:0;visibility:hidden;display:block;clear:both}
.clearfix{zoom:1}
.clear{clear:both}
a{color:#34332f;text-decoration:none}
a:hover{color:#33c;text-decoration:underline}
a,a:active,embed{outline:0}
/*a.logo{display:block;position:absolute;width:232px;height:87px;left:10px;top:10px;overflow:hidden;z-index:111}
a.logo img{width:185px}*/
.logo { width: 200px;  position: absolute;  top:40px; left:405px;}/*因背景图的关系有修改logo位置*/
.logo img { width: 200px; }
* { font-size: 14px; }

.fullbg{/*background:url(https://hw.99.com/uploads/co/images/skin/2023/05/indexbg.jpg) no-repeat center top;*/width:100%;overflow:hidden}
.header { height: 300px; }
.content { padding-bottom: 20px; }
.steps { color: #fff; margin-bottom: 20px; }
.steps li p {font-size: 18px;}
.steps li { float: left; width: 329px; height: 502px; background: url(https://hw.99.com/uploads/co/images/2021/titlepage/stepbg.png) no-repeat 0 0; text-align: center; margin: 0 2px; }
.steptitle { width: 299px; height: 83px; }
.s1 { background: url(https://hw.99.com/uploads/co/images/2021/titlepage/step1.png) no-repeat 0 0; }
.s2 { background: url(https://hw.99.com/uploads/co/images/2021/titlepage/step2.png) no-repeat 0 0; }
.s3 { background: url(https://hw.99.com/uploads/co/images/2021/titlepage/step3.png) no-repeat 0 0; }
.steps iframe { width: 100%; height: 410px; }
.steps li p.codeinfo, p.codeinfo { display: none; color: #fff; font-size: 15px; width: 80%; margin: 0 auto; text-align: left; }
.steps li p.codeinfo span, p.codeinfo span { color: #f9d96e; font-size: 15px; }

.dl { padding: 20px 0; }
.dl p { padding: 10px 0; }
a.dlbtn1, a.dlbtn2, a.claimbtn { display: block; width: 156px; height: 49px;  margin: 0 auto; }
a.dlbtn1 {  background: url(https://hw.99.com/uploads/co/images/2021/titlepage/sbtn1.png) no-repeat 0 0; }
a.dlbtn1:hover { background: url(https://hw.99.com/uploads/co/images/2021/titlepage/sbtn1hover.png) no-repeat 0 0; }

a.dlbtn2 { background: url(https://hw.99.com/uploads/co/images/2021/titlepage/sbtn2.png) no-repeat 0 0; }
a.dlbtn2:hover { background: url(https://hw.99.com/uploads/co/images/2021/titlepage/sbtn2hover.png) no-repeat 0 0; }
.line1 { width: 100%; height: 1px; background: url(https://hw.99.com/uploads/co/images/2021/titlepage/line1.png) no-repeat center top; }
.line2 { width: 100%; height: 1px; background: url(https://hw.99.com/uploads/co/images/2021/titlepage/line2.png) no-repeat center top; margin: 20px auto; }

.freerwd { width: 90%; margin: 0 auto; color: #f9d96e; padding: 40px 0; }
.freerwd img { vertical-align: middle; margin-top: -5px; }
a.claimbtn {  background: url(https://hw.99.com/uploads/co/images/2021/titlepage/sbtn3.png) no-repeat 0 0; }
a.claimbtn:hover { background: url(https://hw.99.com/uploads/co/images/2021/titlepage/sbtn3hover.png) no-repeat 0 0; }
.rewards { padding: 28px 0; text-align: center; }
.rewards p.ptall { padding-top: 30px; }
.rewards p, .subfooter li { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 80%; margin: 0 2%; }
.rewards p img { width: 100%; }

.main { width: 100%; }
.maintop { height: 47px; background: url(https://hw.99.com/uploads/co/images/2021/titlepage/bigbox1.png) no-repeat center 0; }
.mainbottom { height: 26px; background: url(https://hw.99.com/uploads/co/images/2021/titlepage/bigbox3.png) no-repeat center 0; }
.maincont { width: 902px; padding: 0 50px; background: url(https://hw.99.com/uploads/co/images/2021/titlepage/bigbox2.png) repeat-y center 0; }
.maincont img { width: 100%; }
.features { padding: 30px 0; }
.subtitle { text-align: center;  padding: 30px 0; }
.subtitle img { width: auto; }
.choosebtns { text-align: center; padding: 30px 0; }
.choosebtns a { color: #861801; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; width: 263px; height: 77px; background: url(https://hw.99.com/uploads/co/images/2021/titlepage/btn1.png) no-repeat 0 0; text-align: center; font-size: 30px; line-height: 77px; margin: 0 20px; }
.choosebtns a:hover { background: url(https://hw.99.com/uploads/co/images/2021/titlepage/btn1hover.png) no-repeat 0 0; text-decoration: none; }

.subfooter { text-align: center; }
.subfooter li { width: 30%; margin: 0; text-align: center; }
.subfooter li img { height: 60px; width: auto; }
.btn2 { display: block; margin: 0 auto; width: 141px; height: 42px; background: url(https://hw.99.com/uploads/co/images/2021/titlepage/btn2.png) no-repeat 0 0; }
.btn2:hover { background: url(https://hw.99.com/uploads/co/images/2021/titlepage/btn2hover.png) no-repeat 0 0; }
.subfooter { padding: 30px 0; }
.subfooter li p { padding-bottom: 15px; }
.contact a { position: relative; display: inline-block; *display: inline; *zoom: 1; width: 45px; height: 44px; margin: 0 2px; vertical-align: middle; }
.contact a.fb { background: url(https://hw.99.com/uploads/co/images/2021/titlepage/fb.png) no-repeat 0 0; }
.contact a.yt { background: url(https://hw.99.com/uploads/co/images/2021/titlepage/yt.png) no-repeat 0 0; }
.contact a.tw { background: url(https://hw.99.com/uploads/co/images/2021/titlepage/tw.png) no-repeat 0 0; }
.contact a.tw span { position: absolute;top: -10px;right: -10px;width: 20px;height: 20px;border-radius: 10px;display: block;background:red;background: rgba(255,0,0,.9);filter:alpha(opacity=90);color: #fff;font-size: 14px;text-align: center;line-height: 19px;font-weight: bold; }
.contact a.dc { background: url(https://hw.99.com/uploads/co/images/icon/discord.png) no-repeat;}

.sidefixed { position: fixed; right: 10px; top: 50%; margin-top: -204px; width: 201px; height: 329px; padding: 40px 20px; background: url(https://hw.99.com/uploads/co/images/2021/titlepage/sidebg.png) no-repeat 0 0; font-size: 18px; }
.sidebtns { border-top: 1px solid #463e3b; padding: 20px 0; width: 177px; margin: 22px auto 0; }
.sidebtns a { display: block; width: 177px; height: 50px; background: url(https://hw.99.com/uploads/co/images/2021/titlepage/btn3.png) no-repeat 0 0; text-align: center; line-height: 50px; font-size: 20px; color: #5b2606; text-shadow: 1px 1px 1px #edb150; margin: 0 auto 5px;  }
.sidebtns a:hover { background-position: 0 -53px; text-decoration: none; }
.server { margin-bottom: 10px; }
.server p { color: #f8d85f; font-size: 18px; text-align: center; }
.server p.sname { position: relative; background: #ab0d0d; border-radius: 8px; margin: 10px auto; width: 84%; padding: 10px 0; }
.totop { display: block; margin: 0 auto; width: 32px; height: 45px; background: url(https://hw.99.com/uploads/co/images/2021/titlepage/top.png) no-repeat 0 0; }
.totop:hover { background-position: -37px 0; }
.server p.sname img { position: absolute; right: -40px; top: -14px; }



.popbox { display: none; z-index: 999; width: 100%; height: 100%; position: fixed; left: 0; top: 10%; }
.popbox#regbox { top: 50%; margin-top: -271px; }
.popbox#commonbox { top: 50%; margin-top: -100px; }
.mask{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.4; filter: alpha(opacity=40); z-index: 1112;}
.msgbox { position: relative; width: 1002px; margin: 0 auto; z-index: 1113; }
.mtop { height: 47px; background: url(https://hw.99.com/uploads/co/images/2021/titlepage/bigbox1.png) no-repeat 0 0; }
.mbottom { height: 26px; background: url(https://hw.99.com/uploads/co/images/2021/titlepage/bigbox3.png) no-repeat 0 0; }
.msg { width: 902px; padding: 0 50px; background: url(https://hw.99.com/uploads/co/images/2021/titlepage/bigbox2.png) repeat-y center 0; }
a.close { position: absolute; right: 20px; top: 20px; width: 40px; height: 40px; line-height: 40px; font-size: 60px; text-decoration: none; color: #fcd15a; }
a.close:hover { color: #fff; }
.leftcont { float: left; width: 60%; }
.rightcont { float: left; width: 40%; }
.rightcont iframe { width: 100%; height: 410px; }

.msgbox .rewards p.ptall { padding-top: 0;  }
.msgbox .rewards { padding: 10px 0 30px; }
.msgbox .freerwd p { font-size: 20px; }
.msgbox .freerwd p.codeinfo { font-size: 18px; text-align: center; }
.msgbox .freerwd p.codeinfo span { font-size: 18px; }
.msgbox .freerwd { padding: 0 0 40px 0; }
.msgbox .leftcont { padding: 50px 0 30px 0; width: 56%; border-right: 1px solid #1e1d1e; }
.msgbox .rightcont { padding: 70px 0 10px 0; width: 43%; background: #2f1b04; }
#regbox .msg { width: 100%; padding: 0; }
#regbox .mtop { height: 8px; }
#regbox .mbottom { height: 8px; background-position: center bottom }

#commonbox .msgbox { width: 499px; }
#commonbox .msg { width: 459px; height: 45px; line-height: 45px; padding: 75px 20px; background: url(https://hw.99.com/uploads/co/images/2021/titlepage/box1.png) no-repeat 0 0; color: #fff; }
#commonbox #commsg { font-size: 18px; }