html{font-family:"Helvetica Neue", Helvetica, STHeiTi, sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
html,body{-webkit-user-select:none;user-select:none;background-color: #efeff4;}
html,body,div,object,iframe,applet,object,h1,h2,h3,h4,h5,h6,p,blockquote,pre,address,dl,dt,dd,ol,ul,li,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,menu,nav,output,ruby,section,summary,time,mark,audio,video,progress{margin:0;padding:0;border:0;vertical-align:baseline}
a{text-decoration:none;-webkit-touch-callout:none;background-color:transparent}
li{list-style:none}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
a:active,a:hover{outline:0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
dfn{font-style:italic}
h1{font-size:2em;margin:.67em 0}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
img{border:0;-webkit-touch-callout:none;}
svg:not(:root){overflow:hidden}
figure{margin:1em 40px}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}
pre{overflow:auto}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
a,button,input,optgroup,select,textarea{-webkit-tap-highlight-color:rgba(0,0,0,0);}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0;-webkit-appearance:none;outline:none;line-height:normal}
button{overflow:visible;border:0;}
button,select{text-transform:none}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input{line-height:normal}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
legend{border:0;padding:0}
textarea{overflow:auto}
optgroup{font-weight:bold}
table{border-collapse:collapse;border-spacing:0}
td,th{padding:0}
.pay-content-padded {padding: 60px 15px 0;}
.inpt-num{width: 36px;height: 36px;line-height: 36px;text-align: center;display: inline-block;color: #1aad19;
}
.reduce_btn,.add_btn{display: inline-block;padding: 5px 10px;border: 1px solid #c0c5ca;color: #676869;
}
/*支付页面的 车牌好键盘样式 start*/
.che_tit{ text-align:center; padding:20px;}
.ul_pro{list-style:none; 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:40px; padding-top:2px; }
.ul_pro li span:active{ background-color:#4DA9F2; color:#fff;}
.ul_input{list-style:none; width:350px; margin:0 auto; }
.ul_input li{ float:left; padding:2px;text-align:center; }
.ul_input li span{ display:block; background-color:#fff; border:1px solid #ccc; border-radius:4px; width:25px; margin:0 auto; height:25px; line-height:25px; }
.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:40px; padding-top:2px; }
.ul_keybord li span:active{ background-color:#4DA9F2; color:#fff;}
/*支付页面的 车牌好键盘样式 end*/
/*confirmpay.html 确认支付 start*/
.payinfo{
text-align: center;
padding: 30px 0;
}
.payinfo p>span{
font-size: 25px;
}
.payinfo p:last-child{
font-size: 14px;
}
/*confirmpay.html 确认支付 end*/
/*选择微信支付样式 start*/
.checked_icon {
width: 20px;
height: 20px;
background: url("../img/checked_icon.png");
background-size: 100% 100%;
}
.weixin_icon {
margin-right: 10px;
width: 20px;
height: 20px;
background: url("../img/weixin_pay.png");
background-size: 100% 100%;
}
/*选择微信支付样式 end*/
/*提示网络状态的样式 start*/
#tiptoast{
position: absolute;
width: 110px;
color: #fff;
bottom: 50px;
left: 50%;
margin-left: -55px;
background: rgba(0,0,0,0.5);
text-align: center;
padding: 3px 0;
border-radius: 4px;
z-index: 9999;
transition: all 1s;
}
@keyframes myfirst
{
0% {opacity: 0;}
50% {opacity: 1;}
100% {opacity: 0;}
}
@-moz-keyframes myfirst /* Firefox */
{
0% {opacity: 0;}
50% {opacity: 1;}
100% {opacity: 0;}
}
@-webkit-keyframes myfirst /* Safari 和 Chrome */
{
0% {opacity: 0;}
50% {opacity: 1;}
100% {opacity: 0;}
}
@-o-keyframes myfirst /* Opera */
{
0% {opacity: 0;}
50% {opacity: 1;}
100% {opacity: 0;}
}
.tiptoast{
position: absolute;
width: 110px;
color: #fff;
bottom: 50px;
left: 50%;
margin-left: -55px;
background: rgba(0,0,0,0.5);
text-align: center;
padding: 3px 0;
border-radius: 4px;
opacity: 0;
z-index: 9999;
transition: all 1s;
animation: myfirst 3s;
-moz-animation: myfirst 3s; /* Firefox */
-webkit-animation: myfirst 3s; /* Safari 和 Chrome */
-o-animation: myfirst 3s; /* Opera */
}
/*提示网络状态的样式 end*/
/*历史表单下的车牌号 start*/
#historycarnum label span{
display: inline-block;
height:100%;
text-align: center;
background: #ce3c39;
font-size: 13px;
line-height: 100%;
padding:0 10px;
width: 10%;
}
/**/
#historycarnum label span{
display: inline-block;
height:40px;
text-align: center;
background: #ce3c39;
font-size: 13px;
line-height:40px;
padding:0 10px;
width: 0;
color: #fff;
}
#historycarnum label.weui-cell{
padding:0;
height:40px;
line-height: 40px;
}
#historycarnum label.weui-cell>div>p{
padding-left:10px;
}
#endInfo span{
display: block;
width:100%;
padding:15px 0;
text-align: center;
color: #9b9b9b;
background: #fff;
}
.slidebtn{
width: 55px;
height: 25px;
display: inline-block;
border-radius: 13px;
border: 1px solid #AAAAAA;
position: relative;
/*margin:50px 50px;*/
transition: all 0.5s;
background: #fff;
}
.slidebtn>span{
display: inline-block;
width: 25px;
height: 25px;
border-radius: 13px;
position: absolute;
top: 0;
left: -5px;
border: 1px solid #AAAAAA;
background: #fff;
transition: all 0.3s;
}
.slidebtn.active{
background: #009688;
}
.slidebtn.active span{
left: 30px;
}