/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-cascader { font-family: "Chinese Quote", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 14px; font-variant: tabular-nums; line-height: 1.5; color: rgba(0, 0, 0, 0.65); -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; list-style: none; } .ant-cascader-input.ant-input { background-color: transparent !important; cursor: pointer; width: 100%; position: relative; } .ant-cascader-picker-show-search .ant-cascader-input.ant-input { position: relative; } .ant-cascader-picker { font-family: "Chinese Quote", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 14px; font-variant: tabular-nums; line-height: 1.5; color: rgba(0, 0, 0, 0.65); -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; list-style: none; position: relative; display: inline-block; cursor: pointer; background-color: #fff; border-radius: 4px; outline: 0; -webkit-transition: color 0.3s; transition: color 0.3s; } .ant-cascader-picker-with-value .ant-cascader-picker-label { color: transparent; } .ant-cascader-picker-disabled { cursor: not-allowed; background: #f5f5f5; color: rgba(0, 0, 0, 0.25); } .ant-cascader-picker-disabled .ant-cascader-input { cursor: not-allowed; } .ant-cascader-picker:focus .ant-cascader-input { border-color: #40a9ff; outline: 0; -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); border-right-width: 1px !important; } .ant-cascader-picker-show-search.ant-cascader-picker-focused { color: rgba(0, 0, 0, 0.25); } .ant-cascader-picker-label { position: absolute; left: 0; height: 20px; line-height: 20px; top: 50%; margin-top: -10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100%; padding: 0 12px; } .ant-cascader-picker-clear { opacity: 0; position: absolute; right: 12px; z-index: 2; background: #fff; top: 50%; font-size: 12px; color: rgba(0, 0, 0, 0.25); width: 12px; height: 12px; margin-top: -6px; line-height: 12px; cursor: pointer; -webkit-transition: color 0.3s ease, opacity 0.15s ease; transition: color 0.3s ease, opacity 0.15s ease; } .ant-cascader-picker-clear:hover { color: rgba(0, 0, 0, 0.45); } .ant-cascader-picker:hover .ant-cascader-picker-clear { opacity: 1; } .ant-cascader-picker-arrow { position: absolute; z-index: 1; top: 50%; right: 12px; width: 12px; height: 12px; font-size: 12px; margin-top: -6px; line-height: 12px; color: rgba(0, 0, 0, 0.25); -webkit-transition: -webkit-transform 0.2s; transition: -webkit-transform 0.2s; transition: transform 0.2s; transition: transform 0.2s, -webkit-transform 0.2s; } .ant-cascader-picker-arrow.ant-cascader-picker-arrow-expand { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .ant-cascader-picker-small .ant-cascader-picker-clear, .ant-cascader-picker-small .ant-cascader-picker-arrow { right: 8px; } .ant-cascader-menus { font-size: 14px; background: #fff; position: absolute; z-index: 1050; border-radius: 4px; -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); white-space: nowrap; } .ant-cascader-menus ul, .ant-cascader-menus ol { list-style: none; margin: 0; padding: 0; } .ant-cascader-menus-empty, .ant-cascader-menus-hidden { display: none; } .ant-cascader-menus.slide-up-enter.slide-up-enter-active.ant-cascader-menus-placement-bottomLeft, .ant-cascader-menus.slide-up-appear.slide-up-appear-active.ant-cascader-menus-placement-bottomLeft { -webkit-animation-name: antSlideUpIn; animation-name: antSlideUpIn; } .ant-cascader-menus.slide-up-enter.slide-up-enter-active.ant-cascader-menus-placement-topLeft, .ant-cascader-menus.slide-up-appear.slide-up-appear-active.ant-cascader-menus-placement-topLeft { -webkit-animation-name: antSlideDownIn; animation-name: antSlideDownIn; } .ant-cascader-menus.slide-up-leave.slide-up-leave-active.ant-cascader-menus-placement-bottomLeft { -webkit-animation-name: antSlideUpOut; animation-name: antSlideUpOut; } .ant-cascader-menus.slide-up-leave.slide-up-leave-active.ant-cascader-menus-placement-topLeft { -webkit-animation-name: antSlideDownOut; animation-name: antSlideDownOut; } .ant-cascader-menu { display: inline-block; vertical-align: top; min-width: 111px; height: 180px; list-style: none; margin: 0; padding: 0; border-right: 1px solid #e8e8e8; overflow: auto; -ms-overflow-style: -ms-autohiding-scrollbar; } .ant-cascader-menu:first-child { border-radius: 4px 0 0 4px; } .ant-cascader-menu:last-child { border-right-color: transparent; margin-right: -1px; border-radius: 0 4px 4px 0; } .ant-cascader-menu:only-child { border-radius: 4px; } .ant-cascader-menu-item { padding: 5px 12px; line-height: 22px; cursor: pointer; white-space: nowrap; -webkit-transition: all 0.3s; transition: all 0.3s; } .ant-cascader-menu-item:hover { background: #e6f7ff; } .ant-cascader-menu-item-disabled { cursor: not-allowed; color: rgba(0, 0, 0, 0.25); } .ant-cascader-menu-item-disabled:hover { background: transparent; } .ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled), .ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled):hover { background: #f5f5f5; font-weight: 600; } .ant-cascader-menu-item-expand { position: relative; padding-right: 24px; } .ant-cascader-menu-item-expand .ant-cascader-menu-item-expand-icon, .ant-cascader-menu-item-expand .ant-cascader-menu-item-loading-icon { display: inline-block; font-size: 12px; font-size: 10px \9; -webkit-transform: scale(0.83333333) rotate(0deg); -ms-transform: scale(0.83333333) rotate(0deg); transform: scale(0.83333333) rotate(0deg); color: rgba(0, 0, 0, 0.45); position: absolute; right: 12px; } :root .ant-cascader-menu-item-expand .ant-cascader-menu-item-expand-icon, :root .ant-cascader-menu-item-expand .ant-cascader-menu-item-loading-icon { font-size: 12px; } .ant-cascader-menu-item .ant-cascader-menu-item-keyword { color: #f5222d; }