.virtualkeyboard{font-family:Microsoft Yahei,Hiragino Sans GB,tahoma,arial;position:absolute;width:750px;border:1px solid #999;z-index:99999;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-user-select:none;-ms-user-select:none;user-select:none}.inputZone{background:#dbdbdb;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;padding:2px 0}.inputZone,.inputZone>div{display:-ms-flexbox;display:flex}.inputZone span{font-size:32px;width:55px;border-radius:4px;height:50px;text-align:center;line-height:50px;background:#fff;display:inline-block;border:1px solid #ccc;cursor:pointer;margin:5px}.inputZone span:active{background:#eee}.keyboardOp{height:44px;line-height:44px;font-size:20px;cursor:move;background-color:#fff}.keyboardOp>.slideDown{float:right;color:#69759b;font-size:20px;padding:0 20px;cursor:pointer}.keyboardOp>.slideDown:active{background-color:#dbdbdb;color:red}.outputZone{display:none;position:absolute;width:750px;height:40px;left:-1px;top:-40px;border:1px solid #999;box-sizing:border-box;background-color:#fff}.outputZone .zh-pinyin-letter{font-size:30px;font-weight:700;color:#dc4f42;margin-left:16px}.outputZoneOp{float:right;height:40px;line-height:40px}.outputZoneOp>span{display:inline-block;height:100%;padding:0 8px;font-size:24px;cursor:pointer}.outputZoneOp>span:active{color:red;background-color:#ccc}.outputZoneOp .unclick{color:#999;cursor:not-allowed}.output-ZH>li{padding:0 12px;cursor:pointer;float:left;list-style:none}.output-ZH>li:active{color:red;background-color:#ccc}.virtualkeyboard .hide{display:none}.virtualkeyboard .blank{width:260px;font-size:20px}.virtualkeyboard .symbol{font-size:18px}.virtualkeyboard .func{font-size:20px;color:#fd910a}