*{ margin: 0; padding: 0; }
html,body{ height: 100%; font-size: 13.3333333333333vw; height: 100%; background: #eee; font-family: "微软雅黑" }
img{ display: block; }
button, input{ background: none; border: none; outline: none; user-select: none; }
li{ list-style: none; }
a,a:hover,a:active,a:visited,a:link,a:focus{ -webkit-tap-highlight-color:rgba(0,0,0,0); text-decoration: none; }

.show{ display: block !important; }
.hidden{ display: none !important; }

.container{ margin: 0 }
.tac{ text-align: center; }

#nav{ position: fixed; width: 100%; z-index: 4; top: 0;background: #eee;}
#nav .title-list{ font-size: .3rem; color: #333; height: .9rem; background: #fff; box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .18); display: flex; display: -webkit-flex; align-items: center; overflow: auto;}

#nav .title-list .nav-title-item{ height: .24rem; display: flex; align-items: center; justify-content: center; flex: 0 0 33.333%; box-sizing: border-box; border-right: 1px solid #999; }
#nav .title-list .nav-title-item:last-child{ border: transparent; }
#nav .title-list .nav-title-item a{ font-weight: bold; color: #333; display: inline-block; width: 1.88rem; text-align: center; line-height: .48rem; height: .5rem; border-radius: .3rem; }
#nav .title-list .title-active a{ background: linear-gradient(90deg, #38abf3, #066fff); color: #fff; }
#nav .title-list .unread{ position: relative; }
#nav .title-list .unread::after{ content:""; position: absolute; right: 0; top: 0; width: 6px; height: 6px; background: red; border-radius: 50%; }
#nav .status-list{ font-size: .3rem; margin: .27rem 0; }
#nav .status-list > div{ display: flex; display: -webkit-flex; align-items: center; height: .37rem; }
#nav .status-list .status-l{ height: 100%; box-sizing: border-box; display: flex; display: -webkit-flex; align-items: center; flex: 1; border-right: 1px solid #d9d9d9;

}
#nav .status-list .status-l > div{ flex: 1; text-align: center; }
#nav .status-list .status-l > div a{ color: #333; font-weight: bold; }
#nav .status-list .status-l .status-active a{ color: #006eff; display: inline-block; position: relative; }
#nav .status-list .status-l .status-active a::after{ content: ""; position: absolute; bottom: -0.09rem; left: 50%; margin-left: -.3rem; display: block; width: .6rem; height: 2px; border-radius: 2px; background: #006eff; }
#nav .status-list .gift-types{ flex: 0 0 .8rem; height: 100%; display: flex; align-items: center; justify-content: center; }
#nav .status-list .gift-types img{ width: .28rem; height: .28rem; }
#nav .gift-list{ position: fixed; width: 100%; height: 100%; top: 0; left: 0; width: 100%; background: rgba(0, 0, 0, .5); font-size: .24rem; }
#nav .gift-list .gift-ul{ position: absolute; right: 0; height: 100%; width: 3.92rem; background: #fff; box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.18); display: flex; flex-direction: column; }
#nav .gift-list .gift-ul .gift-li{ flex: 1; }
#nav .gift-list .gift-ul .gift-li > div{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; box-sizing: border-box; padding: .3rem .26rem; }
#nav .gift-list .gift-ul .gift-list-item{ color: #333; font-weight: bold; display: flex; display: -webkit-flex; align-items: center; justify-content: center; width: 1.6rem; height: .6rem; background: #f5f5f5; margin-bottom: .3rem; border-radius: .08rem; text-align: center; line-height: .6rem; box-sizing: border-box; overflow: hidden; }
#nav .gift-list .gift-ul .gift-list-active{ color: #006eff; background: #f7faff; border: 1px solid #006eff; position: relative; }
#nav .gift-list .gift-ul .gift-list-active::after{ content: ""; width: .32rem; height: .32rem; position: absolute; right: 0; bottom: 0; background: url('../images/navactive.png') no-repeat; background-size: 100% 100%; }
#nav .gift-list .gift-btn{ height: .76rem; width: 3.4rem; margin: .2rem auto .8rem; border: 1px solid #006eff; border-radius: .4rem; display: flex; display: -webkit-flex; overflow: hidden; }
#nav .gift-list .gift-btn > a{ flex: 0 0 50%; font-size: .3rem; font-weight: bold; text-align: center; line-height: .76rem; }
#nav .gift-list .gift-btn .gift-reset{ color: #006eff; }
#nav .gift-list .gift-btn .gift-confirm{ color: #fff; background: linear-gradient(90deg, #38abf3, #066fff); }

#gift{ box-sizing: border-box; height: 100%; overflow-y: scroll;  padding-bottom: .2rem; }
#gift > div{ margin: 0 .2rem !important; }
/* 转赠记录 */
.transfer-record{ color: #fff; text-align: center; box-sizing: border-box;  padding: .2rem .1rem; border-radius: .2rem 0 0 .2rem; position: fixed; right: 0; top: 2.35rem; width: .6rem; background: rgba(0, 0, 0, .5); font-size: .24rem; }
.transfer-record img{ width: .26rem; display: inline-block; }
/* 券 */
.coupon{ position: relative; display: flex; display: -webkit-flex; font-size: .24rem;  border-radius: .15rem;
    margin-top: .1rem;  margin-bottom: .24rem;}
.coupon::after{ content: "";display: block; position: absolute;top: 0; right:2.22rem;  width: .32rem; height:.16rem;background-color: #eee; border-radius: 0 0 .3rem .3rem;
}
.coupon::before{ content: ""; display: block;right:2.22rem;  width: .32rem; height:.16rem; background-color:#eee;border-radius:.3rem .3rem 0 0; position: absolute;
    bottom: 0; z-index: 2; }
.used .coupon .coupon-r,.expired .coupon .coupon-r{ background: linear-gradient(to right,#b8b8b8,#9a9a9a); }
.coupon .coupon-l{ flex: 1; box-sizing: border-box;  padding: .35rem;  background-color: #fff; border-radius: 5px 0 0 5px;  }
.coupon .coupon-l > div{  line-height: .36rem;}
.coupon .coupon-l .coupon-title{ font-size: .32rem; color: #333; font-weight: bold;}
.coupon .coupon-l .coupon-channel{ color: #666; font-size: .24rem; line-height: 2.5; }
.coupon .coupon-l .coupon-valid{ color: #999; font-size: .24rem; display: flex; display: -webkit-flex; align-items: center; justify-content: space-between; }
.coupon .coupon-l .coupon-donate{ color: #2b72f6; display: flex; align-items: center; font-size: .26rem; width: 1rem; }
.coupon .coupon-l .coupon-donate img{ width: .28rem; height: .28rem; margin-right: .1rem; }
.coupon .coupon-r{position: relative; flex: 0 0 2.38rem; display: flex; display: -webkit-flex; flex-direction: column; align-items: center; justify-content: center; border-radius: 0 5px 5px 0; }
.coupon .coupon-r .val{ color: #fff; font-size: .3rem; line-height: .9; margin-bottom: .1rem; }
.coupon .coupon-r .val span{ font-size: 2em; font-weight: bold; font-family: PingFangSC-Semibold; }
.coupon .coupon-r .condition{ color: #fff; font-size: .18rem; line-height: 1; }
.coupon .coupon-r .coupon-btn{ font-size: .24rem; color: #006eff; margin-top: .14rem; text-align: center; line-height: .5rem; background: #fff; height: .5rem; border-radius: .5rem; width: 1.7rem; }
.coupon .coupon-r .coupon-btn-unbegin{ font-size: .24rem; color: #787878; margin-top: .14rem; text-align: center; line-height: .5rem; background: #fff; height: .5rem; border-radius: .5rem; width: 1.7rem; }
.used .coupon .coupon-r .coupon-btn,.expired .coupon .coupon-r .coupon-btn{ color: #787878; }
.friendly-reminder > p { font-size: .26rem; width: 6.88rem; margin: .2rem auto; background: #fff; box-shadow: 0px .03rem .1rem 0px rgba(0, 0, 0, 0.18); border-radius: 7px; box-sizing: border-box; color: #333; padding: .25rem .15rem; }

/* 转赠 */
#donate{ height: 100%; width: 100%; position: fixed; z-index: 5; background: rgba(0, 0, 0, .6); bottom: 0; left: 0; }
#donate .donate-box{ position: absolute; bottom: 0; left: 0; width: 100%; height: 4.2rem; background: #fff; display: flex; flex-direction: column; }
#donate .donate-box > div{ flex: 1; box-sizing: border-box; padding-top: .3rem; }
.donate-comment{ color: #ff2657; font-size: .24rem; padding: .3rem .26rem 0; }
.phone-input{ margin: .2rem .26rem; height: .88rem; border-radius: .44rem; border: 1px solid #e5e5e5; box-sizing: border-box; padding: 0 .27rem; font-size: .24rem; display: flex; display: -webkit-flex; align-items: center; }
.phone-input span{ color: #999; }
.phone-input img{ flex: 0 0 .38rem; height: .38rem; }
.phone-input input{ font-size: .24rem;  height: .86rem; flex: 1; margin: 0 .1rem 0 .37rem; color: #333; }
.remaining-times{ font-size: .24rem; text-align: right; color: #999; padding: 0 .26rem; }
.remaining-times span{ color: #333; }
#donate .donate-title{ font-size: .3rem; color: #333; font-weight: bold; display: flex; display: -webkit-flex; align-items: center; }
#donate .donate-title span{ display: inline-block; height: .28rem; width: .08rem; background: linear-gradient(0deg, #066fff, #38abf3); margin-right: .2rem; }
#donate .donate-link{ flex: 0 0 1rem; line-height: 1rem; background: linear-gradient(90deg, #38abf3, #066fff); width: 100%; color: #fff; font-size: .36rem; text-align: center; }
#donate .donate-close-btn{ position: absolute; right: .3rem; top: .3rem; width: .27rem; height: .27rem; display: flex; display: -webkit-flex; }
#donate .donate-close-btn img{ width: 100%; height: 100%; }

/* 查看详情 */
.details{ position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, .6); width: 100%; height: 100%; z-index: 10; display: flex; display: -webkit-flex; }
/* #details .details-box{ position: relative; margin: auto; box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.18); overflow: hidden; width: 6rem; background: radial-gradient(circle at 0% 1.8rem, rgba(0, 0, 0, 0) .2rem, #fff 3.2%) left, radial-gradient(circle at 100% 1.8rem, rgba(0, 0, 0, 0) .2rem,#fff 3.2%) right; background-size: 50% 100%; background-repeat: no-repeat; border-radius: 0.15rem; } */
.details .details-box{ position: relative; width: 6rem; margin: auto; box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.18); border-radius: .14rem; overflow: hidden; }
.details .details-box .details-status{ z-index: 5; position: absolute; right: 0; top: 0; font-size: .24rem; color: #fff; border-radius: 0px 0px 0px .2rem; width: 1.1rem; height: .4rem; text-align: center; line-height: .4rem; }
.details .details-usable .details-status{ background: #006eff; }
.details .details-effect .details-status{ background: #ff2657; }
.details .details-completed .details-status{ background: #b3b3b3; }
.details .details-coupon{ position: relative; background: url('../images/details-bg.png') no-repeat; background-size: 100% 100%; height: 1.8rem; font-size: .20rem; display: flex; display: flex; display: -webkit-flex; box-sizing: border-box; padding: .25rem .25rem .25rem .3rem; }
.details .details-coupon .coupon-l{ border-right: 1px dashed #e5e5e5; height: 1.3rem; flex: 1; display: flex; display: -webkit-flex; flex-direction: column; justify-content: center; }
.details .coupon-l .details-title{ font-size: .3rem; color: #333; font-weight: bold; }
.details .coupon-l .details-channel{ color: #666; width: 3.6rem; overflow: hidden; text-overflow:ellipsis; white-space: normal; }
.details .coupon-l .details-valid{ color: #999; }
.details .details-coupon .coupon-r{ flex: 0 0 1.68rem; font-size: .3rem; font-weight: bold; text-align: right; color: #0974fe; box-sizing: border-box; padding-left: .1rem; padding-top: .2rem; }
.details .details-coupon .coupon-r > span{ font-size: .8rem; background-image: linear-gradient(90deg,#38abf3,#0974fe); -webkit-background-clip:text; color: transparent;}
.details .details-msg{ font-size: .24rem; color: #999; box-sizing: border-box; padding: .3rem .25rem; background: #fff; }
.details .details-msg .instructions{ color: #999; }
.details .details-msg .instructions .instructions-title{ color: #333; font-weight: bold; }
.details .details-msg .details-btn{ display: flex; display: -webkit-flex; align-items: center; justify-content: space-around; margin-top: .48rem; }
.details .details-msg .details-btn > a{ height: .76rem; width: 2.3rem; border-radius: .4rem; font-size: .3rem; text-align: center; box-sizing: border-box; line-height: .75rem; }
.details .details-msg .details-return{ background: linear-gradient(90deg, #38abf3, #066fff); color: #fff; border: none; }
.details .details-msg .details-btn-group .details-return{ border: 1px solid #006eff; color: #006eff; background: none; }
.details .details-msg .details-btn-group .details-use{ background: linear-gradient(90deg, #38abf3, #066fff); color: #fff; border: none; }
.details .usable .details-status{ background: #006eff; }
.details .used .details-status,#details .expired .details-status{ background: #b3b3b3; }
.details .used .coupon-r,#details .expired .coupon-r{ color: #818181; }
.details .used .coupon-r span,#details .expired .coupon-r span{ background-image: linear-gradient(90deg,#9a9a9a,#818181); -webkit-background-clip:text; color: transparent; }
.details .used .serial .serial-number,#details .expired .serial .serial-number{ color: #787878; }
.details .dashed{ position: absolute; bottom: .1rem; width: 5.2rem; height: 1px; border-bottom: 1px dashed #e5e5e5; }
.details .solid{ padding: 0; border-bottom: 1px solid #e5e5e5; width: 5.2rem; margin: 0 auto; }
.details .scan-code{ box-sizing: border-box; text-align: center; padding-top: .4rem; background: #fff; }
.details .scan-code img{ width: 2rem; height: 2rem; }
.details .scan-code .code-img{ display: flex; align-items: center; justify-content: center; padding-bottom: .3rem; }
.details .scan-code .serial{ font-size: .28rem; color: #333; line-height: .36rem; }
.details .scan-code .serial span{ color: #006eff; }
.details .details-completed .scan-code .serial span{ color: #787878; }.
.details .scan-code .scan-tips{ font-size: .24rem; color: #666; padding-bottom: .3rem; }

/* 已完成 */
.completed-list{ display: flex; display: -webkit-flex; align-items: center;  font-size: .26rem; height: .5rem; padding-bottom: .3rem; }
.completed-list > p{ border-right: 1px solid #e6e6e6; flex: 1; height: .25rem;  display: flex; align-items: center; justify-content: center; }
.completed-list > p:last-child{ border: none; }
.completed-list .p-item{ display: inline-block; height: .5rem; line-height: .5rem; position: relative; }
.completed-list .active{ color: #2b72f6; }
.completed-list .active .p-item::after{ position: absolute; bottom: -.1rem; left: 0; content: ""; display: inline-block; width: 100%; height: 2px; background: #2b72f6; }

/* 转赠结果 */
.transfer-result{ box-sizing: border-box; padding: .75rem .25rem; }
.transfer-result .result-box{ box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.18); border-radius: .15rem; box-sizing: border-box; padding: .6rem .2rem; display: flex; display: -webkit-flex; align-items: center; justify-content: center; flex-direction: column; }
.transfer-result .result-box > img{ margin-bottom: .2rem; width: 1rem; }
.transfer-result .result-title{ font-size: .3rem; color: #0681ff; font-weight: bold; padding-bottom: .4rem; }
.transfer-result .result-txet{ font-size: .24rem; color: #363636; text-align: center; }
.transfer-result .btn-group{ display: flex; display: -webkit-flex; align-items: center; padding-top: .47rem; }
.transfer-result .btn-group > a{ text-align: center; margin: 0 .1rem; width: 2.3rem; height: .76rem; box-sizing: border-box; border-radius: .5rem; font-size: .26rem; font-weight: bold; line-height: .75rem; }
.transfer-result .btn-group .return-btn{ background: none; border: 1px solid #006eff; color: #006eff; }
.transfer-result .btn-group .result-btn{ background: linear-gradient(90deg, #38abf3, #066fff); color: #fff; }

#share{ display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .5); }
.share-box{ position: absolute; background: #fff; bottom: 0; left: 0; width: 100%; height: 2.7rem; font-size: .24rem; color: #333; display: flex; display: -webkit-flex; align-items: center; justify-content: space-around; }
.share-box > div{ text-align: center; }
.share-box > div > img{ width: .9rem; height: .9rem; padding-bottom: .14rem; }
.share-box .share-close{ position: absolute; right: .3rem; top: .3rem; display: flex; }
.share-box .share-close > img{ width: .27rem; height: .27rem; }

/* 确认转赠页面 */
#transfer .transfer-btn-box{ display: flex; display: -webkit-flex; justify-content: center; margin-top: .5rem; }
#transfer .transfer-btn-box > a{ width: 5rem; height: .9rem; line-height: .9rem; border-radius: .5rem; text-align: center; background: linear-gradient(90deg, #38abf3, #0670ff); color: #fff; font-size: .3rem; font-weight: bold; }
#confirmTransfer{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .5); display: flex; }
#confirmTransfer .confirmtransfer-box{ width: 5.8rem; background: #fff; border-radius: .14rem; box-sizing: border-box; padding: .4rem; margin: auto; box-shadow: 0px .03rem .1rem 0px rgba(0, 0, 0, 0.18); }
.confirmtransfer-box .confirmtransfer-box-title{ font-size: .36rem; font-weight: bold; color: #333; text-align: center; }
.confirmtransfer-box .transfer-list{ font-size: .24rem; padding: .38rem 0 .56rem; }
.confirmtransfer-box .transfer-list > li{ display: flex; align-items: center; justify-content: space-between; line-height: .48rem; }
.confirmtransfer-box .transfer-list > li > span{ display: inline-block; flex: 0 0 50%; color: #999; }
.confirmtransfer-box .transfer-list .gift-val{ text-align: right; color: #333; overflow: hidden;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.confirmtransfer-btn-group{ display: flex; display: -webkit-flex; align-items: center; justify-content: space-around; }
.confirmtransfer-btn-group > a{ width: 2.3rem; height: .76rem; border-radius: .4rem; font-size: .3rem; text-align: center; line-height: .76rem; }
.confirmtransfer-btn-group .return-btn{ background: none; border: 1px solid #006eff; color: #006eff; }
.confirmtransfer-btn-group .confirm-btn{ background: linear-gradient(90deg, #38abf3, #066fff); color: #fff; }

/* 转赠成功或者失败的页面 */
.transferTips{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .5); display: flex; }
.transferTips > div{ width: 5.8rem; margin: auto; padding: 0; }
.transferTips .result-box{ background: #fff; }

/* 办理提示 */
.tips{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .5); z-index: 10; display: flex; display: -webkit-flex; }
.tips .tips-box{ width: 5.8rem; background: #fff; border-radius: .14rem; margin: auto; box-sizing: border-box; padding: .5rem .3rem; }
.tips .tips-box .tips-title{ text-align: center; font-size: .36rem; font-weight: bold; color: #333; }
.tips .tips-box .tips-text{ font-size: .24rem; color: #333; padding-top: .4rem; }
.tips .tips-box .tips-btn-group{ display: flex; display: -webkit-flex; align-items: center; justify-content: space-around; padding-top: .5rem; }
.tips .tips-box .tips-btn-group > a{ text-align: center; width: 2.3rem; height: .76rem; line-height: .75rem; border-radius: .4rem; font-weight: bold; font-size: .3rem; }
.tips .tips-box .tips-confirm{ background: linear-gradient(90deg, #38abf3, #006eff); color: #fff; }
.tips .tips-box .tips-cancel{ background: none; color: #006eff; border: 1px solid #006eff; }
.tips .verification{ border-radius: .06rem; height: .7rem; display: flex; display: -webkit-flex; align-items: center; font-size: .24rem; border: 1px solid #ccc; margin-top: .3rem; }
.tips .verification span{ font-size: .24rem; text-align: center; display: inline-block; height: .3rem; line-height: .3rem; flex: 0 0 1.05rem; box-sizing: border-box; border-right: 1px solid #ccc; }
.tips .verification input{ text-indent: .15rem; width: 2.4rem; height: 100%; font-size: .24rem; }
.tips .verification .send-code{ font-size: .26rem; flex: 1; text-align: center; border-left: 1px solid #ccc; color: #0096ff; height: 100%; text-align: center; line-height: .69rem; }

/* 我的礼品 */
.mygift { padding-bottom: .3rem; }
.mygift .mygift-tips{ font-size: .24rem; color: #666; height: .8rem; line-height: .8rem; text-align: center; }
.coupon .coupon-r{ background:linear-gradient(to right,#68b3ff,#0089ff);   justify-content: center; align-items: center; padding-bottom: 0; }
.coupon .coupon-r .value{ padding-bottom: 0; color: #fff; font-size: .3rem; font-weight: bold; }
.coupon .coupon-r .value span{ color: #fff; font-size: .9rem; }
.pop {z-index: 80}
.friendly-reminder > p { font-size: .26rem; width: 6.88rem; margin: .25rem auto; background: #fff; box-shadow: 0px .03rem .1rem 0px rgba(0, 0, 0, 0.18); border-radius: 7px; box-sizing: border-box; color: #333; padding: .25rem .15rem; }



/* 2021.7.8新增 */
.coupon .coupon-lSp{ padding: .3rem; }
.coupon .coupon-lSp .coupon-title{margin-bottom: .08rem;}
.coupon .coupon-lSp .coupon-channel{line-height: 1.6;}
.coupon .coupon-lSp .coupon-rule{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;color: #333;}
.coupon .coupon-lSp .coupon-rule img{display: block;width: .1rem;margin: .02rem 0 0 .15rem;}
.tips .tips-box .tips-titleSp{font-size: .32rem}
.tips .tips-box .tips-textSp{font-size: .24rem;color: #999;line-height: 1.5;padding-top: .28rem;}
.tips .tips-box .tips-btn-group > .tips-confirmSp{width: 2.3rem;}
#details .scan-codeSp{padding-top: .64rem;}
#details .scan-code .scan-tipsSp{padding: .02rem 0 0;}
#details .details-msg .details-btnSp{margin: .3rem 0 .22rem;}
#details .details-msg .details-btn > .details-returnSp{width: 3rem;}
/* 2021.8.31新增 */
.prizeList{margin: 0 .1rem;    margin-top: 10px;}
.prizeList-tit{font-size: .3rem;margin-bottom: 12px;}
.prize{display: flex;display: -webkit-flex;position: relative;padding: 10px 18px 10px 3px;margin: 0 0 10px 7px;background: #fff;border-radius: 0 7px 7px 0;    margin-left: 0.25rem;margin-right: .15rem;margin-bottom: .24rem;}
.prize::before{content: "";display: block;width: 7px;background: url(../images/photo-wave.png) no-repeat;background-size: 100% 100%;position: absolute;left: -7px;top: 0;bottom: 0;filter: drop-shadow(-1px 2px 10px rgba(0,0,0,.05));}
.prize img{display: block;height :70.56px;width: 70.56px;max-width: 143px;border-radius: 3px;background: #f5f5f5;align-self: center;-webkit-align-self: center;}
.prize-r{flex: 1;position: relative;margin-left: 10px;padding-left: 12px;border-left: 1px dashed #d1d1d1;}
.tpcir{position: absolute;top: -14px;left: -4px;height: 8px;width: 8px;border-radius: 50%;background: #eee;}
.btmcir{position: absolute;bottom: -14px;left: -4px;height: 8px;width: 8px;border-radius: 50%;background: #eee;box-shadow: inset 1px 2px 5px rgba(0,0,0,.05);}

.prize-r-tp{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;}
.prize-tp-tx{flex: 1;}
.prize-tp-tx h3{font-size: .3rem;color: #333;margin-bottom: 3px;}
.prize-tag{display: flex;display: -webkit-flex;margin-left: 3px;}
.prize-tag span{position: relative;line-height: 1;padding: .04rem;background: url(../images/photo-tagbg.jpg) repeat-x;background-size: 5px 100%;font-size: .2rem;color: #ff2657;margin-right: 8px;}
.prize-tag span::after{content: "";display: block;width: 3px;background: url(../images/photo-tag.png) no-repeat;background-size: 100% 100%;position: absolute;left: -3px;top: 0;bottom: 0;}
.prize-tag span::before{content: "";display: block;width: 3px;background: url(../images/photo-tag.png) no-repeat;background-size: 100% 100%;position: absolute;right: -3px;top: 0;bottom: 0;transform: rotateY(180deg);}
.prize-btn{width: 26.52%;height: .48rem;line-height: .48rem;border-radius: .48rem;background: #ff2657;text-align: center;font-size: .26rem;color: #fff;}
.prize-r-btm{font-size: .24rem;color: #333;border-top: 1px dashed #d1d1d1;padding-top: 12px;margin-top: 13px;}
.empty{margin: .12rem 0 .9rem;text-align: center;font-size: .26rem;color: #808080;}
.empty img{display: block;width: 3.6rem;margin: 0 auto;}

.infoBox{background: #fff;padding: 8px 3.47%;}
.infoList{margin-bottom: 8px;}
.infoList li{padding: 1px 0;}
.infoList-li{display: flex;display: -webkit-flex;font-size: 12px;color: #666;}
.infoList-tit{font-size: 14px;color: #333;font-weight: bold;justify-content: space-between;-webkit-justify-content: space-between;padding: 9px 0;}
.infoList-tit a{color: #333;}
.infoList-tit a::after{display: inline-block;content: "";width: 7px;height: 12px;background: url(../images/icon-arrow3.png) no-repeat;background-size: 100% 100%;vertical-align: middle;margin: -2px 0 0 5px;}
.infoList-li-sp{flex: 1;margin-left: 10px;text-align: right;color: #333;}
.redColor{color: #ff0036;}
.ques{display: inline-block;width: 11px;vertical-align: middle;margin: -2px 0 0 2px;}
.ques img{display: block;width: 100%;}
.btmBox{height: 80px;}
.btmAddr{position: fixed;left: 0;right: 0;bottom: 0;}
.tip{line-height: 25px;text-align: center;padding: 0 13px;color: #e79410;background: #fff2de;}
.btmBtn{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;background: #fff;}
.btmBtn-price{flex: 1;font-size: 17px;color: #ff0036;padding: 0 13px;}
.fs1{font-size: 10px;}
.fs2{font-size: 15px;margin-left: 11px;}
.btmBtn a{display: block;width: 42.4%;background: #ff0036;height: 47px;line-height: 47px;font-size: 15px;color: #fff;text-align: center;}
.resBox{margin: 8px 3.47% 28px;background: #fff;border-radius: 7px;box-shadow: 0 0 3px rgba(0,0,0,.1);padding: 25px 14px 14px;}
.resBox-tit{font-size: 18px;color: #30c90a;text-align: center;}
.resBox-tit img{display: inline-block;width: 34px;vertical-align: middle;margin: -12px 10px 0 0;}
.res-info{background: #eef7fe;border-radius: 7px;padding: 10px 16px;margin: 18px 0 12px;}
.res-info-li{display: flex;display: -webkit-flex;padding: 5px 0;color: #4c4c4c;}
.res-info-sp{flex: 1;margin-left: 10px;text-align: right;}
.res-tip{font-size: 12px;color: #4c4c4c;text-align: center;}
.btn{display: block;margin: 0 28.67% 20px;height: 38px;line-height: 38px;border-radius: 38px;text-align: center;font-size: 18px;color: #fff;background: linear-gradient(to right,#2384ff,#016bf1);}

.mask{position: fixed;z-index: 9;left: 0;right: 0;top: 0;bottom: 0;background: rgba(0,0,0,.6);}
.red{position: fixed;z-index: 11;left: 0;right: 0;top: 50%;transform: translateY(-50%);margin: 0 auto;width: 100%;max-width: 750px;}
.red img{display: block;width: 100%;}
.red-btn{display: block;margin: 0 27.87%;height: 36px;line-height: 36px;border-radius: 36px;text-align: center;background: linear-gradient(to bottom,#fff944,#ffc701);box-shadow: 0 4px 0 #fa8109;font-size: 18px;color: #ff4e00;font-weight: bold;position: absolute;left: 0;right: 0;bottom: 7.07%;}
.red-close{display: block;width: 36px;position: absolute;left: 0;right: 0;bottom: -72px;margin: 0 auto;}
.popCon{position: fixed;z-index: 11;left: 0;right: 0;bottom: 0;background: #fff;font-size: 14px;}
.close{display: block;width: 13px;position: absolute;right: 13px;top: 13px;}
.close img{display: block;width: 100%;}
.popCon-tp{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;margin: 0 13px;padding: 15px 0;border-bottom: 1px solid #efefef;}
.popCon-tp img{display: block;width: 10.03%;max-width: 70px;}
.popCon-tp-tx{flex: 1;margin-left: 5px;}
.popCon-tp-tx h3{font-size: 14px;line-height: 22px;}
.scrollBox{max-height: 45vh;overflow: auto;}
.popInfoList{margin: 0 13px 17px;}
.popInfoList li{border-bottom: 1px solid #efefef;line-height: 21px;padding: 12px 0;}
.popInfoList li:last-child{border-bottom: none;}
.popInfoList-item{display: flex;display: -webkit-flex;}
.item-sp{font-size: 15px;flex: 1;text-align: right;margin-left: 20px;word-break: break-all;}
.popCon-btns{display: flex;display: -webkit-flex;}
.popCon-btns a{display: block;height: 50px;line-height: 50px;background: linear-gradient(to right,#006eff,#38abf3);font-size: 18px;color: #fff;text-align: center;width: 50%;}
.popCon-btns .popCon-btns-sp{box-sizing: border-box;line-height: 49px;border-top: 1px solid #006eff;background: #fff;color: #006eff;}
.popCon2{position: fixed;z-index: 11;left: 11.33%;right: 11.33%;top: 50%;transform: translateY(-50%);border-radius: 7px;background: #fff;padding: 23px 0 20px;}
.popCon2-tit{font-size: 18px;text-align: center;line-height: 24px;padding: 0 20px;}
.popCon2-tx{font-size: 14px;color: #666;text-align: center;margin: 13px 20px 17px;}
.popCon2-btn{display: block;margin: 0 22.42%;height: 38px;line-height: 38px;border-radius: 38px;text-align: center;background: linear-gradient(to right,#2384ff,#016bf1);font-size: 18px;color: #fff;}
.close2{display: block;width: 30px;margin: 0 auto;position: absolute;left: 0;right: 0;bottom: -60px;}
.close2 img{display: block;width: 100%;}
.popCon2-titSp{display: flex;display: -webkit-flex;flex-direction: column;-webkit-flex-direction: column;justify-content: center;-webkit-justify-content: center;min-height: 52px;margin-bottom: 23px;}
.popRule{font-size: 12px;color: #666;text-align: justify;line-height: 22px;margin: 10px 24px;height: 50vh;overflow: auto;}
.popCon2-btnSp{display: block;border-radius: 0 0 7px 7px;text-align: center;height: 40px;line-height: 40px;background: linear-gradient(to right,#2384ff,#016bf1);margin-bottom: -21px;font-size: 18px;color: #fff;}
.popCon-inp{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;margin: 16px 4.93% 25px;border: 1px solid #ccc;border-radius: 5px;}
.popCon-inp-lt{position: relative;line-height: 41px;padding: 0 13px;font-weight: bold;}
.popCon-inp-lt::after{content: "";position: absolute;right: 0;top: 8px;bottom: 8px;width: 1px;background: #ebebeb;}
.popCon-inp input{flex: 1;width: 0;border: none;background: transparent;margin: 0 10px;}
.popCon-inp input::-webkit-input-placeholder{color: #ccc;}
.popCon-inp-rt{line-height: 41px;text-align: right;margin-right: 13px;color: #666;min-width: 85px;}
.popCon-btn{display: block;height: 50px;line-height: 50px;background: linear-gradient(to right,#006eff,#38abf3);font-size: 18px;color: #fff;text-align: center;}
.popCon-btns{margin-top: 18px;display: flex;display: -webkit-flex;}


.fixed{    position: fixed;z-index: 5;left: 0;right: 0;top: 0;}
.fixed2 {position: fixed;z-index: 5;left: 0;right: 0;top: .9rem;background: #eee;}
.fh{background: none;color: #006eff; border: 1px solid #006eff;}

/*.couponBox{ background-color: #fff; padding:.24rem .3rem; margin-bottom: .2rem;box-shadow: 0 1px 5px 0 rgb(0 0 0 / 10%)}*/
/*.couponBox-bd{ display: flex; display:-webkit-flex; align-items: center;-webkit-align-items:center;*/
/*    color:#666; font-size:.26rem}*/
/*.couponBox-bd-lt img{ display: block; width:.48rem; margin-right:.12rem}*/
/*.couponBox-bd-tx{ flex:1}*/
/*.couponBox-bd-rt img{ width:.16rem;}*/



/**/
/**/
.couponBox{   background:url(../images/poto-bg.jpg) no-repeat;height: 1.1rem; background-size: 100% auto; padding:.3rem .25rem; box-sizing: border-box;}
.couponBox-bd{ display: flex; display:-webkit-flex; align-items: center;-webkit-align-items:center;
    color:#666; font-size:.26rem}
.couponBox-bd-lt img{ display: block; width:.48rem; margin-right:.12rem}
.couponBox-bd-tx{ flex:1; color: #c74c39; font-size: .36rem; font-weight: bold;line-height: 1; }
.couponBox-bd-rt img{ width:.16rem;}
.btn-a{ display: flex; display: -webkit-flex; align-items: center; -webkit-align-items:center; justify-content: center; -webkit-justify-content:center;
    width: 1.52rem; height: .48rem;line-height: .48rem; background-color: #ff4200; border-radius: .24rem; font-size: .22rem; color: #fff; }
.btn-a img{ width: .11rem; margin-left: .06rem; margin-top: .02rem;}
.footerGroup{ flex: 1; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content:space-between; align-items: center; -webkit-align-items:center;
    margin-bottom: -.1rem;}
.footerGroup-lt{ flex: 1;}
.footerGroup-lt a{ font-size: .24rem; color: #333;}
.footerGroup-lt a img{ display: inline-block; width: .11rem; vertical-align:middle; margin-left: .04rem;}
.footerGroup-rt-btn1{  width: 1.24rem; height: .34rem;padding-left: .06rem;padding-right: .06rem; text-align: center; line-height: .34rem; border: 1px solid #1f80ff; color: #006eff; font-size: .2rem; border-radius: .6rem; }
.footerGroup-rt-btn2{ display: inline-block;vertical-align: middle; margin-left: .1rem; margin-top: -.04rem;}
.footerGroup-rt-btn2 img{ width: .36rem; vertical-align: middle;}
.pop{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,.6);z-index: 99;}
.popboxCon{width: 90%;  margin: 0 auto;  position: absolute; left: 0;  right: 0;  top: 50%;  transform: translateY(-50%); }
.popboxCon-bd{ background: #fff;  border-radius: .14rem;  padding:.4rem;  box-sizing: border-box; font-size: .24rem; }
.popboxCon-tp  { text-align: center;  padding-top: .2rem;     padding-bottom: .3rem;  }
.popboxCon-tp h2{  font-size:.36rem; color: #333;}
.popboxCon-tx{  color: #333; text-align: center ; line-height: .4rem; font-size: .28rem; padding-top: .1rem;}
.btns{ display: flex;display: -webkit-flex; justify-content: space-between;-webkit-justify-content: space-between;padding-top: .44rem;align-items: center;-webkit-align-items: center;
    padding-bottom: .1rem; margin-left: 2%; margin-right: 2%; }
.btns a{ width: 47%;height: .76rem; margin-left: 2%;margin-right: 2%; border: 1px solid #77b2ff;text-align: center;border-radius: .4rem; color: #006eff;font-size: .36rem;
    line-height: .74rem;  box-sizing: border-box; background:#fff;}
.btns a.btns-bg{ height: .76rem; border:none;background: linear-gradient(to right,#37aaf3,#016fff);color: #fff;}
.singleBtn{ justify-content: center; -webkit-justify-content:center}
.popboxCon-tx-bd{ width: 80%;margin: 0 auto; font-size: .36rem; padding-top: .3rem; padding-bottom: .3rem; line-height: 1.5;}


/*2023-3-31*/
.popboxCon-tx-title{ font-size: .36rem; color: #333; font-weight: bold;}
.popboxCon-tx-ft{ font-size: .28rem; text-align: left; margin-top: .3rem; line-height: 1.5;}
.popboxCon-tx-ft a{ color: #006eff; font-weight: bold; }
.btns2{ width: 3.9rem; margin: 0 auto;}
.btns2 a{ display: block;height: .76rem; background-color: #fff; border: 0.02rem solid #006eff; margin-top: .3rem; border-radius: .6rem;
    text-align: center; line-height: .76rem; color: #006eff; font-size: .36rem; font-weight: bold;}
.btns2 a.setBg{ height: .8rem;line-height: .8rem; background: linear-gradient(to right,#00acfa,#006dff); color: #fff; border: none; }