.cip-cron__container { display: flex; flex-direction: column; .cip-cron { width: auto; border: 1px solid #f5f7fa; .@{elNamespace}-radio-flex { display: flex; flex-direction: column; .@{elNamespace}-radio { margin-top: 20px; } } .input-width-number, .@{elNamespace}-select-number { width: 80px; } &__tabs { padding: 0; list-style: none; margin: 0; background-color: #f5f7fa; display: flex; .active { background-color: #5b8ff9; color: #ffffff; } } &__tab { padding: 10px; list-style: none; margin: 0; background-color: #f5f7fa; display: flex; flex: 1; align-items: center; justify-content: center; cursor: pointer; } &__content { padding: 20px; max-height: v-bind(maxHeight); overflow: hidden; overflow-y: auto; } &__express { margin-top: 16px; font-size: 15px; &__name { font-weight: bold; margin-right: 12px; } &__value { background-color: #61ddaa; padding: 5px; padding-left: 10px; padding-right: 10px; color: #ffffff; margin-right: 12px; letter-spacing: 3px; } } &__field { display: flex; margin-top: 12px; &__item { display: flex; white-space: nowrap; flex-direction: column; margin-right: 12px; width: 80px; >div { padding: 2px 20px; overflow-x: auto; overflow-y: hidden; text-align: center; } &__name { background: #409eff; color: #fff; } &__value { background: #eee; font-size: 18px; color: #409eff; text-align: center; height: 40px; line-height: 40px; } } } &__button { margin-top: 12px; text-align: center; width: 100%; } } }