@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;}
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:'';}
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;}
pre{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word; font-family:Arial, sans-serif;}

.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;}
.grey { color:#999;}
.grey-b{ color:#666;}
.red { color:#ff6969;}
.blue { color:#3d89ea;}
.organ { color:#ff772b;}
.white { color:#fff;}
.green{ color:#73fff0;}
.purple{ color:#ff5e90;}
.pink{ color:#ff5e90;}
.yellow { color:#f68456;}
.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%;}

.mt5{ margin-top:0.05rem;}
.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;}
.pt30{ padding-top:.3rem;}
.pb10{ padding-bottom:.1rem;}
.pb20{ padding-bottom:.2rem;}
.pb30{ padding-bottom:.3rem;}
.pb120{ padding-bottom:1.2rem;}
.pb150{ padding-bottom:1.5rem;}
.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 #f0f0f0;}
.bor-t { border-top:1px solid #f0f0f0;}
.bor-l { border-left:1px solid #f0f0f0;}
.bor-b { border-bottom:1px solid #f0f0f0;}
.bor-r { border-right:1px solid #f0f0f0;}
.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;}
.lh34{ line-height:.34rem;}
.clearFloat{ zoom:1;/*针对IE6、IE7*/}
.clearFloat:after{ content:""; display:block; height:0; font-size:0; overflow:hidden; clear:both;}
body{ font:.24rem/1.5 Arial, sans-serif; background:#77c6ff; color:#333;}
.wrap { max-width:750px; margin:0 auto; overflow:hidden;}
.wrap a.block {/*background-color: rgba(0,0,0,0.5);*/ z-index:2;}

.fix-top{ display:block; position:fixed; width:.76rem; height:.76rem; bottom:.2rem; right:.2rem; background:url(../images/top.png) no-repeat; background-size:.76rem .76rem; z-index:88; display:none; opacity:.8;}

.share-friend { height:100%; background:rgba(0,0,0,.8) url(../images/share-arr.png) no-repeat right top; background-size:5.37rem 4.67rem; 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:60%; 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; border-radius:.55rem .55rem 0 0; background:#fff;}
.mod-area2 { width:6.8rem; margin:0 auto; position:relative; z-index:99; top:50%; border-radius:.35rem; -webkit-transform:translateY(-50%); background:#fff; box-shadow: inset 0 1.3rem 20px #e2f7fc;}
.mod-area3{ overflow:visible;}
.mod-hide.off { position:absolute; width:.42rem; height:.42rem; right:.2rem; top:-.55rem; background:url(../images/off.png) no-repeat center; background-size:100% 100%; z-index:12;}
.mod-hide.off2 { position:absolute; width:.42rem; height:.42rem; right:-.15rem; top:-.5rem; background:url(../images/off.png) no-repeat; background-size:100% 100%; z-index:12;}
.mod-hide.off3 { position:absolute; width:.6rem; height:.6rem; left:50%; bottom:-.9rem; transform:translateX(-50%); background:url(../images/off2.png) no-repeat; background-size:100% 100%; z-index:12;}
.mod-tit2 { line-height:.4rem; text-align:center; font-weight:bold; font-size:.42rem; color:#34a5f4; padding:.4rem .2rem; padding-bottom:.2rem;}
.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 .3rem .2rem .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;}
.mod-a { width:80%; display:inline-block; height:.9rem; text-align:center; font-size:.3rem; line-height:.9rem; color:#fff; border-radius:.45rem; background: -webkit-linear-gradient(left, #4ccdff , #5781ff); background: linear-gradient(to right, #4ccdff , #5781ff);}
.mod-yes {width:3rem; height:0.9rem; line-height: .9rem; border:0.01rem solid transparent; border-radius:.45rem; color:#f19634; margin:0 .1rem; background: -webkit-linear-gradient(left, #5eb4ff , #3167ff); background: linear-gradient(to right, #5eb4ff , #3167ff); border-radius:.45rem; color:#fff;}
.mod-no {width:3rem; height:0.9rem; line-height: .9rem;background:#fff; border:0.01rem solid #4077ff; border-radius:.45rem; color:#2b5ed5; margin:0 .1rem;}
.mod-g{ background:#d2d2d2; color:#fff;}

.logo{ width:3.67rem; bottom:.85rem;}

.index{ background:url(../images/index.png) no-repeat; background-size:100% 13.34rem;}
.userBox{ padding:.2rem .4rem; justify-content:flex-start; -webkit-justify-content:flex-start;}
.return{ width:.53rem; margin-left:.1rem;}
.lord-tit{ height:1.53rem; vertical-align:top;}
.fu-tit{ min-width:4.15rem; line-height:.58rem; padding:0 .2rem; font-size:.42rem; border-radius:.3rem; box-shadow: inset 0 .03rem 0 #fff; margin-top:-.07rem; background: -webkit-linear-gradient(left, #65f6f1 , #98f4ff); background: linear-gradient(to right, #65f6f1 , #98f4ff);}
.ruleBox{ width:.93rem; right:0; top:1.3rem; z-index:3;}
.rule-img{ margin-bottom:.15rem;}
.fixed-img{ width:1.19rem; right:0; top:30%; z-index:4;}
.fixed-off{ width:.3rem; bottom:-.4rem;}
.hand{ width:4.61rem; transform-origin:center bottom; -webkit-transform-origin:center bottom; animation:rotate 2s linear infinite; -webkit-animation:rotate 2s linear infinite;}
@keyframes rotate{
	0%,50%,100%{ transform:rotate(0deg); -webkit-transform:rotate(0deg);}
	10%,30%{ transform:rotate(-5deg); -webkit-transform:rotate(-5deg);}
	20%,40%{ transform:rotate(5deg); -webkit-transform:rotate(5deg);}
}
.handBox{ margin-top:-.5rem;}
.handBox img{ margin-left:-.1rem;}
.shakeBox{ margin-top:-1.3rem;}
.bubble{ line-height:.42rem; padding:0 .4rem; display:inline-block; border:0.01rem solid rgba(255,255,255,0.7); border-radius:.22rem; background:rgba(0,0,0,0.5); pointer-events: none;}
.bubble:after{ content:''; position:absolute; left:50%; transform:translateX(-50%); bottom:-.09rem; border-left: .12rem solid transparent; border-right: .12rem solid transparent; border-top: .1rem solid rgba(0,0,0,0.5);}
.progressBox{ margin-bottom:.12rem;}
.progress-bar{ width:5.24rem; height:.43rem; padding:0.04rem; border-radius:.22rem; border:0.04rem solid #fff; background:#2f83f5; box-shadow: inset 0 0 10px #2f88ff;}
.progress-fill{ min-width:1%; width:1%; height:100%; border-radius:.18rem; background:url(../images/bar-bg1.png) no-repeat left center; background-size:5.15rem 100%;}
.lottery-img{ left:95%; top:40%; margin-left:-.3rem;}
.lottery-img img{ height:.8rem;}
.progress-bar p{ color:#1a3d72;}
.idx-btn{width:4.21rem; height: 1.27rem; font-size: .36rem; color: #fff; text-align: center;}
.idx-btn img{ -webkit-filter: drop-shadow(0 .15rem .2rem rgba(184,241,255,0.7)); filter: drop-shadow(0 .15rem .2rem rgba(184,241,255,0.7));}
.task-img{ width:1.28rem; right:.2rem; top:0.05rem;}
.idx-btn-box p.fz24{ color:#51626f; line-height:.26rem;}

.progress-bar.full p{ color:#c58246;}
.progress-bar.full .progress-fill{ background-image:url(../images/bar-bg2.png);}
.progress-bar.more p{ color:#fff;}
.progress-bar.more .progress-fill{ background-image:url(../images/bar-bg3.png);}
.progress-bar.full .lottery-img img{ height:1.15rem;}
.progress-bar.more .lottery-img img{ height:1.15rem;}
.scale{ animation:scale 1.2s linear infinite;}
@keyframes scale{
	0%,100%{ transform:scale(1,1);}
	50%{ transform:scale(1.1,1.1);}
}

.conBox{ padding-top:.2rem;}
.gift-tit{ width:90%; padding:.1rem .2rem; line-height:.32rem; border-radius:.25rem .25rem 0 0; margin:0 auto; box-shadow: inset 0 0.02rem 0 #fff; background: -webkit-linear-gradient(left, #adf1fe , #e8ffd2); background: linear-gradient(to right, #adf1fe , #e8ffd2);}
.gift-tit {font-size:.32rem; font-weight:800; color: #333; position: relative; z-index: 1;}
.gift-tit>span{ background-image:-webkit-gradient(linear,0% 0%, 0% 100%, from(#333), to(#333), color-stop(0.5,#333)); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.gift-tit::before { content: attr(data-text); position: absolute; -webkit-text-stroke: .06rem #fff; z-index: -1;}
.matchBox{ width:100%; padding-bottom:.2rem; background:url(../images/gift-list-bg.png) no-repeat center; background-size:100% 100%;}
.head-tit-wrap{ padding:.2rem .25rem; padding-bottom:.1rem;}
.head-tit-ul li{ width:24%; padding:.15rem 0; background:url(../images/gift-list.png) no-repeat; background-size:100% 100%;}
.head-tit-ul li img{ height:.89rem; vertical-align:top; margin-bottom:0.05rem;}
.rollTxt{ height:.38rem; margin:0 .25rem; background:#ebfaff; border:0.02rem solid #b0ecff; border-radius:.1rem; font-size:.2rem; overflow:hidden; display:flex; display:-webkit-flex; align-items:left; -webkit-align-items:left; justify-content:space-around; -webkit-justify-content:space-around; flex-direction:column;/*灵活的项目将垂直显示*/ -webkit-flex-direction:column;}
.rollTxt .qimo { width:8000%;}
.rollTxt .qimo div{ float:left;}
.rollTxt .qimo ul{ float:left; overflow:hidden; zoom:1; }
.rollTxt .qimo ul li{ float:left; margin-left: .3rem; }

.fixedBox{ width:7.5rem; padding:0.13rem; bottom:0; z-index:9;}
.ban-off{ width:.15rem; right:.28rem; top:0.28rem;}

.mod-tit-img1{ height:1.47rem; margin-top:-1.4rem;}
.mod-tit-img2{ height:1.85rem; margin-top:-1.3rem;}
.mod-tit-pos{ height:2.85rem; left:0; top:-2.33rem;}
.mod-tit-pos img{ height:100%;}
.mod-tit-task{ height:2.68rem; left:0; top:-2.1rem;}
.mod-tit-task img{ height:100%;}
.mod-gift-ul{ max-height:3.2rem; overflow:auto;}
.mod-gift-ul li{ min-height:1.38rem; margin-bottom:.2rem; background:url(../images/mod-gift-bg.png) no-repeat center; background-size:100% 100%;}
.mod-gift-name1{ width:26%; padding:0.05rem; padding-top:.12rem;}/*2026.3.4改*/
.mod-gift-name1 b{ font-size:.74rem; line-height:.7rem;}
.mod-gift-name1 img{ width:1.1rem;}/*2026.3.4新增*/
.mod-gift-name2{ width:74%; padding:.1rem;}
.not-img{ width:3.38rem;}
.mod-tab-ul{ width:90%; margin:0.2rem auto; border:0.03rem solid #d0e7ff; padding:.04rem; border-radius:.5rem;}
.mod-tab-ul li{ height:.8rem; line-height:.8rem; border-radius:.4rem;}
.mod-tab-ul li.active{ color:#fff; background: -webkit-linear-gradient(left, #65a6fa , #a4c6fc); background: linear-gradient(to right, #65a6fa , #a4c6fc);}
.mod-tab-box{ padding:.2rem .25rem; border:0.02rem solid #d9e4ee; border-radius:.22rem;}
.mod-tab-sel{ height:.5rem; padding-left:.2rem; padding-right:.5rem; font-size:.24rem; color:#6d88ab; border:0.02rem solid #d7dde4; border-radius:.1rem; background:url(../images/down.png) no-repeat 92% center; background-size:.2rem .12rem; appearance:none; -ms-appearance:none;  -moz-appearance:none; -webkit-appearance:none;}
.record-ul{ padding:.2rem .3rem;}
.record-ul li{ padding:.25rem .02rem; border-bottom:0.01rem solid #d0d0d0;}
.not-img2{ width:3.11rem; margin-top:.5rem;}

.task-ul li{ padding:.2rem; border:0.02rem solid #dfeaef; border-radius:.2rem; background:#fcfdff; margin-bottom:.2rem;}
.mod-task-img{ width:.82rem;}
.taskingBtn{ width:1.5rem; height:.7rem; line-height:.7rem; display:inline-block; color:#fff; border-radius:.36rem; background: -webkit-linear-gradient(left, #4ccbff , #5783ff); background: linear-gradient(to right, #4ccbff , #5783ff);}
.taskingBtn-g{ background:#e9f3fa; color:#6d95dd;}
.taskPurple{ height:.32rem; line-height:.32rem; padding:0 .15rem; border-radius:.16rem; background:#ff3e3e; right:-.2rem; top:-.3rem;}
.taskPurple:after{ content:''; position:absolute; left:20%; bottom:-.09rem; border-left: -.02rem solid transparent; border-right: .12rem solid transparent; border-top: .1rem solid #ff3e3e;}

.gift-ul li{ padding:.3rem; background:url(../images/my-gift-bg.png) no-repeat center; background-size:100% 100%; margin-bottom:.25rem;}
.gift-ul li p{ color:#e26c7c;}
.getBtn{ width:25%; height:.6rem; line-height:.6rem; border-radius:.4rem; background:linear-gradient(#ff6652, #ff8ea0); background: -webkit-linear-gradient(#ff6652, #ff8ea0);}
.w75{ width:75%;}
.fz40{ font-size:.4rem;}
.getBtn-w{ color:#ff6e61; background:transparent; border:0.02rem solid #ff6755;}
.gift-ul li.done{ background-image:url(../images/my-gift-bg2.png);}
.gift-ul li.done h3{ color:#999;}
.gift-ul li.done p{ color:#999;}
.gift-ul li.done .getBtn{ color:#d9d9d9; background:transparent; border:0.02rem solid #d8d8d8;}

.hide-fixed { overflow:hidden; width:100%; position:fixed;}

.mod-area-op{ background:transparent; box-shadow:none;}
.mod-con-op{ border-radius:.35rem; padding-bottom:.1rem; background:#fff; box-shadow: inset 0 1.3rem 20px #e2f7fc;}
.mod-con-op2{ padding:.4rem .3rem .1rem;}
.mod-ban-box{ max-height:3rem; overflow:auto;}
.clasp{ width:4.9rem; top:-.28rem; z-index:3;}

.turntabWrap{ height:100%;}
.turntab-base{ width:6.67rem; left:46%; top:45%;}
.turntable-bg{ width:6.1rem; height:6.1rem; left:50%; top:46%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); background:url(../images/turntable-bg.png) no-repeat; background-size:100% 100%;}
.rotate{ width:5.09rem; height:5.09rem; left:50%; top:50%; margin-left:-2.15rem; margin-top:-2.15rem;background:url(../images/index/turntable.png) no-repeat; background-size:100% 100%;}
.turntable { width: 5.09rem; height: 5.09rem; background-color: #fff; border-radius: 50%; position: relative; left:50%; top:50%; transform:translate(-50%,-50%);}
.route { width: 100%; height: 100%; position: relative; perspective: 1px;background:url(../images/index/turntable.png) no-repeat; background-size:100% 100%;}
#canvas { width: 5.09rem; height: 5.09rem;}
.reward-list { width: 5.09rem; height: 5.09rem; position: absolute;left: 0; top: 0;}
.reward-item { width: 1.9rem; height: 2.55rem; line-height:.24rem; padding: .15rem .3rem; padding-bottom:.2rem; position: absolute; left: calc(50% - 0.95rem);top: 0; font-size:.22rem;text-align: center; transform-origin:center bottom; -webkit-transform-origin:center bottom;}
.reward-item img{ max-width:.65rem; max-height:.6rem; margin-top:.05rem;}
.pointer2{ width:1.86rem; height:1.84rem;top:1.5rem;left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%);}
.pointer-sty{ width:1.7rem; height:1.7rem; border-radius:50%; top:1.65rem;left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); opacity:0;}
.turntableBtn{ width:3.77rem; height:1.34rem; border:none; background:url(../images/turntable-btn.png) no-repeat; background-size:100% 100%; bottom:-1.6rem;}
.mod-hide.off-b { position:absolute; width:.42rem; height:.42rem; right:-.15rem; top:-.5rem; background:url(../images/off.png) no-repeat; background-size:100% 100%; z-index:12;}


.loadWrap{ width:100%; height:100% !important; background:rgba(0,0,0,0.7); position:fixed; left:0; top:0; z-index:99; display:flex; display:-webkit-flex; align-items:center; -webkit-align-items:center; justify-content:center; -webkit-justify-content:center; flex-direction:column;/*灵活的项目将垂直显示*/ -webkit-flex-direction:column;}/*2023.5.16改*/
.loadingP{width: 100%;font-size:.28rem; color:#C96859;text-align: center; padding-bottom:1rem; z-index:9999;}
.loadingP img{ width:2.51rem;}

/*wap.html*/
.mod-mc{ width:100%; height:100%; left:0; top:0; background:url(../images/index-bg.png) no-repeat; background-size: 100% 100%;}
.headBox p{ color:#fdedd8;}
.copyNum{ position:absolute; opacity:0;}
.posterBox{ border-radius:.1rem; position:relative;}
.posterBox img{ width:100%; display:block;}
.posterBox img.qr-app{ width:1.45rem; right:.1rem; bottom:.12rem; border-radius:0;}
.posterBox img.share-qr{ width:3.2rem; bottom:2.65rem;}
.idxBox{ display: flex; display: -webkit-flex; flex-wrap:wrap; justify-content:space-between; -webkit-justify-content:space-between; align-items:center; -webkit-align-items:center; padding:.3rem .8rem; background:rgba(0,0,0,0.6);}
.return{ width:.51rem; right:-.1rem; top:-.6rem;}
.centerBox{ margin-bottom:.5rem;}
.fixedBox2{ width:7.5rem; padding:.2rem .8rem; bottom:0; z-index:10;}
.fixed-ul li{ margin:0 .1rem;}
.bottomBtn{ line-height:.8rem; border-radius:.45rem; background: -webkit-linear-gradient(left, #ff6651 , #ff8ea1); background: linear-gradient(to right, #ff6651 , #ff8ea1); font-size:.36rem; color:#fff; font-weight:bold; text-align:center;}
.bottomBtn2{ color:#fff; background: -webkit-linear-gradient(left, #64a6fa , #a4c5fc); background: linear-gradient(to right, #64a6fa , #a4c5fc);}
.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;}
.rule-tit{ width:2.07rem; margin-top:-.6rem;}
.blue-d{ color:#5c8ba5;}
.blue-b{ color:#59f5ff;}
.red-z{ color:#761b25;}
.copyName{ left:1rem; bottom:2.3rem; font-size:.3rem; font-weight:bold; line-height:.48rem; opacity:0;}
.copyName2{ width:75%; left:.88rem; text-align:center;}