@charset "utf-8";
body{user-select: none;-webkit-tap-highlight-color: rgba(0,0,0,0); background: #fff; font-size:.25rem;}
div { box-sizing: border-box;}
.dn { display: none;}
.clearfix:after { content: '\20'; clear: both; height: 0; display: block;}
a {-webkit-tap-highlight-color:transparent;}
*{ 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-------------- */
.menuCont {border-image: linear-gradient(180deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0)) 1 1; padding: .16rem .16rem 0;
border-radius: .2rem; position: relative; z-index:2; margin:0 auto .2rem; width: 7.02rem; flex-wrap: wrap; display: flex;
justify-content: space-between;background: linear-gradient( 180deg, rgba(218,248,237,0.9) 0%, rgba(255,255,255,0.99) 45%, rgba(255,255,255,0.29) 100%);}
.menuCont a { display: flex; justify-content: center; align-items: center; flex-direction: column;
background: linear-gradient( 180deg, #FFFFFF 0%, #EAFEF7 100%); border-radius: .07rem; width: 1.6rem; height: 1.6rem;}
.menuCont a img { width: .54rem; margin-bottom: .2rem;}
.menuCont a p { line-height: 1; font-size: .24rem; color: #000000;}
.noticeCont { gap: .16rem; position: relative; z-index: 2; display: flex; justify-content: space-between; align-items: center; height: .84rem;
background: #ffffff; width: 7.02rem; padding: 0 .2rem 0 0.34rem; border-radius: .12rem; margin: -.32rem auto .2rem;box-shadow: 0px 4px 32px  #f2f2f2; }
.noticeTag { display: block; width: .56rem;}
.swiperNotice { overflow: hidden; height: .84rem; flex: 1;}
.swiperNotice a { color: #676767; font-size: .26rem; overflow: hidden;text-overflow: ellipsis;  white-space: nowrap; }
.swiperNotice .swiper-slide { height: .84rem; line-height: .84rem;}
.swiperNotice .swiper{ height:100%;}
.kfBtn { display: flex; align-items: center; border-left: 1px solid #dfdfdf; padding-left: .2rem; height: .48rem;}
.kfBtn img { width: .5rem;}
.serviceEnter { padding: 0 .24rem; display: flex; justify-content: space-between; flex-wrap: wrap;}
.serviceEnter a { height: 1.45rem; border-radius: .12rem; position: relative; width: 3.45rem;}
.serviceEnter a:nth-child(1) { margin-bottom: .12rem; background:url(../images/nhIcon1.png) center no-repeat; background-size: 100% 100%;}
.serviceEnter a:nth-child(2) { margin-bottom: .12rem; background:url(../images/nhIcon2.png) center no-repeat; background-size: 100% 100%;}
.serviceEnter a:nth-child(3) { margin-bottom: .12rem; background: linear-gradient( 33deg, #FFABAB 0%, #FF574F 100%);}
.serviceEnter a:nth-child(4) { margin-bottom: .12rem; background: linear-gradient( 33deg, #FFDB38 0%, #FFA93C 100%);}
.serviceEnter a:nth-child(5) { background: linear-gradient( 33deg, #A3E8FA 0%, #40C8E9 100%);}
.serviceEnter a:nth-child(6) { background: linear-gradient( 33deg, #B9C6FF 0%, #8D92F9 100%);}
    .serviceEnter a:nth-child(9) {
        margin-button: .12rem;
        background: url(http://yyticket.jinanaoti.com/Content/JN/JNIndex/images/yyg2.png) center no-repeat;
        background-size: 100% 100%;
    }

    .serviceEnter a:nth-child(10) {
        margin-button: .12rem;
        background: url(http://yyticket.jinanaoti.com/Content/JN/JNIndex/images/ppqg2.png) center no-repeat;
        background-size: 100% 100%;
    }
.serviceEnter a img { position: absolute; width: 1.21rem; left: .24rem; top: .29rem;}
.serviceEnter a:nth-child(5) img { top: .15rem;}
.enterText { position: absolute; left: 1.84rem; top: .38rem;}
.enterText p { font-size: .34rem; color: #FFFFFF; line-height: 1; margin-bottom: .12rem;}
.enterText span { font-size: .24rem; color: #ffffff;}
.newsHd span { margin-right: .5rem; padding: 0 .3rem; border-radius: .66rem; font-size: .32rem;line-height: .66rem; border: 1px solid #ffffff; color: #333333;}
.newsHd span.cur { font-size: .38rem; color: #027748; line-height: .66rem; border: 1px solid #027748;}
.newsHd { padding-bottom: .32rem; border-bottom: 1px solid rgba(151,151,151,.2); margin-bottom: .3rem;}
.homeNews { margin-top: .48rem; padding: 0 .24rem;}
.newsBd li a { gap: .26rem; display: flex; justify-content: space-between;}
.newsText { flex: 1;}
.newsPic { width: 2.52rem; height: 1.55rem; overflow: hidden; border-radius: .06rem;}
.newsPic img { width: 100%; height: 100%; object-fit: cover;}
.newsText h2 { margin-bottom: .3rem; overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;
 font-size: .3rem; height: .84rem; line-height: .42rem; color: #353535;}
 .newsText p { font-size: .24rem; line-height: .33rem; color: #9E9E9E;}
 .newsBd li { padding-bottom: .19rem; margin-bottom: .19rem; border-bottom: 1px solid rgba(151,151,151,.2);}
 .newsBd li:last-child { border: none;}
 /**/
 .loginPage { height: 100vh; background: url(../images/bg-wode.png) center top no-repeat #f0f2f5; background-size: 100% auto;}
.loginForm input[type="text"] { width: 100%; font-size: .28rem; text-indent: .6rem; height: .92rem; border-radius: .5rem; background: #ffffff;}
.loginForm li input[type="button"] { position: absolute; color: #089D67; text-align: right; font-size: .28rem; right: .4rem; width: 2.2rem; height: .92rem;}
 .loginForm li { margin-bottom: .4rem; position: relative;}

 .agreenConts { font-size: .24rem; color: #333333;}
 .agreenConts a { color:#089D67}
 .loginPage .subForm { display: block;background: linear-gradient( 315deg, #51C89D 0%, #009861 100%);box-shadow: 0px 6 14px 0px #A2DAC6;height: .92rem;
 border-radius: .51rem; width: 100%; border: none; color: #ffffff; font-size: .38rem;box-shadow: 0px 6px 14px 0px #A2DAC6;}
  .loginForm ul { margin-bottom: .6rem;}
 .agreenConts { display: flex; align-items: center; margin-bottom: 1rem;}
 .agreenConts i { position: relative; margin-right: .06rem; border: 1px solid #089D67; position: relative; display: block; width: .24rem; height: .24rem; background: #ffffff; border-radius: 50%;}
 .agreenConts i.cur::after { content: '√'; font-weight: bold; position: absolute; left: 0; top: 0; width: 100%; line-height: .24rem;
  text-align: center; color: #089D67;}
.createdTit { display: flex;background: linear-gradient( #FFFFFF 0%, #EAFEF7 100%);border: 1px solid #089B65; justify-content: space-between;}
.createdTit a { height: .85rem; font-size: .32rem; color: #353535; display: flex; justify-content: center; align-items: center; flex: 1;}
.createdTit a.cur { color: #ffffff; background: linear-gradient( 354deg, #027748 0%, #009861 100%);}
.createPage { padding: .6rem .5rem; background: linear-gradient( 180deg, rgba(235,255,248,0.9) 0%, rgba(255,255,255,0.99) 100%);}
.createType { margin-bottom: .6rem; display: flex; flex-wrap: wrap; gap: .23rem .23rem;}
.createType span { overflow: hidden; position: relative; font-size: .3rem; color: rgba(0,0,0,0.3); display: flex; justify-content: center; align-items: center; height: .68rem; width: 2rem; box-sizing: border-box; border: 1px solid #D9D9D9;}
.createType span.cur { border: 1px solid #079B65; color: #079B65;}
.createType span.cur::after { content: ''; width: .45rem; height: .45rem; left: -.25rem; top: -.25rem; position: absolute; background: #079B65; transform: rotate(45deg); }
.createTitle h2{font-size: .46rem; color: #333333; line-height: .65rem; margin-bottom: .1rem;}
.createTitle p { opacity: .6; color: #333333; font-size: .28rem; line-height: .4rem;}
.createTitle { margin-bottom: .4rem;}
.createPage li { margin-bottom: .28rem; border: 1px solid #30AC7F; position: relative;}
.createPage li input[type="text"],.createPage li select { border: none; width: 100%; font-size: .28rem; text-indent: .4rem; height: .65rem; border-radius: .5rem; background: #ffffff;}
.createPage li input[type="button"] { position: absolute; color: #089D67; text-align: right; font-size: .20rem; right: .4rem; width: 2.2rem; height: .65rem;}

.uploadCont { justify-content: space-between; display: flex;}
.uploadBars { width: 2.6rem; position: relative;}
.uploadTit span { margin-bottom: .3rem; display: inline-flex; color: rgba(0,0,0,0.85); font-size: .32rem; padding: .2rem 0; border-bottom: 2px solid #02A096;}
.photoCont { width: 2.6rem; height: 3rem; }
.photoCont img { width: 100%!important; height: 100%!important; object-fit: cover;}
.changeNotice { display: flex; align-items: center; justify-content: space-between; gap: .05rem;}
.changeNotice p { font-size: .24rem; color: #171A1D; opacity: .4;}
.changeNotice span { white-space: nowrap; color: #319793; font-size: .32rem; flex: 1; display: block;}
.uploadInfor { margin-bottom: .12rem;}
.uploadBars input { position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.subCreated { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 10; background: #ffffff; display:flex; justify-content: space-between; align-items: center; padding: 0 .34rem; height: 1rem; border-top: 1px solid rgb(0,0,0,0.05);}
.subCreated a { display: block;background: linear-gradient( 315deg, #51C89D 0%, #009861 100%); width: 1.58rem; text-align: center; line-height: .6rem;
border-radius: .6rem; color: #ffffff;}
.subCreated p { font-size: .38rem; color: #0A9E68;}
.h100 { height: 1rem;}
.carPageTit { color: #333333; font-size: .46rem; line-height: .65rem; margin-bottom: .24rem;}
.cardBag { padding: .24rem;}
.cardTop { display: flex; padding: .4rem 0 .46rem; gap:.24rem}
.cardIcon { border-radius: 50%; width: .95rem; height: .95rem; overflow: hidden;}
.cardIcon img { width: 100%; height: 100%; object-fit: cover;}
.cardInt h2{ font-size: .36rem; color: #ffffff; line-height: .5rem;}
.cardInt p { font-size: .26rem; color: #ffffff;}
.cardBag li{ margin-bottom: .24rem; padding: 0 .32rem; border-radius:12px;}
.cardInfor { padding: .32rem 0; border-top: 1px solid rgba(255,255,255,.4); display: flex; gap: .16rem .16rem; justify-content: space-between; flex-wrap: wrap;}
.cardInfor p { color: #ffffff; font-size: .26rem; line-height: .32rem;}
.cardTop { position: relative;}
.cardTop a.keepTime { display: flex; width: 1.58rem; height: .6rem; border-radius: .6rem;
background: #ffffff; text-align: center; justify-content: center; align-items: center; position: absolute; right: 0; color: #089D67; font-size: .24rem; top: .23rem;}
.walletTop { border-bottom: .16rem solid rgb(247,247,247); padding: .42rem;}
.walletTop h2 { line-height: .5rem; font-size: .36rem; color: #373737; margin-bottom: .6rem;}
.moneyWallet { display: flex; justify-content: space-between; align-items: center;}
.moneyWallet a { color: #ffffff; font-size: .28rem; display: block;background: linear-gradient( 315deg, #51C89D 0%, #009861 100%); width: 1.6rem; height: .6rem;
text-align: center; line-height: .6rem; border-radius: .6rem;}
.moneyWallet p { color: #393939; font-size: .56rem;}
.searchTypechose { height: 1rem; display: flex; justify-content: space-between; align-items: center; padding: 0 .24rem; border-bottom: 1px solid #F5F5F5;}
.searchTypechose p { font-size: .32rem; color: #333333;}
.searchTypechose select { color: #666666; font-size: .26rem; border: none;}
.walletDetail li>div { display: flex; justify-content: space-between; align-items: center;}
.detailName p { color: #333333; font-size: .32rem; line-height: .56rem;}
.detailName p:nth-child(2) { font-weight: bold;}
.detailName { margin-bottom: .06rem;}
.detailTimes p {  font-size: .24rem; color: #999999;}
.walletDetail li { padding: .16rem .24rem;}
.detailName p.greenText { color: #089D67;}
.myPages { min-height: 100vh; background: url(../images/bg-wode.png) center top no-repeat; background-size: 100% auto; padding: .5rem .24rem 0;}
.userInfor { display: flex; align-items: center; gap: .28rem; }
.userPic { width: 1rem; overflow: hidden; height: 1rem; border: 2px solid #ffffff; border-radius: 50%;}
.userPic img { width: 100%; height: 100%; object-fit: cover;}
.userInfor p a{ font-size: .36rem; font-weight: bold; color:#fff;}
.userInfor span{position:absolute; right:.24rem; background-image: linear-gradient( 315deg, #51C89D 0%, #009861 100%); line-height: .6rem; border-radius: .8rem; padding: 0 .2rem;}
.userInfor span a{font-size:.26rem; color: rgba(0,0,0,0.85); color: #ffffff;}
.orderEnter { position: relative; box-shadow: 0px 4px 32px 0px rgba(21,21,41,0.06); margin: .32rem 0 .4rem; background: #ffffff; border-radius: .24rem; padding: .4rem .32rem ;}
.orderEnter::after { content: ''; position: absolute; top: 50%; transform: translateY(-50%); left: .4rem; right: .4rem; height: 1px; background: rgba(0, 0, 0, 0.10);}
.orderEnter ul { gap: .84rem 0 ; display: flex; flex-wrap: wrap;}
.orderEnter li { text-align: center; flex:0 0 25%; }
.orderEnter li img { width: auto; height: .52rem; margin: 0 auto .2rem;}
.orderEnter li p { font-size: .24rem; color: #383838;}
.orderEnter h2 { margin-bottom: .32rem; color: #323233; line-height: 1; font-size: .32rem;}
.myPages .serviceEnter { padding: 0;}
.ficon1 {
    background: url(../images/foot1.png) center no-repeat;
    background-size: 100% auto;
    width: .48rem;
    height: .48rem;
    display: block;
    margin: 0 auto;
}
.ficon2 {
    background: url(../images/foot2.png) center no-repeat;
    background-size: 100% auto;
    width: .48rem;
    height: .48rem;
    display: block;
    margin: 0 auto;
}
.ficon3 {
    background: url(../images/foot3.png) center no-repeat;
    background-size: 100% auto;
    width: .48rem;
    height: .48rem;
    display: block;
    margin: 0 auto;
}
.footer {position: fixed; bottom: 0; left: 0; width: 100%; z-index: 10; background: #ffffff; display:flex; justify-content: space-between; align-items: center; height: 1rem; border-top: 1px solid rgb(0,0,0,0.05);}
.footer a { flex: 1; text-align: center; color: #797979; font-size: .22rem;}
    .footer a.cur .ficon1 {
        background: url(../images/foot1on.png) center no-repeat;
        background-size: 100% auto;
        width: .48rem;
        height: .48rem;
        display: block;
        margin: 0 auto;
    }
    .footer a.cur .ficon2 {
        background: url(../images/foot2on.png) center no-repeat;
        background-size: 100% auto;
        width: .48rem;
        height: .48rem;
        display: block;
        margin: 0 auto;
    }
    .footer a.cur .ficon3 {
        background: url(../images/foot3on.png) center no-repeat;
        background-size: 100% auto;
        width: .48rem;
        height: .48rem;
        display: block;
        margin: 0 auto;
    }
.footer a.cur p { color: #0FA16C;}
/**/
.emptyCont { padding-top: .65rem; text-align: center; height: calc(100vh - 1.13rem); background: #F7F7F7;}
.emptyCont img { width: 3.60rem; margin: 0 auto .34rem;}
    .emptyCont h2 { /*font-size: .4rem;
        color: #444444;*/
        font-size: .3rem;
        color: rgba(0, 0, 0, 0.85);
        opacity: .85;
        line-height: .56rem;
        margin-bottom: .12rem;
    }
    .emptyCont p { /*font-size: .28rem;  color: #000000;*/
        font-size: .28rem;
        color: rgba(0, 0, 0, 0.25);
        line-height: .4rem;
        opacity: .5;
        margin-bottom: .74rem;
    }
    .emptyCont a {
        display: block;
        background: linear-gradient( 315deg, #51C89D 0%, #009861 100%);
        font-size: .28rem;
        width: 2.59rem;
        box-shadow: 0px 6 14px 0px #A2DAC6;
        /*font-size: .38rem;
        width: 6.27rem;*/
        line-height: .92rem;
        color: #ffffff;
        margin: 0 auto;
        text-align: center;
        border-radius: .92rem;
    }
.orderPage { min-height: 100vh;background: #F7F7F7; position: relative;}
.orderType { z-index: 10; box-shadow: 0 0 10px rgba(0,0,0,0.2); background: #ffffff; padding: .22rem .32rem .1rem; position: sticky; top: 0; width: 100%; left: 0; display: flex; justify-content: space-between;}
.orderType span { display: block; position: relative; padding-bottom: .14rem; font-size: .28rem; color: #000000; line-height: .42rem;}
.orderType span.cur::after { content: ''; position: absolute; bottom: 0; width: 100%; left: 0; background: #008451; height: .06rem; border-radius: .06rem;}
.orderType span.cur { font-weight: bold; font-size: .3rem;}
.orderNum { display: flex; justify-content: space-between; border-bottom: 1px solid #F5F6FA; height: .88rem; padding: 0 .32rem;
align-items: center;}
.orderNum p { color: #333333; font-size: .24rem;}
.orderNum span { font-weight: bold; color: #079B65; font-size: .28rem;}
.orderSlide li { border-radius: .12rem; margin-bottom: .16rem; background: #ffffff; padding-bottom: .3rem;}
.orderSlide { padding: .24rem;}
.ticketText .textTop{ margin-bottom: .26rem; display: flex; justify-content: space-between;}
.ticketText p { font-size: .28rem; line-height: .4rem; color: #333333; font-weight: bold;}
.ticketText span { font-size: .28rem; line-height: .4rem; color: #333333; font-weight: bold;}
.ticketDetail { display: flex; justify-content: space-between; gap: .24rem; padding: .32rem;}
.ticketPic { width: 1.5rem; height: 1.5rem; overflow: hidden; border-radius: .12rem;}
.ticketPic img { width: 100%; height: 100%; object-fit: cover;}
.ticketText { flex: 1;}
.numPrice { position: relative; text-align: right;}
.numPrice span { position: absolute; right: 0; top: .4rem; font-weight: normal; font-size: .24rem; color: rgba(0,0,0,0.3);}
.ticketTime { font-size: .28rem; color: #000000; opacity: .5;}
.payInfors { padding: 0 .32rem; display: flex; justify-content: space-between;}
.payInfors p { font-size: .24rem; color: #000; opacity: .5;}
.payInfors span { color: #333333; font-size: .28rem;}
.payInfors span b { font-weight: bold;}
.ticketControl {gap: .16rem; padding: 0 .32rem; margin-top: .4rem; display: flex; align-items: center; justify-content: end;}
.ticketControl a.escOrder { min-width: 1.54rem; padding: 0 .23rem; color: #089B65; box-sizing: border-box; height: .62rem; justify-content: center; align-items: center; display: flex; border: 1px solid #089B65; border-radius: .31rem; font-size: .28rem;}
.ticketControl a.payNow { line-height: .62rem; color: #ffffff;background: linear-gradient( 315deg, #51C89D 0%, #009861 100%); font-size: .28rem;border-radius: .31rem; padding: 0 .23rem;}
.stateText { padding-right: .28rem; margin-top: .4rem; text-align: right; font-size: .3rem; color: #079B65;}
.hideBody {
    position: fixed;
    z-index: 999;
    background: url(../images/hideNotice.png) center top no-repeat rgb(247,247,247);
    background-size: 100% auto;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

/**/
.loginTop { padding: .8rem 0 1.52rem 1.05rem;}
.logo_login { width: 1.93rem;}
.loginTop h2 { color: #ffffff; margin: .19rem 0 .12rem; font-size: .48rem;}
.loginTop p { color: #FFFFFF; font-size: .24rem;}
.loginForm { padding:.87rem .8rem 0;}
.orderConts { overflow: hidden; background: rgb(243,243,243); min-height: 100vh;}
.runTime { line-height: .75rem; text-align: center; color: #CC9600; font-size: .24rem; background: #FFEFD3;}
.ticketTop { padding: .32rem .32rem .58rem; position: relative;}
.ticketCard { overflow: hidden; position: relative; background: #ffffff; margin: .2rem .24rem 0; border-radius: .2rem;}
.waitepayState { font-size: .48rem; text-indent: .81rem; color: #ffffff; display:flex; align-items: center; background: url(../images/daizhifu.png) center no-repeat; background-size: 100% auto; position: absolute; width: 2.62rem; height: .88rem; right: 0; top: 0;}
.ticketTop h2 { font-size: .38rem; line-height: .56rem; margin-bottom: .24rem;}
.ticketTop p,.tickBottom p { font-size: .24rem; color: rgba(0,0,0,0.5); line-height: .4rem; margin-bottom: .14rem;}
.ticketTop p span,.tickBottom p span { color: rgba(0,0,0,0.85);}
.ticketTop p:last-child,.tickBottom p:last-child { margin-bottom: 0;}
.cutLine { margin-bottom: .1rem; position: relative; width: 100%;}
.cutLine span { display: block; border-bottom: .03rem dashed #E4E4E8; width: 6.3rem; margin: 0 auto;}
.cutLine i { border-radius: 50%; background: rgb(243,243,243); display: block; width: .36rem; height: .36rem; position: absolute; top: 50%; transform: translateY(-50%);}
.cutLine i:nth-child(1) { left: -.18rem;}
.cutLine i:last-child{ right: -.18rem;}
.tickBottom { padding: .32rem .32rem .46rem; position: relative; }
.tickBottom li { margin-bottom: .1rem; font-size: .24rem; color: rgba(0,0,0,0.85); display: flex; justify-content: space-between; align-items: center; height: .46rem;}
.tickBottom li span { font-size: .28rem;}
.tickBottom li span.priceConts { color: #0A9E68; font-size: .34rem;}
.tickBottom li span.priceConts i { color: #FA6400; text-decoration: line-through; font-size: .24rem; margin-right: .2rem;}
.tickBottom li:last-child { margin-bottom: 0;}
.chosePay h3{ opacity: .85; color: #000; font-size: .38rem; line-height: .56rem; margin-bottom: .2rem;}
.chosePay { background: #ffffff; margin: .2rem .24rem; border-radius: .2rem;}
.chosePay li { overflow: hidden; position: relative; padding: 0 .24rem;}
.chosePay li .cardTop { border: none; padding: .24rem 0 .24rem 0;}
.chosePay li:last-child { margin-bottom: 0;}
.chosePay li.cur::after { content: ''; background: url(../images/cardCur.png) center no-repeat; position: absolute; right: -2px; top: 0;
width: 1.04rem; height: .94rem; background-size: 100% auto;} 
.payMoeny { background: #ffffff; border-top: 1px solid #eeeeee; padding: 0 .32rem; position: fixed; bottom: 0; width: 100%; height: 1rem; z-index: 4;}
.payMoeny p { color: #0A9E68; float: left; line-height: 1rem; font-size: .28rem;}
.payMoeny p span {font-size: .4rem;}
.payMoeny a { box-sizing: border-box; min-width: 1.58rem; text-align: center; float: right; margin-top: .2rem; height: .6rem; border-radius: .8rem; background-image: linear-gradient( 315deg, #51C89D 0%, #009861 100%);
 color: #ffffff; line-height: .6rem; font-size: .28rem; padding: 0 .2rem;}

 /*弹窗*/
 .altNotice { display: none; position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 6rem; padding: .5rem .68rem .47rem; background: #ffffff; border-radius: .2rem; z-index: 101;}
 .altText { text-align: center; font-size: .32rem; color: #333333; line-height: 1.5; margin-bottom: .6rem;}
 .altBtn { display: flex; justify-content: space-between; gap: .2rem;}
 .altBtn a { text-align: center; border-radius: .6rem; line-height: .6rem; flex: 1; box-sizing: border-box;}
 .altBtn a.escAlt { border: 1px solid #069C66; line-height: .6rem; text-align: center; color: #069C66; font-size: .28rem;}
 .altBtn a.sureAlt {border: 1px solid #069C66; background:#069C66; color: #ffffff;}
 #screen { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 100; background: rgba(0,0,0,0.5);}
 .lxftime em { font-style:normal}
 /*预约成功*/
.orderSuccess { padding: .4rem 0 .2rem .45rem; display: flex; align-items: center; font-size: .48rem; color: #232728; gap: .12rem;}
.orderSuccess img { width: .38rem;}
.waiteuseState { font-size: .48rem; text-indent: .81rem; color: #ffffff; display:flex; align-items: center; background: url(../images/daishiyong.png) center no-repeat; background-size: 100% auto; position: absolute; width: 2.62rem; height: .88rem; right: 0; top: 0;}
.enterTicket { padding: .32rem; background: #ffffff; border-radius: .2rem; margin: .24rem;}
.enterTicket h2 { font-size: .38rem; opacity: .85; color: #000; margin-bottom: .4rem;}
.ewmBox { position: relative; }
.ewmBox img {padding: .16rem; border-radius: 3px; width: 3.2rem; margin: 0 auto .15rem; border: 1px solid #E8E9ED; box-sizing: border-box;}
.enterTicket li p { text-align: center; font-size: .28rem; color: rgba(0,0,0,0.85);}
.enterTicket li p span { margin: 0 .1rem; font-size: .24rem; color: rgba(0,0,0,0.5);}
.enterTicket li b { color: #009861; font-size: .28rem;}
.enterTicket li { margin-bottom: .8rem;}
.enterTicket li:last-child { margin: 0;}
.ticketExplan { text-align: center; padding: 0 .1rem; line-height: .38rem; margin: .5rem 0 .3rem; font-size: .22rem; color: rgba(0,0,0,0.5);}
.switchBtn { display: flex; justify-content: center; align-items: center; gap: .15rem; color: #009861; font-size: .28rem;
border: 1px solid #009861; line-height: .72rem; border-radius: .7rem; width: 3.6rem; margin: 0 auto;}
.switchBtn b { display: block; transition: all .3s; background: url(../images/shouqi.png) center no-repeat; width: .31rem; height: .18rem; background-size: 100% auto;}
.enterTicket .ticketTop { padding: 0;}
.ticketInfor h2 { margin-bottom: .28rem;}
.enterTicket ul.hideList li:nth-child(n+2) { display: none;}
.switchBtn.cur b { transform: rotate(180deg);}
.usedState {font-size: .48rem; text-indent: .81rem; color: #ffffff; display:flex; align-items: center; background: url(../images/yishiyong.png) center no-repeat; background-size: 100% auto; position: absolute; width: 2.62rem; height: .88rem; right: 0; top: 0;}
.enterTicket li h4 { text-align: center; color: #009861; font-size: .28rem; margin-top: .3rem;}
.enterTicket li.usedTicket .ewmBox img{ opacity: .2;}
.enterTicket li.usedTicket p { opacity: .2;}
.enterTicket li.usedTicket p b { display: none;}
.enterTicket li.usedTicket .ewmBox span { display: block; background: url(../images/passed.png) center no-repeat; width: 3.09rem; height: 1.83rem;
position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background-size: 100% auto;}
.enterTicket li.refundTicket .ewmBox img{ opacity: .2;}
.enterTicket li.refundTicket p { opacity: .2;}
.enterTicket li.refundTicket p b { display: none;}
.enterTicket li.refundTicket .ewmBox span { display: block; background: url(../images/passed.png) center no-repeat; width: 3.09rem; height: 1.83rem;
position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background-size: 100% auto;}
.refundState {font-size: .48rem; text-indent: .81rem; color: #ffffff; display:flex; align-items: center; background: url(../images/yituikuan.png) center no-repeat; background-size: 100% auto; position: absolute; width: 2.62rem; height: .88rem; right: 0; top: 0;}
.scanInfor { width: 6.3rem; background: #ffffff; padding: .3rem .3rem .4rem; text-align: center; border-radius: .2rem;}
.scanInfor h2 { font-size: .32rem; line-height: .48rem; color: rgba(0,0,0,0.85); margin-bottom: .1rem;}
.scanInfor h3 { font-size: .24rem; line-height: 1.5; color: rgba(0, 0, 0, 0.85); margin-bottom: .1rem;}
.scanInfor h4 {font-size: .24rem; line-height: 1.5; color: rgba(0, 0, 0, 0.85); margin-bottom: .3rem;}
.scanInfor img { width: 4.2rem; margin: 0 auto .3rem;}
.scanInfor p { font-size: .28rem; line-height: .4rem; color: rgba(0, 0, 0, 0.85);}
.scanInfor p span { margin-left: .1rem; font-size: .24rem; color: rgba(0, 0, 0, 0.50);}
.bigScan { z-index: 101; display: none; position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.bigScan b.closeScan { display: block; margin: 1rem auto 0; width: .48rem;}
/*12.9*/
.carList { padding: .77rem .42rem;}
.carList li { margin-bottom: .4rem; padding: .08rem; border-radius: .2rem;}
.newCar { background: rgba(116, 190, 110, 1);}
.oldCar { background: rgba(56, 108, 181, 1);}
.carBox { display: flex; justify-content: space-between; border: 2px solid rgba(0, 0, 0, 1); border-radius: .2rem;
padding: .32rem 0 .32rem .42rem;}
.carBox p { flex: 1; line-height: 1.14rem; border-right: 1px solid #ffffff; font-size: .48rem; color: #ffffff;}
.carControl { display: flex; flex-direction: column; width: 2.36rem; align-items: center;}
.carControl h3 { margin-bottom: .47rem; font-size: .32rem; color: #ffffff;}
.controlBtn { gap: .5rem; display: flex; justify-content: center;}
.controlBtn img { height: .32rem; width: auto;}
.emptyCar { padding: 1.4rem 0 2.7rem; text-align: center;}
.emptyCar img { width: .93rem; margin: 0 auto .4rem;}
.emptyCar p { text-align: center; font-size: .3rem; color: rgba(0, 0, 0, 0.85);}
.carList a.addNewcar,.addPage a.addNewcar,.contactList a.addNewcar{ margin: 0 auto; background: linear-gradient( 315deg, #51C89D 0%, #009861 100%);box-shadow: 0px 6px 14px 0px #A2DAC6; display: flex; justify-content: center; align-items: center;
width: 6.72rem; border-radius: .91rem; line-height: .91rem; font-size: .36rem; color: #ffffff;}
.carList li:last-child { margin-bottom: 0;}
.carList ul { margin-bottom: 1.5rem;}
/* 键盘 */
/* #keycontent{position: absolute;left: 0;right: 0;bottom: 0;top: 0;} */
#keyboard{position: absolute;left: 0;right: 0;bottom: 0;height: 207px;background-color: #f2f2f2;font-size: 14px;z-index: 9999;}
#keycontent .keyMask{position: absolute;left: 0;right: 0;bottom: 0;top: 0;height: 100%;background:none;}
#keyboard .keyContent{overflow: hidden;}
#keyboard .english{overflow: hidden;}
#keyboard .english li{height: 40px;line-height: 40px;background-color: #ffffff;text-align: center;margin: 2px;border-radius: 4px;float: left;border: 1px solid #e8dddd;box-sizing: border-box;}
#keyboard .caseSwitch,#keyboard .englishKeyboard{height: 40px;line-height: 40px;background-color: #e1e1e1;text-align: center;border-radius: 4px;width: 44px;position: absolute;left: 2px;bottom:4px;font-size: 12px;}
#keyboard .del{height: 40px;line-height: 40px;background-color: #e1e1e1;text-align: center;border-radius: 4px;width: 44px;position: absolute;right: 2px;bottom: 4px;font-size: 12px;}
#keyboard .bottom{height: 40px;position: absolute;left: 0;right: 0;bottom: 4px;padding: 0 2px;display: flex;}
#keyboard .bottom .englishSwitch{height: 40px;line-height: 40px;background-color: #e1e1e1;text-align: center;border-radius: 4px;}
#keyboard .bottom .complete,#keyboard .symbolSwitch{height: 40px;line-height: 40px;background-color: #e1e1e1;text-align: center;border-radius: 4px;width: 44px;position: absolute;left: 2px;bottom: 4px;font-size: 12px;}
#keyboard .bottom .space{height: 40px;line-height: 40px;background-color: #e1e1e1;text-align: center;border-radius: 4px;flex-grow: 1;margin: 0 4px;}
#keyboard .number{display: flex;flex-wrap: wrap;width: calc(100% + 3px);justify-content:center;position: absolute;}
#keyboard .number li{flex: 0 0 calc(33.33% - 1px);height: calc(174px / 4);line-height: 40px;background-color: #ffffff;text-align: center;border-top: 1px solid #f2f2f2;border-right:1px solid #f2f2f2;}
#keyboard .numSwitch{width: calc(33.33%);height: calc(174px / 4);line-height: 40px;background-color: #f2f2f2;text-align: center;position: absolute;left: 0;bottom: 0;border-top: 1px solid #f2f2f2;border-right:1px solid #f2f2f2;}
#keyboard .numDel{width: calc(33.33% - 2px);height: calc(174px / 4);line-height: 40px;background-color: #f2f2f2;text-align: center;position: absolute;right: 0;bottom: 0;border-top: 1px solid #f2f2f2;}
#keyboard .keyTitle{display: flex;justify-content:space-between;background-color: #ffffff;border-top: 1px solid #f2f2f2;font-size: 12px;height: 28px;line-height: 28px;padding: 0 6px;color: #999999;}
#keyboard .keyTitle .keyHide{color: #1168e4;}
.clearfix:after{content: ".";display: block;font-size: 0;height: 0;clear: both;visibility: hidden;}
.clearfix{display: inline-table;}
*html .clearfix{height: 1%;}
.clearfix{display: block;}
*+html .clearfix{min-height: 1%;}
.che_tit{text-align: center;padding: 20px;}
.ul_pro{background-color: #CED3D9;text-align: center;padding: 4px 2px;font-size: 14px;}
.ul_pro li{float: left;width: 11.11%;padding: 2px;box-sizing: border-box;}
.ul_pro .li_close{float: right;width: 22.22%;}
.ul_pro .li_close span{background-color: #ACB3BB;}
.ul_pro .li_clean{float: right;width: 22.22%;}
.ul_pro li span{display: block;background-color: #fff;border-radius: 4px;box-shadow: 2px 2px 2px #888888;/* max-width:48px;margin:0 auto;*/line-height: 32px;padding-top: 2px;}
.ul_pro li span:active{background-color: #4DA9F2;color: #fff;}
/* .ul_input{padding: 20px;width: 350px;margin: 0 auto;} */
.ul_input { display: flex; justify-content: space-between; gap: .07rem;}
.ul_input li{ border: 1px solid transparent; flex: 1; text-align: center;}
.ul_input li span{ border: 1px solid #eeeeee; background: #f3f7f9; font-size: .3rem; display: block;border-radius: 4px; height: .8rem; line-height: .8rem;}
.ul_keybord{background-color: #CED3D9;text-align: center;padding: 4px 2px;font-size: 14px;}
.ul_keybord li{float: left;width: 10%;padding: 2px;box-sizing: border-box;}
.ul_keybord .ikey20{margin-left: 5%;}
.ul_keybord .li_w{width: 11.11%;}
.ul_keybord .li_close{float: right;width: 22.22%;}
.ul_keybord .li_close span{background-color: #ACB3BB;}
.ul_keybord .li_clean{float: right;width: 22.22%;}
.ul_keybord li span{display: block;background-color: #fff;border-radius: 4px;box-shadow: 2px 2px 2px #888888;/* max-width:48px;margin:0 auto;*/line-height: 32px;padding-top: 2px;}
.ul_keybord li span:active{background-color: #4DA9F2;color: #fff;}
.ul_input .input_zim span{border:1px solid rgba(0, 146, 93, 1);}
#keycontent { z-index: 10; position: fixed; bottom: 0; width: 100%; left: 0;}
.ul_input li.xinneng { position: relative; border: 1px solid rgb(29,185,125);border-radius: 4px;}
.xinneng img { position: absolute; top: -.06rem; left: 50%; transform: translateX(-50%); width: .55rem;}
.car_input { margin: .8rem auto 1.35rem; padding: 0 .34rem;}
.xinneng p { position: absolute; top: 100%; left: 0; width: 100%; font-size: .22rem; color: rgba(7, 156, 102, 1); line-height: .3rem;}
.removeAlt { display: none; width: 6rem; padding: .5rem 0 .47rem; background: #ffffff; border-radius: .2rem; position: fixed; left: 50%; top: 50%;
transform: translate(-50%,-50%); z-index: 1001;}
.removeText { text-align: center; font-size: .32rem; line-height: 1.5; margin-bottom: .6rem;}
.removeControl { justify-content: space-between; gap: .2rem; display: flex; align-items: center; padding: 0 .65rem;}
.removeControl a { border-radius: .6rem; flex: 1; color: rgba(6, 156, 102, 1); text-align: center; display: block; box-sizing: border-box; border: 1px solid rgba(6, 156, 102, 1); line-height: .58rem;}
.removeControl a:nth-child(2) { background: rgba(6, 156, 102, 1); color: #ffffff;}
.setBtn { position: absolute; display: block; width: .46rem; right: 0; top: 50%; transform: translateY(-50%);}
.userInfor { position: relative;}
.userDetail p { font-weight: bold; color: #ffffff; font-size: .4rem; line-height: 1.4;}
.userDetail b { display: block; font-size: .28rem; color: #ffffff;}
.selfInfor { display: block; position: absolute; text-align: center; background: #ffffff; width: 1.5rem; line-height: .58rem;
border-radius: .58rem; color: rgba(1, 143, 91, 1); right: 0;}
.contactTit { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid rgba(0, 0, 0, 0.10);}
.contactList li {box-shadow: 0px 4px 32px 0px rgba(21,21,41,0.06); margin-bottom: .2rem; border-radius: .1rem; padding: 0 .24rem .4rem; background: #ffffff;}
.titLeft { display: flex; align-items: center;}
.contactControl { display: flex; gap: .5rem; align-items: center;}
.contactControl img{ height: .32rem; width: auto;}
.contactTit { padding: .22rem 0;}
.titLeft span { margin-right: .2rem; display: block; background: rgba(2, 153, 98, 1); color: #ffffff; line-height: .5rem; border-radius: 3px; padding: 0 .2rem;}
.contactList { margin-top: .6rem;}
.contactDetail p { line-height: .4rem; margin-bottom: .14rem; font-size: .24rem; color: rgba(0, 0, 0, 0.50);}
.contactDetail p span { color: rgba(0, 0, 0, 0.85); font-size: .28rem;}
.contactDetail p:last-child { margin-bottom: 0;}
.contactDetail { margin-top: .3rem;}
.contactList ul { margin-bottom: .8rem;}
.peopleEmpty { margin-bottom: .8rem; box-shadow: 0px 4px 32px 0px rgba(21,21,41,0.06); background: #ffffff; border-radius: .1rem; padding: .46rem 0 .35rem;}
.peopleEmpty img { width: .93rem; margin: 0 auto .5rem;}
.peopleEmpty p { text-align: center; color: rgba(0, 0, 0, 0.85); font-size: .3rem; line-height: .42rem;}
.addAlt { display: none; width: 6.66rem; padding: .4rem .4rem .5rem; background: #ffffff; border-radius: .2rem; position: fixed; left: 50%; top: 50%;
transform: translate(-50%,-50%); z-index: 1001;}
.addAlt h2 { margin-bottom: .44rem; display: flex; color: rgba(0, 0, 0, 0.85); font-size: .32rem; align-items: center; gap: .2rem;}
.addAlt h2 img { width: .6rem;}
.addAlt li { display: flex; align-items: center; justify-content: space-between; margin-bottom: .24rem;}
.addAlt li p { width: 1.14rem; color: rgba(0, 0, 0, 0.85); font-size: .32rem;}
.addAlt li:last-child { margin-bottom: 0;}
.addAlt li input,.addAlt li select { flex: 1; border-radius: .92rem; box-sizing: border-box; height: .92rem; background: rgba(247, 247, 247, 1);
padding-left: .36rem; color: rgba(0, 0, 0, 0.50); border: none; outline: none; font-size: .28rem;}
.addControl { margin-top: .5rem; justify-content: space-between; gap: .2rem; display: flex; align-items: center;}
.addControl a { font-size: .38rem; border-radius: .9rem; flex: 1; color: rgba(6, 156, 102, 1); text-align: center; display: block; box-sizing: border-box; border: 1px solid rgba(6, 156, 102, 1); line-height: .88rem;}
.addControl a:nth-child(2) { background: linear-gradient( 315deg, #51C89D 0%, #009861 100%); color: #ffffff;}
.userImg {width: 1.8rem; margin: 0 auto .26rem;}
.userPage { padding-top: .66rem; background: url(../images/linerBg.png) center top no-repeat; background-size: 100% auto;}
.userInforList { padding: 0 .6rem;}
.userInforList li { height: 1rem; display: flex; justify-content: space-between; border-bottom: 1px solid rgba(0, 0, 0, 0.10); align-items: center;}
.userInforList li p { color: rgba(0, 0, 0, 0.50); font-size: .32rem;}
.userInforList li span { color: rgba(0, 0, 0, 0.85); font-size: .32rem;}
.userInforList a.logOut {background: linear-gradient( 315deg, #51C89D 0%, #009861 100%);box-shadow: 0px 6px 14px 0px #A2DAC6; line-height: .9rem;
border-radius: .5rem; color: #ffffff; text-align: center; margin: 1rem auto; font-size: .36rem; display: block;}
.swimmingPage { min-height: 100vh; background: rgba(243, 243, 243, 1);}
.swimmingCont { padding: .36rem .24rem;}
.choseHd { display: flex;}
.choseHd span { position: relative; flex: 1; text-align: center; color: #ffffff; line-height: .64rem; background: #027748; border-radius: ;}
.choseHd span:nth-child(1) { border-radius: .18rem 0 0 0;}
.choseHd span:nth-child(2) { border-radius: 0 .18rem 0 0;}
.choseHd span b { font-size: .38rem; position: relative; z-index: 3;}
.choseHd span:nth-child(1).cur:after { content: ''; position: absolute; left: 0; bottom: 0; height: .8rem; background: url(../images/xuanze-tab.png) center no-repeat;
 background-size: 100% 100%; width: 3.82rem;}
.choseHd span:nth-child(2).cur:after { content: ''; position: absolute; right: 0; bottom: 0; height: .8rem; background: url(../images/xuanze-tab2.png) center no-repeat;
 background-size: 100% 100%; width: 3.82rem;}
.choseHd span.cur { z-index: 2; color: #027748;}
.dateResult { margin-bottom: .3rem; display: flex; justify-content: space-between; align-items: center;}
.dateResult p { font-size: .32rem; color: rgba(0, 0, 0, 0.85);}
.dataChose { margin-bottom: .2rem; background: #ffffff; padding: .36rem .24rem; border-radius:0 0 .18rem .18rem;}
.dateResult span { font-size: .28rem; color: rgba(0, 0, 0, 0.85);}
.dataList { gap: .27rem; display: flex;}
.dataList span { font-size: .24rem; color: rgba(0, 0, 0, 0.50); flex: 1; text-align: center; border: 1px solid rgba(224, 224, 224, 1); border-radius: .06rem; line-height: .68rem;}
.dataList span.cur { background: rgba(6, 156, 102, 1); color: #ffffff; border: 1px solid rgba(6, 156, 102, 1);}
.dataSwiper { overflow: hidden; position: relative; padding: 0 .49rem;}
.dataSwiper .swiper-button-prev { left: 0;}
.dataSwiper .swiper-button-next { right: 0;}
.dataSwiper .swiper-slide { line-height: .34rem; border: 1px solid rgba(224, 224, 224, 1); border-radius: .06rem; font-size: .24rem; color: rgba(0, 0, 0, 0.50);
 display: flex; flex-direction: column; justify-content: center; align-items: center;}
.dataSwiper .swiper { overflow: hidden;}
.dataSwiper .swiper-button-next,.dataSwiper .swiper-button-prev { width: auto; color: rgba(0, 0, 0, 0.25); font-size: .32rem;}
.dataSwiper .swiper-button-next::after,.dataSwiper .swiper-button-prev::after { color: rgba(0, 0, 0, 0.25); font-size: .54rem;}
.dataSwiper .swiper-slide.cur { color: #ffffff; background:rgba(6, 156, 102, 1); border: 1px solid  rgba(6, 156, 102, 1);}
.ticketType h2 { border-bottom: 1px solid rgba(228, 228, 232, 1); height: 1.06rem; font-size: .38rem; color: rgba(0, 0, 0, 0.85); display: flex; align-items: center; gap: .18rem;}
.ticketType h2 img { width: .42rem;}
.ticketType { background: #ffffff; padding: 0 .24rem; border-radius: .2rem; margin-bottom: .2rem;}
.priceChose { display: flex; justify-content: space-between; align-items: center; padding: .23rem 0;}
.priceChose p { color: rgba(250, 100, 0, 1); font-size: .38rem;}
.priceChose span { line-height: .58rem; height: .6rem; box-sizing: border-box; border: 1px solid rgba(0, 152, 97, 1); width: 1.58rem; display: block; text-align: center; font-size: .24rem;
border-radius: .58rem; color: rgba(6, 155, 101, 1);}
.projectDesc { background: #ffffff; border-radius: .2rem; padding: .24rem .32rem;}
.projectDesc h2 { color: rgba(0, 0, 0, 0.85); font-size: .38rem; line-height: .56rem; margin-bottom: .2rem;}
.projectDesc p { font-size: .24rem; line-height: 1.5; color: rgba(0, 0, 0, 0.50);}
.add_chose { display: none; width: 1.6rem; height: .6rem; background: rgba(26, 167, 116, 0.14); border-radius: .6rem;}
.add_chose img { border-radius: 50%; width: .4rem;}
.add_chose input { font-size: .38rem; font-weight: bold; width: .6rem; text-align: center;}
.flexNum { display: flex; height: .6rem; justify-content: center; align-items: center;}
.buyInfor { margin-bottom: .2rem; background: #ffffff; border-radius: .2rem; padding: .24rem .32rem .52rem;}
.buyInfor h2,.peopleForm h2{ margin-bottom: .5rem; font-size: .38rem; color:rgba(0, 0, 0, 0.85);}
.swimmingOrder { padding: .2rem .24rem; background: rgba(243, 243, 243, 1); min-height: 100vh;}
.swimmingOrder li { display: flex; align-items: center; justify-content: space-between; margin-bottom: .24rem;}
.swimmingOrder li p { width: 1.14rem; color: rgba(0, 0, 0, 0.85); font-size: .32rem;}
.swimmingOrder li:last-child { margin-bottom: 0;}
.swimmingOrder li input,.swimmingOrder li select { flex: 1; border-radius: .92rem; box-sizing: border-box; height: .92rem; background: rgba(247, 247, 247, 1);
padding-left: .36rem; color: rgba(0, 0, 0, 0.50); border: none; outline: none; font-size: .28rem;}
.swimmingOrder .add_chose { display: block;}
.peopleForm {margin-bottom: .2rem; background: #ffffff; border-radius: .2rem; padding: .24rem .32rem .52rem;}
.chatPay { align-items: center; gap: .16rem; font-size: .32rem; color: rgba(0, 0, 0, 0.85); display: flex; height: 1.56rem; border: 1px solid rgba(0, 0, 0, 0.10); background: rgba(244, 255, 251, 1);}
.chatPay img { width: .48rem;}
.chosePay li.chatPay.cur:after { display: none;}
.chatPay span { position: absolute; border: 1px solid rgba(0, 0, 0, 0.10); background: #ffffff;
width: .48rem; height: .48rem; right: .3rem; top: 50%; transform: translateY(-50%); border-radius: 50%;}
.chosePay li.chatPay.cur span:after { content: ''; width: .4rem; height: .4rem; position: absolute;
left: 50%; top: 50%; transform: translate(-50%,-50%); background: rgba(247, 181, 0, 1); border-radius: 50%;}
.enterTicket h2 { position: relative;}
.enterTicket h2 b { position: absolute; right: 0; top: 50%; transform: translateY(-50%); color: rgba(7, 155, 101, 1);
font-size: .32rem;}
.chosePeo { background: url(../images/peoList.png) right center no-repeat; background-size: .16rem auto; padding-right: .26rem;
font-size: .24rem; color: rgba(7, 156, 102, 1); position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.peopleForm h2 { position: relative;}
.peopleInfors dl { display: flex; flex-wrap: wrap; gap: .28rem;}
.peopleInfors dt { padding-left: .3rem; gap: .12rem; height: 1.14rem; display: flex; align-items: center; flex: 0 0 calc(50% - .14rem); background: rgba(248, 248, 248, 1); border: 2px solid rgba(248, 248, 248, 1);
border-radius: .12rem; box-sizing: border-box;}
.peopleInfors dt img { border: 1px solid #ffffff; width: .65rem; height: .65rem; border-radius: 50%;}
.peopleInfors dt.cur {background: rgba(223, 243, 235, 1); border: 2px solid rgba(0, 152, 97, 1);}
.peopleInfors dt p { font-size: .24rem; color: rgba(0, 0, 0, 0.79); line-height: .32rem;}
.peopleInfors dt span { color: rgba(128, 128, 128, 1); font-size: .2rem;}
/**/
.cardStyle { background: url(../images/saveCard.png) center no-repeat; width: 6.74rem; height: 3.9rem; background-size: 100% auto;
margin: 0 auto;}
.openCardPage { background: rgb(241,241,241); padding: .4rem 0 .6rem;}
.cardHead { padding: .47rem 1.56rem;}
.cardHead p { font-size: .4rem; color: #ffffff;}
.cardHead span { font-size: .28rem; color: #ffffff;}
.cardFoot p { margin-bottom: .25rem; font-size: .28rem; max-width: 50%; color: #ffffff;}
.cardFoot { padding: .5rem .28rem 0; display: flex; flex-wrap: wrap; justify-content: space-between;}
.openDetail { position: relative; z-index: 2; background: #ffffff; padding: .4rem .24rem; margin-top: -.2rem; border-radius: .2rem .2rem 0 0;}
.openDetail h2 { font-size: .38rem; line-height: .56rem; margin-bottom: .4rem;}
.choseMoney { overflow-x: auto; white-space: nowrap;}
.choseMoney span { margin-right: .24rem; font-size: .5rem; border-radius: .12rem; line-height: .7rem; display: inline-block; padding: .25rem .23rem; background: rgba(248, 248, 248, 1); border: 1px solid rgba(240, 240, 240, 1);}
.choseMoney span.cur { color: rgba(47, 132, 81, 1); background: rgba(241, 255, 250, 1); border: 1px solid rgba(0, 152, 97, 1);}
.choseMoney::-webkit-scrollbar { width: 0;}
.cardForm li { height: 1.24rem; align-items: center; display: flex; justify-content: space-between; border-bottom:1px solid rgba(0, 0, 0, 0.10);}
.cardForm li p { color: rgba(0, 0, 0, 0.85); font-size: .32rem;}
.cardForm li span { color: rgba(10, 158, 104, 1); font-size: .28rem;}
.cardForm li input { text-align: right; color: #333; font-size: .28rem;}
.cardForm li input::placeholder { color: rgba(0, 0, 0, 0.50);}
.cardForm li:last-child { border: none;}
.balanceList dt { height: 1.37rem; align-items: center; border-top: 1px solid rgba(0, 0, 0, 0.10); display: flex; justify-content: space-between;}
.balanceList h2 { margin-bottom: .3rem;}
.balanceName p { font-size: .32rem; color: rgba(0, 0, 0, 0.85);}
.balanceName span { color: rgba(0, 0, 0, 0.25); font-size: .24rem;}
.balanceList dt b { font-size: .36rem; color: rgba(0, 0, 0, 0.85);}
.enterMoeny { margin-bottom: .8rem; height: 1.2rem; align-items: center; display: flex;justify-content: space-between; padding: 0 .14rem 0 .38rem; background: rgba(241, 255, 250, 1); border: 1px solid rgba(0, 152, 97, 1); border-radius: .12rem;}
.enterMoeny span { font-weight: bold; font-size: .36rem; color: rgba(47, 132, 81, 1);}
.enterMoeny input { max-width: calc(100% - 3.6rem); flex: 1; text-indent: .12rem;font-size: .36rem; color: rgba(47, 132, 81, 1); font-weight: bold;}
.enterMoeny b { display: block; white-space: nowrap; color: rgba(181, 191, 187, 1); font-size: .28rem;}