productCont

body{ position: relative; min-height: 100vh; background: #151a24; font-size:.25rem; padding-bottom: 1.8rem;}
/*body::after { content: '- NFTCN数藏 -'; position: absolute; bottom: 1.2rem; line-height: .8rem; color: #666666; text-align: center; left: 0;width: 100%;}*/

*{max-width:100%;}
div { box-sizing:border-box;}
.dn { display: none;}
.topInfor { position: relative;}
.projectName { margin-bottom:.18rem; overflow:hidden;}
.projectName img { float: left; width:.48rem; height:.48rem; border-radius:50%}
.projectName p { color:#ffffff; line-height:.48rem; float: left; margin-left: .09rem; font-size:.28rem}
.projectName span { border-radius:.08rem; color:#78b8ff; float:right; display:block; padding:0 .08rem; line-height:.42rem; margin-top:.015rem; background:#253f58; }
.projectName span b{
    background-image: linear-gradient(to right,#78b8ff,#306bdf); background-clip: text;-webkit-background-clip: text; color: transparent;font-weight: bold;
}
.homeLogo { z-index: 3; position: absolute; left: .28rem; top: .88rem; width: 2.92rem;}
.stepStates { position:absolute;right:2rem;top:.18rem; width:1.1rem;}
#screen { z-index: 10; display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5);}
.footer { background: #000000;  z-index: 4; height: 1.2rem; position: fixed; left: 0; bottom: 0;width: 100%;}
.footer a { color: #999999; float: left; display: block; width: 20%; text-align: center; line-height: 1; font-size: .24rem;
padding-top: .68rem; box-sizing: border-box; height: 1.12rem;}
.footer a:nth-child(1) {background: url(../image/foot1.png) center .15rem no-repeat;
background-size: auto .4rem;}
.footer a:nth-child(2) {background: url(../image/foot2.png) center .15rem no-repeat;
background-size: auto .4rem;}
.footer a:nth-child(3) {background: url(../image/foot3.png) center .15rem no-repeat;
background-size: auto .4rem;}
.footer a:nth-child(4) {background: url(../image/foot4.png) center .15rem no-repeat;
background-size: auto .4rem;}
.footer a:nth-child(5) {background: url(../image/foot5.png) center .15rem no-repeat;
background-size: auto .4rem;}
.footer a.on:nth-child(1) {background: url(../image/foot1on.png) center .15rem no-repeat;
background-size: auto .4rem;}
.footer a.on:nth-child(2) {background: url(../image/foot2on.png) center .15rem no-repeat;
background-size: auto .4rem;}
.footer a.on:nth-child(3) {background: url(../image/foot3on.png) center .15rem no-repeat;
background-size: auto .4rem;}
.footer a.on:nth-child(4) {background: url(../image/foot4on.png) center .15rem no-repeat;
background-size: auto .4rem;}
.footer a.on:nth-child(5) {background: url(../image/foot5on.png) center .15rem no-repeat;
background-size: auto .4rem;}
.footer a.on { color: #3072f6;}
.contBox {padding: .23rem .2rem; position: relative; background: #151a24; border-radius: .23rem; margin: -.23rem auto 0; overflow: hidden;}
.banner span { width: .54rem; height: .05rem; margin: 0 .08rem; border-radius: 0; opacity: 1; background: #5e689a;}
.banner span.swiper-pagination-bullet-active { background: #3072f6;}
.banner { margin-bottom: .1rem; text-align: left;}
.banner .swiper-pagination {text-align: left; bottom: 1.3rem; padding-left: .5rem;}
.shopTit {overflow: hidden; font-size: .32rem; color: #ffffff; line-height: 1.2rem; padding-left: .44rem; position: relative;}
.shopTit::before { content: ''; position: absolute; left: .2rem; top: 50%; width: .06rem; height: .26rem; border-radius: .06rem; background: #4d76e0; transform: translateY(-50%);}
.roundMoneys { text-align: center; font-size:.24rem;color:#999999;line-height:.72rem;}
.shopTit a { font-size: .28rem; color: #b33179; margin-right: .34rem;}
.shopTit img { vertical-align:middle; display: inline-block; margin: 0 .13rem; width: .4rem;}
.shopTit a img { display: inline-block; margin: 0 .13rem; width: .36rem; vertical-align: -.08rem;}
.productCont { position:relative; padding: .2rem;}
.sendBtn {position: absolute;
    background-image: linear-gradient(to right,#235198,#4a9cba);
    color: #ffffff;
    padding: 0 0.1rem;
    border-radius: 4px;
    font-size: .26rem;
    line-height: 2;
    right: 1.1rem;}
.timesCont {position: absolute;
    right: 0;
    /* top: 0.8rem; */
    width: 1rem;
    /* text-align: center; */
    color: #ffffff;
    line-height: .52rem;}
.productInfor { position: relative; margin-bottom: .2rem; overflow: hidden; background: url('../image/newicon5.png') center no-repeat; background-size:cover; border-radius: .2rem;}
.productImg { margin-bottom: .2rem; border-radius: .26rem; overflow: hidden; position: relative;}
.productImg:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: .86rem; background-image: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.5));}
.productName { z-index: 2; position: absolute; bottom: .3rem; line-height: 1; padding: 0 .42rem; font-size: .28rem; color: #ffffff;overflow: hidden; white-space:nowrap; text-overflow: ellipsis;}
.productName span { font-weight: bold; color: #8fe1ff;}
.productUser p { line-height: .4rem; font-size: .24rem; color: #8993b1;}
.productUser p span { color: #ffffff;}
.stepCont {border-radius:.24rem; background:rgba(255,255,255,.1);}
.stepCont h2 {text-align: center; color: #ffffff; line-height: .66rem; font-size: .24rem;}
.stepBox {text-align:center; line-height: .24rem; overflow: hidden; width:96%; position:relative; margin: 0 auto;}
.stepBox p  {display:inline-block; font-size: .24rem; color: #ffffff;}
.stepInfor {margin:0 .1rem; overflow: hidden; position: relative; background: #515860; width:60%; height: .24rem; border-radius: .24rem;display:inline-block; }
.stepInfor i {overflow: hidden; border-radius: .24rem; background-image: linear-gradient(to right,#64b9ff,#3173f6); display: block; position: absolute; left: 0; top: 0; height: 100%;}
.stepInfor i:after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../image/lines.png) left top repeat-x;
background-size: auto 100%;}
.joinControl { padding-bottom: .5rem;}
.joinTop { padding: .2rem 0 .3rem; overflow: hidden;}
.joinGet { position: relative; float: left; width: 50%; text-align: center;}
.joinGet p { font-size: .24rem; color: #999999; line-height: .46rem; position: relative;}
.joinGet span { color: #ffffff; line-height: .46rem;}
.joinGet b { display: block; line-height: .46rem;  color: #ffffff;　}
.joinGet:nth-child(1)::after{ content: ''; position: absolute; right: 0; top: 50%; width: 1px; background: #505259; height: .56rem; transform: translateY(-50%);}
.joinGet2 { position: relative; float: left; width: 33%; text-align: center;}
.joinGet2 p { font-size: .24rem; color: #999999; line-height: .46rem; position: relative;}
.joinGet2 span { color: #ffffff; line-height: .46rem;}
.joinGet2 b { display: block; line-height: .46rem;  color: #ffffff;　}
.joinGet2:nth-child(1)::after , .joinGet2:nth-child(2)::after{ content: ''; position: absolute; right: 0; top: 50%; width: 1px; background: #505259; height: .56rem; transform: translateY(-50%);}
.getProduct { display: block; width: 6.5rem; line-height: .8rem; border-radius: .8rem; color: #ffffff; font-size: .28rem; margin: 0 auto; background: #1330af;
text-align: center;}
.userInfor { overflow: hidden; padding:1rem 0 2rem .3rem;}
.userIcon { float: left; width: 1.28rem; height: 1.28rem; border-radius: 50%; overflow: hidden;}
.userTxt { float: left; margin-left: .3rem;}
.userTxt h2 { color: #ffffff; line-height: .75rem; font-size: .36rem;}
.leaveCont { overflow: hidden;}
.leaveCont span { line-height: .48rem; border-radius: .48rem; float: left; background: url(../image/icon3.jpg) .18rem center no-repeat #333333; padding: 0 .2rem 0 .59rem; font-size: .24rem; color: #adaeb7;
background-size: .3rem auto;}
.leaveCont .becomeBtn { float: left; display: block; background: url(../image/icon4.jpg) center no-repeat; width: 1.38rem; height: .23rem;
background-size: 100% auto; margin-top: .12rem; margin-left: .2rem;}
.moneyMingxi {overflow: hidden;}
.moneyMingxi li { float: left; width: 50%;text-align: center;}
.moneyInfor { padding: .3rem .4rem; overflow: hidden; border-radius: .23rem; margin-bottom: .2rem; background-image: linear-gradient(to right,#2a436f,#55749f); margin-top:-1.63rem;}
.topMoney {text-align:center; overflow: hidden; line-height: .84rem;}
.moneyInfor .topMoney h2 { float:left; width:50%; overflow: hidden; font-size: .32rem; color: #ffffff;}
.moneyInfor .topMoney span { width: 50%; float:right; font-size: .22rem; color: rgba(255,255,255,.5);}
.moneyMingxi li p{ line-height: 2; font-size: .24rem; color: rgba(255,255,255,.5);}
.moneyMingxi li span{ line-height: 2; color: #ffffff; font-size: .26rem;}
.payPick {border-radius:.22rem; overflow: hidden; background:#1b232e}
.payPick a { float: left; line-height: 1.24rem; width: 50%; font-weight: bold; color: #ffffff; text-indent: 1.74rem; background: url(../image/userIcon1.png) .5rem center no-repeat #1b232e; border-right: 1px solid #313842; box-sizing: border-box;
 font-size: .3rem; background-size: .63rem;}
.payPick a:nth-child(2) { float: right; background: url(../image/userIcon2.png) .5rem center no-repeat #1b232e; border:none; background-size: .63rem;}
.moneyMenu { overflow: hidden; margin: .2rem auto 0; background:#1b232e; border-radius: .23rem;}
.moneyMenu a { font-size: .28rem; position:relative; box-sizing:border-box; padding-left:1.06rem; display:block; border-bottom:1px solid #313842; color: #cecece; line-height: 1rem; background:url(../image/userIconEnter.png) 6.67rem center no-repeat; background-size:.12rem auto;}
.moneyMenu a:last-child{border:none;}
.moneyMenu a img { width:.47rem; left:.36rem; top:50%; transform:translateY(-50%); position:absolute;}
.logOut { display: block; background: #262e38; width: 6.5rem; margin: .75rem auto 0; line-height: .8rem; border-radius: .8rem;
font-size: .28rem; text-align: center; color:#999999}

.becomeAlt,.joinAlt { z-index: 11; padding:.32rem .18rem .2rem; width: 100%; position: fixed; left: 0; bottom: -110%; background: #1b232e; border-radius: .23rem;}
.becomeAlt .closeAlt,.joinAlt .closeAlt { display: block; background: url(../image/closeAlt.png) center no-repeat; width: .6rem; height: .6rem; background-size: 100% auto;
position: absolute; top: -.28rem; right: -.28rem; background-size: 100% auto;}
.joinAlt .joinControl {border-top:1px solid #262e38}
.becomeAlt p span,.joinAlt p span { color: #81dbff;}
.becomeAlt a.openBtn,.joinAlt a.openBtn { display: block; width: 4.36rem; margin: .3rem auto 0; line-height: .8rem; border-radius: .8rem; text-align: center; color: #ffffff; font-size: .28rem;
background: #1330af;}
.joinNumbers { text-align: center; margin: .1rem 0 .4rem;}
.joinNumbers span{ display:inline-block; vertical-align:top; width: .6rem;}
.joinNumbers b { margin: 0 .13rem; font-size: .26rem; color: #cccccc; line-height: .6rem;}
.joinNumbers input { margin: 0 .13rem; background: #323c49; border: none; text-align: center; font-size: .26rem; color: #cccccc; display: inline-block; vertical-align: top; box-sizing:border-box; width:1.36rem; height:.6rem; border-radius:.09rem}
.joinAlt .joinControl {padding-bottom:0;}
.joinAlt a.closeJoin {display: block;
    width: 4.36rem;
    margin: 0 auto;
    line-height: .8rem;
    border-radius: 0.8rem;
    text-align: center;
    color: #999999;
    font-size: .28rem;
}
.joinGet img { display: inline-block;
    width: 0.28rem;
    margin-right: 0.1rem;
    vertical-align: -0.03rem;}
.becomeNotice { text-align: center; padding: .2rem 0; background:#4a4e57; border-radius: .24rem; line-height: .36rem; font-size: .24rem; color: rgba(255,255,255,.5);}
.paidanStep { margin-bottom: .2rem; overflow: hidden; border-bottom: 1px solid #1a1a2f;}
.paidanStep span{ color: #80808a; position: relative; font-size: .28rem; float: left; width: 50%; text-align: center; line-height: 1; padding: .12rem 0 .34rem;}
.paidanStep span.cur {color: #4d76e0; }
.joinState { position: absolute; display: block; line-height: .52rem; padding: 0 .19rem; color: #ffffff; font-size: .24rem; z-index: 4; background-image: linear-gradient(to right,#03b6fd,#93e0ff);
border-radius: .23rem 0 .23rem 0;}
.paidanStep span.cur:after { content: ''; position: absolute; width: .54rem; height: .06rem; border-radius: .06rem;
bottom: 0; left: 50%; margin-left: -.27rem;background:#4d76e0;}
.joinState.joined {background-image: linear-gradient(to right,#b69e7f,#dec4a3);}
.joinNotice { margin-top: .32rem; background: url(../image/icon3.png) .37rem center no-repeat; padding-left: .75rem; font-size: .24rem; color: rgba(255,255,255,.5); background-size: .24rem auto;}
.joinedControl { padding: 0 .3rem; overflow: hidden;}
.joinedControl a { float: left; width:3.1rem;}
.joinedControl a:last-child { float: right;}
.joinInfor h2 { font-size: .28rem; color: #ffffff; position: relative;}
.joinInfor h2 i { transition: all .5s; background: url(../image/icon13.jpg) center no-repeat; width: .2rem; height: .12rem; background-size: 100% auto;
position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.joinInfor h2.cur i { transform: translateY(-50%) rotate(180deg);}
.joinInfor { padding: .3rem .3rem 0;}
.joinInfor ul { display: none; padding: .3rem 0 0;}
.joinInfor ul li{ line-height: .5rem; overflow: hidden;}
.joinInfor li p { float: left; font-size: .24rem; color: #a3a9ba;}
.joinInfor li p i {color: #4089b1; margin-left: .1rem;}
.joinInfor li span { float: right; font-size: .24rem; color: #a3a9ba;}
.joinInfor ul li span img { display: inline-block; width: .24rem; margin: 0 .05rem; vertical-align:-2px;}
.becomeAlt input { font-size: .28rem; width: 4.36rem; line-height: .8rem; height: .8rem; margin: 0 auto; border-radius: .8rem; color: #ffffff; display: block; border: none; outline: none; background: #2e3035; text-indent: .3rem; font-size: .26rem;}
.productCont h3 span { font-weight: bold; color: #8fe1ff;}
.productCont h3 { margin-top: .26rem; line-height: .9rem; font-size: .28rem; color: #ffffff;}
.stepState {position: absolute; display: block; line-height: .52rem; padding: 0 .19rem; color: #ffffff; font-size: .24rem; z-index: 4; background: #16181c;
border-radius: .23rem 0 .23rem 0; left: 0; top: 0;}
.getProduct.settleEnd { background: #4a4e57; color: #a5a6a8;}
.header {z-index:2; position:fixed; left:0; top:0; width:100%; text-align: center;background:#151a24;  font-size: .34rem; color: #ffffff; line-height: 1rem;}
.he100 { height: 1rem;}
.header .back { display: block; background: url(../image/backIcon.png) center no-repeat; width: .21rem; height: .35rem; background-size: 100% auto;
position: absolute; left: .3rem; top: .32rem;}
.payMoney { line-height: 1.96rem; text-align: center; font-size: .6rem; font-weight: bold;background-image: linear-gradient(to right,#02b6fd,#94e1ff); background-clip: text;-webkit-background-clip: text; color: transparent;}
.payPage { padding: 0 .48rem;}
.payNumber { border-radius: .23rem; margin-bottom: .2rem; background: #1b232e; padding:0 .3rem .2rem;}
.payNumber p,.payNumber input { font-size: .28rem; border: none; outline: none; color: #fff; background: none; height: .7rem; line-height: .7rem;}
.payNumber p {overflow: hidden;}
.payNumber input { border-bottom: 1px solid #3a3d45; display: block; width: 100%;
box-sizing: border-box; outline: none;}
.payNumber p span.copyBtn { float: right; display: block; background: url(../image/copyBtn.png) center no-repeat; width: 1.35rem; height: .54rem;
background-size: 100% auto; margin-top: .08rem;}
.payNumber i { line-height: 2; margin-top: .25rem; display: block; background: #000000; overflow: hidden; white-space:nowrap; text-overflow: ellipsis; color: #a5a6a8; font-size: .2rem;}
.payEwm { width: 4rem; padding: .18rem; border: 2px solid #1257c9; border-radius: .23rem; margin: .5rem auto;}
.saveNotice {font-weight: bold;background-image: linear-gradient(to right,#02b6fd,#94e1ff); background-clip: text;-webkit-background-clip: text; color: transparent; text-align: center;
font-size: .32rem;}
.payPage a.finishBtn { display: block; width: 5.9rem; margin: .4rem auto; line-height: .8rem; border-radius: .8rem; text-align: center; color: #ffffff; font-size: .28rem;
background:#1330af;}
.payNumber p span { margin: 0 .1rem;}
.payNumber a.allChose {background-image: linear-gradient(to right,#02b6fd,#94e1ff); background-clip: text;-webkit-background-clip: text; color: transparent; text-align: center;
margin-left: .26rem;}
.becomeAlt.pwdAlt{padding-top: .2rem;}
.becomeAlt.pwdAlt h2{ line-height: 1.22rem;}
.becomeAlt a.escBtn {background-image: linear-gradient(to right,#02b6fd,#94e1ff); background-clip: text;-webkit-background-clip: text; color: transparent; text-align: center; font-size: .28rem;  display: block; line-height: .8rem;}
.moneyList li{ border-bottom: 1px solid #1a1a2f; overflow: hidden; background: url(../image/paypageIcon3.png) .3rem center no-repeat; padding: .2rem .3rem .2rem 1.07rem; background-size: .48rem auto;}
.leftTxt { float: left;}
.leftTxt h2 { font-size: .28rem; color: #ffffff; line-height: .54rem;}
.leftTxt p { font-size: .24rem; color: #80808a; line-height: .54rem;}
.moneyList li span { float: right; font-size: .28rem;     background-image: linear-gradient(to right,#78b8ff,#306bdf);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    font-weight: bold;
line-height: 1.08rem; }
.vipList li {overflow: hidden; border-bottom: 1px solid #1a1a2f; line-height: 1.2rem; background: url(../image/icon15.png) .3rem center no-repeat;
padding: 0 .3rem 0 1rem; background-size: .48rem auto;}
.vipList li p {width:2.6rem; font-size: .28rem; float: left; color: #ffffff;}
.vipList li span { float: right; font-size: .28rem; color: #80808a;}
.resignBox { border-radius: .23rem;  margin-top: -.23rem; padding: .76rem .5rem 1rem;}
.resignBox h2 {background-image: linear-gradient(to right,#78b8ff,#306bdf);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
 text-align: center;
font-size: .6rem; line-height: 1; margin-bottom: .35rem;}
.resignChose {overflow: hidden; margin-bottom: .55rem;}
.resignChose span { line-height: 1rem; position: relative; font-size: .28rem; color: #ffffff; float: left; width: 50%; text-align: center; position: relative;}
.resignChose span.cur {background-image: linear-gradient(to right,#02b6fd,#94e1ff); background-clip: text; -webkit-background-clip: text; color: transparent;font-weight: bold;}
.resignChose span.cur:after {content: ''; position: absolute; width: .54rem; height: .06rem; border-radius: .06rem;
bottom: 0; left: 50%; margin-left: -.27rem;background-image: linear-gradient(to right,#02b6fd,#94e1ff);}
.resignSlide li input { background: #323c49; border: none; outline: none; display: block; width: 100%; height: 1rem; border-radius: 1rem; text-indent: .3rem;
font-size: .32rem; color: #ffffff;}
.resignSlide li input::placeholder { color: #c4c4c6;}
.resignSlide li { position: relative; margin-bottom: .33rem;}
.payNumber h4 { color: #ffffff; font-size: .28rem;}
.resignBtn { display: block; width: 6.5rem; line-height: 1rem; border-radius: 0.8rem; color: #ffffff; font-size: .28rem; margin: .55rem auto 0; background: #1330af;text-align: center;}
.resignNotice { text-align: center; color: #ffffff; font-size: .28rem; line-height: 1.5rem;}
.resignNotice a { font-size: .28rem;background-image: linear-gradient(to right,#78b8ff,#306bdf);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    font-weight: bold;}
.resignSlide li {position:relative;}
.resignSlide li input.getCheck { font-size: .32rem; width: 2.34rem; border: none; outline: none; position: absolute; right: 0; top: 0;color:#78b8ff;height:100%;}
.resignSlide { width: 6.5rem; margin: 0 auto;}
.changeInfor { line-height: .76rem; padding: .3rem 0; text-align: center;}
.changeInfor p { font-size: .28rem; color: #c7c7c7;}
.changeInfor span { font-size: .32rem;background-image: linear-gradient(to right,#78b8ff,#306bdf);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    font-weight: bold;}
.inviteCont { width: 6.52rem; margin: 0 auto .72rem; position: relative;}
.shareEwm { width: 1.55rem; border-radius:.12rem; position: absolute; bottom: .52rem; left:.5rem;}
.payNumber.shareLink { padding: .15rem .2rem; background: #1b232e;}
.payNumber.shareLink i { margin-top: 0;}
.downHead { background: url(../image/downHead.jpg) center no-repeat; height: 1.29rem; background-size: 100% auto; position: relative;}
.downHead a { display: block; width: 1.8rem; height: .68rem; background-size: 100% auto; position: absolute;
top: .3rem; right: .3rem; background-size: 100% auto;}
.talkTime { margin-bottom: .3rem; text-align: center;}
.talkTime span { display: inline-block; padding: 0 .25rem; line-height: .46rem; background: #1a1a1a; font-size: .2rem; color: #999999;
border-radius: .46rem;}
.talker { margin-bottom: .4rem; padding: 0 .2rem; overflow: hidden;}
.talkerImg { float: left; width: .8rem; height: .8rem; border-radius: 50%; overflow: hidden;}
.talkerTxt h2 { font-size: .28rem; color: #ffffff; line-height: 2;}
.talkerTxt { float: left; margin-left: .15rem; width: calc(100% - 1.09rem);}
.talkerSend p { display: inline-block; background-image: linear-gradient(to right,#235198,#4a9cb9); color: #ffffff; max-width: 5.2rem; padding: .2rem; border-radius: .16rem;}
.answer {overflow: hidden;}
.answerImg { margin-left: .15rem; float: right; width: .8rem; height: .8rem; border-radius: 50%; overflow: hidden;}
.answerTxt h2 { font-size: .28rem; color: #ffffff; line-height: 2;}
.answerTxt { float: right; width: calc(100% - 1.09rem);}
.answerSend p { display: inline-block; background:#242730; color: #ffffff; max-width: 5.2rem; padding: .2rem; border-radius: .16rem;}
.answerSend { float: right;}
.answer { margin-bottom: .4rem; padding: 0 .2rem; overflow: hidden;}
.talkEnter { z-index: 100; position: fixed; left: 0; bottom: 0; width: 100%; padding: .15rem .25rem; background: #242730;}
.talkerSend img{ display: block; max-width: 100%;}
.talkEnter input[type="text"] { text-indent: .2rem; float: left; width: calc(100% - 2rem); height: .7rem; outline: none; box-sizing: border-box; border: none; border-radius: .12rem;
background: #2f333b; color: #ffffff;}
.talkEnter input::placeholder {color: #c4c4c6;}
.uploadImg { overflow: hidden; margin-top: .11rem; margin-left: .18rem; position: relative; float: left; background: url(../image/upload.png) center no-repeat; width: .54rem; height: .54rem; background-size: 100% auto;}
.uploadImg input { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0;}
.talkEnter a.send { float: right; display: block; background-image: linear-gradient(to right,#235299,#4a9bba); color: #ffffff; border: none; outline: none;
border-radius: .12rem; width: 1rem; line-height: .54rem; text-align: center; font-size: .28rem; margin-top: .12rem;}
.findBox a{ color: #68d4fe;}
.findBox { margin-top: .55rem;}
.notice { position: relative; z-index: 5; border-radius: .2rem; padding-right: .3rem; margin: -.44rem .2rem 0; background: url(../image/lb.png) .27rem center no-repeat #1b232e; background-size: .3rem auto;
padding-left: .7rem; overflow: hidden; height: .88rem; line-height: .88rem;}
.notice a{ color: #ffffff; font-size: .26rem;}
.txtMarquee-left{ width:100%;  position:relative; }
.txtMarquee-left .bd .tempWrap{ width:100% !important; }/* 用 !important覆盖SuperSlide自动生成的宽度，这样就可以手动控制可视宽度。 */
.txtMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.txtMarquee-left .bd ul li{ margin-right:20px;  float:left; height: .35rem; line-height: .35rem;  text-align:left; _display:inline; width:auto !important;  }/* 用 width:auto !important 覆盖SuperSlide自动生成的宽度，解决文字不衔接问题 */
.empty { padding: 2rem 0;}
.introduceBox { border-radius: 6px; margin-top: -.2rem; position: relative; z-index: 2; background: #000000; border-radius: .26rem; padding: .32rem .2rem;}
.introduceBox p { margin-bottom: .32rem; font-size: .26rem; line-height: .48rem; color: #ffffff;}
.intSide { margin-bottom: .2rem; background: #242730; padding: .36rem; border-radius: 4px;}
.intSide h2 { position: relative; font-size: .28rem; color: #8fe1ff; padding-left: 1.15rem; font-weight: bold; line-height: .88rem; margin-bottom: .2rem;}
.intSide h2 img { position: absolute; width: .88rem; left: 0; top: 50%; transform: translateY(-50%);}
.fpage { margin-top:.4rem; text-align:center;}
.fpage li { display:inline-block; margin:0 .05rem; padding:0 .1rem; line-height:.4rem; border-radius:3px; background:#80808a; color:#ffffff}
.fpage li a { color:#ffffff;}
.fpage li.active {background-image:linear-gradient(to right,#02b6fd,#94e1ff)}
/**/
.shopMarket li {position:relative; overflow: hidden; width: 7.1rem; border-radius: .2rem; background: #1b232e; margin: 0 auto .2rem;}
.procontents { padding: .2rem 0 .2rem;}
.procontents .projectName {padding: 0 .25rem;}
.projectName i.state { font-size: .28rem; float: right; line-height: .48rem; font-weight: bold;}
.projectName i.onlineState { background-image: linear-gradient(to right,#77b7ff,#316cdf); background-clip: text; -webkit-background-clip: text; color: transparent; font-weight: bold;}
.projectName i.successState { background-image: linear-gradient(to right,#1dc8cc,#2cdd9b); background-clip: text; -webkit-background-clip: text; color: transparent; font-weight: bold;}
.projectName i.failState { background-image: linear-gradient(to right,#c6c9ca,#747b81); background-clip: text; -webkit-background-clip: text; color: transparent; font-weight: bold;}

.procontents dl {overflow: hidden;}
.procontents dt { position: relative; text-align: center; float: left; width: 33.33%;}
.procontents dt p { font-size: .24rem; color: #999999; line-height: .46rem; position: relative;}
.procontents dt span { color: #ffffff; line-height: .46rem;}
.procontents dt::after{ content: ''; position: absolute; right: 0; top: 50%; width: 1px; background: #505259; height: .56rem; transform: translateY(-50%);}
.procontents dt:last-child::after {display: none;}
.endCode {background: #262e38; overflow: hidden; padding: .25rem;}
.endCode p { float: left; font-size: .28rem; color: #ffffff; line-height: .62rem;}
.endCode a { float: right; display: block; color: #ffffff; line-height: .62rem; padding: 0 .32rem; border-radius: .62rem; background: #1330af;}
.userTops {background:url(../image/ucenterBg.jpg) center top no-repeat;background-size:100% auto;}
.userCont { padding:0 .2rem;}
.moneyEnpty { position:relative;}
.moneyEnpty b {position:absolute;right:0; line-height:.7rem;bottom:0;font-size:.32rem; color:#9ca2b4}


.payWeb {overflow:hidden;padding:.1rem 0}
.payWeb span { float:left; display:block; width:32%; text-align:center; box-sizing:border-box; border:1px solid #203456; border-radius:.1rem; line-height:.6rem;margin-right:2%; background:#203456; color:#ffffff;}
.payWeb span:nth-child(2) img,.payWeb span:nth-child(3) img{border-radius:50%}
.payWeb span:nth-child(3n){margin-right:0;}
.payWeb span.cur {border:1px solid #4d76e0;}
.payWeb span img { display: inline-block;    vertical-align: -0.06rem; margin-right:.11rem; width:.32rem;}
.payTypes h2 {text-indent: .7rem; font-size: .28rem; position: relative; color: #ffffff; border-bottom: 1px solid #313131; line-height: 1.04rem;}
.payTypes h2>img { position: absolute; left: 0; width: .49rem; top: 50%; transform: translateY(-50%);}
.payTypes h2 span { display: block; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: .25rem;}
.payTypes p {text-indent: .7rem; font-size: .28rem; position: relative; color: #ffffff; height:.6rem; line-height:.6rem;}
.payTypes p>img:nth-child(1) { position: absolute; left: 0; width: .49rem; top: 50%; transform: translateY(-50%);}
.payTypes p span { margin:0; display: block; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: .36rem;}
.payTypes p>img:nth-child(3) {    display: inline-block;
    max-width: 0.32rem;
    margin: 0 0.1rem 0 0.2rem;
    vertical-align: -0.05rem;}
.timesConts {text-align:center;color:#ffffff}

.timesConts  {margin-top:.2rem}
.payNotice p { color:#999}
.uploadBar {width: 4rem;
    padding: 0.18rem;
    border: 2px solid #1257c9;
    border-radius: 0.23rem;
    margin: .1rem auto 0;}
.uploadBar img { width: 100%; height:100%; object-fit:cover;margin:0 auto!important;}
.successStates { float: left; color:#4d76e0;}
.failStates { float: left; color:#4d76e0;}

.paidanStep { z-index:2; position:fixed;left:0; top:1rem; width:100%; background:#151a24}
.h200 {height:2rem}
.h300 {height:2.6rem}
.lastMoeny { margin-top: .1rem; overflow: hidden;}
.lastMoeny p { float: left; color: #999999;}
.lastMoeny input { float: right; border: none; width: 3rem; text-align: right;}
.lastMoeny { border-bottom: 1px solid #3a3d45;}

.pickNotice { font-size: .24rem; padding-top: .2rem; color: #ffffff;}
.pickNotice span { color: red;}

.eye { margin-left: .2rem; float: right; display: block; width: .3rem; background: url(../image/eye.png) center no-repeat; height: .7rem; background-size: 100% auto;}
.eye.closeType { background: url(../image/eyeClose.png) center no-repeat; background-size: 100% auto;}
.lastMoeny b { float: right; line-height: .7rem; color: #ffffff;}
.pickNoticetxt { color: #999999;}
.pickNoticetxt span { color: #ffffff;}

 .newsList li { margin:.24rem;padding:.2rem; background:#1b232e; border-radius:6px;}
.newsList li p { color: #ffffff; font-size:.3rem; line-height:1.65}
.timeConts { color:#999999; line-height:2;}
.timeConts span {margin-right:.2rem}

#zhankai1,#zhankai2{
    float: right;
    margin-right: 30px;
    background: url('../image/newicon4.png') center no-repeat;
    width: .22rem;
    background-size: 100% auto;
    height: 1.2rem;
    transition: all .5s;
}
#zhankai1.cur,#zhankai2.cur{
    transform: rotate(180deg);
}
.show1,.show2{
    display: none;
}
.smMarket .productInfor:nth-child(5n){margin-bottom:1rem}
/**/
.openv10 { float: left; background: url(../image/openv10.png) center no-repeat; width: 2.13rem; height: .5rem; background-size: 100% auto;
display: block; margin-left: .24rem; line-height: .5rem; text-indent: .78rem; font-size: .24rem; color: #dcab44;}
.openV10alt { display: none; padding: 2.7rem .45rem 0; background: url(../image/openv10Alt.png) center no-repeat; width: 6.52rem; height: 7.6rem; background-size: 100% auto; position: fixed;
left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 999;}
.openV10alt h2 { font-size: .28rem; color: #ffffff; margin-bottom: .44rem; line-height: .48rem;}
.openV10alt h2 span { color: #dcac49;}
.openV10alt p {font-size: .28rem; color: #dcac49;}
.oaltBtn { padding-top: 1.1rem;}
.oaltBtn a { font-size: .32rem; display: block; width: 4.75rem; margin: 0 auto; line-height: .94rem; text-align: center; border-radius: .94rem;}
.oaltBtn a.suerOpenb { background: #1330af; color: #ffffff;}
.oaltBtn a.escOpen { color: #cccccc;}
.successPages { height: 100vh;}
.successBanner { background: url(../image/successBanner.jpg); background-size: 100% auto; height: 5.13rem; text-align: center; padding-top: 2.28rem;}
.successBanner h2 { color: #ffffff; font-size: .32rem; line-height: 1; margin-bottom: .5rem;}
.successBanner p { font-size: .28rem; color:#dcac49; line-height: 1;}
.successAdd { width: 6.9rem; padding: .25rem .3rem .3rem; background: #1b232e; border-radius: .2rem; overflow: hidden; margin: -.74rem auto 0;}
.successAdd h2 { color: #ffffff; font-size: .28rem; line-height:.5rem ;}
.successAdd li { line-height: 1rem; border-bottom: 1px solid #313131; overflow: hidden;}
.successAdd li p { float: left; font-size: .28rem; color: #9ca2b4;}
.successAdd li input { height: 100%; font-size: .28rem; height: 1rem; border: none; color: #ffffff; padding: 0; box-sizing: border-box; margin: 0; background: none; outline: none; float: right; width: calc(100% - 1.4rem);}
.successAdd li input::placeholder { color:#9ca2b4;}
.successAdd li:last-child { border: none;}
.successNotice { line-height: 1.5rem; text-align: center; font-size: .28rem; color: #9ca2b4;}
.successPages a.subSure {display: block; width: 4.75rem; margin: 0 auto; font-size: .32rem; line-height: .94rem; text-align: center; border-radius: .94rem;background: #1330af; color: #ffffff;}