@-webkit-keyframes twinkling-data-v-0fd9b863{0%{opacity:.2}50%{opacity:.5}100%{opacity:.2}}@keyframes twinkling-data-v-0fd9b863{0%{opacity:.2}50%{opacity:.5}100%{opacity:.2}}.code-box.data-v-0fd9b863{text-align:center}.flex-box.data-v-0fd9b863{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-flex-wrap:wrap;flex-wrap:wrap;position:relative}.flex-box .hide-input.data-v-0fd9b863{position:absolute;top:0;left:-100%;width:200%;height:100%;text-align:left;z-index:9;opacity:1}.flex-box .item.data-v-0fd9b863{position:relative;-webkit-box-flex:1;-webkit-flex:1;flex:1;margin-right:18rpx;font-size:70rpx;font-weight:700;color:#333;line-height:100rpx}.flex-box .item.data-v-0fd9b863::before{content:"";padding-top:100%;display:block}.flex-box .item.data-v-0fd9b863:last-child{margin-right:0}.flex-box .middle.data-v-0fd9b863{border:none}.flex-box .box.data-v-0fd9b863{-webkit-box-sizing:border-box;box-sizing:border-box;border:2rpx solid #ccc;border-width:2rpx 0 2rpx 2rpx;margin-right:0}.flex-box .box.data-v-0fd9b863:first-of-type{-webkit-border-top-left-radius:8rpx;border-top-left-radius:8rpx;-webkit-border-bottom-left-radius:8rpx;border-bottom-left-radius:8rpx}.flex-box .box.data-v-0fd9b863:last-child{border-right:2rpx solid #ccc;-webkit-border-top-right-radius:8rpx;border-top-right-radius:8rpx;-webkit-border-bottom-right-radius:8rpx;border-bottom-right-radius:8rpx}.flex-box .bottom.data-v-0fd9b863{-webkit-box-sizing:border-box;box-sizing:border-box;border-bottom:1px solid #ddd}.flex-box .active.data-v-0fd9b863{border-color:#ddd}.flex-box .active .line.data-v-0fd9b863{display:block}.flex-box .line.data-v-0fd9b863{display:none;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:2rpx;height:40rpx;background:#333;-webkit-animation:twinkling-data-v-0fd9b863 1s infinite ease;animation:twinkling-data-v-0fd9b863 1s infinite ease}.flex-box .dot.data-v-0fd9b863,.flex-box .number.data-v-0fd9b863{line-height:40rpx;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.flex-box .bottom-line.data-v-0fd9b863{height:4px;background:#000;width:80%;position:absolute;-webkit-border-radius:2px;border-radius:2px;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}