@charset "utf-8";
/* CSS Document */
body,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,pre,code,form,legend,b,button,input,textarea,blockquote{margin:0;padding:0;}
img,abbr,acronym{border:0;}
table td{word-break:break-all;}
table{border-collapse:collapse;border-spacing: 0;}
caption,th{text-align:left;}
ol,ul{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:700;}
input,button,textarea,select{font-size:inherit;*font-size:100%;font-family:inherit;}
address,cite,dfn,em,code,var,caption,th{font-style:normal;font-weight:normal;}
q:before,q:after{content:'';}
pre{ white-space:pre-wrap;}
wbr:after{content:'\00200b';}
/* Basic */
*{word-wrap: break-word;outline:none; box-sizing:border-box;}
*::selection,*::-moz-selection{background:#669bb7; color:#fff;}
a{ text-decoration:none;}

.fl{ float:left}
.fr{ float:right}
input{ border-radius:0;}
input[disabled],input:disabled,input.disabled{ color: #d0d0d0; -webkit-text-fill-color: #d0d0d0; -webkit-opacity:1; opacity: 1;}
input::-webkit-input-placeholder {color:#d0d0d0; font-weight:normal;}
input:-moz-placeholder { color:#d0d0d0; font-weight:normal;}
input::-ms-placeholder { color:#d0d0d0; font-weight:normal;}
textarea::-webkit-input-placeholder { color:#d0d0d0 !important; font-weight:normal;}
textarea::-moz-input-placeholder { color:#d0d0d0 !important; font-weight:normal;}
a:link,a:visited,a:hover,a:active{text-decoration:none;}
input[type="submit"],input[type="reset"],input[type="button"],button { -webkit-appearance: none;}
.red { color:#fa3d3d;}
.blue { color:#0191f1;}
.organ { color:#ff772b;}
.grey { color:#999;}
.grey-b{ color:#666;}
.white { color:#fff;}
.green{ color:#33cc7f;}
.purple{ color:#ff5e90;}
.pink{ color:#ff5e90;}
.yellow { color:#e4c786;}
.bg-b { background:#5fc1ed;}
.bg-g { background:#f6f6f6;}
.bgFFF{background-color: #fff;}
.bold{font-weight: bold;}
.w100 { width:100% !important;}
.w90{ width:90%;}
.w80 { width:80%;}
.w70 { width:70%;}
.w60 { width:60%;}
.w50 { width:50%;}
.w40 { width:40%;}
.w22 { width:22%;}
.w25 { width:25%;}
.w35 { width:35%;}
.w30 { width:30%;}
.w20 { width:20%;}
.w33 { width:33.333333%;}
.w16 { width:16.666666%;}

.mt10 { margin-top:.1rem;}
.mt20 { margin-top:.2rem;}
.mt30 { margin-top:.3rem;}
.mt40 { margin-top:.4rem;}
.mb5 { margin-bottom:.05rem;}
.mb10 { margin-bottom:.1rem;}
.mb20 { margin-bottom:.2rem;}
.mb30 { margin-bottom:.3rem;}
.mb40 { margin-bottom:.4rem;}
.ml20{ margin-left:.2rem;}
.mr20{ margin-right:.2rem;}
.mg20 { margin:.2rem;}

.pt10{ padding-top:.1rem;}
.pt20{ padding-top:.2rem;}
.pb10{ padding-bottom:.1rem;}
.pb20{ padding-bottom:.2rem;}
.pb120{ padding-bottom:1.2rem;}
.pl20{ padding-left:.2rem;}
.pl2em{ padding-left:2em;}
.pr20{ padding-right:.2rem;}
.pd10{ padding:.1rem;}
.pd15{ padding:.15rem;}
.pd20{ padding:.2rem;}
.pd30{ padding:.3rem;}

.po-r { position:relative;}
.po-a { position:absolute;}
.po-f { position:fixed;}

.fz36{ font-size:.36rem;}
.fz30{ font-size:.3rem;}
.fz34{ font-size:.34rem;}
.fz32{ font-size:.32rem;}
.fz28{ font-size:.28rem;}
.fz26{ font-size:.26rem;}
.fz24{ font-size:.24rem;}
.fz22{ font-size:.22rem;}
.fz20{ font-size:.2rem;}
.fz18{ font-size:.18rem;}
.fz16{ font-size:.16rem;}

.boreee{ border:1px solid #eee;}
.bor-t { border-top:1px solid #d0d0d0;}
.bor-l { border-left:1px solid #d0d0d0;}
.bor-b { border-bottom:1px solid #d0d0d0;}
.bor-r { border-right:1px solid #d0d0d0;}
.bor-none { border:none;}
.bor-r50 { border-radius:50%;}
.bor-r20{ border-radius:.2rem;}
.color333 { color:#333333;}
.tx-c { text-align:center}
.tx-r { text-align:right;}
.tx-l { text-align:left;}
.tx-in2em{ text-indent:2em;}
.underline { text-decoration:underline !important;}
.through { text-decoration:line-through;}
.block { display:block;}
.inline-block{ display:inline-block;}
.none { display:none !important;}
.of-h { overflow:hidden;}
.ws-all { word-break:break-all; white-space:pre-wrap;}
.img-block { display:block; width:100%;}
.mc { margin:0 auto;}
.z-in9999{ z-index:9999;}
.tf-tlX50{ left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%);}
.tf-tlY50{ top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.tf-tlXY50{ left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);}
.flexBox{ display: flex; display: -webkit-flex; flex-wrap:wrap; justify-content:space-between; -webkit-justify-content:space-between; align-items:flex-start; -webkit-align-items:flex-start;}
.items-c{ align-items:center; -webkit-align-items:center;}
.center{justify-content: center;}
.flex1{ -webkit-box-flex: 1; -moz-box-flex: 1; -ms-box-flex: 1; -o-box-flex: 1; box-flex: 1; display: block;}
.dsp-box { display: -webkit-box; display: -moz-box; display: -ms-box; display: -o-box; display: box;}
.lh30{ line-height:.3rem;}
.clearFloat{ zoom:1;/*针对IE6、IE7*/}
.clearFloat:after{ content:""; display:block; height:0; font-size:0; overflow:hidden; clear:both;}

body{ font:.24rem/1.5 '微软雅黑'; background:#fff; color:#333;}
.wrap { max-width:750px; margin:0 auto;overflow-x: hidden;}
.wrap a.block { /*background:rgba(0,0,0,0.6) */}

.share-friend { height:100%; background:rgba(0,0,0,.8) url(../images/share-arr.png) no-repeat 40% 20%; background-size:5.39rem 1.83rem; z-index:9998; top:0; left:0; display:none;}

/*错误模板*/
.error { width:100%; height:100%; position:fixed; left:0; top:0; z-index:199; text-align:left; display:none;}
.err-area { width:80%; padding:.2rem; color:#fff; background:rgba(0,0,0,.8); font-size:.28rem; text-align:center; border-radius:.12rem; position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}

/*弹窗模块*/
.modal{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:99; text-align:left; display:none;}
.mod-bg{ width:100%; height:100%; position:absolute; background-color:rgba(0,0,0,0.8);}
.mod-area { width:7.5rem; margin:0 auto; position:absolute; z-index:99; left:50%; -webkit-transform:translateX(-50%); bottom:0; background:#fff; border-radius:.2rem .2rem 0 0;}
.mod-area2 { width:6.5rem; margin:0 auto; position:relative; z-index:99; top:50%; -webkit-transform:translateY(-50%); background:#fff; border-radius:.15rem; overflow:hidden;}
.mod-area3{ overflow:visible;}
.mod-hide.off { position:absolute; width:.25rem; height:.25rem; right:.25rem; top:.25rem; background:url(../images/off.png) no-repeat; background-size:100% 100%;}
.mod-hide.off2 { position:absolute; width:.48rem; height:.48rem; right:-.1rem; top:-.1rem; background:url(../images/off2.png) no-repeat; background-size:100% 100%;}
.mod-tit2 { height:.9rem; line-height:.9rem; text-align:center; font-weight:bold; font-size:.32rem;}
.mod-tit{ font-size:.32rem; border-radius:.12rem .12rem 0 0;}
.mod-con { height:auto; margin:.2rem .4rem; overflow-y:auto; color:#333; background-size:100% 100%; border-radius:.12rem; box-sizing:border-box;}
.mod-con2 { width:100%; height:auto; padding:.2rem .4rem .3rem .4rem; overflow-y:auto; border-radius:0 0 .15rem .15rem;}
.mod-con::-webkit-scrollbar { width:.1rem;/* height:0*/}
.mod-con p { white-space:normal; word-break:break-all;}
.mod-con2 p { white-space:normal; word-break:break-all;}
.mod-btn { width:100%; height:auto; text-align:center; border-radius:0 0 .15rem .15rem; overflow:hidden;}
.mod-a { width:100%; display:inline-block; height:.9rem; background:#00a3ff; text-align:center; font-weight:bold; font-size:.3rem; line-height:.9rem; color:#fff; border-radius:.45rem;}
.mod-yes { width:2.7rem; background:#f92342; color:#fff; border:.01rem solid transparent; border-radius:.45rem; margin:0 .1rem;}
.mod-no{ width:2.7rem; background-color:transparent; color:#ff2e4c; border-radius:.45rem; border:.01rem solid #ff2e4c; margin:0 .1rem;}
.mod-g{ background:#d2d2d2; color:#fff;}

::-webkit-scrollbar{width: 0px;height: 0px;}

.wrap2{ background:url(../images/foot-bg.png) no-repeat 60% bottom; background-size:2.46rem .67rem; padding-bottom:.6rem;}
.index{ background:url(../images/index-bg.png) no-repeat left 7.7rem; background-size:100% 13.7rem;}
.shadowBox{ border-radius:.2rem; box-shadow:0 0 10px #f5f5f5; -webkit-box-shadow:0 0 10px #f5f5f5;}
.rule{ width:.46rem; right:0; top:.3rem;}
.conBox{ margin-top:-.9rem;}
.aboutBox{ padding:.1rem 0; border-radius:.3rem; background:linear-gradient(#ff5d74, #fc2441); background: -webkit-linear-gradient(#ff5d74, #fc2441);}
.tab-ul li{ line-height:.8rem;}
.tab-ul li i{ width:.65rem; height:.08rem; border-radius:.04rem; background:#fff; bottom:0; display:none;}
.tab-ul li.active{ font-weight:bold;}
.tab-ul li.active i{ display:block;}
.myBox{ min-height:2.17rem; margin:0 .35rem; padding:.2rem; padding-top:.8rem; padding-left:1.2rem; color:#a63232; display:flex; display:-webkit-flex; align-items:flex-start; -webkit-align-items:flex-start; justify-content:center; -webkit-justify-content:center; flex-direction:column;/*灵活的项目将垂直显示*/ -webkit-flex-direction:column; background:url(../images/my-bg.png) no-repeat; background-size:100% 100%;}
.myBox b{ font-size:1rem;}
.cartBtn{ width:2.1rem; height:.65rem; line-height:.55rem; right:.1rem; background:url(../images/cart-btn-bg.png) no-repeat; background-size:100% 100%; color:#fff; padding-left:.4rem;}
.cartBtn img{ width:.14rem; vertical-align:middle; margin-left:.05rem; margin-top:-.05rem;}
.friendBox{ padding:.1rem 0; background:rgba(255,255,255,0.41); border-radius:.08rem;}
.friendBox dd:nth-child(1){ width:29%;}
.friendBox dd:nth-child(2){ width:29%;}
.friendBox dd:nth-child(3){ width:20%;}
.friendBox dd:nth-child(4){ width:22%;}
.friend-ul{ padding:.2rem 0; background:#ed2644; border-radius:.08rem; max-height:5rem; overflow:auto;}
.friend-ul li .p1{ width:29%;}
.friend-ul li .p2{ width:29%;}
.friend-ul li .p3{ width:20%;}
.friend-ul li .p4{ width:22%;}
.friend-ul li:nth-of-type(n+6){ display:none;}
.friend-ul.is-open li:nth-of-type(n+6){ display:flex;}
.more-down img{ width:.21rem; vertical-align:middle; margin-top:-.04rem; margin-left:.1rem;}
.rotate{ transform:rotate(180deg);}
.box-tit b{ font-size:.38rem; color:#fc2644; margin:0 .2rem;}
.box-tit img{ width:.32rem; vertical-align:middle; margin-top:-.1rem;}
.coupons-ul li{ margin-bottom:.3rem; background:url(../images/coupons-bg.png) no-repeat; background-size:100% 100%;}
.coupons-msg{ width:86%; padding:.45rem .1rem .45rem .5rem; color:#a63232;}
.coupons-msg .flexBox{ justify-content:flex-start; -webkit-justify-content:flex-start;}
.coupons-msg .flexBox h2{ max-width:72%; line-height:.36rem;}
.hot{ min-width:1.3rem; line-height:.38rem; border:1px solid #a63232; font-size:.22rem; border-radius:.25rem; margin-top:-.02rem; margin-left:.15rem; padding-left:.38rem; background:url(../images/hot-icon.png) no-repeat .1rem .04rem; background-size:.21rem .27rem;}
.share-btn{ width:14%; padding:0 .3rem; text-align:center; line-height:.36rem; display:flex; display:-webkit-flex; align-items:flex-start; -webkit-align-items:flex-start; justify-content:space-around; -webkit-justify-content:space-around; flex-direction:column;/*灵活的项目将垂直显示*/ -webkit-flex-direction:column;}
.fz40{ font-size:.4rem;}
.more-btn{ min-width:2.3rem; line-height:.68rem; border:1px solid #fc2543; color:#fc2543; border-radius:.4rem; padding:0 .2rem;}
.distribution-ul{ align-items:stretch; -webkit-align-items:stretch;}
.distribution-ul li{ width:48%; margin-bottom:.3rem;}
.bus-hot{ min-width:1.3rem; line-height:.38rem; border:1px solid #a63232; font-size:.22rem; border-radius:.25rem; color:#a63232; padding-left:.38rem; background:url(../images/hot-icon.png) no-repeat .1rem .04rem; background-size:.21rem .27rem; top:.9rem;}
.distribution-foot{ padding:0 .15rem; bottom:.2rem;}
.distribution-btn{ width:1.4rem; line-height:.45rem; border-radius:.35rem; background:#fff; color:#fc2947; font-size:.24rem;}
.mod-succ{ width:3.08rem; margin-top:-.8rem;}
.footBtn{ min-width:2.3rem; line-height:.7rem; border:1px solid #fc2543; border-radius:.4rem; color:#fc2543;}
.fixedQy{ width:1.1rem; left:0rem; top:18%; z-index:99;}
.hide-fixed { overflow:hidden; width:100%; position:fixed;}
.fixedNum{ width:100%; border:.02rem solid #ffae4f; line-height:.3rem; border-radius:.18rem; background:#f92342; bottom:-.06rem;}

.app-btn{ line-height:1.05rem; background:#ec1438; border-radius:.55rem;}
.coreBox{ padding:.3rem .2rem;}
.core-ul li{ margin-bottom:.1rem; overflow:hidden; position:relative; background:url(../images/coupons-bg-r.png) no-repeat; background-size:100% 100%;}
.core-msg{ width:80%; padding:.3rem .1rem .45rem .4rem;}
.coupons-tit{ width:22%;}
.coupons-name{ width:76%;}
.coupons-name h2{ font-size:.4rem; line-height:.42rem; color:#fc2543;}
.coupons-name p{ color:#f67d89;}
.ellipsis2{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.core-btn{ width:20%; padding:0 .4rem; padding-bottom:.15rem; font-size:.4rem; text-align:center; line-height:.46rem; display:flex; display:-webkit-flex; align-items:flex-start; -webkit-align-items:flex-start; justify-content:space-around; -webkit-justify-content:space-around; flex-direction:column;/*灵活的项目将垂直显示*/ -webkit-flex-direction:column;}
.over-img{ width:1.72rem; right:1rem; top:-.3rem;}
.core-ul li.active{ background-image:url(../images/coupons-bg-o.png);}
.core-ul li.over{ background-image:url(../images/coupons-bg-g.png);}
.core-ul li.over .coupons-tit{ -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%);/*灰度%*/ filter: gray;}
.core-ul li.over .coupons-name h2{ color:#878787;}
.core-ul li.over .coupons-name p{ color:#b2b2b2;}

.headBox{ padding:.15rem .2rem; border:1px solid #f66343; color:#e37c4e; border-radius:.1rem; background:#ffe3cd;}
.headBox img{ width:8%;}
.headBox p{ width:90%;}
.copyNum{ position:absolute; opacity:0;}
.posterBox{ border-radius:.1rem; position:relative;}
.posterBox img{ width:65%;}
.posterBox img.qr-app{ width:1.5rem; left:50.2%; bottom:.66rem;}
.fixedBox{ width:7.5rem; padding:.2rem 0; bottom:0; z-index:10;}
.fixed-ul li{ margin:0 .1rem;}
.bottomBtn{ line-height:.9rem; border-radius:.45rem; background:#1cadff; font-size:.32rem; color:#fff; text-align:center;}
.bottomBtn3{ background:#ff503f;}
.price-last{ justify-content:flex-start; -webkit-justify-content:flex-start; align-items:stretch; -webkit-align-items:stretch;}
.price-last li img{ width:.86rem; height:.86rem;}

.mod-area-share{ background:url(../images/mod-area-bg.png) no-repeat; background-size:100% 100%;}
.mod-tit-share{ width:2.61rem; height:.76rem; line-height:.48rem; color:#d8710b; font-size:.28rem; font-weight:bold; margin:0 auto; text-align:center; background:url(../images/mod-tit.png) no-repeat; background-size:100% 100%; position:relative; top:-.2rem;}
.red-d{ color:#ea676e;}
.big-txt{ font-size:.48rem; color:#ea2a35; margin-bottom:1.7rem;}
.mod-long{ width:3.59rem; height:1.37rem; line-height:1.35rem; font-size:.3rem; font-weight:bold; text-align:center; background:url(../images/mod-btn-y.png) no-repeat; background-size:100% 100%; margin-top:-.2rem; color:#f22600;}
.mod-long-b{ background-image:url(../images/mod-btn-b.png); color:#fff;}

.ellipsis{overflow: hidden; white-space: nowrap;/*不换行*/ text-overflow:ellipsis;}
.fixed-share{ width:6.4rem; padding:.1rem .2rem; border-radius:.5rem; background:#ff503f; bottom:21%;}
.share-fixed-icon{ width:.28rem;}
.share-fixed-txt{ width:93%;}
.fixed-off{ width:.2rem; right:0rem;}
.w95{ width:95%;}

/*2022.5.10改以下css*/
.split-line i{ width:30%; border-bottom:1px dashed #666;}
.split-line span{ width:40%;}

.btn-g{ background:#bababa; color:#fff;}

.mask{background:#000; position:fixed; opacity:0.2; top:0; left:0; width:100%; height:100%; z-index:100; display:none}