dy-keyboard/lib/index.css


.dyKeyboard[data-v-16b81270]{position:fixed;left:0;right:0;bottom:-100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:0;transition:opacity .3s ease-in}.dyKeyboard.active[data-v-16b81270]{bottom:0;z-index:999999;opacity:1}.dyKeyboard.active .dyKeyboardBox[data-v-16b81270]{bottom:0}.dyKeyboard .dyKeyboardBox[data-v-16b81270]{background-color:#d8d8d8;padding:12px;position:absolute;left:0;right:0;bottom:-100%;transition:bottom .15s linear}.dyKeyboard .dyKeyboardBox .iptOKBox[data-v-16b81270]{display:flex;justify-content:space-between;align-items:center}.dyKeyboard .dyKeyboardBox .iptOKBox .iptBox[data-v-16b81270]{flex:1}.dyKeyboard .dyKeyboardBox .iptOKBox .iptBox .ipt[data-v-16b81270]{width:100%;height:40px;line-height:40px;font-size:24px;border:none;outline:none;padding:0 12px;box-sizing:border-box}.dyKeyboard .dyKeyboardBox .iptOKBox .toolsBox[data-v-16b81270]{display:flex;justify-content:center;align-items:center;width:200px}.dyKeyboard .dyKeyboardBox .iptOKBox .toolsBox .close[data-v-16b81270],.dyKeyboard .dyKeyboardBox .iptOKBox .toolsBox .ok[data-v-16b81270]{width:80px;height:40px;line-height:40px;text-align:center;background-color:#009ee5;color:#fff;margin:0 2px;cursor:pointer}.dyKeyboard .dyKeyboardBox .iptOKBox .toolsBox .close[data-v-16b81270]{background-color:#e4393c}.dyKeyboard .dyKeyboardBox .iptBox .enIng[data-v-16b81270]{font-size:16px}.dyKeyboard .dyKeyboardBox .iptBox .cnIng[data-v-16b81270]{font-size:24px}.dyKeyboard .dyKeyboardBox .iptBox .cnIng .cnIngList[data-v-16b81270]{display:inline-block;margin:2px;text-align:center;cursor:pointer}.dyKeyboard .dyKeyboardBox .iptBox .cnIng .cnIngList[data-v-16b81270]:first-child{background-color:#fff}.dyKeyboard .dyKeyboardBox .keyBox .line[data-v-16b81270]{display:flex;justify-content:center;align-items:center}.dyKeyboard .dyKeyboardBox .keyBox .line .key[data-v-16b81270]{display:inline-block;width:50px;height:50px;line-height:50px;text-align:center;font-size:28px;background-color:#f1f1f1;border:1px solid #f8f8f8;box-shadow:2px 2px 5px rgba(0,0,0,.3);margin:5px;position:relative;transition:all .15s ease-in;cursor:pointer}.dyKeyboard .dyKeyboardBox .keyBox .line .key[data-v-16b81270]:active{box-shadow:none;right:-1px;bottom:-1px}.dyKeyboard .dyKeyboardBox .keyBox .line .key.active[data-v-16b81270]{background-color:#009ee5;border-color:#009ee5;color:#fff}.dyKeyboard .dyKeyboardBox .keyBox .line .key.active2[data-v-16b81270]{background-color:#009ee5;border-color:#009ee5;color:#fff;font-weight:700}.dyKeyboard .dyKeyboardBox .keyBox .line .key.kongge[data-v-16b81270]{width:200px}.dyKeyboard .dyKeyboardBox .keyBox .line .key.del[data-v-16b81270]{background-color:#e4393c;border-color:#e4393c;color:#fff}.dyKeyboard .dyKeyboardBox .keyBox .line .key.shift[data-v-16b81270]{width:110px}.dyKeyboard .dyKeyboardBox .keyBox .line .key.cn[data-v-16b81270],.dyKeyboard .dyKeyboardBox .keyBox .line .key.symbolTable[data-v-16b81270]{background-color:#009ee5;border-color:#009ee5;color:#fff}.dyKeyboard .dyKeyboardBox .keyBox .line .key.number[data-v-16b81270]{background-color:#009ee5;border-color:#009ee5;color:#fff;font-size:18px}