.active.data-v-a13bcbfc { background-color: #d8d9da; color: #000 !important; } .active .cell-title.data-v-a13bcbfc { font-weight: 600 !important; } .button-section.data-v-a13bcbfc { flex: 1; display: flex; align-items: flex-end; padding: 0 40rpx 80rpx; background-color: #F3F5F6; } .button-section .continue-btn.data-v-a13bcbfc { width: 100%; height: 100rpx; background-color: #000; color: #fff; border: none; border-radius: 50rpx; font-size: 36rpx; font-weight: 500; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease; } .bj.data-v-a13bcbfc { width: 100%; height: 50vh; position: fixed; top: 0; z-index: -1; background-color: #0F0F0F; } .tabback.data-v-a13bcbfc { display: flex; align-items: center; justify-content: space-between; width: 100%; height: 126rpx; padding: 0 20rpx; box-sizing: border-box; background-color: #fff; border: 1rpx solid #D8D8D8; margin-top: 102rpx; border-radius: 30rpx 30rpx 0 0; } .tabback .rtjt.data-v-a13bcbfc { font-size: 36rpx; color: #333; } .tabback .name.data-v-a13bcbfc { font-size: 36rpx; font-weight: bold; color: #333; } .device-detail.data-v-a13bcbfc { height: 93vh; } .tabback.data-v-a13bcbfc { display: flex; align-items: center; justify-content: space-between; height: 98rpx; padding: 0 24rpx; background: #fff; border-bottom: 2rpx solid #ECECEC; } .tabback .name.data-v-a13bcbfc { font-size: 32rpx; color: #333; } .tabback .rtjt.data-v-a13bcbfc { font-size: 36rpx; color: #333; } .content-container.data-v-a13bcbfc { height: 74vh; background: #F3F5F6; padding-bottom: 40rpx; } .id-strip.data-v-a13bcbfc { height: 110rpx; background: #F3F5F6; text-align: left; padding: 0 24rpx; padding-top: 30rpx; box-sizing: border-box; border-bottom: 2rpx solid #ECECEC; } .card.data-v-a13bcbfc { background: #fff; margin-top: 0; padding: 0 24rpx; } .id-text.data-v-a13bcbfc { color: #9EA3A8; font-size: 26rpx; } .field.data-v-a13bcbfc { padding: 24rpx 0 32rpx; } .field-label.data-v-a13bcbfc { color: #9EA3A8; font-size: 26rpx; } .field-input.data-v-a13bcbfc { margin-top: 16rpx; height: 72rpx; border: 0; border-bottom: 2rpx solid #E6E6E6; font-size: 28rpx; } .tip-box.data-v-a13bcbfc { padding: 20rpx 24rpx; background: #F3F5F6; border-top: 2rpx solid #ECECEC; } .tip-text.data-v-a13bcbfc { color: #9EA3A8; font-size: 24rpx; line-height: 40rpx; } .list.data-v-a13bcbfc { background: #fff; margin-top: 12rpx; max-height: 44vh; overflow: scroll; } .list view.data-v-a13bcbfc { height: 96rpx; padding: 0 24rpx; display: flex; align-items: center; justify-content: space-between; border-top: 2rpx solid #ECECEC; } .cell-title.data-v-a13bcbfc { color: #333; font-size: 30rpx; font-weight: 500; } .arrow.data-v-a13bcbfc { color: #C0C0C0; font-size: 44rpx; line-height: 1; } .scan-tip.data-v-a13bcbfc { text-align: center; padding: 40rpx 20rpx; color: #666; font-size: 28rpx; } .scan-container.data-v-a13bcbfc { display: flex; justify-content: center; padding: 40rpx 20rpx; } @-webkit-keyframes scan-data-v-a13bcbfc { 0% { top: 20rpx; } 100% { top: 580rpx; } } @keyframes scan-data-v-a13bcbfc { 0% { top: 20rpx; } 100% { top: 580rpx; } } .flashlight-btn.data-v-a13bcbfc { display: flex; justify-content: center; margin: 40rpx 0; } .flashlight-btn .flashlight-icon.data-v-a13bcbfc { width: 120rpx; height: 60rpx; background-color: #333; border-radius: 30rpx; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 32rpx; transition: all 0.3s ease; } .flashlight-btn .flashlight-icon.active.data-v-a13bcbfc { background-color: #007aff; -webkit-transform: scale(1.1); transform: scale(1.1); } .flashlight-btn .flashlight-icon .icon.data-v-a13bcbfc { font-size: 28rpx; }