.ant-collapse-item-disabled .ant-collapse-item-title-node, .ant-collapse-item-disabled .ant-collapse-item-brief-container { opacity: 0.4; } .ant-collapse-item-disabled .ant-collapse-item-title:active { background: #ffffff; transition: 0s; } .ant-collapse-item-line { display: flex; flex: 1; border-bottom: 1px solid #eeeeee; padding: 0 12px 12px 0; } .ant-collapse-item-title { position: relative; display: flex; text-align: justify; align-items: center; justify-content: space-between; line-height: 24px; padding: 12px 0 0 12px; font-size: 17px; color: #333333; background-color: #ffffff; transition: all 300ms linear; box-sizing: border-box; } .ant-collapse-item-title-node { display: flex; flex: 1; max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 17px; color: #333333; } .ant-collapse-item-title-arrow { color: #cccccc; } .ant-collapse-item-title-icon { width: 22px; height: 22px; overflow: hidden; margin-right: 12px; } .ant-collapse-item-title-icon .ant-icon { font-size: 20px; } .ant-collapse-item-title-icon image { width: 22px; height: 22px; } .ant-collapse-item-title:active { background-color: #eeeeee; transition: 0s; } .ant-collapse-item-brief-container { display: flex; } .ant-collapse-item-brief-container .ant-icon { font-size: 20px; } .ant-collapse-item-brief-node { display: flex; flex: 1; font-size: 15px; color: #999999; margin-right: 4px; } .ant-collapse-item-content { color: #333333; border-bottom: 1px solid #eeeeee; padding: 12px 12px 12px 0; box-sizing: border-box; } .ant-collapse-item-content-container { padding-left: 12px; background: #ffffff; } .ant-collapse-item-content-wrap { will-change: height; overflow: hidden; } .ant-collapse-item-content-wrap-active { animation: trigger1 0.2s; } .ant-collapse-item-content-wrap-non-active { animation: trigger2 0.2s; } .ant-collapse-item-content-wrap-transition { transition: height 0.2s ease-in-out; } .ant-collapse-item-content-wrap-first { height: 0; } @keyframes trigger1 { 0% { content: ''; } 100% { content: ''; } } @keyframes trigger2 { 0% { content: ''; } 100% { content: ''; } }