* {margin: 0;padding: 0;}
html,body{margin: 0; padding: 0; width: 100%;  height: 100%; text-align: center;}
section{width: 10rem;min-height: 14.88rem; height: 100%; position: relative; margin: auto;}
/* 首页 */
.indexSection{background: url(../images/bg.png) no-repeat; background-size:100% 100%;}
.logo{position: absolute; width: 4.306rem; height: 0.506rem; top: 0.4rem; left: 0.4rem; background: url(../images/logo.png) no-repeat; background-size: 100% 100%;}   
.logoSlogan{position: absolute; width: 3.28rem; height: 0.28rem; top: 0.533rem; right: 0.466rem; background: url(../images/logo_slogan.png) no-repeat; background-size: 100% 100%;}
.homeBox{position: absolute; width: 9.706rem; height: 13.2rem; top: 50%; margin-top: -6.76rem; left: 50%; margin-left: -4.853rem; background: url(../images/home_boxbg.png) no-repeat; background-size: 100% 100%;}
.homeTitle{position: absolute;width: 7.92rem; height: 4.293rem; top: 0.32rem; left: 1.106rem; background: url(../images/home_title.png) no-repeat; background-size: 100% 100%;}
.btn9{position: absolute; width: 8.8rem; height: 2.653rem; bottom: 5.853rem; left: 0.186rem; background: url(../images/btn9_normal.png) no-repeat; background-size: 100% 100%;}
.btn10{position: absolute; width: 8.8rem; height: 2.653rem; bottom: 3.453rem; left: 0.186rem; background: url(../images/btn10_normal.png) no-repeat; background-size: 100% 100%;}
.btn11{position: absolute; width: 8.8rem; height: 2.653rem; bottom: 1.053rem; left: 0.186rem; background: url(../images/btn11_normal.png) no-repeat; background-size: 100% 100%;}
.btn9.hot{background: url(../images/btn9_hot.png) no-repeat; background-size: 100% 100%;}
.btn10.hot{background: url(../images/btn10_hot.png) no-repeat; background-size: 100% 100%;}
.btn11.hot{background: url(../images/btn11_hot.png) no-repeat; background-size: 100% 100%;}
.btn9.frozen{background: url(../images/btn9_frozen.png) no-repeat; background-size: 100% 100%;}
.btn10.frozen{background: url(../images/btn10_frozen.png) no-repeat; background-size: 100% 100%;}
.btn11.frozen{background: url(../images/btn11_frozen.png) no-repeat; background-size: 100% 100%;}

.timeNote{position: absolute; right: 0.533rem; top: -0.066rem; color: #FFF; font-size: 0.252rem; text-align: right; display: none;}
.hot .timeNote{display: block;}
.blueBtn{position: absolute; width: 2.6rem; height: 0.92rem; background:url(../images/bluebtn_bg.png) no-repeat; background-size: 100% 100%; color: #FFF; font-size: 0.36rem; line-height: 0.84rem; text-align: center; }
.blueBtn.disabled{background:url(../images/bluebtn_bg_disabled.png) no-repeat; background-size: 100% 100%; }
.myGifeBtn{bottom: 0.533rem; left: 50%; margin-left: -2.946rem;}
.takeCardBtn{bottom: 0.533rem; left: 50%; margin-left: 0.346rem;}
/* 子首页 */
.childSection{background: url(../images/bg.png) no-repeat; background-size:100% 100%;}
.titleSlogan{position: absolute; width: 1.893rem; height: 1.106rem; top: 0.533rem; right: 0.506rem; background: url(../images/title_slogan.png) no-repeat; background-size: 100% 100%;}
.childTitle{position: absolute; width: 7.44rem; height: 2.573rem; top: 50%; left: 0.813rem; margin-top: -6.306rem; }
.childTitle.ct9{background: url(../images/childtitle9.png) no-repeat; background-size: 100% 100%;}
.childTitle.ct10{background: url(../images/childtitle10.png) no-repeat; background-size: 100% 100%;}
.childTitle.ct11{background: url(../images/childtitle11.png) no-repeat; background-size: 100% 100%;}
.cTimeNote{position: absolute; width: 7.44rem;  top: 50%; left: 0.813rem; margin-top: -3.346rem; color: #000;font-size: 0.34rem; text-align: left;}
.childSwiper{position: absolute; width: 10rem; height: 6.666rem;top: 50%; left: 0; margin-top: -2.693rem;}
.childSwiper .swiper-slide{position: relative;}
.childSwiper .swiper-slide .giftBox{position: absolute; width: 9.026rem; height: 6.266rem; top: 0; left: 50%; margin-left: -4.493rem;}
.childSwiper .swiper-slide .giftBox>img{width: 100%; height: 100%;}
.childSwiper >.swiper-pagination-bullets{height: 0.4rem; bottom: 0; font-size: 12px;}
.childSwiper .swiper-pagination-bullet{width: 0.2rem; height: 0.2rem; background: transparent; border:2px solid #F04902; opacity: 1;}
.childSwiper .swiper-pagination-bullet-active{background: #f04902;}
.childUlNote{position: absolute; width: 8.533rem; height: 1.866rem; top: 50%;  left: 0.933rem; padding: 0; margin: 0;margin-top: 4.386rem; list-style: none;}
.childUlNote li{ padding-left: 0.8rem; font-size: 0.34rem; text-align: left; margin-bottom: 0.133rem;}
.childUlNote li span{display: block; width: 0.4rem; height: 0.4rem; float: left; margin-left: -0.8rem;}
.childUlNote li span.iconTime{background: url(../images/icon_time.png) no-repeat; background-size: 100% 100%;}
.childUlNote li span.iconTag{background: url(../images/icon_tag.png) no-repeat; background-size: 100% 100%;}
.ruleBtn{bottom: 0.533rem; left: 50%; margin-left: -4.213rem;}
.gifeNoteBtn{bottom: 0.533rem; left: 50%; margin-left: -1.306rem;}
.backHomeBtn{bottom: 0.533rem; left: 50%; margin-left: 1.613rem;}
.getCardBtn{bottom: 0.533rem; left: 50%; margin-left: 1.613rem;}
/* 抢购页 */
.rushSection{background: url(../images/bg.png) no-repeat; background-size:100% 100%;}
.helpBtn{position: absolute; width: 0.933rem; height: 0.933rem; right: 0.213rem; top: 0.213rem; background: url(../images/icon_help.png) no-repeat; background-size: 100% 100%; }
.rushTxt{position: absolute; width: 10rem; top: 50%; margin-top: -6.373rem; color: #000; font-size: 0.533rem;}
.rushNote{position: absolute; width: 10rem; top: 50%; margin-top: -5.6rem; color: #000; font-size: 0.373rem;}
.rushProgress{position: absolute; width: 6.426rem; height: 0.653rem; top: 50%; margin-top: -4.933rem; left: 50%; margin-left: -3.173rem;}
.rushProgress .progressBar{position: absolute;top: 0.293rem; width: 5.813rem; height: 0.106rem; left: 0.306rem; background-color: #2372d2; background-image: url(../images/pb.png); background-repeat: no-repeat; background-size: 100% 100%; background-position: -5.813rem 0;}
.milestone{width: 0.613rem; height: 0.613rem; background: url(../images/lock.png) no-repeat; background-size: 100% 100%; position: absolute;}
.milestone.active{background: url(../images/unlock.png) no-repeat; background-size: 100% 100%;}
.milestone1{left: 0; top: 0;}
.milestone2{left: 50%; margin-left: -0.306rem; top: 0;}
.milestone3{right: 0; top: 0;}
.giftBoxs{position:absolute;width: 10rem; height: 8.013rem; top: 50%; margin-top: -2.413rem; left: 50%; margin-left: -5rem;}
.giftBoxs .giftBox{position: absolute; width: 2.933rem; height: 8.013rem;}
.giftBoxs .giftBox .giftPanel{position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.giftBoxs .giftBox .giftPanel>img{width: 100%; height: 100%;}
.gift1{left: 50%; margin-left: -4.4rem;}
.gift2{left: 50%; margin-left: -1.466rem;}
.gift3{left: 50%; margin-left: 1.493rem;}
.giftBox .note{position:absolute; width:2.933rem; height: 0.986rem; left: 50%; margin-left: -1.466rem;  top:-1.733rem; text-align: center; font-size: 0.36rem; line-height: .42rem; color: #1f6fcf; }
.giftBox .arraw{position: absolute; width: 0.64rem; height: 0.386rem; left: 50%; margin-left: -0.32rem; top: -0.666rem; background: url(../images/blue_arraw.png) no-repeat; background-size: 100% 100%;}
.giftBox .giftFrozen{position: absolute; width: 2.933rem; height: 8.013rem; left: 0; top: 0; background: url(../images/gift_frozen.png) no-repeat; background-size: 100% 100%;}
.giftBox .rushBtn{position: absolute; width: 1.973rem; height: 0.68rem; background: -webkit-linear-gradient(left, #bfbfbf , #8b8b8b); left: 0.493rem; bottom: 0.88rem; border-radius: 0.333rem; line-height: 0.68rem; font-size: 0.36rem; color: #FFF;}
.active .giftFrozen{display: none;}
.active .rushBtn{background: -webkit-linear-gradient(left, #fe9414 , #fd510e);}
.active .note{color: #fd540e;}
.active .arraw{background: url(../images/ori_arraw.png) no-repeat; background-size: 100% 100%;}

/* 支付页 */
.paySection{background: #FFF;}
.paySection .logo{background: url(../images/logo_w.png) no-repeat; background-size: 100% 100%;}
.payHead{ width: 10rem; height: 4.986rem; background: url(../images/pay_head.png) no-repeat; background-size: 100% 100%;}
.face{position: absolute; width: 1.173rem; height: 1.173rem; top: 1.36rem; left: 50%; margin-left: -0.586rem; background: url(../images/face.png) no-repeat; background-size: 100% 100%;}
.tipTitle{position: absolute;width: 10rem; top: 2.8rem; font-size: 0.533rem; color: #FFF; text-align: center;}
.tipNote{position: absolute;width: 10rem; top: 3.813rem; font-size: 0.266rem; color: #FFF; text-align: center;}
.payForm{padding: 0 0.8rem; margin-top: 0.266rem;}
.payForm .inputRow{height: 0.986rem; font-size: 0.36rem; line-height: 0.986rem;}
.payForm .inputRow label{width: 2.373rem; float: left; text-align: left;}
.payForm .inputRow input,.payForm .inputRow p{width: 5.6rem; float: left; text-align: left; }
.payForm .inputRow input,.payForm .inputRow select{width: 5.6rem;height: 0.64rem; line-height: 0.64rem; border: 1px solid #2070cf;font-size: 0.36rem;  border-radius: 0;-webkit-box-sizing: border-box;margin: 0;margin-top: 0.133rem; padding: 0; padding-left: 0.266rem;}
.payForm .inputRow select{transform: translateX(-0.2rem);}
.payForm .inputRow input.short{width: 3rem;}
.payForm .getCodeBtn{height: 0.733rem; float: left; width: 2.56rem; background: url(../images/get_code_btn_bg.png) no-repeat; background-size: 100% 100%; margin-top: 0.1rem; font-size: 0.32rem; margin-left: 0.1rem; line-height: 0.7rem; color: #FFF; text-align: center; }
.payForm .getCodeBtn.disabled{background: url(../images/get_code_btn_bg_disabled.png) no-repeat; background-size: 100% 100%; }

.yellowBtn{width: 3.6rem; height: 0.92rem; background: url(../images/yellow_btn.png) no-repeat; background-size: 100% 100%;  color: #FFF; font-size: 0.36rem; line-height: 0.84rem;}
.yellowBtn.disabled{background: url(../images/yellow_btn_disabled.png) no-repeat; background-size: 100% 100%;  }
.yellowBtn2{width: 2.786rem; height: 0.92rem; background: url(../images/yellow_btn2.png) no-repeat; background-size: 100% 100%;  color: #FFF; font-size: 0.36rem; line-height: 0.84rem;}
.yellowBtn2.disabled{ background: url(../images/yellow_btn2_disabled.png) no-repeat; background-size: 100% 100%;  }
.paySection .payBtn{bottom: 0.533rem; left: 50%; margin-left: -1.8rem; position: absolute;}

/* 我的 */
.mySection{background: url(../images/bg.png) no-repeat; background-size:100% 100%;}
.myTabs{position: absolute; width: 8.813rem; height: 2.48rem; top: 50%; margin-top: -5.826rem; left: 50%; margin-left: -4.4rem; }
.myTabTitle{position: absolute; width: 100%; height: 1.04rem; top: 0.013rem; left: 0; background: url(../images/my_tab_title_bg.png) no-repeat; background-size: 100% 100%; color: #FFF; font-size: 0.46rem; font-weight: normal; line-height: 1.04rem; padding-top: 0.08rem; }
.tab{color: #2c7bd9; font-size: 0.426rem; line-height: 0.96rem; transition: all 500ms; }
.tab1{position: absolute; width: 3rem; height: 1.36rem; left: 0; bottom: 0; background: url(../images/tab1.png) no-repeat; background-size: 100% 100%;}
.tab2{position: absolute; width: 2.826rem; height: 1.36rem; left: 3rem; bottom: 0; background: url(../images/tab2.png) no-repeat; background-size: 100% 100%;}
.tab3{position: absolute; width: 2.986rem; height: 1.36rem; left: 5.826rem; bottom: 0; background: url(../images/tab3.png) no-repeat; background-size: 100% 100%;}
.tab1.active{background: url(../images/tab1active.png) no-repeat; background-size: 100% 100%; color: #FFF;}
.tab2.active{background: url(../images/tab2active.png) no-repeat; background-size: 100% 100%; color: #FFF;}
.tab3.active{background: url(../images/tab3active.png) no-repeat; background-size: 100% 100%; color: #FFF;}

.tabs-container{ position: absolute; width: 10rem; height: 8.666rem; left: 50%; margin-left: -5rem; top: 50%; margin-top: -2.933rem;}
.gift-list{list-style: none; margin: 0; padding: 0;}
.gift-list li{width: 8.813rem; height: 2.626rem;  margin-left: 0.586rem; margin-bottom: 0.226rem; position: relative; }
.gift-list li>img{width: 100%; height: 100%;}
.redeemCode{position: absolute; left: 1.04rem; text-align: left; bottom: 0.88rem; color: #373737; font-size: 0.24rem;}
.valueTxt{position: absolute; left: 2.626rem; text-align: left; bottom:1.56rem; color: #373737; font-size: 0.44rem; color: #2272d1;}
.unpaid:after{content: ''; position: absolute; width: 1.493rem; height: 1.186rem; right: 0.6rem; top: 0.266rem; background: url(../images/unpaid.png) no-repeat; background-size: 100% 100%;}
.gift-list li.noGift{width: 8.813rem; height: 7rem; background:url(../images/icon_nogift.png) no-repeat; background-size: 1.813rem 1.493rem; background-position: 50% 50%; position: relative;}
.gift-list li.noGift p{font-size: .36rem; padding-top: 4.533rem;}
.gifeNoteBtn2{bottom: 0.533rem; left: 50%; margin-left: -2.946rem;}
.backBtn{bottom: 0.533rem; left: 50%; margin-left: 0.346rem;}

/* popups */
.md-modal {position: fixed;top: 50%;left: 50%;max-width: 10rem;z-index: 2000;visibility: hidden;-webkit-backface-visibility: hidden;-webkit-transform: translateX(-50%) translateY(-50%);}
.md-modal-fixtop {position: fixed;top: 0;left: 0;width: 10rem;z-index: 2000;visibility: hidden;-webkit-backface-visibility: hidden;}
.md-show {visibility: visible;}
.md-overlay {position: fixed;width: 100%;height: 100%;visibility: hidden;top: 0;left: 0;z-index: 1000;opacity: 0;background: rgba(0,0,0,0.6);-webkit-transition: all 0.3s;}
.md-show ~ .md-overlay {opacity: 1;visibility: visible;}
/* Content styles */
.md-content {position: relative;margin: 0 auto;}
.md-effect-3 .md-content {-webkit-transform: translateY(20%);opacity: 0;-webkit-transition: all 0.3s;}
.md-show.md-effect-3 .md-content {-webkit-transform: translateY(0);opacity: 1;}

.popUp{background: #FFF; width: 7.88rem; height: 4.76rem; border-radius: 0.2rem;   text-align: center;}
.popUp .md-close{ width: 0.64rem; height: 0.64rem; position: absolute; display: block; right: 0; top:0; background:url(../images/closeBtn.png); background-size: 100% 100%;z-index: 1;}
.popUp .popUpIcon{padding-top: 0.733rem;}
.popUp .popUpIcon>img{width: 1.706rem; height: 1.706rem; margin: auto;}
.popUp .popTitle,.popUp .popTitleStatic{font-size: .36rem; margin-top: 0rem;}
.popUp .popNormalTxt,.popUp .popNormalTxtStatic{font-size: .32rem; margin-top: 0rem;}
.popUp .popSmallTxt{font-size: .26rem; margin-top: 0rem;}
.popUp .shareBtn{position: absolute; left: 50%; margin-left: -1.386rem; bottom: -0.45rem;}
.blueBtnLong{width: 3.906rem; height: 0.92rem; background: url(../images/blue_btn_long.png) no-repeat; background-size: 100% 100%;  color: #FFF; font-size: 0.36rem; line-height: 0.84rem;}
.blueBtnLong.disabled{background: url(../images/blue_btn_long_disabled.png) no-repeat; background-size: 100% 100%;}
.viewMyBtn{position: absolute; left: 50%; margin-left: -1.95rem; bottom: -0.45rem;}
.popUp .centerBtn{left: 50%; margin-left: -1.3rem;bottom: -0.45rem;}
.popUp .left2{left: 50%; margin-left: -2.76rem;bottom: -0.45rem;}
.popUp .right2{left: 50%; margin-left: 0.173rem;bottom: -0.45rem;}
.yellowBtn3{position: absolute; width: 2.6rem; height: 0.92rem; background:url(../images/yellow_btn3.png) no-repeat; background-size: 100% 100%; color: #FFF; font-size: 0.36rem; line-height: 0.84rem; text-align: center; }
.yellowBtn3.disabled{background:url(../images/yellow_btn3_disabled.png) no-repeat; background-size: 100% 100%;  }
.popUp .popOpenTime{color: #2372d2; position: relative;  font-size: 0.26rem;margin-top: 0.2rem;}
.popUp .popOpenTimeTag{font-size: 0.26rem;margin-top: 0.2rem;}
.popUp .popOpenTimeTag>span{ padding:0.066rem 0.2rem ; border-radius: .4rem; color: #FFF; background: #2372d2;  }
.popUp .timeBg{width: 1.546rem; height: 1.333rem;background: url(../images/time_bg.png) no-repeat; background-size: 100% 100%; position: absolute; bottom: 1.28rem; text-align: center; color: #FFF; }

.popUp .timeBg.timeH{left: 50%; margin-left: -2.84rem;}
.popUp .timeBg.timeM{left: 50%; margin-left: -0.853rem;}
.popUp .timeBg.timeS{left: 50%; margin-left: 1.133rem;}
.popUp .timeBg span{position: absolute; left: 0; width: 1.546rem; bottom: -0.6rem; text-align: center; font-size: 0.36rem; color: #000000;}
.popUp .time{width: 1.546rem; height: 1.333rem; transform: translateX(0.05rem); font-size: 1rem; letter-spacing: 0.18rem;}
#popTimer .popTitleStatic{padding-top: 1rem; font-size: .42rem;}
.shareTag{position: fixed; width: 2.4rem; height: 1.52rem; top:0.5rem; opacity: 0;-webkit-transition: all 0.3s; right: 0.5rem;z-index:1001;background: url(../images/shareTag.png) no-repeat; background-size: 100% 100%;}
#popNote.md-show~.shareTag{opacity: 1;}

.popHelp{background: #1259af; width: 8.533rem; height: 13.466rem; position: absolute; left: 50%; margin-left: -4.266rem; top: 1.573rem; padding: 1.2rem 0.533rem 0 0.533rem; box-sizing: border-box;border-radius: 0.2rem; text-align: left;}
.popHelp:after{width: 0.546rem; height: 0.746rem; top: -0.466rem; right: 0; content: ""; position: absolute; background: url(../images/pop_corner.png) no-repeat; background-size: 100% 100%;}
.popHelp ul{ margin: 0; padding: 0; list-style: none;}
.popHelp ul li{ font-size: 0.36rem; margin-left: 0.4rem; color: #FFF; padding-bottom: 0.266rem; margin-bottom: 0.266rem; border-bottom: 1px solid rgba(255,255,255,0.3); position: relative;}
.popHelp ul li:last-child{border-bottom: 0;}
.popHelp ul li:after{content: ""; width: 0.16rem; height: 0.16rem; position: absolute; left: -0.4rem; top: 0.16rem; border-radius: 0.08rem; background: #e3794d;}
.popHelp .blueBtn{left: 50%; margin-left: -1.3rem;}
.popHelp .swiper-container{height: calc(100% - 1.6rem); margin-right: -0.4rem;}
.popHelp .swiper-container .swiper-slide {height: auto;-webkit-box-sizing: border-box;box-sizing: border-box; padding-right: 0.4rem; text-align: left;}
/* 分享页 */
.shareSection{background: url(../images/bg.png) no-repeat; background-size:100% 100%;}
.shareTitle{position: absolute; width: 8.8rem; height: 2.906rem; left: 50%; margin-left: -4.4rem; top: 50%; margin-top: -6rem;}
.shareTitle>img{width: 100%; height: 100%;}
.shareGift{position: absolute; width: 8.8rem; height: 8.466rem; left: 50%; margin-left: -4.4rem; top: 50%; margin-top: -3.08rem;}
.shareGift>img{width: 100%; height: 100%;}
.yellowBtnBig{position: absolute; width: 4.746rem; height: 1.213rem; line-height: 1.1rem; background: url(../images/yellow_btn_big.png) no-repeat;  background-size: 100% 100%;color: #FFF; font-size: .46rem;}
.yellowBtnBig.disabled{background: url(../images/yellow_btn_big_disabled.png) no-repeat;  background-size: 100% 100%;}
.shareBtnBig{ left: 50%; margin-left: -2.373rem; bottom: 2.2rem;}


/* 内文页 - 详细规则 奖品说明 */
.longText{ position: absolute; background: #FFF; width: 8.906rem; height: calc(100% - 1.333rem); box-sizing: border-box; left: 50%; margin-left: -4.453rem; top: 1.333rem; border-radius: 0.2rem;  text-align: center; padding:0 0.4rem 0.4rem 0.4rem; box-shadow: 0 0 0.266rem rgba(0,0,0,0.2); }
.longText h4{color: #2170d0; border-bottom: 1px solid #efefef; height: 1.173rem; line-height: 1.173rem; font-size: .42rem; font-weight: normal; margin-bottom: 0.2rem;}
.longText .swiper-container{height: calc(100% - 2.6rem); margin-right: -0.4rem;}
.longText .swiper-container .swiper-slide {font-size: 0.34rem;height: auto;-webkit-box-sizing: border-box;box-sizing: border-box; padding-right: 0.4rem; text-align: left;}
.longText .backBtn{bottom: 0.2rem; left: 50%; margin-left: -1.3rem;}
.longText p{margin-bottom: 0.266rem;}
.longText p.wb{ padding-left: 0.6rem;}
.longText p>span.mg{display: block; width: 0.6rem; text-align: left; margin-left: -0.6rem; float: left;}
.longText ul{ margin: 0; padding: 0; list-style: none;}
.longText ul li{ padding-left: 1rem; margin-bottom: 0.133rem;}
.longText ul li span.mg{display: block; width: 0.6rem; text-align: left; margin-left: -0.6rem; float: left;}
.blue{color: #2574d3;}
.ori{color: #fd4f0e;}
.red{color: red;}
.strong{font-weight: bold;}
table{border-collapse: collapse; margin-bottom: 0.266rem;}
table td{font-size: 0.3rem; border:1px solid #ededed; text-align: center; padding: 0.106rem 0;}