.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%; }
.ul_pro{ background-color:#CED3D9; text-align:center; padding:6px 2px; font-size:16px;}
.ul_pro li{/* float:left; */width:14%; padding:2px;box-sizing: border-box;font-weight: bold;text-align: center;
    display: inline-block;position: relative;z-index: 1}
.ul_pro .li_close{  float:right; width:22.22%;padding-right: 1.5%;}
.ul_pro .li_number{  float:left; width:22.22%;padding-left: 1.5%;}
.ul_pro .li_close span{ background-color:#ACB3BB;}
.ul_pro .li_clean{  float:right; width:22.22%;font-weight: normal}
.ul_pro li span{ display:block; background-color:#fff; border-radius:4px; box-shadow: 0px 0.5px 0px #888888; /* max-width:48px; margin:0 auto; */ line-height:32px; padding-top:2px;  }
.ul_pro li span:active{ background-color:#4DA9F2; color:#fff;}




.ul_keybord{ background-color:#CED3D9; text-align:center; padding:4px 2px; font-size:16px;}
.ul_keybord li{ float:left; width:16.6%; padding:2px;box-sizing: border-box;}
/*.ul_keybord .ikey20{ margin-left:5%;}*/
.ul_keybord .li_w{ width:16.6%; }

.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;font-weight: bold; background-color:#fff; border-radius:4px; box-shadow: 0px 0.5px 0px #888888; /* max-width:48px; margin:0 auto; */ line-height:32px; padding-top:2px;  }
.ul_keybord li span:active{ background-color:#4DA9F2; color:#fff;}
.ul_keybord li:last-child{font-weight: bold;float: right;}
.ul_keybord .li_num{color: #4180e9;font-size:18px!important;}
.ul_keybord .ikey36{font-weight: bold}
.ul_keybord .ikey36 span{background: #ACB3BB;}