#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: 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;
}