@charset "utf-8";
body{ background: linear-gradient( 90deg, #F6FFFF 0%, #FFFFFF 52%, #F1F9FE 100%); min-height: 100vh; 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-------------- */
.parkList { padding: .3rem .32rem;}
.parkList li { margin-bottom: .2rem; position: relative; box-shadow: 0px 0px 10px 0px rgba(71,125,219,0.12); border-radius: .12rem; padding: .24rem .3rem .45rem; background: url(../images/areaBg.png) right bottom no-repeat #ffffff; background-size: 2.56rem auto;}
.areaNum { border-radius: 3px; display: flex; justify-content: center; align-items: center; background: rgba(4, 156, 101, 1); width: 2rem; height: .58rem;
gap: .1rem; color: #ffffff; font-weight: bold; font-size: .5rem;}
.areaNum img { width: .34rem;}
.parkList h2 { font-weight: bold; font-size: .32rem; color: rgba(0, 0, 0, 0.40); line-height: .6rem; margin: .3rem 0 .14rem;}
.parkList h2 span { font-weight: bold; font-size: .42rem; color: rgba(250, 100, 0, 1); margin: 0 .14rem;}
.parkList p { display: flex; align-items: center; gap: .5rem; font-size: .28rem; color: rgba(0, 0, 0, 0.40);}
.parkList p b { margin: 0 .1rem; color: rgba(51, 51, 51, 1); font-size: .32rem; font-weight: bold;}
.posName { margin-top: .5rem; display: flex; align-items: center; font-size: .28rem; color: rgba(158, 158, 158, 1);}
.posName img { width: .28rem; margin-right: .1rem;}
.parkList li a.goBtn {  display: flex; justify-content: center; align-items: center; width: 1.8rem; height: .72rem; border-radius: .72rem;
background: #ffffff; border: 1px solid rgba(4, 156, 101, 1); box-sizing: border-box; font-size: .28rem; color: rgba(4, 156, 101, 1); right: .3rem; top: .97rem;
position: absolute;}
.fullTag { background: rgba(247, 181, 0, 1);border-radius: 0px 0 0px .3rem; line-height: .62rem; text-align: center; width: 1.58rem; position: absolute; right: 0; top: 0; color: rgba(255, 255, 255, 1); font-size: .3rem;}
.choseEnter {
    width: 100%;
    background: rgba(255, 255, 255, 1);
    border-radius: .32rem .32rem 0 0;
    overflow: hidden;
    position: fixed;
    bottom: -100%;
    left: 0;
    z-index: 10;
}

#screen {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9;
    background: rgba(0,0,0,0.5);
    width: 100%;
    height: 100%;
}

.choseEnter li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.10);
    line-height: 1rem;
}

    .choseEnter li a {
        text-align: center;
        display: block;
        color: rgba(0, 0, 0, 0.85);
        font-size: .34rem;
    }

    .choseEnter li:hover a {
        color: rgba(4, 156, 101, 1);
    }

.choseEnter ul {
    border-bottom: .08rem solid rgba(0, 0, 0, 0.10);
}

.closeEnter {
    line-height: 1rem;
    font-size: .34rem;
    color: rgba(0, 0, 0, 0.85);
    text-align: center;
    display: block;
}
.choseHd { display: flex; justify-content: space-between;}
.choseHd span { font-size: .28rem; line-height:3;  background: rgba(4, 156, 101, 1);
    color: #fff; flex: 1; display: flex; justify-content: space-between; align-items: center; justify-content: center;}
.choseHd span.cur {    background: #ffffff;color: rgba(4, 156, 101, 1);border-bottom: 2px solid;}
.formCard { padding: .45rem .45rem .35rem; border-bottom: .14rem solid #f3f7f9;}
.formCard h2 { text-indent: .18rem; font-size: .34rem; color: #2f3545; font-weight: bold; line-height: .46rem; position: relative; margin-bottom: .24rem;}
.formCard h2::after { content: ''; background: url(../images/icon1.jpg) center no-repeat; width: .34rem; height: .34rem; background-size: 100% auto;
position: absolute; top: 0; left: -.1rem;}
.formCard h2 span { position: relative; z-index: 2; font-weight: bold;}
.areaChose { display: flex; gap: .3rem;}
.areaChose span { width: 2.14rem; text-align: center; line-height: .83rem; position: relative; display: block; border: 1px solid #eeeeee; border-radius: .18rem; font-size: .3rem; color: #2f3545;}
.areaChose span.cur { color: #1168e4; border:1px solid #004ad3; background: #e6f2ff;}
.areaChose span.cur::after { content: ''; right: -1px; bottom: -1px; position: absolute; background: url(../tcq/images/icon2.png) center no-repeat; width: .3rem; height: .3rem; background-size: 100% auto;}
.formCard:last-child { border: none;}
.left{ float:left;}
.right{ float:right;}
.box{width:95%; margin:0 auto;}
.formCard h1 { text-indent: .18rem; font-size: .34rem; color: #2f3545; font-weight: bold; line-height: .46rem; position: relative; margin-bottom: .24rem;}
.formCard h1::after { content: ''; background: url(../tcq/images/icon4.png) center no-repeat; width: .34rem; height: .34rem; background-size: 100% auto;
    position: absolute; top: 0; left: -.1rem;}
.formCard h1 span { position: relative; z-index: 2; font-weight: bold;}
.kuang{box-shadow:0px 0px 8px #eee; border-radius:5px;}
.fixBottom { box-shadow: 0 0 10px rgba(0,0,0,0.2); background: #ffffff; display: flex; position: fixed; bottom: 0; width: 100%; left: 0; z-index: 10; padding:.2rem; gap: .2rem;}
.fixBottom a.sureBtn1 {text-align: center; display: block; background: #009861; border-radius: .2rem; line-height: 1rem; font-size: .32rem; color: #fff; flex: 1;}


/* 键盘 */
/* #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: 20px;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{ 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 #A3E1CB;background-color: #F6FFFC;}
.ul_input .input_zim1 span{border:1px solid #009861;}
#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;}
.formCard dt{ border-radius: .18rem; border: 1px solid #eeeeee; background: #f3f7f9; display: flex; justify-content: space-between;}
.formCard dt p { width: 1.66rem; color: #2f3545; font-size: .3rem; text-align: center; line-height: .94rem;}
.formCard dl { position: relative; display: flex; flex-direction: column; gap: .2rem;}
.formCard dt input { height: .94rem; box-sizing: border-box; line-height: .94rem; padding: 0; flex: 1; font-size: .3rem;}
.formCard input.getCode { line-height: .94rem; box-sizing: border-box; padding: 0; position: absolute; right: .35rem; color: #1168e4; border: none; background: none; font-size: .3rem;}
#start_date { font-size: .3rem; text-indent: .3rem; color: #2f3545; background: url(../tcq/images/icon3.jpg) 6.02rem center no-repeat; background-size: .23rem auto; height: .94rem;
border: 1px solid #eeeeee; border-radius: .18rem; width: 100%;}
.siteCont { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .32rem;}
.siteCont select { appearance: none; background: url(../tcq/images/icon3.jpg) 2.55rem center no-repeat; background-size: .23rem auto; font-size: .3rem; line-height: .93rem; height: .93rem; outline: none; padding-left: .24rem; box-sizing: border-box; width: calc(50% - .16rem); border: 1px solid #eeeeee; border-radius: .18rem;}
.formCont { position:relative; z-index: 2; padding-top: .2rem; margin-top: -.2rem; border-radius: .2rem .2rem 0 0; background: #fff;}
.fixBottom { box-shadow: 0 0 10px rgba(0,0,0,0.2); background: #ffffff; display: flex; position: fixed; bottom: 0; width: 100%; left: 0; z-index: 10; padding:.2rem; gap: .2rem;}
.fixBottom a.orderEnter { text-align: center; width: 2.2rem; background: #d2e8ff; border-radius: .2rem; line-height: 1rem; font-size: .32rem; color: #1168e4;}
.fixBottom a.orderEnter1 { text-align: center; width: 2.2rem; background:#E0FAF0; border-radius: .2rem; line-height: 1rem; font-size: .32rem; color: #009861;}
.h140 { height: 1.4rem;}
.fixBottom a.sureBtn {text-align: center; display: block; background: #1168e4; border-radius: .2rem; line-height: 1rem; font-size: .32rem; color: #fff; flex: 1;}
.fixBottom a.sureBtn1 {text-align: center; display: block; background: #009861; border-radius: .2rem; line-height: 1rem; font-size: .32rem; color: #fff; flex: 1;}
.waitInfor { font-size: .3rem; line-height: 2; display: flex; justify-content: space-between;white-space: nowrap;}
.waitInfor span { color: #999;}
.waitInfor a { display: flex; align-items: center; color: #1168e4;}
.waitInfor a img { width: .5rem;}
.formCard .ticketNum { text-indent: .3rem;}
.orderInfor dt { line-height: 2; display: flex; justify-content: space-between; font-size: .3rem;}
.orderInfor dl { padding: .3rem;}
.orderInfor dt span { color: #999;}
.orderControl { display: flex; justify-content: space-between; gap: .2rem;}
.orderControl a:nth-child(1) { text-align: center; flex: 1; background: #d2e8ff; border-radius: .2rem; line-height: .8rem; font-size: .3rem; color: #1168e4;}
.orderControl a:nth-child(2) {text-align: center; display: block; background: #1168e4; border-radius: .2rem; line-height: .8rem; font-size: .3rem; color: #fff; flex: 1;}
.orderControl { padding: 0 .3rem .3rem;}
.orderList li { border-bottom: .14rem solid #f3f7f9;}
.orderInfor dt span.state1 { color:#1168e4}
.orderInfor dt span.state2 { color:red}
.formCard.nopd { padding-bottom: 0; border-bottom: 0;}
.formCard.nopd h2 { margin-bottom: 0;}
.changeAlt { display: none; border-radius: .18rem; z-index: 10; position: fixed; left: 50%; top: 50%; background: #ffffff; transform: translate(-50%,-50%); width: 7.2rem; padding: .1rem 0 .74rem;}
.changeTit { position: relative; text-align: center; font-size: .34rem; color: #2f3545; line-height: 1rem; border-bottom: .14rem solid #f3f7f9;}
#screen { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 8;}
.changeAlt .car_input { margin: .6rem .3rem;}
.closeAlt { position: absolute; background: url(../tcq/images/close.png) center no-repeat; width: .67rem; height: .67rem;
right: .35rem; top: 50%; transform: translateY(-50%); background-size: 100% auto;}
.sureChange { display: block;  background: #1168e4; color: #ffffff; text-align: center; margin: 0 .3rem; line-height: .86rem; border-radius: .16rem;
font-size: .3rem;}

select{border: 1px solid #999;border-radius: .1rem;padding: .05rem .1rem;}
.nomore{text-align: center;margin: 1rem auto;}
.formCard input.getCode1 { line-height: .94rem; box-sizing: border-box; padding: 0; position: absolute; right: .35rem; color: #009861; border: none; background: none; font-size: .3rem;}
.alertBox {
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 20px;
    background-color: #f9f9f9;
    border: 1px solid #cacaca;
    border-radius: 5px;
    z-index: 1000;
  }
#closeAlert {
    float: right;
    cursor: pointer;
  }

   .historyCar ul,.historyPhone ul { overflow-x: auto; padding-top: .2rem; white-space: nowrap;}
  .historyCar li,.historyPhone li { border:1px solid #f4f4f4; margin-right: .2rem; line-height: 2.5; border-radius: 3px; padding: 0 .2rem; background:#f4f4f4; display: inline-block; position: relative;}
  .historyCar li i,.historyPhone li i { border-radius: 50%; top: -.1rem; right:-.1rem; z-index: 2; line-height: .3rem; font-weight: bold; position: absolute; background: #51C89D; color: #ffffff; width: .3rem; height: .3rem; text-align: center; line-height: .3rem;}
  .historyCar li.cur,.historyPhone li.cur { border: 1px solid #51C89D; color: #51C89D; background: #ffffff;}
  .historyPhone { margin-top: .2rem;}
  .historyPhone h3,.historyCar h3 { font-size: .28rem; color: #666;}
   .historyCar ul::-webkit-scrollbar,.historyPhone ul::-webkit-scrollbar { display: none;}