body{padding:0;margin:0;}
ul, li {padding:0;margin:0;list-style:none;}

#bse-kb-plate-color{width:95%;height:35px;margin:0 auto 30px 3%;display: flex;height: 35px;}
#bse-kb-plate-color li{flex:1;font-size:13px;float:left;height:35px;line-height:35px;text-align:center;background-color:#d1d5db;border:1px solid #d1d5db;margin-right:1%;cursor:default}
#bse-kb-plate-color li.blue{background-color:#2894f2;color:#fff;}
#bse-kb-plate-color li.yellow{background-color:#e1bc01;}
#bse-kb-plate-color li.white{background-color:#f0f0f0;}
#bse-kb-plate-color li.black{background-color:#505050;color:#fff;}
#bse-kb-plate-color li.green{background-color:#42b05c;}
#bse-kb-plate-color li.fly{background-color:#20c1a2;color:#fff;}
#bse-kb-plate-color li.active {border:1px solid #0870ec}

#bse-kb-plate-input{margin:10px auto 0 auto;padding:0;width:94%;height:37px;border-left:1px solid grey}
#bse-kb-plate-input li{list-style:none;padding:0;margin:0;float:left;height:35px;line-height:35px;text-align:center;font-size:1.2rem}
#bse-kb-plate-input li.bse-kb-input-sfont{font-size:0.8rem}
.bse-kb-plate-item{border:1px solid grey;border-left:0}
.bse-kb-plate-cur {background-color:rgb(148,190,241)}
.bse-keyboard a.bse-kb-key-red, #bse-kb-plate-input li.bse-kb-key-red {color:#f00}
.bse-keyboard a.bse-kb-key-disabled {color:#ccc}

.bse-keyboard{width:100%;background-color:rgb(209,213,219);position:fixed;bottom:0;z-index:10000;padding:5px 0;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.bse-keyboard div{text-align:center;padding:0;}
.bse-keyboard a{border:1px solid rgb(164,168,172); margin:5px auto;background:#fff;line-height:35px;display:inline-block;text-align:center;text-decoration:none;border-radius:5px;color:#030303;font-size:1.3em}



@font-face {font-family: "iconfont";
  src: url('iconfont.eot?t=1558427673142'); /* IE9 */
  src: url('iconfont.eot?t=1558427673142#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAM8AAsAAAAAByQAAALwAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDBgqCAIFzATYCJAMMCwgABCAFhG0HQhtFBsgekqQzAmXxDMAVICFB8fA1xnp/dxHRZJJIZsk8MSS8dIYEsVGK3XWxdCHd/+zvvV9GpAYnufF0qe4s0m0LBUJd+mtM73LZvnWL3WE8XZXaZJLbhPyVvdnb78Lhm8Y4hIPxSITFJ+6dNj1c81mW01rbNn7qAowDCnQPjDYGXEABccPYTQQP8DSBWoOsUBv7p7e5mgJMCsSDdypXK6QUxalWC5UNK4t4AZzq9IQ+A5759+MvdxBJKjIwc/9qL8ht/vB/tmF6kB6VlATq5QJw1pExBRTiojF0rihLUzBqI0MpbgeVipCWyiIIXBVbKg/6x0tEJVBbD8Z0R/JQaiwj+Nmm1DnI4ytRsCXnSqO3vzLkynaurMFePLmzyceKtrPzUMF/6xVMPT4aGIurovvO3lvZxAb0mH7vyxm7twrc1E3Z5Bj39p7EV3p4d83v2rM6Lni4ex1f7+XfP7z3/p953D4ET6lfAN/lsHC04i3NLha1TP/pcuyS4HP+wRv6Rrtbl772z33Zfzzf8uUI/bzEKd6rVwqT8vrtdUQ4tB49S+WFI02CkRM+BqwfVhT1SiOcqwXG5jm0F4Ai/fvlvzFzuP5Sw/B9V1MK+Ep67uGqYRGqbygc/GD1wI4Sa4E7l1CFVWkk27zZQEJXuFH/gVirj+mWjsG1hGodGZIqA8iqDZELfQoV6syiUrVl1JqUXF+nTaeiKDWYMKghNNtG0ugVWbNzcqG/o0KnHCo1Bwa1ToOzY52RaGtEGZVgAHoE3lBikVcaov4aXS9SnNdy4T1y5rMwb3eWqweYIC8xJ+u7BRELlimGfe08jCKClKmLRmaeRdLlWUdz05VmDMW5hnUMKQIFQL0R0MYgCUt7i0bl89eQ0xNRuIMwkr+HWMYPDlzsnAPIB6ZkEOFRLunS5yzoJizQjJEYSGgBFMESAe3Nw7qQIWa0TiikljmMbs1DTTPbW+L/2we1wOwcKXIULfc40qQ4QEymQdCWlIqUw1wO') format('woff2'),
  url('iconfont.woff?t=1558427673142') format('woff'),
  url('iconfont.ttf?t=1558427673142') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  url('iconfont.svg?t=1558427673142#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family: "iconfont" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-kbfold:before {content: "\e63d";}

.icon-kbdel:before {content: "\e769";}