/* css reset */
body { color: #000; margin: 0; padding: 0; border: 0; font-family: fontA, 'Microsoft YaHei',Arial,sans-serif;
	-webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight:rgba(0,0,0,0);-webkit-text-size-adjust:none;}
body, h1, h2, h3, ul, li, form, p, img, dl, dd, span { margin: 0; padding: 0; border: 0 }
a { text-decoration: none;}
b { font-weight: normal;}
input,select,textarea { outline: none; font-family: "Microsoft YaHei", Arial, sans-serif;}
input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset; }
input[type="submit"],input[type="reset"],input[type="button"],input[type="date"],select,button { -webkit-appearance: none;}
* { -webkit-backface-visibility: hidden; outline: none;}
em { font-style: normal; }
body { max-width: 750px; position: relative; background: #fff; -webkit-user-select: none; -webkit-transform: translateZ(0);}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder { color: #d7d7d7 !important; }
input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder { color: transparent;}
img { -webkit-touch-callout: none;}
aside.turnBox { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: #222; z-index: 9999999 }
aside.turnBox img.turn { display: block; padding-top: 8%; margin: 0 auto 5%; width: 40%; vertical-align: middle }
aside.turnBox p { color: #fff; text-align: center }


/* global */
.scroller { height: 100%; overflow: auto; -webkit-overflow-scrolling: touch;}
.wrapper { height: 100%; }
.fullscreen { height: 100%; overflow: hidden;}
.grayBg { background: #eef2f6; }
.op { opacity: 0;}
.clear { clear: both;}
.hide { display: none; }
.fr { float: right; }
.ipt { border: none; }
.ipt:disabled { color: #454545; opacity: 1;}
.disabled { -webkit-filter: grayscale(80%); opacity: .5;}
.fixed { position: fixed; bottom: 0; left: 0; right: 0; }
.clearfix{ *zoom: 1;}
.clearfix:before,.clearfix:after{ content:" "; display: table;}
.clearfix:after{ clear: both;}
.mt-10 { margin-top: 10px; }
.mt-20 { margin-top: 20px; }
.mt-30 { margin-top: 30px; }
.mb-10 { margin-bottom: 10px;}
.mb-20 { margin-bottom: 20px;}
.pb-160 { padding-bottom: 160px;}
.pd-30 { padding: 30px; }
.pd-r-40 { padding-right: 40px; }

.colorRed { color: red;}

.bg-1 { background: url(../img/bg.jpg) no-repeat;}
.bg-2 { background: url(../img/bg-2.png) no-repeat;}
.bg-3 { background: url(../img/bg-3.jpg) no-repeat;}

.nodata { padding: 60px 30px; text-align: center; color: #999; font-size: 26px;}

#txtLimit { padding: 30px; font-size: 28px;}

.dialogs {}
.dialogs .mask { position: fixed; z-index: 1000; top: 0; right: 0; left: 0; bottom: 0; background: rgba(0, 0, 0, 0.6);}
.dialogs .dialog { position: fixed; z-index: 5000; width: 80%; max-width: 450px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%); background-color: #FFFFFF; text-align: center; border-radius: 3px; overflow: hidden;}
.dialogs .bd { padding: 0 1.6em 0.8em; min-height: 40px; font-size: 26px; line-height: 1.3; word-wrap: break-word; word-break: break-all; color: #999999;}
.dialogs .bd:first-child { padding: 40px; color: #353535;}
.dialogs .ft { position: relative; line-height: 48px; font-size: 30px; display: -webkit-box; display: -webkit-flex; display: flex;}
.dialogs .ft:after { content: " "; position: absolute; left: 0; top: 0; right: 0; height: 1px; border-top: 1px solid #D5D5D6; color: #D5D5D6; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(0.5); transform: scaleY(0.5);}
.dialogs .btn { display: block; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; color: #3CC51F; text-decoration: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); position: relative;}
.dialogs .btn:active { background-color: #EEEEEE;}
.dialogs .btn:after { content: " "; position: absolute; left: 0; top: 0; width: 1px; bottom: 0; border-left: 1px solid #D5D5D6; color: #D5D5D6; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleX(0.5); transform: scaleX(0.5);}
.dialogs .btn:first-child:after { display: none;}
.dialogs .btn_default { color: #353535;}
.dialogs .btn_primary { color: #1e55a9;}


#hint { position: fixed; z-index: 1001; left: 50%; top: 50%; width: 500px; background: rgba(0,0,0,0.7); margin: -100px 0 0 -250px; text-align: center; padding: 10px 20px;
	border-radius: 15px; color: #fff; font-size: 30px; box-sizing: border-box; display: none;}

.ellipsis {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ellipsis-2 {display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp: 2;  overflow: hidden;}

.header { position: fixed; top: 0; left: 0; right: 0; height: 250px; font-size: 0; }
.header .search { border: 1px solid #c8c8c8; border-radius: 5px; margin: 25px 30px 25px 100px; background: #fff; height: 70px; line-height: 70px; padding: 0 25px;}
.header .search .ipt { width: 86%; font-size: 28px; margin-left: 10px; vertical-align: middle;}
.header .btnHome { position: absolute; top: 30px; left: 20px; width: 60px; height: 60px; line-height: 60px; text-align: center;}

.tabs { display: flex; width: 100%; font-size: 32px; background: #fff;}
.tabs .item { position: relative; width: 100%; flex:1; color: #a0a0a0; text-align: center; height: 115px; line-height: 115px;}
.tabs .item:after { content: ''; position: absolute; top: 35px; bottom: 35px; right: 0; width: 2px; background: #ececec;}
.tabs .item:last-child:after { display: none;}
.tabs .item.active { color: #4a83f7;}
.tabs .item.active:before { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 5px; background: #4a83f7;}

.carInfo { color: #474747; padding: 65px; background: #fff; line-height: 55px; font-size: 28px;}
.carInfo b { color: #4a83f7;}
.carInfo .tips { padding-top: 10px; font-size: 22px; color: #999; line-height: 30px;}

.btn { /*width: 100%; */height: 95px; line-height: 95px; font-size: 32px; text-align: center; }
.btnA { background: #fff; color: #4a83f7;}
.btnB { background: #4a83f7; color: #fff;}
.btnC { border: 1px solid #4a83f7; color: #4a83f7;}
.btnD { background: #d3d3d3; color: #929292;}

.btnUserFree { width: auto !important; padding: 0 10px;}
.btnUserFree.disabled { border-color: #999; color: #999;}
.btnUserFree input { width: 30px; height: 30px; vertical-align: middle; margin-top: -2px; pointer-events: none;}

.btns { display: flex; width: 100%; }
.btns .btn { width: 100%; flex:1; height: auto; line-height: inherit; padding: 10px 0; font-size: 26px; margin: 0 20px 0 0;}
.btns .btn.active { background: #4a83f7; color: #fff;}
.btns .btn:last-child { margin-right: 0; }

.tip { display: none; position: fixed; z-index: 1001; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.8) no-repeat;
	-webkit-transform:scale(1.2); -webkit-transition: all .3s ease; opacity: 0;}
.tip.active { -webkit-transform:scale(1); opacity: 1;}
.tip.tipShare { background-image: url(../img/tip-share.png); background-position: right top;}

.tip.tipPay .modal { background: transparent; }
.tip.tipDetail .modal { margin: calc(50% - 645px) 0 0 -260px; }

.tip.tipOrder { font-size: 28px; color: #707070; }
.tip.tipOrder span { color: #4a83f7; }
.tip.tipOrder .modal { width: 660px; margin: calc(50% - 840px) 0 0 -330px;}
.tip.tipOrder .content { max-height: 750px; border: 1px solid #dadada; border-width: 1px 0;}
.tip.tipOrder .info { display: block; margin: 0 45px; padding: 25px 0; line-height: 50px; border-bottom: 1px solid #dadada;}
.tip.tipOrder .info p span { display: inline-block; vertical-align: top; }
.tip.tipOrder .count { padding: 30px 100px;  }
.tip.tipOrder .count span { font-weight: bold;}
.tip.tipOrder .btn { width: auto; margin: 30px; }


.tip.tipStudent { -webkit-transform:scale(1); }
/*.tip.tipStudent.active .modal { -webkit-transform: translateY(0);}*/
.tip.tipStudent .modal {/* -webkit-transform: translateY(100%); -webkit-transition: all .3s ease;*/ position: fixed; width: 100%; top: auto; bottom: 0; left: 0; right: 0; margin: 0; padding: 40px 0; box-sizing: border-box; font-size: 28px; color: #050000; border-radius: 0;}
.tip.tipStudent .modal p { padding: 0 30px 30px; }
.tip.tipStudent .modal .btn { margin: 20px 30px 0 30px; }


.tip .modal { position: absolute; top: 50%; left: 50%; margin: calc(50% - 750px) 0 0 -260px; z-index: 1; width: 520px; background: #fff; border-radius: 20px; box-sizing: border-box; overflow: hidden;}
.tip .modal .contentA { border-radius: 20px; overflow: hidden; margin-bottom: 100px; }
.tip .modal .title { font-size: 52px; padding: 70px 0; line-height: 60px; color: #fff; text-align: center; background: #4a83f7;}
.tip .modal .title b { display: block; font-size: 28px;}
.tip .modal .titleB { font-size: 34px; color: #707070; padding: 35px 0; text-align: center;}
.tip .modal .num { font-size: 30px; color: #4a83f7; text-align: center; padding: 65px 0 20px;}
.tip .modal .btnB { height: 80px; line-height: 80px; border-radius: 50px; }
.tip .blockB .listC { padding: 0 50px; }
.tip .blockB .listC .item { padding: 25px 0; }
.tip .blockB .listC .item span { width: 140px; }
.tip .blockB .listC .item .ipt { width: 60%;}
.tip .blockB .listC .item:last-child { border-bottom: 1px solid #e0dede; }
.tip i.ico-close { position: absolute; right: 40px; top: 40px; z-index: 11; padding: 2px;}
.tip i.ico-close2 { position: absolute; right: 20px; top: 20px; z-index: 11; padding: 2px;}
.tip .img { margin: 30px; }
.tip .select { width: 63%;}

.logo { position: absolute; top: calc(50% - 415px); left: calc(50% - 375px); width: 750px; height: 200px; background: url(../img/logo.png) no-repeat; background-size: 100% auto; }
.select { font-size: 28px; background: transparent; border: none; vertical-align: middle; }

.form { position: absolute; top: calc(50% - 100px); left: calc(50% - 285px); width: 590px; font-size: 30px; }
.form p { color: #b6dcf9; margin-bottom: 50px;}
.form .select { width: 91%; color: #b6dcf9;}
.form .selected { color: #fff;}
.form .ipt { font-size: 30px; background: transparent; caret-color: #fff;}
.form .item { position: relative; font-size: 0; background: url(../img/line.png) bottom no-repeat; padding: 25px 20px; background-size: 100% auto; margin-bottom: 20px; }
.form .item i.ico-select { position: absolute; right: 20px; top: 50%; margin-top: -15px; pointer-events: none;}
.form .listA .ipt { width: 80%; outline: none; border: none; color: #fff; vertical-align: middle; }
.form .listB .ipt { width: 75px; padding: 20px 0; font-size: 36px; color: #fff; box-sizing: border-box; text-align: center; border: 2px solid #fff; border-radius: 2px; }
.form .listA input::-webkit-input-placeholder { color: #b6dcf9 !important; }
.form .listA .item span {  position: absolute; right: 20px; top: 15px; height: 45px; padding: 5px 10px; line-height: 45px; display: inline-block; border: 1px solid #fff; font-size: 30px; text-align: center; border-radius: 5px; color: #fff; }

.sign .form { top: calc(50% - 160px); }


.login .btn,
.sign .btn { border-radius: 50px; margin-top: 30px;}
.login .btnGroup { margin-top: 100px; }


.payPage .title { color: #fff; font-size: 40px; text-align: center; line-height: 65px; padding-top: 160px;}
.payPage .title b { display: block; color: #b6dcf9; font-size: 28px; }
.payPage .ico { position: absolute; top: 360px; left: 50%; margin: 0 0 0 -52px; width: 105px; height: 105px; }
.payPage .carInfo { width: 530px; background: transparent; margin: 260px auto 0; padding: 0;}
.payPage .carInfo p { background: url(../img/line-2.png) center bottom no-repeat; padding: 25px 20px; box-sizing: border-box; margin-bottom: 10px;}

.listB { padding: 35px 0; }
.listB .item { position: relative; width: 660px; height: 240px; padding: 90px 35px 0 90px; margin: 0 auto 35px; box-sizing: border-box; border-radius: 20px; font-size: 40px; letter-spacing: 5px; color: #fff; overflow: hidden; box-shadow: 0 5px 5px #a8a8a8;}
.listB .item:after { content: ''; position: absolute; right: 35px; top: 50%; margin-top: -25px; width: 30px; height: 50px; background: url(../img/ico-arr.png) no-repeat; }
.listB .item:nth-child(1) { background: url(../img/bar-1.jpg); }
.listB .item:nth-child(2) { background: url(../img/bar-2.jpg); }
.listB .item:nth-child(3) { background: url(../img/bar-3.jpg); }
.listB .item:nth-child(4) { background: url(../img/bar-4.jpg); }

.listC .item { position: relative; padding: 20px 30px; margin-bottom: 25px; color: #474747; font-size: 28px; border-bottom: 1px solid #e0dede; border-radius: 5px; }
.listC .item span { display: inline-block; vertical-align: middle; }
.listC .item span:first-child { width: 160px;}
.listC .item .ipt { font-size: 28px; width: 69%; vertical-align: middle; box-sizing: border-box;}
.listC .item:last-child { margin-bottom: 0; }
.listC .tips { margin: -10px 0 25px; padding-left: 30px; font-size: 26px; color: #999; line-height: 30px;}


.listD { text-align: center; margin-bottom: 20px; }
.listD .item { display: inline-block; font-size: 28px; color: #474747; margin: 0 45px; }
.listD .item i { margin-right: 20px; }
.listD .item.active i.ico-radio { background-image: url(../img/ico-radio-active.png); }

.listE { padding: 45px 0; }
.listE .item { width: 655px; margin: 0 auto; border-radius: 10px; margin-bottom: 40px; overflow: hidden; background: #fff; }
.listE .item img { width: 100%; height: 315px;}
.listE .item .text { position: relative; font-size: 30px; color: #4a83f7; padding: 30px; box-sizing: border-box;}
.listE .item .text:after { content: ''; position: absolute; right: 20px; top: 50%; margin-top: -15px; width: 30px; height: 30px; background: url(../img/ico-select3.png) no-repeat; }
.listE .item .text p { font-size: 24px; color: #6f6f6f; margin-top: 10px; }

.listF .item { position: relative; display: inline-block; width: 100%; font-size: 28px; background: #f4f5f6; padding: 40px 30px; border: 1px solid #e0dede; border-width: 1px 0; box-sizing: border-box;}
.listF .item .headerImg { width: 90px; height: 90px; margin-right: 40px; vertical-align: middle; border: 2px solid #5891f0; border-radius: 50%; overflow: hidden;}
.listF .item span { /*vertical-align: middle; */color: #454545; }
.listF .item .ipt { width: 76%; background: transparent; font-size: 28px; color: #454545; text-align: right; border: none;}
.listF .lefter { display: inline-block; width: 65px; height: 65px; border-radius: 50%; overflow: hidden; font-size: 36px; color: #fff; background: #4a83f7; margin-right: 20px; vertical-align: middle; text-align: center; line-height: 63px; }
.listF .righter { display: inline-block; width: 86%; font-size: 28px; color: #454247; line-height: 40px; vertical-align: middle;}
.listF .righter span { color: #4a83f7; }
.listF .righter b { display: inline-block; width: 140px; vertical-align: top; }
.listF .righter em { display: inline-block; width: 450px; vertical-align: top;}
.listF .item i.ico-select { position: absolute; top: 50%; margin-top: -15px; right: 30px; background-image: url(../img/ico-select3.png); pointer-events: none;}
.listF .select { width: 76%; color: #d7d7d7; text-align: right; padding: 0 40px; text-align: right;}
.listF .selected { color: #000;}
.listF .item .date { padding: 0 40px; box-sizing: border-box; }
.listF .item .people { text-align: right; width: 73%; }

.user .listF .item .ipt { padding-right: 30px; box-sizing: border-box;}

.car {}
.car .listF .item { margin-bottom: 15px; }	

.carAdd .listF .item .ipt { padding: 0; }
.carAdd .listF .item .date { padding: 0 40px; }

.textA { padding: 45px; color: #4a83f7; border: 1px solid #e0dede; font-size: 30px; border-width: 1px 0; text-align: center; background: #f4f5f6;}
.textB { border-bottom: 1px solid #d7d5d6; font-size: 30px; }
.textB span { display: inline-block; border-bottom: 5px solid #4a83f7; color: #4a83f7; padding: 30px 10px;}


.listG { position: absolute; top: 239px; width: 100%; height: calc(100% - 239px); }
.listG em { color: #4a83f7; }
.listG .item { background: #fff; margin-bottom: 15px; border: 1px solid #dcdada; border-width: 1px 0;}
.listG .item .title { padding: 35px; font-size: 26px; color: #979698; border-bottom: 1px solid #dcdada;}
.listG .item .title i.ico-radio { display: none;}
/*.listG .item .title.btnCheck i.ico-radio { display: inline-block;}*/
.listG .item.checked .title i.ico-radio { background: url(../img/ico-radio-active2.png) no-repeat; }
.listG .item .title i { margin-right: 15px;}
.listG .item .title b { margin-left: 40px; }
.listG .item .info { padding: 35px;}
.listG .item .lefter { display: inline-block; width: 160px; margin-right: 35px; height: 160px; vertical-align: middle; border: 2px solid #4a83f7; border-radius: 50%; overflow: hidden;}
.listG .item .lefter img { width: 100%;}
.listG .item .righter { display: inline-block; vertical-align: middle; }
.listG .item .righter .name { font-size: 28px; color: #454247; margin-bottom: 20px; }
.listG .item .righter .text { font-size: 26px; color: #979698; margin-bottom: 10px;}
.listG .item .count { color: #454247; font-size: 26px; padding: 0 35px 30px; line-height: 60px;}
.listG .item .count .btn { width: auto; height: 60px; line-height: 58px; padding: 0 30px; font-size: 26px; border-radius: 5px; box-sizing: border-box; }
.listG .btn { margin-left: 20px; }

.hasPayAll .selectAll { display: block;}
.hasPayAll .listG { height: calc(100% - 239px - 105px);}
.hasPayAll .listG .item .title.btnCheck i.ico-radio { display: inline-block;}
.selectAll { display: none; position: fixed; bottom: 0; left: 0; right: 0; background: #fff;}
.selectAll em { color: #4a83f7; }
.selectAll i.ico-radio { margin-right: 10px;}
.selectAll span { display: inline-block;}
.selectAll .all { width: 170px; text-align: center; font-size: 28px; color: #5f5f5f;}
.selectAll .num { position: relative; top: 10px; width: 300px; text-align: right; font-size: 21px; color: #5f5f5f;}
.selectAll .num b { font-size: 35px; color: #4a83f7;}
.selectAll .btn { width: 240px; height: 105px; line-height: 105px; }

.hasPayAll .selectAll { display: none;}
.hasPayAll .listG { height: calc(100% - 239px);}
.hasPayAll .listG .item .title.btnCheck i.ico-radio { display: none;}



.listH { font-size: 0; }
/*.listH .item { display: inline-block; height: 200px; float: left; vertical-align: top; color: #4a83f7; border: 1px solid #4a83f7; text-align: center; border-radius: 5px; margin-right: 15px; padding: 30px 6px; box-sizing: border-box; font-size: 0;}*/
.listH .item { display: inline-block; float: left; vertical-align: top; color: #4a83f7; border: 1px solid #4a83f7; text-align: center; border-radius: 5px; margin-right: 15px; padding: 30px 6px; box-sizing: border-box; font-size: 0;}
.listH .item:last-child { margin-right: 0; }
.listH .item .time { font-size: 30px; margin: 5px 0 5px;}
.listH .item .state { display: none; font-size: 26px; margin-bottom: 10px;}
.listH .item .count { font-size: 0; }
.listH .item .count span { display: inline-block; border-right: 1px solid #4a83f7; font-size: 24px; padding: 0 8px;}
.listH .item .count span:last-child { border: none; }
.listH .item .count span b { display: block; font-size: 28px; }

.listH .item.disabled { color: #979598; border: 1px solid #979598;}
/*
.listH .item.disabled .time { margin: 0; }
.listH .item.disabled .state { display: block;}
*/
.listH .item.disabled span { border-right: 1px solid #979598;}
.listH .item.active { background: #4a83f7; color: #fff;}
.listH .item.active .count span { border-color: #fff; }

.blockC { padding: 35px; }
.blockC .title { position: relative; color: #4a83f7; font-size: 30px; text-align: center; margin-bottom: 45px; }
.blockC .title:after { content: ''; position: absolute; top: 20px; left: 0; right: 0; z-index: -1; height: 2px; background: #4a83f7; }
.blockC .title span { background: #eef2f6; padding: 0 20px; }


.timeTable .content { position: absolute; top: 302px; width: 100%;/* height: calc(100% - 302px - 210px);*/ height: calc(100% - 302px - 155px); }
.timeTable .date .title { color: #474747; line-height: 80px; font-size: 28px; text-align: center;}
.timeTable .date .info { background: #f4f5f6; color: #8b8b8b; border: 1px solid #d3d1d1; border-width: 1px 0; padding: 50px 20px;}
.timeTable .swiper-slide { font-size: 0; text-align: center;}
.timeTable .swiper-slide span { display: block; font-size: 30px;}
.timeTable .swiper-slide b { display: inline-block; width: 60px; font-size: 35px;}
.timeTable .swiper-1 .swiper-slide span { margin-bottom: 20px;}
.timeTable .swiper-1 .swiper-slide b { height: 60px; line-height: 60px; }
.timeTable .swiper-1 .swiper-slide.active b { background: #4a83f7; color: #fff; border-radius: 50%;}
.timeTable .swiper-1 .swiper-slide.disabled { opacity: .3;}
.timeTable .swiper-2 { border-bottom: 1px solid #d3d1d1; color: #949494; }
.timeTable .swiper-2 span { font-size: 26px; font-weight: bold; margin-bottom: 5px;}
.timeTable .swiper-2 b { font-size: 22px;}
.timeTable .swiper-2 .swiper-slide { width: 140px !important; padding: 20px 0;}
.timeTable .swiper-2 .swiper-slide.active  { border-bottom: 5px solid #4a83f7;}

.timeTable.subjectThree .listH .item { display: flex; justify-content: center; align-items: center; width: 160px; height: 147px; vertical-align: top; margin-right: 10px; }
.timeTable.subjectThree .listH .item .time { font-size: 26px; }
.timeTable.subjectThree .listH .item .time { margin-top: 0;}

.user .listF .item { margin-bottom: 15px; }
.user .listF .item span { margin-bottom: 15px; font-weight: bold; }
.user .listF .item:after { content: ''; position: absolute; right: 25px; top: 50%; margin-top: -15px; width: 30px; height: 30px; background: url(../img/ico-select3.png) no-repeat; }
.user .listF .item.pic span { line-height: 90px;}

.orderDetail { height: 100%;}
.orderDetail em { color: #4a83f7; vertical-align: middle;}
.orderDetail .listF .item .title { color: #979698; }
.orderDetail .listF .item span b { margin-left: 20px; }
.orderDetail .listC .item { background: #f4f5f6; margin-bottom: 20px; padding: 0 30px;}
.orderDetail .listC .item .title { width: 140px; color: #979698; vertical-align: middle;}
.orderDetail .listC .item em { color: #454545; vertical-align: middle; font-size: 24px;}
.orderDetail .listC .item .btn { display: inline-block; float: right;}

.blockA .listC { padding: 35px; }
.blockA .listC .item { border: 1px solid #adadad; }

.blockB .listC .item { padding: 0 0 0 30px; margin-bottom: 0; }
.blockB .listC .item:last-child { border: none; }
.blockB .listC .item .text { padding: 30px 0; border-bottom: 1px solid #e0dede; }
.blockB .listC .item .text:last-child { border: none; }
.blockB .listC .item .btnC {  margin: 0 30px 0 0; width: 90px; height: 40px; line-height: 40px; vertical-align: middle; font-size: 28px; border-radius: 5px;}

.subject .content { background: #fff; margin-bottom: 20px; border: 1px solid #e0dede; border-width: 1px 0; }
.subject .content .title { font-size: 28px; line-height: 95px; padding: 0 35px; color: #4a83f7; border-bottom: 1px solid #e0dede; }
.subject .content .title span { color: #8f8f8f; }
.subject .content .title i { top: -3px; margin-right: 10px; }
.subject .content .listC .select { width: 72%; color: #d7d7d7; }
.subject .content .listC .selected { color: #000;}
.subject .content .listC .icoSelect:after { content: ''; position: absolute; right: 20px; top: 50%; margin-top: -15px; width: 30px; height: 30px; pointer-events: none; background: url(../img/ico-select2.png) no-repeat;  }
.subject .content .listC .item b { color: #4a83f7; margin-left: 5px;}
.subject .btn { width: auto; margin: 35px 30px; }
.subject .tip .modal { background: #fff; border-radius: 20px; margin: calc(50% - 630px) 0 0 -260px; overflow: hidden;}
.subject .tip .modal .contentA { margin-bottom: 40px;}
.subject .countBottom { padding: 0 30px }
.subject .blockA .listC .item { min-height: 85px; line-height: 85px; padding: 0 30px; }

.countBottom { color: #717375; font-size: 28px; padding: 20px 0 0;}
.countBottom span { color: #4a83f7; }
.countBottom b { font-weight: bold; color: #4a83f7; font-size: 32px; }


.pay { font-size: 28px; color: #717375; }
.pay .time { text-align: center; padding: 35px 0; line-height: 40px; background: #f4f5f6; border-bottom: 1px solid #d3d1d1;}
.pay .time span { color: #4a83f7; margin-top: 5px;}
.pay .time span b { display: inline-block; border-radius: 4px; padding: 3px 5px; background: #4a83f7; color: #fff;}
.pay .time span { display: block;}
.pay .count { padding: 35px 30px; line-height: 48px; background: #f4f5f6; border-bottom: 1px solid #d3d1d1;}
.pay .count span { display: block;}
.pay .count em { color: #4a83f7; padding: 0 5px}
.pay .count em b { font-size: 52px;}

.payType { background: #f4f5f6; }
.payType .title { padding: 30px 0; margin: 0 0 0 30px; color: #333333; font-size: 30px; border-bottom: 1px solid #d3d1d1;}

.listZ {  }
.listZ .item { padding: 30px; font-size: 30px; color: #707070; }
.listZ .item i.ico-radio { top: 8px; }
.listZ .item.active i.ico-radio { background-image: url(../img/ico-radio-active2.png); }

.studentList { font-size: 0; max-height: 320px; padding: 0 30px 30px;}
.studentList .item { display: inline-block; width: 214px; margin-right: 20px; line-height: 80px; text-align: center; margin-bottom: 20px; color: #333333; font-size: 24px; border: 1px solid #cccccc; border-radius: 3px;}
.studentList .item:nth-child(3n) { margin-right: 0; }
.studentList .item.active { color: #fff; background: #4a83f7; border: 1px solid #4ca8e0;}



i[class^='ico-'] { position: relative; margin-right: 5px; display: inline-block; width: 35px; height: 35px; background: no-repeat; vertical-align: middle; background-size: 100%; }
i.ico-1 { background-image: url(../img/ico-1.png);}
i.ico-2 { background-image: url(../img/ico-2.png);}
i.ico-3 { background-image: url(../img/ico-3.png);}
i.ico-7 { background-image: url(../img/ico-7.png);}
i.ico-8 { background-image: url(../img/ico-8.png);}
i.ico-msg { background-image: url(../img/ico-msg.png);}
i.ico-edit { width: 60px; height: 60px; background-image: url(../img/ico-4.png);}
i.ico-order { width: 60px; height: 60px; background-image: url(../img/ico-5.png);}
i.ico-user { width: 60px; height: 60px; background-image: url(../img/ico-6.png);}
i.ico-arr { width: 30px; height: 50px; background-image: url(../img/ico-arr.png);}
i.ico-radio { top: -3px; width: 30px; height: 30px; background-image: url(../img/ico-radio.png);}
i.ico-close { top: -3px; width: 30px; height: 30px; background-image: url(../img/ico-close.png);}
i.ico-close2 { top: -3px; width: 30px; height: 30px; background-image: url(../img/ico-close2.png);}
i.ico-select { width: 30px; height: 30px; background-image: url(../img/ico-select.png);}
i.ico-search { background-image: url(../img/ico-search.png); }
i.ico-warn { top: -2px; background-image: url(../img/ico-warn.png);}
i.ico-ipay { width: 60px; height: 40px; background-image: url(../img/ico-ipay.png);}
i.ico-wechat { width: 60px; height: 40px; background-image: url(../img/ico-wechat.png);}
i.ico-card { width: 60px; height: 40px; background-image: url(../img/ico-card.png);}
i.ico-home { background-image: url(../img/ico-home.png);}


.carNumber {}
.carNumber .num { display: inline-block; width: 75px; height: 90px; line-height: 90px; vertical-align: top; font-size: 36px; color: #fff; box-sizing: border-box; text-align: center; border: 2px solid #fff; border-radius: 2px; }
.carNumber .num.active { border-color: #00ff00;}

.keyboard-pad { display: none; position: fixed; left: 0; bottom: 0; right: 0; width: 100%; border: 10px solid #eef0f4; background: #eef0f4; height: 400px; box-sizing: border-box;}
.keyboard-pad .keyrow { display: flex; -webkit-justify-content: center; flex-direction: row; flex-wrap: nowrap; list-style: none; height: calc((100% - 8px * 3)/4);}
.keyboard-pad .keyrow:not(:first-child) { margin-top: 8px;}
.keyboard-pad .keyrow li { -webkit-box-flex: 0.12; flex: 0 1 calc((100% - 5px * 8)/9);}
.keyboard-pad .keyrow li:not(:last-child) { margin-right: 10px;}
.keyboard-pad .keyrow:last-child li:last-child { flex: 0 1 calc((100% - 5px * 9)/10 * 2 + 5px);}
.keyboard-pad .key { text-align: center; vertical-align: middle; font-size: 30px; border: 0; box-shadow: 0 1px 2px #ddd; color: #000; border-radius: 8px; background: #fff;
	margin: 0; padding: 0; width: 100%; height: 100%; overflow: hidden; box-sizing: border-box;}
.keyboard-pad .key:active:not(.disabled) { background-color: #b9c2cf; color: #fff;}
.keyboard-pad .key.disabled { color: #ddd }