html,body,div,p,a,ul,li,img,table,tr,th,td,input,form,label,h1,h2,h3,h4{ margin:0;padding:0;}
html{ font-size: 6.25em;  }
body{ font-size:12px;font-size:0.12rem;font-family:'simsun',"Microsoft YaHei";}
a{ text-decoration: none;}
a:hover{ text-decoration: underline;}
h1,h2,h3,h4{ font-weight:bold;}
ul{ letter-spacing: 0;}
ul li{ list-style: none;}
i{ font-style:normal;}
label{ vertical-align: middle; }
input{ text-indent: 0.5em;vertical-align: middle;}
img{ border:none;max-width:100%;height:auto;}
table{ border-collapse: collapse;table-layout: fixed;}
table td{ word-break: break-all; word-wrap:break-word;vertical-align:middle;}

.line{ position: relative;display: inline-block;*zoom:1;*display: inline;vertical-align: middle;}
.wp{ position: relative;width: 1000px;height: auto;margin:0 auto;height: 100%; }

.aa{ transition: 0.4s;-moz-transition: 0.4s;-webkit-transition: 0.4s;-o-transition: 0.4s; }

/*bg*/
.bg{ position: relative;width: 100%;height: 1808px;background: url(../images/bg.jpg) no-repeat center top; }
.content{ background: url(../images/bg.jpg) no-repeat center top; }

/*top_box*/
.top_box{ position: relative;width: 100%;height: 735px; }
.top_p1{ top:377px;left:340px;position: absolute;font-size: 14px;font-family: "Microsoft YaHei";color:#ffe28a; }
.top_p2{ top:460px;left:365px;position: absolute;font-size: 12px;font-family: "Microsoft YaHei";color:#641505;line-height: 24px;text-shadow: 0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff,0 0 3px #ffffff; }
.nav,.nav_img{ position: absolute;bottom:49px;left:61px;height: 92px; }
.nav a{ position: relative;display: block;float: left;width: 292px;height: 92px;color:white;font-size: 18px;font-family:"Microsoft YaHei";text-shadow: 1px 1px 0 #106d2a;line-height: 92px;text-align: center;  }
.nav a:hover{ text-decoration: none; }
.nav a i{ font-size: 60px;font-family: 'impact';vertical-align: middle; } 
.nav a b{ display: inline-block;*zoom: 1;*display: inline;vertical-align: middle;line-height: 22px; }
.nav_img_01{ left:0;position:absolute;width: 308px;height: 92px;background: url(../images/nav_01.png) no-repeat ; }
.nav_img_02{ left:282px;position:absolute;width: 320px;height: 92px;background: url(../images/nav_02.png) no-repeat ; }
.nav_img_03{ left:583px;position:absolute;width: 292px;height: 92px;background: url(../images/nav_03.png) no-repeat ; }


/*step_box*/
.step_box{ padding:50px 60px 0;position: relative; }
.step_h3{ font-size: 22px;color:#f4dfc0;font-family: 'Microsoft YaHei';text-shadow: 1px 1px 0 black;background: #6f512d;position: absolute;top:0;padding: 4px 10px;border-radius: 10px;box-shadow: -2px -1px 0 1px #5e4326; }
.step_text{ margin:10px 0;font-size: 14px;font-family: 'Microsoft YaHei';color: #f8f1c3;text-shadow: 1px 1px 0 #565656;line-height: 24px; }
.step_text i{ color:#fee25b; }
.mall_box{ margin-top:20px;padding:62px 36px 29px 32px;position: relative;width: 695px;height: 138px;background: url(../images/mall_bg.png) no-repeat center; }
.mall_box a{ padding:104px 0px 0px;display: block;float: left;width: 213px;height: 28px;line-height: 28px;text-align: center;font-size: 14px;font-family:'Microsoft YaHei';color:#f6dfbf;text-shadow: 1px 1px 0 black;border: 3px solid transparent;  }

.btn1{ display: inline-block;*zoom:1;*display: inline;vertical-align: middle; position: relative;width: 168px;height: 59px; }
.draw{ background: url(../images/draw.png) no-repeat center; }
.check{ background: url(../images/check.png) no-repeat center; }
.share{ background: url(../images/share.png) no-repeat center; }
.reset{ background: url(../images/reset.png) no-repeat center; }
.mall{ background: url(../images/mall_btn.png) no-repeat center; }

.step2_mallNav{ position: absolute;top:20px;left:235px; }
.step2_mallNav a{ display: block;width: 120px;height: 25px;background: #87512f;border:2px solid #583925;font-size: 14px;font-family: 'Microsoft YaHei';color:#f6dfbf;line-height: 25px;text-align: center;padding:0;border-radius: 20px;margin:0 10px; }
.step2_mallNav a:hover{ text-decoration: none; }
.step2_mallNav a.selected{ background: #e55645;color:#ffcdc6; }

/*step_01*/
.step_01{ }
.step1_mall_01{ margin-left: 0px;cursor: default; }
.step1_mall_02{ margin-left: 18px;cursor: default; }
.step1_mall_03{ margin-left: 20px;cursor: default;}
.step1_mall_01:hover{ font-size: 0;background: url(../images/step1_011.png) no-repeat center top; }
.step1_mall_02:hover{ font-size: 0;background: url(../images/step1_02.png) no-repeat center top;}
.step1_mall_03:hover{ font-size: 0;background: url(../images/step1_03.png) no-repeat center top;}
.step1_btnBox{ margin-top:20px;text-align: center;width: 760px; }
.step1_btnBox a{ margin:0 20px; }
.fb_box{ position: absolute;top: 170px;left: 445px; }

/*step_02*/
.step_02{ }
.sign_bg{ position: relative;width: 600px;height: 284px;overflow: hidden; margin-left: -60px;}
.sign_info_dox{ position: absolute;text-align: center; left: 600px;top: 380px;}
.sign_info{ margin:0 7px;position: relative;display:inline-block;*zoom:1;*display: inline;vertical-align: middle;width: 66px;height: 59px;background: url(../images/gy_0.png) no-repeat center;  }
.sign_info.signed{ background-image: url(../images/gy.png); }
.step2_btnBox{ margin-top:25px;text-align: center; }
.step2_btnBox a{ margin:0 10px; }
.step2_mall_01,.step2_mall_04{ margin-left: 0px; cursor: default;}
.step2_mall_02,.step2_mall_05{ margin-left: 18px; cursor: default;}
.step2_mall_03,.step2_mall_06{ margin-left: 20px; cursor: default;}
.step2_mall_01:hover{ font-size: 0;background: url(../images/step2_01.png) no-repeat center top; }
.step2_mall_02:hover{ font-size: 0;background: url(../images/step2_02.png) no-repeat center top;}
.step2_mall_03:hover{ font-size: 0;background: url(../images/step2_03.png) no-repeat center top;}
.step2_mall_04:hover{ font-size: 0;background: url(../images/step2_04.png) no-repeat center top; }
.step2_mall_05:hover{ font-size: 0;background: url(../images/step2_05.png) no-repeat center top;}
.step2_mall_06:hover{ font-size: 0;background: url(../images/step2_06.png) no-repeat center top;}


/*step_03*/
.step_03{ }
.step3_num{ margin:10px 0;font-size: 14px;font-family: 'Microsoft YaHei';color: #fee25b;text-shadow: 1px 1px 0 #565656;line-height: 24px;text-align: center;}
.step3_box{ margin:0 auto;position: relative;width: 508px;height: 307px;background: url(../images/step3_box.png) no-repeat center; }
.grid{ position: absolute;display: block;width: 82px;height: 60px;background: url(../images/grid_bg.png) no-repeat center;cursor:url(../images/mouse.png),pointer; }
.grid.poked{ background-image: url(../images/poked.png);cursor:default; }
.grid_01{ top: 10px;left: 30px; }
.grid_02{ top: 10px;left: 124px; }
.grid_03{ top: 10px;left: 217px; }
.grid_04{ top: 10px;left: 306px; }
.grid_05{ top: 10px;left: 396px; }
.grid_06{ top: 75px;left: 30px; }
.grid_07{ top: 75px;left: 124px; }
.grid_08{ top: 75px;left: 217px; }
.grid_09{ top: 75px;left: 306px; }
.grid_10{ top: 75px;left: 396px; }
.grid_11{ top: 139px;left: 30px;}
.grid_12{ top: 139px;left: 124px; }
.grid_13{ top: 139px;left: 217px; }
.grid_14{ top: 139px;left: 306px; }
.grid_15{ top: 139px;left: 396px; }
.grid_16{ top: 204px;left: 30px; }
.grid_17{ top: 204px;left: 124px; }
.grid_18{ top: 204px;left: 217px; }
.grid_19{ top: 204px;left: 306px; }
.grid_20{ top: 204px;left: 396px; }
.step3_btnBox{ margin-top:25px;text-align: center; }
.step3_btnBox a{ margin:0 10px; }













.cover{ position: fixed;width: 100%;height: 100%;top:0;left:0;background: url(../images/cover.png) repeat;z-index: 999;}
/*box*/
.box{ position: fixed;z-index: 1000;background: #ffffff;border:2px solid #01bc49;top:50%;left:50%;}
.close{ position: absolute;top:10px;right:10px;width: 25px;height: 25px;line-height: 26px;font-size: 32px;font-family:"simsun";color:white;text-indent: -3px; overflow: hidden;z-index: 1;}
.close:hover{ text-decoration:none;}
.box_h{ font-size: 18px;text-align: center;font-family:"simhei";margin:0;color:white;background:#02c151;line-height: 42px;border:1px solid #03f28f;box-shadow: 0px -42px 21px -21px #009933 inset;border-bottom: none;}  



/*check_box*/
.check_box{ width:500px;height: 380px;margin:-190px 0 0 -250px;}
.check_h{ font-size: 0;position: relative;text-align: left;width: 400px;margin:16px auto 0;}
.check_h span{ display: inline-block;margin-left:-1px;font-size: 15px;font-family:"Microsoft YaHei";line-height: 34px;background: #d7ffe7;border:1px solid #02af3b;text-align: center;color:#000000; } 
.check_h span:first-child{ margin-left: 0;}
.check_box .d1{ width:140px; }
.check_box .d2{ width:90px;}
.check_box .d3{ width:165px;}
.table_box{ width: 417px;height: 251px;margin:-1px 0px 0px 50px;overflow-x:hidden;overflow-y:auto; }
.table_box table{ text-align: center;}
.table_box td{ padding:2px 0;background: white;font-size: 14px;color:#000000;border:1px solid #02af3b;line-height: 20px;}
.check_box .draw{ margin:0 auto; }

/*draw*/
.draw_box{ width: 520px;height:240px;text-align: center;margin:-120px 0 0 -260px;}
.draw_box select{ width: 150px;height:30px;line-height: 30px;font-style: 14px;margin-top: 20px;}
.mall_id{ margin-right:60px; } 
.box_btn{ width:110px;height:33px;line-height: 33px; position: absolute;background: url(../images/box_btn.png) no-repeat center;color:#ffffff;font-size: 18px;font-family: 'simhei';top: 185px;left: 208px;text-align: center;font-weight: bold;}
.box_btn:hover{ text-decoration: none;}




/*login_box*/
.btns{ background: url(../images/login.png) no-repeat; }
.login_box{ width: 431px;height: 304px;margin:-152px 0 0 -215.5px;}
.login_before{ position: relative;padding:28px 75px 20px;font-size: 16px;}
.login_before input[type='text'],.login_before input[type='password']{ width: 180px;height: 29px;border:1px solid black;background: white;margin:5px 0;}
.login_b{ position: absolute;width: 82px;height: 75px;top: 30px;right: 80px;}
.login_text{ margin:10px 0;}
.login_text a{ color:black;vertical-align: middle;}
.login_before p{ margin:20px 0 15px;}
.other{ font-size: 0;} 
.other a{ display: inline-block;*zoom:1;*display:inline;width: 42px;height: 42px;vertical-align: top;margin-right:4px;}
.fb{ background-position: -82px 0;}
.google{ background-position: -124px 0;}
.baha{ background-position: -166px 0;}
.game{ background-position: -208px 0;}
.yahu{ background-position: -250px 0;}

/*step3_mall*/
.step3_mall_box{ width: 660px;height: 308px;margin:-154px 0 0 -330px; }
.step3_mall_box .box_h{ text-align: left; }

.step3_nav{ position: relative;display: inline-block;*zoom:1;*display: inline;vertical-align: bottom;color:white;height: 35px;line-height: 28px;width: 94px;left: 30px;text-align: center; }
.step3_nav.selected{ background: white;color:#00862c;box-shadow: 0 35px 17px -17px #e5e5e5 inset; }
.step3_nav:hover{ text-decoration: none; }
.step3_mall{ margin:25px auto 0;position: relative;color:black;text-align: center; }
.step3_mall th{ background: #d7ffe7;border:1px solid #03b03b;height: 30px; }
.step3_mall td{ border:1px solid #03b03b;height: 35px; }

/*msg_box*/
.msg_box{ width: 430px;height: 200px;margin:-100px 0 0 -215px; }
.msg{ margin-top:30px;font-size: 24px;font-family: 'Microsoft YaHei';color:#01ae39;font-weight: bold;text-align: center; }
.sure{ top: 150px;left: 160px; }