@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{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:#999; font-weight:normal;}
input:-moz-placeholder { color:#999; font-weight:normal;}
input::-ms-placeholder { color:#999; font-weight:normal;}
textarea::-webkit-input-placeholder { color:#999 !important; font-weight:normal;}
textarea::-moz-input-placeholder { color:#999 !important; font-weight:normal;}
a:link,a:visited,a:hover,a:active{text-decoration:none;}
.icheckbox_square-blue,.iradio_square-blue { margin-bottom:2px !important;}
input[type="submit"],input[type="reset"],input[type="button"],button { -webkit-appearance: none;}
.red { color:#fa3d3d;}
.blue { color:#48bcff;}
.organ { color:#ff9500;}
.grey { color:#999;}
.grey-b{ color:#666;}
.white { color:#fff;}
.green{ color:#70b330;}
.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;}
.w80 { width:80%;}
.w60 { width:60%;}
.w50 { width:50%;}
.w70 { width:70% !important;}
.w40 { width:40%;}
.w22 { width:22%;}
.w25 { width:25%;}
.w35 { width:35%;}
.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;}

.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 #eee;}
.bor-l { border-left:1px solid #eee;}
.bor-b { border-bottom:1px solid #eee;}
.bor-r { border-right:1px solid #eee;}
.bor-none { border:none;}
.bor-r50 { border-radius:50%;}
.bor-r15{ border-radius:.15rem;}
.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%);}
.flex{display: flex;display: -webkit-flex;}
.center{justify-content: center;}
.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:#1a1451; 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.png) no-repeat 87% top; background-size:4.68rem 2.79rem; z-index:9999; top:0; left:0; display:none;}
.share-friend-xcx { height:100%; background:rgba(0,0,0,.8) url(../images/share.png) no-repeat 40% top; background-size:4.68rem 2.79rem; z-index:9999; 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:#281976; border-radius:.18rem .18rem 0 0;}
.mod-area2 { width:6.2rem; margin:0 auto; position:relative; z-index:99; top:50%; -webkit-transform:translateY(-50%); background:url(../images/mod-area-bg.png) no-repeat; background-size:100% 100%; overflow:hidden;}
.mod-area3{ overflow:visible;}
.mod-hide.off { position:absolute; width:.5rem; height:.5rem; right:.2rem; top:.2rem; background:url(../images/off.png) no-repeat; background-size:100% 100%;}
.mod-hide.off2 { position:absolute; width:.5rem; height:.5rem; right:0rem; top:-.7rem; background:url(../images/off2.png) no-repeat; background-size:100% 100%;}
.mod-tit2 { width:100%; height:1.32rem; line-height:1.2rem; text-align:center; color:#fff; font-weight:bold; font-size:.3rem; background:url(../images/mod-tit-bg.png) no-repeat; background-size:100% 100%; position:absolute; top:-.5rem;}
.mod-tit{ width:100%; height:.8rem; padding:0 .2rem; font-weight:bold; font-size:.32rem; line-height:.8rem; border-radius:.12rem .12rem 0 0;}
.mod-con { width:94%; height:auto; margin:.2rem; overflow-y:auto; color:#333; background-size:100% 100%; border-radius:.12rem; box-sizing:border-box;}
.mod-con2 { width:100%; height:auto; padding:.2rem .3rem .3rem .3rem; 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 { display:inline-block; height:.8rem; background:#1cadff; text-align:center; font-weight:bold; font-size:.3rem; line-height:.8rem; color:#fff;}
.mod-btn-r { width:3.23rem; background:url(../images/pull-btn-r.png) no-repeat center; background-size:100% 100%; color:#fff; margin:0 .1rem;}
.mod-yes{ width:2.6rem; background-color:#ef4f4f; color:#fff; border-radius:.4rem; margin:0 .1rem;}
.mod-no{ width:2.6rem; background-color:#ffb43f; color:#fff; border-radius:.4rem; margin:0 .1rem;}
.mod-g{ background:#d2d2d2; color:#fff;}

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


.timeStart{ width:27%; height:6.5%; top:66%; line-height:.3rem; display:flex; display:-webkit-flex; justify-content:space-around; -webkit-justify-content:space-around; flex-direction:column;/*灵活的项目将垂直显示*/ -webkit-flex-direction:column;}
.btnBox{ height:16.34%; bottom:0;}
.btn-big-r{ width:61.7%; height:68.35%; padding-top:.1rem; font-size:.48rem; background:url(../images/btn-big-red.png) no-repeat center; background-size:100% 100%; margin-bottom:1.5%;}
.txt-tit{ padding-left:.28rem; margin-bottom:.05rem; background:url(../images/txt-tit.png) no-repeat left .08rem; background-size:.17rem .17rem;}
.red-paper-box{ width:74.53%; height:23.61%; top:32.5%; background:url(../images/red-paper.png) no-repeat center; background-size:100% 100%;}
.bubble-box{ width:1.42rem; height:1.42rem; right:-.3rem; top:-.3rem; background:url(../images/bubble-r.png) no-repeat center; background-size:100% 100%;}
.bubble-box:before { content: ''; display: inline-block; width:0; height: 100%; vertical-align: middle;}
.bubble-box div{ width:95%; display:inline-block; vertical-align:middle;}
.bubble-box .bigTxt{ font-size:.26rem; color:#ffdd77;}
.red-paper-tit{ color:#f56261;}
.red-paper-money{ background-image: -webkit-linear-gradient(top,#fe9d6a,#dd5b62); -webkit-background-clip: text; -webkit-text-fill-color: transparent; line-height:.6rem; margin-top:4%; margin-bottom:5%; z-index:2;}
.red-paper-money b{ font-size:.72rem;}
.inTimeBuy{ width:75%; top:46%;}
.timeBox{ min-width:.55rem; display:inline-block; padding:.03rem .05rem; margin:0 .15rem; margin-top:1%; border:.02rem solid #c22931; font-size:.26rem; background:#fff; color:#ce4d4f; border-radius:.08rem;}
.zdqk-msg{ width:89.5%; height:37.5%; top:59.5%;}
.zdqk-tit{ width:45%; line-height:.55rem; background:#281c71; border-radius:0 0 .5rem .45rem; margin:0 auto; text-align:center;}
.zdqk-num{ margin-top:1%; margin-bottom:0;}
.w6{ width:6%;}
.w13{ width:13%;}
.user-t{ margin-top:-.2rem;}
.zdqk-tab th{ /*padding:1% 0;*/}
.add-img{ width:1.19rem; height:.36rem;}
.pull-btn-r{ width:3.23rem; height:.75rem; line-height:.65rem; top:83%; background:url(../images/pull-btn-r.png) no-repeat center; background-size:100% 100%;}
.strategy{ width:1.29rem; height:.54rem; left:0; top:84.5%; background:url(../images/strategy.png) no-repeat center; background-size:100% 100%;}
.report{ width:1.29rem; height:.54rem; right:0; top:84.5%; background:url(../images/report.png) no-repeat center; background-size:100% 100%;}
.myzdBox{ padding:0 10%; padding-top:6%;}
.msg-bg{ padding:0 5%; padding-bottom:5%; background:url(../images/msg-bg.png) no-repeat center; background-size:100% 100%;}
.zdNum-box{ margin-top:3%; line-height:.26rem;}
.zdNum-box-l h3{ padding-left:10%;}
.zdNum-box-r h3{ padding-right:10%;}
.zdNum-box-l p{ padding-top:3%;}
.zdNum-box-r p{ padding-top:3%;}
.zd-state{ top:55%; font-size:.28rem; color:#ffdd77;}
.zd-member-tit{ margin:1.5% 0;}
.line{ width:.99rem; height:.02rem; vertical-align:middle; margin:0 .15rem; margin-top:-.03rem;}
.user-icon{ width:.23rem; height:.24rem;}
.zd-member-ul{ display:flex; flex-wrap:wrap; justify-content:center;}
.zd-member-ul li{ width:18%; padding-top:1%; background:#1f1465; border-radius:.15rem; overflow:hidden; margin:0 1%;}
.userNum{ margin-top:-.1rem;}
.userMoney{ background:#433598;}

.res-wrap{ padding:.2rem .3rem; margin-top:-2.4rem;}
.res-myzdBox{ min-height:2.7rem; padding-bottom:7%; background:url(../images/result-box-bg.png) no-repeat center; background-size:100% 100%;}
.zd-state-sb{ color:#ee4f4f;}
.zd-state-cg{ color:#fff;}
.inviteBtn{ width:1.25rem; line-height:.4rem; background:#ef4f4f; border-radius:.2rem;}
.res-myzdBox-pt0{ padding-top:0; padding-left:7%; padding-right:7%;}
.getBtn{ width:1.3rem; line-height:.4rem; background:#ef4f4f; border-radius:.2rem;}
.my-gift-tab th{ padding:.15rem 0;}
.my-gift-tab thead tr{ padding:.1rem 0; box-shadow:0 0 20px inset #3581db; -webkit-box-shadow:0 0 20px inset #3581db;}
.doneBtn{ background:#373394;}

.qr-box{ width:100%; height:85%; top:0;}
#preserveImg{ height:83.33%;}
.qr-pk{ width:58.93%; height:39.2%; position:absolute; left:50%; top:32%; transform:translateX(-50%); -webkit-transform:translateX(-50%);}/*2021.4.28新增*/
.noticeBox{ padding:6% 3%; margin:0 5%; border-radius:.18rem; margin-top:3%; background:#302081; box-shadow:0 0 30px inset #0419ea; -webkit-box-shadow:0 0 30px inset #0419ea;}
.noticeBox div{ line-height:.4rem; padding-left:.78rem; background:url(../images/notice-icon.png) no-repeat left center; background-size:.66rem .66rem;}
.preserveBtnBox{ bottom:2.2%;}
.preserveBtn{ width:3.32rem; height:1.1rem; line-height:.7rem; background:url(../images/btn-big-o.png) no-repeat center; background-size:100% 100%;}
.preserveBtn-r{ background-image:url(../images/btn-big-red.png);}
.down-icon{ width:.35rem; height:.35rem; vertical-align:middle; margin-right:.1rem; margin-top:-.04rem;}
.rule-tit{ width:4.9rem; height:1.32rem; line-height:1.18rem; top:-.6rem; text-align:center; background:url(../images/mod-tit-bg.png) no-repeat center; background-size:100% 100%;}
.rule-wrap{ padding:.2rem .3rem; margin-top:-2.82rem;}
.pt80{ padding-top:.8rem;}
.mb80{ margin-bottom:.8rem;}

.fz40{ font-size:.4rem;}
.pk-state{ width:.6rem; height:.6rem; top:55%;}