body,div,ul,ol,li,dl,dt,dd,p,span,a,img,em,i,input,button,textarea,tr,th,td,h1,h2,h3,h4,h5,h6,h7{margin:0px; padding:0px;}
body{color:#2b2b2b; font-size:12px; font-family:"microsoft yahei"; overflow-x:hidden;}
ul,ol,li,dl,dt,dd,p,span,a,img,em,i,input,button,textarea,tr,th,td,h1,h2,h3,h4,h5,h6,h7{list-style-type:none; border:none; font-style:normal; background:none; outline:none;}
a{color:#2b2b2b; text-decoration:none;}
a:hover{text-decoration:none;}
img{display:block;}
.clearfix{*zoom:1;}
.clearfix:after{height:0; font-size:0; display:block; clear:both; overflow:hidden; visibility:hidden; content:"";}
.f_l{float:left; display:inline;}
.f_r{float:right; display:inline;}
.indent{text-indent:-999px; overflow:hidden;}
.none{display:none;}
.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f15{font-size:15px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f19{font-size:19px;}
.f20{font-size:20px;}
.f22{font-size:22px;}
.f24{font-size:24px;}
.f26{font-size:26px;}
.f28{font-size:28px;}
.f30{font-size:30px;}
.f32{font-size:32px;}
.f36{font-size:36px;}



.wapper{background:url(../images/bg.jpg) center top no-repeat;}
.wrap{width:1240px; margin:0 auto;}


.header{height:982px; background:url(../images/header.jpg) no-repeat; position:relative;}
.logo{width:150px; height:72px; background:url(../images/logo.png) no-repeat; position:absolute; top:28px; left:120px;}

.user_box{color:#fff; position:absolute; top:20px; right:20px;}
.user_box dt,.user_box dt em,.user_box dt span,.user_box dt a,.user_box dd{float:left;}
.user_box dt{margin-right:20px;}
.user_box dt a{width:24px; height:24px; margin:0 4px; position:relative;}
.user_box dt .icon-qzone{background:url(../images/icon-qzone.png) no-repeat; background-size:contain;}
.user_box dt .icon-wechat{background:url(../images/icon-wechat.png) no-repeat; background-size:contain;}
.user_box dt .icon-weibo{background:url(../images/icon-weibo.png) no-repeat; background-size:contain;}
.user_box dt .icon-wechat .wechat-qrcode{width:200px; height:190px; color:#666; font-size:12px; background:#fff; border:1px solid #eee; text-align:center; position:absolute; top:40px; left:50% !important; margin-left:-100px; z-index:9; display:none;}
.user_box dt .icon-wechat .wechat-qrcode.bottom{top:40px; left:-84px;}
.user_box dt .icon-wechat .wechat-qrcode.bottom:after{display:none;}
.user_box dt .icon-wechat .wechat-qrcode h4{height:28px; line-height:28px; color:#777; font-size:12px; font-weight:normal; background:#f3f3f3; padding:0; margin:0;}
.user_box dt .icon-wechat .wechat-qrcode .qrcode{width:100px; margin:10px auto;}
.user_box dt .icon-wechat .wechat-qrcode .qrcode table{margin:0 !important;}
.user_box dt .icon-wechat .wechat-qrcode .help p{width:100%; line-height:16px; font-size:12px; font-weight:normal; text-align:center; display:block; padding:0; margin:0;}
.user_box dt .icon-wechat .wechat-qrcode:after{width:0; height:0; border-width:8px 6px 6px 6px; border-style:solid; border-color:#fff transparent transparent transparent; position:absolute; bottom:-12px; left:50%; margin-left:-6px; content:'';}
.user_box dt .icon-wechat:hover .wechat-qrcode{display:block;}

.user_box dd .log_btn{width:100px; height:24px; line-height:24px; color:#bababa; background:#000; border-radius:3px; text-align:center; display:block;}
.user_box dd .log_btn:hover{color:#fff;}
.user_box dd .logout{color:#bbb; text-decoration:underline; margin-left:20px;}
.user_box dd .logout:hover{color:#fff; text-decoration:none;}


.step1{height:810px; background:url(../images/step1.jpg) no-repeat; position:relative;}
.step2{height:1800px; background:url(../images/step2.jpg) no-repeat;}
.step3{height:1400px; background:url(../images/step3.jpg) no-repeat;}


.zhuli_rule{width:740px; line-height:30px; color:#fff; position:absolute; top:140px; left:380px;}

.zhuli{height:320px; padding-top:280px;}
.zhuli dt{width:344px; line-height:44px; color:#fbdcab; font-size:30px; text-align:center; padding-top:160px; float:left;}
.zhuli dt a{width:280px; height:88px; background:url(../images/btns.png) no-repeat; display:block; margin:0 auto; cursor:pointer;}
.zhuli dt a:hover{background-position:-280px 0;}
.zhuli dd{float:right;}
.zhuli dd li{width:218px; height:248px; background:url(../images/zhuli_li.png) no-repeat; margin-left:80px; float:left; position:relative;}
.zhuli dd li:hover{background:url(../images/zhuli_li_hover.png) no-repeat;}
.zhuli dd li.normal{background:url(../images/zhuli_li_normal.png) no-repeat;}
.zhuli dd li a{width:158px; height:158px; text-indent:-999px; overflow:hidden; position:absolute; top:30px; left:30px; cursor:pointer;}
.zhuli dd li p{line-height:280px; color:#d30120; font-size:22px; text-align:center;}
.zhuli dd li:hover p{color:#fbdcab;}
.zhuli dd li.normal p{color:#666;}
.zhuli dd li .info{width:230px; height:82px; line-height:32px; color:#2f1509; font-size:20px; background:url(../images/zhuli_tips.png) no-repeat; padding:10px 17px; position:absolute; top:-106px; left:50%; margin-left:-131px; display:none;}
.zhuli dd li:hover .info{display:block;}

.game_list{width:1080px; line-height:36px; position:absolute; top:660px; left:50%; margin-left:-550px;}
.game_list li{width:140px; text-align:center; margin:0 20px; float:left;}
.game_list li a{color:#ffe4b3;}
.game_list li a:hover{color:#fff5e4;}



.con_tit{height:42px; line-height:42px; background-image:url(../images/xing.png); padding-left:74px; margin-bottom:30px;}
.pay_tit{color:#bc3522; background-position:0 0;}
.lot_tit{color:#fbdcab; background-position:0 -42px;}


.pay_rule{color:#725f4d; padding:220px 0 80px 0;}
.pay_rule dd p{line-height:32px; display:block; padding-left:40px; margin-bottom:8px; position:relative;}
.pay_rule dd em{width:22px; height:22px; color:#fff; background:#a1856a; -webkit-transform:rotate(45deg); transform:rotate(45deg); overflow:hidden; position:absolute; top:5px; left:5px;}
.pay_rule dd em i{width:100%; height:100%; line-height:22px; font-size:16px; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); text-align:center; display:block; position:absolute; top:0; left:0;}

.pay_rank{margin-bottom:30px; position:relative;}
.pay_rank .add_btn{width:256px; height:86px; line-height:86px; color:#ffeebc; background:url(../images/add_btn.png) no-repeat; text-align:center; position:absolute; top:-94px; right:0; cursor:pointer;}
.pay_rank .add_btn:hover{color:#fff;}
.pay_rank dl{width:1216px; border:1px solid #9d7f67; margin:0 auto;}
.pay_rank dl span{height:100%; text-align:center; overflow:hidden; float:left;}
.pay_rank dl span.t1{width:10%;}
.pay_rank dl span.t2{width:32%;}
.pay_rank dl  span.t3{width:13%;}
.pay_rank dl  span.t4{width:40%; position:relative;}
.pay_rank dt,.pay_rank dd p,.pay_rank dd li{height:79px; line-height:79px; margin-bottom:1px;}
.pay_rank dt{color:#fff; font-size:26px; font-weight:bold; background:rgba(107,45,3,0.5)}
.pay_rank dd{position:relative;}
.pay_rank dd p{font-size:24px; background:rgba(157,127,103,0.2)}
.pay_rank dd p.b1,.pay_rank dd li.t1{color:#e43300;}
.pay_rank dd em{width:46px; height:50px; line-height:50px; display:block; margin:15px auto 0 auto;}
.pay_rank dd p.b1 em,.pay_rank dd p.b2 em,.pay_rank dd p.b3 em{text-indent:-999px; overflow:hidden;}
.pay_rank dd p.b1 em{background:url(../images/no_1.png) no-repeat;}
.pay_rank dd p.b2 em{background:url(../images/no_2.png) no-repeat;}
.pay_rank dd p.b3 em{background:url(../images/no_3.png) no-repeat;}
.pay_rank dd ul{width:40%; position:absolute; top:0; right:5%; z-index:3;}
.pay_rank dd li{font-size:24px; text-align:center; position:relative;}
.pay_rank dd li i{width:52px; height:78px; position:absolute; top:0; right:2%;}
.pay_rank dd li i img{width:100%; height:100%; display:block;}

.pay_info{padding:0 15px;}
.pay_info dt{color:#725f4d; margin-bottom:10px;}
.pay_info dd{color:#da4b22; font-size:24px;}


.lot_rule{color:#fbdcab; padding:220px 50px 60px 50px;}
.lot_rule dd p{line-height:32px; display:block; padding-left:40px; margin-bottom:8px; position:relative;}
.lot_rule dd em{width:22px; height:22px; color:#731000; background:#e5a27b; -webkit-transform:rotate(45deg); transform:rotate(45deg); overflow:hidden; position:absolute; top:5px; left:5px;}
.lot_rule dd em i{width:100%; height:100%; line-height:22px; font-size:16px; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); text-align:center; display:block; position:absolute; top:0; left:0;}

.lot_box{width:990px; height:570px; background:url(../images/lot_box.png) no-repeat; padding:23px; margin:0 auto; position:relative;}
.lot_box dt{height:100%; position:relative;}
.lot_box dt a{width:296px; height:166px; color:#ab2331; background:url(../images/lot_a.jpg) no-repeat; position:absolute;}
.lot_box dt a.b0{top:12px; left:17px;}
.lot_box dt a.b1{top:12px; left:347px;}
.lot_box dt a.b2{top:12px; right:17px;}
.lot_box dt a.b3{top:202px; right:17px;}
.lot_box dt a.b4{bottom:12px; right:17px;}
.lot_box dt a.b5{bottom:12px; left:347px;}
.lot_box dt a.b6{bottom:12px; left:17px;}
.lot_box dt a.b7{top:202px; left:17px;}
.lot_box dt span{height:120px; display:block;}
.lot_box dt span img{width:100%; height:100%; display:block;}
.lot_box dt p{width:100%; line-height:46px; font-size:24px; text-align:center; position:absolute; bottom:0; left:0;}
.lot_box dt em{width:286px; height:156px; border:5px solid #ff0; position:absolute; top:0; left:0; display:none;}
.lot_box dt .active em{display:block;}
.lot_box dd{width:296px; height:166px; position:absolute; top:50%; left:50%; margin:-83px 0 0 -148px;}
.lot_box dd a{height:78px; background-image:url(../images/btns.png); text-indent:-999px; overflow:hidden; display:block; margin-bottom:10px; cursor:pointer;}
.lot_box dd a.time_1{background-position:0 -264px;}
.lot_box dd a.time_3{background-position:0 -342px;}
.lot_box dd a.time_1:hover{background-position:-296px -264px;}
.lot_box dd a.time_3:hover{background-position:-296px -342px;}

.lot_info{width:1020px; padding-top:40px; margin:0 auto; position:relative;}
.lot_info a{width:280px; height:88px; background-image:url(../images/btns.png); text-indent:-999px; overflow:hidden; position:relative; z-index:3; cursor:pointer;}
.lot_info a.b1{background-position:0 -88px;}
.lot_info a.b2{background-position:0 -176px;}
.lot_info a.b1:hover{background-position:-280px -88px;}
.lot_info a.b2:hover{background-position:-280px -176px;}
.lot_info p{width:100%; line-height:88px; color:#fff; font-size:26px; text-align:center; position:absolute; top:40px; left:0;}


.float_nav{z-index:4;width:206px; height:792px; background:url(../images/float_nav.png) no-repeat; padding-top:22px; position:fixed; top:50%; right:2%; margin-top:-407px;}
.float_nav a{height:200px; text-indent:-999px; overflow:hidden; display:block; margin-bottom:14px; cursor:pointer;}
.float_nav a.s1{height:202px;}


/* 弹窗 */
.mask{width:100%; height:100%; background:#000; filter:alpha(opacity=50); position:fixed; top:0; left:0; opacity:0.5; z-index:101;}

.pop_box{width:640px; height:460px; color:#f3c378; background:url(../images/pop_box.png) no-repeat; text-align:center; overflow:hidden; position:fixed; top:50%; left:50%; margin:-230px 0 0 -320px; z-index:102;}
.pop_box2{height:560px; background:url(../images/pop_box2.png) no-repeat; margin:-280px 0 0 -320px;}

.pop_close{width:52px; height:52px; background:url(../images/pop_close.png) no-repeat; position:absolute; top:8px; right:24px; cursor:pointer;}
.pop_close:hover{background-position:0 -52px;}
.pop_tit{height:100px; line-height:86px; color:#824a30; font-size:38px; margin-bottom:50px;}
.pop_txt{padding:0 50px;}
.pop_txt img{margin:0 auto 20px auto;}

/* 用户登录  收货地址*/
.w-item{height:48px; line-height:48px; background:#fff; border:1px solid #b1898b; border-radius:26px; padding:0 14px; margin-bottom:22px;}
.w-item2{margin-bottom:16px;}
.w-item label,.w-item2 label{width:50px; color:#b1898b; text-align:center; display:inline; float:left;}
.w-item2 label{width:80px;}
.w-input{width:460px; height:48px; line-height:48px;}
.w-item2 .w-input{width:420px;}
.w-input,.w-input2{color:#333; font-size:16px; display:inline; float:left;}
.forgot-l{line-height:30px; padding:0 10px 10px 0;}
.forgot-l a{color:#f3c378; float:right;}
.forgot-l a:hover{color:#f2d7ad;}

.pop_btn{padding:10px 0;}
.pop_btn a,.pop_btn input{width:220px; height:50px; line-height:50px; color:#95271f; font-size:26px; background:#f3c378; border-radius:24px; text-align:center; display:inline-block; margin:0 7px; position:relative; cursor:pointer;}
.pop_btn a:hover,.pop_btn input:hover{background:#f2d7ad;}
.address-q{color:#fff; margin-top:-20px; margin-bottom:20px;}


/*礼包列表*/
.bag-list{font-size:15px; margin-top:-10px; margin-bottom:6px;}
.bag-list li{width:108px; color:#ccc; text-align:center; margin-bottom:8px; float:left;}
.bag-list li.null{color:#f3c378;}
.bag-list li a{width:75px; height:75px; display:block; margin:0 auto; cursor:pointer;}
.bag-list li a img{width:100%; height:100%; display:block;}
.bag-list li p{line-height:33px;}

.bag-tips em{color:#fff;}

.pagcode{padding:50px 0 10px 0;}
.pagcode p{margin-bottom:20px;}
.pagcode p em{color:#eee; margin:0 2px;}
.pagcode .code_tips{color:#fff;}


/* 礼包兑换记录 */
.exchange-tit{font-weight:bold; padding-bottom:20px;}
.exchange-txt{height:216px; overflow:auto; overflow-x:hidden;}
.exchange-tit span,.exchange-txt span{width:45%; text-align:center; display:inline-block;}
.exchange-txt li{line-height:36px; color:#fff;}


/* 各种提示 */
.tip_txt{line-height:30px; font-size:22px; padding:40px 50px 0 50px;}
.tip_txt img{margin:-30px auto 10px auto;}
.tip_txt p{margin-bottom:20px;}