* {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;}
.logo{position: absolute; width: 4.6rem; height: 0.546rem; top: 0.48rem; left: 0.573rem; background: url(../images/logo.png) no-repeat; background-size: 100% 100%; z-index: 1000;}   
.logo-slogan{position: absolute; width: 1.76rem; height: 1.466rem; top: 0.306rem; right: 0.12rem; background: url(../images/logo-slogan.png) no-repeat; background-size: 100% 100%; z-index: 1000;}
.button-share{position: absolute;width: 0.706rem; height: 1.333rem; top: 2.053rem; right: 0; background: url(../images/button-share.png) no-repeat; background-size: 100% 100%; z-index: 1000;}

/* tabbar */
.tabbar{position:absolute;width: 10rem; height: 2.333rem; left: 50%; margin-left: -5rem; bottom: 0;}
.tabbar .tabbar0{position: absolute;width: 1.52rem; height: 2.12rem; background: url(../images/tb-tabbar0.png) no-repeat; background-size: 100% 100%; left: 50%; margin-left: -4.426rem; top: 0;-webkit-tap-highlight-color:rgba(0,0,0,0); }
.tabbar .tabbar1{position: absolute;width: 1.52rem; height: 2.12rem; background: url(../images/tb-tabbar1.png) no-repeat; background-size: 100% 100%; left: 50%; margin-left: -2.533rem; top: 0;-webkit-tap-highlight-color:rgba(0,0,0,0); }
.tabbar .tabbar2{position: absolute;width: 1.52rem; height: 2.12rem; background: url(../images/tb-tabbar2.png) no-repeat; background-size: 100% 100%; left: 50%; margin-left: -0.68rem; top: 0;-webkit-tap-highlight-color:rgba(0,0,0,0); }
.tabbar .tabbar3{position: absolute;width: 1.52rem; height: 2.12rem; background: url(../images/tb-tabbar3.png) no-repeat; background-size: 100% 100%; left: 50%; margin-left: 1.16rem; top: 0;-webkit-tap-highlight-color:rgba(0,0,0,0); }
.tabbar .tabbar4{position: absolute;width: 1.52rem; height: 2.12rem; background: url(../images/tb-tabbar4.png) no-repeat; background-size: 100% 100%; left: 50%; margin-left: 3.013rem; top: 0;-webkit-tap-highlight-color:rgba(0,0,0,0); }
.tabbar .tabbar0.active{background: url(../images/tb-tabbar0-active.png) no-repeat; background-size: 100% 100%; }
.tabbar .tabbar1.active{background: url(../images/tb-tabbar1-active.png) no-repeat; background-size: 100% 100%; }
.tabbar .tabbar2.active{background: url(../images/tb-tabbar2-active.png) no-repeat; background-size: 100% 100%; }
.tabbar .tabbar3.active{background: url(../images/tb-tabbar3-active.png) no-repeat; background-size: 100% 100%; }
.tabbar .tabbar4.active{background: url(../images/tb-tabbar4-active.png) no-repeat; background-size: 100% 100%; }
/* 首页 */
.index-section{background: #fc0000;}
.index-section .title{position: absolute; height: 63%; width: 100%; max-height: 13.32rem; top: 5%; text-align: center;}/* 设计稿原始高度 69% */
.index-section .title>img{ height: 100%; width: 100%; object-fit: cover; margin: auto;}
.index-section .slogan{position: absolute;width: 8.706rem; height: 4.293rem; top: 2.106rem; left: 50%; margin-left: -4.226rem; background: url(../images/slogan.png) no-repeat; background-size: 100% 100%;}
.index-section .foot-box{position: absolute;width: 10rem; height: 8.573rem; bottom: 0; left: 50%; margin-left: -5rem; background: url(../images/index-foot-box.png) no-repeat; background-size: 100% 100%;}
.index-section .button-sign{position: absolute;width: 8.026rem; height: 1.48rem; bottom: 2.906rem; left: 50%; margin-left: -4.133rem; background: url(../images/button-sign.png) no-repeat; background-size: 100% 100%;}
.index-section .button-sign.disabled{background: url(../images/button-sign-disabled.png) no-repeat; background-size: 100% 100%;}
.index-section .tabbar1{bottom: 0.546rem; left: 50%; margin-left: -3.92rem; position: absolute;width: 1.68rem; height: 2.28rem; background: url(../images/button-tabbar1.png) no-repeat; background-size: 100% 100%;}
.index-section .tabbar2{bottom: 0.546rem; left: 50%; margin-left: -1.853rem; position: absolute;width: 1.68rem; height: 2.28rem; background: url(../images/button-tabbar2.png) no-repeat; background-size: 100% 100%;}
.index-section .tabbar3{bottom: 0.546rem; left: 50%; margin-left: 0.226rem; position: absolute;width: 1.68rem; height: 2.28rem; background: url(../images/button-tabbar3.png) no-repeat; background-size: 100% 100%;}
.index-section .tabbar4{bottom: 0.546rem; left: 50%; margin-left: 2.28rem; position: absolute;width: 1.68rem; height: 2.28rem; background: url(../images/button-tabbar4.png) no-repeat; background-size: 100% 100%;}
.index-section .note-box{position: absolute;width: 6.773rem; height: 1.92rem; top: 0.88rem; left: 50%; margin-left:-3.35rem; text-align: left; color: #fce8c0;}
.index-section .note-box .h4{font-size: 0.266rem; margin: 0; line-height: 0.533rem; margin-top: 0.08rem;}
.index-section .note-box .des{font-size: 0.2rem; line-height: 0.333rem;}
.index-section .note-box .note{ font-size: 0.186rem; margin-top: 0.133rem; line-height: 0.333rem;}


/* 活动内容 */
.intro-section{
	background: -moz-linear-gradient(top, #fc0000 20%, #d53134 80%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fc0000), color-stop(80%,#d53134));
    background: -webkit-linear-gradient(top, #fc0000 20%,#d53134 80%);
    background: -o-linear-gradient(top, #fc0000 20%,#d53134 80%);
    background: -ms-linear-gradient(top, #fc0000 20%,#d53134 80%);
    background: linear-gradient(to bottom, #fc0000 20%,#d53134 80%);
}
.intro-section .intro-title{position: absolute; height: 0.52rem; width: 6.106rem;left: 50%; margin-left: -3.053rem; top: 1.973rem;background: url(../images/intro-title.png) no-repeat; background-size: 100% 100%;}
.intro-section .intro-panel{position: absolute; width: 8.96rem; height: calc(100% - 6.133rem); max-height: 13.026rem; top: 3.146rem; left: 50%; margin-left: -4.48rem;
 border: 0.066rem solid rgba(235,170,81,0.5); background: #fff; border-radius: 0.4rem; box-shadow: 0 0.28rem 0.973rem rgba(65,4,7,0.7);}

/* 达标进度 */
.progress-section{ height: 19.306rem;
	background: -moz-linear-gradient(top, #fc0000 20%, #d53134 80%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fc0000), color-stop(80%,#d53134));
    background: -webkit-linear-gradient(top, #fc0000 20%,#d53134 80%);
    background: -o-linear-gradient(top, #fc0000 20%,#d53134 80%);
    background: -ms-linear-gradient(top, #fc0000 20%,#d53134 80%);
    background: linear-gradient(to bottom, #fc0000 20%,#d53134 80%);
}
.progress-section .progress-title1{position: absolute; width:6.186rem; height: 0.52rem; left: 50%; margin-left: -3.093rem; top: 1.64rem;background: url(../images/progress-title1.png) no-repeat; background-size: 100% 100%;}
.progress-panel1{position: absolute; width: 9.186rem; height: 5.573rem; left: 50%; margin-left: -4.593rem; top: 2.373rem; text-align: center;
	background-image:url("../images/panel1-bg-top.png"),
               		url("../images/panel1-bg-bottom.png"),
               		url("../images/panel1-bg-body.png");
    background-size: 100% auto,100% auto,100% auto;
    background-position: top left, left bottom, top left;
    background-repeat: no-repeat,no-repeat,repeat-y;
    box-shadow: 0 0.106rem 0.213rem rgba(0,0,0,0.45);
    padding: 0.6rem 0.693rem; box-sizing: border-box;
}
.progress-section .progress-title2{position: absolute; width:6.186rem; height: 0.346rem; left: 50%; margin-left: -3.093rem; top: 8.16rem;background: url(../images/progress-title2.png) no-repeat; background-size: 100% 100%;}
.progress-panel2{position: absolute; width: 9.186rem; height: 3.226rem; left: 50%; margin-left: -4.593rem; top: 8.653rem;
	background-image:url("../images/panel1-bg-top.png"),
               		url("../images/panel1-bg-bottom.png"),
               		url("../images/panel1-bg-body.png");
    background-size: 100% auto,100% auto,100% auto;
    background-position: top left, left bottom, top left;
    background-repeat: no-repeat,no-repeat,repeat-y;
    box-shadow: 0 0.106rem 0.213rem rgba(0,0,0,0.45);
    padding: 0.5rem 0.693rem; box-sizing: border-box;
}
.progress-section .progress-title3{position: absolute; width:6.186rem; height: 0.346rem; left: 50%; margin-left: -3.093rem; top: 12.146rem;background: url(../images/progress-title3.png) no-repeat; background-size: 100% 100%;}
.progress-panel3{position: absolute; width: 9.186rem; height: 3.8rem; left: 50%; margin-left: -4.593rem; top: 12.6rem;
	background-image:url("../images/panel2-bg-top.png"),
               		url("../images/panel2-bg-bottom.png"),
               		url("../images/panel2-bg-body.png");
    background-size: 100% auto,100% auto,100% auto;
    background-position: top left, left bottom, top left;
    background-repeat: no-repeat,no-repeat,repeat-y;
    box-shadow: 0 0.106rem 0.213rem rgba(0,0,0,0.45);
    padding: 0.5rem 0.693rem; box-sizing: border-box;
}
.progress-panel1 .p-note{font-size: 0.32rem; color: #3e3536; line-height: 0.533rem; margin-top: 0.133rem; font-weight: bold;}
.progress-panel1 .p-amount{font-size: 0.32rem; margin-bottom: 0.133rem;}
.progress-panel1 #amount{ font-size: 0.64rem; line-height: 0.8rem; font-weight: bold; padding-right: 0.3rem;}
.progress-panel1 .hr{height: 1px; background: #c8bfc0;}
.progress-panel1 .p-reach{font-size: 0.4rem; line-height: 0.64rem; font-weight: bold;}
.progress-panel1 .p-reach.thin-line{font-size: 0.4rem; line-height: 0.5rem; font-weight: bold;}
.progress-panel1 .p-note2{font-size: 0.32rem; line-height: 0.64rem; color: #6d6163;}
.step{width: 7.333rem; height: 0.733rem; margin: auto; margin-top: 0.373rem; margin-bottom: 0.346rem;}
.step0{background: url(../images/step0.png) no-repeat; background-size: 100% 100%;}
.step1{background: url(../images/step1.png) no-repeat; background-size: 100% 100%;}
.step2{background: url(../images/step2.png) no-repeat; background-size: 100% 100%;}
.step3{background: url(../images/step3.png) no-repeat; background-size: 100% 100%;}
.step4{background: url(../images/step4.png) no-repeat; background-size: 100% 100%;}
.step5{background: url(../images/step5.png) no-repeat; background-size: 100% 100%;}
.step6{background: url(../images/step6.png) no-repeat; background-size: 100% 100%;}

.gift-box{ border-bottom: 1px solid #c8bfc0;}
.gift-box1{height: 0.88rem;}
.gift-box2{height: 1.44rem;}
.p-award{font-size: 0.32rem; color: #666; font-weight: bold; text-align: left;line-height: 0.46rem;}
.p-result{font-size: 0.32rem; color: #666; text-align: left; line-height: 0.666rem;}
.seal{width: 2.293rem; height: 2.213rem; background: url(../images/seal.png) no-repeat; background-size: 100%; position: absolute; right: 0.346rem; bottom: 0.346rem;}
.seal.complete{background: url(../images/seal-complete.png) no-repeat; background-size: 100%;}
.p-result.complete{color: #e32a3f; font-weight: bold;}
/* 我的年中奖 */
.my-section{
	background: -moz-linear-gradient(top, #fc0000 20%, #d53134 80%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fc0000), color-stop(80%,#d53134));
    background: -webkit-linear-gradient(top, #fc0000 20%,#d53134 80%);
    background: -o-linear-gradient(top, #fc0000 20%,#d53134 80%);
    background: -ms-linear-gradient(top, #fc0000 20%,#d53134 80%);
    background: linear-gradient(to bottom, #fc0000 20%,#d53134 80%);
}
.my-section .my-title{position: absolute; width:8.266rem; height: 0.586rem; left: 50%; margin-left: -4.133rem; top: 1.973rem;background: url(../images/my-title.png) no-repeat; background-size: 100% 100%;}
.my-section .my-panel{position: absolute; width: 8.266rem; height: 64%; max-height: 10.733rem; top: 20%; left: 50%; margin-left: -4.133rem; padding: 0.4rem 0.933rem; box-sizing: border-box;
 border: 0.066rem solid rgba(235,170,81,0.5); background: #fff; border-radius: 0.4rem; box-shadow: 0 0.226rem 0.506rem rgba(65,4,7,0.2);}
.my-section .my-panel-title{padding: 0; margin: 0; font-size: 0.64rem; height: 1.333rem; line-height: 1.333rem; border-bottom: 1px solid #b1aeae; color: #3a373a;}
.main-share-txt{padding: 0; margin: 0; font-size: 0.48rem;  line-height: 0.933rem; color: #685c60; margin-top: 0.133rem;}
.red{color: #e32a3f;}
#num1,#num2{font-size: 0.8rem; padding: 0 0.266rem; font-weight: bold; font-family: verdana;}
.txt-slogan{width: 5.48rem; height: 0.493rem; margin: auto; background: url(../images/txt-slogan.png) no-repeat; background-size: 100%; margin-top: 0.266rem;}
.more-txt{font-size: 0.32rem; color: #685c60; margin-bottom: 0.2rem;}
.click-note{font-size: 0.373rem;}
.qc-code{width: 2.693rem; height: 2.693rem; margin: auto; margin-bottom: 0.2rem;}
.qc-code>img{width: 100%; height: 100%;}
.my-section .my-panel .hr{height: 1px; background: #b1aeae; margin: 0.506rem 0 0.64rem;}
.my-section .qc-box{position: absolute; width: 8.266rem; height: 4.586rem; bottom: 0; left: 50%; margin-left: -4.133rem; padding:0 0.933rem 0.4rem; box-sizing: border-box;}
.my-section .my-panel .uncomplete-txt-1{font-size: 0.4rem; line-height: 0.933rem; padding-top: 0.76rem;}
.my-section .my-panel .uncomplete-txt-2{font-size: 0.32rem; line-height: 0.666rem; margin-left: -0.5rem; margin-right: -0.5rem;}
.my-section .my-panel .uncomplete-txt-3{font-size: 0.64rem; line-height: 1.2rem; margin-bottom: 0.3rem;}

.sorry-txt-1{font-size: 0.64rem; line-height: 1.2rem; padding-top: 0.666rem;}
.sorry-txt-2{font-size: 0.48rem; line-height: 0.8rem; }
/* 分享页 */
.share-section{background: url(../images/share-bg.png) no-repeat #971d29; background-size: 100% auto; background-position: top;height: 19.306rem;}
.share-section .share-title{position: absolute; width:8.706rem; height: 4.293rem; left: 50%; margin-left: -4.28rem; top: 2.093rem;background: url(../images/share-title.png) no-repeat; background-size: 100% 100%;}
.share-panel{position: absolute; width:10rem; height: 10.8rem; left: 50%; margin-left: -5rem; bottom: 0;background: url(../images/share-box.png) no-repeat; background-size: 100% 100%; padding: 0 1.733rem; box-sizing: border-box;}
.share-txt-title{height: 1.866rem; line-height: 1.866rem; font-size: 0.64rem; color: #fff; margin-top: 2.533rem;font-weight: bold;}
.share-txt-des{font-size: 0.48rem; line-height: 0.96rem; color: #fff; margin-top: 0.533rem; font-weight: bold;}
.share-txt-des .red{font-size: 0.8rem; padding: 0 0.266rem; color: #ff7474;}
.share-txt-thx{font-size: 0.64rem; line-height: 1.066rem; margin-bottom: 0.533rem; margin-top: 0.133rem; color: #fff;}
.share-section .hr{background: #8e3a44; height: 1px;}
/* 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;-webkit-transition: all 0.3s;
	background: -moz-linear-gradient(top, #fc0000 20%, #d53134 80%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fc0000), color-stop(80%,#d53134));
    background: -webkit-linear-gradient(top, #fc0000 20%,#d53134 80%);
    background: -o-linear-gradient(top, #fc0000 20%,#d53134 80%);
    background: -ms-linear-gradient(top, #fc0000 20%,#d53134 80%);
    background: linear-gradient(to bottom, #fc0000 20%,#d53134 80%);
}
.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: url(../images/pop-bg.png) no-repeat; background-size: 100%; width: 10rem; height: 10.666rem;text-align: center; }
.popUp2{background: url(../images/pop-bg2.png) no-repeat; background-size: 100%; width: 10rem; height: 10.666rem;text-align: center; }
.popUp .md-close,.popUp2 .md-close{ width: 0.76rem; height: 0.76rem; position: absolute; display: block; left: 50%; margin-left: -0.38rem; bottom:-0.36rem; background:url(../images/md-close.png) no-repeat; background-size: 100% 100%;z-index: 1;}


.popNormalTxt{font-size: 0.4rem; line-height: 0.8rem; color: #fff; text-shadow: 0.053rem 0.053rem 0.026rem rgba(0,0,0,0.3) ; padding-top: 3.733rem;}
.popBlodTxt{ font-size: 0.48rem; line-height: 0.8rem; color: #fff; text-shadow: 0.053rem 0.053rem 0.026rem rgba(0,0,0,0.3) ; }
.pop-reg-btn{width: 8.026rem; height: 1.48rem; background: url(../images/pop-reg-btn.png) no-repeat; background-size: 100%; margin: auto; margin-top: 1.066rem; }

.popUp2 .popNormalTxt{padding-top: 3.466rem;}
.popUp2 .popNormalDes{font-size: 0.4rem; line-height: 0.8rem; color: #fff; text-shadow: 0.053rem 0.053rem 0.026rem rgba(0,0,0,0.3) ; }
.popUp2 .popNormalDes>span{font-size: 0.266rem;}

.pop-share-content{width: 7.373rem; height: 3.973rem; background: url(../images/pop-share.png) no-repeat; background-size: 100%; top: 0.306rem; right: 0.133rem; position: absolute;}
.hidden-share-img{position: fixed; top: 0; left: 0; width: 100%; height: calc(100% - 2.333rem); opacity: 0;}

.swiper-container{width: 100%; height: 100%;}
.swiper-slide {font-size: 18px;height: auto;text-align: left;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 0.4rem; word-break: break-all;}
.swiper-slide h4{font-size: 0.4rem; line-height: 0.6rem; margin: 0.266rem 0;}
.swiper-slide h5{font-size: 0.32rem; line-height: 0.6rem; margin: 0.133rem 0;}
.swiper-slide p{font-size: 0.32rem; line-height: 0.6rem; margin-bottom: 0.14rem;}
.swiper-slide ul{margin: 0; padding: 0; list-style: none;}
.swiper-slide ul li{font-size: 0.32rem; line-height: 0.6rem; padding-left: 0.4rem;margin-bottom: 0.14rem;}
.swiper-slide ul li>span{margin-left: -0.4rem; display: inline-block; width: 0.4rem;}

.full-area{position: absolute; width: 100%; height: 100%;}


/* 分享页1 */
.share1-section{background: #fc0000;}
.share1-section .title{position: absolute; height: 63%; width: 100%; max-height: 13.32rem; top: 5%; text-align: center;}/* 设计稿原始高度 69% */
.share1-section .title>img{ height: 100%; width: 100%; object-fit: cover; margin: auto;}
.share1-section .slogan{position: absolute;width: 8.706rem; height: 4.293rem; top: 2.106rem; left: 50%; margin-left: -4.226rem; background: url(../images/slogan.png) no-repeat; background-size: 100% 100%;}
.share1-section .share1-box{position: absolute;width: 10rem; height: 7.813rem; bottom: 0; left: 50%; margin-left: -5rem; background: url(../images/share1-box.png) no-repeat; background-size: 100% 100%;}
.share1-section .button-sign{position: absolute;width: 8.026rem; height: 1.48rem; bottom: 1.533rem; left: 50%; margin-left: -4.133rem; background: url(../images/button-sign.png) no-repeat; background-size: 100% 100%;}
.share1-section .note-box{position: absolute;width: 10rem; height: 4.4rem; top: 0; left: 50%; margin-left:-5rem; text-align: left; padding: 1rem 0.6rem 0 1.173rem; color: #fce8c0; box-sizing: border-box;}
.share1-section .note-box .h4{font-size: 0.302rem; margin: 0; line-height: 0.533rem; margin-top: 0.08rem;}
.share1-section .note-box .des{font-size: 0.272rem; line-height: 0.533rem;}
.share1-section .note-box .note{ font-size: 0.213rem; margin-top: 0.613rem; line-height: 0.333rem;}

/* 分享页2 */
.share2-section{background: #fc0000;}
.share2-section .title{position: absolute; height: 63%; width: 100%; max-height: 13.32rem; top: 5%; text-align: center;}/* 设计稿原始高度 69% */
.share2-section .title>img{ height: 100%; width: 100%; object-fit: cover; margin: auto;}
.share2-section .slogan{position: absolute;width: 8.706rem; height: 4.293rem; top: 2.106rem; left: 50%; margin-left: -4.226rem; background: url(../images/slogan.png) no-repeat; background-size: 100% 100%;}
.share2-section .share2-box{position: absolute;width: 10rem; height: 11.333rem; bottom: 0; left: 50%; margin-left: -5rem; background: url(../images/share2-box.png) no-repeat; background-size: 100% 100%;}
.share2-section .button-sign{position: absolute;width: 8.026rem; height: 1.48rem; bottom: 1.533rem; left: 50%; margin-left: -4.133rem; background: url(../images/button-sign.png) no-repeat; background-size: 100% 100%;}
.share2-section .note-box{position: absolute;width: 8.666rem; height: 3.386rem;  top: 3.066rem; left: 50%; margin-left:-4.333rem; text-align: center; padding: 0; color: #fce8c0; box-sizing: border-box;}
.share2-section .note-box .des{font-size: 0.346rem; margin: 0; line-height: 0.64rem; margin-top: 0.4rem; color: #fff;}
.share2-section .note-box .des .num{font-size: 0.6rem; padding: 0 0.133rem;}
.share2-section .qc-box{position: absolute; width: 8.666rem; height: 4.666rem; top: 6.493rem; left: 50%; margin-left: -4.333rem;}
.share2-section .qc-box .more-txt{font-size: 0.32rem; color: #fff; margin-top: 0.373rem; margin-bottom: 0.4rem;}
.share2-section .qc-box .qc-code{width: 2.933rem; height: 2.933rem;}
.share2-section .qc-box .qc-code>img{width: 100%; height: 100%; border-radius: 0.133rem;}


/* 首页新增活动关闭按钮 */
.index-section .button-sign.closed{background: url(../images/button-closed.png) no-repeat; background-size: 100% 100%;}