@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0; font-weight: normal;font-style: normal;font-size: 100%; font-family:"微软雅黑",Arial, Helvetica, sans-serif;}
table{ border-collapse:collapse;}
ol, ul ,li{list-style: none;}
img {border: 0; margin:0; padding:0;}
body { overflow-x:hidden;  min-width:320px; max-width:720px;  margin:0 auto; background:#fff;}
a,em{ text-decoration:none; font-style:normal; color:#333333;}
.clear{clear:both;}
img{ max-width:100%;}

/* 样式初始化
--------------------------------------------------*/

body { font-family: Helvetica, Arial, sans-serif; -webkit-text-size-adjust: 100%; /*解决Iphone下橱窗字体变大问题*/}
* {font-size: 14px;-webkit-tap-highlight-color: rgba(0, 0, 0, 0); /*禁止链接高亮*/-webkit-touch-callout: none; /*禁止链接长按弹出选项菜单*/}
nav,footer,section,header,article { display: block;}
a:link {-webkit-tap-highlight-color: rgba(0, 0, 0, 0); /*禁止链接高亮*/ -webkit-touch-callout: none; /*禁止链接长按弹出选项菜单*/}
a:link,a:visited,a:hover,a:active {color: #000;}
input,textarea { -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;}
.clear{clear: both;}

/*********主体框架代码*********/
.left{ float:left;}
.right{ float:right;}
.box{width:95%; margin:0 auto;}

.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: 12px;height: 28px;line-height: 28px;padding: 0 6px;color: #999999;}
#keyboard .keyTitle .keyHide{color: blue;}



.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 li{float: left;width:10%;padding: 2px;text-align: center;}
.ul_input li span{display: block;background-color: #fff;border: 1px solid #ccc;border-radius: 4px;width:80%;margin: 0 auto;height:35px;line-height:35px;}
.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 #16b779;}
