@charset "utf-8";
body{ margin: 0 auto!important; background: #161a25; font-size:.26rem;}
div { box-sizing: border-box;}
.dn { display: none;}
.clearfix:after { content: '\20'; clear: both; height: 0; display: block;}
a {-webkit-tap-highlight-color:transparent; text-decoration: none!important;}
a:hover { text-decoration: none!important;}
*{ outline:none!important;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
/* img {-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none; -o-user-select: none;} */
input,textarea { outline: none; border: none; box-sizing: border-box; background: none;}

/* --------------index-start-------------- */
.homeBanner { position: relative;}
.homeNotice {width: 6.9rem; position: absolute; bottom: 1.18rem; left: .3rem; border-bottom: 1px solid #434651; line-height: .85rem; display: flex; justify-content: space-between;
background: url(../images/notice.png) left center no-repeat; padding-left: .37rem; background-size: .27rem auto;}
.homeNotice a { display: flex; justify-content: space-between;}
.homeNotice p { color: #ffffff;}
.homeNotice span { color: #969fb0;}
.homeNotice .mySwiper { flex: 1; height: .86rem; overflow: hidden;}
.homeNotice .swiper-slide { line-height: .86rem;}
.homeNotice b { margin-right: .2rem; font-size: .28rem; color: #ffffff;}
.container { width: 6.9rem; margin: 0 auto;}
.accountInfor { margin-top: -.64rem; position: relative; z-index: 2;}
.titCell { color: #ffffff; font-size: .36rem; line-height: 1; margin-bottom:.3rem;}
.accountBox { background: #1c222e; padding: .4rem .32rem .32rem; border-radius: .34rem;}
.accountBox h3 { font-size: .28rem; line-height: 1; color: #969fb0; margin-bottom: .32rem;}
.accountBox h4 { font-size: .6rem; line-height: .52rem; color: #ffffff; margin-bottom: .26rem;}
.accountControl { display: flex; justify-content: space-between; align-items: center;}
.accountControl p { color: #969fb0; font-size: .28rem;}
.controlBtn { display: flex; align-items: center;}
.controlBtn a { padding: 0 .38rem; margin-left: .16rem; display: block; line-height: .62rem; color: #ffffff; font-size: .28rem; border-radius: .08rem;}
.controlBtn a:nth-child(1) { background: #4a3ef6;}
.controlBtn a:nth-child(2) { background: #383c47;}
.accountControl p span { color: #3dcb77; margin-left: .15rem;}
.homeLink { margin-top: .6rem;}
.homeLink ul { display: flex; justify-content: space-between; gap: .2rem;}
.homeLink li { flex: 1; background: #1c222e; padding: .26rem 0; text-align: center; border-radius: .32rem;}
.homeLink li p { font-size: .28rem; color: #ffffff;}
.homeLink li img { height: .88rem; width: auto; margin: 0 auto .22rem;}
.watchlist { margin-top: .6rem;}
.watchlist li a { padding: .3rem; align-items: center; display: flex; justify-content: space-between; background: #1c222e; border-radius: .32rem;}
.coinImg { width: 1.01rem; height:1.01rem; border-radius:50%; overflow:hidden; margin-right: .2rem;}
.coinImg img { width: 100%; height:100%; border-radius:50%;}
.coinName { width: 2rem;}
.coinGrow { width: 1.03rem;}
.coinNum { text-align: right; width: 2.05rem;}
.coinName p { font-size: .32rem; color: #ffffff; line-height: 1; margin-bottom: .2rem;}
.coinName span { color: #969fb0;}
.coinNum p { font-size: .32rem; color: #ffffff; line-height: 1; margin-bottom: .2rem;}
.coinNum span { color: #3dcb77;}
.coinNum .red { color: red;}
.watchlist li { margin-bottom: .2rem;}
.watchlist li.downLine .coinNum span { color: #ff0000;}
.footer { z-index: 10; background: #12161f; display: flex; align-items: center; justify-content: space-between; position: fixed; bottom: 0; left: 0; width: 100%; height: 1.08rem;}
.h108 { height: 1.08rem;}
.footer a { justify-content: center; flex-direction: column; flex: 1; display: flex; align-items: center;}
.footIcon { margin-bottom: .1rem; width: 100%; height: .43rem; position: relative;}
.footIcon img { height: 100%; width: auto; display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.footIcon img:nth-child(1) { opacity: 0;}
.footIcon img:nth-child(2) { opacity: 1;}
.footer a.cur .footIcon img:nth-child(1) { opacity: 1;}
.footer a.cur .footIcon img:nth-child(2) { opacity: 0;}
.footer a p { line-height: 1; font-size: .24rem; color: #969fb0;}
.footer a.cur p { color: #4a3ef6;}
.errorNotice { display: none; background: rgba(0,0,0,0.8); border-radius: .22rem; text-align: center; width: 3.6rem; padding: .46rem .4rem .4rem; position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.errorNotice img { display: block; width: .52rem; margin: 0 auto .28rem;}
.errorNotice p { font-size: .28rem; color: #ffffff;}
.contPage { background: url(../images/a_01.png) center top no-repeat; background-size: 100% auto; padding-top: 2.54rem;}
.joinCont li { background: #1c222e; border-radius: .32rem; margin-bottom: .3rem; padding: .32rem .32rem 0;}
.joinTitle { margin-bottom: .4rem; display: flex; align-items: center; position: relative;}
.joinState { border-radius: .08rem; padding: 0 .11rem; line-height: .38rem; position: absolute; display: block; right: 0; top: 50%; transform: translateY(-50%); background: #161a25; font-size: .22rem; color: #f9934a;}
.joinIcon { width: .52rem; margin-right: .16rem; border-radius: 50%; overflow: hidden; height: .52rem;}
.joinTitle p { font-size: .32rem; color: #ffffff;}
.joinData dl { display: flex; justify-content: space-between;}
.joinData dt{ box-sizing: border-box; position: relative;}
.joinData dt::after { content: ''; width: 1px; height: .6rem; background: #282d39; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.joinData dt:nth-child(1) { width: 2.1rem;}
.joinData dt:nth-child(2) { padding-left: .45rem; width: 1.72rem;}
.joinData dt:nth-child(3) {padding-left: .32rem; flex: 1;}
.joinData dt p { font-size: .28rem; line-height: 1; color: #969fb0; margin-bottom: .25rem;}
.joinData dt span { font-size: .28rem; color: #ffffff;}
.joinData dt span.stateNum { color: #3dcb77;}
.joinData dt span.stateNum.downNum { color:#d62529}
.joinState.finish { color: #3dcb77;}
.joinState.ended { color: #999999;}
.joinData dt:last-child::after { display: none;}
.joinDate { margin-top: .3rem; position: relative; line-height: .84rem; font-size: .26rem; color: #969fb0;}
.joinDate span { color: #ffffff;}
.joinDate::after { content: ''; position: absolute; left: 0; top: 0; height: 1px; width: 100%; background-image: linear-gradient(to right,rgba(51,57,67,1),rgba(51,57,67,0));}
.emptyJoin { padding-top: 19vh; display:  flex; flex-direction: column; justify-content: center; align-items: center;}
.emptyJoin img { width: 2.08rem; margin-bottom: .5rem;}
.emptyJoin p { font-size: .36rem; color: #ffffff;}
.emptyJoin a { display: block; width: 2.8rem; line-height: .88rem; text-align: center; color: #ffffff; font-size: .32rem; background: #4a3ef6; border-radius: .88rem; margin: .48rem auto 0;}
.caseTop { position: relative; background: url(../images/caseTop.jpg) center no-repeat; background-size: 100% auto; height: 2.58rem;}
.header { line-height: .8rem; height: .8rem; position: fixed; left: 0; top: 0; width: 100%; text-align: center; color: #ffffff; font-size: .36rem; font-weight: bold;}.header.act { background: #12161f; z-index: 10;}
.back { background: url(../images/backIcon.png) center no-repeat; width: .2rem; height: .35rem; background-size: 100% auto; position: absolute; left: .3rem; top: 50%; transform: translateY(-50%);}
.leaveChose { padding: 0 .3rem; position: absolute; bottom: 0; left: 0; border-bottom: 1px solid #454851; width: 100%; display: flex; justify-content: space-between;}
.leaveChose span { font-size: .26rem; color: #969fb0; flex: 1; cursor: pointer; position: relative; line-height: .9rem; display: block;}
.leaveChose span::after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 0; height: .08rem; border-radius: .08rem; background: #4a3ef6;}
.leaveChose span.cur::after { width: .5rem;}
.leaveChose span.cur { font-weight: bold; color: #ffffff; font-size: .32rem;}
.caseList { padding-top: .5rem;}
.caseList .joinCont li dt{ flex: 1; width: 33.33%;}
.joinCont .joinNotice { display: flex; padding: .18rem .34rem; border-radius: .24rem; background: #161a25; justify-content: space-between; align-items: center;}
.priceCont p,.willGet p { font-size: .22rem; color: #969fb0; line-height: 1; margin-bottom: .18rem;}
.priceCont span { font-size: .28rem; color: #ffffff;}
.willGet span {font-size: .28rem; color: #ffffff; color: #3dcb77;}
.priceCont { width: 2.68rem;}
.willGet { width: 1.66rem;}
.joinNotice a { display: block; flex: 1; line-height: .58rem; color: #ffffff; background: #4a3ef6; text-align: center; border-radius: .58rem;}
.joinNotice { margin-bottom: .1rem;}
.joinNotice:last-child { margin-bottom: 0;}
.joinList { padding: .2rem 0 .4rem;}
.timeLast { width: 1.9rem; display: flex; align-items: center; justify-content: start; background-image: linear-gradient(to right,rgba(249,147,74,0),rgba(249,147,74,.5),rgba(249,147,74,0));}
.timeLast img { width: .24rem; margin-right: .1rem;}
#screen { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 10;}
.orderAlt { display: none; position: fixed; width: 5rem; z-index: 12; transform: translate(-50%,-50%); left: 50%; top: 50%; background-image: linear-gradient(to bottom,#0df8f7,#0383f5); padding: .06rem; border-radius: .22rem;}
.altCont { background: #000000; padding: .55rem 0; border-radius: .22rem;}
.buyData { display: flex;}
.dataSlide { position: relative; flex: 1; text-align: center;}
.dataSlide p { font-size: .26rem; color: #969fb0; line-height: .4rem;}
.dataSlide b { display: block; margin-top: .2rem; font-size: .32rem; color: #ffffff;}
.dataSlide::after { content: ''; position: absolute; right: 0; top: 50%; width: 1px; height: .88rem; transform: translateY(-50%); background: #343641;}
.dataSlide:last-child::after { display: none;}
.joinNum { margin: .45rem 0 .6rem; gap: .2rem; display: flex; justify-content: center; align-items: center;}
.numControl { width: 2rem; display: flex; justify-content: center; align-items: center; padding: .15rem .13rem; border-radius: .68rem; background: #1c222e;}
.numControl input { width: .92rem; flex: 1; color: #ffffff; text-align: center;}
.joinNum p { font-size: .26rem; color: #969fb0;}
.altControl a { font-size: .28rem; line-height: .72rem; display: block; text-align: center; margin: 0 auto .22rem; width: 3.22rem; height: .72rem; border-radius: .72rem;}
.altControl a.sure { background: #4a3ef6; color: #ffffff;}
.altControl a.esc { background: #383c47; color: #969fb0;}
.mypage { background: url(../images/myTop.jpg) center top no-repeat; background-size: 100% auto; padding-top: 1.94rem;}
.myInfor .logo { width: 1.71rem; margin: 0 auto .44rem;}
.inforCont { display: flex; align-items: center; justify-content: center;}
.inforCont p { font-size: .3rem; color: #ffffff; margin-right: .12rem;}
.inforCont span { font-weight: bold; margin-right: .1rem; font-size: .36rem; color: #ffffff;}
.inforCont b { display: block; box-sizing: border-box; width: .48rem; height: .34rem; background: url(../images/leaveIcon.png) center no-repeat; background-size: 100% auto; font-size: .18rem; color: #ffffff;
padding-left: .3rem; padding-top: .07rem;}
.myData { margin-top: .34rem; border-radius: .26rem; display: flex; justify-content: space-between; align-items: center; border: 1px solid #454851;}
.myData .dataSlide{ padding: .2rem 0 .2rem .4rem; text-align: left; }
.myData .dataSlide p { font-size: .24rem; line-height: 1; margin-bottom: .14rem;}
.myData .dataSlide span { color: #ffffff; font-size: .26rem;}
.myData .dataSlide::after { height: .6rem;}
.safeProduct { background: #4a3ef6; padding: .36rem .32rem .36rem; border-radius: .28rem; margin: .2rem 0 .11rem;}
.safeProduct h2 { color: #ffffff; font-size: .32rem; line-height: 1; margin-bottom: .4rem;}
.safeProduct ul { display: flex; justify-content: space-between;}
.safeProduct li { flex: 1; text-align: center; position: relative;}
.safeProduct li p { font-size: .28rem; opacity: .5; color: #ffffff; line-height: 1; margin-bottom: .23rem;}
.safeProduct li span { font-size: .32rem; color: #ffffff; line-height: .28rem; margin-bottom: .24rem; display: block;}
.safeProduct li a { display: block; width: 1.9rem; line-height: .62rem; margin: 0 auto; text-align: center; border-radius: .62rem;}
.safeProduct li a.pickNums { background: #ffffff; border-radius: .63rem; color: #000000;}
.safeProduct li a.peiBtn { background: #000000; color: #ffffff;}
.safeProduct li:nth-child(1)::after { content: ''; position: absolute; right: 0; width: 1px; top: .07rem; height: .6rem; background: rgba(255,255,255,.2);}
.userLink li a { border-bottom: 1px solid #282d39; line-height: 1rem; display: flex; align-items: center; position: relative; color: #ffffff; padding-left: .72rem; font-size: .28rem; background: url(../images/enter.png) right center no-repeat; background-size: .12rem auto;}
.userLink li a img { position: absolute; left: .1rem; top: 50%; transform: translateY(-50%); height: .38rem; width: auto;}
.logOut { display: block; width: 5rem; height: .9rem; border-radius: .9rem; text-align: center; line-height: .9rem; margin: .22rem auto; font-size: .28rem;
 color: #969fb0; background: #383c47;}
.loginPage {background: url(../images/myTop.jpg) center top no-repeat #131722; position: relative; min-height: 100vh; background-size: 100% auto; padding-top: 2.23rem;}
.loginTitle h2 { font-weight: bold; color: #ffffff; font-size: .54rem; line-height: 1; margin-bottom: .4rem;}
.loginTitle p { font-size: .28rem; color: #969fb0;}
.loginTitle { margin-bottom: .45rem;}
.loginForm { background: #1c222e; padding: .16rem .4rem; border-radius: .2rem;}
.loginForm li { line-height: .94rem; font-size: .28rem; color: #ffffff; border-bottom: 1px solid #333943; display: flex; justify-content: space-between; align-items: center;}
.loginForm li input { font-size: .28rem; width: 4.5rem; text-align: right; color: #ffffff;}
.loginForm li:last-child { border: none;}
.loginPage .loginBtn{ margin: .3rem auto .4rem; border: none; line-height: .98rem; width: 5.78rem; font-size: .32rem; color: #ffffff; background: #4a3ef6; border-radius: .98rem; display: block; text-align: center;}
.forgetEnter { text-align: center;}
.forgetEnter a { font-size: .28rem; color: #969fb0;}
.loginPage::after { content: ''; position: absolute; bottom: 0; width: 100%; left: 0; background:url(../images/loginBottom.jpg) center no-repeat; height: 6.76rem; pointer-events: none; background-size: 100% auto;}
.loginPage .container { position: relative; z-index: 2;}
.donwApp { border: 1px solid #41454f; width: 5.78rem; margin: .47rem auto 0; display: flex; justify-content: center; align-items: center; gap: .15rem; line-height: .98rem; border-radius: .98rem; background: #0e121b; color: #ffffff;
font-size: .28rem; color: #ffffff;}
.donwApp img { width: .36rem;}
.articleTitle { margin-top: .2rem;}
.articleTitle h2 { font-size: .36rem; margin-bottom: .2rem; color: #ffffff; line-height: .54rem;}
.articleTitle p { font-size: .24rem; color: #969fb0; display: flex; align-items: center; gap: .1rem;}
.articleTitle p img { width: .22rem;}
.articleTitle { border-bottom: 1px solid #2c3039; padding-bottom: .4rem;}
.articleCont p { font-size: .28rem; color: #969fb0; line-height: .48rem; margin-bottom: .48rem;}
.articleCont { padding: .3rem 0;}
.successAlt { display:none; position: fixed; width: 5rem; z-index:99; transform: translate(-50%,-50%); left: 50%; top: 50%; background-image: linear-gradient(to bottom,#0df8f7,#0383f5); padding: .06rem; border-radius: .22rem; }
.successCont { border-radius: .22rem; background: url(../images/successBg.png) center top no-repeat #000003; padding: .53rem 0 .68rem; background-size: 100% auto;}
.successCont img { width: .78rem; margin: 0 auto .3rem;}
.successCont p { color: #ffffff; text-align: center; font-size: .32rem; line-height: .44rem; margin-bottom: .42rem;}
.successAlt a.closeAlt { text-align: center; display: block; border: 1px solid #333335; line-height: .7rem; width: 3.2rem; border-radius: .7rem;
margin: 0 auto; font-size: .28rem; color: #969fb0;}
.lxftime,.lxftime span { font-size: .24rem; color: #f9934a!important;}
.recordTit { width: 100%; display: flex; justify-content: space-between; position: absolute; bottom: 0; left: 0; padding: 0 .78rem .2rem .32rem; border-bottom: 1px solid #454851;}
.recordTit p { font-size: .28rem; color: #ffffff;}
.recordDetail { align-items: center; display: flex; justify-content: space-between;}
.recordList li { border-bottom: 1px solid #2e313b; padding: .32rem 0;}
.recodeName p { color: #ffffff; font-size: .28rem; line-height: 1; margin-bottom: .24rem;}
.recodeName span { font-size: .24rem; color: #969fb0;}
.recordNum { font-size: .28rem; color: #3dcb77;}
.pickAddress { margin-top: .13rem; font-size: .24rem; color: #969fb0; line-height: .34rem;}
.pickAddress i { word-break: break-all;}
.recordList { padding: 0 .32rem;}
.pickAddress b  { display:inline-flex; width: .18rem; margin-left: .12rem;}
.recordNum.reduceNum { color: #f9934a;}
.teamTitle { width: 100%; display: flex; justify-content: space-between; position: absolute; bottom: 0; left: 0; padding: 0 .32rem .2rem .32rem; border-bottom: 1px solid #454851;}
.teamTitle p { font-size: .28rem; color: #ffffff;}
.teamList li { line-height: .86rem; border-bottom: 1px solid #2e313b; align-items: center; display: flex; justify-content: space-between;}
.teamList li p { font-size: .28rem; color: #969fb0;}
.teamList li span { display: block; font-size: .22rem; color: #3dcb77; line-height: .39rem; padding: 0 .12rem; border-radius: .12rem; background: #1c222e;}
.teamList li span.error { color: #999999;}
.teamList { padding: 0 .32rem;}
.starCover { z-index: 99; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/star.jpg) center no-repeat; background-size: cover;} 
.downPage { background: url(../images/downPage.jpg) center top no-repeat; height: 100vh; background-size: 100% auto;}
.downBtn { position: fixed; left: 0; width: 100%; bottom: 1.8rem;}
.downBtn a { display: block; margin: .26rem auto 0; width: 5.21rem;}
.invitePage { background: url(../images/myTop.jpg) center top no-repeat #161a25; padding-top: 1.23rem;}
.inviteCont { width: 6.6rem; margin: 0 auto; background: url(../images/invitePic.jpg) center no-repeat #000000; height: 9.4rem; background-size: 100% auto; position: relative;}
.inviteCont>img { width: 1.18rem; position: absolute; bottom: .37rem; right: .41rem;}
.canvasBar {width: 6.6rem; position: relative; margin: 0 auto;}
.resultImg { z-index: 2; position: absolute; left: 0; top: 0; width: 100%;}
.resultImg img { opacity: 0;}
.container_invite { width: 6.6rem; margin: 0 auto;}
.inviteBottom { margin-top: .7rem; border-radius: .22rem .22rem 0 0; background: #1c222e; padding: .23rem .45rem .48rem;}
.linkCont { background: #161b25; line-height: .66rem; border-radius: .15rem; overflow: hidden; display: flex; align-items: center; justify-content: space-between;}
.linkCont span { color: #ffffff; font-size: .24rem; display: block; text-align: center; white-space: nowrap; padding: 0 .15rem; background-image: linear-gradient(to right,#3b34bb,rgba(59,52,187,0));}
.linkCont b { overflow: hidden; flex: 1; font-size: .24rem; color: #969fb0;}
.inviteControl { display: flex; justify-content: center; margin-top: .46rem; align-items: center;}
.inviteControl a img { width: .96rem; border-radius: 50%; margin: 0 auto .26rem;}
.inviteControl a p { font-size: .28rem; color: #ffffff;}
.inviteControl a { margin: 0 .5rem;}
.talkPage { height: calc(100vh - 2.15rem); padding: .3rem .2rem; overflow-y: auto;}
.timeTag { text-align: center; font-size: .2rem; color: #ffffff; background: rgba(0,0,0,0.2); line-height: .46rem;
width: .92rem; border-radius: .46rem; margin: 0 auto .3rem;}
.answer { overflow: hidden; margin-bottom: .4rem;}
.ansIcon { margin-right: .15rem; float: left; width: .8rem; height: .8rem; border-radius: 50%; overflow: hidden;}
.ansIcon img { width: 100%; height: 100%; object-fit: cover;}
.ansText h2 { line-height: 2; font-size: .28rem; color: #fff;}
.ansText p { display: inline-block; background: #1c222e; color: #969fb0; max-width: 5.2rem; box-sizing: border-box; padding: .2rem; border-radius: .15rem; box-sizing: border-box;}
.ansText { float: left;}
.question .ansIcon { margin-right: 0; margin-left: .15rem; float: right;}
.question .ansText { float: right;}
.question .ansText p { color: #ffffff; background: #4a3ef6;}
.question { overflow: hidden; margin-bottom: .4rem;}
.talkControl { border-radius: 1.08rem; gap: .2rem; padding: 0 .2rem; left: .3rem; bottom: .35rem; width: 6.9rem; background: #000000; position: fixed; height: 1rem; display: flex; align-items: center; justify-content: center;}
.talkControl .sendBtn { border: none; outline: none; width: .68rem;
border-radius: .12rem;margin: 0 5px;}
.upload { position: relative; width: .54rem;}
.upload input { position: absolute; left: 0; top: 0; outline: none; width: 100%; height: 100%; opacity: 0;}
.talkControl>input { flex: 1; color:#ffffff; border-radius: .14rem; height: .72rem;
font-size: .28rem; text-indent: .18rem;}
.h80 { height: .8rem;}
.aboutPage { background: url(../images/aboutBg.jpg) center top no-repeat #161a25; padding-top: 2.7rem; background-size: 100% auto;}
.aboutTitle { margin-bottom: .38rem; border-bottom: 1px solid #2e313b; padding: .6rem 0 .32rem;}
.aboutTitle p { font-size: .36rem; color: #ffffff;}
.aboutTitle span { font-weight: 200; font-size: .2rem; color: #969fb0; line-height: .36rem;}
.aboutCell li{ margin-bottom: .55rem; display: flex; justify-content: space-between; align-items: flex-start; }
.aboutPic { width: .88rem; margin-right: .27rem;}
.aboutText { flex:1}
.aboutText p { color: #ffffff; font-size: .3rem; font-weight: bold; line-height: .32rem; margin-bottom: .12rem;}
.aboutText span { font-size: .24rem; color: #969fb0; display: block; line-height: 1.5;}
.titleCell { font-weight: bold; font-size: .32rem; line-height: 1; margin-bottom: .55rem; color: #ffffff;}
.aboutCell { border-bottom: 1px solid #2e313b; margin-bottom: .55rem;}
.honor { background: #1c222e; padding: .34rem; border-radius: .12rem; margin-bottom: .3rem;}
.aboutCell dt { display: flex; justify-content: space-between; gap: .3rem;}
.aboutCell dt p { line-height: .48rem; white-space: nowrap; font-size: .26rem; color: #969fb0;}
.aboutCell dt span { text-align: right; font-size: .26rem; line-height: .48rem; color: #ffffff;}
.aboutCell dl { padding-bottom: .48rem;}
.aboutTitle h3 { font-size: .28rem; color: #ffffff; line-height: .36rem;}
.aboutCont dt h4 { margin-bottom: .12rem; font-size: .3rem; color: #ffffff; display: flex; align-items: center;}
.aboutCont dt h4 img { width: .52rem; margin-right: .16rem;}
.aboutCont dt p { font-size: .22rem; color: #969fb0; line-height: .46rem;}
.aboutCont dt { background: #1c222e; padding: .32rem .24rem; margin-bottom: .2rem; border-radius: .22rem;}
.payPage { background: url(../images/successBg.png) center top no-repeat #161a25; background-size: 100% auto;
padding: 1.78rem .2rem 0;}
.payTitle h2 { font-weight: bold; color: #ffffff; font-size: .54rem; line-height: 1; text-indent: .34rem;
margin-bottom:.26rem}
.payCont { margin-bottom: .2rem; background: #1c222e; padding: 0 .3rem .54rem; border-radius: .25rem;}
.payCont li { border-bottom: 1px solid #333943; line-height: 1rem; display: flex; justify-content: space-between; align-items: center;}
.payCont li p { font-size: .28rem; color: #ffffff;}
.payCont li img { margin-right: .2rem; width: .37rem;}
.payCont li span { display: flex; align-items: center; font-size: .28rem; color: #969fb0;}
.payCont li span b { color: #ffffff;}
.payInfor h3 { font-size: .28rem; line-height: .9rem; margin-bottom: .2rem; color: #ffffff;}
.payInfor h3 span { font-size: .28rem; color: #999999;}
.payInfor img { width: 2.5rem; margin: 0 auto .4rem;}
.payInfor h4 { color: #ffffff; word-break: break-all; font-size: .28rem; line-height: .38rem; margin-bottom: .38rem;}
.payInfor a { display: block; text-align: center; color: #ffffff; width: 5.8rem; line-height: 1rem;
border-radius: 1rem; background: #4a3ef6; font-size: .32rem; margin: 0 auto;}
.payNotice { margin-bottom: 1rem; background: #1c222e; padding: .3rem; border-radius: .25rem;}
.payNotice h3 { display: flex; gap: .2rem; font-size: .28rem; color: #ffffff; align-items: center;}
.payNotice h3 img { width: .3rem;}
.payNotice p { font-size: .24rem; color: #969fb0; line-height: 1.5; margin-top: .15rem;}
.pickNum { padding: .2rem 0; border-bottom: 1px solid #333943; display: flex; justify-content: space-between; align-items: start;}
.pickNum p { font-size: .28rem; line-height: .54rem; color: #ffffff;}
.pickInp { line-height: .54rem; display: flex; align-items: center; text-align: right; font-size: .28rem; color: #ffffff;}
.pickInp input { height: .54rem; margin-right: .25rem; text-align: right; font-size: .28rem; color: #3dcb77;}
.numRight b { display: block; text-align: right; font-size: .24rem; color: #ff9f2e;}
.payInfor textarea { display: block; width: 100%; resize: none; font-family: '微软雅黑'; height: 1.66rem;
border-bottom: 1px solid #323742; color: #ffffff; font-size: .28rem; margin-top:-.2rem; position: relative; z-index: 2;}
.payInfor dt { display: flex; justify-content: space-between; align-items: center; color: #ffffff;
font-size: .28rem; line-height: .6rem;}
.payInfor dt b { color: #3dcb77; margin-right: .1rem;}
.payInfor dt span { color: #969fb0; margin-left: .1rem;}
.payInfor dl { padding: .3rem 0;}
.successNotice,.saveNotice { display: none; position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%);
padding: 0 .4rem; border-radius: .05rem; line-height: 2.5; background: rgba(0,0,0,0.8); color: #ffffff;}
.saveNotice { pointer-events: none;}
.pageBox ul { margin: .4rem auto; gap: .15rem; display: flex; justify-content: center; align-items: center;}
.pageBox li { border-radius: 4px;width: .4rem; text-align: center; line-height: .4rem; border: 1px solid #2e313b; color: #969fb0;}
.pageBox li a { color: #969fb0;}
.pageBox li.active { background:#4a3ef6 ; color: #ffffff; border: 1px solid #4a3ef6;}
.buyPei { z-index: 20; display: none; width: 5rem; position: fixed; left: 50%; top:50%; transform: translate(-50%,-60%); background-image: linear-gradient(to bottom,#0df8f7,#0383f5); padding:.06rem; border-radius: .2rem;}
.buyConts { border-radius: .06rem; background: #00020a;}
.buyConts h2 {display: flex; justify-content: space-between; border-bottom: 1px solid #1b1b21; color: #ffffff; line-height: .85rem; text-indent: .3rem; font-size: .32rem;}
.buyConts h2 span { font-size: .22rem; color: #969fb0; padding-right: .2rem;}
.buyConts ul { margin-bottom: .2rem; padding: .26rem .3rem;}
.buyConts li { line-height: .65rem; display: flex; align-items: start; justify-content: space-between;}
.buyConts li p { font-size: .26rem; color: #969fb0;}
.inpConts { overflow: hidden; display: flex; justify-content: space-between;color: #ffffff;}
.inpConts input {padding: 0 .12rem; text-align: left; border-radius: .16rem; width: 1.6rem; margin-right: .1rem; background: #1c222e; border: none; color: #ffffff;}
.buyConts li i{ font-size: .28rem; color: #ffffff;}
.buyRight { text-align: right;}
.buyConts li span { font-size: .32rem; color: #a6a0ff;}
.buyConts li span.whiteColor { color: #ffffff;}
.buyConts li span.redColor { color: #ff0000;}
.buySet { text-align: center; display: block; width: 3.22rem; border-radius: .74rem; line-height: .74rem; margin: 0 auto .22rem; color: #ffffff;
background: #4a3ef6; font-size: .28rem;}
.escSet { text-align: center; display: block; width: 3.22rem; border-radius: .74rem; line-height: .74rem; margin: 0 auto .22rem; color: #969fb0;
background: #383c47; font-size: .28rem;}
#changeAlt .inpConts input { padding: 0 .12rem; text-align: left; border-radius: .16rem; margin-right: .1rem; background: #1c222e; border: none; color: #ffffff; flex: 1; width: 2.8rem; height: .65rem;}
#changeAlt ul { margin-bottom: 0!important;}
#changeAlt li { margin-bottom: .2rem;}
#changeAlt li:last-child { margin-bottom: 0;}
.setNotice { text-align: center; color: #969fb0; margin-bottom: .2rem; line-height: 3; font-size: .26rem;}
.buyConts {overflow: hidden; padding-bottom: .3rem;}
.noData { text-align: center; color: #ffffff; font-size: .32rem; padding: .5rem 0;}
/*************loading***************/.loadingbox{	width: 100%;	height: 100%;	position: fixed;	top: 0;	left: 0;	z-index: 9999;}.loadings {	width: 100px;	height: 100px;	position: fixed;	left: 50%;	top: 50%;	z-index: 999;	border-radius: 10px;	margin: -50px 0 0 -50px;	background: rgba(0, 0, 0, 0.4);	display: flex;	display: -webkit-flex;	align-items: center;	-webkit-align-items: center;	justify-content: center;	-webkit-justify-content: center;}.weui-loading {	width: 60px;	height: 60px;	display: inline-block;	vertical-align: middle;	-webkit-animation: weuiLoading 1s steps(12, end) infinite;	animation: weuiLoading 1s steps(12, end) infinite;	background: transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iMTIwIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgxMDB2MTAwSDB6Ii8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTlFOUU5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTMwKSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iIzk4OTY5NyIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgzMCAxMDUuOTggNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjOUI5OTlBIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDYwIDc1Ljk4IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0EzQTFBMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSg5MCA2NSA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNBQkE5QUEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoMTIwIDU4LjY2IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0IyQjJCMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgxNTAgNTQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjQkFCOEI5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDE4MCA1MCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDMkMwQzEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTE1MCA0NS45OCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDQkNCQ0IiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTEyMCA0MS4zNCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNEMkQyRDIiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDM1IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0RBREFEQSIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgtNjAgMjQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTJFMkUyIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKC0zMCAtNS45OCA2NSkiLz48L3N2Zz4=) no-repeat;	background-size: 100%;}.weui-loading.weui-loading_transparent,.weui-btn_loading.weui-btn_primary .weui-loading,.weui-btn_loading.weui-btn_warn .weui-loading {	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 100 100'%3E%3Cpath fill='none' d='M0 0h100v100H0z'/%3E%3Crect xmlns='http://www.w3.org/2000/svg' width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.56)' rx='5' ry='5' transform='translate(0 -30)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.5)' rx='5' ry='5' transform='rotate(30 105.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.43)' rx='5' ry='5' transform='rotate(60 75.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.38)' rx='5' ry='5' transform='rotate(90 65 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.32)' rx='5' ry='5' transform='rotate(120 58.66 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.28)' rx='5' ry='5' transform='rotate(150 54.02 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.25)' rx='5' ry='5' transform='rotate(180 50 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.2)' rx='5' ry='5' transform='rotate(-150 45.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.17)' rx='5' ry='5' transform='rotate(-120 41.34 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.14)' rx='5' ry='5' transform='rotate(-90 35 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.1)' rx='5' ry='5' transform='rotate(-60 24.02 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.03)' rx='5' ry='5' transform='rotate(-30 -5.98 65)'/%3E%3C/svg%3E");}@-webkit-keyframes weuiLoading {	0% {		transform: rotate3d(0, 0, 1, 0deg);	}	100% {		transform: rotate3d(0, 0, 1, 360deg);	}}@keyframes weuiLoading {	0% {		transform: rotate3d(0, 0, 1, 0deg);	}	100% {		transform: rotate3d(0, 0, 1, 360deg);	}