@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::-webkit-input-placeholder {color:#999; font-weight:normal;}
input:-moz-placeholder { color:#999; font-weight:normal;}
input::-moz-placeholder { color:#999; 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:#5891f7;}
.organ { color:#faba54;}
.grey { color:#999;}
.grey-w{ color:#d7eefa;}
.white { color:#fff;}
.green{ color:#07b77c;}
.purple{ color:#ff5e90;}
.pink{ color:#ff5e90;}
.yellow { color:#fff000;}
.bg-b { background:#62caff;}
.bg-g { background:#f4f4f4;}
.bgFFF{background-color: #fff;}
.bold{font-weight: bold;}
.w100 { width:100% !important;}
.w80 { width:80%;}
.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;}
.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;}

.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-r12{ border-radius:.12rem;}
.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;}
.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:#bff3fc; color:#333;}
.wrap { max-width:750px; margin:0 auto;}
.wrap a.block { /*background:rgba(0,0,0,0.6)*/ }

.ruleBtn{ width:1rem; line-height:.45rem; border:.02rem solid #fff; border-radius:.3rem; right:.15rem; top:.2rem;}
.shownBox{ box-shadow:0 0 10px #CCC; -webkit-box-shadow:0 0 10px #CCC;}
.giftBoxWrap{ width:85.87%; height:51.57%; right:0; top:26%;}
.giftBox{ width:100%; height:100%;}
.giftBox-open{ width:100%; height:40%; left:0%; top:30%;}
.giftBoxTxt{ width:56%; height:85%; top:3%;}
.giftTxtWrap{ width:100%; height:73%; overflow:auto;}
.giftTxtWrap:before{ content:''; height:100%; display:inline-block; vertical-align:middle;}
.giftTxtDiv{ display:inline-block; vertical-align:middle;}
.giftTxtBg{ width:100%; height:.82rem; line-height:.32rem; padding-left:.2rem; padding-right:1.5rem; color:#f25d53; background:url(../images/giftTxtBg.png) no-repeat; background-size:100% 100%; display:flex; display:-webkit-flex; justify-content:space-around; -webkit-justify-content:space-around; flex-direction:column;/*灵活的项目将垂直显示*/ -webkit-flex-direction:column; margin-bottom:5%;}
.giftTxtBg2{ height:1.28rem; padding-left:.35rem; color:#fff; background-image:url(../images/giftTxtBg2.png); margin-bottom:.1rem;}
.indexGetBtn{ width:1.2rem; line-height:.42rem; border-radius:.3rem; background:#4093f1; right:.2rem; box-shadow:0 .05rem #3182de; -webkit-box-shadow:0 .05rem #3182de;}
.indexGetBtn2{ width:1.4rem; line-height:.45rem; border-radius:.3rem; background:#fff; right:.3rem; box-shadow:none; -webkit-box-shadow: none; color:#19a1f4;}
.inNumBox{ width:100%; padding:.06rem .1rem; border-radius:.3rem; background:rgba(0,0,0,0.2);}
.getBtn{ width:55%; height:.8rem; line-height:.8rem; border-radius:.4rem; background:linear-gradient(#7db2fd, #5790f7); background: -webkit-linear-gradient(#7db2fd, #5790f7); box-shadow:0 .1rem 0 #4777cf; -webkit-box-shadow:0 .1rem 0 #4777cf; margin-top:9%;}
.index-btn{ width:36.3%; left:27.5%; top:39%; animation:scale 0.8s linear infinite; -webkit-animation:scale 0.8s linear infinite;}
@keyframes scale{
	0%,100%{ transform:scale(1,1); -webkit-transform:scale(1,1);}
	50%{ transform:scale(1.3,1.3); -webkit-transform:scale(1.3,1.3);}
}
@-webkit-keyframes scale{
	0%,100%{ transform:scale(1,1); -webkit-transform:scale(1,1);}
	50%{ transform:scale(1.3,1.3); -webkit-transform:scale(1.3,1.3);}
}
.btnBox{ height:18%; top:80.5%; left:0;}
.btnBox:before{ content:''; height:100%; display:inline-block; vertical-align:middle;}
.btnWrap{ width:85%; display:inline-block; vertical-align:middle;}
.rollBox{ width:78%; height:.9rem; border:.05rem solid transparent; border-image:-webkit-linear-gradient(left, #ffd18b , #ffebb8) 1 10; border-image: linear-gradient(to right, #ffd18b , #ffebb8) 1 10; background:#fff; margin:2.5% auto; margin-top:0; overflow:hidden;}
.downBtn{ width:100%; height:1.1rem; line-height:1.0rem; margin:0 auto; background:url(../images/btn-b.png) no-repeat; background-size:100% 100%;}
.mod-gift-box{ width:4.36rem; height:2.59rem; margin-top:-1.2rem; animation:rotate 0.3s linear infinite; -webkit-animation:rotate 0.3s linear infinite;}
@keyframes rotate{
	0%,100%{ transform:rotate(0); -webkit-transform:rotate(0);}
	20%,60%{ transform:rotate(5deg); -webkit-transform:rotate(5deg);}
	40%,80%{ transform:rotate(-5deg); -webkit-transform:rotate(-5deg);}
}
.barBox{ width:87%; height:.32rem; border-radius:.2rem; background:#f0f0f0;}
.barBox span{ right:-.84rem;}
.bar{ width:20%; height:100%; border-radius:.2rem; background:#f68f6b;}
.mod-gift-box2{ width:3.54rem; height:2.13rem; margin-top:-1.15rem;}
.gift-ul li{ width:100%;}
.giftCon{ height:100%; left:0; top:0;}
.giftClass{ width:32%; height:100%;}
.giftEffect{ width:68%; height:100%; padding-left:.35rem;}
.fz58{ font-size:.58rem;}
.radiusBoxWrap{ margin-top:-1.4rem;}
.radiusBox{ bottom:.3rem;}
.styBtn{ width:90%; line-height:.9rem; border-radius:.45rem; background:linear-gradient(#fb8c6a, #ff643a); background: -webkit-linear-gradient(#fb8c6a, #ff643a);}



.inp{ width:100%; border:none; border-radius:0 !important; background-color:transparent; font-size:.26rem; -webkit-appearance: none; appearance: none;}
.clear{ width:.35rem; height:.35rem; right:.13rem; background:url(../images/clear.png) no-repeat; background-size:100% 100%; display:none;}
.clear2{ right:2rem;}
.getNum{ width:1.6rem; height:.6rem; border:.01rem solid #1cadfe; border-radius:.3rem; color:#1cadfe; background-color:transparent; right:0rem;}


.btn-g{ background-color:transparent; color:#999; box-shadow:none;}

/*错误模板*/
.error { width:100%; height:100%; position:fixed; left:0; top:0; z-index:1999; 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;}
.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:.5rem; height:.5rem; right:-.2rem; top:-.5rem; 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; border-radius:.12rem .12rem 0 0; overflow:hidden;}
.mod-tit{ width:100%; position:relative; top:-.4rem;}
.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 .4rem .2rem .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; padding:.4rem 0; border-radius:0 0 .15rem .15rem; overflow:hidden;}
.mod-a { width:100%; display:inline-block; height:.9rem; line-height:.9rem; background:#1cadfe; text-align:center; font-weight:bold; font-size:.3rem; color:#fff;}
.mod-yes { width:3.3rem; background:linear-gradient(#7cb1fd, #5790f7); background: -webkit-linear-gradient(#7cb1fd, #5790f7); color:#fff; border:.01rem solid transparent; border-radius:.12rem; margin:0 .1rem;}
.mod-no{ width:3.3rem; background-color:transparent; border:.01rem solid #1cadff; color:#1cadff; border-radius:.12rem; margin:0 .1rem;}
.mod-yellow{ width:4.5rem; background:linear-gradient(#fff5bd, #ffc762); background: -webkit-linear-gradient(#fff5bd, #ffc762);  color:#fe5837; border-radius:.12rem; margin:0 .1rem;}
.mod-yes-long{ width:4.5rem; background:linear-gradient(#7cb1fd, #5790f7); background: -webkit-linear-gradient(#7cb1fd, #5790f7);  color:#fff; border-radius:.12rem; margin:0 .1rem;}
.mod-g{ background:#d2d2d2; color:#333;}

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