選択できるのは25トピックまでです。 トピックは、先頭が英数字で、英数字とダッシュ('-')を使用した35文字以内のものにしてください。

keyboard.wxss 20KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228
  1. .kb {
  2. width: 100%;
  3. height: 100%;
  4. padding-bottom: 40rpx;
  5. }
  6. .kb-input {
  7. font-size: 18rpx;
  8. position: relative;
  9. top: 0;
  10. display: flex;
  11. }
  12. .kb-input__ul {
  13. display: flex;
  14. align-items: center;
  15. display: -webkit-flex;
  16. width: 100%;
  17. justify-content: space-around;
  18. -webkit-justify-content: space-around;
  19. text-align: center;
  20. font-size: 30rpx;
  21. }
  22. .icon {
  23. width: 14rpx;
  24. height: 14rpx;
  25. background: #b8b8b8;
  26. border-radius: 50%;
  27. }
  28. .kb-input__li {
  29. width: 70rpx;
  30. height: 76rpx;
  31. border: 2rpx solid #b8b8b8ff;
  32. border-radius: 8rpx;
  33. padding: 0;
  34. display: flex;
  35. align-items: center;
  36. justify-content: center;
  37. }
  38. .kb-input__active {
  39. border: 1rpx solid #24c6dc;
  40. }
  41. .kb-input__new-energy {
  42. width: 46rpx;
  43. height: 90rpx;
  44. background: url(data:image/png;base64,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);
  45. /* background: (data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEEAAABQCAYAAABGfRh7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDphNWFhZmQ5YS05YjgzLTdlNDgtOWVkOS1iNGEzMjNmNmE1NGUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NEY0MjlCNjlFMEQ1MTFFOEExQjZFNUUzOEYyQjMzODgiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NEY0MjlCNjhFMEQ1MTFFOEExQjZFNUUzOEYyQjMzODgiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6YWRhMmJkZGUtZmE0Ny00MjQ5LWIwNjYtMWUwZTMxNzhkNDc4IiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6Y2NjYmIwZGYtY2JhNS1hNjRjLWEwNWMt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); */
  46. background-size: 100% 100%;
  47. border: none;
  48. border-radius: 5px;
  49. }
  50. .kb-keyboard__over {
  51. z-index: 888;
  52. position: fixed;
  53. top: 0;
  54. left: 0;
  55. width: 100%;
  56. height: 100%;
  57. overflow: hidden;
  58. }
  59. .kb-keyboard__panle {
  60. display: flex;
  61. display: -webkit-flex;
  62. align-items: center;
  63. -webkit-align-items: center;
  64. justify-content: center;
  65. -webkit-justify-content: center;
  66. box-sizing: border-box;
  67. -moz-box-sizing: border-box;
  68. -webkit-box-sizing: border-box;
  69. position: fixed;
  70. bottom: 0;
  71. left: 0;
  72. width: 100vw;
  73. z-index: 999;
  74. }
  75. .kb-keyboard__panle-style {
  76. border-bottom: 8rpx solid #eaf1f9;
  77. border-top: 10rpx solid #eaf1f9;
  78. --from: #eaf1f9;
  79. --to: #eaf1f9;
  80. background: linear-gradient(130deg, var(--from), var(--to));
  81. background: -webkit-linear-gradient(130deg, var(--from), var(--to));
  82. }
  83. .kb-keyboard__td {
  84. display: flex;
  85. display: -webkit-flex;
  86. align-items: center;
  87. -webkit-align-items: center;
  88. justify-content: center;
  89. -webkit-justify-content: center;
  90. width: calc((100vw - 4px) / 9);
  91. font-size: 30rpx;
  92. height: 96rpx;
  93. margin: 2rpx;
  94. border-radius: 5rpx;
  95. }
  96. .close {
  97. border: 1rpx solid #2f62ed !important;
  98. background-color: #2f62ed !important;
  99. color: #ffffff !important;
  100. }
  101. .kb-keyboard__td-num {
  102. box-sizing: border-box;
  103. display: flex;
  104. display: -webkit-flex;
  105. align-items: center;
  106. -webkit-align-items: center;
  107. justify-content: center;
  108. -webkit-justify-content: center;
  109. width: calc((100vw - 29px) / 8);
  110. font-size: 30rpx;
  111. height: 96rpx;
  112. margin: 2rpx;
  113. }
  114. .kb-keyboard__td-finished {
  115. display: flex;
  116. display: -webkit-flex;
  117. align-items: center;
  118. -webkit-align-items: center;
  119. justify-content: center;
  120. -webkit-justify-content: center;
  121. width: 110rpx;
  122. height: 96rpx;
  123. margin: 2rpx;
  124. font-size: 30rpx;
  125. border-radius: 5rpx;
  126. }
  127. .kb-keyboard__del {
  128. width: 50%;
  129. height: 100%;
  130. background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAakAAAKuCAYAAAAbweN+AAAACXBIWXMAAAsTAAALEwEAmpwYAAAKTWlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVN3WJP3Fj7f92UPVkLY8LGXbIEAIiOsCMgQWaIQkgBhhBASQMWFiApWFBURnEhVxILVCkidiOKgKLhnQYqIWotVXDjuH9yntX167+3t+9f7vOec5/zOec8PgBESJpHmomoAOVKFPDrYH49PSMTJvYACFUjgBCAQ5svCZwXFAADwA3l4fnSwP/wBr28AAgBw1S4kEsfh/4O6UCZXACCRAOAiEucLAZBSAMguVMgUAMgYALBTs2QKAJQAAGx5fEIiAKoNAOz0ST4FANipk9wXANiiHKkIAI0BAJkoRyQCQLsAYFWBUiwCwMIAoKxAIi4EwK4BgFm2MkcCgL0FAHaOWJAPQGAAgJlCLMwAIDgCAEMeE80DIEwDoDDSv+CpX3CFuEgBAMDLlc2XS9IzFLiV0Bp38vDg4iHiwmyxQmEXKRBmCeQinJebIxNI5wNMzgwAABr50cH+OD+Q5+bk4eZm52zv9MWi/mvwbyI+IfHf/ryMAgQAEE7P79pf5eXWA3DHAbB1v2upWwDaVgBo3/ldM9sJoFoK0Hr5i3k4/EAenqFQyDwdHAoLC+0lYqG9MOOLPv8z4W/gi372/EAe/tt68ABxmkCZrcCjg/1xYW52rlKO58sEQjFu9+cj/seFf/2OKdHiNLFcLBWK8ViJuFAiTcd5uVKRRCHJleIS6X8y8R+W/QmTdw0ArIZPwE62B7XLbMB+7gECiw5Y0nYAQH7zLYwaC5EAEGc0Mnn3AACTv/mPQCsBAM2XpOMAALzoGFyolBdMxggAAESggSqwQQcMwRSswA6cwR28wBcCYQZEQAwkwDwQQgbkgBwKoRiWQRlUwDrYBLWwAxqgEZrhELTBMTgN5+ASXIHrcBcGYBiewhi8hgkEQcgIE2EhOogRYo7YIs4IF5mOBCJhSDSSgKQg6YgUUSLFyHKkAqlCapFdSCPyLXIUOY1cQPqQ28ggMor8irxHMZSBslED1AJ1QLmoHxqKxqBz0XQ0D12AlqJr0Rq0Hj2AtqKn0UvodXQAfYqOY4DRMQ5mjNlhXIyHRWCJWBomxxZj5Vg1Vo81Yx1YN3YVG8CeYe8IJAKLgBPsCF6EEMJsgpCQR1hMWEOoJewjtBK6CFcJg4Qxwicik6hPtCV6EvnEeGI6sZBYRqwm7iEeIZ4lXicOE1+TSCQOyZLkTgohJZAySQtJa0jbSC2kU6Q+0hBpnEwm65Btyd7kCLKArCCXkbeQD5BPkvvJw+S3FDrFiOJMCaIkUqSUEko1ZT/lBKWfMkKZoKpRzame1AiqiDqfWkltoHZQL1OHqRM0dZolzZsWQ8ukLaPV0JppZ2n3aC/pdLoJ3YMeRZfQl9Jr6Afp5+mD9HcMDYYNg8dIYigZaxl7GacYtxkvmUymBdOXmchUMNcyG5lnmA+Yb1VYKvYqfBWRyhKVOpVWlX6V56pUVXNVP9V5qgtUq1UPq15WfaZGVbNQ46kJ1Bar1akdVbupNq7OUndSj1DPUV+jvl/9gvpjDbKGhUaghkijVGO3xhmNIRbGMmXxWELWclYD6yxrmE1iW7L57Ex2Bfsbdi97TFNDc6pmrGaRZp3mcc0BDsax4PA52ZxKziHODc57LQMtPy2x1mqtZq1+rTfaetq+2mLtcu0W7eva73VwnUCdLJ31Om0693UJuja6UbqFutt1z+o+02PreekJ9cr1Dund0Uf1bfSj9Rfq79bv0R83MDQINpAZbDE4Y/DMkGPoa5hpuNHwhOGoEctoupHEaKPRSaMnuCbuh2fjNXgXPmasbxxirDTeZdxrPGFiaTLbpMSkxeS+Kc2Ua5pmutG003TMzMgs3KzYrMnsjjnVnGueYb7ZvNv8jYWlRZzFSos2i8eW2pZ8ywWWTZb3rJhWPlZ5VvVW16xJ1lzrLOtt1ldsUBtXmwybOpvLtqitm63Edptt3xTiFI8p0in1U27aMez87ArsmuwG7Tn2YfYl9m32zx3MHBId1jt0O3xydHXMdmxwvOuk4TTDqcSpw+lXZxtnoXOd8zUXpkuQyxKXdpcXU22niqdun3rLleUa7rrStdP1o5u7m9yt2W3U3cw9xX2r+00umxvJXcM970H08PdY4nHM452nm6fC85DnL152Xlle+70eT7OcJp7WMG3I28Rb4L3Le2A6Pj1l+s7pAz7GPgKfep+Hvqa+It89viN+1n6Zfgf8nvs7+sv9j/i/4XnyFvFOBWABwQHlAb2BGoGzA2sDHwSZBKUHNQWNBbsGLww+FUIMCQ1ZH3KTb8AX8hv5YzPcZyya0RXKCJ0VWhv6MMwmTB7WEY6GzwjfEH5vpvlM6cy2CIjgR2yIuB9pGZkX+X0UKSoyqi7qUbRTdHF09yzWrORZ+2e9jvGPqYy5O9tqtnJ2Z6xqbFJsY+ybuIC4qriBeIf4RfGXEnQTJAntieTE2MQ9ieNzAudsmjOc5JpUlnRjruXcorkX5unOy553PFk1WZB8OIWYEpeyP+WDIEJQLxhP5aduTR0T8oSbhU9FvqKNolGxt7hKPJLmnVaV9jjdO31D+miGT0Z1xjMJT1IreZEZkrkj801WRNberM/ZcdktOZSclJyjUg1plrQr1zC3KLdPZisrkw3keeZtyhuTh8r35CP5c/PbFWyFTNGjtFKuUA4WTC+oK3hbGFt4uEi9SFrUM99m/ur5IwuCFny9kLBQuLCz2Lh4WfHgIr9FuxYji1MXdy4xXVK6ZHhp8NJ9y2jLspb9UOJYUlXyannc8o5Sg9KlpUMrglc0lamUycturvRauWMVYZVkVe9ql9VbVn8qF5VfrHCsqK74sEa45uJXTl/VfPV5bdra3kq3yu3rSOuk626s91m/r0q9akHV0IbwDa0b8Y3lG19tSt50oXpq9Y7NtM3KzQM1YTXtW8y2rNvyoTaj9nqdf13LVv2tq7e+2Sba1r/dd3vzDoMdFTve75TsvLUreFdrvUV99W7S7oLdjxpiG7q/5n7duEd3T8Wej3ulewf2Re/ranRvbNyvv7+yCW1SNo0eSDpw5ZuAb9qb7Zp3tXBaKg7CQeXBJ9+mfHvjUOihzsPcw83fmX+39QjrSHkr0jq/dawto22gPaG97+iMo50dXh1Hvrf/fu8x42N1xzWPV56gnSg98fnkgpPjp2Snnp1OPz3Umdx590z8mWtdUV29Z0PPnj8XdO5Mt1/3yfPe549d8Lxw9CL3Ytslt0utPa49R35w/eFIr1tv62X3y+1XPK509E3rO9Hv03/6asDVc9f41y5dn3m978bsG7duJt0cuCW69fh29u0XdwruTNxdeo94r/y+2v3qB/oP6n+0/rFlwG3g+GDAYM/DWQ/vDgmHnv6U/9OH4dJHzEfVI0YjjY+dHx8bDRq98mTOk+GnsqcTz8p+Vv9563Or59/94vtLz1j82PAL+YvPv655qfNy76uprzrHI8cfvM55PfGm/K3O233vuO+638e9H5ko/ED+UPPR+mPHp9BP9z7nfP78L/eE8/sl0p8zAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAA+6SURBVHja7N3NUVtpGobhxxE0jsAigoadd6OOwDiCbkfQEAE4gsERDB2B5Qha7L5dyxEYR9AiAvdCx1UeBo/1e3ilc11VWpgyuPwU6Ob8CJ59+fIlAFDRM5ECQKQAQKQAECkAECkARAoARAoARAoAkQIAkQJApABApABApAAQKQAQKQBECgBECgBECgCRAgCRAkCkAECkAECkABApABApAEQKAEQKAEQKAJECAJECQKQAQKQAECkAECkAECkARAoARAoAkQIAkQIAkQJApABApAAQKQAQKQAQKQBECgBECgCRAgCRAgCRAkCkAECkABApABApABApAEQKAEQKAJECAJECQKSsAIBIAYBIASBSACBSAIgUAIgUAIgUACIFACIFgEgBgEgBgEgBIFIAIFIAiBQAiBQAiBQAIgUAIgWASAGASAGASAEgUgAgUgCIFACIFAAiJVIAiBQAiBQAIgUAIgWASAGASAGASAEgUgAgUgCIFACIFACIFAAiBQAiBYBIAYBIAYBIASBSACBSAIgUAIgUAIgUACIFACIFgEgBgEgBgEgBIFIAIFIAiBQAiBQAIgUAIgUAIgWASAGASAEgUgAgUgAgUgCIFACIFAAiBQAiBQAiBYBIAYBIASBSACBSACBSAIgUAIgUACIFACIFACIFgEgBgEgBIFIAIFIAiJQVABApABApAEQKAEQKAJECAJECAJECQKQAQKQAECkAECkAECkARAoARAoAkQIAkQIAkQJApABApAAQKQAQKQAQKQBECgBECgCRAgCRAkCkRAoAkQIAkQJApABApAAQKQAQKQAQKQBECgBECgCRAgCRAgCRAkCkAECkABApABApABApAEQKAEQKAJECAJECAJECQKQAQKQAECkAECkAECkARAoARAoAkQIAkQJApABApABApAAQKQAQKQBECgBECgBECgCRAgCRAkCkAECkAECkABApABApAEQKAEQKAEQKAJECAJECQKQAQKQAQKQAECkAECkARAoARAoAkbICACIFACIFgEgBgEgBIFIAIFIAIFIAiBQAiBQAIgUAIgUAIgWASAGASAEgUgAgUgAgUtv28uVLI+zeUZJXSc6SnCQZmYTvmCa56x6zJB92+Y+11iwuUiI1YKMkl0l+MwUbhmvSBetOpERKpNiGyyTn3VEUbDNYN0n+ECmREinWcZTkfZKxKdihuy5W75LMRUqkRIplnCT509ETPZp3R+xrHVmJlEiJlEBBH6ZJLrK42UKkREqkEChKOs/iFKBIiZRIIVCUNEnyJktcqxIpkRIpgYKnMEvyy49CJVIiJVICBU9l3oVqJlIiJVICBXsXKpESKZESKKgQqtM88tMqREqkREqgoIJZHrlGJVIiJVICBVVMkrwWKZESKYGCqi6SXIuUSImUQEFVp+lupBApkRIpgYJqpllcnxIpkRIpgYKSLpJci5RIiZRAQUXzJMettbkpREqkBAoqettauzKDSImUQIGjKZFCpAQKVnTRWrs2g0iJlEBBRbPW2qkZREqkBAqqOm6t3ZlBpERKoKCid621czOIlEgJFFTklJ9IiZRAQWnP3eUnUiIlUFDV69baxAwiJVICBRV5Ya9IiZRAQVm3rbWxGURKpAQKKnLzhEiJlEBBXa21Z1YQKZESKBApkUKkBApESqRESqDgUPzSWpuaQaRESqBApESKAUZKoECkREqkBApECpESKYECkRIpkRIoQKRESqQECkRKpBhEpAQKREqkREqgQKQQKZESKBApkWKvIyVQIFIiJVICBSKFSImUQG3XfZJpklmSUZJxkhdmWdttt+eo+xz8WaQQKZESqPVcJLl+5O1nSW6S/GSipb1LcpVk/uDt427jQ42VSImUSAnUbp5cuu/4v2eUZDKAI4FteNNF/XuOuq0PcUuREimREqite9t91/8jh/zk2legvo3+J5FCpIYbKYFa3vP872kpodpdoL6aJHklUojU8CIlUMv72O21CqHaPFDpjl4vRQqRGlakBGo1t1lczF+VUG0WqGRxQ8p7kUKkhhMpgVrdLMnpmu8rVOsHypEUIjWwSAnU+o6T3AlVr4FKkr+y+qlWkRIp9jBSArWZSZLXG7z/EEO1aaDG3efsoREpkRIpgSr5pDukUG1jq08H+jkrUiIlUgIlVHu+0Z85vNN8IiVSIiVQQiVQIiVS7EOkBEqoBEqkRIqSkRIooRIokRIpSkZKoIRKoERKpCgZKYESKoESKZGiZKQESqgESqREipKREiihEiiREilKRkqghEqgREqkRKpkpARKqARKpBCpkpESKKESKJFCpEpGSqCESqBECpEqGSmBEiqBEilEqmSkBEqoBEqkEKmSkRIooeo7VAIlUiIlUgIlVCVDJVAiJVIiJVBCVTJUAiVSIiVSAiVUJUMlUCIlUiIlUJQMlUCJlEiJlEBRMlQCJVIiJVICRclQCZRIiZRILRUpgRKqvkMlUCIlUiwVKYESqr5DJVAiJVIsFSmBou9QCZRIiRRLRUqg6DtUAiVSIsVSkRIo+g6VQImUSLFUpASKvkMlUCIlUiwVKYGi71AJlEiJFEtFapTkL4Gix1CNk0wESqREih9Fyhc7TxGqTficFSmRGlCkbpL8ag32JFQCJVIiNaBIjbsveNiHUAmUSInUwCI1SfLKEuxBqARKpERqYIE6SvK3JdiDUAmUSInUACN1luS9JSgeKoESKZEaaKSuklxagsKhEiiREimRgpKhEiiREimREilKR2qa7f4qekRKpEQKgdrq6T6hEimRGmikzuLGCeoGSqhESqQGHqmjuAWd2oESKpESqYGHahIv5qV2oIRKpERqwJEax49Fon6ghEqkRGqgkUqS6yS/W4PigRIqkRKpgUbKFz37EiihEimRGmCkksUvPZwl+ckq9BCoo2znlx4KlUiJ1EAilSxe2T8VKnoI1NefJLHNX0WPSInUgUdKqOgzUNv8mEIlUiI1kEgJFX0GSqhESqRYOVJCRZ+BEiqREilWjpRQ0WeghEqkRIqVIyVU9BkooRIpkWLlSAmVQPUZKKESKZFi5UgJlUD1GSihEimRYuVICZVA9RkooRIpkWLlSAmVQPUZKKESKZESqZfrvJtQCVRfgRIqkRIpkVqLUAlUX4ESKpESKZESKoEqHSihEimREimhEqjSgRIqkRIpkRIqgSodKKESKZESKaESqNKBEiqREimREiqBKh0ooRIpkRIpoRKo0oESKpESKZESKoEqHSihEimREimhEqjSgRIqkRIpkRIqgSodKKESKZESKaESqMH8n4cYKpESqUFGSqgESqhESqQoHSmhEiihEimRonSkhEqghEqkRIrSkRIqgRIqkRIpSkdKqARKqERKpCgdKaESKKESKZGidKSESqD2datZkhcihUgdfqSEanMfkpwJVK+hGnebiRQiNYBICdVmjpPcCVTvoZom+ZdIIVLDiJRQredzkpFAPUmorpJcihQiNZxICdXqbrM49SRQ/YfqLMl7kUKkhhUpoVrNLMmpQD1JqBxJIVIDjZRQrWaVa1ICtb1QTZK8EilEapiREqrlve2+qxeo/kI1SvLpAP//IiVSIiVUu3ly6XYSqN2H6pC3FCmREimh2pmr7qjqobMk/+meXFnOdbfl/MHbx0n+fcCxFymREimh2ql5t9Msi1NS46x/izqLLafdhicDOBIVKZESKaECkRIpDjFSQgUiJVIiJVQgUoiUSAkViJRIcZCREioQKZESKaECkUKkREqoQKREioOMlFCBSImUSAkViBQiJVJCBSIlUhxkpIQKREqkREqoQKQQKZESKuhJa+2ZFURKpIQKREqkECmhApESKZESKjgEH1trJ2YQKZESKqjotrU2NoNIiZRQQUVvW2tXZhApkRIqqOh1a21iBpESKaGCip631uZmECmREiqoxk0TIiVSQgVlvWutnZtBpERKqKCi49banRlESqSECqpxqk+kREqooKw3rbUbM4iUSAkVVHOfZOSuPpESKaGCiryAV6RESqjAUZRIIVJCBat4k+SmtWYJkRIpoYJSbpOMk0SkREqkhAqqOU0yEymREimhgmouklx//YNIiZRICRVU8SHJ2bdvECmREimhggo+ZnEdai5SIiVSQgWV3CcZPQyUSImUSAkVVAjUON2NEiIlUiIlVFDF5yyuQc2+9xdESqRESqjgKTx6DUqkREqkhAqe2ockv/0oUCIlUiIlVNC3/3odlEiJlEghVFRwm+Q8/+f6k0iJlEghVPTtvovTzTrvLFIiJVLDc9SF6mdTsEOfk1wlmWSJa08iJVIixrpxSX43A1t22x013Wzjg4mUSInUsI2673Z/NQUbhmnSPe62+YFFSqREimRxCvCse5wkeWESHnGfxY0Pd91j2j12RqRECgCRAgCRAgCRAkCkAECkABApABApABApAEQKAEQKAJECAJECAJECQKQAQKQAECkAECkAECkARAoARAoAkQIAkQIAkQJApABApAAQKQAQKQBEygoAiBQAiBQAIgUAIgWASAGASAGASAEgUgAgUgCIFACIFACIFAAiBQAiBYBIAYBIAYBIASBSACBSAIgUAIgUAIgUACIFACIFgEgBgEgBIFIiBYBIAYBIASBSACBSAIgUAIgUAIgUACIFACIFgEgBgEgBgEgBIFIAIFIAiBQAiBQAiBQAIgUAIgWASAGASAGASAEgUgAgUgCIFACIFACIFAAiBQAiBYBIAYBIASBSACBSACBSAIgUAIgUACIFACIFACIFgEgBgEgBIFIAIFIAIFIAiBQAiBQAIgUAIgUAIgWASAGASAEgUgAgUgAgUgCIFACIFAAiBQAiBYBIWQEAkQIAkQJApABApAAQKQAQKQAQKQBECgBECgCRAgCRAgCRAkCkAECkABApABApABApAEQKAEQKAJECAJECAJECQKQAQKQAECkAECkAREqkABApABApAEQKAEQKAJECAJECAJECQKQAQKQAECkAECkAECkARAoARAoAkQIAkQIAkQJApABApAAQKQAQKQAQKQBECgBECgCRAgCRAgCRAkCkAECkABApABApAEQKAEQKAEQKAJECAJECQKQAQKQAQKQAECkAECkARAoARAoARAoAkQIAkQJApABApABApAAQKQAQKQBECgBECgBECgCRAgCRAkCkAECkABApKwAgUgAgUgCIFACIFAAiBQAiBQAiBYBIAYBIASBSACBSACBSAIgUAIgUACIFACIFACIFgEgBgEgBIFIAIFIAIFIAiBQAiBQAIgUAIgWASIkUACIFACIFgEgBgEgBIFIAIFIAIFIAiBQAiBQAIgUAIgUAIgWASAGASAEgUgAgUgAgUgCIFACIFAAiBQAiBQDf+GcAz3gyaMWLPusAAAAASUVORK5CYII=);
  131. background-size: 100% 100%;
  132. /* background-position: left center; */
  133. }
  134. .kb-keyboard__finished {
  135. border: 1rpx solid #2f62ed;
  136. background-color: #2f62ed;
  137. color: #ffffff;
  138. }
  139. .kb-keyboard__finished-base {
  140. border: 1rpx solid #cdd0d5;
  141. background-color: #cdd0d5;
  142. color: #1e1e1e;
  143. }
  144. .kb-keyboard__td-theme {
  145. border: 1rpx solid #cdd0d5;
  146. color: #1e1e1e;
  147. box-shadow: 3rpx 3rpx 1rpx #cdd0d5;
  148. -webkit-box-shadow: 3rpx 3rpx 1rpx #cdd0d5;
  149. background: #fff;
  150. border-radius: 10rpx;
  151. }
  152. .kb-keyboard__td-tap-theme {
  153. border: 1rpx solid #cdd0d5;
  154. color: #1e1e1e;
  155. --from: #e5e2e2;
  156. --to: #e5e5e5;
  157. background: linear-gradient(130deg, var(--from), var(--to));
  158. background: -webkit-linear-gradient(130deg, var(--from), var(--to));
  159. }
  160. .kb-keyboard__td-tap-fin-theme {
  161. border: 1rpx solid #cdd0d5;
  162. color: #fff;
  163. --from: #cdd0d5;
  164. --to: #b8b8b9;
  165. background: linear-gradient(130deg, var(--from), var(--to));
  166. background: -webkit-linear-gradient(130deg, var(--from), var(--to));
  167. }
  168. .flex-center {
  169. display: flex;
  170. display: -webkit-flex;
  171. flex-direction: row;
  172. -webkit-flex-direction: row;
  173. align-items: center;
  174. justify-content: center;
  175. /* background: #F08600; */
  176. }
  177. .row-wrap {
  178. display: flex;
  179. display: -webkit-flex;
  180. flex-direction: row;
  181. -webkit-flex-direction: row;
  182. flex-wrap: wrap;
  183. -webkit-flex-wrap: wrap;
  184. justify-content: center;
  185. align-items: center;
  186. }
  187. .enery-img {
  188. width: 60rpx;
  189. }
  190. .otherBtn {
  191. width: 70rpx;
  192. height: 76rpx;
  193. border-radius: 8rpx;
  194. display: flex;
  195. align-items: center;
  196. flex-direction: column;
  197. justify-content: center;
  198. }
  199. .otherBtn .text {
  200. font-family: PingFang SC, PingFang SC;
  201. font-weight: 400;
  202. font-size: 20rpx;
  203. color: #00b38b;
  204. }