@charset "utf-8";
body{ 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-------------- */
.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(../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(../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;}

.xian_top{height:40px; line-height:40px; background:#fff; margin-top:15px; padding:0px 3%; text-align:center; color:#9e9e9e;}
.xian_top img{width:20%; margin-right:5px;}
.xian_top em{float:left;}
.xian_top span{float:right; color:#c9000b;}

.xian_title{position:relative;margin:30px 0px;}
.xian_title em{position:absolute; top:-13px; left:35%; text-align:center; font-size:18px; width:30%; background:#fff;}

.xian_list{padding:30px 2%; text-align:center; font-size:50px; color:#fdae31;}
.xian_list li{border-left:1px solid #d5d5d5; height:40px; line-height:40px; float:left; width:20%; text-align:center; font-size:50px; color:#c9000b;}
.xian_list li:nth-child(1){border:none;}
.mrxx{color:#fdae31;}
.mrxx li{color:#fdae31;}

.xian_zou{padding:5px 2%;}
.xian_zou li{width:12%; float:left; text-align:center; height:45px; border-radius:5px; overflow:hidden; border:1px solid #d3d3d3; margin:0px 1.1%; position:relative; color:#9f9f9f; font-size:16px; line-height:28px;}
.xian_zou li em{position:absolute; bottom:0px; height:16x; line-height:16px; background:#9f9f9f; font-size:12px; color:#fff; left:0px; width:100%;}


.xian_zou .xxzt_bx{background:#16b779; color:#fff;}
.xian_zou .xxzt_bx em{background:#fff; color:#9f9f9f;}
.xian_zou .xxzt_jt{background:#c9000b; color:#fff;}
.xian_zou .xxzt_jt em{background:#fff; color:#9f9f9f;}

.dibu{padding:10px 0px; position:fixed; left:0px; bottom:0px; width:100%; border-top:1px solid #f0eff0;box-shadow:0px 0px 8px #eee;}
.dibu li{width:50%; float:left; height:25px; line-height:25px; border-left:1px solid #fdae31; text-align:center; color:#fdae31; font-size:16px;}
.dibu li img{vertical-align: middle; margin-right:5px; width:12%;}


.bangding_top{font-size:16px; font-weight:bold; padding:20px 0px;}
.bangding_top img{float:right; width:5.5%;}

.bangding_list{padding-bottom:20px;}
.bangding_list li{width:40%; float:left; height:95px; margin:0px 5%; background:#16b779; color:#fff; border-radius:5px; padding:20px; font-size:16px; line-height:26px;}

.bangding_list li.select{background:#c9000b;}


.tianjia_top{width:70%; margin:20px auto; text-align:center; color:#c9000b; height:40px; border-radius:50px; line-height:40px; font-size:16px; border:1px solid #c9000b;}
.tianjia>li{height:50px; padding:7px 0px; border-bottom:1px dashed #bdbdbd; line-height:18px; position:relative;}
.tianjia li em{float:left; width:10%; display:block; text-align:center;}
.tianjia li input{float:left; width:80%; margin-left:2%; height:36px; border:none;}
.tianjia li>img{position:absolute; right:0px; top:13px; width:6%;}

.tianjia li.chepai input{width:8%; border:1px solid #bdbdbd; text-align:center;}
.tianjia li.chepai .xinnengyuan{width:7.5%; border:1px solid #bdbdbd; padding:0px 0px; position:absolute; left:82%; top:7px;}

.tianjia2{text-align:center; padding:15px 0px; color:#fdae31;}
.tianjia3{text-align:center;}
.tianjia3 button{width:80%; height:35px; background:#16b779; border:none; color:#fff; font-size:16px; border-radius:10px; margin:0 auto;}



/* 键盘 */
/* #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(../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(../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;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 button.sureBtn1 {text-align: center; display: block; background: #009861; border-radius: .2rem; line-height: 1rem; font-size: .32rem; color: #fff; flex: 1;border: none;}
.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(../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;
  }
 
  .noticeAlt { border-radius: 6px; overflow: hidden;    margin-top: -4.8rem; background: #ffffff; z-index: 101; width: 6.8rem; position: fixed; left: .35rem; top: 62%;}
  .noticeAlt h2 { text-align: center; line-height:3; border-bottom: 1px solid #f1f0f0; color: #009861; font-size: .34rem;}
  .noticeText { max-height: 7.2rem; padding: .3rem; overflow-y: auto;}
  .noticeText p { font-size: .28rem; line-height: 1.5; color: #666666;}
  .sureBtn { background-image:linear-gradient( 315deg, #51C89D 0%, #009861 100%); color: #ffffff; font-size: .28rem; line-height: 3; text-align: center;}
  .sureBtn.noc { background: #eee; color: #999;}

   .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;}

.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;}

.carList { padding: .4rem .4rem;}
.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 rgb(255 254 254 / 44%); 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:.1rem 0 .8rem; 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: 1rem;}
.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;}
.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;}