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,small{font-style:normal;}
.f_l{float:left; display:inline;}
.f_r{float:right; display:inline;}
.tc{text-align: center;}
.tl{text-align: left;}
.tr{text-align: right;}
.indent{text-indent:-9.99rem; overflow:hidden;}
.none{display:none;}
.f18{font-size:.18rem;}

.home_bg{ background: url(../jpg/home_bgc81e.jpg) no-repeat center top; background-size: contain; height: 19.2rem;}
.wapper{max-width:10.8rem; margin:0 auto; position:relative;}
.wapper img{max-width: 100%;}

.happy_button{ position: absolute; top: 12rem; left: 50%; margin-left:-2.42rem; width:4.84rem; height: 1.54rem; background: url(../png/happy_btn.png) no-repeat; background-size: contain; -webkit-animation: wave 0.7s ease-in-out infinite alternate; animation: wave 0.7s ease-in-out infinite alternate;}

.mod{ position:relative;}

/********** 头部 **********/

/* 用户登录 */
.user_box{ position: absolute; top: 0.22rem; right: 0.3rem; color: #fff; font-size: 0.28rem;}
.user_box .logout{color:#fdf3de; text-decoration:underline; margin-left:.2rem;}
.log_reg{ display: block; width: 2.08rem; height: 0.54rem; line-height: 0.54rem; background: #000; background: rgba(0, 0, 0, .72); color: #fff; font-size: 0.28rem; border-radius: 0.2rem; text-align: center;}
.logo{position: absolute; top:0.22rem; left: 1%; width: 1.6rem; height: 0.78rem; background: url(../png/logo-6.png) no-repeat center top; background-size: 100%;}
.active_info{position: absolute; top: 17.3rem; left: 0; width: 100%; padding: 0 0.6rem; text-align: center; color: #fff; font-size: 0.3rem;}
.active_time{ font-size: 0.4rem; font-weight: 600; margin-bottom: 0.15rem;}

/********** 活动一 **********/

.inside_bg{ background: url(../jpg/inside_bgc4ca.jpg) no-repeat center top; background-size: 100%; height: 19.2rem;}
.rank_bg{ background: url(../jpg/rankbgc4ca.jpg) no-repeat center top;  background-size: 100%; height: 19.2rem; }
.siderbar_menu{ position: absolute; left:0.6rem; top: 0.75rem; height: 1.2rem; z-index: 1;}
.siderbar_menu li{ display: block; float: left;  width: 2.36rem; height: 0.97rem; margin-left: 0.68rem;}
.siderbar_menu li a{display: block; width: 2.36rem; height: 0.97rem; background: url(../png/menu_buttons.png) no-repeat; background-size: 8.68rem 2.14rem;}
.siderbar_menu li.menu1 a{background-position: 0 0;}
.siderbar_menu li.menu1.active a{background-position: 0 -1.04rem;}
.siderbar_menu li.menu2 a{background-position: -3.05rem 0;}
.siderbar_menu li.menu2.active a{background-position: -3.05rem -1.04rem;}
.siderbar_menu li.menu3 a{background-position: -6.25rem 0;}
.siderbar_menu li.menu3.active a{background-position: -6.25rem -1.04rem;}
.siderbar_menu li.menu4 a{display: none;}
.content{padding-top: 2.44rem;}
/********** 活动一 **********/
/* 签到区 */
.sign_area{}
.sign_rule{color: #5d2200; font-size: 0.22rem; line-height: 0.48rem; width: 8.8rem; margin-left: 0.8rem;}
.num_bg{display: inline-block; background: url(../png/num_bg.png) no-repeat center top; background-size: 100%;  width: 0.3rem; height: 0.3rem; text-align: center; line-height: 0.3rem; margin-right: 0.06rem;}
.map_sign{ background: url(../png/sign_map.png) no-repeat center top; background-size: 100%;  width: 9.1rem; height: 7.6rem; margin: 0 auto;}
.share_btn{ background: url(../png/share_btn.png) no-repeat center top; background-size: 100%;  width: 1.73rem; height: 0.56rem; position: absolute; top: 0.5rem; right: 0.6rem; z-index: 9;}

.sign_box { text-align: center; position: relative;}
.sign_box li{}
.sign_box li a{ position: absolute; width: 1.28rem; height: 1.2rem; background: url(../png/calendar_dates.png) no-repeat 0 0;  background-size: 10rem 2.7rem; }
.sign_box li.sign_list_0 a{ background-position: 0 0; top: 0; left: 5.93rem;}
.sign_box li.sign_list_0 a.signed{ background-position: 0 -1.35rem;}
.sign_box li.sign_list_1 a{ background-position: -1.44rem 0; top: 0.5rem; left: 2.2rem;}
.sign_box li.sign_list_1 a.signed{ background-position: -1.44rem -1.35rem;}
.sign_box li.sign_list_2 a{ background-position: -2.85rem 0; top: 3.16rem; left: 1.1rem;}
.sign_box li.sign_list_2 a.signed{ background-position: -2.85rem -1.35rem;}
.sign_box li.sign_list_3 a{ background-position: -4.34rem 0; top: 3rem; left: 4.28rem;}
.sign_box li.sign_list_3 a.signed{ background-position: -4.34rem -1.35rem;}
.sign_box li.sign_list_4 a{ background-position: -5.76rem 0; top: 2.4rem; left: 7.4rem;}
.sign_box li.sign_list_4 a.signed{ background-position: -5.76rem -1.35rem;}
.sign_box li.sign_list_5 a{ background-position: -7.26rem 0; top: 4.9rem; left: 5.7rem;}
.sign_box li.sign_list_5 a.signed{ background-position: -7.26rem -1.35rem;}
.sign_box li.sign_list_6 a{ background-position: -8.66rem 0; top: 6rem; left: 2.4rem;}
.sign_box li.sign_list_6 a.signed{ background-position: -8.66rem -1.35rem;}

.share_button{display: block; width: 3.86rem; height: 1.17rem; background-position: 0 0; margin: 0.1rem auto 0;}
.star_area{margin-top: -0.8rem;}
.fresh_btn{display: inline-block; width: 0.97rem; height: 0.41rem;background: url(../png/fresh_btn.png) no-repeat; background-size: 100%; margin-left: 0.2rem; vertical-align: middle; cursor: pointer;}

.star_area p{font-size: 0.34rem; color: #81440c; text-align: center; font-weight: bold;}
.star_area a{width: 3.14rem; height: 1.28rem; display: block; margin: 0.1rem auto 0; }
.gift_buttons_gray{background: url(../png/gift_buttons_gray.png) no-repeat 0 0;  background-size: 100%; }
.get_gift_btn{background: url(../png/gift_buttons.png) no-repeat 0 0;  background-size: 100%; }
.gift_button_geted{background: url(../png/gift_button_geted.png) no-repeat 0 0;  background-size: 100%; }
.sign_rule_tit{width: 9.08rem; height: 0.4rem; margin: 0.2rem auto 0.1rem; background: url(../png/rule_tit.png) no-repeat 0 0; background-size: 100%; }

/********** 活动二 **********/
.mod2{height: 11rem; padding-top: 1.5rem;}

/********** 活动三 **********/
.mod3{}
.rank_area{min-height: 5.92rem; width: 6.9rem; margin: 0 auto 0; background: url(../png/rank_bg.png) no-repeat 0 0; background-size: 100%;}
.rank_list{padding: 1.04rem 0.4rem 0;overflow: hidden; text-align: center;}
.rank_list dt{height: 0.56rem; color: #5d2200; font-size: 0.3rem; line-height: 0.56rem; font-weight: bold;}
.rank_list dd{color: #5d2200; font-size: 0.2rem; height: 4.2rem;}
.rank_list dd li{height: 0.4rem; line-height: 0.4rem;}
.rank_list span{height: 100%; text-align: center; overflow: hidden; float: left;}
.rank_list span.t1{width: 30%;}
.rank_list span.t2{width: 35%;}
.rank_list span.t3{width: 35%;}
.page {margin: 0.2rem auto 0.2rem; text-align: center;}
.page li{display: inline-block; width: 0.34rem; height: 0.34rem; font-size: 0.2rem; line-height: 0.34rem; border: 0.01rem solid #793907; margin: 0 0.1rem;}
.page li:hover,.page li.on{background: #793907; color: #fff;}

.rank_btns{text-align: center; margin: 0 auto;}
.address_msg_btn{ background: url(../png/address_btn.png) no-repeat 0 0; background-size: 100%; width: 2.6rem; height: 1rem; display: inline-block; margin-right: 1.2rem; vertical-align: middle;}
.rule_intro_btn{ background: url(../png/rule_btn.png) no-repeat 0 0; background-size: 100%; width: 2.6rem; height: 1.05rem; display: inline-block; vertical-align: middle;}
.rank_prize_tit{background: url(../png/prize_tit.png) no-repeat 0 0; width: 9.06rem; height: 0.42rem; margin: 0.2rem auto 0; background-size: 100%;}
.rank_prize_pic{background: url(../png/prize_listc4ca.png) no-repeat 0 0; width: 7.98rem; height: 4.64rem; margin: 0.1rem auto 0; background-size: 100%;}

.footer_main{background: #000; padding: 0.3rem 0; width: 100%; font-size: 0.36rem; text-align: center; color: #fff;}

/*  好友助力 */
.help_bg{ background: url(../jpg/help_bgc81e.jpg) no-repeat center top; background-size: 100%; height: 19.2rem;}
.share-show{ position: absolute; top: 10rem; left: 0; width: 100%;}
.share-btn a{display: block; width: 4.27rem; height: 1.3rem; margin: 0.2rem auto 0; background:url(../png/help_button.png) no-repeat; background-size: contain;}
.share-btn2 a{display: block;  width: 4.27rem; height: 1.3rem;  margin: 0.2rem auto 0; background:url(../png/join_button.png) no-repeat; background-size: contain;}

.share-con{ width: 6.4rem; margin: 0 auto;}
.share-info{ margin-bottom:0.2rem;  padding: 0 0.1rem; text-align: center;}
.share-img{float: left; width: 1.3rem; height: 1.3rem; margin-right: 0.3rem;}
.share-img img{width: 100%;}
.prize_success_tip{color: #fff; text-align: center; position: absolute; bottom: 0.1rem; left: 0; font-size: 0.32rem; width: 3rem;}
.share-word{margin: 0 auto; width: 5.4rem; background: rgba(0, 0, 0, .3); border-radius: 0.1rem; color: #fff; font-size: 0.44rem; padding: 0.2rem 0.2rem; line-height: 0.6rem;}


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

.pop_box{width: 931px;height: 755px;color:#383838;text-align:center;font-size: 35px;position:fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index:101;animation: pop_ani 0.25s forwards;}
.pop_close1{width:52px; height:52px; position:absolute; top: 30px; right:30px; z-index: 3;}

.pop_item{position: relative;}
.pop_h{height: 119px;line-height: 119px;margin: 0 auto 0.2rem;font-size: 56px;color: #fff;text-align: center;font-weight: bold;}

/* 用户登录  收货地址*/
.login_form{padding: 2px 25px 0;}
.w_item{height: 86px;line-height: 82px;font-size: 26px;color: #616161;border: 0.01rem solid #c69147;border-radius: 0.2rem;background: #fff;margin: 47px 0px 42px;}
.w_item label{width: 17%;color:#616161;float:left;text-align: right;padding-right: 20px;}
.w_item label em{ display: inline-block; width:0.69rem; height:0.69rem; vertical-align: middle; margin-right: 0.2rem;}
.w_input{width: 83%;height: 82px;line-height: 82px;outline: none;color:#616161;font-size: 26px;display:inline;float:left;}

.forgot_l{height: 82px;line-height: 7px;margin:0.1rem 0 0.3rem;text-align: right;}
.forgot_l a{color:#fe6c00;/* font-size: 0.34rem!important; *//* height: 82px; *//* line-height: 82px; */font-size: 34px;}
.forgot_l a:hover{color:#ff8a31;  text-decoration: underline;}

.pop_btn{padding-top: 0.1rem;}
.pop_btn a, .pop_btn input,.gift_choose_btn a{color: #fff;overflow: hidden;display:inline-block;vertical-align: middle;margin:0 0.1rem;background: #ff4949;outline: none;width: 375px;height: 95px;border-radius: 26px;font-size: 44px;text-align: center;line-height: 95px;}
.pop_btn .login_btn,.pop_btn .orange{background: #ff734b;}

#pop_gift .pop_btn a{position: relative;}
.address-q{line-height: .3rem; margin-top: -.1rem; margin-bottom:.3rem;}

.pop_rule{ line-height: 1.5; text-align: left; padding: 0 0.4rem;}
#gift_tit2{font-size: 0.4rem; padding: 0.3rem 0.1rem 0.4rem;}
#gift_tit2 span,.copy-txt span,.red{color: #c0352b;}

.copy-txt{padding-top: 0.4rem;}

.tip_msg{padding: 0.5rem 0 0.3rem;}

/* 签到后选择所领取的礼包弹窗 */
.gift_con_list {text-align: center;margin-top: 53px;margin-bottom: 61px;}
.gift_con_list li {display: inline-block; vertical-align: top; width: 25%; margin-bottom: 0.1rem ; position: relative;}
.gift_con_list li img { display: block; width: 65%; margin: 0 auto;}
.gift_exchange_btn { display: block; text-align: center; width: 1.16rem; height: 0.37rem; line-height: 0.37rem; font-size: 0.22rem; font-weight: bold; color: #4A1F02;
background: #FFEA38; border-radius: 0.1rem; margin: 0.17rem auto 0;}
.pop_exchange_gift .gift_con_list { padding: 0.3rem 0;}
.gift_con_list li.on .gift_mask{display: block;}
.gift_mask { position: absolute; left: 0.24rem; top: -0.15rem; width: 1.8rem; height: 1.8rem; background: url(../png/gift_choose.png) no-repeat; background-size:100%;  display: none;}
.game_gift_tips { font-size: 0.18rem; font-weight: bold; text-align: center; line-height: 1.5; padding: 0 0 0.08rem;}
.gift_list_p { color: #ac002a; padding: 0; margin: 0; height: 0.5rem; line-height: 0.5rem; font-size: 0.18rem;  overflow: hidden;}


/* 礼包码 */
.pop_gift_tips { display: none;}
.pop_gift_lottery,.pop_gift_code {font-size: 36px;line-height: 2.3;text-align: center;}
.pop_gift_code { padding-bottom: 30px; color: #f00;}
.pop_gift_lottery {padding: 40px 0 9px;}
.gift_pop_btn{margin-top: 120px;}
.gift_pop_btn p { display: inline-block;}

.pop_msg{padding: 0.2rem;height: 623px;overflow: auto;margin-top:0.1rem;}
.pop_btn{margin-top:1rem}

/* 收货地址 */
.pop_address {padding: 0 0.08rem 0;}
.address_q { text-align: center; font-size: 0.22rem; margin: 0.1rem 0 0.2rem;} 
.pop_address .pop_btn { padding-top: 0.1rem;}

/* 我的奖品 */
.pop_txt { width: 90%; margin: 0 auto;}
.myprize_tit { font-size: 0.3rem; line-height: 0.62rem; margin-bottom: 0.2rem; border-bottom: 0.02rem dashed #ec8f98;}
.pop_myprize span { display: inline-block; vertical-align: top; text-align: center;}
.myprize_txt { height: 3.8rem; overflow-y: auto; font-size: 0.26rem;}
.myprize_txt li {line-height: 0.6rem;}
.myprize_txt li.no_prize { text-align: center;}
.prize1 {width: 56%;}
.prize2 {width: 40%;}
/* 提示 */
.pop_tips_con {text-align: center;padding: 120px 0 100px;font-size: 36px;}
.wish_lit_tip{ font-size: 0.26rem; color: #c0352b; margin-top: 0.3rem;}
.win-img{ padding: 0.4rem 0 0.8rem;}

/* 活动规则 */
.pop_rule_con {width: 90%;margin: 0 auto;text-align: left;font-size: 34px;color: #3e2709;padding: 20px 0 0;line-height: 1.6;height: 600px;overflow-y: auto;}
.my_rank_info{ color: #e33b00; font-size: 0.3rem; margin-bottom: 0.1rem;}
.pop_rule_con dt{color: #e33b00;}
.pop_rule_con dl{margin-bottom: 0.3rem;}
.pop_rule_con dd strong{color: #e33b00; font-weight: normal;}

/* 分享 */
.share_con{width: 100%; margin-top: 0.5rem;	text-align: center;	color: #b45555;	font: bold .26rem/.38rem \5FAE\8F6F\96C5\9ED1;}
.share_con em{ display: inline-block; vertical-align: top;  font: .16rem/.38rem \5FAE\8F6F\96C5\9ED1;}
.share_con a,.icon-wechat{display: inline-block; vertical-align: top; width: 1.69rem!important; height: 1.692rem!important; padding: 0!important; margin: 0 0 0 0.3rem!important; position: relative!important;}
.social-share a.icon-qq{background: url(../png/qq_ico.png) 0 0 no-repeat!important; background-size: 100% 100%!important;}
.share_con a.icon-wechat,.icon-wechat{background: url(../png/weixin_ico.png) 0 0 no-repeat!important; background-size: 100% 100%!important;}
.social-share a.icon-weibo{ background: url(../png/sina_ico.png) 0 0 no-repeat!important; background-size: 100% 100%!important;}
.social-share a.icon-qzone{ background: url(../png/qzone_ico.png) 0 0 no-repeat!important; background-size: 100% 100%!important;}
.social-share .icon-wechat .wechat-qrcode{ display: none; border: .01rem solid #eee; position: absolute; z-index: 9; top: -2.05rem; left: -.84rem; width: 3rem; height: 2.92rem; color: #666; font-size: 12px; text-align: center; background-color: #fff; box-shadow: 0 .02rem .1rem #aaa; transition: all 200ms; -webkit-tansition: all 350ms;  -moz-transition: all 350ms;}
.social-share .icon-wechat .wechat-qrcode img{max-width: 100%;}
.social-share .icon-wechat .wechat-qrcode.bottom{top: .4rem; left: .84rem;}
.social-share .icon-wechat .wechat-qrcode.bottom:after{display: none;}
.social-share .icon-wechat .wechat-qrcode h4{font-weight: normal; height: .26rem; line-height: .26rem; font-size: .12rem; background-color: #f3f3f3; margin: 0; padding: 0; color: #777;}
.social-share .icon-wechat .wechat-qrcode .qrcode{width: 1.05rem; margin: .1rem 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: .26rem; padding: 0; margin: 0;}
.social-share .icon-wechat .wechat-qrcode:after{ content: ''; position: absolute; left: 50%; margin-left: -.06rem; bottom: -.13rem; width: 0; height: 0; border-width: .08rem .06rem .06rem .06rem; border-style: solid; border-color: #fff transparent transparent transparent;}
.social-share .icon-wechat:hover .wechat-qrcode{display: block;}

.wechat_ico{ display: none!important; margin-left: 0.3rem; width: 0.9rem!important; height: 0.9rem!important; background: url(../png/weixin_ico.png) 0 0 no-repeat!important; background-size: 100% 100%!important;}

/* 分享 */
.pop_share_wechat{width:10.8rem; height:10.8rem; text-align:center; position:fixed; top:2%; left:50%; margin:0 0 0 -5.4rem; z-index:102; background:url(../pop_zhiyin.html) no-repeat; background-size:100%;}


/* 排行榜 */
.rank-tips{font: 36px \5FAE\8F6F\96C5\9ED1;}
.rank-tit li{font:0.36rem/0.7rem \5FAE\8F6F\96C5\9ED1;}
.rank-tit li,.rank-txt{font-size: 36px;}
.rank-tit li,.rank-txt span{display:inline-block; text-align:center;vertical-align:middle;}
.rank-tit li.r1,.rank-txt span.r1{}
.r1{width: 166px;}
.r2{width:1.1rem;}
.r3{width: 300px;}
.r4{width: 200px;}


.challenge-ptop{margin-top: 80px;margin-bottom: 180px;}

@keyframes wave{
	0%{ -webkit-transform: scale(0.95);}
	50%{ -webkit-transform: scale(1);}
	100%{ -webkit-transform: scale(0.95);}
}

@keyframes open_eggs_down{
  0%{
      transform: translate(-50%, -50%)
  }
  100%{
      transform: translate(-50%, -50%)
  }
}

@keyframes open_eggs_opcity{
  0%{
      opacity:  .3;
  }
  100%{
      opacity:  1;
  }
}

@keyframes pop_ani{
  /* 0%{
      transform: scale(0.3);
  }
  100%{
      transform: scale(1);
  } */
}