| 123456789 |
- ._flkey-body{position:fixed;top:0;left:0;right:0;bottom:0;top:auto;z-index:999; background: #fff;
- padding-bottom: constant(safe-area-inset-bottom);padding-bottom: env(safe-area-inset-bottom);}
- .tikbox{
- width: 100vw;height: 100vh;position: fixed;left: 0;top: 0;background: rgba(0,0,0,0.5);z-index:99;
- }
- ._flkey-bar{height:80upx;background-color:#fff;box-shadow:0 1upx 4upx 1upx rgba(0,0,0,0.3);display:flex;justify-content:space-between}
- ._flkey-bar-btn{height:100%;display:flex;justify-content:center;align-items:center;font-size:28upx;color:#1aad19;line-height:1}._flkey-bar-title{height:100%;display:flex;justify-content:center;align-items:center;font-size:30upx;color:#323232;line-height:1}._flkey-bar-c{flex:1}._flkey-bar-l{width:100upx;padding-left:26upx}._flkey-bar-l ._flkey-bar-btn{justify-content:flex-start}._flkey-bar-r{width:100upx;padding-right:26upx}._flkey-bar-r ._flkey-bar-btn{justify-content:flex-end}._flkey-bot{height:0;background-color:#fff;box-shadow:0 -1upx 4upx 1upx rgba(0,0,0,0.5)}._flkey{position:relative;background-color:#f5f5f5;padding:20upx;padding-bottom:4upx;padding-left:4upx}._flkey-h{display:flex;flex-direction:column}
- ._flkey-row{display:flex;overflow:hidden;flex:1;padding-bottom:16upx;}._flkey-i{box-sizing:border-box;flex:0 0 10%}._flkey-i-b{margin-left:16upx;background-color:#fff;height:75upx;font-size:34upx;color:#323232;line-height:1;border-top-left-radius:10upx;border-top-right-radius:10upx;border-bottom-right-radius:10upx;border-bottom-left-radius:10upx;border-top-width:1upx;border-left-width:1upx;border-bottom-width:1upx;border-right-width:1upx;border-style:solid;border-color:#e6e6e6;display:flex;justify-content:center;align-items:center}._flkey-tool{pointer-events:none;position:absolute;bottom:20upx;right:20upx;left:20upx;display:flex;justify-content:space-between}._flkey-tool-i{pointer-events:auto;box-sizing:border-box;flex:0 0 15%}._flkey-tool-i-b{background-color:#e1e1e1;height:60upx;font-size:34upx;color:#323232;line-height:1;border-top-left-radius:10upx;border-top-right-radius:10upx;border-bottom-right-radius:10upx;border-bottom-left-radius:10upx;border-top-width:1upx;border-left-width:1upx;border-bottom-width:1upx;border-right-width:1upx;border-style:solid;border-color:#e1e1e1;display:flex;justify-content:center;align-items:center}._flkey-tool .tool-i-a{padding-right:16upx}._flkey-tool .tool-i-del{padding-left:16upx}._flkey-number{position:relative;background-color:#f5f5f5}._flkey-number-row{display:flex;flex-wrap:wrap}._flkey-number-row-i{flex:1;height:110upx;display:flex;justify-content:center;align-items:center;font-size:34upx;color:#323232;line-height:1;background-color:#fff;border-top-width:1upx;border-left-width:1upx;border-bottom-width:1upx;border-right-width:1upx;border-style:solid;border-color:#e6e6e6;border-bottom-width:0 !important;border-bottom-style:solid;border-bottom-color:#000;border-right-width:0 !important;border-right-style:solid;border-right-color:#000}._flkey-number-row-i:nth-child(1){border-left-width:0 !important;border-left-style:solid;border-left-color:#000;border-right-width:0 !important;border-right-style:solid;border-right-color:#000}._flkey-number-row ._number-tool{background-color:#e1e1e1}._flkey-noac{opacity:.4 !important}._float-hover-c{opacity:.5 !important}._floatAniIn{animation-duration:140ms;animation-fill-mode:both;animation-name:_floatAniIn}@-webkit-keyframes _floatAniIn{from{transform:translate3d(0, 101%, 0);visibility:visible}to{transform:translate3d(0, 0, 0)}}._floatAniOut{animation-duration:160ms;animation-fill-mode:both;animation-name:_floatAniOut}@-webkit-keyframes _floatAniOut{from{transform:translate3d(0, 0, 0);visibility:visible}to{transform:translate3d(0, 101%, 0)}}
|
