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