@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:'';}
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:#c1beaa;}
input::-moz-placeholder { color:#c1beaa;}
input::-o-placeholder { color:#c1beaa;}
textarea::-webkit-input-placeholder {color:#c1beaa;}
textarea::-moz-placeholder { color:#c1beaa;}
textarea::-o-placeholder { color:#c1beaa;}
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:#ff1f5a;}
.blue { color:#0085d0;}
.organ { color:#ff9500;}
.grey { color:#999;}
.white { color:#fff;}
.green{ color:#70b330;}
.purple{ color:#a340d3;}
.yellow { color:#fff000;}
.bg-y { background:#ffea04;}
.bg-g { background:#f6f6f6;}
.bgFFF{background-color: #fff;}
.bold{font-weight: bold;}
.w100 { width:100% !important;}
.w50 { width:50%;}
.w70 { width:70% !important;}
.w40 { width:40%;}
.w28 { width:28%;}
.w25 { width:25%;}
.w35 { width:35%;}
.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;}
.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%;}
.color333 { color:#333333;}
.tx-c { text-align:center}
.tx-r { text-align:right;}
.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;}
.between{justify-content: space-between;}
.around{justify-content: space-around;}
.alicenter{align-items: center;}
.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:#8602e9 url(../images/index-bg.png) repeat; background-size:0.08rem 0.06rem; color:#333;}
.wrap { max-width:640px; margin:0 auto;overflow-x: hidden;}
.wrap a.block {/* background:rgba(0,0,0,0.6)*/ }

.index{ background:url(../images/banner.png) no-repeat; background-size:100% 6.01rem;}
.banner-txt{ width:5.36rem; height:4.03rem; left:.1rem; top:.4rem;}
.banner-txt2{ top:.8rem;}
.pt-big{ padding-top:4.2rem;}
.bor-r15{ border-radius:.15rem;}
.inTimeBuy{}
.inTimeBuy b{ font-weight:normal;}
.inTimeBuy p.fl{ line-height:.4rem;}
.timeBox{ padding:.02rem .05rem; margin:0 .03rem; background:#a340d3; color:#fff; border-radius:.15rem .05rem .15rem .05rem;}
.box-bg{ padding:.3rem; padding-top:.6rem; background:url(../images/box-bg.png) no-repeat; background-size:100% 100%;}
.msgBox-l{ width:60%;}
.msgBox-r{ width:40%;}
.buyBtn{ width:100%; line-height:.6rem; background:#f44e79; border-radius:.3rem;}
.scheduleBox{ width:100%; height:.1rem; border-radius:.05rem; background:#ffe3e5; overflow:hidden;}
.schedule{ width:40%; height:100%; left:0; top:0; border-radius:.05rem; background:url(../images/schedule.png) no-repeat;}
.angle{ width:1.39rem; height:.67rem; line-height:.55rem; left:-.1rem; top:-.07rem; background:url(../images/jb-r.png) no-repeat; background-size:100% 100%; /*opacity:1 !important;*/}
.angle-b{ background-image:url(../images/jb-b.png);}
.angle-y{ background-image:url(../images/jb-y.png);}
.op4{ opacity:0.4;}
.forward{ width:1.57rem; height:1.34rem;}
.btn-sty{ width:2.8rem; line-height:.8rem; border-radius:.4rem; background:#f44e5a;}
.btn-sty-y{ background:#ffb913;}
.footBox{width:6.4rem;border-top:.01rem solid #f4f4f4;left:50%;bottom:0;transform:translateX(-50%);-webkit-transform:translateX(-50%);}/*8.2改*/

.aboutMy{ top:-.2rem;}
.box-bg2{ background:#fff; border-radius:.15rem; padding-top:.4rem;}
.buyBtn-b{ background:#79c1f7;}/*蓝色背景按钮*/
.buyBtn-g{ background:#d0d0d0;}/*灰色背景按钮*/
.buyBtn-green{ background:#87d682;}/*绿色背景按钮*/
.buyBtn-y{ background:#f8a731;}/*黄色背景按钮*/
.buyBtn-p{ background:#871dd4;}/*紫色背景按钮*/
.angle2{ top:-.18rem;}
.footBtn-l{ line-height:.9rem; background:#fff; border-radius:0 .2rem .2rem 0;}
.footBtn-r{ line-height:.9rem; background:#871dd4; border-radius:.2rem 0 0 .2rem;}
.fz48{ font-size:.48rem;}
.read-p span{ color:#653f8a;}
.read-a{ padding-left:.36rem; height:.3rem; background:url(../images/sel-not.png) no-repeat left center; background-size:.26rem .26rem; vertical-align:middle;}
.read{ background:url(../images/sel-now.png) no-repeat left center; background-size:.32rem .29rem;}
.buy-car{ width:1.75rem; height:1.32rem;}
.happy{ width:1.39rem; height:1.39rem;}
.success img{ width:1.12rem; height:.95rem;}

/*userMsg.html*/
.user-msg{ width:90%; top:37%; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%);}
.userMsgWrap{ background:#f7f9f9; border-radius:.12rem;}
.gameTimes{ width:100%; margin-bottom:.12rem;}
.userMsgWrap{ padding:3% 4%; padding-bottom:2%;}
.msgBox p { padding-left:.4rem; background:url(../images/icon01.png) no-repeat left .16rem; background-size:.28rem .3rem; margin-bottom:2%;}
.msgBox p:last-child{ margin-bottom:0;}
.msgBox p label{ width:27%; height:.55rem; font-size:.28rem; line-height:.55rem; display:inline-block;text-align:justify;text-justify:inter-ideograph;}
.msgBox .icon02{ background-image:url(../images/icon02.png);}
.msgBox .icon03{ background-image:url(../images/icon03.png);}
.msgBox .icon04{ background:url(../images/icon04.png) no-repeat left center; background-size:.3rem .25rem;}
.msgBox p label span{ display:inline-block; width:100%;}
.msgBox p input{ width:70%; height:.55rem; margin-left:2%; text-indent:.3em; background:#fff; border:1px solid #5b5c5c;}
.msgBox p textarea{ width:70%; height:1rem; margin-left:2%; text-indent:.3em; background:#fff; border:1px solid #5b5c5c;}
.userMsg-btn-box a{width:4.15rem; height:.97rem; font-size:.36rem; line-height:.88rem; background:url(../images/btn-big-r.png) no-repeat; background-size:100% 100%; margin-top:4%;}

.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:5.8rem; padding:.3rem; text-align:center; color:#fff; background:rgba(0,0,0,.8); font-size:.28rem; 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:6.4rem; margin:0 auto; position:absolute; z-index:99; left:50%; -webkit-transform:translateX(-50%); bottom:0; background:#fff;}
.mod-area2 { width:5.3rem; 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:.52rem; height:.52rem; top:-1.1rem; right:-.25rem; background:url(../images/off.png) no-repeat; background-size:100% 100%;}
.mod-hide.off2{ position:absolute; width:.52rem; height:.52rem; left:50%; bottom:-.8rem; transform:translateX(-50%); -webkit-transform:translateX(-50%); background:url(../images/off.png) no-repeat; background-size:100% 100%;}
.mod-tit { width:100%; height:1rem; text-align:center; font-weight:bold; font-size:.32rem; line-height:1rem; border-bottom:1px solid #ddd; border-radius:.15rem .15rem 0 0;}
.mod-tit2 { width:5.91rem; height:2.42rem;  position:absolute; top:-1.65rem; left:50%; transform:translateX(-50%); background:url(../images/mod-tit-bg.png) no-repeat; background-size:100% 100%; font-weight:bold; font-size:.48rem; padding-top:1.4rem; color:#fff; text-align:center;}
.mod-con {  width:100%; height:auto; padding:.1rem .25rem .25rem .25rem; overflow-y:auto;overflow-x: hidden;}
.mod-con::-webkit-scrollbar { width:.1rem;/* height:0*/}
.mod-con p { white-space:normal; word-break:break-all;}

.mod-con2 { width:100%; height:auto; padding:.55rem .3rem .3rem .3rem; overflow-y:auto;overflow-x: hidden; color:#333; background: #fff; background-size:100% 100%; border-radius:0 0 .15rem .15rem;}
.mod-con2::-webkit-scrollbar { width:.1rem;/* height:0*/}
.mod-con2 p { margin-bottom:.12rem; white-space:normal; word-break:break-all;}
.mod-pt30{ padding-top:.3rem;}
.mod-btn { width:100%; height:auto; padding:.2rem 0; text-align:center; border-radius:0 0 .12rem .12rem; overflow:hidden;}
.mod-a { width:2.2rem; height:.75rem; display:inline-block; margin:.1rem auto; background:#ff3f4d; text-align:center; font-weight:bold; font-size:.32rem; line-height:.7rem; color:#fff;}
.mod-no { background:url(../images/mod-btn-y.png) no-repeat; background-size:100% 100%;}
.mod-yue{ background:url(../images/mod-btn.png) no-repeat; background-size:100% 100%;}
.mod-btn-g{ background:#ccc;}
.mod-btn-red{ background:#f13f3d;}

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


/*2020.12.15新增*/
pre{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;}
.ruleBtn{ width:.83rem; height:2.13rem; line-height:.28rem; padding-left:.51rem; color:#fff; font-size:.25rem; right:0; top:.75rem; z-index:50; background:url(../images/rule-icon.png) no-repeat; background-size:100% 100%; 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;}
.ruleBtn2{ top:.05rem; font-size:.18rem; padding-left:.53rem; line-height:.22rem;}