@charset "utf-8";
/*reset.css*/
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: #9d251e; 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; 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;}
.fl{float:left;}
.fr{float:right;}
.indent{text-indent:-9.99rem; overflow:hidden;}

.wrapper{width: 10.8rem; margin: 0 auto; background: #9d251e; position: relative;}
.logo{position: absolute; left: 0; top: 0; width: 3.14rem; height: 1.71rem; background: url(../images/logo.png) no-repeat; background-size: 100% 100%; z-index: 9;}
.mod{height: 19.2rem; position: relative;}
.log_div{position: absolute; width: 100%; left: 0; text-align: center; font: .3rem/.48rem \9ED1\4F53; color: #fddf45;}
.log_div a{color: #fff; margin: 0 .02rem;}
.log_btn,
.sidebar_right a,
.nav_bottom a,
.back_btn,
.active_enter,
.sumbit_btn,
.send_btn,
.juan_icon{font:0/0 a; overflow: hidden;}


/* 登录页面 */
.mod0{background: url(../images/bg.jpg) no-repeat; background-size: 100% 100%;}
.mod0 .log_div{top: 10.78rem;}
.log_div .log_btn{display: block; margin: 0 auto; width: 3.49rem; height: 0.78rem; background: url(../images/log_btn.png) no-repeat; background-size: 100% 100%;}
.active_enter{position: absolute; width: 2.59rem; height: 2.63rem; top: 13.45rem; left: 50%; margin-left: -1.3rem; background: url(../images/btn.png) no-repeat; background-size: 100% 100%;}
.active_time{position: absolute; width: 100%; left: 0; top: 18rem; text-align: center; color: #fff; font: 0.35rem/0.48rem \9ED1\4F53; z-index: 9;}


/* 活动页面 */
.mod1{background: url(../images/bg2.jpg) no-repeat; background-size: 100% 100%;}
.mod1 .log_div{top: 5.53rem; color: #fff; font: 0.3rem/0.46rem \9ED1\4F53;}
.lot_nums{position: absolute; top: 6.58rem; left: 1.38rem; width: 4.46rem; height: .83rem; background: url(../images/juan_tit.png) no-repeat; background-size: 100% 100%; text-indent: .76rem; font: .3rem/.83rem \9ED1\4F53; color: #963a02;}
.sidebar_right{position: absolute; left: 8.44rem; top: 8rem;}
.sidebar_right a{display: block; width: 1.82rem; height: .71rem; margin-bottom: .54rem;}
.sidebar_right_rule{background: url(../images/sidebar_rule.png) no-repeat; background-size: 100% 100%;}
.sidebar_right_record{background: url(../images/sidebar_record.png) no-repeat; background-size: 100% 100%;}
.sidebar_right_share{background: url(../images/sidebar_share.png) no-repeat; background-size: 100% 100%;}
.sidebar_right_address{background: url(../images/sidebar_address.png) no-repeat; background-size: 100% 100%;}
.nav_bottom{position: absolute; top: 15.4rem; left: 1.8rem;}
.nav_bottom a{float: left; width: 1.49rem; height: 1.5rem; margin-right: 1.38rem;}
.nav_sign{background: url(../images/nav_sign.png) no-repeat; background-size: 100% 100%;}
.nav_wish{background: url(../images/nav_wish.png) no-repeat; background-size: 100% 100%;}
.nav_gua{background: url(../images/nav_card.png) no-repeat; background-size: 100% 100%;}

/* 刮奖页面 */
.mod2{background: url(../images/bg3.jpg) no-repeat; background-size: 100% 100%;}
.back_btn{position: absolute; top: 15.1rem; left: 50%; width: 2.66rem; height: .68rem; margin-left: -1.33rem; background: url(../images/enter_back.png) no-repeat; background-size: 100% 100%;}
.gua_message{position: absolute; top: 16.51rem; left: 0; width: 100%; font: .4rem/.58rem \9ED1\4F53; color: #fff; text-align: center;}
.gua_message span{color: #fffc00;}
.gua_con{position: absolute; left: 0; top: 9.8rem; width: 10.8rem; height: 4.81rem; background: url(../images/gua.png) no-repeat; background-size: 100% 100%;}
.gua_con_body{position: relative; z-index: 9; width: 8.16rem; height: 3.17rem; margin: 1.28rem auto 0; background: #a71f24;}
#mask_img_bg{position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: #fff;}
#redux{position: absolute; z-index: 22; width: 100%; height: 100%; display: block;}
.cont_span{display: block; width: 6.4rem; height: 1.5rem; background: #f1f0f0; font: .7rem/1.5rem \9ED1\4F53; color: #000; text-align: center; margin: 1.08rem auto 0;}

/* 弹窗 */
.mask{width:100%; height:100%; background:#000; filter:alpha(opacity=50); position:fixed; top:0; left:0; opacity:0.5; z-index:101;}
.pop_share{position: fixed; left: 50%; top: 0; z-index: 102; width: 10.8rem; height: auto; margin-left: -5.4rem;}
.pop_share img{display: block; width: 10.8rem;}
.pop_box{position: fixed; left: 50%; top: 50%; z-index: 102; width: 8.2rem; height: 6.8rem; margin: -3.4rem 0 0 -4.1rem;}
.pop_close_top{position: absolute; right: -.27rem; top: .35rem; width: .87rem; height: .87rem; background: url(../images/close_btn.png) no-repeat; background-size: 100% 100%; z-index: 103;}
.pop_tit{position: relative; z-index: 2; height: 1.35rem; text-align: center; font: .53rem/1.35rem \9ED1\4F53; color: #aa3d0c; background: url(../images/pop_tit.png) no-repeat; background-size: 100% 100%;}
.pop_main{height: 6.8rem; background: #f6ecea; border: .03rem solid #facd89; margin-top: -.72rem; border-radius: .08rem;}
.yellow_btn,
.orange_btn{width: 2.56rem; height: .79rem; font: .4rem/.79rem \9ED1\4F53; color: #fff; text-align: center; letter-spacing: .04rem;}
.yellow_btn{background: url(../images/yellow_btn.png) no-repeat; background-size: 100% 100%;}
.orange_btn{background: url(../images/orange_btn.png) no-repeat; background-size: 100% 100%;}

/* 登录 */
.pop_login .pop_main{height: 6rem;}
.login_form{padding-top: 1.11rem;}
.w_item{width: 6.67rem; height: .73rem; margin: .36rem auto 0;  border: .02rem solid #ea7b05; border-radius: .1rem; font: .35rem/.71rem \9ED1\4F53; color: #c24a15;}
.w_item label{float: left; width: 1.42rem; text-align: center; }
.w_item input{float: left; width: 4.9rem; height: .71rem; background: none;}
.forgot_l{width: 6.7rem; height: .92rem; margin: 0 auto;}
.forgot_l a{float: right; color: #b83901; font: .3rem/.52rem \9ED1\4F53;}
.pop_btn{text-align: center;}
.pop_btn a,
.pop_btn input{display: inline-block; margin: 0 .68rem;}

/* 收获地址 */
.pop_address .pop_main{height: 6rem;}
.address_q{padding-top: .8rem; font: .28rem/.66rem \9ED1\4F53; color: #c24a15; text-align: center;}
.w_item2{margin-top: .28rem;}
.w_item2 label{float: left; width: 2.8rem; text-align: right; font: .3rem/.58rem \9ED1\4F53; color: #606060;}
.w_item2 input{float: left; width: 4.4rem; height: .56rem; border: .01rem solid #bfbfbf; background: #fff; text-indent: .2rem; color: #5d5d5d; font: .3rem/.56rem \9ED1\4F53;}
.pop_btn2{padding-top: .5rem;}
.sumbit_btn{display: block; width: 3.04rem; height: .79rem; margin: 0 auto; background: url(../images/submit_btn.png) no-repeat; background-size: 100% 100%;}

/* 确认地址 */
.pop_address_sure .pop_main{height: 4.1rem;}
.address_q2{padding-top: 1.4rem; font: .35rem/.56rem \9ED1\4F53; color: #c24a15; text-align: center;}
.pop_btn3{padding-top: .6rem; text-align: center;}
.pop_btn3 a{display: inline-block; margin: 0 .6rem;}

/* 活动规则 */
.rule_con{width: 7.3rem; height: 5rem; margin: .94rem auto 0; border: .02rem solid #ea7b05; border-radius: .08rem;}
.rule_txt{width: 6.2rem; height: 4.32rem; overflow: auto; overflow-x: hidden; margin: .4rem auto 0; font:.3rem/.36rem \9ED1\4F53; color: #c24a15;}

/* 抽奖记录 */
.lot_tit{padding-top: .9rem;}
.lot_tit span,
.lot_txt li span{float: left; width: 4.06rem; height: .7rem; margin-left: .01rem; text-align: center; font:.35rem/.7rem \9ED1\4F53; overflow: hidden;}
.lot_tit span,
.lot_txt li:nth-child(even) span{color: #f6ecea; background: #f15b36;}
.lot_txt{height: 4.56rem; overflow: auto; overflow-x: hidden;}
.lot_txt li{margin-top: .06rem;}
.lot_txt li:nth-child(odd) span{color: #f15b36; background: #facd89;}

/* 礼包总览 */
.gift_box{padding-top: 1rem;}
.gift_box ul{text-align: center; padding: 0 .8rem;}
.gift_box li{display: inline-block; width: 2.16rem; position: relative; margin-bottom: .05rem;}
.gift_img{width: 1.27rem; margin: .12rem auto .02rem;}
.gift_img img{display: block; width: 1.27rem;}
.gift_mask{position: absolute; top: .02rem; left: .35rem; width: 1.46rem; height: 1.46rem; background: url(../images/gift_mask.png) no-repeat; background-size: 100% 100%; display: none;}
.gift_over .gift_mask{display: none;}
.gift_p{font: .24rem/.46rem \9ED1\4F53; color: #504f4e; text-align: center;}
.gift_tit{text-align: center; font: .23rem/.4rem \9ED1\4F53; color: #fd0000; padding: .15rem 0;}
.pop_gift .pop_btn3{padding-top: .1rem;}

/* 确认礼包 */
.pop_gift_sure .pop_main{height: 4.1rem;}
.gift_tit2{padding-top: 1.2rem; font: .35rem/.44rem \9ED1\4F53; color: #c24a15; text-align: center;}
.gift_tit2 span{color: #ff0018;}

/* 礼包码 */
.pop_code .pop_main{height: 4.2rem;}
.copy_txt{width: 6.6rem; height: .66rem; border: .01rem solid #bfbfbf; margin: 1.3rem auto 0; text-align: center; background: #fff; color: #fe0000; font: .35rem/.62rem \9ED1\4F53;}
.pop_btn5{padding-top: .6rem;}
.pop_btn5 a{width: 2.56rem; height: .79rem;}
.copy_btn,
.back_btn2{display: block; position: relative; margin: 0 auto;}

/* 提示 */
.pop_tips .pop_main{height: 5.6rem;}
.pop_tips .pop_btn3{padding-top: .3rem;}

/* 首次签到 */
.ok_msg{padding-top: .8rem; text-align: center;}
.ok_img img{display: block; width: 1.6rem; margin: 0 auto;}
.sad_img img{display: block; width: 1.91rem; margin: 0 auto;}
.ok_tit{font:.5rem/.7rem \9ED1\4F53; color: #c24a15; padding-top: .14rem;}
.ok_txt{font:.35rem/.72rem \9ED1\4F53; color: #c24a15;}
.juan_icon{display: inline-block; vertical-align: top; width: 1.23rem; height: .72rem; background: url(../images/juan.png) no-repeat; background-size: 100% 100%; margin-left: .06rem;}
.sad_tit{font:.4rem/.56rem \9ED1\4F53; color: #c24a15; padding-top: .3rem;}

/* 无抽奖券提示 */
.no_lot_juan{padding: 1.3rem .8rem 0; font:.35rem/.52rem \9ED1\4F53; color: #c24a15;}

/* 许愿池 */
.pop_wish .pop_main{height: 5.8rem;}
.wish_content{display: block; width: 6.8rem; height: 3rem; margin: 1.2rem auto 0; box-shadow: inset 0 0 0.01rem #060001; background: #fff; padding: .1rem; font: .3rem/.5rem \9ED1\4F53; color: #c24a15; resize: none;}
.pop_btn6{width: 7rem; margin: .4rem auto 0;}
.send_btn{float: right; width: 2.25rem; height: .63rem; background: url(../images/send_btn.png) no-repeat; background-size: 100% 100%;}
.tips_txt{padding: .4rem 0 0; color: #c24a15; font: .35rem/.4rem \9ED1\4F53;}

/* 恭喜中奖 */
.pop_lot_img{padding-top: 1.4rem; width: 4rem; margin: 0 auto;}
.pop_lot_img img{display: block; width: 100%;}
.pop_lot_p{font:.35rem/.42rem \9ED1\4F53; color: #c24a15; text-align: center; padding-top: .4rem;}

/* 分享 */
.pop_share_list .pop_main{height: 4.8rem;}
.share_con{text-align: center; padding-top: 1.5rem;}
.social-share a{display: inline-block; width:1.36rem!important; height:1.98rem!important; padding:0!important; margin:0 .5rem!important; position:relative!important;}
.social-share a.icon-qzone{background:url(../images/bds_qzone.png) 0 0 no-repeat!important; background-size:100% 100%!important;}
.social-share a.icon-wechat{background:url(../images/bds_weixin.png) 0 0 no-repeat!important; background-size:100% 100%!important;}
.social-share a.icon-weibo{background:url(../images/bds_weibo.png) 0 0 no-repeat!important; background-size:100% 100%!important;}
.social-share .icon-wechat .wechat-qrcode{display:none;border:1px solid #eee;position:absolute;z-index:9;top:-205px;left:-84px;width:200px;height:192px;color:#666;font-size:12px;text-align:center;background-color:#fff;box-shadow:0 2px 10px #aaa;transition:all 200ms;-webkit-tansition:all 350ms;-moz-transition:all 350ms}
.social-share .icon-wechat .wechat-qrcode.bottom{top:40px;left:-84px}
.social-share .icon-wechat .wechat-qrcode.bottom:after{display:none}
.social-share .icon-wechat .wechat-qrcode h4{font-weight:normal;height:26px;line-height:26px;font-size:12px;background-color:#f3f3f3;margin:0;padding:0;color:#777}
.social-share .icon-wechat .wechat-qrcode .qrcode{width:105px;margin:10px auto}
.social-share .icon-wechat .wechat-qrcode .qrcode table{margin:0 !important}
.social-share .icon-wechat .wechat-qrcode .help p{font-weight:normal;line-height:16px;padding:0;margin:0}
.social-share .icon-wechat .wechat-qrcode:after{content:'';position:absolute;left:50%;margin-left:-6px;bottom:-13px;width:0;height:0;border-width:8px 6px 6px 6px;border-style:solid;border-color:#fff transparent transparent transparent}
.social-share .icon-wechat:hover .wechat-qrcode{display:block;}


@media only screen and (min-device-width: 320px) and (max-device-height: 480px) and (-webkit-device-pixel-ratio: 1) { /* iphone 3 */
}
@media only screen and (min-device-width: 320px) and (max-device-height: 480px) and (-webkit-device-pixel-ratio: 2) { /* iphone 4 */
}
@media only screen and (max-width: 435px){
}
@media only screen and (max-width: 414px){ /*iphone6plus*/
}
@media only screen and (max-width: 375px){ /*iphone6*/
}
@media only screen and (max-width: 320px){ /*iphone5*/
}
@media only screen and (min-width: 460px){ /*大于6P的尺寸（ipad，pc）*/
}
@media only screen and (max-height: 650px){ /*适配高度*/
}