@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:#d64646;}
.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:#fff956;}
.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;}
.pb40{ padding-bottom:.4rem;}

.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; box-shadow: inset 0 0 20px #c8f2f3;}
.mod-area3{ overflow:visible;}
.mod-hide.off { position:absolute; width:.45rem; height:.45rem; right:-.2rem; top:-.55rem; background:url(../images/off.png) no-repeat; background-size:100% 100%; z-index:3;}
.mod-hide.off2 { position:absolute; width:.45rem; height:.45rem; right:.1rem; top:-.55rem; background:url(../images/off.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:.56rem; color:#fff; font-weight:bold;}
.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:90%; display:inline-block; height:.9rem; background: -webkit-linear-gradient(left, #3f8fe6 , #88c5f9); background: linear-gradient(to right, #3f8fe6 , #88c5f9); text-align:center; font-weight:bold; font-size:.3rem; line-height:.9rem; color:#fff; border-radius:.45rem;}
.mod-yes { width:2.7rem; background:#1b92d0; color:#fff; margin:0 .1rem;}
.mod-no{ width:2.7rem; background-color:transparent; color:#fff; margin:0 .1rem;}
.mod-g{ background:#d2d2d2; color:#fff;}

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

.index{ background:url(../images/index.png) no-repeat; background-size:100% 100%;}
.shadowBox{ border-radius:.2rem; box-shadow:0 0 10px #f5f5f5; -webkit-box-shadow:0 0 10px #f5f5f5;}
.logo{ width:2.37rem; left:2%; top:1%;}
.ruleBox{ width:.41rem; right:0; top:10%; z-index:9;}
.ruleBox img{ margin-bottom:.15rem;}
.slideBox{ width:55%; top:15%;}
.slideBox .swiper-container{ overflow:visible;}
.swiper-container-ban .swiper-pagination{ width:5.36rem; height:.62rem; padding:.05rem 0; left:50%; transform:translateX(-50%); bottom:-39.5%; background:url(../images/tab-bg.png) no-repeat; background-size:100% 100%;}
.swiper-container-ban .swiper-pagination-bullet{ width:33%; height:.52rem; line-height:.52rem; font-style:italic; border-radius:.35rem; background:transparent; opacity:1; position:relative; color:#fff; font-weight:bold; font-size:.22rem;}
.swiper-container-ban .swiper-pagination-bullet-active{ font-size:.32rem; color:#2c6fe6; background:url(../images/tab-active.png) no-repeat; background-size:100% 100%;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin:0;}
.swiper-container-ban .swiper-slide{ /*width:55%;*/ min-height:5rem; 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;}
.mod-blind-box{ width:100%; height:100%;}
.mod-blind-box .small-img{ width:2.24rem;}
.blind{ width:3.22rem; animation:blind 3s linear infinite;}
.gift-box{ width:1.9rem; animation:giftBox 4.5s linear infinite;}
.gift-box1{ left:1.8rem; top:.6rem;}
.gift-box2{ left:.5rem; top:.6rem; animation-delay:1.2s;}
.gift-box3{ left:1.3rem; top:.6rem; animation-delay:2.4s;}
@keyframes blind{
	0%,100%{ transform:translateY(0px);}
	50%{ transform:translateY(-10px);}
}
@keyframes giftBox{
	0%{ top:.6rem; opacity:1;}
	80%{ opacity:1;}
	100%{ top:-2.6rem; opacity:0.2;}
}
.swiper-container-ban .swiper-slide .small-img{ display:inline-block;}
.swiper-container-ban .swiper-slide .bigGift{ display:none;}
.swiper-container-ban .swiper-slide-active .small-img{ display:none;}
.swiper-container-ban .swiper-slide-active .bigGift{ display:block;}
.open-btn{ width:50.26%; top:71.5%; z-index:5;}
.finger{ width:1.3rem; right:-.8rem; top:.45rem; transform-origin: right bottom; animation:rotate 1s linear infinite;}
@keyframes rotate{
	0%,10%,90%,100%{ transform:rotate(0deg);}
	25%,55%{ transform:rotate(5deg);}
	40%,70%{ transform:rotate(-5deg);}
}
.footBanner{ width:100%; padding:.1rem 0; /*height:12.74%;*/ bottom:0; background:url(../images/foot-gift-bg.png) no-repeat; background-size:100% 100%;}
.footBannerTit{ width:.3rem; line-height:.34rem; margin-left:3.5%;}
.swiper-container-foot{ margin-left:0; margin-right:0;}
.swiper-container-foot{ width:85%;}
.swiper-container-foot li{ width:22%; min-height:1.4rem; text-align:center; color:#0058d7; font-size:.22rem; background:url(../images/rotation-bg.png) no-repeat; background-size:100% 100%;}
.swiper-container-foot li img{ height:.9rem;}
.swiper-container-foot li h3{ height:.5rem; 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;}
.swiper-container-foot li h3 b{ width:100%; line-height:.26rem; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}

.gift-ul li{ padding:.3rem .2rem; margin-bottom:.3rem;}
.my-gift-img{ width:1.2rem;}
.getBtn{ width:1.4rem; line-height:.6rem; background:#51a7ff; border-radius:.3rem;}
.w55{ width:55%;}
.blue-d{ color:#8ba4f1;}
.actionBox{ width:100%; height:100%;}
.light{ width:7.36rem; left:2%; top:20%; animation:light 10s linear infinite;}
@keyframes light{
	0%{ transform:rotate(0deg);}
	100%{ transform:rotate(360deg);}
}
.mod-blind{ width:5.51rem; left:14%; top:20%;}
.mod-gift{ width:2rem;}
.mod-gift1{ left:20%; top:40%; animation:modGift1 1.5s linear infinite;}
.mod-gift2{ left:50%; top:40%; animation:modGift2 1.5s linear infinite; animation-delay:1s;}
.mod-gift3{ left:35%; top:40%; animation:modGift3 1.5s linear infinite; animation-delay:0.5s;}
.blind-light{ width:5.72rem; left:-3%; top:2%; animation:op 1s linear infinite;}
@keyframes modGift1{
	0%{ left:20%; top:40%; transform:scale(1,1);}
	100%{ left:10%; top:0%; transform:scale(0.8,0.8);}
}
@keyframes modGift2{
	0%{ left:50%; top:40%; transform:scale(1,1);}
	100%{ left:60%; top:0%; transform:scale(0.8,0.8);}
}
@keyframes modGift3{
	0%{ left:35%; top:40%; transform:scale(1,1);}
	100%{ left:20%; top:10%; transform:scale(2,2);}
}
@keyframes op{
	0%,100%{ opacity:1;}
	50%{ opacity:0.5;}
}
.mod-shake-box{ width:5.51rem; height:5.58rem; left:14%; top:20%; animation:shake 0.15s linear infinite;}
@keyframes shake{
	0%,100%{ transform:rotate(3deg);}
	50%{ transform:rotate(-3deg);}
}
.mod-win-bg{ width:7.5rem; box-shadow:none; background:url(../images/mod-win-bg.png) no-repeat; background-size:100% 100%;}
.mod-win-bg2{ width:6.15rem; box-shadow:none; background:url(../images/sure-mod-bg1.png) no-repeat; background-size:100% 100%;}
.mod-win-bg .mod-con2{ padding:0 1rem; padding-bottom:1rem;}
.mod-win-bg .mod-btn{ padding-bottom:1.2rem;}
.mod-win-bg .off{ right:.6rem; top:.3rem;}
.win-tit-box{ padding:0 1rem; padding-top:.7rem;}
.win-tit{ width:4.13rem; margin-top:.3rem;}
.win-gift{ width:3.95rem;}
.mod-yes{ width:2.73rem; height:1.07rem; line-height:1rem; background:url(../images/btn-b.png) no-repeat; background-size:100% 100%;}
.mod-no{ width:2.73rem; height:1.07rem; line-height:1rem; background:url(../images/btn-o.png) no-repeat; background-size:100% 100%;}
.light2{ width:4rem; left:1.8rem; top:.1rem;}
.blind-jd{ width:100%;}
.mod-tit span{ -webkit-filter: drop-shadow(0 0 5px #3a81f3); filter: drop-shadow(0 0 5px #3a81f3);}
.blind-jd-box{ height:1.6rem; display:flex; display:-webkit-flex; align-items:center; -webkit-align-items:center; justify-content:space-around; -webkit-justify-content:space-around; flex-direction:column;/*灵活的项目将垂直显示*/ -webkit-flex-direction:column;}
.surplusTxt p{ padding:0 .2rem; display:inline-block; line-height:.5rem; border-radius:.25rem; background:rgba(0,0,0,0.1);}
.mod-long-o{ width:4.32rem; height:1.06rem; line-height:1rem; background:url(../images/btn-big-o.png) no-repeat; background-size:100% 100%;}
.modal-area-bg{ width:6.15rem; box-shadow:none; background:url(../images/modal-area-bg.png) no-repeat; background-size:100% 100%;}
.mod-long-b{ width:3.42rem; height:1.06rem; line-height:1rem; background:url(../images/btn-big-b.png) no-repeat; background-size:100% 100%;}
.opportunity-ul{ padding-bottom:2rem;}
.opportunity-ul li{ margin-bottom:.3rem;}
.opportunity-btn{ width:25%; line-height:.6rem; background:#51a7ff; border-radius:.3rem;}
.w75{ width:75%;}
.colBox{ padding:.1rem .3rem; border-radius:.1rem; background:#144fd7; color:#fff17a;}
.inp{ width:100%; height:.8rem; padding-right:.6rem; padding-left:.2rem; border:none; border-radius:.4rem; background-color:#eaf9ff; font-size:.26rem; -webkit-appearance: none; appearance: none;}
.clear{ width:.35rem; height:.35rem; right:.15rem; background:url(../images/clear.png) no-repeat; background-size:100% 100%; display:none;}
.getNum{ width:1.65rem; height:.8rem; border:none; border-radius:.4rem; font-size:.26rem; color:#fff; background:#38b0ff; right:0rem;}

/*以下为2022.9.2新增css*/
.blind-jd-box2{ width:100%; height:1.8rem;}
.blind-jd-box2 li img.sel-ffmh{ width:160%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.blind-jd-box2 img.finger{ right:-.3rem; top:1.4rem;}
.gift-name-ul{ align-items:stretch; -webkit-align-items:stretch;}
.gift-name-ul li{ width:45%; min-height:1rem; border-radius:.2rem; background:#1c51db; display:flex; display:-webkit-flex; align-items:center; -webkit-align-items:center; justify-content:space-around; -webkit-justify-content:space-around; flex-direction:column;/*灵活的项目将垂直显示*/ -webkit-flex-direction:column;}
.add-img{ width:.62rem;}

/*以下为2022.10.9新增css*/
.load-light{ width:4.39rem; left:50%; top:20%; margin-left:-2.19rem; animation:light 10s linear infinite;}
.load-img{ width:3.22rem; left:50%; top:27%; margin-left:-1.61rem; animation:shake 0.2s linear infinite;}
.loadimgTxt{ font-size:.52rem; color:#befdff; top:55%;}
.b1{ margin-left:.05rem; animation:swiper 1.3s 0.6s linear infinite; -webkit-animation:swiper 1.3s 0.6s linear infinite;}
.b2{ margin-left:.05rem; animation:swiper 1.3s 0.3s linear infinite; -webkit-animation:swiper 1.3s 0.3s linear infinite;}
.b3{ margin-left:.05rem; animation:swiper 1.3s linear infinite; -webkit-animation:swiper 1.3s linear infinite;}
@keyframes swiper {
	0%{ opacity:0;}
	40%{ opacity:1;}
	70%{ opacity:0;}
	100%{ opacity:0;}
}

/*以下为2022.10.11新增css*/
.moreTxt{ bottom:-28%; color:#0058d7;}
.gallery-thumbs-wrap{ width:5.36rem; height:.62rem; padding:.05rem 0; left:50%; transform:translateX(-50%); bottom:-42%; background:url(../images/tab-bg.png) no-repeat; background-size:100% 100%; overflow:hidden;}
.gallery-thumbs .swiper-wrapper-center{ justify-content:center; -webkit-justify-content:center;}
.gallery-thumbs .swiper-slide{/* width:33% !important;*/ height:.52rem; line-height:.52rem; font-style:italic; border-radius:.35rem; background:transparent; color:#fff; font-weight:bold; font-size:.22rem; text-align:center;}
.gallery-thumbs .swiper-slide-thumb-active{ font-size:.32rem; color:#2c6fe6; background:url(../images/tab-active.png) no-repeat; background-size:100% 100%;}


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