html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-size: 100%; } body { margin: 0; font-size: 1.4rem; line-height: 1.5; color: #333333; background-color: white; height: 100%; overflow-x: hidden; -webkit-overflow-scrolling: touch; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } svg:not(:root) { overflow: hidden; } a { background: transparent; text-decoration: none; -webkit-tap-highlight-color: transparent; color: #0088cc; } a:active { outline: 0; } a:active { color: #006699; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; vertical-align: middle; } hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } pre { overflow: auto; white-space: pre; white-space: pre-wrap; word-wrap: break-word; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; background: none; border: none; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; resize: vertical; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } html, button, input, select, textarea { font-family: "microsoft yahei", "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif; } h1, h2, h3, h4, h5, h6, p, figure, form, blockquote { margin: 0; } ul, ol, li, dl, dd { margin: 0; padding: 0; } ul, ol { list-style: none outside none; } h1, h2, h3 { line-height: 2; font-weight: normal; } h1 { font-size: 1.8rem; } h2 { font-size: 1.6rem; } h3 { font-size: 1.4rem; } input::-moz-placeholder, textarea::-moz-placeholder { color: #cccccc; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #cccccc; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #cccccc; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .fix {zoom:1;} .fix:after,.fix:before{display:block;content:"clear";height:0;clear:both;overflow:hidden;visibility:hidden;} .none { display: none;} .hidden { width: 0px; height: 0px; overflow: hidden;} .tc { text-align: center;}
input{border:none;}em,i{font-style:normal;}
.f_l{float:left; display:inline;}
.f_r{float:right; display:inline;}
.indent{text-indent:-9.99rem; overflow:hidden;}
.none{display:none;}
.f12{font-size:.12rem;}
.f13{font-size:.13rem;}
.f14{font-size:.14rem;}
.f15{font-size:.15rem;}
.f16{font-size:.16rem;}
.f18{font-size:.18rem;}
.f19{font-size:.19rem;}
.f20{font-size:.20rem;}
.f22{font-size:.22rem;}
.f24{font-size:.24rem;}
.f26{font-size:.26rem;}
.f28{font-size:.28rem;}
.f30{font-size:.30rem;}
.f32{font-size:.32rem;}
.f36{font-size:.36rem;}



.wapper{max-width:10.8rem; height:19.2rem; margin:0 auto; position:relative;}

.page{height:19.2rem; overflow: hidden; position:relative;}
.mod-1, .mod-2, .mod-3{display:none;}


/* 首页 */
.home{background:url(../images/home.jpg) no-repeat; background-size:100%;}

.home_nav{width: 100%; padding: 0 .2rem; position: absolute; top: .3rem; left: 0;}
.home_nav a{background-size:100%; text-indent: -9.99rem; overflow: hidden;}
.home_nav .btn_rule{width: 2.82rem; height: 1.25rem; background:url(../images/btn_rule.png) no-repeat; background-size:100%;}
.home_nav .btn_share{width: 1.4rem; height: 1.4rem; background:url(../images/btn_share.png) no-repeat; background-size:100%;}

.user_box{width:100%; height: .72rem; line-height: .72rem; color: #000000; font-size:.3rem; text-align: center; position: absolute; top: 14rem; left: 0;}
.user_box .btn_login, .user_box .btn_register{width: 2.04rem; display: inline-block; text-indent: -9.99rem; overflow: hidden; margin: 0 -.05rem;}
.user_box .btn_login{background:url(../images/btn_login.png) no-repeat; background-size:100%;}
.user_box .btn_register{background:url(../images/btn_register.png) no-repeat; background-size:100%;}
.user_box p{height: 100%; background: rgba(255, 255, 255, .7);}
.user_box .logout{color:#666666; text-decoration:underline; margin-left:.5rem;}

.game_start{width:100%; color: #0c2560; font-size:.36rem; font-weight: bold; text-align: center; position: absolute; top: 15rem; left: 0;}
.game_start a{width: 5.48rem; height: 1.55rem; background:url(../images/game_start.png) no-repeat; background-size:100%; display: block; text-indent: -9.99rem; overflow: hidden; margin: 0 auto .1rem auto;}


/* 游戏页 */
.game_box{width: 10.8rem; height: 19.2rem; position: fixed; top: 0; left: 0; display:none;}


/* 活动页 */
.active{background:url(../images/active.jpg) no-repeat; background-size:100%; position: relative; display:none;}

.active .btn_address{width: 4.52rem; height: 1.28rem; background:url(../images/btn_address.png) no-repeat; background-size: 100%; position: absolute; bottom: .6rem; left: 50%; margin-left: -2.26rem;}


.active_close{width: 1.06rem; height: 1.06rem; position: absolute; top: .4rem; right: .3rem; z-index: 3;}

/* 活动导航 */
.active_nav{position: absolute; top: .4rem; left: .1rem; z-index: 3;}
.active_nav a{width: 3.06rem; height: 1.2rem; background-image:url(../images/active_nav.png); background-size: 6.12rem 3.6rem; text-indent: -9.99rem; overflow: hidden; float: left;}
.active_nav a.s1{background-position: 0 0;}
.active_nav a.s2{background-position: 0 -1.2rem;}
.active_nav a.s3{background-position: 0 -2.4rem;}
.active_nav a.s1.on{background-position: -3.06rem 0;}
.active_nav a.s2.on{background-position: -3.06rem -1.2rem;}
.active_nav a.s3.on{background-position: -3.06rem -2.4rem;}


.mod{padding: 1.8rem .5rem 0 .5rem;}

/* 活动说明 */
.event_rule dl{color: #875b14; margin-bottom: .4rem;}
.event_rule dt{text-align: center; margin-bottom: .2rem;}
.event_rule dt span{min-width: 2.2rem; height: .72rem; line-height: .7rem; color: #b6822f; font-size: .4rem; font-weight: bold; background: #fffbeb; border: .01rem solid #c0b054; border-radius: .4rem; display: inline-block; padding: 0 .2rem;}
.event_rule dd{line-height: .56rem; font-size: .34rem; text-shadow: .03rem .03rem 0 #ffffff; text-align: center;}


/* 活动排行 */
.rank_tit{line-height: .6rem; color: #a67d3c; font-size: .4rem; text-align: center; margin-bottom: .6rem;}
.rank_txt{padding: 0 .5rem;}
.rank_txt span{color: #875b14; text-align: center; float: left;}
.rank_txt span.m1, .rank_txt span.m3{width: 20%;}
.rank_txt span.m2{width: 60%;}
.rank_txt .rank_name{height: .6rem; line-height: .6rem; font-size: .5rem; font-weight: bold; margin-bottom: .1rem;}
.rank_txt dt{height: 12.2rem; overflow: hidden;}
.rank_txt dt li{height: 1.2rem; line-height: 1.2rem; font-size: .44rem; border-bottom: .01rem solid #7e7450; position: relative;}
.rank_txt dt .shared_face{width: 1.3rem; height: 1.3rem; background: #fff; border-radius: .1rem; overflow: hidden; margin-right: .2rem; float: left;}
.rank_txt dt .shared_face img{width: 100%; height: 100%; display: block;}
.rank_txt dt .shared_info{line-height: .5rem; color: #927b5e; font-size: .28rem; padding: .15rem 0; float: left;}
.rank_txt dt .shared_info p{color: #6c3823; font-size: .35rem; display: block;}
.rank_txt dt .shared_btns{width: 2.04rem; height: .6rem; background:url(../images/face_btns.png) no-repeat; background-size:100%; position: absolute; top: 50%; right: 0; margin-top: -.4rem;}
.rank_txt dd{text-align: center; margin-top: .4rem;}
.rank_txt dd li{width: .5rem; height: .5rem; line-height: .5rem; color: #b48b49; font-size: .24rem; background: #fbfcf7; border: .01rem solid #b68751; display: inline-block; margin: 0 .1rem;}
.rank_txt dd li.on{color: #333; background: #e1cfb7;}


/* 我的奖品 */
.my_prize{color:#6c3823; font-size: .44rem;}
.my_prize ul{height: 14.8rem; overflow-y: auto; margin-top: .1rem;}
.my_prize li{height: .74rem; line-height: .74rem; overflow: hidden; padding: 0 .2rem; margin-bottom: .2rem;}
.my_prize li span{margin-right:.3rem; float: left;}
.my_prize li .red{color:#ff0000;}
.my_prize .no_prize{width: 6.64rem; height: 5.48rem; background:url(../images/no_prize.png) no-repeat; background-size: 100%; padding: 0; margin: 4rem auto 0 auto;}



/* 抽奖 */
.lot_box{width:10.8rem; height:7.22rem; background:url(../images/wap/lot_box.png) no-repeat; background-size:100%;}
.lot_box dl{width:8.7rem; height:4.92rem; margin: 1.1rem 0 0 .95rem; float: left; position:relative;}
.lot_box dt{height:100%; margin:0 auto; position:relative;}
.lot_box dt a{width:2.7rem; height:1.54rem; color:#528200; background:url(../images/wap/lot_a.png) no-repeat; background-size:100%; padding: .02rem; position:absolute;}
.lot_box dt a.lot0{top:0; left:0;}
.lot_box dt a.lot1{top:0; left:3rem;}
.lot_box dt a.lot2{top:0; left:6rem;}
.lot_box dt a.lot3{top:1.69rem; left:6rem;}
.lot_box dt a.lot4{top:3.38rem; left:6rem;}
.lot_box dt a.lot5{top:3.38rem; left:3rem;}
.lot_box dt a.lot6{top:3.38rem; left:0;}
.lot_box dt a.lot7{top:1.69rem; left:0;}
.lot_box dt span{height:1.12rem; display:block; position: relative; z-index: 3;}
.lot_box dt span img{width:100%; height:100%; display:block;}
.lot_box dt p{width:100%; line-height:.36rem; font-size:.2rem; text-align:center; position:absolute; bottom:.02rem; left:0; z-index: 3;}
.lot_box dt em{width:2.7rem; height:1.54rem; background:url(../images/wap/lot_a_hover.png) no-repeat; background-size:100%; position:absolute; top:0; left:0; display:none;}
.lot_box dt .active em{display:block;}
.lot_box dd{width:2.9rem; height:1.64rem; position:absolute; top:50%; left:50%; margin:-.82rem 0 0 -1.45rem;}
.lot_box dd a{height:.82rem; background:url(../images/wap/lot_num.png) no-repeat; background-size:2.9rem 1.64rem; text-indent:-999px; overflow:hidden; display:block; margin-bottom: .05rem;}
.lot_box dd a:hover{background:url(../images/wap/lot_num_hover.png); background-size:2.9rem 1.64rem;}
.lot_box dd a.time_1{background-position: 0 0;}
.lot_box dd a.time_3{background-position: 0 -.87rem;}
.lot_box dd a.time_1:hover{background-position:0 0;}
.lot_box dd a.time_3:hover{background-position:0 -.87rem;}

.lot_info{color:#6d3924; padding:.9rem 1.2rem 0 1.2rem; position:relative;}
.lot_info p{line-height:.3rem; font-size:.26rem; text-align:center; display: block; margin-bottom: .4rem;}
.lot_info a{width:3.4rem; height:1.08rem; line-height: 1.08rem; color: #fff; font-size: .3rem; font-weight: bold; background:url(../images/lot_btns.png) no-repeat; background-size:3.4rem 2.16rem; text-align: center;}
.lot_info a:hover{background-position:0 -1.08rem;}





/* 弹窗 */
.pop_mask{width:100%; height:100%; background: rgba(0, 0, 0, .7); position:fixed; top:0; left:0; z-index:100;}

.pop_box{width:10.2rem; height:9.2rem; color:#000; text-align:center; position:fixed; top:50%; left:50%; margin-top:-4.6rem; margin-left:-5.1rem; z-index:101;}
.pop_close{width:1.04rem; height:1.04rem; background:url(../images/pop_close.png) no-repeat; background-size:100%; position:absolute; top:.2rem; right:0;}

.pop_item{width:10.2rem; height:9.2rem; padding: 1.8rem 1rem 0 1rem; position: relative;}
/* 不同弹窗背景 */
.pop_login{background:url(../images/pop_login.png) no-repeat; background-size:100%;}
.pop_share{background:url(../images/pop_share.png) no-repeat; background-size:100%;}
.pop_address{height:13.5rem; background:url(../images/pop_address.png) no-repeat; background-size:100%; margin-top:-2.15rem;}
.pop_lottery{height: 8.5rem; background:url(../images/pop_lottery.png) no-repeat; background-size:100%; margin-top:.35rem;}
.pop_tips{height: 6.7rem; background:url(../images/pop_tips.png) no-repeat; background-size:100%; margin-top:1.25rem;}


.pop_txt{font-size:.3rem;}

/* 用户登录  收货地址*/
.w-item{height:1.32rem; line-height:1.32rem; font-size: .26rem; background:#fffbeb; border: .01rem solid #c0b054; border-radius:.6rem; padding: 0 .2rem; margin-bottom:.28rem;}
.w-item2{margin-top:1rem; margin-bottom:.38rem; position: relative;}
.w-item label,.w-item2 label{width:1rem; color:#000; text-align:center; display:inline; float:left;}
.w-item2 label{width:100%; line-height: .8rem; color: #bc8326; font-size: .4rem; text-align: center; position: absolute; top: -.8rem; left: 0;}
.w-input{width:6.6rem; height:1.3rem; line-height:1.3rem; color:#333333; font-size: .26rem; display:inline; float:left;}
.w-item2 .w-input{width:7.8rem;}
.forgot-l{height:.3rem; line-height:.3rem; margin:0 .1rem .3rem 0;}
.forgot-l a{color:#000; float:right;}
.forgot-l a:hover{color:#f00;}

.pop_btn{text-align:center; padding:.1rem 0;}
.pop_btn a,.pop_btn input{width:2.8rem; height:.8rem; line-height:.8rem; color:#fff; font-size:.31rem; border-radius:.35rem; text-align:center; display:inline-block; margin:0 .2rem;}
.pop_btn .orange{background:#ffae00;}
.pop_btn .green{background:#64bb03;}
.pop_btn .orange:hover{background:#ff6600;}
.pop_btn .green:hover{background:#33bb03;}

.address-q{line-height: .3rem; margin:.2rem 0 .4rem 0;}


/* 抽奖 */
.pop_lottery .pop_close{top:-.6rem;}
.lottery_btn{width: 4.16rem; height: 1.32rem; position: absolute; bottom: 0; left: 50%; margin-left: -2.08rem;}


/* 分享 */
.pop_share .zhiyin{width: .84rem; height: 3.52rem; background:url(../images/zhiyin.png) no-repeat; background-size:100%; position: absolute; top: -3rem; right: 1.4rem;}



/* 各种提示 */
.tip_txt{line-height:.3rem; font-size:.28rem; padding-top:.5rem;}
.tip_txt p{margin: 0 0 .2rem 0;}
.tip_txt .pop_btn{margin-top:.2rem;}
.win_pic{width: 20%; display: inline-block; margin: -1rem auto .2rem auto !important;}
.win_pic img{width:100%;}