html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody,
tfoot, thead, tr, th, td ,textarea,input { margin:0; padding:0;  }
address,cite,dfn,em,var, i {font-style:normal;}
body {font-size: 16px; line-height: 1.5; font-family:'Microsoft Yahei','simsun','arial','tahoma';  color: #333; }
table { border-collapse:collapse; border-spacing:0; }
h1, h2, h3, h4, h5, h6, th { font-size: 100%; font-weight: normal; }
button,input,select,textarea{font-size:100%;}
fieldset,img{border:0;}
a,
img {
    -webkit-touch-callout: none
}
a,
a:active,
a:focus,
a:hover,
a:visited {text-decoration: none}
input[type=password],
input[type=text],
textarea {
    resize: none;
    outline: 0;
    -webkit-appearance: none;
    white-space: pre-wrap;
    word-wrap: break-word;
    background: #fff
}
ul, ol { list-style: none; }
:focus{ outline:none;}
.clearfix{ clear: both; content: ""; display: block; overflow: hidden }
.clear{clear: both;}
.fl{ float: left; }
.fr{float: right;}
#keycontent{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    pointer-events: none;

}
#keyboard{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 207px;
    background-color: #f2f2f2;
    font-size: 14px;
    z-index: 9999;
    pointer-events: all;
}
#keycontent .keyMask{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    height: 100%;
    background:none;
    pointer-events: 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: 48px;
    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: 48px;
    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 .bottom .symbolSwitch{
    height: 40px;
    line-height: 40px;
    background-color: #e1e1e1;
    text-align: center;
    border-radius: 4px;
}
#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;
}