.inTheMiddle--QxQJR { display: flex; justify-content: center; align-items: center; } .around_center--Gmwj3 { display: flex; justify-content: space-around; align-items: center; } .between_center--UR5c0 { display: flex; justify-content: space-between; align-items: center; } .start_center--FE9O3 { display: flex; justify-content: flex-start; align-items: center; } .column_center_start--Z7NTC { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; } .tableWrapper--J9r9w { width: 100%; height: 100%; display: flex; overflow: hidden; background: #ffffff; flex-direction: column; } .tableNav--_0bkp { width: 100%; flex-shrink: 0; height: 30px; display: flex; padding: 0 20px; align-items: center; justify-content: space-between; font-size: 12px; box-sizing: border-box; } .tableBody--CRM3l { width: 100%; height: 100%; overflow: hidden; display: flex; flex-direction: row; } .tableScrollAreaHiddenY--yvNfW { width: 100%; height: 100%; overflow: hidden; } .tableScrollArea--oRR6T { width: 100%; height: 100%; padding-right: 15px; /* Maximum width of scrollbar */ overflow: scroll; display: flex; flex-direction: column; } .tableItemBasic--x5QTq { color: #333333; } .radioCol--jYceQ { min-width: 30px; height: 100%; display: flex; justify-content: center; align-items: center; } .radioCol--jYceQ .selectRadioOuterRing--WRjQJ { width: 12px; height: 12px; border: 1px solid #d9d9d9; background: #ffffff; display: flex; justify-content: center; align-items: center; } .radioCol--jYceQ .selectRadioOuterRing--WRjQJ:hover { border: 1px solid #5582f3; cursor: pointer; } .radioCol--jYceQ .selectRadioInnerRing--wPvq0 { background: #ffffff; width: 0; height: 0; -webkit-transition: all calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1); transition: all calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1); } .columns--vv0Mu { width: auto; background: #f2f2f2; height: 34px; display: flex; flex-shrink: 0; padding: 0 8px; } .tableItemTabs--a9oUu { font-size: 12px; padding: 0 12px; box-sizing: border-box; display: flex; position: relative; justify-content: flex-start; background: #f2f2f2; border-bottom: 1px solid #d9d9d9; align-items: center; } .tableItemBasic--x5QTq { font-size: 12px; padding: 0 12px; box-sizing: border-box; display: flex; position: relative; justify-content: flex-start; align-items: center; } .tableItemBasicContent--fFaXQ { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tableItemBasic--x5QTq:after { content: ""; position: absolute; right: 0; /* left: 0; */ /* top: -2px; */ width: 1px; height: 16px; background-color: #d9d9d9; } .tableDataArea--j1d2X { width: 100%; height: 100%; display: flex; flex-direction: column; } .dataSourceItemWrapper--Hc15W { width: 100%; height: 41px; display: flex; flex-shrink: 0; padding: 0 8px; box-sizing: border-box; background: #ffffff; border-bottom: 1px solid #d9d9d9; } .dataSourceItemWrapper--Hc15W:hover { background-color: #f2f4ff; } .PageTurningTool--bMMpv { width: 100px; height: 20px; background-color: #ffffff; border: 1px solid #d9d9d9; display: flex; justify-content: space-between; align-items: center; user-select: none; -moz-user-select: none; -webkit-user-select: none; } .PageBtn--xf4yD { height: 100%; width: 15px; display: flex; cursor: pointer; justify-content: center; align-items: center; } .PageBtn--xf4yD > img { width: 10px; } .PageTurning--N4xXQ { height: 100%; width: 70px; display: flex; justify-content: center; align-items: center; } .frozeTableCol--ywP4H { width: auto; height: 100%; display: flex; flex-direction: column; } .mark--Saiw2 { width: 100%; height: 100%; position: absolute; background: rgba(102, 102, 102, 0.5); display: flex; justify-content: center; align-items: center; } .AttachmentBox--XPOCy { width: 960px; height: 563px; background: #ffffff; display: flex; flex-direction: column; } .AttachmentHead--BT242 { width: 100%; height: 49px; flex-shrink: 0; padding: 0 20px; box-sizing: border-box; border-bottom: 1px solid #d9d9d9; display: flex; justify-content: space-between; /* justify-leftContent: center; */ align-items: center; font-size: 18px; font-weight: bold; } .closeImg--p9xQy { width: 14px; cursor: pointer; } .AttachmentBody--BNUZT { width: 100%; height: 100%; display: flex; overflow: hidden; flex-direction: column; } .AttachmentPageLabel--wFeLr { width: 100%; flex-shrink: 0; height: 30px; display: flex; padding: 0 20px; align-items: flex-end; font-size: 12px; box-sizing: border-box; user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; cursor: pointer; } .AttachmentPageLabel--wFeLr .labels--rQD1d { width: 90px; height: 24px; border: 1px solid; border-radius: 2px; margin-right: 1px; display: flex; justify-content: center; align-items: center; overflow: hidden; -webkit-transition: background-color 0.2s cubic-bezier(0.42, 0, 1, 1); transition: background-color 0.2s cubic-bezier(0.42, 0, 1, 1); } .AttachmentFooter--gCqRi { width: 100%; height: 50px; position: relative; flex-shrink: 0; border-top: 1px solid #d9d9d9; display: flex; justify-content: center; align-items: center; } .AttachmentFooter--gCqRi > span { font-size: 12px; color: #6666; position: absolute; left: 20px; } .AttachmentCancelBtn--JKBZE { width: 70px; height: 26px; border-radius: 2px; color: #333333; border: 1px solid #d9d9d9; background-color: #ffffff; margin-right: 12px; cursor: pointer; } .AttachmentConfirmBtn--yCTt2 { width: 70px; height: 26px; border-radius: 2px; color: #ffffff; border: 1px solid #5582f3; background-color: #5582f3; margin-right: 12px; cursor: pointer; } .unDrag--TxfyM { -webkit-user-drag: none; } .unSelect--OfoM9 { user-select: none; -moz-user-select: none; -webkit-user-select: none; } .dynamic--j21ny { transition: all 0.1s linear; } @font-face { font-family: "icomoon"; src: url(data:application/vnd.ms-fontobject;base64,mBEAAPQQAAABAAIAAAAAAAAAAAAAAAAAAAABAJABAAAAAExQAAAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAsXCIVgAAAAAAAAAAAAAAAAAAAAAAAA4AaQBjAG8AbQBvAG8AbgAAAA4AUgBlAGcAdQBsAGEAcgAAABYAVgBlAHIAcwBpAG8AbgAgADEALgAwAAAADgBpAGMAbwBtAG8AbwBuAAAAAAAAAQAAAAsAgAADADBPUy8yDxIGIAAAALwAAABgY21hcBdW0pYAAAEcAAAAVGdhc3AAAAAQAAABcAAAAAhnbHlmpXKSQwAAAXgAAAzcaGVhZCKGB4UAAA5UAAAANmhoZWEH+AQIAAAOjAAAACRobXR4RlQImQAADrAAAABQbG9jYR28G0oAAA8AAAAAKm1heHAAIACiAAAPLAAAACBuYW1lmUoJ+wAAD0wAAAGGcG9zdAADAAAAABDUAAAAIAADA+cBkAAFAAACmQLMAAAAjwKZAswAAAHrADMBCQAAAAAAAAAAAAAAAAAAAAEQAAAAAAAAAAAAAAAAAAAAAEAAAOkPA8D/wABAA8AAQAAAAAEAAAAAAAAAAAAAACAAAAAAAAMAAAADAAAAHAABAAMAAAAcAAMAAQAAABwABAA4AAAACgAIAAIAAgABACDpD//9//8AAAAAACDpAP/9//8AAf/jFwQAAwABAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAvAAWAy0DfgBBAAABPgEXMRcxHgEHMQMzMhYVFAYrARUzMhYVFAYrARUUBisBIiY9ASMiJjU0NjsBNSMiJjU0NjsBAyY2NzE3NhYXEzMC3wYYCwELBwfGwA0SEg37+w0SEg37EgwCDBL7DRERDfv7DRERDcDGBwcLAQsYBtkkA3MLBgYBBhkL/q8SDQ0SehINDRLXDRISDdcSDQ0SehINDRIBUQsZBgEGBgv+jwAAAQCwAPADUAJwAB8AACUeATMyNjU0JicxAS4BIyIGBzEBDgEVFBYzMjY3MQkBAxkEDAcNEwUE/soFDAYHDAX+1wQFEw0HDAQBEwEf+gUFEw0GDAQBQAUFBQX+wAQLBw0TBgQBKP7YAAABAVcAOALsAz8AFgAAJSImJyY0NwkBJjQ3NjIXARYUBwEOASMBbQYMBAoKAVH+rwoKCRoKAWgJCf6YBQwGOAUEChoKAVEBUQoaCgkJ/pgKGgr+mAQFAAAAAQDTADgCaAM/ABYAACUyNjc2NCcJATY0JyYiBwEGFBcBHgEzAlEGDAUJCf6uAVIJCQoaCf6YCgoBaAQMBjgFBAoaCgFRAVEKGgoJCf6YChoK/pgEBQAAAAQAK//rA9UDlQAiAEQAUAB9AAABFhceARcWFRQGBwYHDgEHBiMiJy4BJyY1NDc+ATc2MzIWFxM+ATU0Jy4BJyYnLgEjIgcOAQcGFRQXHgEXFjMyNz4BNzYlIgYVFBYzMjY1NCYDIgYVFBYzMjY1NDYzMhYXHgEVFAYHDgEdARQWMzI2PQE0Njc+ATU0JicuASMC+jQoKTkODx8fHywrajw8P2FVVn8lJSUlf1ZVYUN/OFMZGgwMLiEiKi9oNk9GRmgfHh4faEZGTzQxMVYjJP7NEhkZEhIZGRI+VxkREhklGw0WCgkKDw8jKhkSEhkSEiAmFhYVNx0DTSArLGY6OT09dzU3LCw9EBAlJX9WVWFhVVZ/JSUlI/21K2EyMi8vUyQjGh0fHh9oRkZPT0ZGaB8eDg0yJCRAGRESGRkSERkBq1c+EhkZEhslCgoJFwwQHggYRigEEhkZEgQSIQsVQiccNxUXFgAAAAUAnwARA4ADkQALABcAIwAwAEIAAAEiBhUUFjMyNjU0JgMiJjU0NjMyFhUUBgE0JiMiBhUUFjMyNiU0NjMyFhUUBiMiJjUlJgYHAQYWFx4BMzI2NwE2JicC2kVhYUVFYWFFNElJNDNJSf7eYUVFYWFFRWH+3kkzNElJNDNJAksIEAX99AUEBwMGAgYJAwIMBQQHAV1hRUVhYUVFYf7dSTQzSUkzNEkCsURiYkRFYWFFM0lJMzRJSTSTBAMI/L0HEQUBAgUFA0MIEAUAAAsAAP/CBAADvgALABsAKgA4AEcAVgBlAHMAggCRAJ8AACUWBgcGJicmNjc2FgcUBiMiJj0BNDYzMhYXFSMnDgEnLgE/AT4BFx4BDwEnBiYnJjY/ATYWFxYGByciJjU0NjsBMhYVFAYrATcuATc+AR8BHgEHDgEvATcXHgE3PgEvAS4BBw4BFzc0NjMyFh0BFAYjIiY1Nz4BFx4BDwEOAScuAT8BFwcOARceAT8BPgEnLgEHFzIWFRQGKwEiJjU0NjMDEAcFDw4eBwcFDwwd4BURERUYEQ8VAwTwByEODgkHHQchDg8IChq8Dx4KBwYOTQ4fCQcID50QFhYQehEVFRF6LQ4JBwchD4YOCQcHIQ6HoF0HIQ4PCApdCR8ODAgH5xURERUYDhEV8AchDg4JB10HIQ4PCApavKAOCQcKHg+gDggJCB0PVBAWFhC6ERUYDjoPHgoHCAwOHwkKB2ERFRURGBEVFREaLQ4JBwcgDDQOCQcIIA8wnQcJDg4fCS0HCA8OHwm7FhARFhgPEBbyByAMDgkHTQchDg8JCFC5oA4ICQoeD6AOBgcKHRBVERUYDrgRFRgOjQ4JBwcgDKAPCQgHIQ6doF0HIQ4PCApdByEODAoJ5RYQERYYDxAWAAAAAAIADv/ABCADwABdAHQAABM+ATc2Nz4BNzYzMhceARcWFRQHDgEHBiMiJy4BJyYnLgExLgEHDgEXMBYXFhceARcWMzI3PgE3NjU0Jy4BJyYjIgcOAQcGBw4BBycuAQcOAR8BHgE/AT4BJy4BDwElNCYjIgYVERQWMyEyNjU0JiMhIiY1EZAFDAUeKClhNzc8XVFSeiMjIyN6UlFdPDg4YikoHggGBhoMDQkGCAkhLy5xQUBGal1eiygoKCiLXl1qRT9AcC4uIgQIBBECFg0NEAMZBCobng0QAwIVDXQBkBMNDRMmGgEgDRMTDf8ADRMCiQoWCC4nJjYPDyMjelJRXV1RUnojIw8POCcnMA0NDAkFBRcMEQ43Li5AEhIoKIteXWpqXV6LKCgREj8sLTYFDwhuDBACAhYNnhofBBkCFQ4NDwISVw0TEw3+4BomEw0NExMNAQAAAAAAAQBA/80DwAOzAIMAAAEiBhUxFAYHDgEPAQ4BIyImJy4BLwEuATU0Njc+AT8BPgEzOAExMhYXIwcOARUUFjMyNjcxNz4BNTQmJzEnLgEjIgYVFBYXMRcuASM4ATkBIgYHBgcOAQcGDwEOARUUFhcWFx4BFxYfAR4BMzI2NzY3PgE3Nj8BPgE1OAExNCYjOAE5AQOgDRMPDx5pQwMjSycnSyNGaR0BDw8PDx5pQwMjSycQHg8COAkMEw0DBgOJCQsBATUEEAoNEwEBGxYwGS1YKSkkIz0YGBEBERISERIYGDwjIygDKVgtLVgpKSQjPRgYEQEREhMNAa0TDSdLI0ZpHQEPDw8PHmlDAyNLJydLI0ZpHQEPDwIDFgMQCg4SAQE1BBAKAwYDiQkLEw0DBgNEBQUSERIYGDwjIygDKVgtLVgpKSQjPRgYEQEREhIREhgYPCMjKAMpWC0NEwAAAQDnAR0DGgJaABYAAAEiJicBJjY3NjIfATc2MhcWFAcBDgEjAgEGCwX+/AkBCQgZCe/uCRkJCQn+/AQLBgEdBAUBCQkZCQgJ8/MJCAkZCf73BQQACgCAAEADgANAABcAGwAfACMAJwArAC8AMwA3ADsAAAEjNSMVITUjFSMiBhURFBYzITI2NRE0JgMhESEFIzUzFyM1MxcjNTMFIzUzFyM1MxcjNTMFIzUzFyM1MwNgoED/AECgDRMTDQLADRMTLf2AAoD+QICAwICAwICA/oCAgMCAgMCAgP6AgIDAgIADAEBAQEATDf2ADRMTDQKADRP9gAHAgEBAQEBAwEBAQEBAwEBAQAAABAAA/8AENQPAACwAPQBBAFMAAAEhOAExIgYVERQWMzEhByMiBhUUFjMhMjY1NCYrASchOAExMjY3ES4BIzgBMRU4ATEyFhURIRE0NjM4ATkBATczFychOAExIiY9ASEVOAExFAYjMQPa/IAlNTUlASQ0ZwwREQwCbwwQEAxoMwEjJjQBATQmDhT8PRMOASwzwjQJ/bQOEwPDFA4DwDUl/YUlNZgRDAsREQsMEZg1JQJ7JTU5Ew796wIVDhP8cpiY0RMOLS4NFAABAHEAQQN/A08ALgAACQE+ATU0JiMiBgcJAS4BIyIGFRQWFzEJAQ4BFRQWMzI2NwkBHgEzMjY1NCYnMQECJQFQBQUTDQcLBf6w/q8EDAYOEgUEAVD+sAQFEg4GDAQBUQFQBQsHDRMFBf6wAcgBUQQMBg4SBQT+sAFQBAUSDgYMBP6v/rAFCwcNEwUFAVD+sAUFEw0HCwUBUAAAAAABAQQANgKuAzkAFgAACQE2NCcmIgcBBhQXAR4BMzI2NzY0JwEBawFDDw8OKA/+mw8PAWUIEgkJEgcPD/69Ab4BOQ4nDQ4O/qcOJw7+pgcGBgcOJw4BOAAAAQCgAEgDRgMTAEcAAAE2MhcWFAcBBhQXFjI3ATY0JyYiBwEGFBcWMjcBPgE3NjIXFhQPAQ4BBwEGBwYiJyYnJicmNDc2NwE2MhcWFAcBBiInJjQ3AQJLCRgKCQn++w0NDCQOATIgICBcIP64NDQ0kjQBGwQEAgkXCgkJAwIDAv7lIyssWysrIyIRERERIgFJMY0yMjL+zB5WHR4eAQQChQcICRgJ/vwMJA4NDQEzIVwgICD+tzSSNDQ0ARkCBQMJCQkYCQIBBQL+6CMRERERIyIrLFsrLCIBSjExMo0y/sweHh9VHgEFAAEAbwBmA2oDYQAgAAABMhYVESEyFhUUBiMhERQGIyImNREhIiY1NDYzIRE0NjMB7QoPAUsKDw8K/rUPCgsP/rYLDw8LAUoPCwNhDwv+tg8LCg/+tQoPDwoBSw8KCw8BSgsPAAABAAAAAQAAVohwsV8PPPUACwQAAAAAAN+Y4YQAAAAA35jhhAAA/8AENQPAAAAACAACAAAAAAAAAAEAAAPA/8AAAAQ0AAD//wQ1AAEAAAAAAAAAAAAAAAAAAAAUBAAAAAAAAAAAAAAAAgAAAAQAALwEAACwBAABVwQAANMEAAArBAAAnwQAAAAEIAAOBAAAQAQAAOcEAACABDQAAAQAAHEEAAEEBAAAoAQAAG8AAAAAAAoAFAAeAHYAqgDWAQIBtgIcAwwDuARmBJAE6gVOBZwFyAY8Bm4AAAABAAAAFACgAAsAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEABwAAAAEAAAAAAAIABwBgAAEAAAAAAAMABwA2AAEAAAAAAAQABwB1AAEAAAAAAAUACwAVAAEAAAAAAAYABwBLAAEAAAAAAAoAGgCKAAMAAQQJAAEADgAHAAMAAQQJAAIADgBnAAMAAQQJAAMADgA9AAMAAQQJAAQADgB8AAMAAQQJAAUAFgAgAAMAAQQJAAYADgBSAAMAAQQJAAoANACkaWNvbW9vbgBpAGMAbwBtAG8AbwBuVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwaWNvbW9vbgBpAGMAbwBtAG8AbwBuaWNvbW9vbgBpAGMAbwBtAG8AbwBuUmVndWxhcgBSAGUAZwB1AGwAYQByaWNvbW9vbgBpAGMAbwBtAG8AbwBuRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==); src: url(data:application/vnd.ms-fontobject;base64,mBEAAPQQAAABAAIAAAAAAAAAAAAAAAAAAAABAJABAAAAAExQAAAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAsXCIVgAAAAAAAAAAAAAAAAAAAAAAAA4AaQBjAG8AbQBvAG8AbgAAAA4AUgBlAGcAdQBsAGEAcgAAABYAVgBlAHIAcwBpAG8AbgAgADEALgAwAAAADgBpAGMAbwBtAG8AbwBuAAAAAAAAAQAAAAsAgAADADBPUy8yDxIGIAAAALwAAABgY21hcBdW0pYAAAEcAAAAVGdhc3AAAAAQAAABcAAAAAhnbHlmpXKSQwAAAXgAAAzcaGVhZCKGB4UAAA5UAAAANmhoZWEH+AQIAAAOjAAAACRobXR4RlQImQAADrAAAABQbG9jYR28G0oAAA8AAAAAKm1heHAAIACiAAAPLAAAACBuYW1lmUoJ+wAAD0wAAAGGcG9zdAADAAAAABDUAAAAIAADA+cBkAAFAAACmQLMAAAAjwKZAswAAAHrADMBCQAAAAAAAAAAAAAAAAAAAAEQAAAAAAAAAAAAAAAAAAAAAEAAAOkPA8D/wABAA8AAQAAAAAEAAAAAAAAAAAAAACAAAAAAAAMAAAADAAAAHAABAAMAAAAcAAMAAQAAABwABAA4AAAACgAIAAIAAgABACDpD//9//8AAAAAACDpAP/9//8AAf/jFwQAAwABAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAvAAWAy0DfgBBAAABPgEXMRcxHgEHMQMzMhYVFAYrARUzMhYVFAYrARUUBisBIiY9ASMiJjU0NjsBNSMiJjU0NjsBAyY2NzE3NhYXEzMC3wYYCwELBwfGwA0SEg37+w0SEg37EgwCDBL7DRERDfv7DRERDcDGBwcLAQsYBtkkA3MLBgYBBhkL/q8SDQ0SehINDRLXDRISDdcSDQ0SehINDRIBUQsZBgEGBgv+jwAAAQCwAPADUAJwAB8AACUeATMyNjU0JicxAS4BIyIGBzEBDgEVFBYzMjY3MQkBAxkEDAcNEwUE/soFDAYHDAX+1wQFEw0HDAQBEwEf+gUFEw0GDAQBQAUFBQX+wAQLBw0TBgQBKP7YAAABAVcAOALsAz8AFgAAJSImJyY0NwkBJjQ3NjIXARYUBwEOASMBbQYMBAoKAVH+rwoKCRoKAWgJCf6YBQwGOAUEChoKAVEBUQoaCgkJ/pgKGgr+mAQFAAAAAQDTADgCaAM/ABYAACUyNjc2NCcJATY0JyYiBwEGFBcBHgEzAlEGDAUJCf6uAVIJCQoaCf6YCgoBaAQMBjgFBAoaCgFRAVEKGgoJCf6YChoK/pgEBQAAAAQAK//rA9UDlQAiAEQAUAB9AAABFhceARcWFRQGBwYHDgEHBiMiJy4BJyY1NDc+ATc2MzIWFxM+ATU0Jy4BJyYnLgEjIgcOAQcGFRQXHgEXFjMyNz4BNzYlIgYVFBYzMjY1NCYDIgYVFBYzMjY1NDYzMhYXHgEVFAYHDgEdARQWMzI2PQE0Njc+ATU0JicuASMC+jQoKTkODx8fHywrajw8P2FVVn8lJSUlf1ZVYUN/OFMZGgwMLiEiKi9oNk9GRmgfHh4faEZGTzQxMVYjJP7NEhkZEhIZGRI+VxkREhklGw0WCgkKDw8jKhkSEhkSEiAmFhYVNx0DTSArLGY6OT09dzU3LCw9EBAlJX9WVWFhVVZ/JSUlI/21K2EyMi8vUyQjGh0fHh9oRkZPT0ZGaB8eDg0yJCRAGRESGRkSERkBq1c+EhkZEhslCgoJFwwQHggYRigEEhkZEgQSIQsVQiccNxUXFgAAAAUAnwARA4ADkQALABcAIwAwAEIAAAEiBhUUFjMyNjU0JgMiJjU0NjMyFhUUBgE0JiMiBhUUFjMyNiU0NjMyFhUUBiMiJjUlJgYHAQYWFx4BMzI2NwE2JicC2kVhYUVFYWFFNElJNDNJSf7eYUVFYWFFRWH+3kkzNElJNDNJAksIEAX99AUEBwMGAgYJAwIMBQQHAV1hRUVhYUVFYf7dSTQzSUkzNEkCsURiYkRFYWFFM0lJMzRJSTSTBAMI/L0HEQUBAgUFA0MIEAUAAAsAAP/CBAADvgALABsAKgA4AEcAVgBlAHMAggCRAJ8AACUWBgcGJicmNjc2FgcUBiMiJj0BNDYzMhYXFSMnDgEnLgE/AT4BFx4BDwEnBiYnJjY/ATYWFxYGByciJjU0NjsBMhYVFAYrATcuATc+AR8BHgEHDgEvATcXHgE3PgEvAS4BBw4BFzc0NjMyFh0BFAYjIiY1Nz4BFx4BDwEOAScuAT8BFwcOARceAT8BPgEnLgEHFzIWFRQGKwEiJjU0NjMDEAcFDw4eBwcFDwwd4BURERUYEQ8VAwTwByEODgkHHQchDg8IChq8Dx4KBwYOTQ4fCQcID50QFhYQehEVFRF6LQ4JBwchD4YOCQcHIQ6HoF0HIQ4PCApdCR8ODAgH5xURERUYDhEV8AchDg4JB10HIQ4PCApavKAOCQcKHg+gDggJCB0PVBAWFhC6ERUYDjoPHgoHCAwOHwkKB2ERFRURGBEVFREaLQ4JBwcgDDQOCQcIIA8wnQcJDg4fCS0HCA8OHwm7FhARFhgPEBbyByAMDgkHTQchDg8JCFC5oA4ICQoeD6AOBgcKHRBVERUYDrgRFRgOjQ4JBwcgDKAPCQgHIQ6doF0HIQ4PCApdByEODAoJ5RYQERYYDxAWAAAAAAIADv/ABCADwABdAHQAABM+ATc2Nz4BNzYzMhceARcWFRQHDgEHBiMiJy4BJyYnLgExLgEHDgEXMBYXFhceARcWMzI3PgE3NjU0Jy4BJyYjIgcOAQcGBw4BBycuAQcOAR8BHgE/AT4BJy4BDwElNCYjIgYVERQWMyEyNjU0JiMhIiY1EZAFDAUeKClhNzc8XVFSeiMjIyN6UlFdPDg4YikoHggGBhoMDQkGCAkhLy5xQUBGal1eiygoKCiLXl1qRT9AcC4uIgQIBBECFg0NEAMZBCobng0QAwIVDXQBkBMNDRMmGgEgDRMTDf8ADRMCiQoWCC4nJjYPDyMjelJRXV1RUnojIw8POCcnMA0NDAkFBRcMEQ43Li5AEhIoKIteXWpqXV6LKCgREj8sLTYFDwhuDBACAhYNnhofBBkCFQ4NDwISVw0TEw3+4BomEw0NExMNAQAAAAAAAQBA/80DwAOzAIMAAAEiBhUxFAYHDgEPAQ4BIyImJy4BLwEuATU0Njc+AT8BPgEzOAExMhYXIwcOARUUFjMyNjcxNz4BNTQmJzEnLgEjIgYVFBYXMRcuASM4ATkBIgYHBgcOAQcGDwEOARUUFhcWFx4BFxYfAR4BMzI2NzY3PgE3Nj8BPgE1OAExNCYjOAE5AQOgDRMPDx5pQwMjSycnSyNGaR0BDw8PDx5pQwMjSycQHg8COAkMEw0DBgOJCQsBATUEEAoNEwEBGxYwGS1YKSkkIz0YGBEBERISERIYGDwjIygDKVgtLVgpKSQjPRgYEQEREhMNAa0TDSdLI0ZpHQEPDw8PHmlDAyNLJydLI0ZpHQEPDwIDFgMQCg4SAQE1BBAKAwYDiQkLEw0DBgNEBQUSERIYGDwjIygDKVgtLVgpKSQjPRgYEQEREhIREhgYPCMjKAMpWC0NEwAAAQDnAR0DGgJaABYAAAEiJicBJjY3NjIfATc2MhcWFAcBDgEjAgEGCwX+/AkBCQgZCe/uCRkJCQn+/AQLBgEdBAUBCQkZCQgJ8/MJCAkZCf73BQQACgCAAEADgANAABcAGwAfACMAJwArAC8AMwA3ADsAAAEjNSMVITUjFSMiBhURFBYzITI2NRE0JgMhESEFIzUzFyM1MxcjNTMFIzUzFyM1MxcjNTMFIzUzFyM1MwNgoED/AECgDRMTDQLADRMTLf2AAoD+QICAwICAwICA/oCAgMCAgMCAgP6AgIDAgIADAEBAQEATDf2ADRMTDQKADRP9gAHAgEBAQEBAwEBAQEBAwEBAQAAABAAA/8AENQPAACwAPQBBAFMAAAEhOAExIgYVERQWMzEhByMiBhUUFjMhMjY1NCYrASchOAExMjY3ES4BIzgBMRU4ATEyFhURIRE0NjM4ATkBATczFychOAExIiY9ASEVOAExFAYjMQPa/IAlNTUlASQ0ZwwREQwCbwwQEAxoMwEjJjQBATQmDhT8PRMOASwzwjQJ/bQOEwPDFA4DwDUl/YUlNZgRDAsREQsMEZg1JQJ7JTU5Ew796wIVDhP8cpiY0RMOLS4NFAABAHEAQQN/A08ALgAACQE+ATU0JiMiBgcJAS4BIyIGFRQWFzEJAQ4BFRQWMzI2NwkBHgEzMjY1NCYnMQECJQFQBQUTDQcLBf6w/q8EDAYOEgUEAVD+sAQFEg4GDAQBUQFQBQsHDRMFBf6wAcgBUQQMBg4SBQT+sAFQBAUSDgYMBP6v/rAFCwcNEwUFAVD+sAUFEw0HCwUBUAAAAAABAQQANgKuAzkAFgAACQE2NCcmIgcBBhQXAR4BMzI2NzY0JwEBawFDDw8OKA/+mw8PAWUIEgkJEgcPD/69Ab4BOQ4nDQ4O/qcOJw7+pgcGBgcOJw4BOAAAAQCgAEgDRgMTAEcAAAE2MhcWFAcBBhQXFjI3ATY0JyYiBwEGFBcWMjcBPgE3NjIXFhQPAQ4BBwEGBwYiJyYnJicmNDc2NwE2MhcWFAcBBiInJjQ3AQJLCRgKCQn++w0NDCQOATIgICBcIP64NDQ0kjQBGwQEAgkXCgkJAwIDAv7lIyssWysrIyIRERERIgFJMY0yMjL+zB5WHR4eAQQChQcICRgJ/vwMJA4NDQEzIVwgICD+tzSSNDQ0ARkCBQMJCQkYCQIBBQL+6CMRERERIyIrLFsrLCIBSjExMo0y/sweHh9VHgEFAAEAbwBmA2oDYQAgAAABMhYVESEyFhUUBiMhERQGIyImNREhIiY1NDYzIRE0NjMB7QoPAUsKDw8K/rUPCgsP/rYLDw8LAUoPCwNhDwv+tg8LCg/+tQoPDwoBSw8KCw8BSgsPAAABAAAAAQAAVohwsV8PPPUACwQAAAAAAN+Y4YQAAAAA35jhhAAA/8AENQPAAAAACAACAAAAAAAAAAEAAAPA/8AAAAQ0AAD//wQ1AAEAAAAAAAAAAAAAAAAAAAAUBAAAAAAAAAAAAAAAAgAAAAQAALwEAACwBAABVwQAANMEAAArBAAAnwQAAAAEIAAOBAAAQAQAAOcEAACABDQAAAQAAHEEAAEEBAAAoAQAAG8AAAAAAAoAFAAeAHYAqgDWAQIBtgIcAwwDuARmBJAE6gVOBZwFyAY8Bm4AAAABAAAAFACgAAsAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEABwAAAAEAAAAAAAIABwBgAAEAAAAAAAMABwA2AAEAAAAAAAQABwB1AAEAAAAAAAUACwAVAAEAAAAAAAYABwBLAAEAAAAAAAoAGgCKAAMAAQQJAAEADgAHAAMAAQQJAAIADgBnAAMAAQQJAAMADgA9AAMAAQQJAAQADgB8AAMAAQQJAAUAFgAgAAMAAQQJAAYADgBSAAMAAQQJAAoANACkaWNvbW9vbgBpAGMAbwBtAG8AbwBuVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwaWNvbW9vbgBpAGMAbwBtAG8AbwBuaWNvbW9vbgBpAGMAbwBtAG8AbwBuUmVndWxhcgBSAGUAZwB1AGwAYQByaWNvbW9vbgBpAGMAbwBtAG8AbwBuRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==#iefix) format("embedded-opentype"), url(data:font/ttf;base64,AAEAAAALAIAAAwAwT1MvMg8SBiAAAAC8AAAAYGNtYXAXVtKWAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZqVykkMAAAF4AAAM3GhlYWQihgeFAAAOVAAAADZoaGVhB/gECAAADowAAAAkaG10eEZUCJkAAA6wAAAAUGxvY2EdvBtKAAAPAAAAACptYXhwACAAogAADywAAAAgbmFtZZlKCfsAAA9MAAABhnBvc3QAAwAAAAAQ1AAAACAAAwPnAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpDwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6Q///f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABALwAFgMtA34AQQAAAT4BFzEXMR4BBzEDMzIWFRQGKwEVMzIWFRQGKwEVFAYrASImPQEjIiY1NDY7ATUjIiY1NDY7AQMmNjcxNzYWFxMzAt8GGAsBCwcHxsANEhIN+/sNEhIN+xIMAgwS+w0REQ37+w0REQ3AxgcHCwELGAbZJANzCwYGAQYZC/6vEg0NEnoSDQ0S1w0SEg3XEg0NEnoSDQ0SAVELGQYBBgYL/o8AAAEAsADwA1ACcAAfAAAlHgEzMjY1NCYnMQEuASMiBgcxAQ4BFRQWMzI2NzEJAQMZBAwHDRMFBP7KBQwGBwwF/tcEBRMNBwwEARMBH/oFBRMNBgwEAUAFBQUF/sAECwcNEwYEASj+2AAAAQFXADgC7AM/ABYAACUiJicmNDcJASY0NzYyFwEWFAcBDgEjAW0GDAQKCgFR/q8KCgkaCgFoCQn+mAUMBjgFBAoaCgFRAVEKGgoJCf6YChoK/pgEBQAAAAEA0wA4AmgDPwAWAAAlMjY3NjQnCQE2NCcmIgcBBhQXAR4BMwJRBgwFCQn+rgFSCQkKGgn+mAoKAWgEDAY4BQQKGgoBUQFRChoKCQn+mAoaCv6YBAUAAAAEACv/6wPVA5UAIgBEAFAAfQAAARYXHgEXFhUUBgcGBw4BBwYjIicuAScmNTQ3PgE3NjMyFhcTPgE1NCcuAScmJy4BIyIHDgEHBhUUFx4BFxYzMjc+ATc2JSIGFRQWMzI2NTQmAyIGFRQWMzI2NTQ2MzIWFx4BFRQGBw4BHQEUFjMyNj0BNDY3PgE1NCYnLgEjAvo0KCk5Dg8fHx8sK2o8PD9hVVZ/JSUlJX9WVWFDfzhTGRoMDC4hIiovaDZPRkZoHx4eH2hGRk80MTFWIyT+zRIZGRISGRkSPlcZERIZJRsNFgoJCg8PIyoZEhIZEhIgJhYWFTcdA00gKyxmOjk9PXc1NywsPRAQJSV/VlVhYVVWfyUlJSP9tSthMjIvL1MkIxodHx4faEZGT09GRmgfHg4NMiQkQBkREhkZEhEZAatXPhIZGRIbJQoKCRcMEB4IGEYoBBIZGRIEEiELFUInHDcVFxYAAAAFAJ8AEQOAA5EACwAXACMAMABCAAABIgYVFBYzMjY1NCYDIiY1NDYzMhYVFAYBNCYjIgYVFBYzMjYlNDYzMhYVFAYjIiY1JSYGBwEGFhceATMyNjcBNiYnAtpFYWFFRWFhRTRJSTQzSUn+3mFFRWFhRUVh/t5JMzRJSTQzSQJLCBAF/fQFBAcDBgIGCQMCDAUEBwFdYUVFYWFFRWH+3Uk0M0lJMzRJArFEYmJERWFhRTNJSTM0SUk0kwQDCPy9BxEFAQIFBQNDCBAFAAALAAD/wgQAA74ACwAbACoAOABHAFYAZQBzAIIAkQCfAAAlFgYHBiYnJjY3NhYHFAYjIiY9ATQ2MzIWFxUjJw4BJy4BPwE+ARceAQ8BJwYmJyY2PwE2FhcWBgcnIiY1NDY7ATIWFRQGKwE3LgE3PgEfAR4BBw4BLwE3Fx4BNz4BLwEuAQcOARc3NDYzMhYdARQGIyImNTc+ARceAQ8BDgEnLgE/ARcHDgEXHgE/AT4BJy4BBxcyFhUUBisBIiY1NDYzAxAHBQ8OHgcHBQ8MHeAVEREVGBEPFQME8AchDg4JBx0HIQ4PCAoavA8eCgcGDk0OHwkHCA+dEBYWEHoRFRURei0OCQcHIQ+GDgkHByEOh6BdByEODwgKXQkfDgwIB+cVEREVGA4RFfAHIQ4OCQddByEODwgKWrygDgkHCh4PoA4ICQgdD1QQFhYQuhEVGA46Dx4KBwgMDh8JCgdhERUVERgRFRURGi0OCQcHIAw0DgkHCCAPMJ0HCQ4OHwktBwgPDh8JuxYQERYYDxAW8gcgDA4JB00HIQ4PCQhQuaAOCAkKHg+gDgYHCh0QVREVGA64ERUYDo0OCQcHIAygDwkIByEOnaBdByEODwgKXQchDgwKCeUWEBEWGA8QFgAAAAACAA7/wAQgA8AAXQB0AAATPgE3Njc+ATc2MzIXHgEXFhUUBw4BBwYjIicuAScmJy4BMS4BBw4BFzAWFxYXHgEXFjMyNz4BNzY1NCcuAScmIyIHDgEHBgcOAQcnLgEHDgEfAR4BPwE+AScuAQ8BJTQmIyIGFREUFjMhMjY1NCYjISImNRGQBQwFHigpYTc3PF1RUnojIyMjelJRXTw4OGIpKB4IBgYaDA0JBggJIS8ucUFARmpdXosoKCgoi15dakU/QHAuLiIECAQRAhYNDRADGQQqG54NEAMCFQ10AZATDQ0TJhoBIA0TEw3/AA0TAokKFgguJyY2Dw8jI3pSUV1dUVJ6IyMPDzgnJzANDQwJBQUXDBEONy4uQBISKCiLXl1qal1eiygoERI/LC02BQ8IbgwQAgIWDZ4aHwQZAhUODQ8CElcNExMN/uAaJhMNDRMTDQEAAAAAAAEAQP/NA8ADswCDAAABIgYVMRQGBw4BDwEOASMiJicuAS8BLgE1NDY3PgE/AT4BMzgBMTIWFyMHDgEVFBYzMjY3MTc+ATU0JicxJy4BIyIGFRQWFzEXLgEjOAE5ASIGBwYHDgEHBg8BDgEVFBYXFhceARcWHwEeATMyNjc2Nz4BNzY/AT4BNTgBMTQmIzgBOQEDoA0TDw8eaUMDI0snJ0sjRmkdAQ8PDw8eaUMDI0snEB4PAjgJDBMNAwYDiQkLAQE1BBAKDRMBARsWMBktWCkpJCM9GBgRARESEhESGBg8IyMoAylYLS1YKSkkIz0YGBEBERITDQGtEw0nSyNGaR0BDw8PDx5pQwMjSycnSyNGaR0BDw8CAxYDEAoOEgEBNQQQCgMGA4kJCxMNAwYDRAUFEhESGBg8IyMoAylYLS1YKSkkIz0YGBEBERISERIYGDwjIygDKVgtDRMAAAEA5wEdAxoCWgAWAAABIiYnASY2NzYyHwE3NjIXFhQHAQ4BIwIBBgsF/vwJAQkIGQnv7gkZCQkJ/vwECwYBHQQFAQkJGQkICfPzCQgJGQn+9wUEAAoAgABAA4ADQAAXABsAHwAjACcAKwAvADMANwA7AAABIzUjFSE1IxUjIgYVERQWMyEyNjURNCYDIREhBSM1MxcjNTMXIzUzBSM1MxcjNTMXIzUzBSM1MxcjNTMDYKBA/wBAoA0TEw0CwA0TEy39gAKA/kCAgMCAgMCAgP6AgIDAgIDAgID+gICAwICAAwBAQEBAEw39gA0TEw0CgA0T/YABwIBAQEBAQMBAQEBAQMBAQEAAAAQAAP/ABDUDwAAsAD0AQQBTAAABITgBMSIGFREUFjMxIQcjIgYVFBYzITI2NTQmKwEnITgBMTI2NxEuASM4ATEVOAExMhYVESERNDYzOAE5AQE3MxcnITgBMSImPQEhFTgBMRQGIzED2vyAJTU1JQEkNGcMEREMAm8MEBAMaDMBIyY0AQE0Jg4U/D0TDgEsM8I0Cf20DhMDwxQOA8A1Jf2FJTWYEQwLERELDBGYNSUCeyU1ORMO/esCFQ4T/HKYmNETDi0uDRQAAQBxAEEDfwNPAC4AAAkBPgE1NCYjIgYHCQEuASMiBhUUFhcxCQEOARUUFjMyNjcJAR4BMzI2NTQmJzEBAiUBUAUFEw0HCwX+sP6vBAwGDhIFBAFQ/rAEBRIOBgwEAVEBUAULBw0TBQX+sAHIAVEEDAYOEgUE/rABUAQFEg4GDAT+r/6wBQsHDRMFBQFQ/rAFBRMNBwsFAVAAAAAAAQEEADYCrgM5ABYAAAkBNjQnJiIHAQYUFwEeATMyNjc2NCcBAWsBQw8PDigP/psPDwFlCBIJCRIHDw/+vQG+ATkOJw0ODv6nDicO/qYHBgYHDicOATgAAAEAoABIA0YDEwBHAAABNjIXFhQHAQYUFxYyNwE2NCcmIgcBBhQXFjI3AT4BNzYyFxYUDwEOAQcBBgcGIicmJyYnJjQ3NjcBNjIXFhQHAQYiJyY0NwECSwkYCgkJ/vsNDQwkDgEyICAgXCD+uDQ0NJI0ARsEBAIJFwoJCQMCAwL+5SMrLFsrKyMiERERESIBSTGNMjIy/sweVh0eHgEEAoUHCAkYCf78DCQODQ0BMyFcICAg/rc0kjQ0NAEZAgUDCQkJGAkCAQUC/ugjERERESMiKyxbKywiAUoxMTKNMv7MHh4fVR4BBQABAG8AZgNqA2EAIAAAATIWFREhMhYVFAYjIREUBiMiJjURISImNTQ2MyERNDYzAe0KDwFLCg8PCv61DwoLD/62Cw8PCwFKDwsDYQ8L/rYPCwoP/rUKDw8KAUsPCgsPAUoLDwAAAQAAAAEAAFaIcLFfDzz1AAsEAAAAAADfmOGEAAAAAN+Y4YQAAP/ABDUDwAAAAAgAAgAAAAAAAAABAAADwP/AAAAENAAA//8ENQABAAAAAAAAAAAAAAAAAAAAFAQAAAAAAAAAAAAAAAIAAAAEAAC8BAAAsAQAAVcEAADTBAAAKwQAAJ8EAAAABCAADgQAAEAEAADnBAAAgAQ0AAAEAABxBAABBAQAAKAEAABvAAAAAAAKABQAHgB2AKoA1gECAbYCHAMMA7gEZgSQBOoFTgWcBcgGPAZuAAAAAQAAABQAoAALAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAcAAAABAAAAAAACAAcAYAABAAAAAAADAAcANgABAAAAAAAEAAcAdQABAAAAAAAFAAsAFQABAAAAAAAGAAcASwABAAAAAAAKABoAigADAAEECQABAA4ABwADAAEECQACAA4AZwADAAEECQADAA4APQADAAEECQAEAA4AfAADAAEECQAFABYAIAADAAEECQAGAA4AUgADAAEECQAKADQApGljb21vb24AaQBjAG8AbQBvAG8AblZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMGljb21vb24AaQBjAG8AbQBvAG8Abmljb21vb24AaQBjAG8AbQBvAG8AblJlZ3VsYXIAUgBlAGcAdQBsAGEAcmljb21vb24AaQBjAG8AbQBvAG8AbkZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=) format("truetype"), url(data:font/woff;base64,d09GRgABAAAAABFAAAsAAAAAEPQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABCAAAAGAAAABgDxIGIGNtYXAAAAFoAAAAVAAAAFQXVtKWZ2FzcAAAAbwAAAAIAAAACAAAABBnbHlmAAABxAAADNwAAAzcpXKSQ2hlYWQAAA6gAAAANgAAADYihgeFaGhlYQAADtgAAAAkAAAAJAf4BAhobXR4AAAO/AAAAFAAAABQRlQImWxvY2EAAA9MAAAAKgAAACodvBtKbWF4cAAAD3gAAAAgAAAAIAAgAKJuYW1lAAAPmAAAAYYAAAGGmUoJ+3Bvc3QAABEgAAAAIAAAACAAAwAAAAMD5wGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA6Q8DwP/AAEADwABAAAAAAQAAAAAAAAAAAAAAIAAAAAAAAwAAAAMAAAAcAAEAAwAAABwAAwABAAAAHAAEADgAAAAKAAgAAgACAAEAIOkP//3//wAAAAAAIOkA//3//wAB/+MXBAADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQC8ABYDLQN+AEEAAAE+ARcxFzEeAQcxAzMyFhUUBisBFTMyFhUUBisBFRQGKwEiJj0BIyImNTQ2OwE1IyImNTQ2OwEDJjY3MTc2FhcTMwLfBhgLAQsHB8bADRISDfv7DRISDfsSDAIMEvsNEREN+/sNERENwMYHBwsBCxgG2SQDcwsGBgEGGQv+rxINDRJ6Eg0NEtcNEhIN1xINDRJ6Eg0NEgFRCxkGAQYGC/6PAAABALAA8ANQAnAAHwAAJR4BMzI2NTQmJzEBLgEjIgYHMQEOARUUFjMyNjcxCQEDGQQMBw0TBQT+ygUMBgcMBf7XBAUTDQcMBAETAR/6BQUTDQYMBAFABQUFBf7ABAsHDRMGBAEo/tgAAAEBVwA4AuwDPwAWAAAlIiYnJjQ3CQEmNDc2MhcBFhQHAQ4BIwFtBgwECgoBUf6vCgoJGgoBaAkJ/pgFDAY4BQQKGgoBUQFRChoKCQn+mAoaCv6YBAUAAAABANMAOAJoAz8AFgAAJTI2NzY0JwkBNjQnJiIHAQYUFwEeATMCUQYMBQkJ/q4BUgkJChoJ/pgKCgFoBAwGOAUEChoKAVEBUQoaCgkJ/pgKGgr+mAQFAAAABAAr/+sD1QOVACIARABQAH0AAAEWFx4BFxYVFAYHBgcOAQcGIyInLgEnJjU0Nz4BNzYzMhYXEz4BNTQnLgEnJicuASMiBw4BBwYVFBceARcWMzI3PgE3NiUiBhUUFjMyNjU0JgMiBhUUFjMyNjU0NjMyFhceARUUBgcOAR0BFBYzMjY9ATQ2Nz4BNTQmJy4BIwL6NCgpOQ4PHx8fLCtqPDw/YVVWfyUlJSV/VlVhQ384UxkaDAwuISIqL2g2T0ZGaB8eHh9oRkZPNDExViMk/s0SGRkSEhkZEj5XGRESGSUbDRYKCQoPDyMqGRISGRISICYWFhU3HQNNICssZjo5PT13NTcsLD0QECUlf1ZVYWFVVn8lJSUj/bUrYTIyLy9TJCMaHR8eH2hGRk9PRkZoHx4ODTIkJEAZERIZGRIRGQGrVz4SGRkSGyUKCgkXDBAeCBhGKAQSGRkSBBIhCxVCJxw3FRcWAAAABQCfABEDgAORAAsAFwAjADAAQgAAASIGFRQWMzI2NTQmAyImNTQ2MzIWFRQGATQmIyIGFRQWMzI2JTQ2MzIWFRQGIyImNSUmBgcBBhYXHgEzMjY3ATYmJwLaRWFhRUVhYUU0SUk0M0lJ/t5hRUVhYUVFYf7eSTM0SUk0M0kCSwgQBf30BQQHAwYCBgkDAgwFBAcBXWFFRWFhRUVh/t1JNDNJSTM0SQKxRGJiREVhYUUzSUkzNElJNJMEAwj8vQcRBQECBQUDQwgQBQAACwAA/8IEAAO+AAsAGwAqADgARwBWAGUAcwCCAJEAnwAAJRYGBwYmJyY2NzYWBxQGIyImPQE0NjMyFhcVIycOAScuAT8BPgEXHgEPAScGJicmNj8BNhYXFgYHJyImNTQ2OwEyFhUUBisBNy4BNz4BHwEeAQcOAS8BNxceATc+AS8BLgEHDgEXNzQ2MzIWHQEUBiMiJjU3PgEXHgEPAQ4BJy4BPwEXBw4BFx4BPwE+AScuAQcXMhYVFAYrASImNTQ2MwMQBwUPDh4HBwUPDB3gFRERFRgRDxUDBPAHIQ4OCQcdByEODwgKGrwPHgoHBg5NDh8JBwgPnRAWFhB6ERUVEXotDgkHByEPhg4JBwchDoegXQchDg8ICl0JHw4MCAfnFRERFRgOERXwByEODgkHXQchDg8IClq8oA4JBwoeD6AOCAkIHQ9UEBYWELoRFRgOOg8eCgcIDA4fCQoHYREVFREYERUVERotDgkHByAMNA4JBwggDzCdBwkODh8JLQcIDw4fCbsWEBEWGA8QFvIHIAwOCQdNByEODwkIULmgDggJCh4PoA4GBwodEFURFRgOuBEVGA6NDgkHByAMoA8JCAchDp2gXQchDg8ICl0HIQ4MCgnlFhARFhgPEBYAAAAAAgAO/8AEIAPAAF0AdAAAEz4BNzY3PgE3NjMyFx4BFxYVFAcOAQcGIyInLgEnJicuATEuAQcOARcwFhcWFx4BFxYzMjc+ATc2NTQnLgEnJiMiBw4BBwYHDgEHJy4BBw4BHwEeAT8BPgEnLgEPASU0JiMiBhURFBYzITI2NTQmIyEiJjURkAUMBR4oKWE3NzxdUVJ6IyMjI3pSUV08ODhiKSgeCAYGGgwNCQYICSEvLnFBQEZqXV6LKCgoKIteXWpFP0BwLi4iBAgEEQIWDQ0QAxkEKhueDRADAhUNdAGQEw0NEyYaASANExMN/wANEwKJChYILicmNg8PIyN6UlFdXVFSeiMjDw84JycwDQ0MCQUFFwwRDjcuLkASEigoi15dampdXosoKBESPywtNgUPCG4MEAICFg2eGh8EGQIVDg0PAhJXDRMTDf7gGiYTDQ0TEw0BAAAAAAABAED/zQPAA7MAgwAAASIGFTEUBgcOAQ8BDgEjIiYnLgEvAS4BNTQ2Nz4BPwE+ATM4ATEyFhcjBw4BFRQWMzI2NzE3PgE1NCYnMScuASMiBhUUFhcxFy4BIzgBOQEiBgcGBw4BBwYPAQ4BFRQWFxYXHgEXFh8BHgEzMjY3Njc+ATc2PwE+ATU4ATE0JiM4ATkBA6ANEw8PHmlDAyNLJydLI0ZpHQEPDw8PHmlDAyNLJxAeDwI4CQwTDQMGA4kJCwEBNQQQCg0TAQEbFjAZLVgpKSQjPRgYEQEREhIREhgYPCMjKAMpWC0tWCkpJCM9GBgRARESEw0BrRMNJ0sjRmkdAQ8PDw8eaUMDI0snJ0sjRmkdAQ8PAgMWAxAKDhIBATUEEAoDBgOJCQsTDQMGA0QFBRIREhgYPCMjKAMpWC0tWCkpJCM9GBgRARESEhESGBg8IyMoAylYLQ0TAAABAOcBHQMaAloAFgAAASImJwEmNjc2Mh8BNzYyFxYUBwEOASMCAQYLBf78CQEJCBkJ7+4JGQkJCf78BAsGAR0EBQEJCRkJCAnz8wkICRkJ/vcFBAAKAIAAQAOAA0AAFwAbAB8AIwAnACsALwAzADcAOwAAASM1IxUhNSMVIyIGFREUFjMhMjY1ETQmAyERIQUjNTMXIzUzFyM1MwUjNTMXIzUzFyM1MwUjNTMXIzUzA2CgQP8AQKANExMNAsANExMt/YACgP5AgIDAgIDAgID+gICAwICAwICA/oCAgMCAgAMAQEBAQBMN/YANExMNAoANE/2AAcCAQEBAQEDAQEBAQEDAQEBAAAAEAAD/wAQ1A8AALAA9AEEAUwAAASE4ATEiBhURFBYzMSEHIyIGFRQWMyEyNjU0JisBJyE4ATEyNjcRLgEjOAExFTgBMTIWFREhETQ2MzgBOQEBNzMXJyE4ATEiJj0BIRU4ATEUBiMxA9r8gCU1NSUBJDRnDBERDAJvDBAQDGgzASMmNAEBNCYOFPw9Ew4BLDPCNAn9tA4TA8MUDgPANSX9hSU1mBEMCxERCwwRmDUlAnslNTkTDv3rAhUOE/xymJjREw4tLg0UAAEAcQBBA38DTwAuAAAJAT4BNTQmIyIGBwkBLgEjIgYVFBYXMQkBDgEVFBYzMjY3CQEeATMyNjU0JicxAQIlAVAFBRMNBwsF/rD+rwQMBg4SBQQBUP6wBAUSDgYMBAFRAVAFCwcNEwUF/rAByAFRBAwGDhIFBP6wAVAEBRIOBgwE/q/+sAULBw0TBQUBUP6wBQUTDQcLBQFQAAAAAAEBBAA2Aq4DOQAWAAAJATY0JyYiBwEGFBcBHgEzMjY3NjQnAQFrAUMPDw4oD/6bDw8BZQgSCQkSBw8P/r0BvgE5DicNDg7+pw4nDv6mBwYGBw4nDgE4AAABAKAASANGAxMARwAAATYyFxYUBwEGFBcWMjcBNjQnJiIHAQYUFxYyNwE+ATc2MhcWFA8BDgEHAQYHBiInJicmJyY0NzY3ATYyFxYUBwEGIicmNDcBAksJGAoJCf77DQ0MJA4BMiAgIFwg/rg0NDSSNAEbBAQCCRcKCQkDAgMC/uUjKyxbKysjIhEREREiAUkxjTIyMv7MHlYdHh4BBAKFBwgJGAn+/AwkDg0NATMhXCAgIP63NJI0NDQBGQIFAwkJCRgJAgEFAv7oIxEREREjIissWyssIgFKMTEyjTL+zB4eH1UeAQUAAQBvAGYDagNhACAAAAEyFhURITIWFRQGIyERFAYjIiY1ESEiJjU0NjMhETQ2MwHtCg8BSwoPDwr+tQ8KCw/+tgsPDwsBSg8LA2EPC/62DwsKD/61Cg8PCgFLDwoLDwFKCw8AAAEAAAABAABWiHCxXw889QALBAAAAAAA35jhhAAAAADfmOGEAAD/wAQ1A8AAAAAIAAIAAAAAAAAAAQAAA8D/wAAABDQAAP//BDUAAQAAAAAAAAAAAAAAAAAAABQEAAAAAAAAAAAAAAACAAAABAAAvAQAALAEAAFXBAAA0wQAACsEAACfBAAAAAQgAA4EAABABAAA5wQAAIAENAAABAAAcQQAAQQEAACgBAAAbwAAAAAACgAUAB4AdgCqANYBAgG2AhwDDAO4BGYEkATqBU4FnAXIBjwGbgAAAAEAAAAUAKAACwAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAHAAAAAQAAAAAAAgAHAGAAAQAAAAAAAwAHADYAAQAAAAAABAAHAHUAAQAAAAAABQALABUAAQAAAAAABgAHAEsAAQAAAAAACgAaAIoAAwABBAkAAQAOAAcAAwABBAkAAgAOAGcAAwABBAkAAwAOAD0AAwABBAkABAAOAHwAAwABBAkABQAWACAAAwABBAkABgAOAFIAAwABBAkACgA0AKRpY29tb29uAGkAYwBvAG0AbwBvAG5WZXJzaW9uIDEuMABWAGUAcgBzAGkAbwBuACAAMQAuADBpY29tb29uAGkAYwBvAG0AbwBvAG5pY29tb29uAGkAYwBvAG0AbwBvAG5SZWd1bGFyAFIAZQBnAHUAbABhAHJpY29tb29uAGkAYwBvAG0AbwBvAG5Gb250IGdlbmVyYXRlZCBieSBJY29Nb29uLgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format("woff"), url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIiA+DQo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8bWV0YWRhdGE+R2VuZXJhdGVkIGJ5IEljb01vb248L21ldGFkYXRhPg0KPGRlZnM+DQo8Zm9udCBpZD0iaWNvbW9vbiIgaG9yaXotYWR2LXg9IjEwMjQiPg0KPGZvbnQtZmFjZSB1bml0cy1wZXItZW09IjEwMjQiIGFzY2VudD0iOTYwIiBkZXNjZW50PSItNjQiIC8+DQo8bWlzc2luZy1nbHlwaCBob3Jpei1hZHYteD0iMTAyNCIgLz4NCjxnbHlwaCB1bmljb2RlPSImI3gyMDsiIGhvcml6LWFkdi14PSI1MTIiIGQ9IiIgLz4NCjxnbHlwaCB1bmljb2RlPSImI3hlOTAwOyIgZ2x5cGgtbmFtZT0ibW9uZXkiIGQ9Ik03MzQuNjc2IDg4Mi42NTFjOC41IDE0LjQ3IDI3LjA0MSAxOS40MzcgNDEuNjM3IDExLjE1NXYwbDAuNzUxLTAuNDI2IDAuMzk5LTAuMjMxYzE0LjU5Ni04LjU3NSAxOS40NzgtMjcuMzU5IDEwLjkwMy00MS45NTV2MGwtMTk4LjE3OC0zMzcuMjg5IDE5MS42MDEtMC4wMTVjMTYuOTYyIDAgMzAuNzEyLTEzLjc1IDMwLjcxMi0zMC43MTJzLTEzLjc1LTMwLjcxMi0zMC43MTItMzAuNzEybC0yNTAuNTY5IDAuMDAydi0xMjIuODQ0bDI1MC41NjktMC4wMDZjMTYuOTYyIDAgMzAuNzEyLTEzLjc1IDMwLjcxMi0zMC43MTJzLTEzLjc1LTMwLjcxMi0zMC43MTItMzAuNzEybC0yNTAuNTY5IDAuMDIzIDAuMDMxLTIxNS4wMDdjMC0xNi45NjItMTMuNzUtMzAuNzEyLTMwLjcxMi0zMC43MTJoLTEuMDc2Yy0xNi45NjIgMC0zMC43MTIgMTMuNzUtMzAuNzEyIDMwLjcxMmwtMC4wMzEgMjE1LjAwNy0yNTAuNTA3LTAuMDIzYy0xNi45NjIgMC0zMC43MTIgMTMuNzUtMzAuNzEyIDMwLjcxMnMxMy43NSAzMC43MTIgMzAuNzEyIDMwLjcxMmwyNTAuNTA3IDAuMDA2djEyMi44NDRsLTI1MC41MDctMC4wMDJjLTE2Ljk2MiAwLTMwLjcxMiAxMy43NS0zMC43MTIgMzAuNzEyczEzLjc1IDMwLjcxMiAzMC43MTIgMzAuNzEybDE5MS41NjkgMC4wMTUtMTk4LjE0NyAzMzcuMjg5Yy04LjU3NSAxNC41OTYtMy42OTMgMzMuMzggMTAuOTAzIDQxLjk1NWwwLjM5OSAwLjIzMSAwLjc1MSAwLjQyNmMxNC41OTYgOC4yODIgMzMuMTM3IDMuMzE0IDQxLjYzNy0xMS4xNTVsMjE2LjYxMy0zNjguNzQ1aDM2LjA5NHoiIC8+DQo8Z2x5cGggdW5pY29kZT0iJiN4ZTkwMTsiIGdseXBoLW5hbWU9InVwIiBkPSJNNzkzLjAyNCAyNDkuNzI4YzUuODM4LTYuMTA5IDE0LjA1MC05LjkwNiAyMy4xNDktOS45MDYgMTcuNjczIDAgMzIgMTQuMzI3IDMyIDMyIDAgOC43NDktMy41MTEgMTYuNjc3LTkuMiAyMi40NTRsMC4wMDQtMC4wMDQtMzEwLjMwNCAzMjBjLTUuODIzIDUuOTk5LTEzLjk2MyA5LjcyMy0yMi45NzIgOS43MjMtOS4yNDIgMC0xNy41NjktMy45MTgtMjMuNDEtMTAuMTgzbC0wLjAxOC0wLjAxOS0yOTcuNjk2LTMyMGMtNS4wNDctNS42MzItOC4xMzItMTMuMTEzLTguMTMyLTIxLjMxNSAwLTE3LjY3MyAxNC4zMjctMzIgMzItMzIgOS4wMTMgMCAxNy4xNTYgMy43MjYgMjIuOTcyIDkuNzIzbDAuMDA4IDAuMDA4IDI3NC43NTIgMjk1LjMyOCAyODYuODQ4LTI5NS44MDh6IiAvPg0KPGdseXBoIHVuaWNvZGU9IiYjeGU5MDI7IiBnbHlwaC1uYW1lPSJ0dXJucmlnaHQiIGQ9Ik0zNjUuMTc5IDU2Yy04LjE4OSAwLTE2LjM3OSAzLjEyNC0yMi42MjggOS4zNzItMTIuNDk2IDEyLjQ5Ny0xMi40OTYgMzIuNzU5IDAgNDUuMjU2bDMzNy4zNzMgMzM3LjM3Mi0zMzcuMzczIDMzNy4zNzNjLTEyLjQ5NiAxMi40OTctMTIuNDk2IDMyLjc1OCAwIDQ1LjI1NSAxMi40OTggMTIuNDk3IDMyLjc1OCAxMi40OTcgNDUuMjU2IDBsMzYwLTM2MGMxMi40OTYtMTIuNDk3IDEyLjQ5Ni0zMi43NTggMC00NS4yNTVsLTM2MC0zNjBjLTYuMjQ5LTYuMjQ5LTE0LjQzOS05LjM3My0yMi42MjgtOS4zNzN6IiAvPg0KPGdseXBoIHVuaWNvZGU9IiYjeGU5MDM7IiBnbHlwaC1uYW1lPSJ0dXJubGVmdCIgZD0iTTU5My4yMzMgNTZjOC4xODkgMCAxNi4zNzkgMy4xMjQgMjIuNjI4IDkuMzcyIDEyLjQ5NiAxMi40OTcgMTIuNDk2IDMyLjc1OSAwIDQ1LjI1NmwtMzM3LjM3MyAzMzcuMzcyIDMzNy4zNzMgMzM3LjM3M2MxMi40OTYgMTIuNDk3IDEyLjQ5NiAzMi43NTggMCA0NS4yNTUtMTIuNDk4IDEyLjQ5Ny0zMi43NTggMTIuNDk3LTQ1LjI1NiAwbC0zNjAtMzYwYy0xMi40OTYtMTIuNDk3LTEyLjQ5Ni0zMi43NTggMC00NS4yNTVsMzYwLTM2MGM2LjI0OS02LjI0OSAxNC40MzktOS4zNzMgMjIuNjI4LTkuMzczeiIgLz4NCjxnbHlwaCB1bmljb2RlPSImI3hlOTA0OyIgZ2x5cGgtbmFtZT0idGlwcyIgZD0iTTc2MS42IDg0NC44YzEzOC42NjctODUuMzMzIDIxOS43MzMtMjM0LjY2NyAyMTkuNzMzLTM5Ni44IDAtODEuMDY3LTIxLjMzMy0xNjIuMTMzLTYxLjg2Ny0yMzIuNTMzLTgzLjItMTQ3LjItMjM4LjkzMy0yMzYuOC00MDcuNDY3LTIzNi44LTI1OC4xMzMgMC00NjkuMzMzIDIxMS4yLTQ2OS4zMzMgNDY5LjMzM3MyMTEuMiA0NjkuMzMzIDQ2OS4zMzMgNDY5LjMzM2M4OS42IDAgMTc0LjkzMy0yNS42IDI0OS42LTcyLjUzM3pNODQ0LjggMjU4LjEzM2MzNC4xMzMgNTcuNiA1MS4yIDEyMy43MzMgNTEuMiAxODkuODY3IDAgMTMyLjI2Ny02Ni4xMzMgMjUzLjg2Ny0xNzkuMiAzMjQuMjY3LTYxLjg2NyAzOC40LTEzMi4yNjcgNTkuNzMzLTIwNC44IDU5LjczMy0yMTEuMiAwLTM4NC0xNzIuOC0zODQtMzg0czE3Mi44LTM4NCAzODQtMzg0YzEzOC42NjcgMCAyNjQuNTMzIDc0LjY2NyAzMzIuOCAxOTQuMTMzek01MTIgMjc3LjMzM2MtMjMuNDY3IDAtNDIuNjY3LTE5LjItNDIuNjY3LTQyLjY2N3MxOS4yLTQyLjY2NyA0Mi42NjctNDIuNjY3IDQyLjY2NyAxOS4yIDQyLjY2NyA0Mi42NjctMTkuMiA0Mi42NjctNDIuNjY3IDQyLjY2N3pNNTEyIDcwNGMtODMuMiAwLTE0OS4zMzMtNjYuMTMzLTE0OS4zMzMtMTQ5LjMzMyAwLTIzLjQ2NyAxOS4yLTQyLjY2NyA0Mi42NjctNDIuNjY3czQyLjY2NyAxOS4yIDQyLjY2NyA0Mi42NjdjMCAzNi4yNjcgMjcuNzMzIDY0IDY0IDY0IDE3LjA2NyAwIDMyLTYuNCA0NC44LTE5LjJzMTkuMi0yNy43MzMgMTkuMi00NC44YzAtMjEuMzMzLTEwLjY2Ny00Mi42NjctMjkuODY3LTUzLjMzMy00Ni45MzMtMzItNzYuOC04MS4wNjctNzYuOC0xMzQuNHYtNC4yNjdjMC0yMy40NjcgMTkuMi00Mi42NjcgNDIuNjY3LTQyLjY2N3M0Mi42NjcgMTkuMiA0Mi42NjcgNDIuNjY3djQuMjY3YzAgMjMuNDY3IDEyLjggNDYuOTMzIDM2LjI2NyA2MS44NjcgNDIuNjY3IDI3LjczMyA3MC40IDc0LjY2NyA3MC40IDEyNS44NjcgMCAzOC40LTE0LjkzMyA3Ni44LTQ0LjggMTA0LjUzMy0yNy43MzMgMjkuODY3LTY2LjEzMyA0NC44LTEwNC41MzMgNDQuOHoiIC8+DQo8Z2x5cGggdW5pY29kZT0iJiN4ZTkwNTsiIGdseXBoLW5hbWU9InBlcmNlbnRhZ2UiIGQ9Ik03MjkuODk4IDM0OC44OWMtOTEuNTYgMC0xNjYuMDU0LTc0LjQ5My0xNjYuMDU0LTE2Ni4wNTRzNzQuNDkzLTE2Ni4wNTQgMTY2LjA1NC0xNjYuMDU0IDE2Ni4wNTQgNzQuNDkzIDE2Ni4wNTQgMTY2LjA1NC03NC40OTMgMTY2LjA1NC0xNjYuMDU0IDE2Ni4wNTR6TTcyOS44OTggNTguMjk2Yy02OC42NzUgMC0xMjQuNTQgNTUuODY0LTEyNC41NCAxMjQuNTRzNTUuODY1IDEyNC41MzkgMTI0LjU0IDEyNC41MzkgMTI0LjU0LTU1Ljg2NCAxMjQuNTQtMTI0LjU0LTU1Ljg2NC0xMjQuNTM5LTEyNC41NC0xMjQuNTM5ek00OTEuMTk2IDc0Ni41OTJjMCA5MS41Ni03NC40OTMgMTY2LjA1NC0xNjYuMDU0IDE2Ni4wNTRzLTE2Ni4wNTQtNzQuNDkzLTE2Ni4wNTQtMTY2LjA1NCA3NC40OTQtMTY2LjA1NCAxNjYuMDU0LTE2Ni4wNTQgMTY2LjA1NCA3NC40OTQgMTY2LjA1NCAxNjYuMDU0ek0yMDAuNjAzIDc0Ni41OTJjMCA2OC42NzUgNTUuODY0IDEyNC41NCAxMjQuNTQgMTI0LjU0czEyNC41MzktNTUuODY1IDEyNC41MzktMTI0LjU0LTU1Ljg2NC0xMjQuNTQtMTI0LjU0LTEyNC41NC0xMjQuNTM5IDU1Ljg2NC0xMjQuNTM5IDEyNC41NHpNNzg3LjYyOCA4OTMuOTA1Yy05LjY4OSA2LjA4Mi0yMi41MiAzLjE1Mi0yOC42MTItNi41NTdsLTUyNC4xMDctODM1LjQ1N2MtNi4wOTEtOS43MDktMy4xNTItMjIuNTIgNi41NTctMjguNjEyIDMuNDI2LTIuMTQ5IDcuMjM3LTMuMTcyIDExLjAwNy0zLjE3MiA2LjkxMiAwIDEzLjY2MiAzLjQ0NSAxNy42MDUgOS43M2w1MjQuMTA3IDgzNS40NTdjNi4wOTIgOS43MSAzLjE1MiAyMi41MjEtNi41NTcgMjguNjEyeiIgLz4NCjxnbHlwaCB1bmljb2RlPSImI3hlOTA2OyIgZ2x5cGgtbmFtZT0ibG9hZGluZyIgZD0iTTc4NCA1Ny42YzkuNi0xOS4yIDYuNC00MS42LTEyLjgtNTQuNC0xOS4yLTkuNi00MS42LTMuMi01MS4yIDEyLjgtOS42IDE5LjItNi40IDQxLjYgMTIuOCA1NC40IDE2IDEyLjggMzguNCA4IDUxLjItMTIuOHpNNTUwLjQtMjRjMC0yMi40LTE2LTM4LjQtMzguNC0zOC40cy0zOC40IDE2LTM4LjQgMzguNHYyNGMwIDIyLjQgMTkuMiAzOC40IDQxLjYgMzguNCAxOS4yIDAgMzUuMi0xNiAzOC40LTM4LjR2LTI1LjZoLTMuMnpNMzEwLjQgMTkuMmMtOS42LTE5LjItMzUuMi0yNS42LTU0LjQtMTZzLTI1LjYgMzUuMi0xNiA1MS4ybDI4LjggNTEuMmM5LjYgMTkuMiAzNS4yIDI1LjYgNTQuNCAxNnMyNS42LTM1LjIgMTIuOC01NC40bC0yNS42LTQ4ek0xMjEuNiAxNzZjLTE5LjItOS42LTQxLjYtMy4yLTU0LjQgMTYtOS42IDE5LjItNi40IDQxLjYgMTIuOCA1NC40bDc2LjggNDQuOGMxOS4yIDkuNiA0MS42IDMuMiA1NC40LTE2IDkuNi0xOS4yIDMuMi00MS42LTE2LTU0LjRsLTczLjYtNDQuOHpNMzguNCA0MDhjLTIyLjQgMC0zOC40IDE2LTM4LjQgMzguNHMxNiAzOC40IDM4LjQgMzguNGgxMjEuNmMyMi40IDAgMzguNC0xOS4yIDM4LjQtMzguNCAwLTIyLjQtMTYtMzguNC0zOC40LTM4LjRoLTEyMS42ek04My4yIDY0OS42Yy0xOS4yIDkuNi0yNS42IDM1LjItMTYgNTEuMiA5LjYgMTkuMiAzNS4yIDI1LjYgNTQuNCAxNmwxMzQuNC03Ni44YzE5LjItOS42IDI1LjYtMzUuMiAxNi01NC40cy0zNS4yLTI1LjYtNTQuNC0xNmwtMTM0LjQgODB6TTI0My4yIDgzNS4ybDkyLjgtMTYwYzkuNi0xOS4yIDM1LjItMjUuNiA1NC40LTEyLjhzMjUuNiAzNS4yIDEyLjggNTQuNGwtOTIuOCAxNjBjLTEyLjggMTkuMi0zNS4yIDIyLjQtNTQuNCAxMi44LTE2LTEyLjgtMjIuNC0zMy42LTEyLjgtNTQuNHpNNDczLjYgOTIwYzAgMjIuNCAxNiAzOC40IDM4LjQgMzguNHMzOC40LTE5LjIgMzguNC0zOC40di0xODRjMC0yMi40LTE5LjItMzguNC0zOC40LTM4LjQtMjIuNCAwLTM4LjQgMTkuMi0zOC40IDM4LjR2MTg0ek03MTMuNiA4NzYuOGM5LjYgMTkuMiAzNS4yIDI1LjYgNTQuNCAxNnMyNS42LTM1LjIgMTYtNTEuMmwtOTIuOC0xNjBjLTkuNi0xOS4yLTM1LjItMjUuNi01NC40LTE2cy0yNS42IDM1LjItMTIuOCA1NC40bDg5LjYgMTU2Ljh6TTkwMi40IDcxNi44bC0xNjAtOTIuOGMtMTkuMi05LjYtMjUuNi0zNS4yLTE2LTU0LjQgMTIuOC0xOS4yIDM1LjItMjUuNiA1NC40LTEyLjhsMTYwIDkyLjhjMTkuMiA5LjYgMjUuNiAzNS4yIDEyLjggNTQuNC05LjYgMTYtMzIgMjUuNi01MS4yIDEyLjh6TTk4NS42IDQ4OGMyMi40IDAgMzguNC0xNiAzOC40LTM4LjRzLTE2LTM4LjQtMzguNC0zOC40aC0xODUuNmMtMjIuNCAwLTM4LjQgMTkuMi0zOC40IDM4LjQgMCAyMi40IDE5LjIgMzguNCAzOC40IDM4LjRoMTg1LjZ6IiAvPg0KPGdseXBoIHVuaWNvZGU9IiYjeGU5MDc7IiBnbHlwaC1uYW1lPSJoaXN0b3J5IiBob3Jpei1hZHYteD0iMTA1NiIgZD0iTTE0NC4wNTAgNjQ4Ljg4YzYuNjcgMTIuOTc1IDE1LjQzMyAyOS40NjMgMjEuOTIyIDM5LjYzOSA3OS41MzQgMTI0Ljc0NSAyMTkuMTE5IDIwNy40ODEgMzc4LjAyOCAyMDcuNDgxIDI0Ny40MjQgMCA0NDgtMjAwLjU3NiA0NDgtNDQ4cy0yMDAuNTc2LTQ0OC00NDgtNDQ4Yy0xNjAuODc1IDAtMzAxLjk0NCA4NC43OTYtMzgwLjk1MiAyMTIuMTMtMTAuNzg4IDE3LjM4Ni0xNC40MzkgMjUuOTkzLTE0LjQzOSAyNS45OTMtOC4wODIgMTUuNzk5LTI3LjYwNSAyMi45OS00My45NjIgMTYuMjcxLTE2LjQ3MS02Ljc2Ni0yMy4zMTQtMjQuODg0LTE1LjUzOS00MC41NzQgMCAwIDUuMTczLTExLjc1NiAxNi42MzgtMzAuNjg3IDg5LjcyLTE0OC4xMzQgMjUyLjQyNi0yNDcuMTMzIDQzOC4yNTQtMjQ3LjEzMyAyODIuNzcgMCA1MTIgMjI5LjIzIDUxMiA1MTJzLTIyOS4yMyA1MTItNTEyIDUxMmMtMTgzLjIwMyAwLTM0My45MzItOTYuMjIxLTQzNC40MDctMjQwLjg4My00LjU3Ny03LjMxOS0xMC4yMDYtMTcuNTY0LTE1LjU4Mi0yNy43NzVsLTE3LjI5IDEwOS4xNjdjLTIuNzM5IDE3LjI5NS0xOC45ODkgMjkuMDkzLTM2LjU2NiAyNi4zMDktMTcuNDU2LTIuNzY1LTI5LjMzOC0xOS4zMjUtMjYuNjE1LTM2LjUxOGwyNS4wNTQtMTU4LjE4NGM1LjUyNC0zNC44NzggMzguMDI4LTU4LjcxMyA3My4xNTQtNTMuMTVsMTU4LjE4NCAyNS4wNTRjMTcuNDA0IDIuNzU2IDI5LjI5IDE5LjAyMCAyNi41MDYgMzYuNTk3LTIuNzY1IDE3LjQ1Ni0xOS4yNTkgMjkuMzQ4LTM2LjMyIDI2LjY0NmwtMTE2LjA2Ny0xOC4zODN6TTU0NCA3MzYuMTQ3YzAgMTcuNTkyLTE0LjIwNCAzMS44NTMtMzIgMzEuODUzLTE3LjY3MyAwLTMyLTE0LjU4NC0zMi0zMi4wNzl2LTI4Ny42NDhjMC0zNS40OTcgMjguODYyLTY0LjI3MyA2NC4yNzMtNjQuMjczaDI4Ny42NDhjMTcuNzE3IDAgMzIuMDc5IDE0LjIwNCAzMi4wNzkgMzIgMCAxNy42NzMtMTQuNTgxIDMyLTMxLjg1MyAzMmgtMjU2LjI5NWMtMTcuNTkyIDAtMzEuODUzIDE0LjU4MS0zMS44NTMgMzEuODUzdjI1Ni4yOTV6IiAvPg0KPGdseXBoIHVuaWNvZGU9IiYjeGU5MDg7IiBnbHlwaC1uYW1lPSJmbGFzaCIgZD0iTTkyNy45OTkgNDI4Ljk3MWMtMTcuNjczIDAtMzEuOTk5LTE0LjMyNi0zMS45OTktMzEuOTk5djBjMC01MS44NTMtMTAuMTQ3LTEwMi4xMzgtMzAuMTY0LTE0OS40NjEtMzkuODY4LTkyLjM3MS0xMTIuMDA2LTE2NC41MS0yMDEuODgxLTIwMy40MTVsLTIuNDk2LTAuOTYyYy00Ny4zMjMtMjAuMDE3LTk3LjYwOC0zMC4xNjQtMTQ5LjQ2MS0zMC4xNjRzLTEwMi4xMzggMTAuMTQ3LTE0OS40NjEgMzAuMTY0Yy05Mi4zNzEgMzkuODY4LTE2NC41MSAxMTIuMDA2LTIwMy40MTUgMjAxLjg4MWwtMC45NjIgMi40OTZjLTIwLjAxNyA0Ny4zMjMtMzAuMTY0IDk3LjYwOC0zMC4xNjQgMTQ5LjQ2MXMxMC4xNDcgMTAyLjEzOCAzMC4xNjQgMTQ5LjQ2MWMzOS44NjggOTIuMzcxIDExMi4wMDYgMTY0LjUxIDIwMS44ODEgMjAzLjQxNWwyLjQ5NiAwLjk2MmM0Ny4zMjMgMjAuMDE3IDk3LjYwOCAzMC4xNjQgMTQ5LjQ2MSAzMC4xNjQgMC4wMzAgMCAwLjA2NiAwIDAuMTAxIDAgMjAuODU4IDAgNDEuMzMxLTEuNjQ4IDYxLjI5Ni00LjgyMmwtMi4yMDQgMC4yODktNTYuNTM4LTIyLjAzNmMtMTIuMDMyLTQuNzgyLTIwLjM4My0xNi4zMjUtMjAuMzgzLTI5LjgxOSAwLTE3LjY3NSAxNC4zMjgtMzIuMDAzIDMyLjAwMy0zMi4wMDMgNC4xODEgMCA4LjE3NCAwLjgwMiAxMS44MzYgMi4yNmwtMC4yMTYtMC4wNzYgMTM3LjA0MSA1My40MDNjMTIuMDMwIDQuNzgyIDIwLjM4IDE2LjMyMyAyMC4zOCAyOS44MTUgMCA0LjE4MS0wLjgwMiA4LjE3NS0yLjI2IDExLjgzNmwwLjA3Ni0wLjIxNi01My40MDYgMTM3LjAzOGMtNC43ODIgMTIuMDMwLTE2LjMyMyAyMC4zOC0yOS44MTUgMjAuMzgtMTcuNjczIDAtMzEuOTk5LTE0LjMyNy0zMS45OTktMzEuOTk5IDAtNC4xODEgMC44MDItOC4xNzUgMi4yNi0xMS44MzVsLTAuMDc2IDAuMjE2IDI2LjY5Ni02OC41MDNjLTI4LjQzOSA2LjM5Ni02MS4xMDEgMTAuMDYxLTk0LjYxOSAxMC4wNjEtMC4wNTkgMC0wLjExOCAwLTAuMTc3IDBoMC4wMTBjLTYwLjQ2NSAwLTExOS4xMzgtMTEuODQ5LTE3NC4zOS0zNS4yMTgtMTA3Ljc2Ny00Ni40NjYtMTkxLjkyMi0xMzAuNjIxLTIzNy4yNjgtMjM1LjQ3N2wtMS4xMjEtMi45MTFjLTIzLjM2Mi01NS4yNTItMzUuMjIxLTExMy45MjUtMzUuMjIxLTE3NC4zOXMxMS44NDktMTE5LjEzOCAzNS4yMTgtMTc0LjM5YzQ2LjQ2Ni0xMDcuNzY3IDEzMC42MjEtMTkxLjkyMiAyMzUuNDc3LTIzNy4yNjhsMi45MTEtMS4xMjFjNTUuMjUyLTIzLjM2OSAxMTMuOTI1LTM1LjIxOCAxNzQuMzktMzUuMjE4czExOS4xMzggMTEuODQ5IDE3NC4zOSAzNS4yMThjMTA3Ljc3IDQ2LjQ2NCAxOTEuOTI4IDEzMC42MiAyMzcuMjc1IDIzNS40NzhsMS4xMjEgMi45MTFjMjMuMzY5IDU1LjI3IDM1LjIxOCAxMTMuOTI1IDM1LjIxOCAxNzQuMzkgMCAwLjAwMiAwIDAuMDA1IDAgMC4wMDcgMCAxNy42NzMtMTQuMzI2IDMxLjk5OS0zMS45OTkgMzEuOTk5LTAuMDAxIDAtMC4wMDMgMC0wLjAwNCAwdjB6IiAvPg0KPGdseXBoIHVuaWNvZGU9IiYjeGU5MDk7IiBnbHlwaC1uYW1lPSJkb3duIiBkPSJNNTEyLjcyNyAyODQuNjgxYy04LjA2NCAwLTE1Ljc5MSAzLjI0Ni0yMS40MzUgOS4wMDZsLTI2MC4xMTYgMjY1LjQwNmMtMTEuNjAzIDExLjgzOC0xMS40MTEgMzAuODQgMC40MjggNDIuNDQzIDExLjgzOCAxMS42MDEgMzAuODQxIDExLjQxMSA0Mi40NDMtMC40MjhsMjM4LjY4MS0yNDMuNTM1IDIzOC42ODEgMjQzLjUzNWMxMS42MDEgMTEuODQgMzAuNjAzIDEyLjAzMyA0Mi40NDMgMC40MjggMTEuODQtMTEuNjAzIDEyLjAzMS0zMC42MDUgMC40MjgtNDIuNDQzbC0yNjAuMTE2LTI2NS40MDZjLTUuNjQ1LTUuNzYtMTMuMzcxLTkuMDA2LTIxLjQzNS05LjAwNnoiIC8+DQo8Z2x5cGggdW5pY29kZT0iJiN4ZTkwYTsiIGdseXBoLW5hbWU9ImRhdGUiIGQ9Ik04NjQgNzY4aC0xNjB2NjRoLTY0di02NGgtMjU2djY0aC02NHYtNjRoLTE2MGMtMTcuNiAwLTMyLTE0LjQtMzItMzJ2LTY0MGMwLTE3LjYgMTQuNC0zMiAzMi0zMmg3MDRjMTcuNiAwIDMyIDE0LjQgMzIgMzJ2NjQwYzAgMTcuNi0xNC40IDMyLTMyIDMyek04MzIgMTI4aC02NDB2NDQ4aDY0MHYtNDQ4ek0zODQgNDQ4aC0xMjh2NjRoMTI4di02NHpNNTc2IDQ0OGgtMTI4djY0aDEyOHYtNjR6TTc2OCA0NDhoLTEyOHY2NGgxMjh2LTY0ek0zODQgMzIwaC0xMjh2NjRoMTI4di02NHpNNTc2IDMyMGgtMTI4djY0aDEyOHYtNjR6TTc2OCAzMjBoLTEyOHY2NGgxMjh2LTY0ek0zODQgMTkyaC0xMjh2NjRoMTI4di02NHpNNTc2IDE5MmgtMTI4djY0aDEyOHYtNjR6IiAvPg0KPGdseXBoIHVuaWNvZGU9IiYjeGU5MGI7IiBnbHlwaC1uYW1lPSJjb21wdXRlciIgaG9yaXotYWR2LXg9IjEwNzYiIGQ9Ik05ODYuMjI4IDk2MGgtODk1Ljk1M2MwIDAgMCAwIDAgMC00OS43OTEgMC05MC4xNjgtNDAuMzEtOTAuMjc1LTkwLjA3NnYtNjM0LjU4YzAtNDkuODU4IDQwLjQxOC05MC4yNzUgOTAuMjc1LTkwLjI3NXYwaDI5MS40MTFsLTUxLjM3LTE1Mi40MWgtMTAzLjY4NGMtMTUuNjQ2IDAtMjguMzI5LTEyLjY4My0yOC4zMjktMjguMzI5czEyLjY4My0yOC4zMjkgMjguMzI5LTI4LjMyOWg2MjMuMjM5YzE1LjY0NiAwIDI4LjMyOSAxMi42ODMgMjguMzI5IDI4LjMyOXMtMTIuNjgzIDI4LjMyOS0yOC4zMjkgMjguMzI5aC0xMDMuNDk1bC01MS4zNyAxNTIuNDFoMjkxLjIyMmMwIDAgMCAwIDAgMCA0OS43OTEgMCA5MC4xNjggNDAuMzEgOTAuMjc1IDkwLjA3NnY2MzQuNzY5Yy0wLjEwOCA0OS43NzYtNDAuNDg0IDkwLjA4Ni05MC4yNzUgOTAuMDg2IDAgMCAwIDAgMCAwdjB6TTk4Ni4yMjggOTAzLjM0MmMwIDAgMCAwIDAuMDAxIDAgMTguNSAwIDMzLjUwOS0xNC45NDMgMzMuNjE3LTMzLjQxOHYtNTMzLjE2MmgtOTYzLjE4N3Y1MzMuMTUyYzAuMTA3IDE4LjQ4NSAxNS4xMTcgMzMuNDI4IDMzLjYxNyAzMy40MjggMCAwIDAgMCAwLjAwMSAwdjB6TTM4OS45OTYtNy4zNDJsNTEuMzcgMTUyLjQxaDE5My43NzFsNTEuMzctMTUyLjQxek02NzcuODE5IDIwMS43MjZoLTU4Ny41NDRjMCAwIDAgMC0wLjAwMSAwLTE4LjUgMC0zMy41MDkgMTQuOTQzLTMzLjYxNyAzMy40MTh2NDQuOTU5aDk2My4xODd2LTQ1LjcwNGMwIDAgMCAwIDAtMC4wMDEgMC0xOC41LTE0Ljk0My0zMy41MDktMzMuNDE4LTMzLjYxN2gtMC4wMTB6IiAvPg0KPGdseXBoIHVuaWNvZGU9IiYjeGU5MGM7IiBnbHlwaC1uYW1lPSJjbG9zZSIgZD0iTTU0OC45OTIgNDU2LjI1NmwzMzYuNDQ4IDMzNi40MTZjNS43OSA1Ljc5IDkuMzcxIDEzLjc4OSA5LjM3MSAyMi42MjQgMCAxNy42Ny0xNC4zMjUgMzEuOTk1LTMxLjk5NSAzMS45OTUtOC44MzUgMC0xNi44MzQtMy41ODEtMjIuNjI0LTkuMzcxbC0zMzYuNDQ4LTMzNi40MTYtMzM2LjQxNiAzMzYuNDE2Yy01Ljc5IDUuNzktMTMuNzg5IDkuMzcxLTIyLjYyNCA5LjM3MS0xNy42NyAwLTMxLjk5NS0xNC4zMjUtMzEuOTk1LTMxLjk5NSAwLTguODM1IDMuNTgxLTE2LjgzNCA5LjM3MS0yMi42MjR2MGwzMzYuNDE2LTMzNi40MTYtMzM2LjQxNi0zMzYuNDE2Yy01Ljc5LTUuNzktOS4zNzEtMTMuNzg5LTkuMzcxLTIyLjYyNCAwLTE3LjY3IDE0LjMyNS0zMS45OTUgMzEuOTk1LTMxLjk5NSA4LjgzNSAwIDE2LjgzNCAzLjU4MSAyMi42MjQgOS4zNzFsMzM2LjQxNiAzMzYuNDE2IDMzNi40MTYtMzM2LjQ0OGM1Ljc5LTUuNzkgMTMuNzg5LTkuMzcxIDIyLjYyNC05LjM3MSAxNy42NyAwIDMxLjk5NSAxNC4zMjUgMzEuOTk1IDMxLjk5NSAwIDguODM1LTMuNTgxIDE2LjgzNC05LjM3MSAyMi42MjR2MGwtMzM2LjQxNiAzMzYuNDQ4eiIgLz4NCjxnbHlwaCB1bmljb2RlPSImI3hlOTBkOyIgZ2x5cGgtbmFtZT0iYmFjayIgZD0iTTM2My4yMTUgNDQ2LjM5NWwzMjMuMTM2IDMxMi4zNzNjMTkuMDUzIDE4LjQxNiAxOS4wNTMgNDguMjczIDAgNjYuNjYtMTkuMDU0IDE4LjQxNi00OS45MTEgMTguNDE2LTY4Ljk2NSAwbC0zNTcuNjM0LTM0NS43MmMtMTkuMDUzLTE4LjQxNi0xOS4wNTMtNDguMjczIDAtNjYuNjZsMzU3LjYzMy0zNDUuNjg4YzkuNTI2LTkuMjA4IDIyLjAxMi0xMy43OTYgMzQuNDk4LTEzLjc5NnMyNC45NzIgNC41ODkgMzQuNDY3IDEzLjgyOWMxOS4wNTMgMTguNDE2IDE5LjA1MyA0OC4yNDMgMCA2Ni42NmwtMzIzLjEzNSAzMTIuMzQyeiIgLz4NCjxnbHlwaCB1bmljb2RlPSImI3hlOTBlOyIgZ2x5cGgtbmFtZT0iYXR0YWNobWVudCIgZD0iTTU4Ny4yIDY0NC45YzEyLjIgOS44IDI5LjMgOS44IDQyLjctMS4yIDEyLjItMTIuMiAxMi4yLTI5LjMgMC00MS41bC0yNjEuMy0yNjAuMWMtMTcuMS0xNS45LTE3LjEtNDQgMC02Mi4zIDE1LjktMTcuMSA0NC0xNy4xIDYyLjMgMGwzMDYuNSAzMDcuN2M0Mi43IDQyLjcgNDIuNyAxMTMuNSAwIDE1Ni4zLTQyLjcgNDIuNy0xMTMuNSA0Mi43LTE1Ni4zIDBsLTMyOC40LTMyOC40Yy02OS42LTY5LjYtNjkuNi0xODAuNyAwLTI1MC4zczE4MC43LTY5LjYgMjUwLjMgMGwyODMuMyAyODAuOGM0LjkgMi40IDcuMyA2LjEgOS44IDkuOCAxMi4yIDEyLjIgMjkuMyAxMi4yIDQxLjUgMHMxMi4yLTI5LjMgMC00MS41bC0yLjQtMi40Yy0yLjQtMS4yLTQuOS00LjktNy4zLTcuM2wtMjgzLjQtMjgwLjljLTkxLjYtOTEuNi0yNDEuOC05MS42LTMzMy4zIDAtOTEuNiA5MS42LTkxLjYgMjQxLjggMCAzMzMuM2wzMjguNCAzMjkuN2M2NS45IDY1LjkgMTczLjQgNjUuOSAyNDAuNSAwIDY1LjktNjUuOSA2NS45LTE3My40IDAtMjQwLjVsLTMwNy43LTMwNy44Yy00MC4zLTQwLjMtMTA2LjItNDAuMy0xNDUuMyAwLTQwLjMgNDAuMy00MC4zIDEwNi4yIDAgMTQ1LjNsMjYwLjEgMjYxLjN6IiAvPg0KPGdseXBoIHVuaWNvZGU9IiYjeGU5MGY7IiBnbHlwaC1uYW1lPSJhZGQiIGQ9Ik00OTIuODM2IDg2NC42MzNjMTQuMDQ2IDAgMjUuNDMzLTExLjM4NyAyNS40MzMtMjUuNDMzbC0wLjAxNi0zMzAuNTc0IDMzMC42MjItMC4wMzBjMTQuMDQ2IDAgMjUuNDMzLTExLjM4NyAyNS40MzMtMjUuNDMzcy0xMS4zODctMjUuNDMzLTI1LjQzMy0yNS40MzNsLTMzMC42MjIgMC4wMTcgMC4wMTYtMzMwLjYyMmMwLTE0LjA0Ni0xMS4zODctMjUuNDMzLTI1LjQzMy0yNS40MzNzLTI1LjQzMyAxMS4zODctMjUuNDMzIDI1LjQzM2wtMC4wMzAgMzMwLjYyMi0zMzAuNTc0LTAuMDE3Yy0xNC4wNDYgMC0yNS40MzMgMTEuMzg3LTI1LjQzMyAyNS40MzNzMTEuMzg3IDI1LjQzMyAyNS40MzMgMjUuNDMzbDMzMC41NzQgMC4wMzAgMC4wMzAgMzMwLjU3NGMwIDE0LjA0NiAxMS4zODcgMjUuNDMzIDI1LjQzMyAyNS40MzN6IiAvPg0KPC9mb250PjwvZGVmcz48L3N2Zz4=#icomoon) format("svg"); font-weight: normal; font-style: normal; font-display: block; } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: "icomoon" !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-size--kzeul { font-size: 18px; position: relative; } .icon-money--iFtvy:before { content: "\e900"; } .icon-up--JT5mL:before { content: "\e901"; } .icon-turnright--i0sJJ:before { content: "\e902"; } .icon-turnleft--ccDnX:before { content: "\e903"; } .icon-tips--gkAN7:before { content: "\e904"; } .icon-percentage--o4xUe:before { content: "\e905"; } .icon-loading--eAr2q:before { content: "\e906"; } .icon-history--JKrS6:before { content: "\e907"; } .icon-flash--ZjCES:before { content: "\e908"; } .icon-down--qpUO7:before { content: "\e909"; } .icon-date--m3pxh:before { content: "\e90a"; } .icon-computer--quadj:before { content: "\e90b"; } .icon-close--FFxPv:before { content: "\e90c"; } .icon-back--aBDCz:before { content: "\e90d"; } .icon-attachment--CTd0c:before { content: "\e90e"; } .icon-add--LCTfy:before { content: "\e90f"; } .modal--S6IGR { position: absolute; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; background: rgba(102, 102, 102, 0.5); z-index: 100; } .modalInner--LvWpr { background-color: white; display: flex; flex-direction: column; } .modalHeader--G_NaC { width: 100%; height: 49px; flex-shrink: 0; padding: 0 20px; box-sizing: border-box; border-bottom: 1px solid #d9d9d9; display: flex; justify-content: space-between; align-items: center; font-size: 18px; font-weight: bold; } .modalFooter--Wu9i7 { width: 100%; height: 50px; position: relative; flex-shrink: 0; border-top: 1px solid #d9d9d9; display: flex; justify-content: center; align-items: center; } .modalBody--iBo6u { width: 100%; height: 100%; display: flex; overflow: hidden; flex-direction: column; } .modalClose--nC7SC { cursor: pointer; } .modalCancel--dhYJA { width: 70px; height: 26px; border-radius: 2px; color: #333333; border: 1px solid #d9d9d9; background-color: #ffffff; margin-right: 12px; cursor: pointer; } .modalOk--Qzdb1 { width: 70px; height: 26px; border-radius: 2px; color: #ffffff; border: 1px solid #5582f3; background-color: #5582f3; margin-right: 12px; cursor: pointer; } .uploadFileBox--LW6Q6 { height: 500px; width: 530px; flex-direction: column; } .uploadArea--yHm02 { height: 350px; width: 100%; flex-direction: column; } .uploadArea--yHm02 .uploadMark--gpuc6 { width: 160px; height: 220px; overflow: hidden; opacity: 0.5; position: absolute; } .uploadArea--yHm02 .uploadDesc--nXf8a { font-size: 12px; line-height: 20px; color: #999999; margin-top: 5px; } .uploadArea--yHm02 .uploadSlider--m_3q1 { width: 160px; height: 44px; margin-top: -50px; background: linear-gradient(#ffffff, #003fff 100%); animation: sliderMove--_MUKr 3s linear; -webkit-animation: sliderMove--_MUKr 3s infinite; } .uploadArea--yHm02 .uploadFilePath--t4Y6r { width: 160px; height: 220px; display: flex; flex-shrink: 0; justify-content: center; align-items: center; box-sizing: border-box; background: #fafafa; color: #666666; font-size: 14px; } .fileInput--CXbVp { visibility: hidden; height: 0; width: 0; } @keyframes sliderMove--_MUKr { from { margin-top: -50px; } to { margin-top: 270px; } } /*Safari and Chrome*/ @-webkit-keyframes sliderMove--_MUKr { from { margin-top: -50px; } to { margin-top: 270px; } } .uploadFileComponent--n7v0c { width: 100%; height: 100%; } .noDrag--bbmLp { border: 1px dashed #a6a7a8; } .onDragIn--ZkD3s { border: 2px dashed #5582f3; } .forbidenAttachment--w2cJu { width: 100%; height: 100%; flex-direction: column; cursor: pointer; } .icon--Zl_bs { font-size: 18px; font-weight: bold; margin-bottom: 4px; } .supportAttachment--q7tcC { width: 100%; height: 100%; position: relative; flex-direction: column; } .uploadIconArea--GiWDP { width: 100%; height: 100%; position: absolute; flex-direction: column; background-color: #fafafa; } .uploadIcon--TuvpG { width: 146px; height: 98px; font-size: 14px; cursor: pointer; flex-direction: column; color: #333333; background: #f2f2f2; } .uploadIcon--TuvpG:hover { color: #5582f3; background: #e0efff; } .attachmentNav--YUhPU { height: 50px; width: 100%; flex-shrink: 0; } .attachmentBody--_bHf7 { width: 100%; height: 100%; } .fileInfo--PXhz2 { width: 100%; height: 100%; display: flex; flex-direction: column; } .fileInfoBody--zC186 { width: 100%; height: 100%; flex-direction: column; } .fileInfoBody--zC186 > img { width: 45px; height: 55px; } .fileInfoBody--zC186 > span { font-size: 12px; max-width: 110px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 25px; margin-top: 10px; color: #404040; } .fileInfoFooter--kH58D { width: 100%; height: 50px; flex-shrink: 0; position: relative; /*Safari and Chrome*/ } .fileInfoFooter--kH58D .uploadTips--eeyHt { width: auto; height: auto; flex-direction: column; background-color: white; position: absolute; bottom: 40px; left: 60px; filter: drop-shadow(0 0 2px #999); border: dashed transparent; z-index: 1; font-size: 12px; line-height: 20px; font-weight: 500; border-radius: 2px; } .fileInfoFooter--kH58D .uploadTips--eeyHt::before { content: ""; border: 7px solid transparent; border-top-color: white; position: absolute; left: 5px; bottom: -16px; } .fileInfoFooter--kH58D .uploadTipsBtn--Jk8bN { width: 86px; height: 44px; color: #212121; background-color: #ffffff; outline: none; border: 0; cursor: pointer; } .fileInfoFooter--kH58D .uploadTipsBtn--Jk8bN:hover { background-color: #f2f9ff; color: #5582f3; } .fileInfoFooter--kH58D .rotateIcon--zBkVg { font-size: 15px; animation: rotation--qn61G 1s linear; -webkit-animation: rotation--qn61G 1s infinite; } @keyframes rotation--qn61G { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @-webkit-keyframes rotation--qn61G { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .uploadAndPageSelected--UgE0F { display: flex; width: 100%; height: 100%; } .pageSelected--p3mHf { height: 220px; width: 100%; flex-direction: column; justify-content: space-around; background-color: #ffffff; border: 1px solid #ffffff; } .pageSelected--p3mHf .pageSelectedBody--XkdI4 { width: 100%; padding: 0 20px; box-sizing: border-box; display: flex; flex-direction: column; } .pageSelected--p3mHf .pageSelectedBody--XkdI4 .select--Q5d83 { margin-bottom: 10px; } .pageSelected--p3mHf .pageSelectedBody--XkdI4 .pageSelectedBodyNav--iIgSv { width: 100%; height: 30px; flex-shrink: 0; font-weight: bold; } .pageSelected--p3mHf .pageSelectedBody--XkdI4 .pageSelectedBodyContent--gk4oc { width: 100%; flex-direction: column; } .pageSelected--p3mHf .pageSelectedBody--XkdI4 .pageSelectedBodyContent--gk4oc .fixedSelection--pQqhk { height: 30px; width: 100%; } .pageSelected--p3mHf .pageSelectedBody--XkdI4 .pageSelectedBodyContent--gk4oc .freeSelection--Dr5lJ { height: 40px; width: 100%; } .pageSelected--p3mHf .pageSelectedFooter--hIt2K { width: 100%; flex-shrink: 0; } .pageSelected--p3mHf .pageSelectedFooter--hIt2K .extractBtn--_M4UY { width: 330px; height: 28px; background: #5583f3; border-radius: 2px; font-size: 12px; color: #ffffff; cursor: pointer; } .pageSelected--p3mHf .pageSelectedFooter--hIt2K .extractBtn--_M4UY:hover { box-shadow: 0 0 5px 1px #87adff; } .pageSelected--p3mHf .pageSelectedFooter--hIt2K .extractBtnGray--jBFAK { width: 330px; height: 28px; background: #bacbf7; border-radius: 2px; font-size: 12px; color: #ffffff; cursor: no-drop; } .pageSelected--p3mHf .freeSelectionInput--zKQXS { flex-grow: 1; height: 28px; background: #ffffff; border: 1px solid #d9d9d9; border-radius: 2px; padding: 0 10px; margin-left: 10px; } .pageSelected--p3mHf .freeSelectionTips--b5K89 { width: 200px; height: auto; flex-direction: column; background-color: white; position: absolute; top: -55px; left: -5px; filter: drop-shadow(0 0 2px #999); border: dashed transparent; z-index: 1; font-size: 12px; line-height: 20px; font-weight: 500; border-radius: 2px; padding: 0 5px; } .pageSelected--p3mHf .freeSelectionTips--b5K89::before { content: ""; border: 7px solid transparent; border-top-color: white; position: absolute; left: 5px; bottom: -16px; } .radioBtn--ZnhU_ { display: flex; width: auto; height: 100%; align-items: center; flex-grow: 1; } .radioBtn--ZnhU_ .radio--Q8i8f { width: 12px; height: 12px; border: 1px solid #d9d9d9; border-radius: 50%; margin-right: 5px; cursor: pointer; } .radioBtn--ZnhU_ .radioSelected--Hz2Fc { width: 12px; height: 12px; border: 1px solid #5582f3; border-radius: 50%; margin-right: 5px; cursor: pointer; } .radioBtn--ZnhU_ .radioInner--ZJ_sq { width: 0px; height: 0px; border-radius: 50%; background: #5582f3; cursor: pointer; } .radioBtn--ZnhU_ .radioInnerSelected--hTKeg { width: 8px; height: 8px; border-radius: 50%; background: #5582f3; cursor: pointer; } .radioBtn--ZnhU_ > span { font-size: 12px; color: #212121; line-height: 18px; } .createExtract--Dmwdv { width: 100%; height: 100%; position: relative; } .HistoryList--MI59v { width: 100%; height: 100%; position: relative; } .formOperating--fnWnU { width: 100%; height: 100%; display: flex; justify-content: space-between; align-items: center; user-select: none; -webkit-user-select: none; -ms-user-select: none; -moz-user-select: none; } .formOperating--fnWnU > span { color: #5582f3; cursor: pointer; } .formOperating--fnWnU > span:hover { text-decoration: underline; } .popupMask--dO1lE { width: 100%; height: 100%; position: absolute; z-index: 9999; overflow: hidden; display: flex; justify-content: center; align-items: center; background: rgba(102, 102, 102, 0.5); } .errorLog--Re0J0 { width: 300px; height: 200px; background-color: #FFFFFF; display: flex; justify-content: center; align-items: center; } .cqPopUp--VIG8q { width: 100%; height: 100%; position: absolute; z-index: 4; background-color: rgba(0, 0, 0, 0.4); top: 0; left: 0; display: flex; justify-content: center; align-items: center; } .cqPopUpBox--cdWGB { width: 460px; height: 400px; min-height: 340px; box-shadow: 0 2px 8px 0 #000000; background-color: #fff; border-radius: 6px; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: space-between; } .cqPopUpNav--n9XrF { width: 100%; height: 50px; display: flex; justify-content: flex-start; align-items: center; padding: 0 20px; } .cqPopUpNav--n9XrF:before { content: ""; width: 6px; height: 6px; border-radius: 50%; background-color: #276ff5; } .cqPopUpNavText--tsFFF { width: 100%; height: 100%; padding-left: 8px; font-size: 18px; display: flex; align-items: center; } .cqPopUpBody--wKTcU { width: 100%; height: 200px; display: flex; font-size: 14px; flex-direction: column; } .cqPopUpBodyImg--fJu09 { width: 100%; height: 100px; display: flex; justify-content: center; align-items: center; } .cqPopUpBodyMessage--fO2BI { width: 100%; height: 100px; display: flex; justify-content: center; align-items: center; } .cqPopUpFooter--k6GwG { width: 100%; height: 90px; display: flex; justify-content: center; align-items: center; } .cqPopUpFooter--k6GwG > button { outline: none; } .cqPopUpFooterBtn1--kG_IL { width: 75px; padding: 0 8px; line-height: 28px; height: 28px; border-radius: 2px; color: #666; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; border: 1px solid #bbb; } .cqPopUpFooterBtn2--KdlIB { width: 75px; padding: 0 8px; line-height: 28px; height: 28px; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; min-width: 60px; margin-left: 12px; border-radius: 2px; color: #ffffff; border: 1px solid #5582F3; background-color: #5582F3; } .operatingInterface--ngZqw { width: 100%; height: 100%; display: flex; } .operatingDisplay--v61vw { width: 100%; height: 100%; } .operatingConsole--RnDES { width: 250px; height: 100%; flex-shrink: 0; display: flex; position: relative; background: #ffffff; flex-direction: column; } .navigationBar--X7T_j { width: 100%; height: 100%; flex-direction: column; } .navigationBar--X7T_j .navigationBarConsole--UNYhI { width: 100%; height: auto; display: flex; flex-direction: column; } .navigationBar--X7T_j .navigationBarConsole--UNYhI .navItemWrapper--p0mey { width: 100%; height: 50px; display: flex; box-sizing: border-box; padding: 0 20px; color: #212121; justify-content: flex-start; align-items: center; cursor: pointer; user-select: none; -webkit-user-select: none; -ms-user-select: none; -moz-user-select: none; -webkit-user-drag: none; } .navigationBar--X7T_j .navigationBarConsole--UNYhI .navItemWrapper--p0mey > img { width: 28px; } .navigationBar--X7T_j .navigationBarConsole--UNYhI .navItemWrapper--p0mey > span { font-size: 14px; margin-left: 10px; } .navigationBar--X7T_j .navigationBarConsole--UNYhI .navItemWrapper--p0mey .iconSize--H8clR { font-size: 20px; } .navigationBar--X7T_j .navigationBarConsole--UNYhI .activeNav--Iz7zq { color: #5582f3; background-color: #f2f6ff; border-right: 3px solid #5582f3; } .navigationBar--X7T_j .introduction--yqYY9 { width: 100%; height: 80px; display: flex; flex-direction: row; font-size: 12px; justify-content: center; align-items: center; line-height: 20px; color: #999999; padding: 20px; box-sizing: border-box; } .loading--aGTjb { width: 100%; height: 100%; background-color: #fff; color: #999999; font-size: 14px; display: flex; flex-direction: column; align-items: center; justify-content: center; } .loading--aGTjb .text--RWdQ5 { text-align: center; margin-top: 20px; white-space: pre-wrap; } .table-wrapper--Yazr7 .title--tmAXM { display: flex; flex-direction: row; align-items: center; justify-content: space-between; } .table-wrapper--Yazr7 .title--tmAXM .icon--U4ugf { width: 16px; height: 16px; transform: rotate(180deg); cursor: pointer; } .table-wrapper--Yazr7 .table-area--HZpE1 { width: 100%; overflow-x: auto; } .table-wrapper--Yazr7 .table-area--HZpE1 .table--fE9cw .line--u215A .cell--X8YPG { text-align: center; font-size: 12px; } .table-wrapper--Yazr7 .table-area--HZpE1 .table--fE9cw .line-head--yBPLy { height: 40px; background-color: #ccc; } .table-wrapper--Yazr7 .table-area--HZpE1 .table--fE9cw .line-body--YZpL1 { height: 50px; } .table-wrapper--Yazr7 .table-area--HZpE1 .table--fE9cw .line-body--YZpL1 .cell-input--F_oa_ { width: 140px; font-size: 12px; text-align: center; } .table-wrapper--Yazr7 .table-area--HZpE1 .t-table--JRS2t .t-line--bMyF6 { height: 50px; } .table-wrapper--Yazr7 .table-area--HZpE1 .t-table--JRS2t .t-line--bMyF6 .t-cell-head--D_SnG { background-color: #ccc; } .table-wrapper--Yazr7 .table-area--HZpE1 .t-table--JRS2t .t-line--bMyF6 .t-cell--w_NRN { text-align: center; font-size: 12px; } .table-wrapper--Yazr7 .table-area--HZpE1 .t-table--JRS2t .t-line--bMyF6 .t-cell--w_NRN .text--XD2C7 { width: 140px; } .table-wrapper--Yazr7 .table-area--HZpE1 .t-table--JRS2t .t-line--bMyF6 .t-cell--w_NRN .t-cell-input--OESwP { width: 140px; font-size: 12px; text-align: center; } .errorList--lTeMY { width: 100%; height: 100%; font-size: 12px; line-height: 18px; overflow: hidden; color: #666666; background-color: #fff; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; align-items: center; } .errorList--lTeMY > img { user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -webkit-user-drag: none; } .mainError--Iv7Is { font-size: 14px; margin-top: 16px; color: #999999; overflow: hidden; word-break: break-all; } .errorInfoBox--wiMtN { margin-top: 8px; width: 220px; height: auto; /* text-indent: 24px; */ display: flex; flex-direction: column; } .comparison--EFFHP { width: 70px; height: 30px; display: flex; background-color: #5582f3; color: #ffffff; justify-content: center; align-items: center; cursor: pointer; border-radius: 3px; margin-top: 50px; } .listArea--ATeQo { width: 460px; height: 100%; display: flex; flex-direction: column; border-left: 1px solid #e5e5e5; flex-shrink: 0; } .listArea--ATeQo .listNav--xVNhd { height: 50px; width: 100%; flex-shrink: 0; background: #ffffff; box-sizing: border-box; padding: 0 20px; border-bottom: 1px solid #e5e5e5; } .listArea--ATeQo .listNav--xVNhd > span { font-size: 14px; } .listArea--ATeQo .listBody--hGZZF { height: calc(100% - 100px); width: 100%; padding: 10px; background: #ffffff; display: flex; position: relative; flex-direction: column; height: 100%; overflow-y: scroll; } .listArea--ATeQo .listBody--hGZZF .ant-tabs { height: 100%; } .listArea--ATeQo .listBody--hGZZF .ant-tabs .ant-tabs-content { height: 100%; } .listArea--ATeQo .listBody--hGZZF .ant-tabs .ant-tabs-content .ant-tabs-tabpane { height: 100%; } .listArea--ATeQo .listBody--hGZZF .ant-tabs .ant-tabs-content .ant-tabs-tabpane .kd-empty { height: 100%; justify-content: center; align-items: center; } .listArea--ATeQo .listBody--hGZZF .nav--e2RYB { height: 50px; width: 100%; flex-shrink: 0; font-size: 12px; } .listArea--ATeQo .listBody--hGZZF .nav--e2RYB .confidence--ndo2P > span { margin-left: 4px; } .listArea--ATeQo .listBody--hGZZF .content--FuQh4 { height: 100%; width: 100%; position: relative; overflow: scroll; margin-top: 10px; } .listArea--ATeQo .listBody--hGZZF .listItem--lgdRz { height: 50px; font-size: 12px; padding: 0 20px; background-color: #ffffff; } .listArea--ATeQo .listBody--hGZZF .listItem--lgdRz .listItemTitle--CAkk5 { width: 120px; height: 100%; flex-shrink: 0; } .listArea--ATeQo .listBody--hGZZF .listItem--lgdRz .listItemTitle--CAkk5 > img { margin-right: 4px; } .listArea--ATeQo .listBody--hGZZF .listItem--lgdRz .listItemTitle--CAkk5 .whiteSpaceHold--fwZvI { width: 17px; } .listArea--ATeQo .listBody--hGZZF .listItem--lgdRz .verifyFailed--h5V2N { border: 1px solid red !important; } .listArea--ATeQo .listBody--hGZZF .listItem--lgdRz .listItemSelection--Tiz06 { width: 100%; position: relative; background-color: #ffffff; height: 30px; border: 1px solid #d9d9d9; border-radius: 2px; padding: 0 10px; } .listArea--ATeQo .listBody--hGZZF .listItem--lgdRz .listItemSelection--Tiz06 > input { width: 100%; height: 28px; border: 0; outline: none; } .listArea--ATeQo .listBody--hGZZF .listItem--lgdRz .listItemSelection--Tiz06 .selectionBtn--TK9O3 { width: 20px; height: 100%; border: 0; cursor: pointer; display: flex; justify-content: center; align-items: center; } .listArea--ATeQo .listBody--hGZZF .listItem--lgdRz .listItemSelection--Tiz06 .selectionBtn--TK9O3::before { font-size: 14px; } .listArea--ATeQo .listBody--hGZZF .listItem--lgdRz .listItemSelection--Tiz06 .optionList--fXL8m { position: absolute; width: 100%; flex-direction: column; height: auto; background: #ffffff; top: 34px; z-index: 101; border: 1px solid gainsboro; } .listArea--ATeQo .listBody--hGZZF .listItem--lgdRz .listItemSelection--Tiz06 .option--VJylp { width: 100%; height: 30px; display: flex; padding: 0 10px; font-size: 12px; cursor: pointer; box-sizing: border-box; } .listArea--ATeQo .listBody--hGZZF .listItem--lgdRz .listItemSelection--Tiz06 .optionSelect--yfkX1 { background-color: #eef2fd; } .listArea--ATeQo .listBody--hGZZF .listItem--lgdRz .listItemSelection--Tiz06 .option--VJylp:hover { background-color: #eef2fd; } .listArea--ATeQo .listBody--hGZZF .twinkle--RLitZ { animation: twinkle--RLitZ 1s linear; } @keyframes twinkle--RLitZ { 0% { background-color: #ffffff; border: 1px solid #d9d9d9; } 25% { background: #f2f9ff; border: 1px solid #e0efff; } 50% { background-color: #ffffff; border: 1px solid #d9d9d9; } 75% { background: #f2f9ff; border: 1px solid #e0efff; } 100% { background-color: #ffffff; border: 1px solid #d9d9d9; } } @-webkit-keyframes twinkle--RLitZ { 0% { background-color: #ffffff; border: 1px solid #d9d9d9; } 25% { background: #f2f9ff; border: 1px solid #e0efff; } 50% { background-color: #ffffff; border: 1px solid #d9d9d9; } 75% { background: #f2f9ff; border: 1px solid #e0efff; } 100% { background-color: #ffffff; border: 1px solid #d9d9d9; } } .listArea--ATeQo .listBody--hGZZF .listSelected--WGoox { background: #f2f9ff !important; border: 1px solid #e0efff !important; box-sizing: border-box; padding: 0 19px; } .listArea--ATeQo .listFooter--AcnZo { height: 50px; width: 100%; flex-shrink: 0; background: #ffffff; } .listArea--ATeQo .listFooter--AcnZo .backRun--onulu, .listArea--ATeQo .listFooter--AcnZo .cancel--pRyDt { width: 64px; height: 28px; cursor: pointer; border: 1px solid #5582f3; border-radius: 2px; font-size: 12px; } .listArea--ATeQo .listFooter--AcnZo .cancel--pRyDt { background: #ffffff; color: #5582f3; margin-right: 20px; } .listArea--ATeQo .listFooter--AcnZo .backRun--onulu { background: #5582f3; color: #ffffff; } .listArea--ATeQo .listFooter--AcnZo .save--PcKoL { width: 64px; height: 28px; cursor: pointer; background: #ffffff; border: 1px solid #5582f3; border-radius: 2px; font-size: 12px; color: #5582f3; } .listArea--ATeQo .listFooter--AcnZo .importDoc--bK3Ct { width: 64px; height: 28px; cursor: pointer; background: #5582f3; margin-left: 10px; border: 1px solid #5582f3; border-radius: 2px; font-size: 12px; color: #ffffff; } .iconBtn--kdSee { cursor: pointer; } .iconBtn--kdSee:hover { color: #5582f3; } .hiddenList--lONOE { display: none !important; } .tabs--PTaGT .ant-tabs-nav { margin: 0 !important; } .infoListNav--cH66M { display: flex; align-items: center; } .infoListNav--cH66M .navTitle--bi30T { margin-left: 20px; font-size: 14px; cursor: pointer; } .label--pmvC6 { padding: 0 20px; font-weight: bold; display: flex; flex-direction: row; align-items: center; justify-content: space-between; } .label--pmvC6 .labelBefore--djNj9 { height: 100%; margin-right: 5px; font-weight: inherit; cursor: pointer; display: flex; flex-direction: row; align-items: center; justify-content: center; } .label--pmvC6 .labelAfter--NBao6 { position: relative; height: 100%; margin-left: 5px; display: flex; flex-direction: row; align-items: center; justify-content: center; } .label--pmvC6 .labelAfter--NBao6 .labelAfterTips--cr8Ym { width: 280px; height: auto; flex-direction: column; background-color: white; position: absolute; top: 30px; left: -216px; filter: drop-shadow(0 0 2px #999); border: dashed transparent; z-index: 1; font-size: 12px; line-height: 20px; font-weight: 500; border-radius: 2px; padding: 0 5px; } .label--pmvC6 .labelAfter--NBao6 .labelAfterTips--cr8Ym::before { content: ''; border: 7px solid transparent; border-bottom-color: white; position: absolute; right: 5px; bottom: 62px; } .label--pmvC6 .labelAfter--NBao6 .labelAfterTips--cr8Ym .labelAfterTipsImgs--MKRZc { display: flex; flex-direction: row; align-items: center; justify-content: space-between; } .label--pmvC6 .llmSvg--u3rl9 { margin-left: 5px; } .label--pmvC6 .crossSvg--Y7TPo { width: 16px; height: 16px; transform: rotate(90deg); } .allList--sfO9H, .normalList--MRMKK, .tableList--G7gYJ { height: 100%; overflow-y: scroll; } .allList--sfO9H .ant-collapse-content-box, .normalList--MRMKK .ant-collapse-content-box, .tableList--G7gYJ .ant-collapse-content-box { padding: 0 !important; } .allList--sfO9H .header--aFaed, .normalList--MRMKK .header--aFaed, .tableList--G7gYJ .header--aFaed { display: flex; flex-direction: row; align-items: center; justify-content: space-between; } .allList--sfO9H .llmHeader--WceUh, .normalList--MRMKK .llmHeader--WceUh, .tableList--G7gYJ .llmHeader--WceUh { display: flex; } .allList--sfO9H .llmHeader--WceUh .llmSvg--u3rl9, .normalList--MRMKK .llmHeader--WceUh .llmSvg--u3rl9, .tableList--G7gYJ .llmHeader--WceUh .llmSvg--u3rl9 { margin-left: 5px; } .tableList--G7gYJ { width: 100%; height: 100%; } .tableArea--tql7Z { padding: 20px 20px; } .tableInfo--HV2VX { width: 100%; height: auto; font-size: 12px; table-layout: fixed; } .tableInfo--HV2VX > thead .tableLine--vje7j .tableUnit--f7Quh { padding: 10px 0; text-align: center; } .tableInfo--HV2VX > tbody .tableLine--vje7j .tableUnit--f7Quh { min-height: 20px; text-align: center; } .tableInfo--HV2VX > tbody .tableLine--vje7j .tableUnit--f7Quh > input { outline: none; width: 100%; height: 100%; padding: 4px 8px; box-sizing: border-box; border: 0; } .header-right-tips { max-width: 300px !important; font-size: 12px !important; } .header-right-tips .header-right-tips-content { display: flex; flex-direction: row; align-items: center; justify-content: space-between; } .llm-header-left-tips { font-size: 12px !important; } .selectArea--Mq6Wp { width: 100%; height: 100%; position: relative; background: #ffffff; border: 1px solid #d9d9d9; border-radius: 2px; padding: 0 10px; box-sizing: border-box; display: flex; justify-content: space-around; align-items: center; } .selectIcons--cSr5p { cursor: pointer; } .selectInput--NuHJT { width: 100%; height: 100%; outline: none; display: flex; justify-content: flex-start; align-items: center; box-sizing: border-box; border: 0; } .optionList--QSZVr { position: absolute; width: 100%; flex-direction: column; height: auto; max-height: 174px; background: #ffffff; top: 120%; z-index: 101; box-sizing: border-box; border: 1px solid gainsboro; display: flex; } .optionList--QSZVr .headerClickText--nGJHx { margin: 0; margin-bottom: 6px; } .optionList--QSZVr .headerClickText--nGJHx > a { margin-left: 8px; cursor: pointer; } .optionList--QSZVr .scrollBody--iewvL { overflow-y: scroll; } .optionList--QSZVr .scrollBody--iewvL::-webkit-scrollbar { width: 6px !important; } .optionList--QSZVr .tableScrollBody--oEHw1 { display: flex; height: 100px; overflow: hidden; } .optionList--QSZVr .tableScrollBody--oEHw1 .left--T6EBK::-webkit-scrollbar, .optionList--QSZVr .tableScrollBody--oEHw1 .right--bksdN::-webkit-scrollbar { width: 6px !important; } .optionList--QSZVr .tableScrollBody--oEHw1 .left--T6EBK { flex: 1; overflow-y: scroll; } .optionList--QSZVr .tableScrollBody--oEHw1 .right--bksdN { width: 50px; overflow-y: scroll; } .addWordsOption--STcXH { display: flex; padding: 0 5px; margin-bottom: 5px; font-size: 12px; cursor: pointer; box-sizing: border-box; user-select: none; -moz-user-select: none; -webkit-user-select: none; justify-content: flex-start; align-items: center; } .addWordsOptionSelect--_FRP4 { background-color: #eef2fd; } .addWordsOption--STcXH:hover { background-color: #eef2fd; } .onceCanvasBox--EEF2J { width: auto; height: auto; display: flex; justify-content: center; align-items: center; } .canvasOutBox--W2jx9 { width: 100%; position: relative; } .oncePage--UP3ex { width: 100%; display: flex; flex-shrink: 0; margin: 0px auto 10px auto; } .backgroundImg--XqfXQ { -webkit-user-drag: none; -moz-user-select: none; user-select: none; -webkit-user-select: none; } .canvasLayer--GhiNt { z-index: 100; } .addWords--Pbm9l { width: 300px; height: 200px; background: #ffffff; cursor: auto; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.2); display: flex; flex-direction: column; } .addWords--Pbm9l .addWordsBody--zE5ue { width: 100%; height: 100%; display: flex; flex-direction: column; } .addWords--Pbm9l .addWordsBody--zE5ue .addWordsNormalLine--ClCqg { height: 60px; width: 100%; padding: 0 20px; box-sizing: border-box; font-size: 12px; } .addWords--Pbm9l .addWordsBody--zE5ue .addWordsNormalLine--ClCqg .addWordsInput--i9cAY { width: 230px; height: 30px; background: #ffffff; border: 1px solid #d9d9d9; border-radius: 2px; padding: 0 10px; box-sizing: border-box; } .addWords--Pbm9l .addWordsBody--zE5ue .addWordsNormalLine--ClCqg .title--xr0YW { font-size: 12px; color: #666666; letter-spacing: 0; margin-bottom: 5px; line-height: 18px; } .addWords--Pbm9l .addWordsBody--zE5ue .addWordsNormalLine--ClCqg .addWordsSwitch--KNmuu { width: 230px; position: relative; height: 30px; background: #ffffff; box-sizing: border-box; } .addWords--Pbm9l .addWordsBody--zE5ue .addWordsNormalLine--ClCqg .addWordsSwitch--KNmuu .addWordsOptionList--bqJYM { position: absolute; width: 100%; flex-direction: column; height: 174px; background: #ffffff; top: 34px; z-index: 101; overflow: scroll; border: 1px solid gainsboro; } .addWords--Pbm9l .addWordsBody--zE5ue .addWordsNormalLine--ClCqg .addWordsSwitch--KNmuu .addWordsOption--VWSTm { width: 100%; height: 30px; display: flex; padding: 0 10px; font-size: 12px; cursor: pointer; box-sizing: border-box; } .addWords--Pbm9l .addWordsBody--zE5ue .addWordsNormalLine--ClCqg .addWordsSwitch--KNmuu .addWordsSwichField--x8Lz1 { width: 100%; height: 100%; } .addWords--Pbm9l .addWordsBody--zE5ue .addWordsNormalLine--ClCqg .addWordsSwitch--KNmuu .addWordsSwichIcon--L9KaH { width: 25px; height: 100%; cursor: pointer; flex-shrink: 0; } .addWords--Pbm9l .addWordsBody--zE5ue .addWordsNormalLine--ClCqg .addWordsSwitch--KNmuu .addWordsOptionSelect--PWMgG { background-color: #eef2fd; } .addWords--Pbm9l .addWordsBody--zE5ue .addWordsNormalLine--ClCqg .addWordsSwitch--KNmuu .addWordsOption--VWSTm:hover { background-color: #eef2fd; } .addWords--Pbm9l .addWordsFooter--F4Dd4 { width: 100%; height: 50px; flex-shrink: 0; } .addWords--Pbm9l .addWordsFooter--F4Dd4 .continueSelection--y7pGQ { cursor: pointer; color: #0e5fd8; font-size: 12px; } .addWords--Pbm9l .addWordsFooter--F4Dd4 .selectionCancel--AHNul { width: 60px; height: 24px; cursor: pointer; background: #ffffff; border: 1px solid #5582f3; border-radius: 2px; font-size: 12px; color: #5582f3; } .addWords--Pbm9l .addWordsFooter--F4Dd4 .selectionOk--M8gGB { width: 60px; height: 24px; cursor: pointer; background: #5582f3; margin-left: 10px; border: 1px solid #5582f3; border-radius: 2px; font-size: 12px; color: #ffffff; } .displayArea--Cfbxu { width: 100%; height: 100%; display: flex; overflow: hidden; flex-direction: column; } .displayArea--Cfbxu .displayNav--rwgml { height: 50px; width: 100%; flex-shrink: 0; background: #ffffff; border-bottom: 1px solid #e5e5e5; } .displayArea--Cfbxu .displayNav--rwgml .backHomePage--xCKgr { font-size: 25px; margin-left: 20px; cursor: pointer; font-size: 18px; } .displayArea--Cfbxu .displayNav--rwgml .zoomArea--v65JD { width: 150px; height: 100%; } .displayArea--Cfbxu .displayNav--rwgml .operateRightNav--LpP8R { width: auto; height: 100%; display: flex; } .displayArea--Cfbxu .displayNav--rwgml .startPaint--qlPlE { width: 100px; font-size: 12px; height: 100%; display: flex; justify-content: center; align-items: center; border-left: 1px solid #e5e5e5; } .displayArea--Cfbxu .displayNav--rwgml .showListBox--AqnZP { width: 50px; height: 100%; display: flex; justify-content: center; align-items: center; border-left: 1px solid #e5e5e5; } .displayArea--Cfbxu .displayBody--CD8Sb { height: 100%; width: 100%; display: flex; overflow: hidden; flex-direction: column; } .displayArea--Cfbxu .displayBody--CD8Sb .header--kr4AW { height: 50px; width: 100%; flex-shrink: 0; display: flex; font-size: 14px; } .displayArea--Cfbxu .displayBody--CD8Sb .header--kr4AW > span { margin-left: 20px; } .displayArea--Cfbxu .displayBody--CD8Sb .body--EYJRm { height: 100%; width: 100%; display: flex; flex-direction: column; overflow: scroll; position: relative; } .upDownBtn--EW1I4 { width: 17px; height: 17px; cursor: pointer; margin: 10px; } .pre--eHPfd { width: 50px; height: 25px; font-size: 17px; text-align: center; color: #212121; line-height: 25px; display: flex; } .displayPage--BNwPk { width: 100%; height: 100%; display: flex; } /*! * * antd v4.24.3 * * Copyright 2015-present, Alipay, Inc. * All rights reserved. * */ /* 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 */ [class^=ant-]::-ms-clear, [class*=ant-]::-ms-clear, [class^=ant-] input::-ms-clear, [class*=ant-] input::-ms-clear, [class^=ant-] input::-ms-reveal, [class*=ant-] input::-ms-reveal { display: none; } /* stylelint-disable property-no-vendor-prefix, at-rule-no-vendor-prefix */ html, body { width: 100%; height: 100%; } input::-ms-clear, input::-ms-reveal { display: none; } *, *::before, *::after { box-sizing: border-box; } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } @-ms-viewport { width: device-width; } body { margin: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; font-variant: tabular-nums; line-height: 1.5715; background-color: #fff; font-feature-settings: 'tnum'; } [tabindex='-1']:focus { outline: none !important; } hr { box-sizing: content-box; height: 0; overflow: visible; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.5em; color: rgba(0, 0, 0, 0.85); font-weight: 500; } p { margin-top: 0; margin-bottom: 1em; } abbr[title], abbr[data-original-title] { text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; border-bottom: 0; cursor: help; } address { margin-bottom: 1em; font-style: normal; line-height: inherit; } input[type='text'], input[type='password'], input[type='number'], textarea { -webkit-appearance: none; } ol, ul, dl { margin-top: 0; margin-bottom: 1em; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: 500; } dd { margin-bottom: 0.5em; margin-left: 0; } blockquote { margin: 0 0 1em; } dfn { font-style: italic; } b, strong { font-weight: bolder; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } a { color: #1890ff; text-decoration: none; background-color: transparent; outline: none; cursor: pointer; transition: color 0.3s; -webkit-text-decoration-skip: objects; } a:hover { color: #40a9ff; } a:active { color: #096dd9; } a:active, a:hover { text-decoration: none; outline: 0; } a:focus { text-decoration: none; outline: 0; } a[disabled] { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } pre, code, kbd, samp { font-size: 1em; font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace; } pre { margin-top: 0; margin-bottom: 1em; overflow: auto; } figure { margin: 0 0 1em; } img { vertical-align: middle; border-style: none; } a, area, button, [role='button'], input:not([type='range']), label, select, summary, textarea { touch-action: manipulation; } table { border-collapse: collapse; } caption { padding-top: 0.75em; padding-bottom: 0.3em; color: rgba(0, 0, 0, 0.45); text-align: left; caption-side: bottom; } input, button, select, optgroup, textarea { margin: 0; color: inherit; font-size: inherit; font-family: inherit; line-height: inherit; } button, input { overflow: visible; } button, select { text-transform: none; } button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button::-moz-focus-inner, [type='button']::-moz-focus-inner, [type='reset']::-moz-focus-inner, [type='submit']::-moz-focus-inner { padding: 0; border-style: none; } input[type='radio'], input[type='checkbox'] { box-sizing: border-box; padding: 0; } input[type='date'], input[type='time'], input[type='datetime-local'], input[type='month'] { -webkit-appearance: listbox; } textarea { overflow: auto; resize: vertical; } fieldset { min-width: 0; margin: 0; padding: 0; border: 0; } legend { display: block; width: 100%; max-width: 100%; margin-bottom: 0.5em; padding: 0; color: inherit; font-size: 1.5em; line-height: inherit; white-space: normal; } progress { vertical-align: baseline; } [type='number']::-webkit-inner-spin-button, [type='number']::-webkit-outer-spin-button { height: auto; } [type='search'] { outline-offset: -2px; -webkit-appearance: none; } [type='search']::-webkit-search-cancel-button, [type='search']::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } summary { display: list-item; } template { display: none; } [hidden] { display: none !important; } mark { padding: 0.2em; background-color: #feffe6; } ::-moz-selection { color: #fff; background: #1890ff; } ::selection { color: #fff; background: #1890ff; } .clearfix::before { display: table; content: ''; } .clearfix::after { display: table; clear: both; content: ''; } .anticon { display: inline-block; color: inherit; font-style: normal; line-height: 0; text-align: center; text-transform: none; vertical-align: -0.125em; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .anticon > * { line-height: 1; } .anticon svg { display: inline-block; } .anticon::before { display: none; } .anticon .anticon-icon { display: block; } .anticon > .anticon { line-height: 0; vertical-align: 0; } .anticon[tabindex] { cursor: pointer; } .anticon-spin, .anticon-spin::before { display: inline-block; animation: loadingCircle 1s infinite linear; } .ant-fade-enter, .ant-fade-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-fade-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-fade-enter.ant-fade-enter-active, .ant-fade-appear.ant-fade-appear-active { animation-name: antFadeIn; animation-play-state: running; } .ant-fade-leave.ant-fade-leave-active { animation-name: antFadeOut; animation-play-state: running; pointer-events: none; } .ant-fade-enter, .ant-fade-appear { opacity: 0; animation-timing-function: linear; } .ant-fade-leave { animation-timing-function: linear; } @keyframes antFadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes antFadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .ant-move-up-enter, .ant-move-up-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-move-up-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-move-up-enter.ant-move-up-enter-active, .ant-move-up-appear.ant-move-up-appear-active { animation-name: antMoveUpIn; animation-play-state: running; } .ant-move-up-leave.ant-move-up-leave-active { animation-name: antMoveUpOut; animation-play-state: running; pointer-events: none; } .ant-move-up-enter, .ant-move-up-appear { opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .ant-move-up-leave { animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34); } .ant-move-down-enter, .ant-move-down-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-move-down-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-move-down-enter.ant-move-down-enter-active, .ant-move-down-appear.ant-move-down-appear-active { animation-name: antMoveDownIn; animation-play-state: running; } .ant-move-down-leave.ant-move-down-leave-active { animation-name: antMoveDownOut; animation-play-state: running; pointer-events: none; } .ant-move-down-enter, .ant-move-down-appear { opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .ant-move-down-leave { animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34); } .ant-move-left-enter, .ant-move-left-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-move-left-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-move-left-enter.ant-move-left-enter-active, .ant-move-left-appear.ant-move-left-appear-active { animation-name: antMoveLeftIn; animation-play-state: running; } .ant-move-left-leave.ant-move-left-leave-active { animation-name: antMoveLeftOut; animation-play-state: running; pointer-events: none; } .ant-move-left-enter, .ant-move-left-appear { opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .ant-move-left-leave { animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34); } .ant-move-right-enter, .ant-move-right-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-move-right-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-move-right-enter.ant-move-right-enter-active, .ant-move-right-appear.ant-move-right-appear-active { animation-name: antMoveRightIn; animation-play-state: running; } .ant-move-right-leave.ant-move-right-leave-active { animation-name: antMoveRightOut; animation-play-state: running; pointer-events: none; } .ant-move-right-enter, .ant-move-right-appear { opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .ant-move-right-leave { animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34); } @keyframes antMoveDownIn { 0% { transform: translateY(100%); transform-origin: 0 0; opacity: 0; } 100% { transform: translateY(0%); transform-origin: 0 0; opacity: 1; } } @keyframes antMoveDownOut { 0% { transform: translateY(0%); transform-origin: 0 0; opacity: 1; } 100% { transform: translateY(100%); transform-origin: 0 0; opacity: 0; } } @keyframes antMoveLeftIn { 0% { transform: translateX(-100%); transform-origin: 0 0; opacity: 0; } 100% { transform: translateX(0%); transform-origin: 0 0; opacity: 1; } } @keyframes antMoveLeftOut { 0% { transform: translateX(0%); transform-origin: 0 0; opacity: 1; } 100% { transform: translateX(-100%); transform-origin: 0 0; opacity: 0; } } @keyframes antMoveRightIn { 0% { transform: translateX(100%); transform-origin: 0 0; opacity: 0; } 100% { transform: translateX(0%); transform-origin: 0 0; opacity: 1; } } @keyframes antMoveRightOut { 0% { transform: translateX(0%); transform-origin: 0 0; opacity: 1; } 100% { transform: translateX(100%); transform-origin: 0 0; opacity: 0; } } @keyframes antMoveUpIn { 0% { transform: translateY(-100%); transform-origin: 0 0; opacity: 0; } 100% { transform: translateY(0%); transform-origin: 0 0; opacity: 1; } } @keyframes antMoveUpOut { 0% { transform: translateY(0%); transform-origin: 0 0; opacity: 1; } 100% { transform: translateY(-100%); transform-origin: 0 0; opacity: 0; } } @keyframes loadingCircle { 100% { transform: rotate(360deg); } } [ant-click-animating='true'], [ant-click-animating-without-extra-node='true'] { position: relative; } html { --antd-wave-shadow-color: #1890ff; --scroll-bar: 0; } [ant-click-animating-without-extra-node='true']::after, .ant-click-animating-node { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; border-radius: inherit; box-shadow: 0 0 0 0 #1890ff; box-shadow: 0 0 0 0 var(--antd-wave-shadow-color); opacity: 0.2; animation: fadeEffect 2s cubic-bezier(0.08, 0.82, 0.17, 1), waveEffect 0.4s cubic-bezier(0.08, 0.82, 0.17, 1); animation-fill-mode: forwards; content: ''; pointer-events: none; } @keyframes waveEffect { 100% { box-shadow: 0 0 0 #1890ff; box-shadow: 0 0 0 6px var(--antd-wave-shadow-color); } } @keyframes fadeEffect { 100% { opacity: 0; } } .ant-slide-up-enter, .ant-slide-up-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-slide-up-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-slide-up-enter.ant-slide-up-enter-active, .ant-slide-up-appear.ant-slide-up-appear-active { animation-name: antSlideUpIn; animation-play-state: running; } .ant-slide-up-leave.ant-slide-up-leave-active { animation-name: antSlideUpOut; animation-play-state: running; pointer-events: none; } .ant-slide-up-enter, .ant-slide-up-appear { opacity: 0; animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .ant-slide-up-leave { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); } .ant-slide-down-enter, .ant-slide-down-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-slide-down-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-slide-down-enter.ant-slide-down-enter-active, .ant-slide-down-appear.ant-slide-down-appear-active { animation-name: antSlideDownIn; animation-play-state: running; } .ant-slide-down-leave.ant-slide-down-leave-active { animation-name: antSlideDownOut; animation-play-state: running; pointer-events: none; } .ant-slide-down-enter, .ant-slide-down-appear { opacity: 0; animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .ant-slide-down-leave { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); } .ant-slide-left-enter, .ant-slide-left-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-slide-left-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-slide-left-enter.ant-slide-left-enter-active, .ant-slide-left-appear.ant-slide-left-appear-active { animation-name: antSlideLeftIn; animation-play-state: running; } .ant-slide-left-leave.ant-slide-left-leave-active { animation-name: antSlideLeftOut; animation-play-state: running; pointer-events: none; } .ant-slide-left-enter, .ant-slide-left-appear { opacity: 0; animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .ant-slide-left-leave { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); } .ant-slide-right-enter, .ant-slide-right-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-slide-right-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-slide-right-enter.ant-slide-right-enter-active, .ant-slide-right-appear.ant-slide-right-appear-active { animation-name: antSlideRightIn; animation-play-state: running; } .ant-slide-right-leave.ant-slide-right-leave-active { animation-name: antSlideRightOut; animation-play-state: running; pointer-events: none; } .ant-slide-right-enter, .ant-slide-right-appear { opacity: 0; animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .ant-slide-right-leave { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); } @keyframes antSlideUpIn { 0% { transform: scaleY(0.8); transform-origin: 0% 0%; opacity: 0; } 100% { transform: scaleY(1); transform-origin: 0% 0%; opacity: 1; } } @keyframes antSlideUpOut { 0% { transform: scaleY(1); transform-origin: 0% 0%; opacity: 1; } 100% { transform: scaleY(0.8); transform-origin: 0% 0%; opacity: 0; } } @keyframes antSlideDownIn { 0% { transform: scaleY(0.8); transform-origin: 100% 100%; opacity: 0; } 100% { transform: scaleY(1); transform-origin: 100% 100%; opacity: 1; } } @keyframes antSlideDownOut { 0% { transform: scaleY(1); transform-origin: 100% 100%; opacity: 1; } 100% { transform: scaleY(0.8); transform-origin: 100% 100%; opacity: 0; } } @keyframes antSlideLeftIn { 0% { transform: scaleX(0.8); transform-origin: 0% 0%; opacity: 0; } 100% { transform: scaleX(1); transform-origin: 0% 0%; opacity: 1; } } @keyframes antSlideLeftOut { 0% { transform: scaleX(1); transform-origin: 0% 0%; opacity: 1; } 100% { transform: scaleX(0.8); transform-origin: 0% 0%; opacity: 0; } } @keyframes antSlideRightIn { 0% { transform: scaleX(0.8); transform-origin: 100% 0%; opacity: 0; } 100% { transform: scaleX(1); transform-origin: 100% 0%; opacity: 1; } } @keyframes antSlideRightOut { 0% { transform: scaleX(1); transform-origin: 100% 0%; opacity: 1; } 100% { transform: scaleX(0.8); transform-origin: 100% 0%; opacity: 0; } } .ant-zoom-enter, .ant-zoom-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-zoom-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-zoom-enter.ant-zoom-enter-active, .ant-zoom-appear.ant-zoom-appear-active { animation-name: antZoomIn; animation-play-state: running; } .ant-zoom-leave.ant-zoom-leave-active { animation-name: antZoomOut; animation-play-state: running; pointer-events: none; } .ant-zoom-enter, .ant-zoom-appear { transform: scale(0); opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .ant-zoom-enter-prepare, .ant-zoom-appear-prepare { transform: none; } .ant-zoom-leave { animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); } .ant-zoom-big-enter, .ant-zoom-big-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-zoom-big-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-zoom-big-enter.ant-zoom-big-enter-active, .ant-zoom-big-appear.ant-zoom-big-appear-active { animation-name: antZoomBigIn; animation-play-state: running; } .ant-zoom-big-leave.ant-zoom-big-leave-active { animation-name: antZoomBigOut; animation-play-state: running; pointer-events: none; } .ant-zoom-big-enter, .ant-zoom-big-appear { transform: scale(0); opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .ant-zoom-big-enter-prepare, .ant-zoom-big-appear-prepare { transform: none; } .ant-zoom-big-leave { animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); } .ant-zoom-big-fast-enter, .ant-zoom-big-fast-appear { animation-duration: 0.1s; animation-fill-mode: both; animation-play-state: paused; } .ant-zoom-big-fast-leave { animation-duration: 0.1s; animation-fill-mode: both; animation-play-state: paused; } .ant-zoom-big-fast-enter.ant-zoom-big-fast-enter-active, .ant-zoom-big-fast-appear.ant-zoom-big-fast-appear-active { animation-name: antZoomBigIn; animation-play-state: running; } .ant-zoom-big-fast-leave.ant-zoom-big-fast-leave-active { animation-name: antZoomBigOut; animation-play-state: running; pointer-events: none; } .ant-zoom-big-fast-enter, .ant-zoom-big-fast-appear { transform: scale(0); opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .ant-zoom-big-fast-enter-prepare, .ant-zoom-big-fast-appear-prepare { transform: none; } .ant-zoom-big-fast-leave { animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); } .ant-zoom-up-enter, .ant-zoom-up-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-zoom-up-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-zoom-up-enter.ant-zoom-up-enter-active, .ant-zoom-up-appear.ant-zoom-up-appear-active { animation-name: antZoomUpIn; animation-play-state: running; } .ant-zoom-up-leave.ant-zoom-up-leave-active { animation-name: antZoomUpOut; animation-play-state: running; pointer-events: none; } .ant-zoom-up-enter, .ant-zoom-up-appear { transform: scale(0); opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .ant-zoom-up-enter-prepare, .ant-zoom-up-appear-prepare { transform: none; } .ant-zoom-up-leave { animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); } .ant-zoom-down-enter, .ant-zoom-down-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-zoom-down-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-zoom-down-enter.ant-zoom-down-enter-active, .ant-zoom-down-appear.ant-zoom-down-appear-active { animation-name: antZoomDownIn; animation-play-state: running; } .ant-zoom-down-leave.ant-zoom-down-leave-active { animation-name: antZoomDownOut; animation-play-state: running; pointer-events: none; } .ant-zoom-down-enter, .ant-zoom-down-appear { transform: scale(0); opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .ant-zoom-down-enter-prepare, .ant-zoom-down-appear-prepare { transform: none; } .ant-zoom-down-leave { animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); } .ant-zoom-left-enter, .ant-zoom-left-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-zoom-left-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-zoom-left-enter.ant-zoom-left-enter-active, .ant-zoom-left-appear.ant-zoom-left-appear-active { animation-name: antZoomLeftIn; animation-play-state: running; } .ant-zoom-left-leave.ant-zoom-left-leave-active { animation-name: antZoomLeftOut; animation-play-state: running; pointer-events: none; } .ant-zoom-left-enter, .ant-zoom-left-appear { transform: scale(0); opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .ant-zoom-left-enter-prepare, .ant-zoom-left-appear-prepare { transform: none; } .ant-zoom-left-leave { animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); } .ant-zoom-right-enter, .ant-zoom-right-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-zoom-right-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .ant-zoom-right-enter.ant-zoom-right-enter-active, .ant-zoom-right-appear.ant-zoom-right-appear-active { animation-name: antZoomRightIn; animation-play-state: running; } .ant-zoom-right-leave.ant-zoom-right-leave-active { animation-name: antZoomRightOut; animation-play-state: running; pointer-events: none; } .ant-zoom-right-enter, .ant-zoom-right-appear { transform: scale(0); opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .ant-zoom-right-enter-prepare, .ant-zoom-right-appear-prepare { transform: none; } .ant-zoom-right-leave { animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); } @keyframes antZoomIn { 0% { transform: scale(0.2); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @keyframes antZoomOut { 0% { transform: scale(1); } 100% { transform: scale(0.2); opacity: 0; } } @keyframes antZoomBigIn { 0% { transform: scale(0.8); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @keyframes antZoomBigOut { 0% { transform: scale(1); } 100% { transform: scale(0.8); opacity: 0; } } @keyframes antZoomUpIn { 0% { transform: scale(0.8); transform-origin: 50% 0%; opacity: 0; } 100% { transform: scale(1); transform-origin: 50% 0%; } } @keyframes antZoomUpOut { 0% { transform: scale(1); transform-origin: 50% 0%; } 100% { transform: scale(0.8); transform-origin: 50% 0%; opacity: 0; } } @keyframes antZoomLeftIn { 0% { transform: scale(0.8); transform-origin: 0% 50%; opacity: 0; } 100% { transform: scale(1); transform-origin: 0% 50%; } } @keyframes antZoomLeftOut { 0% { transform: scale(1); transform-origin: 0% 50%; } 100% { transform: scale(0.8); transform-origin: 0% 50%; opacity: 0; } } @keyframes antZoomRightIn { 0% { transform: scale(0.8); transform-origin: 100% 50%; opacity: 0; } 100% { transform: scale(1); transform-origin: 100% 50%; } } @keyframes antZoomRightOut { 0% { transform: scale(1); transform-origin: 100% 50%; } 100% { transform: scale(0.8); transform-origin: 100% 50%; opacity: 0; } } @keyframes antZoomDownIn { 0% { transform: scale(0.8); transform-origin: 50% 100%; opacity: 0; } 100% { transform: scale(1); transform-origin: 50% 100%; } } @keyframes antZoomDownOut { 0% { transform: scale(1); transform-origin: 50% 100%; } 100% { transform: scale(0.8); transform-origin: 50% 100%; opacity: 0; } } .ant-motion-collapse-legacy { overflow: hidden; } .ant-motion-collapse-legacy-active { transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important; } .ant-motion-collapse { overflow: hidden; transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important; } /* 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-affix { position: fixed; z-index: 10; } /* 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-alert { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; position: relative; display: flex; align-items: center; padding: 8px 15px; word-wrap: break-word; border-radius: 2px; } .ant-alert-content { flex: 1; min-width: 0; } .ant-alert-icon { margin-right: 8px; } .ant-alert-description { display: none; font-size: 14px; line-height: 22px; } .ant-alert-success { background-color: #f6ffed; border: 1px solid #b7eb8f; } .ant-alert-success .ant-alert-icon { color: #52c41a; } .ant-alert-info { background-color: #e6f7ff; border: 1px solid #91d5ff; } .ant-alert-info .ant-alert-icon { color: #1890ff; } .ant-alert-warning { background-color: #fffbe6; border: 1px solid #ffe58f; } .ant-alert-warning .ant-alert-icon { color: #faad14; } .ant-alert-error { background-color: #fff2f0; border: 1px solid #ffccc7; } .ant-alert-error .ant-alert-icon { color: #ff4d4f; } .ant-alert-error .ant-alert-description > pre { margin: 0; padding: 0; } .ant-alert-action { margin-left: 8px; } .ant-alert-close-icon { margin-left: 8px; padding: 0; overflow: hidden; font-size: 12px; line-height: 12px; background-color: transparent; border: none; outline: none; cursor: pointer; } .ant-alert-close-icon .anticon-close { color: rgba(0, 0, 0, 0.45); transition: color 0.3s; } .ant-alert-close-icon .anticon-close:hover { color: rgba(0, 0, 0, 0.75); } .ant-alert-close-text { color: rgba(0, 0, 0, 0.45); transition: color 0.3s; } .ant-alert-close-text:hover { color: rgba(0, 0, 0, 0.75); } .ant-alert-with-description { align-items: flex-start; padding: 15px 15px 15px 24px; } .ant-alert-with-description.ant-alert-no-icon { padding: 15px 15px; } .ant-alert-with-description .ant-alert-icon { margin-right: 15px; font-size: 24px; } .ant-alert-with-description .ant-alert-message { display: block; margin-bottom: 4px; color: rgba(0, 0, 0, 0.85); font-size: 16px; } .ant-alert-message { color: rgba(0, 0, 0, 0.85); } .ant-alert-with-description .ant-alert-description { display: block; } .ant-alert.ant-alert-motion-leave { overflow: hidden; opacity: 1; transition: max-height 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), opacity 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), padding-top 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), padding-bottom 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), margin-bottom 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86); } .ant-alert.ant-alert-motion-leave-active { max-height: 0; margin-bottom: 0 !important; padding-top: 0; padding-bottom: 0; opacity: 0; } .ant-alert-banner { margin-bottom: 0; border: 0; border-radius: 0; } .ant-alert.ant-alert-rtl { direction: rtl; } .ant-alert-rtl .ant-alert-icon { margin-right: auto; margin-left: 8px; } .ant-alert-rtl .ant-alert-action { margin-right: 8px; margin-left: auto; } .ant-alert-rtl .ant-alert-close-icon { margin-right: 8px; margin-left: auto; } .ant-alert-rtl.ant-alert-with-description { padding-right: 24px; padding-left: 15px; } .ant-alert-rtl.ant-alert-with-description .ant-alert-icon { margin-right: auto; margin-left: 15px; } /* 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-anchor { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; position: relative; padding-left: 2px; } .ant-anchor-wrapper { margin-left: -4px; padding-left: 4px; overflow: auto; background-color: transparent; } .ant-anchor-ink { position: absolute; top: 0; left: 0; height: 100%; } .ant-anchor-ink::before { position: relative; display: block; width: 2px; height: 100%; margin: 0 auto; background-color: #f0f0f0; content: ' '; } .ant-anchor-ink-ball { position: absolute; left: 50%; display: none; width: 8px; height: 8px; background-color: #fff; border: 2px solid #1890ff; border-radius: 8px; transform: translateX(-50%); transition: top 0.3s ease-in-out; } .ant-anchor-ink-ball.ant-anchor-ink-ball-visible { display: inline-block; } .ant-anchor-fixed .ant-anchor-ink .ant-anchor-ink-ball { display: none; } .ant-anchor-link { padding: 4px 0 4px 16px; } .ant-anchor-link-title { position: relative; display: block; margin-bottom: 3px; overflow: hidden; color: rgba(0, 0, 0, 0.85); white-space: nowrap; text-overflow: ellipsis; transition: all 0.3s; } .ant-anchor-link-title:only-child { margin-bottom: 0; } .ant-anchor-link-active > .ant-anchor-link-title { color: #1890ff; } .ant-anchor-link .ant-anchor-link { padding-top: 2px; padding-bottom: 2px; } .ant-anchor-rtl { direction: rtl; } .ant-anchor-rtl.ant-anchor-wrapper { margin-right: -4px; margin-left: 0; padding-right: 4px; padding-left: 0; } .ant-anchor-rtl .ant-anchor-ink { right: 0; left: auto; } .ant-anchor-rtl .ant-anchor-ink-ball { right: 50%; left: 0; transform: translateX(50%); } .ant-anchor-rtl .ant-anchor-link { padding: 4px 16px 4px 0; } /* 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-select-auto-complete { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; } .ant-select-auto-complete .ant-select-clear { right: 13px; } /* 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-select-single .ant-select-selector { display: flex; } .ant-select-single .ant-select-selector .ant-select-selection-search { position: absolute; top: 0; right: 11px; bottom: 0; left: 11px; } .ant-select-single .ant-select-selector .ant-select-selection-search-input { width: 100%; } .ant-select-single .ant-select-selector .ant-select-selection-item, .ant-select-single .ant-select-selector .ant-select-selection-placeholder { padding: 0; line-height: 30px; transition: all 0.3s; } .ant-select-single .ant-select-selector .ant-select-selection-item { position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ant-select-single .ant-select-selector .ant-select-selection-placeholder { transition: none; pointer-events: none; } .ant-select-single .ant-select-selector::after, .ant-select-single .ant-select-selector .ant-select-selection-item::after, .ant-select-single .ant-select-selector .ant-select-selection-placeholder::after { display: inline-block; width: 0; visibility: hidden; content: '\a0'; } .ant-select-single.ant-select-show-arrow .ant-select-selection-search { right: 25px; } .ant-select-single.ant-select-show-arrow .ant-select-selection-item, .ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder { padding-right: 18px; } .ant-select-single.ant-select-open .ant-select-selection-item { color: #bfbfbf; } .ant-select-single:not(.ant-select-customize-input) .ant-select-selector { width: 100%; height: 32px; padding: 0 11px; } .ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input { height: 30px; } .ant-select-single:not(.ant-select-customize-input) .ant-select-selector::after { line-height: 30px; } .ant-select-single.ant-select-customize-input .ant-select-selector::after { display: none; } .ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-search { position: static; width: 100%; } .ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder { position: absolute; right: 0; left: 0; padding: 0 11px; } .ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder::after { display: none; } .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector { height: 40px; } .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector::after, .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item, .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-placeholder { line-height: 38px; } .ant-select-single.ant-select-lg:not(.ant-select-customize-input):not(.ant-select-customize-input) .ant-select-selection-search-input { height: 38px; } .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector { height: 24px; } .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector::after, .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item, .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-placeholder { line-height: 22px; } .ant-select-single.ant-select-sm:not(.ant-select-customize-input):not(.ant-select-customize-input) .ant-select-selection-search-input { height: 22px; } .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selection-search { right: 7px; left: 7px; } .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector { padding: 0 7px; } .ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-search { right: 28px; } .ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-item, .ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-placeholder { padding-right: 21px; } .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector { padding: 0 11px; } /** * Do not merge `height` & `line-height` under style with `selection` & `search`, * since chrome may update to redesign with its align logic. */ .ant-select-selection-overflow { position: relative; display: flex; flex: auto; flex-wrap: wrap; max-width: 100%; } .ant-select-selection-overflow-item { flex: none; align-self: center; max-width: 100%; } .ant-select-multiple .ant-select-selector { display: flex; flex-wrap: wrap; align-items: center; padding: 1px 4px; } .ant-select-show-search.ant-select-multiple .ant-select-selector { cursor: text; } .ant-select-disabled.ant-select-multiple .ant-select-selector { background: #f5f5f5; cursor: not-allowed; } .ant-select-multiple .ant-select-selector::after { display: inline-block; width: 0; margin: 2px 0; line-height: 24px; content: '\a0'; } .ant-select-multiple.ant-select-show-arrow .ant-select-selector, .ant-select-multiple.ant-select-allow-clear .ant-select-selector { padding-right: 24px; } .ant-select-multiple .ant-select-selection-item { position: relative; display: flex; flex: none; box-sizing: border-box; max-width: 100%; height: 24px; margin-top: 2px; margin-bottom: 2px; line-height: 22px; background: #f5f5f5; border: 1px solid #f0f0f0; border-radius: 2px; cursor: default; transition: font-size 0.3s, line-height 0.3s, height 0.3s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-margin-end: 4px; margin-inline-end: 4px; -webkit-padding-start: 8px; padding-inline-start: 8px; -webkit-padding-end: 4px; padding-inline-end: 4px; } .ant-select-disabled.ant-select-multiple .ant-select-selection-item { color: #bfbfbf; border-color: #d9d9d9; cursor: not-allowed; } .ant-select-multiple .ant-select-selection-item-content { display: inline-block; margin-right: 4px; overflow: hidden; white-space: pre; text-overflow: ellipsis; } .ant-select-multiple .ant-select-selection-item-remove { color: inherit; font-style: normal; line-height: 0; text-align: center; text-transform: none; vertical-align: -0.125em; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; color: rgba(0, 0, 0, 0.45); font-weight: bold; font-size: 10px; line-height: inherit; cursor: pointer; } .ant-select-multiple .ant-select-selection-item-remove > * { line-height: 1; } .ant-select-multiple .ant-select-selection-item-remove svg { display: inline-block; } .ant-select-multiple .ant-select-selection-item-remove::before { display: none; } .ant-select-multiple .ant-select-selection-item-remove .ant-select-multiple .ant-select-selection-item-remove-icon { display: block; } .ant-select-multiple .ant-select-selection-item-remove > .anticon { vertical-align: middle; } .ant-select-multiple .ant-select-selection-item-remove:hover { color: rgba(0, 0, 0, 0.75); } .ant-select-multiple .ant-select-selection-overflow-item + .ant-select-selection-overflow-item .ant-select-selection-search { -webkit-margin-start: 0; margin-inline-start: 0; } .ant-select-multiple .ant-select-selection-search { position: relative; max-width: 100%; -webkit-margin-start: 7px; margin-inline-start: 7px; } .ant-select-multiple .ant-select-selection-search-input, .ant-select-multiple .ant-select-selection-search-mirror { height: 24px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; line-height: 24px; transition: all 0.3s; } .ant-select-multiple .ant-select-selection-search-input { width: 100%; min-width: 4.1px; } .ant-select-multiple .ant-select-selection-search-mirror { position: absolute; top: 0; left: 0; z-index: 999; white-space: pre; visibility: hidden; } .ant-select-multiple .ant-select-selection-placeholder { position: absolute; top: 50%; right: 11px; left: 11px; transform: translateY(-50%); transition: all 0.3s; } .ant-select-multiple.ant-select-lg .ant-select-selector::after { line-height: 32px; } .ant-select-multiple.ant-select-lg .ant-select-selection-item { height: 32px; line-height: 30px; } .ant-select-multiple.ant-select-lg .ant-select-selection-search { height: 32px; line-height: 32px; } .ant-select-multiple.ant-select-lg .ant-select-selection-search-input, .ant-select-multiple.ant-select-lg .ant-select-selection-search-mirror { height: 32px; line-height: 30px; } .ant-select-multiple.ant-select-sm .ant-select-selector::after { line-height: 16px; } .ant-select-multiple.ant-select-sm .ant-select-selection-item { height: 16px; line-height: 14px; } .ant-select-multiple.ant-select-sm .ant-select-selection-search { height: 16px; line-height: 16px; } .ant-select-multiple.ant-select-sm .ant-select-selection-search-input, .ant-select-multiple.ant-select-sm .ant-select-selection-search-mirror { height: 16px; line-height: 14px; } .ant-select-multiple.ant-select-sm .ant-select-selection-placeholder { left: 7px; } .ant-select-multiple.ant-select-sm .ant-select-selection-search { -webkit-margin-start: 3px; margin-inline-start: 3px; } .ant-select-multiple.ant-select-lg .ant-select-selection-item { height: 32px; line-height: 32px; } .ant-select-disabled .ant-select-selection-item-remove { display: none; } .ant-select-status-error.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer) .ant-select-selector { background-color: #fff; border-color: #ff4d4f !important; } .ant-select-status-error.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer).ant-select-open .ant-select-selector, .ant-select-status-error.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer).ant-select-focused .ant-select-selector { border-color: #ff7875; box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2); border-right-width: 1px; outline: 0; } .ant-select-status-warning.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer) .ant-select-selector { background-color: #fff; border-color: #faad14 !important; } .ant-select-status-warning.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer).ant-select-open .ant-select-selector, .ant-select-status-warning.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer).ant-select-focused .ant-select-selector { border-color: #ffc53d; box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2); border-right-width: 1px; outline: 0; } .ant-select-status-error.ant-select-has-feedback .ant-select-clear, .ant-select-status-warning.ant-select-has-feedback .ant-select-clear, .ant-select-status-success.ant-select-has-feedback .ant-select-clear, .ant-select-status-validating.ant-select-has-feedback .ant-select-clear { right: 32px; } .ant-select-status-error.ant-select-has-feedback .ant-select-selection-selected-value, .ant-select-status-warning.ant-select-has-feedback .ant-select-selection-selected-value, .ant-select-status-success.ant-select-has-feedback .ant-select-selection-selected-value, .ant-select-status-validating.ant-select-has-feedback .ant-select-selection-selected-value { padding-right: 42px; } /* Reset search input style */ .ant-select { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; position: relative; display: inline-block; cursor: pointer; } .ant-select:not(.ant-select-customize-input) .ant-select-selector { position: relative; background-color: #fff; border: 1px solid #d9d9d9; border-radius: 2px; transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-select:not(.ant-select-customize-input) .ant-select-selector input { cursor: pointer; } .ant-select-show-search.ant-select:not(.ant-select-customize-input) .ant-select-selector { cursor: text; } .ant-select-show-search.ant-select:not(.ant-select-customize-input) .ant-select-selector input { cursor: auto; } .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector { border-color: #40a9ff; box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); border-right-width: 1px; outline: 0; } .ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector { color: rgba(0, 0, 0, 0.25); background: #f5f5f5; cursor: not-allowed; } .ant-select-multiple.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector { background: #f5f5f5; } .ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector input { cursor: not-allowed; } .ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input { margin: 0; padding: 0; background: transparent; border: none; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input::-webkit-search-cancel-button { display: none; /* stylelint-disable-next-line property-no-vendor-prefix */ -webkit-appearance: none; } .ant-select:not(.ant-select-disabled):hover .ant-select-selector { border-color: #40a9ff; border-right-width: 1px; } .ant-select-selection-item { flex: 1; overflow: hidden; font-weight: normal; white-space: nowrap; text-overflow: ellipsis; } @media all and (-ms-high-contrast: none) { .ant-select-selection-item *::-ms-backdrop, .ant-select-selection-item { flex: auto; } } .ant-select-selection-placeholder { flex: 1; overflow: hidden; color: #bfbfbf; white-space: nowrap; text-overflow: ellipsis; pointer-events: none; } @media all and (-ms-high-contrast: none) { .ant-select-selection-placeholder *::-ms-backdrop, .ant-select-selection-placeholder { flex: auto; } } .ant-select-arrow { display: inline-block; color: inherit; font-style: normal; line-height: 0; text-transform: none; vertical-align: -0.125em; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 50%; right: 11px; display: flex; align-items: center; height: 12px; margin-top: -6px; color: rgba(0, 0, 0, 0.25); font-size: 12px; line-height: 1; text-align: center; pointer-events: none; } .ant-select-arrow > * { line-height: 1; } .ant-select-arrow svg { display: inline-block; } .ant-select-arrow::before { display: none; } .ant-select-arrow .ant-select-arrow-icon { display: block; } .ant-select-arrow .anticon { vertical-align: top; transition: transform 0.3s; } .ant-select-arrow .anticon > svg { vertical-align: top; } .ant-select-arrow .anticon:not(.ant-select-suffix) { pointer-events: auto; } .ant-select-disabled .ant-select-arrow { cursor: not-allowed; } .ant-select-arrow > *:not(:last-child) { -webkit-margin-end: 8px; margin-inline-end: 8px; } .ant-select-clear { position: absolute; top: 50%; right: 11px; z-index: 1; display: inline-block; width: 12px; height: 12px; margin-top: -6px; color: rgba(0, 0, 0, 0.25); font-size: 12px; font-style: normal; line-height: 1; text-align: center; text-transform: none; background: #fff; cursor: pointer; opacity: 0; transition: color 0.3s ease, opacity 0.15s ease; text-rendering: auto; } .ant-select-clear::before { display: block; } .ant-select-clear:hover { color: rgba(0, 0, 0, 0.45); } .ant-select:hover .ant-select-clear { opacity: 1; } .ant-select-dropdown { margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; position: absolute; top: -9999px; left: -9999px; z-index: 1050; box-sizing: border-box; padding: 4px 0; overflow: hidden; font-size: 14px; font-variant: initial; background-color: #fff; border-radius: 2px; outline: none; box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05); } .ant-select-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-select-dropdown-placement-bottomLeft, .ant-select-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-select-dropdown-placement-bottomLeft { animation-name: antSlideUpIn; } .ant-select-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-select-dropdown-placement-topLeft, .ant-select-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-select-dropdown-placement-topLeft { animation-name: antSlideDownIn; } .ant-select-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-select-dropdown-placement-bottomLeft { animation-name: antSlideUpOut; } .ant-select-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-select-dropdown-placement-topLeft { animation-name: antSlideDownOut; } .ant-select-dropdown-hidden { display: none; } .ant-select-dropdown-empty { color: rgba(0, 0, 0, 0.25); } .ant-select-item-empty { position: relative; display: block; min-height: 32px; padding: 5px 12px; color: rgba(0, 0, 0, 0.85); font-weight: normal; font-size: 14px; line-height: 22px; color: rgba(0, 0, 0, 0.25); } .ant-select-item { position: relative; display: block; min-height: 32px; padding: 5px 12px; color: rgba(0, 0, 0, 0.85); font-weight: normal; font-size: 14px; line-height: 22px; cursor: pointer; transition: background 0.3s ease; } .ant-select-item-group { color: rgba(0, 0, 0, 0.45); font-size: 12px; cursor: default; } .ant-select-item-option { display: flex; } .ant-select-item-option-content { flex: auto; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .ant-select-item-option-state { flex: none; } .ant-select-item-option-active:not(.ant-select-item-option-disabled) { background-color: #f5f5f5; } .ant-select-item-option-selected:not(.ant-select-item-option-disabled) { color: rgba(0, 0, 0, 0.85); font-weight: 600; background-color: #e6f7ff; } .ant-select-item-option-selected:not(.ant-select-item-option-disabled) .ant-select-item-option-state { color: #1890ff; } .ant-select-item-option-disabled { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .ant-select-item-option-disabled.ant-select-item-option-selected { background-color: #f5f5f5; } .ant-select-item-option-grouped { padding-left: 24px; } .ant-select-lg { font-size: 16px; } .ant-select-borderless .ant-select-selector { background-color: transparent !important; border-color: transparent !important; box-shadow: none !important; } .ant-select.ant-select-in-form-item { width: 100%; } .ant-select-compact-item:not(.ant-select-compact-last-item) { margin-right: -1px; } .ant-select-compact-item:not(.ant-select-compact-last-item).ant-select-compact-item-rtl { margin-right: 0; margin-left: -1px; } .ant-select-compact-item:hover > *, .ant-select-compact-item:focus > *, .ant-select-compact-item:active > * { z-index: 2; } .ant-select-compact-item.ant-select-focused > * { z-index: 2; } .ant-select-compact-item[disabled] > * { z-index: 0; } .ant-select-compact-item:not(.ant-select-compact-first-item):not(.ant-select-compact-last-item).ant-select > .ant-select-selector { border-radius: 0; } .ant-select-compact-item.ant-select-compact-first-item.ant-select:not(.ant-select-compact-item-rtl) > .ant-select-selector { border-top-right-radius: 0; border-bottom-right-radius: 0; } .ant-select-compact-item.ant-select-compact-last-item.ant-select:not(.ant-select-compact-item-rtl) > .ant-select-selector { border-top-left-radius: 0; border-bottom-left-radius: 0; } .ant-select-compact-item.ant-select.ant-select-compact-first-item.ant-select-compact-item-rtl > .ant-select-selector { border-top-left-radius: 0; border-bottom-left-radius: 0; } .ant-select-compact-item.ant-select.ant-select-compact-last-item.ant-select-compact-item-rtl > .ant-select-selector { border-top-right-radius: 0; border-bottom-right-radius: 0; } .ant-select-rtl { direction: rtl; } .ant-select-rtl .ant-select-arrow { right: initial; left: 11px; } .ant-select-rtl .ant-select-clear { right: initial; left: 11px; } .ant-select-dropdown-rtl { direction: rtl; } .ant-select-dropdown-rtl .ant-select-item-option-grouped { padding-right: 24px; padding-left: 12px; } .ant-select-rtl.ant-select-multiple.ant-select-show-arrow .ant-select-selector, .ant-select-rtl.ant-select-multiple.ant-select-allow-clear .ant-select-selector { padding-right: 4px; padding-left: 24px; } .ant-select-rtl.ant-select-multiple .ant-select-selection-item { text-align: right; } .ant-select-rtl.ant-select-multiple .ant-select-selection-item-content { margin-right: 0; margin-left: 4px; text-align: right; } .ant-select-rtl.ant-select-multiple .ant-select-selection-search-mirror { right: 0; left: auto; } .ant-select-rtl.ant-select-multiple .ant-select-selection-placeholder { right: 11px; left: auto; } .ant-select-rtl.ant-select-multiple.ant-select-sm .ant-select-selection-placeholder { right: 7px; } .ant-select-rtl.ant-select-single .ant-select-selector .ant-select-selection-item, .ant-select-rtl.ant-select-single .ant-select-selector .ant-select-selection-placeholder { right: 0; left: 9px; text-align: right; } .ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-search { right: 11px; left: 25px; } .ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-item, .ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder { padding-right: 0; padding-left: 18px; } .ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-search { right: 6px; } .ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-item, .ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-placeholder { padding-right: 0; padding-left: 21px; } /* 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-empty { margin: 0 8px; font-size: 14px; line-height: 1.5715; text-align: center; } .ant-empty-image { height: 100px; margin-bottom: 8px; } .ant-empty-image img { height: 100%; } .ant-empty-image svg { height: 100%; margin: auto; } .ant-empty-footer { margin-top: 16px; } .ant-empty-normal { margin: 32px 0; color: rgba(0, 0, 0, 0.25); } .ant-empty-normal .ant-empty-image { height: 40px; } .ant-empty-small { margin: 8px 0; color: rgba(0, 0, 0, 0.25); } .ant-empty-small .ant-empty-image { height: 35px; } .ant-empty-img-default-ellipse { fill: #f5f5f5; fill-opacity: 0.8; } .ant-empty-img-default-path-1 { fill: #aeb8c2; } .ant-empty-img-default-path-2 { fill: url('#linearGradient-1'); } .ant-empty-img-default-path-3 { fill: #f5f5f7; } .ant-empty-img-default-path-4 { fill: #dce0e6; } .ant-empty-img-default-path-5 { fill: #dce0e6; } .ant-empty-img-default-g { fill: #fff; } .ant-empty-img-simple-ellipse { fill: #f5f5f5; } .ant-empty-img-simple-g { stroke: #d9d9d9; } .ant-empty-img-simple-path { fill: #fafafa; } .ant-empty-rtl { direction: rtl; } /* 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-avatar { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; position: relative; display: inline-block; overflow: hidden; color: #fff; white-space: nowrap; text-align: center; vertical-align: middle; background: #ccc; width: 32px; height: 32px; line-height: 32px; border-radius: 50%; } .ant-avatar-image { background: transparent; } .ant-avatar .ant-image-img { display: block; } .ant-avatar-string { position: absolute; left: 50%; transform-origin: 0 center; } .ant-avatar.ant-avatar-icon { font-size: 18px; } .ant-avatar.ant-avatar-icon > .anticon { margin: 0; } .ant-avatar-lg { width: 40px; height: 40px; line-height: 40px; border-radius: 50%; } .ant-avatar-lg-string { position: absolute; left: 50%; transform-origin: 0 center; } .ant-avatar-lg.ant-avatar-icon { font-size: 24px; } .ant-avatar-lg.ant-avatar-icon > .anticon { margin: 0; } .ant-avatar-sm { width: 24px; height: 24px; line-height: 24px; border-radius: 50%; } .ant-avatar-sm-string { position: absolute; left: 50%; transform-origin: 0 center; } .ant-avatar-sm.ant-avatar-icon { font-size: 14px; } .ant-avatar-sm.ant-avatar-icon > .anticon { margin: 0; } .ant-avatar-square { border-radius: 2px; } .ant-avatar > img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .ant-avatar-group { display: inline-flex; } .ant-avatar-group .ant-avatar { border: 1px solid #fff; } .ant-avatar-group .ant-avatar:not(:first-child) { margin-left: -8px; } .ant-avatar-group-popover .ant-avatar + .ant-avatar { margin-left: 3px; } .ant-avatar-group-rtl .ant-avatar:not(:first-child) { margin-right: -8px; margin-left: 0; } .ant-avatar-group-popover.ant-popover-rtl .ant-avatar + .ant-avatar { margin-right: 3px; margin-left: 0; } /* 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-popover { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; position: absolute; top: 0; left: 0; z-index: 1030; font-weight: normal; white-space: normal; text-align: left; cursor: auto; -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; } .ant-popover-content { position: relative; } .ant-popover::after { position: absolute; background: rgba(255, 255, 255, 0.01); content: ''; } .ant-popover-hidden { display: none; } .ant-popover-placement-top, .ant-popover-placement-topLeft, .ant-popover-placement-topRight { padding-bottom: 15.3137085px; } .ant-popover-placement-right, .ant-popover-placement-rightTop, .ant-popover-placement-rightBottom { padding-left: 15.3137085px; } .ant-popover-placement-bottom, .ant-popover-placement-bottomLeft, .ant-popover-placement-bottomRight { padding-top: 15.3137085px; } .ant-popover-placement-left, .ant-popover-placement-leftTop, .ant-popover-placement-leftBottom { padding-right: 15.3137085px; } .ant-popover-inner { background-color: #fff; background-clip: padding-box; border-radius: 2px; box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05); } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .ant-popover { /* IE10+ */ } .ant-popover-inner { box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05); } } .ant-popover-title { min-width: 177px; min-height: 32px; margin: 0; padding: 5px 16px 4px; color: rgba(0, 0, 0, 0.85); font-weight: 500; border-bottom: 1px solid #f0f0f0; } .ant-popover-inner-content { padding: 12px 16px; color: rgba(0, 0, 0, 0.85); } .ant-popover-message { display: flex; align-items: center; padding: 4px 0 12px; color: rgba(0, 0, 0, 0.85); font-size: 14px; } .ant-popover-message-icon { display: inline-block; margin-right: 8px; color: #faad14; font-size: 14px; } .ant-popover-buttons { margin-bottom: 4px; text-align: right; } .ant-popover-buttons button:not(:first-child) { margin-left: 8px; } .ant-popover-arrow { position: absolute; display: block; width: 22px; height: 22px; overflow: hidden; background: transparent; pointer-events: none; } .ant-popover-arrow-content { --antd-arrow-background-color: #fff; position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; width: 11.3137085px; height: 11.3137085px; margin: auto; content: ''; pointer-events: auto; border-radius: 0 0 2px; pointer-events: none; } .ant-popover-arrow-content::before { position: absolute; top: -11.3137085px; left: -11.3137085px; width: 33.9411255px; height: 33.9411255px; background: var(--antd-arrow-background-color); background-repeat: no-repeat; background-position: -10px -10px; content: ''; -webkit-clip-path: inset(33% 33%); clip-path: inset(33% 33%); -webkit-clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z'); clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z'); } .ant-popover-placement-top .ant-popover-arrow, .ant-popover-placement-topLeft .ant-popover-arrow, .ant-popover-placement-topRight .ant-popover-arrow { bottom: 0; transform: translateY(100%); } .ant-popover-placement-top .ant-popover-arrow-content, .ant-popover-placement-topLeft .ant-popover-arrow-content, .ant-popover-placement-topRight .ant-popover-arrow-content { box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07); transform: translateY(-11px) rotate(45deg); } .ant-popover-placement-top .ant-popover-arrow { left: 50%; transform: translateY(100%) translateX(-50%); } .ant-popover-placement-topLeft .ant-popover-arrow { left: 16px; } .ant-popover-placement-topRight .ant-popover-arrow { right: 16px; } .ant-popover-placement-right .ant-popover-arrow, .ant-popover-placement-rightTop .ant-popover-arrow, .ant-popover-placement-rightBottom .ant-popover-arrow { left: 0; transform: translateX(-100%); } .ant-popover-placement-right .ant-popover-arrow-content, .ant-popover-placement-rightTop .ant-popover-arrow-content, .ant-popover-placement-rightBottom .ant-popover-arrow-content { box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07); transform: translateX(11px) rotate(135deg); } .ant-popover-placement-right .ant-popover-arrow { top: 50%; transform: translateX(-100%) translateY(-50%); } .ant-popover-placement-rightTop .ant-popover-arrow { top: 12px; } .ant-popover-placement-rightBottom .ant-popover-arrow { bottom: 12px; } .ant-popover-placement-bottom .ant-popover-arrow, .ant-popover-placement-bottomLeft .ant-popover-arrow, .ant-popover-placement-bottomRight .ant-popover-arrow { top: 0; transform: translateY(-100%); } .ant-popover-placement-bottom .ant-popover-arrow-content, .ant-popover-placement-bottomLeft .ant-popover-arrow-content, .ant-popover-placement-bottomRight .ant-popover-arrow-content { box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.06); transform: translateY(11px) rotate(-135deg); } .ant-popover-placement-bottom .ant-popover-arrow { left: 50%; transform: translateY(-100%) translateX(-50%); } .ant-popover-placement-bottomLeft .ant-popover-arrow { left: 16px; } .ant-popover-placement-bottomRight .ant-popover-arrow { right: 16px; } .ant-popover-placement-left .ant-popover-arrow, .ant-popover-placement-leftTop .ant-popover-arrow, .ant-popover-placement-leftBottom .ant-popover-arrow { right: 0; transform: translateX(100%); } .ant-popover-placement-left .ant-popover-arrow-content, .ant-popover-placement-leftTop .ant-popover-arrow-content, .ant-popover-placement-leftBottom .ant-popover-arrow-content { box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07); transform: translateX(-11px) rotate(-45deg); } .ant-popover-placement-left .ant-popover-arrow { top: 50%; transform: translateX(100%) translateY(-50%); } .ant-popover-placement-leftTop .ant-popover-arrow { top: 12px; } .ant-popover-placement-leftBottom .ant-popover-arrow { bottom: 12px; } .ant-popover-pink .ant-popover-inner { background-color: #eb2f96; } .ant-popover-pink .ant-popover-arrow-content { background-color: #eb2f96; } .ant-popover-magenta .ant-popover-inner { background-color: #eb2f96; } .ant-popover-magenta .ant-popover-arrow-content { background-color: #eb2f96; } .ant-popover-red .ant-popover-inner { background-color: #f5222d; } .ant-popover-red .ant-popover-arrow-content { background-color: #f5222d; } .ant-popover-volcano .ant-popover-inner { background-color: #fa541c; } .ant-popover-volcano .ant-popover-arrow-content { background-color: #fa541c; } .ant-popover-orange .ant-popover-inner { background-color: #fa8c16; } .ant-popover-orange .ant-popover-arrow-content { background-color: #fa8c16; } .ant-popover-yellow .ant-popover-inner { background-color: #fadb14; } .ant-popover-yellow .ant-popover-arrow-content { background-color: #fadb14; } .ant-popover-gold .ant-popover-inner { background-color: #faad14; } .ant-popover-gold .ant-popover-arrow-content { background-color: #faad14; } .ant-popover-cyan .ant-popover-inner { background-color: #13c2c2; } .ant-popover-cyan .ant-popover-arrow-content { background-color: #13c2c2; } .ant-popover-lime .ant-popover-inner { background-color: #a0d911; } .ant-popover-lime .ant-popover-arrow-content { background-color: #a0d911; } .ant-popover-green .ant-popover-inner { background-color: #52c41a; } .ant-popover-green .ant-popover-arrow-content { background-color: #52c41a; } .ant-popover-blue .ant-popover-inner { background-color: #1890ff; } .ant-popover-blue .ant-popover-arrow-content { background-color: #1890ff; } .ant-popover-geekblue .ant-popover-inner { background-color: #2f54eb; } .ant-popover-geekblue .ant-popover-arrow-content { background-color: #2f54eb; } .ant-popover-purple .ant-popover-inner { background-color: #722ed1; } .ant-popover-purple .ant-popover-arrow-content { background-color: #722ed1; } .ant-popover-rtl { direction: rtl; text-align: right; } .ant-popover-rtl .ant-popover-message-icon { margin-right: 0; margin-left: 8px; } .ant-popover-rtl .ant-popover-message-title { padding-left: 16px; } .ant-popover-rtl .ant-popover-buttons { text-align: left; } .ant-popover-rtl .ant-popover-buttons button { margin-right: 8px; margin-left: 0; } /* 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-back-top { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; position: fixed; right: 100px; bottom: 50px; z-index: 10; width: 40px; height: 40px; cursor: pointer; } .ant-back-top:empty { display: none; } .ant-back-top-rtl { right: auto; left: 100px; direction: rtl; } .ant-back-top-content { width: 40px; height: 40px; overflow: hidden; color: #fff; text-align: center; background-color: rgba(0, 0, 0, 0.45); border-radius: 20px; transition: all 0.3s; } .ant-back-top-content:hover { background-color: rgba(0, 0, 0, 0.85); transition: all 0.3s; } .ant-back-top-icon { font-size: 24px; line-height: 40px; } @media screen and (max-width: 768px) { .ant-back-top { right: 60px; } .ant-back-top-rtl { right: auto; left: 60px; } } @media screen and (max-width: 480px) { .ant-back-top { right: 20px; } .ant-back-top-rtl { right: auto; left: 20px; } } /* 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-badge { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; position: relative; display: inline-block; line-height: 1; } .ant-badge-count { z-index: auto; min-width: 20px; height: 20px; padding: 0 6px; color: #fff; font-weight: normal; font-size: 12px; line-height: 20px; white-space: nowrap; text-align: center; background: #ff4d4f; border-radius: 10px; box-shadow: 0 0 0 1px #fff; } .ant-badge-count a, .ant-badge-count a:hover { color: #fff; } .ant-badge-count-sm { min-width: 14px; height: 14px; padding: 0; font-size: 12px; line-height: 14px; border-radius: 7px; } .ant-badge-multiple-words { padding: 0 8px; } .ant-badge-dot { z-index: auto; width: 6px; min-width: 6px; height: 6px; background: #ff4d4f; border-radius: 100%; box-shadow: 0 0 0 1px #fff; } .ant-badge-dot.ant-scroll-number { transition: background 1.5s; } .ant-badge-count, .ant-badge-dot, .ant-badge .ant-scroll-number-custom-component { position: absolute; top: 0; right: 0; transform: translate(50%, -50%); transform-origin: 100% 0%; } .ant-badge-count.anticon-spin, .ant-badge-dot.anticon-spin, .ant-badge .ant-scroll-number-custom-component.anticon-spin { animation: antBadgeLoadingCircle 1s infinite linear; } .ant-badge-status { line-height: inherit; vertical-align: baseline; } .ant-badge-status-dot { position: relative; top: -1px; display: inline-block; width: 6px; height: 6px; vertical-align: middle; border-radius: 50%; } .ant-badge-status-success { background-color: #52c41a; } .ant-badge-status-processing { position: relative; background-color: #1890ff; } .ant-badge-status-processing::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #1890ff; border-radius: 50%; animation: antStatusProcessing 1.2s infinite ease-in-out; content: ''; } .ant-badge-status-default { background-color: #d9d9d9; } .ant-badge-status-error { background-color: #ff4d4f; } .ant-badge-status-warning { background-color: #faad14; } .ant-badge-status-pink { background: #eb2f96; } .ant-badge-status-magenta { background: #eb2f96; } .ant-badge-status-red { background: #f5222d; } .ant-badge-status-volcano { background: #fa541c; } .ant-badge-status-orange { background: #fa8c16; } .ant-badge-status-yellow { background: #fadb14; } .ant-badge-status-gold { background: #faad14; } .ant-badge-status-cyan { background: #13c2c2; } .ant-badge-status-lime { background: #a0d911; } .ant-badge-status-green { background: #52c41a; } .ant-badge-status-blue { background: #1890ff; } .ant-badge-status-geekblue { background: #2f54eb; } .ant-badge-status-purple { background: #722ed1; } .ant-badge-status-text { margin-left: 8px; color: rgba(0, 0, 0, 0.85); font-size: 14px; } .ant-badge-zoom-appear, .ant-badge-zoom-enter { animation: antZoomBadgeIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46); animation-fill-mode: both; } .ant-badge-zoom-leave { animation: antZoomBadgeOut 0.3s cubic-bezier(0.71, -0.46, 0.88, 0.6); animation-fill-mode: both; } .ant-badge-not-a-wrapper .ant-badge-zoom-appear, .ant-badge-not-a-wrapper .ant-badge-zoom-enter { animation: antNoWrapperZoomBadgeIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46); } .ant-badge-not-a-wrapper .ant-badge-zoom-leave { animation: antNoWrapperZoomBadgeOut 0.3s cubic-bezier(0.71, -0.46, 0.88, 0.6); } .ant-badge-not-a-wrapper:not(.ant-badge-status) { vertical-align: middle; } .ant-badge-not-a-wrapper .ant-scroll-number-custom-component, .ant-badge-not-a-wrapper .ant-badge-count { transform: none; } .ant-badge-not-a-wrapper .ant-scroll-number-custom-component, .ant-badge-not-a-wrapper .ant-scroll-number { position: relative; top: auto; display: block; transform-origin: 50% 50%; } @keyframes antStatusProcessing { 0% { transform: scale(0.8); opacity: 0.5; } 100% { transform: scale(2.4); opacity: 0; } } .ant-scroll-number { overflow: hidden; direction: ltr; } .ant-scroll-number-only { position: relative; display: inline-block; height: 20px; transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); /* stylelint-disable property-no-vendor-prefix */ -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; /* stylelint-enable property-no-vendor-prefix */ } .ant-scroll-number-only > p.ant-scroll-number-only-unit { height: 20px; margin: 0; /* stylelint-disable property-no-vendor-prefix */ -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; /* stylelint-enable property-no-vendor-prefix */ } .ant-scroll-number-symbol { vertical-align: top; } @keyframes antZoomBadgeIn { 0% { transform: scale(0) translate(50%, -50%); opacity: 0; } 100% { transform: scale(1) translate(50%, -50%); } } @keyframes antZoomBadgeOut { 0% { transform: scale(1) translate(50%, -50%); } 100% { transform: scale(0) translate(50%, -50%); opacity: 0; } } @keyframes antNoWrapperZoomBadgeIn { 0% { transform: scale(0); opacity: 0; } 100% { transform: scale(1); } } @keyframes antNoWrapperZoomBadgeOut { 0% { transform: scale(1); } 100% { transform: scale(0); opacity: 0; } } @keyframes antBadgeLoadingCircle { 0% { transform-origin: 50%; } 100% { transform: translate(50%, -50%) rotate(360deg); transform-origin: 50%; } } .ant-ribbon-wrapper { position: relative; } .ant-ribbon { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; position: absolute; top: 8px; height: 22px; padding: 0 8px; color: #fff; line-height: 22px; white-space: nowrap; background-color: #1890ff; border-radius: 2px; } .ant-ribbon-text { color: #fff; } .ant-ribbon-corner { position: absolute; top: 100%; width: 8px; height: 8px; color: currentcolor; border: 4px solid; transform: scaleY(0.75); transform-origin: top; } .ant-ribbon-corner::after { position: absolute; top: -4px; left: -4px; width: inherit; height: inherit; color: rgba(0, 0, 0, 0.25); border: inherit; content: ''; } .ant-ribbon-color-pink { color: #eb2f96; background: #eb2f96; } .ant-ribbon-color-magenta { color: #eb2f96; background: #eb2f96; } .ant-ribbon-color-red { color: #f5222d; background: #f5222d; } .ant-ribbon-color-volcano { color: #fa541c; background: #fa541c; } .ant-ribbon-color-orange { color: #fa8c16; background: #fa8c16; } .ant-ribbon-color-yellow { color: #fadb14; background: #fadb14; } .ant-ribbon-color-gold { color: #faad14; background: #faad14; } .ant-ribbon-color-cyan { color: #13c2c2; background: #13c2c2; } .ant-ribbon-color-lime { color: #a0d911; background: #a0d911; } .ant-ribbon-color-green { color: #52c41a; background: #52c41a; } .ant-ribbon-color-blue { color: #1890ff; background: #1890ff; } .ant-ribbon-color-geekblue { color: #2f54eb; background: #2f54eb; } .ant-ribbon-color-purple { color: #722ed1; background: #722ed1; } .ant-ribbon.ant-ribbon-placement-end { right: -8px; border-bottom-right-radius: 0; } .ant-ribbon.ant-ribbon-placement-end .ant-ribbon-corner { right: 0; border-color: currentcolor transparent transparent currentcolor; } .ant-ribbon.ant-ribbon-placement-start { left: -8px; border-bottom-left-radius: 0; } .ant-ribbon.ant-ribbon-placement-start .ant-ribbon-corner { left: 0; border-color: currentcolor currentcolor transparent transparent; } .ant-badge-rtl { direction: rtl; } .ant-badge-rtl.ant-badge:not(.ant-badge-not-a-wrapper) .ant-badge-count, .ant-badge-rtl.ant-badge:not(.ant-badge-not-a-wrapper) .ant-badge-dot, .ant-badge-rtl.ant-badge:not(.ant-badge-not-a-wrapper) .ant-scroll-number-custom-component { right: auto; left: 0; direction: ltr; transform: translate(-50%, -50%); transform-origin: 0% 0%; } .ant-badge-rtl.ant-badge:not(.ant-badge-not-a-wrapper) .ant-scroll-number-custom-component { right: auto; left: 0; transform: translate(-50%, -50%); transform-origin: 0% 0%; } .ant-badge-rtl .ant-badge-status-text { margin-right: 8px; margin-left: 0; } .ant-badge:not(.ant-badge-not-a-wrapper).ant-badge-rtl .ant-badge-zoom-appear, .ant-badge:not(.ant-badge-not-a-wrapper).ant-badge-rtl .ant-badge-zoom-enter { animation-name: antZoomBadgeInRtl; } .ant-badge:not(.ant-badge-not-a-wrapper).ant-badge-rtl .ant-badge-zoom-leave { animation-name: antZoomBadgeOutRtl; } .ant-ribbon-rtl { direction: rtl; } .ant-ribbon-rtl.ant-ribbon-placement-end { right: unset; left: -8px; border-bottom-right-radius: 2px; border-bottom-left-radius: 0; } .ant-ribbon-rtl.ant-ribbon-placement-end .ant-ribbon-corner { right: unset; left: 0; border-color: currentcolor currentcolor transparent transparent; } .ant-ribbon-rtl.ant-ribbon-placement-end .ant-ribbon-corner::after { border-color: currentcolor currentcolor transparent transparent; } .ant-ribbon-rtl.ant-ribbon-placement-start { right: -8px; left: unset; border-bottom-right-radius: 0; border-bottom-left-radius: 2px; } .ant-ribbon-rtl.ant-ribbon-placement-start .ant-ribbon-corner { right: 0; left: unset; border-color: currentcolor transparent transparent currentcolor; } .ant-ribbon-rtl.ant-ribbon-placement-start .ant-ribbon-corner::after { border-color: currentcolor transparent transparent currentcolor; } @keyframes antZoomBadgeInRtl { 0% { transform: scale(0) translate(-50%, -50%); opacity: 0; } 100% { transform: scale(1) translate(-50%, -50%); } } @keyframes antZoomBadgeOutRtl { 0% { transform: scale(1) translate(-50%, -50%); } 100% { transform: scale(0) translate(-50%, -50%); opacity: 0; } } /* 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-breadcrumb { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; color: rgba(0, 0, 0, 0.45); font-size: 14px; } .ant-breadcrumb .anticon { font-size: 14px; } .ant-breadcrumb ol { display: flex; flex-wrap: wrap; margin: 0; padding: 0; list-style: none; } .ant-breadcrumb a { color: rgba(0, 0, 0, 0.45); transition: color 0.3s; } .ant-breadcrumb a:hover { color: rgba(0, 0, 0, 0.85); } .ant-breadcrumb li:last-child { color: rgba(0, 0, 0, 0.85); } .ant-breadcrumb li:last-child a { color: rgba(0, 0, 0, 0.85); } li:last-child > .ant-breadcrumb-separator { display: none; } .ant-breadcrumb-separator { margin: 0 8px; color: rgba(0, 0, 0, 0.45); } .ant-breadcrumb-link > .anticon + span, .ant-breadcrumb-link > .anticon + a { margin-left: 4px; } .ant-breadcrumb-overlay-link > .anticon { margin-left: 4px; } .ant-breadcrumb-rtl { direction: rtl; } .ant-breadcrumb-rtl::before { display: table; content: ''; } .ant-breadcrumb-rtl::after { display: table; clear: both; content: ''; } .ant-breadcrumb-rtl > span { float: right; } .ant-breadcrumb-rtl .ant-breadcrumb-link > .anticon + span, .ant-breadcrumb-rtl .ant-breadcrumb-link > .anticon + a { margin-right: 4px; margin-left: 0; } .ant-breadcrumb-rtl .ant-breadcrumb-overlay-link > .anticon { margin-right: 4px; margin-left: 0; } /* 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-dropdown-menu-item.ant-dropdown-menu-item-danger { color: #ff4d4f; } .ant-dropdown-menu-item.ant-dropdown-menu-item-danger:hover { color: #fff; background-color: #ff4d4f; } .ant-dropdown { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; position: absolute; top: -9999px; left: -9999px; z-index: 1050; display: block; } .ant-dropdown::before { position: absolute; top: -4px; right: 0; bottom: -4px; left: -7px; z-index: -9999; opacity: 0.0001; content: ' '; } .ant-dropdown-wrap { position: relative; } .ant-dropdown-wrap .ant-btn > .anticon-down { font-size: 10px; } .ant-dropdown-wrap .anticon-down::before { transition: transform 0.2s; } .ant-dropdown-wrap-open .anticon-down::before { transform: rotate(180deg); } .ant-dropdown-hidden, .ant-dropdown-menu-hidden, .ant-dropdown-menu-submenu-hidden { display: none; } .ant-dropdown-show-arrow.ant-dropdown-placement-topLeft, .ant-dropdown-show-arrow.ant-dropdown-placement-top, .ant-dropdown-show-arrow.ant-dropdown-placement-topRight { padding-bottom: 15.3137085px; } .ant-dropdown-show-arrow.ant-dropdown-placement-bottomLeft, .ant-dropdown-show-arrow.ant-dropdown-placement-bottom, .ant-dropdown-show-arrow.ant-dropdown-placement-bottomRight { padding-top: 15.3137085px; } .ant-dropdown-arrow { position: absolute; z-index: 1; display: block; width: 11.3137085px; height: 11.3137085px; border-radius: 0 0 2px; pointer-events: none; } .ant-dropdown-arrow::before { position: absolute; top: -11.3137085px; left: -11.3137085px; width: 33.9411255px; height: 33.9411255px; background: #fff; background-repeat: no-repeat; background-position: -10px -10px; content: ''; -webkit-clip-path: inset(33% 33%); clip-path: inset(33% 33%); -webkit-clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z'); clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z'); } .ant-dropdown-placement-top > .ant-dropdown-arrow, .ant-dropdown-placement-topLeft > .ant-dropdown-arrow, .ant-dropdown-placement-topRight > .ant-dropdown-arrow { bottom: 10px; box-shadow: 3px 3px 7px -3px rgba(0, 0, 0, 0.1); transform: rotate(45deg); } .ant-dropdown-placement-top > .ant-dropdown-arrow { left: 50%; transform: translateX(-50%) rotate(45deg); } .ant-dropdown-placement-topLeft > .ant-dropdown-arrow { left: 16px; } .ant-dropdown-placement-topRight > .ant-dropdown-arrow { right: 16px; } .ant-dropdown-placement-bottom > .ant-dropdown-arrow, .ant-dropdown-placement-bottomLeft > .ant-dropdown-arrow, .ant-dropdown-placement-bottomRight > .ant-dropdown-arrow { top: 9.41421356px; box-shadow: 2px 2px 5px -2px rgba(0, 0, 0, 0.1); transform: rotate(-135deg) translateY(-0.5px); } .ant-dropdown-placement-bottom > .ant-dropdown-arrow { left: 50%; transform: translateX(-50%) rotate(-135deg) translateY(-0.5px); } .ant-dropdown-placement-bottomLeft > .ant-dropdown-arrow { left: 16px; } .ant-dropdown-placement-bottomRight > .ant-dropdown-arrow { right: 16px; } .ant-dropdown-menu { position: relative; margin: 0; padding: 4px 0; text-align: left; list-style-type: none; background-color: #fff; background-clip: padding-box; border-radius: 2px; outline: none; box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05); } .ant-dropdown-menu-item-group-title { padding: 5px 12px; color: rgba(0, 0, 0, 0.45); transition: all 0.3s; } .ant-dropdown-menu-submenu-popup { position: absolute; z-index: 1050; background: transparent; box-shadow: none; transform-origin: 0 0; } .ant-dropdown-menu-submenu-popup ul, .ant-dropdown-menu-submenu-popup li { list-style: none; } .ant-dropdown-menu-submenu-popup ul { margin-right: 0.3em; margin-left: 0.3em; } .ant-dropdown-menu-item { position: relative; display: flex; align-items: center; } .ant-dropdown-menu-item-icon { min-width: 12px; margin-right: 8px; font-size: 12px; } .ant-dropdown-menu-title-content { flex: auto; } .ant-dropdown-menu-title-content > a { color: inherit; transition: all 0.3s; } .ant-dropdown-menu-title-content > a:hover { color: inherit; } .ant-dropdown-menu-title-content > a::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ''; } .ant-dropdown-menu-item, .ant-dropdown-menu-submenu-title { clear: both; margin: 0; padding: 5px 12px; color: rgba(0, 0, 0, 0.85); font-weight: normal; font-size: 14px; line-height: 22px; cursor: pointer; transition: all 0.3s; } .ant-dropdown-menu-item-selected, .ant-dropdown-menu-submenu-title-selected { color: #1890ff; background-color: #e6f7ff; } .ant-dropdown-menu-item:hover, .ant-dropdown-menu-submenu-title:hover, .ant-dropdown-menu-item.ant-dropdown-menu-item-active, .ant-dropdown-menu-item.ant-dropdown-menu-submenu-title-active, .ant-dropdown-menu-submenu-title.ant-dropdown-menu-item-active, .ant-dropdown-menu-submenu-title.ant-dropdown-menu-submenu-title-active { background-color: #f5f5f5; } .ant-dropdown-menu-item-disabled, .ant-dropdown-menu-submenu-title-disabled { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .ant-dropdown-menu-item-disabled:hover, .ant-dropdown-menu-submenu-title-disabled:hover { color: rgba(0, 0, 0, 0.25); background-color: #fff; cursor: not-allowed; } .ant-dropdown-menu-item-disabled a, .ant-dropdown-menu-submenu-title-disabled a { pointer-events: none; } .ant-dropdown-menu-item-divider, .ant-dropdown-menu-submenu-title-divider { height: 1px; margin: 4px 0; overflow: hidden; line-height: 0; background-color: #f0f0f0; } .ant-dropdown-menu-item .ant-dropdown-menu-submenu-expand-icon, .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-expand-icon { position: absolute; right: 8px; } .ant-dropdown-menu-item .ant-dropdown-menu-submenu-expand-icon .ant-dropdown-menu-submenu-arrow-icon, .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-expand-icon .ant-dropdown-menu-submenu-arrow-icon { margin-right: 0 !important; color: rgba(0, 0, 0, 0.45); font-size: 10px; font-style: normal; } .ant-dropdown-menu-item-group-list { margin: 0 8px; padding: 0; list-style: none; } .ant-dropdown-menu-submenu-title { padding-right: 24px; } .ant-dropdown-menu-submenu-vertical { position: relative; } .ant-dropdown-menu-submenu-vertical > .ant-dropdown-menu { position: absolute; top: 0; left: 100%; min-width: 100%; margin-left: 4px; transform-origin: 0 0; } .ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled .ant-dropdown-menu-submenu-title, .ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow-icon { color: rgba(0, 0, 0, 0.25); background-color: #fff; cursor: not-allowed; } .ant-dropdown-menu-submenu-selected .ant-dropdown-menu-submenu-title { color: #1890ff; } .ant-dropdown.ant-slide-down-enter.ant-slide-down-enter-active.ant-dropdown-placement-bottomLeft, .ant-dropdown.ant-slide-down-appear.ant-slide-down-appear-active.ant-dropdown-placement-bottomLeft, .ant-dropdown.ant-slide-down-enter.ant-slide-down-enter-active.ant-dropdown-placement-bottom, .ant-dropdown.ant-slide-down-appear.ant-slide-down-appear-active.ant-dropdown-placement-bottom, .ant-dropdown.ant-slide-down-enter.ant-slide-down-enter-active.ant-dropdown-placement-bottomRight, .ant-dropdown.ant-slide-down-appear.ant-slide-down-appear-active.ant-dropdown-placement-bottomRight { animation-name: antSlideUpIn; } .ant-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-dropdown-placement-topLeft, .ant-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-dropdown-placement-topLeft, .ant-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-dropdown-placement-top, .ant-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-dropdown-placement-top, .ant-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-dropdown-placement-topRight, .ant-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-dropdown-placement-topRight { animation-name: antSlideDownIn; } .ant-dropdown.ant-slide-down-leave.ant-slide-down-leave-active.ant-dropdown-placement-bottomLeft, .ant-dropdown.ant-slide-down-leave.ant-slide-down-leave-active.ant-dropdown-placement-bottom, .ant-dropdown.ant-slide-down-leave.ant-slide-down-leave-active.ant-dropdown-placement-bottomRight { animation-name: antSlideUpOut; } .ant-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-dropdown-placement-topLeft, .ant-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-dropdown-placement-top, .ant-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-dropdown-placement-topRight { animation-name: antSlideDownOut; } .ant-dropdown-trigger > .anticon.anticon-down, .ant-dropdown-link > .anticon.anticon-down, .ant-dropdown-button > .anticon.anticon-down { font-size: 10px; vertical-align: baseline; } .ant-dropdown-button { white-space: nowrap; } .ant-dropdown-button.ant-btn-group > .ant-btn-loading, .ant-dropdown-button.ant-btn-group > .ant-btn-loading + .ant-btn { cursor: default; pointer-events: none; } .ant-dropdown-button.ant-btn-group > .ant-btn-loading + .ant-btn::before { display: block; } .ant-dropdown-button.ant-btn-group > .ant-btn:last-child:not(:first-child):not(.ant-btn-icon-only) { padding-right: 8px; padding-left: 8px; } .ant-dropdown-menu-dark, .ant-dropdown-menu-dark .ant-dropdown-menu { background: #001529; } .ant-dropdown-menu-dark .ant-dropdown-menu-item, .ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title, .ant-dropdown-menu-dark .ant-dropdown-menu-item > a, .ant-dropdown-menu-dark .ant-dropdown-menu-item > .anticon + span > a { color: rgba(255, 255, 255, 0.65); } .ant-dropdown-menu-dark .ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow::after, .ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow::after, .ant-dropdown-menu-dark .ant-dropdown-menu-item > a .ant-dropdown-menu-submenu-arrow::after, .ant-dropdown-menu-dark .ant-dropdown-menu-item > .anticon + span > a .ant-dropdown-menu-submenu-arrow::after { color: rgba(255, 255, 255, 0.65); } .ant-dropdown-menu-dark .ant-dropdown-menu-item:hover, .ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title:hover, .ant-dropdown-menu-dark .ant-dropdown-menu-item > a:hover, .ant-dropdown-menu-dark .ant-dropdown-menu-item > .anticon + span > a:hover { color: #fff; background: transparent; } .ant-dropdown-menu-dark .ant-dropdown-menu-item-selected, .ant-dropdown-menu-dark .ant-dropdown-menu-item-selected:hover, .ant-dropdown-menu-dark .ant-dropdown-menu-item-selected > a { color: #fff; background: #1890ff; } .ant-dropdown-rtl { direction: rtl; } .ant-dropdown-rtl.ant-dropdown::before { right: -7px; left: 0; } .ant-dropdown-menu.ant-dropdown-menu-rtl { direction: rtl; text-align: right; } .ant-dropdown-rtl .ant-dropdown-menu-item-group-title, .ant-dropdown-menu-submenu-rtl .ant-dropdown-menu-item-group-title { direction: rtl; text-align: right; } .ant-dropdown-menu-submenu-popup.ant-dropdown-menu-submenu-rtl { transform-origin: 100% 0; } .ant-dropdown-rtl .ant-dropdown-menu-submenu-popup ul, .ant-dropdown-rtl .ant-dropdown-menu-submenu-popup li { text-align: right; } .ant-dropdown-rtl .ant-dropdown-menu-item, .ant-dropdown-rtl .ant-dropdown-menu-submenu-title { text-align: right; } .ant-dropdown-rtl .ant-dropdown-menu-item > .anticon:first-child, .ant-dropdown-rtl .ant-dropdown-menu-submenu-title > .anticon:first-child, .ant-dropdown-rtl .ant-dropdown-menu-item > span > .anticon:first-child, .ant-dropdown-rtl .ant-dropdown-menu-submenu-title > span > .anticon:first-child { margin-right: 0; margin-left: 8px; } .ant-dropdown-rtl .ant-dropdown-menu-item .ant-dropdown-menu-submenu-expand-icon, .ant-dropdown-rtl .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-expand-icon { right: auto; left: 8px; } .ant-dropdown-rtl .ant-dropdown-menu-item .ant-dropdown-menu-submenu-expand-icon .ant-dropdown-menu-submenu-arrow-icon, .ant-dropdown-rtl .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-expand-icon .ant-dropdown-menu-submenu-arrow-icon { margin-left: 0 !important; transform: scaleX(-1); } .ant-dropdown-rtl .ant-dropdown-menu-submenu-title { padding-right: 12px; padding-left: 24px; } .ant-dropdown-rtl .ant-dropdown-menu-submenu-vertical > .ant-dropdown-menu { right: 100%; left: 0; margin-right: 4px; margin-left: 0; } /* 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-btn { line-height: 1.5715; position: relative; display: inline-block; font-weight: 400; white-space: nowrap; text-align: center; background-image: none; border: 1px solid transparent; box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015); cursor: pointer; transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; touch-action: manipulation; height: 32px; padding: 4px 15px; font-size: 14px; border-radius: 2px; color: rgba(0, 0, 0, 0.85); border-color: #d9d9d9; background: #fff; } .ant-btn > .anticon { line-height: 1; } .ant-btn, .ant-btn:active, .ant-btn:focus { outline: 0; } .ant-btn:not([disabled]):hover { text-decoration: none; } .ant-btn:not([disabled]):active { outline: 0; box-shadow: none; } .ant-btn[disabled] { cursor: not-allowed; } .ant-btn[disabled] > * { pointer-events: none; } .ant-btn-lg { height: 40px; padding: 6.4px 15px; font-size: 16px; border-radius: 2px; } .ant-btn-sm { height: 24px; padding: 0px 7px; font-size: 14px; border-radius: 2px; } .ant-btn > a:only-child { color: currentcolor; } .ant-btn > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn:hover, .ant-btn:focus { color: #40a9ff; border-color: #40a9ff; background: #fff; } .ant-btn:hover > a:only-child, .ant-btn:focus > a:only-child { color: currentcolor; } .ant-btn:hover > a:only-child::after, .ant-btn:focus > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn:active { color: #096dd9; border-color: #096dd9; background: #fff; } .ant-btn:active > a:only-child { color: currentcolor; } .ant-btn:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn[disabled], .ant-btn[disabled]:hover, .ant-btn[disabled]:focus, .ant-btn[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: #d9d9d9; background: #f5f5f5; text-shadow: none; box-shadow: none; } .ant-btn[disabled] > a:only-child, .ant-btn[disabled]:hover > a:only-child, .ant-btn[disabled]:focus > a:only-child, .ant-btn[disabled]:active > a:only-child { color: currentcolor; } .ant-btn[disabled] > a:only-child::after, .ant-btn[disabled]:hover > a:only-child::after, .ant-btn[disabled]:focus > a:only-child::after, .ant-btn[disabled]:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn:hover, .ant-btn:focus, .ant-btn:active { text-decoration: none; background: #fff; } .ant-btn > span { display: inline-block; } .ant-btn-primary { color: #fff; border-color: #1890ff; background: #1890ff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045); } .ant-btn-primary > a:only-child { color: currentcolor; } .ant-btn-primary > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-primary:hover, .ant-btn-primary:focus { color: #fff; border-color: #40a9ff; background: #40a9ff; } .ant-btn-primary:hover > a:only-child, .ant-btn-primary:focus > a:only-child { color: currentcolor; } .ant-btn-primary:hover > a:only-child::after, .ant-btn-primary:focus > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-primary:active { color: #fff; border-color: #096dd9; background: #096dd9; } .ant-btn-primary:active > a:only-child { color: currentcolor; } .ant-btn-primary:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-primary[disabled], .ant-btn-primary[disabled]:hover, .ant-btn-primary[disabled]:focus, .ant-btn-primary[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: #d9d9d9; background: #f5f5f5; text-shadow: none; box-shadow: none; } .ant-btn-primary[disabled] > a:only-child, .ant-btn-primary[disabled]:hover > a:only-child, .ant-btn-primary[disabled]:focus > a:only-child, .ant-btn-primary[disabled]:active > a:only-child { color: currentcolor; } .ant-btn-primary[disabled] > a:only-child::after, .ant-btn-primary[disabled]:hover > a:only-child::after, .ant-btn-primary[disabled]:focus > a:only-child::after, .ant-btn-primary[disabled]:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child) { border-right-color: #40a9ff; border-left-color: #40a9ff; } .ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child):disabled { border-color: #d9d9d9; } .ant-btn-group .ant-btn-primary:first-child:not(:last-child) { border-right-color: #40a9ff; } .ant-btn-group .ant-btn-primary:first-child:not(:last-child)[disabled] { border-right-color: #d9d9d9; } .ant-btn-group .ant-btn-primary:last-child:not(:first-child), .ant-btn-group .ant-btn-primary + .ant-btn-primary { border-left-color: #40a9ff; } .ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled], .ant-btn-group .ant-btn-primary + .ant-btn-primary[disabled] { border-left-color: #d9d9d9; } .ant-btn-ghost { color: rgba(0, 0, 0, 0.85); border-color: #d9d9d9; background: transparent; } .ant-btn-ghost > a:only-child { color: currentcolor; } .ant-btn-ghost > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-ghost:hover, .ant-btn-ghost:focus { color: #40a9ff; border-color: #40a9ff; background: transparent; } .ant-btn-ghost:hover > a:only-child, .ant-btn-ghost:focus > a:only-child { color: currentcolor; } .ant-btn-ghost:hover > a:only-child::after, .ant-btn-ghost:focus > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-ghost:active { color: #096dd9; border-color: #096dd9; background: transparent; } .ant-btn-ghost:active > a:only-child { color: currentcolor; } .ant-btn-ghost:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-ghost[disabled], .ant-btn-ghost[disabled]:hover, .ant-btn-ghost[disabled]:focus, .ant-btn-ghost[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: #d9d9d9; background: #f5f5f5; text-shadow: none; box-shadow: none; } .ant-btn-ghost[disabled] > a:only-child, .ant-btn-ghost[disabled]:hover > a:only-child, .ant-btn-ghost[disabled]:focus > a:only-child, .ant-btn-ghost[disabled]:active > a:only-child { color: currentcolor; } .ant-btn-ghost[disabled] > a:only-child::after, .ant-btn-ghost[disabled]:hover > a:only-child::after, .ant-btn-ghost[disabled]:focus > a:only-child::after, .ant-btn-ghost[disabled]:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dashed { color: rgba(0, 0, 0, 0.85); border-color: #d9d9d9; background: #fff; border-style: dashed; } .ant-btn-dashed > a:only-child { color: currentcolor; } .ant-btn-dashed > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dashed:hover, .ant-btn-dashed:focus { color: #40a9ff; border-color: #40a9ff; background: #fff; } .ant-btn-dashed:hover > a:only-child, .ant-btn-dashed:focus > a:only-child { color: currentcolor; } .ant-btn-dashed:hover > a:only-child::after, .ant-btn-dashed:focus > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dashed:active { color: #096dd9; border-color: #096dd9; background: #fff; } .ant-btn-dashed:active > a:only-child { color: currentcolor; } .ant-btn-dashed:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dashed[disabled], .ant-btn-dashed[disabled]:hover, .ant-btn-dashed[disabled]:focus, .ant-btn-dashed[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: #d9d9d9; background: #f5f5f5; text-shadow: none; box-shadow: none; } .ant-btn-dashed[disabled] > a:only-child, .ant-btn-dashed[disabled]:hover > a:only-child, .ant-btn-dashed[disabled]:focus > a:only-child, .ant-btn-dashed[disabled]:active > a:only-child { color: currentcolor; } .ant-btn-dashed[disabled] > a:only-child::after, .ant-btn-dashed[disabled]:hover > a:only-child::after, .ant-btn-dashed[disabled]:focus > a:only-child::after, .ant-btn-dashed[disabled]:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-danger { color: #fff; border-color: #ff4d4f; background: #ff4d4f; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045); } .ant-btn-danger > a:only-child { color: currentcolor; } .ant-btn-danger > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-danger:hover, .ant-btn-danger:focus { color: #fff; border-color: #ff7875; background: #ff7875; } .ant-btn-danger:hover > a:only-child, .ant-btn-danger:focus > a:only-child { color: currentcolor; } .ant-btn-danger:hover > a:only-child::after, .ant-btn-danger:focus > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-danger:active { color: #fff; border-color: #d9363e; background: #d9363e; } .ant-btn-danger:active > a:only-child { color: currentcolor; } .ant-btn-danger:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-danger[disabled], .ant-btn-danger[disabled]:hover, .ant-btn-danger[disabled]:focus, .ant-btn-danger[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: #d9d9d9; background: #f5f5f5; text-shadow: none; box-shadow: none; } .ant-btn-danger[disabled] > a:only-child, .ant-btn-danger[disabled]:hover > a:only-child, .ant-btn-danger[disabled]:focus > a:only-child, .ant-btn-danger[disabled]:active > a:only-child { color: currentcolor; } .ant-btn-danger[disabled] > a:only-child::after, .ant-btn-danger[disabled]:hover > a:only-child::after, .ant-btn-danger[disabled]:focus > a:only-child::after, .ant-btn-danger[disabled]:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-link { color: #1890ff; border-color: transparent; background: transparent; box-shadow: none; } .ant-btn-link > a:only-child { color: currentcolor; } .ant-btn-link > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-link:hover, .ant-btn-link:focus { color: #40a9ff; border-color: #40a9ff; background: transparent; } .ant-btn-link:hover > a:only-child, .ant-btn-link:focus > a:only-child { color: currentcolor; } .ant-btn-link:hover > a:only-child::after, .ant-btn-link:focus > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-link:active { color: #096dd9; border-color: #096dd9; background: transparent; } .ant-btn-link:active > a:only-child { color: currentcolor; } .ant-btn-link:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-link[disabled], .ant-btn-link[disabled]:hover, .ant-btn-link[disabled]:focus, .ant-btn-link[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: #d9d9d9; background: #f5f5f5; text-shadow: none; box-shadow: none; } .ant-btn-link[disabled] > a:only-child, .ant-btn-link[disabled]:hover > a:only-child, .ant-btn-link[disabled]:focus > a:only-child, .ant-btn-link[disabled]:active > a:only-child { color: currentcolor; } .ant-btn-link[disabled] > a:only-child::after, .ant-btn-link[disabled]:hover > a:only-child::after, .ant-btn-link[disabled]:focus > a:only-child::after, .ant-btn-link[disabled]:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-link:hover { background: transparent; } .ant-btn-link:hover, .ant-btn-link:focus, .ant-btn-link:active { border-color: transparent; } .ant-btn-link[disabled], .ant-btn-link[disabled]:hover, .ant-btn-link[disabled]:focus, .ant-btn-link[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: transparent; background: transparent; text-shadow: none; box-shadow: none; } .ant-btn-link[disabled] > a:only-child, .ant-btn-link[disabled]:hover > a:only-child, .ant-btn-link[disabled]:focus > a:only-child, .ant-btn-link[disabled]:active > a:only-child { color: currentcolor; } .ant-btn-link[disabled] > a:only-child::after, .ant-btn-link[disabled]:hover > a:only-child::after, .ant-btn-link[disabled]:focus > a:only-child::after, .ant-btn-link[disabled]:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-text { color: rgba(0, 0, 0, 0.85); border-color: transparent; background: transparent; box-shadow: none; } .ant-btn-text > a:only-child { color: currentcolor; } .ant-btn-text > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-text:hover, .ant-btn-text:focus { color: #40a9ff; border-color: #40a9ff; background: transparent; } .ant-btn-text:hover > a:only-child, .ant-btn-text:focus > a:only-child { color: currentcolor; } .ant-btn-text:hover > a:only-child::after, .ant-btn-text:focus > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-text:active { color: #096dd9; border-color: #096dd9; background: transparent; } .ant-btn-text:active > a:only-child { color: currentcolor; } .ant-btn-text:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-text[disabled], .ant-btn-text[disabled]:hover, .ant-btn-text[disabled]:focus, .ant-btn-text[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: #d9d9d9; background: #f5f5f5; text-shadow: none; box-shadow: none; } .ant-btn-text[disabled] > a:only-child, .ant-btn-text[disabled]:hover > a:only-child, .ant-btn-text[disabled]:focus > a:only-child, .ant-btn-text[disabled]:active > a:only-child { color: currentcolor; } .ant-btn-text[disabled] > a:only-child::after, .ant-btn-text[disabled]:hover > a:only-child::after, .ant-btn-text[disabled]:focus > a:only-child::after, .ant-btn-text[disabled]:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-text:hover, .ant-btn-text:focus { color: rgba(0, 0, 0, 0.85); background: rgba(0, 0, 0, 0.018); border-color: transparent; } .ant-btn-text:active { color: rgba(0, 0, 0, 0.85); background: rgba(0, 0, 0, 0.028); border-color: transparent; } .ant-btn-text[disabled], .ant-btn-text[disabled]:hover, .ant-btn-text[disabled]:focus, .ant-btn-text[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: transparent; background: transparent; text-shadow: none; box-shadow: none; } .ant-btn-text[disabled] > a:only-child, .ant-btn-text[disabled]:hover > a:only-child, .ant-btn-text[disabled]:focus > a:only-child, .ant-btn-text[disabled]:active > a:only-child { color: currentcolor; } .ant-btn-text[disabled] > a:only-child::after, .ant-btn-text[disabled]:hover > a:only-child::after, .ant-btn-text[disabled]:focus > a:only-child::after, .ant-btn-text[disabled]:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dangerous { color: #ff4d4f; border-color: #ff4d4f; background: #fff; } .ant-btn-dangerous > a:only-child { color: currentcolor; } .ant-btn-dangerous > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dangerous:hover, .ant-btn-dangerous:focus { color: #ff7875; border-color: #ff7875; background: #fff; } .ant-btn-dangerous:hover > a:only-child, .ant-btn-dangerous:focus > a:only-child { color: currentcolor; } .ant-btn-dangerous:hover > a:only-child::after, .ant-btn-dangerous:focus > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dangerous:active { color: #d9363e; border-color: #d9363e; background: #fff; } .ant-btn-dangerous:active > a:only-child { color: currentcolor; } .ant-btn-dangerous:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dangerous[disabled], .ant-btn-dangerous[disabled]:hover, .ant-btn-dangerous[disabled]:focus, .ant-btn-dangerous[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: #d9d9d9; background: #f5f5f5; text-shadow: none; box-shadow: none; } .ant-btn-dangerous[disabled] > a:only-child, .ant-btn-dangerous[disabled]:hover > a:only-child, .ant-btn-dangerous[disabled]:focus > a:only-child, .ant-btn-dangerous[disabled]:active > a:only-child { color: currentcolor; } .ant-btn-dangerous[disabled] > a:only-child::after, .ant-btn-dangerous[disabled]:hover > a:only-child::after, .ant-btn-dangerous[disabled]:focus > a:only-child::after, .ant-btn-dangerous[disabled]:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dangerous.ant-btn-primary { color: #fff; border-color: #ff4d4f; background: #ff4d4f; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045); } .ant-btn-dangerous.ant-btn-primary > a:only-child { color: currentcolor; } .ant-btn-dangerous.ant-btn-primary > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dangerous.ant-btn-primary:hover, .ant-btn-dangerous.ant-btn-primary:focus { color: #fff; border-color: #ff7875; background: #ff7875; } .ant-btn-dangerous.ant-btn-primary:hover > a:only-child, .ant-btn-dangerous.ant-btn-primary:focus > a:only-child { color: currentcolor; } .ant-btn-dangerous.ant-btn-primary:hover > a:only-child::after, .ant-btn-dangerous.ant-btn-primary:focus > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dangerous.ant-btn-primary:active { color: #fff; border-color: #d9363e; background: #d9363e; } .ant-btn-dangerous.ant-btn-primary:active > a:only-child { color: currentcolor; } .ant-btn-dangerous.ant-btn-primary:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dangerous.ant-btn-primary[disabled], .ant-btn-dangerous.ant-btn-primary[disabled]:hover, .ant-btn-dangerous.ant-btn-primary[disabled]:focus, .ant-btn-dangerous.ant-btn-primary[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: #d9d9d9; background: #f5f5f5; text-shadow: none; box-shadow: none; } .ant-btn-dangerous.ant-btn-primary[disabled] > a:only-child, .ant-btn-dangerous.ant-btn-primary[disabled]:hover > a:only-child, .ant-btn-dangerous.ant-btn-primary[disabled]:focus > a:only-child, .ant-btn-dangerous.ant-btn-primary[disabled]:active > a:only-child { color: currentcolor; } .ant-btn-dangerous.ant-btn-primary[disabled] > a:only-child::after, .ant-btn-dangerous.ant-btn-primary[disabled]:hover > a:only-child::after, .ant-btn-dangerous.ant-btn-primary[disabled]:focus > a:only-child::after, .ant-btn-dangerous.ant-btn-primary[disabled]:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dangerous.ant-btn-link { color: #ff4d4f; border-color: transparent; background: transparent; box-shadow: none; } .ant-btn-dangerous.ant-btn-link > a:only-child { color: currentcolor; } .ant-btn-dangerous.ant-btn-link > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dangerous.ant-btn-link:hover, .ant-btn-dangerous.ant-btn-link:focus { color: #40a9ff; border-color: #40a9ff; background: transparent; } .ant-btn-dangerous.ant-btn-link:hover > a:only-child, .ant-btn-dangerous.ant-btn-link:focus > a:only-child { color: currentcolor; } .ant-btn-dangerous.ant-btn-link:hover > a:only-child::after, .ant-btn-dangerous.ant-btn-link:focus > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dangerous.ant-btn-link:active { color: #096dd9; border-color: #096dd9; background: transparent; } .ant-btn-dangerous.ant-btn-link:active > a:only-child { color: currentcolor; } .ant-btn-dangerous.ant-btn-link:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dangerous.ant-btn-link[disabled], .ant-btn-dangerous.ant-btn-link[disabled]:hover, .ant-btn-dangerous.ant-btn-link[disabled]:focus, .ant-btn-dangerous.ant-btn-link[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: #d9d9d9; background: #f5f5f5; text-shadow: none; box-shadow: none; } .ant-btn-dangerous.ant-btn-link[disabled] > a:only-child, .ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child, .ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child, .ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child { color: currentcolor; } .ant-btn-dangerous.ant-btn-link[disabled] > a:only-child::after, .ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child::after, .ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child::after, .ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dangerous.ant-btn-link:hover, .ant-btn-dangerous.ant-btn-link:focus { color: #ff7875; border-color: transparent; background: transparent; } .ant-btn-dangerous.ant-btn-link:hover > a:only-child, .ant-btn-dangerous.ant-btn-link:focus > a:only-child { color: currentcolor; } .ant-btn-dangerous.ant-btn-link:hover > a:only-child::after, .ant-btn-dangerous.ant-btn-link:focus > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dangerous.ant-btn-link:active { color: #d9363e; border-color: transparent; background: transparent; } .ant-btn-dangerous.ant-btn-link:active > a:only-child { color: currentcolor; } .ant-btn-dangerous.ant-btn-link:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dangerous.ant-btn-link[disabled], .ant-btn-dangerous.ant-btn-link[disabled]:hover, .ant-btn-dangerous.ant-btn-link[disabled]:focus, .ant-btn-dangerous.ant-btn-link[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: transparent; background: transparent; text-shadow: none; box-shadow: none; } .ant-btn-dangerous.ant-btn-link[disabled] > a:only-child, .ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child, .ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child, .ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child { color: currentcolor; } .ant-btn-dangerous.ant-btn-link[disabled] > a:only-child::after, .ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child::after, .ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child::after, .ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dangerous.ant-btn-text { color: #ff4d4f; border-color: transparent; background: transparent; box-shadow: none; } .ant-btn-dangerous.ant-btn-text > a:only-child { color: currentcolor; } .ant-btn-dangerous.ant-btn-text > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dangerous.ant-btn-text:hover, .ant-btn-dangerous.ant-btn-text:focus { color: #40a9ff; border-color: #40a9ff; background: transparent; } .ant-btn-dangerous.ant-btn-text:hover > a:only-child, .ant-btn-dangerous.ant-btn-text:focus > a:only-child { color: currentcolor; } .ant-btn-dangerous.ant-btn-text:hover > a:only-child::after, .ant-btn-dangerous.ant-btn-text:focus > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dangerous.ant-btn-text:active { color: #096dd9; border-color: #096dd9; background: transparent; } .ant-btn-dangerous.ant-btn-text:active > a:only-child { color: currentcolor; } .ant-btn-dangerous.ant-btn-text:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dangerous.ant-btn-text[disabled], .ant-btn-dangerous.ant-btn-text[disabled]:hover, .ant-btn-dangerous.ant-btn-text[disabled]:focus, .ant-btn-dangerous.ant-btn-text[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: #d9d9d9; background: #f5f5f5; text-shadow: none; box-shadow: none; } .ant-btn-dangerous.ant-btn-text[disabled] > a:only-child, .ant-btn-dangerous.ant-btn-text[disabled]:hover > a:only-child, .ant-btn-dangerous.ant-btn-text[disabled]:focus > a:only-child, .ant-btn-dangerous.ant-btn-text[disabled]:active > a:only-child { color: currentcolor; } .ant-btn-dangerous.ant-btn-text[disabled] > a:only-child::after, .ant-btn-dangerous.ant-btn-text[disabled]:hover > a:only-child::after, .ant-btn-dangerous.ant-btn-text[disabled]:focus > a:only-child::after, .ant-btn-dangerous.ant-btn-text[disabled]:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dangerous.ant-btn-text:hover, .ant-btn-dangerous.ant-btn-text:focus { color: #ff7875; border-color: transparent; background: rgba(0, 0, 0, 0.018); } .ant-btn-dangerous.ant-btn-text:hover > a:only-child, .ant-btn-dangerous.ant-btn-text:focus > a:only-child { color: currentcolor; } .ant-btn-dangerous.ant-btn-text:hover > a:only-child::after, .ant-btn-dangerous.ant-btn-text:focus > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dangerous.ant-btn-text:active { color: #d9363e; border-color: transparent; background: rgba(0, 0, 0, 0.028); } .ant-btn-dangerous.ant-btn-text:active > a:only-child { color: currentcolor; } .ant-btn-dangerous.ant-btn-text:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-dangerous.ant-btn-text[disabled], .ant-btn-dangerous.ant-btn-text[disabled]:hover, .ant-btn-dangerous.ant-btn-text[disabled]:focus, .ant-btn-dangerous.ant-btn-text[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: transparent; background: transparent; text-shadow: none; box-shadow: none; } .ant-btn-dangerous.ant-btn-text[disabled] > a:only-child, .ant-btn-dangerous.ant-btn-text[disabled]:hover > a:only-child, .ant-btn-dangerous.ant-btn-text[disabled]:focus > a:only-child, .ant-btn-dangerous.ant-btn-text[disabled]:active > a:only-child { color: currentcolor; } .ant-btn-dangerous.ant-btn-text[disabled] > a:only-child::after, .ant-btn-dangerous.ant-btn-text[disabled]:hover > a:only-child::after, .ant-btn-dangerous.ant-btn-text[disabled]:focus > a:only-child::after, .ant-btn-dangerous.ant-btn-text[disabled]:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-icon-only { width: 32px; height: 32px; padding: 2.4px 0; font-size: 16px; border-radius: 2px; vertical-align: -3px; } .ant-btn-icon-only > * { font-size: 16px; } .ant-btn-icon-only.ant-btn-lg { width: 40px; height: 40px; padding: 4.9px 0; font-size: 18px; border-radius: 2px; } .ant-btn-icon-only.ant-btn-lg > * { font-size: 18px; } .ant-btn-icon-only.ant-btn-sm { width: 24px; height: 24px; padding: 0px 0; font-size: 14px; border-radius: 2px; } .ant-btn-icon-only.ant-btn-sm > * { font-size: 14px; } .ant-btn-icon-only > .anticon { display: flex; justify-content: center; } .ant-btn-icon-only .anticon-loading { padding: 0 !important; } a.ant-btn-icon-only { vertical-align: -1px; } a.ant-btn-icon-only > .anticon { display: inline; } .ant-btn-round { height: 32px; padding: 4px 16px; font-size: 14px; border-radius: 32px; } .ant-btn-round.ant-btn-lg { height: 40px; padding: 6.4px 20px; font-size: 16px; border-radius: 40px; } .ant-btn-round.ant-btn-sm { height: 24px; padding: 0px 12px; font-size: 14px; border-radius: 24px; } .ant-btn-round.ant-btn-icon-only { width: auto; } .ant-btn-circle { min-width: 32px; padding-right: 0; padding-left: 0; text-align: center; border-radius: 50%; } .ant-btn-circle.ant-btn-lg { min-width: 40px; border-radius: 50%; } .ant-btn-circle.ant-btn-sm { min-width: 24px; border-radius: 50%; } .ant-btn::before { position: absolute; top: -1px; right: -1px; bottom: -1px; left: -1px; z-index: 1; display: none; background: #fff; border-radius: inherit; opacity: 0.35; transition: opacity 0.2s; content: ''; pointer-events: none; } .ant-btn .anticon { transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-btn .anticon.anticon-plus > svg, .ant-btn .anticon.anticon-minus > svg { shape-rendering: optimizespeed; } .ant-btn.ant-btn-loading { position: relative; cursor: default; } .ant-btn.ant-btn-loading::before { display: block; } .ant-btn > .ant-btn-loading-icon { transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-btn > .ant-btn-loading-icon .anticon { padding-right: 8px; animation: none; } .ant-btn > .ant-btn-loading-icon .anticon svg { animation: loadingCircle 1s infinite linear; } .ant-btn-group { position: relative; display: inline-flex; } .ant-btn-group > .ant-btn, .ant-btn-group > span > .ant-btn { position: relative; } .ant-btn-group > .ant-btn:hover, .ant-btn-group > span > .ant-btn:hover, .ant-btn-group > .ant-btn:focus, .ant-btn-group > span > .ant-btn:focus, .ant-btn-group > .ant-btn:active, .ant-btn-group > span > .ant-btn:active { z-index: 2; } .ant-btn-group > .ant-btn[disabled], .ant-btn-group > span > .ant-btn[disabled] { z-index: 0; } .ant-btn-group .ant-btn-icon-only { font-size: 14px; } .ant-btn-group .ant-btn + .ant-btn, .ant-btn + .ant-btn-group, .ant-btn-group span + .ant-btn, .ant-btn-group .ant-btn + span, .ant-btn-group > span + span, .ant-btn-group + .ant-btn, .ant-btn-group + .ant-btn-group { margin-left: -1px; } .ant-btn-group .ant-btn-primary + .ant-btn:not(.ant-btn-primary):not([disabled]) { border-left-color: transparent; } .ant-btn-group .ant-btn { border-radius: 0; } .ant-btn-group > .ant-btn:first-child, .ant-btn-group > span:first-child > .ant-btn { margin-left: 0; } .ant-btn-group > .ant-btn:only-child { border-radius: 2px; } .ant-btn-group > span:only-child > .ant-btn { border-radius: 2px; } .ant-btn-group > .ant-btn:first-child:not(:last-child), .ant-btn-group > span:first-child:not(:last-child) > .ant-btn { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } .ant-btn-group > .ant-btn:last-child:not(:first-child), .ant-btn-group > span:last-child:not(:first-child) > .ant-btn { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } .ant-btn-group-sm > .ant-btn:only-child { border-radius: 2px; } .ant-btn-group-sm > span:only-child > .ant-btn { border-radius: 2px; } .ant-btn-group-sm > .ant-btn:first-child:not(:last-child), .ant-btn-group-sm > span:first-child:not(:last-child) > .ant-btn { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } .ant-btn-group-sm > .ant-btn:last-child:not(:first-child), .ant-btn-group-sm > span:last-child:not(:first-child) > .ant-btn { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } .ant-btn-group > .ant-btn-group { float: left; } .ant-btn-group > .ant-btn-group:not(:first-child):not(:last-child) > .ant-btn { border-radius: 0; } .ant-btn-group > .ant-btn-group:first-child:not(:last-child) > .ant-btn:last-child { padding-right: 8px; border-top-right-radius: 0; border-bottom-right-radius: 0; } .ant-btn-group > .ant-btn-group:last-child:not(:first-child) > .ant-btn:first-child { padding-left: 8px; border-top-left-radius: 0; border-bottom-left-radius: 0; } .ant-btn-rtl.ant-btn-group .ant-btn + .ant-btn, .ant-btn-rtl.ant-btn + .ant-btn-group, .ant-btn-rtl.ant-btn-group span + .ant-btn, .ant-btn-rtl.ant-btn-group .ant-btn + span, .ant-btn-rtl.ant-btn-group > span + span, .ant-btn-rtl.ant-btn-group + .ant-btn, .ant-btn-rtl.ant-btn-group + .ant-btn-group, .ant-btn-group-rtl.ant-btn-group .ant-btn + .ant-btn, .ant-btn-group-rtl.ant-btn + .ant-btn-group, .ant-btn-group-rtl.ant-btn-group span + .ant-btn, .ant-btn-group-rtl.ant-btn-group .ant-btn + span, .ant-btn-group-rtl.ant-btn-group > span + span, .ant-btn-group-rtl.ant-btn-group + .ant-btn, .ant-btn-group-rtl.ant-btn-group + .ant-btn-group { margin-right: -1px; margin-left: auto; } .ant-btn-group.ant-btn-group-rtl { direction: rtl; } .ant-btn-group-rtl.ant-btn-group > .ant-btn:first-child:not(:last-child), .ant-btn-group-rtl.ant-btn-group > span:first-child:not(:last-child) > .ant-btn { border-radius: 0 2px 2px 0; } .ant-btn-group-rtl.ant-btn-group > .ant-btn:last-child:not(:first-child), .ant-btn-group-rtl.ant-btn-group > span:last-child:not(:first-child) > .ant-btn { border-radius: 2px 0 0 2px; } .ant-btn-group-rtl.ant-btn-group-sm > .ant-btn:first-child:not(:last-child), .ant-btn-group-rtl.ant-btn-group-sm > span:first-child:not(:last-child) > .ant-btn { border-radius: 0 2px 2px 0; } .ant-btn-group-rtl.ant-btn-group-sm > .ant-btn:last-child:not(:first-child), .ant-btn-group-rtl.ant-btn-group-sm > span:last-child:not(:first-child) > .ant-btn { border-radius: 2px 0 0 2px; } .ant-btn:focus > span, .ant-btn:active > span { position: relative; } .ant-btn > .anticon + span, .ant-btn > span + .anticon { margin-left: 8px; } .ant-btn.ant-btn-background-ghost { color: #fff; border-color: #fff; } .ant-btn.ant-btn-background-ghost, .ant-btn.ant-btn-background-ghost:hover, .ant-btn.ant-btn-background-ghost:active, .ant-btn.ant-btn-background-ghost:focus { background: transparent; } .ant-btn.ant-btn-background-ghost:hover, .ant-btn.ant-btn-background-ghost:focus { color: #40a9ff; border-color: #40a9ff; } .ant-btn.ant-btn-background-ghost:active { color: #096dd9; border-color: #096dd9; } .ant-btn.ant-btn-background-ghost[disabled] { color: rgba(0, 0, 0, 0.25); background: transparent; border-color: #d9d9d9; } .ant-btn-background-ghost.ant-btn-primary { color: #1890ff; border-color: #1890ff; text-shadow: none; } .ant-btn-background-ghost.ant-btn-primary > a:only-child { color: currentcolor; } .ant-btn-background-ghost.ant-btn-primary > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-background-ghost.ant-btn-primary:hover, .ant-btn-background-ghost.ant-btn-primary:focus { color: #40a9ff; border-color: #40a9ff; } .ant-btn-background-ghost.ant-btn-primary:hover > a:only-child, .ant-btn-background-ghost.ant-btn-primary:focus > a:only-child { color: currentcolor; } .ant-btn-background-ghost.ant-btn-primary:hover > a:only-child::after, .ant-btn-background-ghost.ant-btn-primary:focus > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-background-ghost.ant-btn-primary:active { color: #096dd9; border-color: #096dd9; } .ant-btn-background-ghost.ant-btn-primary:active > a:only-child { color: currentcolor; } .ant-btn-background-ghost.ant-btn-primary:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-background-ghost.ant-btn-primary[disabled], .ant-btn-background-ghost.ant-btn-primary[disabled]:hover, .ant-btn-background-ghost.ant-btn-primary[disabled]:focus, .ant-btn-background-ghost.ant-btn-primary[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: #d9d9d9; background: #f5f5f5; text-shadow: none; box-shadow: none; } .ant-btn-background-ghost.ant-btn-primary[disabled] > a:only-child, .ant-btn-background-ghost.ant-btn-primary[disabled]:hover > a:only-child, .ant-btn-background-ghost.ant-btn-primary[disabled]:focus > a:only-child, .ant-btn-background-ghost.ant-btn-primary[disabled]:active > a:only-child { color: currentcolor; } .ant-btn-background-ghost.ant-btn-primary[disabled] > a:only-child::after, .ant-btn-background-ghost.ant-btn-primary[disabled]:hover > a:only-child::after, .ant-btn-background-ghost.ant-btn-primary[disabled]:focus > a:only-child::after, .ant-btn-background-ghost.ant-btn-primary[disabled]:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-background-ghost.ant-btn-danger { color: #ff4d4f; border-color: #ff4d4f; text-shadow: none; } .ant-btn-background-ghost.ant-btn-danger > a:only-child { color: currentcolor; } .ant-btn-background-ghost.ant-btn-danger > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-background-ghost.ant-btn-danger:hover, .ant-btn-background-ghost.ant-btn-danger:focus { color: #ff7875; border-color: #ff7875; } .ant-btn-background-ghost.ant-btn-danger:hover > a:only-child, .ant-btn-background-ghost.ant-btn-danger:focus > a:only-child { color: currentcolor; } .ant-btn-background-ghost.ant-btn-danger:hover > a:only-child::after, .ant-btn-background-ghost.ant-btn-danger:focus > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-background-ghost.ant-btn-danger:active { color: #d9363e; border-color: #d9363e; } .ant-btn-background-ghost.ant-btn-danger:active > a:only-child { color: currentcolor; } .ant-btn-background-ghost.ant-btn-danger:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-background-ghost.ant-btn-danger[disabled], .ant-btn-background-ghost.ant-btn-danger[disabled]:hover, .ant-btn-background-ghost.ant-btn-danger[disabled]:focus, .ant-btn-background-ghost.ant-btn-danger[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: #d9d9d9; background: #f5f5f5; text-shadow: none; box-shadow: none; } .ant-btn-background-ghost.ant-btn-danger[disabled] > a:only-child, .ant-btn-background-ghost.ant-btn-danger[disabled]:hover > a:only-child, .ant-btn-background-ghost.ant-btn-danger[disabled]:focus > a:only-child, .ant-btn-background-ghost.ant-btn-danger[disabled]:active > a:only-child { color: currentcolor; } .ant-btn-background-ghost.ant-btn-danger[disabled] > a:only-child::after, .ant-btn-background-ghost.ant-btn-danger[disabled]:hover > a:only-child::after, .ant-btn-background-ghost.ant-btn-danger[disabled]:focus > a:only-child::after, .ant-btn-background-ghost.ant-btn-danger[disabled]:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-background-ghost.ant-btn-dangerous { color: #ff4d4f; border-color: #ff4d4f; text-shadow: none; } .ant-btn-background-ghost.ant-btn-dangerous > a:only-child { color: currentcolor; } .ant-btn-background-ghost.ant-btn-dangerous > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-background-ghost.ant-btn-dangerous:hover, .ant-btn-background-ghost.ant-btn-dangerous:focus { color: #ff7875; border-color: #ff7875; } .ant-btn-background-ghost.ant-btn-dangerous:hover > a:only-child, .ant-btn-background-ghost.ant-btn-dangerous:focus > a:only-child { color: currentcolor; } .ant-btn-background-ghost.ant-btn-dangerous:hover > a:only-child::after, .ant-btn-background-ghost.ant-btn-dangerous:focus > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-background-ghost.ant-btn-dangerous:active { color: #d9363e; border-color: #d9363e; } .ant-btn-background-ghost.ant-btn-dangerous:active > a:only-child { color: currentcolor; } .ant-btn-background-ghost.ant-btn-dangerous:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-background-ghost.ant-btn-dangerous[disabled], .ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover, .ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus, .ant-btn-background-ghost.ant-btn-dangerous[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: #d9d9d9; background: #f5f5f5; text-shadow: none; box-shadow: none; } .ant-btn-background-ghost.ant-btn-dangerous[disabled] > a:only-child, .ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover > a:only-child, .ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus > a:only-child, .ant-btn-background-ghost.ant-btn-dangerous[disabled]:active > a:only-child { color: currentcolor; } .ant-btn-background-ghost.ant-btn-dangerous[disabled] > a:only-child::after, .ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover > a:only-child::after, .ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus > a:only-child::after, .ant-btn-background-ghost.ant-btn-dangerous[disabled]:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link { color: #ff4d4f; border-color: transparent; text-shadow: none; } .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link > a:only-child { color: currentcolor; } .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover, .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus { color: #ff7875; border-color: transparent; } .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover > a:only-child, .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus > a:only-child { color: currentcolor; } .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover > a:only-child::after, .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active { color: #d9363e; border-color: transparent; } .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active > a:only-child { color: currentcolor; } .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled], .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover, .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus, .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active { color: rgba(0, 0, 0, 0.25); border-color: #d9d9d9; background: #f5f5f5; text-shadow: none; box-shadow: none; } .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled] > a:only-child, .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child, .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child, .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child { color: currentcolor; } .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled] > a:only-child::after, .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child::after, .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child::after, .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } .ant-btn-two-chinese-chars::first-letter { letter-spacing: 0.34em; } .ant-btn-two-chinese-chars > *:not(.anticon) { margin-right: -0.34em; letter-spacing: 0.34em; } .ant-btn.ant-btn-block { width: 100%; } .ant-btn:empty { display: inline-block; width: 0; visibility: hidden; content: '\a0'; } a.ant-btn { padding-top: 0.01px !important; line-height: 30px; } a.ant-btn-disabled { cursor: not-allowed; } a.ant-btn-disabled > * { pointer-events: none; } a.ant-btn-disabled, a.ant-btn-disabled:hover, a.ant-btn-disabled:focus, a.ant-btn-disabled:active { color: rgba(0, 0, 0, 0.25); border-color: transparent; background: transparent; text-shadow: none; box-shadow: none; } a.ant-btn-disabled > a:only-child, a.ant-btn-disabled:hover > a:only-child, a.ant-btn-disabled:focus > a:only-child, a.ant-btn-disabled:active > a:only-child { color: currentcolor; } a.ant-btn-disabled > a:only-child::after, a.ant-btn-disabled:hover > a:only-child::after, a.ant-btn-disabled:focus > a:only-child::after, a.ant-btn-disabled:active > a:only-child::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: ''; } a.ant-btn-lg { line-height: 38px; } a.ant-btn-sm { line-height: 22px; } .ant-btn-compact-item:not(.ant-btn-compact-last-item):not(.ant-btn-compact-item-rtl) { margin-right: -1px; } .ant-btn-compact-item:not(.ant-btn-compact-last-item).ant-btn-compact-item-rtl { margin-left: -1px; } .ant-btn-compact-item:hover, .ant-btn-compact-item:focus, .ant-btn-compact-item:active { z-index: 2; } .ant-btn-compact-item[disabled] { z-index: 0; } .ant-btn-compact-item:not(.ant-btn-compact-first-item):not(.ant-btn-compact-last-item).ant-btn { border-radius: 0; } .ant-btn-compact-item.ant-btn.ant-btn-compact-first-item:not(.ant-btn-compact-item-rtl) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .ant-btn-compact-item.ant-btn.ant-btn-compact-last-item:not(.ant-btn-compact-item-rtl) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .ant-btn-compact-item.ant-btn.ant-btn-compact-item-rtl.ant-btn-compact-first-item { border-top-left-radius: 0; border-bottom-left-radius: 0; } .ant-btn-compact-item.ant-btn.ant-btn-compact-item-rtl.ant-btn-compact-last-item { border-top-right-radius: 0; border-bottom-right-radius: 0; } .ant-btn-icon-only.ant-btn-compact-item { flex: none; } .ant-btn-compact-item.ant-btn-primary:not([disabled]) + .ant-btn-compact-item.ant-btn-primary:not([disabled]) { position: relative; } .ant-btn-compact-item.ant-btn-primary:not([disabled]) + .ant-btn-compact-item.ant-btn-primary:not([disabled])::after { position: absolute; top: -1px; left: -1px; display: inline-block; width: 1px; height: calc(100% + 1px * 2); background-color: #40a9ff; content: ' '; } .ant-btn-compact-item-rtl.ant-btn-compact-first-item.ant-btn-compact-item-rtl:not(.ant-btn-compact-last-item) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .ant-btn-compact-item-rtl.ant-btn-compact-last-item.ant-btn-compact-item-rtl:not(.ant-btn-compact-first-item) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .ant-btn-compact-item-rtl.ant-btn-sm.ant-btn-compact-first-item.ant-btn-compact-item-rtl.ant-btn-sm:not(.ant-btn-compact-last-item) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .ant-btn-compact-item-rtl.ant-btn-sm.ant-btn-compact-last-item.ant-btn-compact-item-rtl.ant-btn-sm:not(.ant-btn-compact-first-item) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .ant-btn-compact-item-rtl.ant-btn-primary:not([disabled]) + .ant-btn-compact-item-rtl.ant-btn-primary:not([disabled])::after { right: -1px; } .ant-btn-compact-vertical-item:not(.ant-btn-compact-vertical-last-item) { margin-bottom: -1px; } .ant-btn-compact-vertical-item:hover, .ant-btn-compact-vertical-item:focus, .ant-btn-compact-vertical-item:active { z-index: 2; } .ant-btn-compact-vertical-item[disabled] { z-index: 0; } .ant-btn-compact-vertical-item:not(.ant-btn-compact-vertical-first-item):not(.ant-btn-compact-vertical-last-item) { border-radius: 0; } .ant-btn-compact-vertical-item.ant-btn-compact-vertical-first-item { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .ant-btn-compact-vertical-item.ant-btn-compact-vertical-last-item { border-top-left-radius: 0; border-top-right-radius: 0; } .ant-btn-compact-vertical-item.ant-btn-primary:not([disabled]) + .ant-btn-compact-vertical-item.ant-btn-primary:not([disabled]) { position: relative; } .ant-btn-compact-vertical-item.ant-btn-primary:not([disabled]) + .ant-btn-compact-vertical-item.ant-btn-primary:not([disabled])::after { position: absolute; top: -1px; left: -1px; display: inline-block; width: calc(100% + 1px * 2); height: 1px; background-color: #40a9ff; content: ' '; } .ant-btn-rtl { direction: rtl; } .ant-btn-group-rtl.ant-btn-group .ant-btn-primary:last-child:not(:first-child), .ant-btn-group-rtl.ant-btn-group .ant-btn-primary + .ant-btn-primary { border-right-color: #40a9ff; border-left-color: #d9d9d9; } .ant-btn-group-rtl.ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled], .ant-btn-group-rtl.ant-btn-group .ant-btn-primary + .ant-btn-primary[disabled] { border-right-color: #d9d9d9; border-left-color: #40a9ff; } .ant-btn-rtl.ant-btn > .ant-btn-loading-icon .anticon { padding-right: 0; padding-left: 8px; } .ant-btn-rtl.ant-btn > .anticon + span, .ant-btn-rtl.ant-btn > span + .anticon { margin-right: 8px; margin-left: 0; } /* 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-menu-item-danger.ant-menu-item { color: #ff4d4f; } .ant-menu-item-danger.ant-menu-item:hover, .ant-menu-item-danger.ant-menu-item-active { color: #ff4d4f; } .ant-menu-item-danger.ant-menu-item:active { background: #fff1f0; } .ant-menu-item-danger.ant-menu-item-selected { color: #ff4d4f; } .ant-menu-item-danger.ant-menu-item-selected > a, .ant-menu-item-danger.ant-menu-item-selected > a:hover { color: #ff4d4f; } .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-danger.ant-menu-item-selected { background-color: #fff1f0; } .ant-menu-inline .ant-menu-item-danger.ant-menu-item::after { border-right-color: #ff4d4f; } .ant-menu-dark .ant-menu-item-danger.ant-menu-item, .ant-menu-dark .ant-menu-item-danger.ant-menu-item:hover, .ant-menu-dark .ant-menu-item-danger.ant-menu-item > a { color: #ff4d4f; } .ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal) .ant-menu-item-danger.ant-menu-item-selected { color: #fff; background-color: #ff4d4f; } .ant-menu { box-sizing: border-box; margin: 0; padding: 0; font-variant: tabular-nums; line-height: 1.5715; font-feature-settings: 'tnum'; margin-bottom: 0; padding-left: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; line-height: 0; text-align: left; list-style: none; background: #fff; outline: none; box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05); transition: background 0.3s, width 0.3s cubic-bezier(0.2, 0, 0, 1) 0s; } .ant-menu::before { display: table; content: ''; } .ant-menu::after { display: table; clear: both; content: ''; } .ant-menu.ant-menu-root:focus-visible { box-shadow: 0 0 0 2px #bae7ff; } .ant-menu ul, .ant-menu ol { margin: 0; padding: 0; list-style: none; } .ant-menu-overflow { display: flex; } .ant-menu-overflow-item { flex: none; } .ant-menu-hidden, .ant-menu-submenu-hidden { display: none; } .ant-menu-item-group-title { height: 1.5715; padding: 8px 16px; color: rgba(0, 0, 0, 0.45); font-size: 14px; line-height: 1.5715; transition: all 0.3s; } .ant-menu-horizontal .ant-menu-submenu { transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-menu-submenu, .ant-menu-submenu-inline { transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-menu-submenu-selected { color: #1890ff; } .ant-menu-item:active, .ant-menu-submenu-title:active { background: #e6f7ff; } .ant-menu-submenu .ant-menu-sub { cursor: initial; transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-menu-title-content { transition: color 0.3s; } .ant-menu-item a { color: rgba(0, 0, 0, 0.85); } .ant-menu-item a:hover { color: #1890ff; } .ant-menu-item a::before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: transparent; content: ''; } .ant-menu-item > .ant-badge a { color: rgba(0, 0, 0, 0.85); } .ant-menu-item > .ant-badge a:hover { color: #1890ff; } .ant-menu-item-divider { overflow: hidden; line-height: 0; border-color: #f0f0f0; border-style: solid; border-width: 1px 0 0; } .ant-menu-item-divider-dashed { border-style: dashed; } .ant-menu-horizontal .ant-menu-item, .ant-menu-horizontal .ant-menu-submenu { margin-top: -1px; } .ant-menu-horizontal > .ant-menu-item:hover, .ant-menu-horizontal > .ant-menu-item-active, .ant-menu-horizontal > .ant-menu-submenu .ant-menu-submenu-title:hover { background-color: transparent; } .ant-menu-item-selected { color: #1890ff; } .ant-menu-item-selected a, .ant-menu-item-selected a:hover { color: #1890ff; } .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected { background-color: #e6f7ff; } .ant-menu-inline, .ant-menu-vertical, .ant-menu-vertical-left { border-right: 1px solid #f0f0f0; } .ant-menu-vertical-right { border-left: 1px solid #f0f0f0; } .ant-menu-vertical.ant-menu-sub, .ant-menu-vertical-left.ant-menu-sub, .ant-menu-vertical-right.ant-menu-sub { min-width: 160px; max-height: calc(100vh - 100px); padding: 0; overflow: hidden; border-right: 0; } .ant-menu-vertical.ant-menu-sub:not([class*='-active']), .ant-menu-vertical-left.ant-menu-sub:not([class*='-active']), .ant-menu-vertical-right.ant-menu-sub:not([class*='-active']) { overflow-x: hidden; overflow-y: auto; } .ant-menu-vertical.ant-menu-sub .ant-menu-item, .ant-menu-vertical-left.ant-menu-sub .ant-menu-item, .ant-menu-vertical-right.ant-menu-sub .ant-menu-item { left: 0; margin-left: 0; border-right: 0; } .ant-menu-vertical.ant-menu-sub .ant-menu-item::after, .ant-menu-vertical-left.ant-menu-sub .ant-menu-item::after, .ant-menu-vertical-right.ant-menu-sub .ant-menu-item::after { border-right: 0; } .ant-menu-vertical.ant-menu-sub > .ant-menu-item, .ant-menu-vertical-left.ant-menu-sub > .ant-menu-item, .ant-menu-vertical-right.ant-menu-sub > .ant-menu-item, .ant-menu-vertical.ant-menu-sub > .ant-menu-submenu, .ant-menu-vertical-left.ant-menu-sub > .ant-menu-submenu, .ant-menu-vertical-right.ant-menu-sub > .ant-menu-submenu { transform-origin: 0 0; } .ant-menu-horizontal.ant-menu-sub { min-width: 114px; } .ant-menu-horizontal .ant-menu-item, .ant-menu-horizontal .ant-menu-submenu-title { transition: border-color 0.3s, background 0.3s; } .ant-menu-item, .ant-menu-submenu-title { position: relative; display: block; margin: 0; padding: 0 20px; white-space: nowrap; cursor: pointer; transition: border-color 0.3s, background 0.3s, padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-menu-item .ant-menu-item-icon, .ant-menu-submenu-title .ant-menu-item-icon, .ant-menu-item .anticon, .ant-menu-submenu-title .anticon { min-width: 14px; font-size: 14px; transition: font-size 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), margin 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s; } .ant-menu-item .ant-menu-item-icon + span, .ant-menu-submenu-title .ant-menu-item-icon + span, .ant-menu-item .anticon + span, .ant-menu-submenu-title .anticon + span { margin-left: 10px; opacity: 1; transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), margin 0.3s, color 0.3s; } .ant-menu-item .ant-menu-item-icon.svg, .ant-menu-submenu-title .ant-menu-item-icon.svg { vertical-align: -0.125em; } .ant-menu-item.ant-menu-item-only-child > .anticon, .ant-menu-submenu-title.ant-menu-item-only-child > .anticon, .ant-menu-item.ant-menu-item-only-child > .ant-menu-item-icon, .ant-menu-submenu-title.ant-menu-item-only-child > .ant-menu-item-icon { margin-right: 0; } .ant-menu-item:not(.ant-menu-item-disabled):focus-visible, .ant-menu-submenu-title:not(.ant-menu-item-disabled):focus-visible { box-shadow: 0 0 0 2px #bae7ff; } .ant-menu > .ant-menu-item-divider { margin: 1px 0; padding: 0; } .ant-menu-submenu-popup { position: absolute; z-index: 1050; background: transparent; border-radius: 2px; box-shadow: none; transform-origin: 0 0; } .ant-menu-submenu-popup::before { position: absolute; top: -7px; right: 0; bottom: 0; left: 0; z-index: -1; width: 100%; height: 100%; opacity: 0.0001; content: ' '; } .ant-menu-submenu-placement-rightTop::before { top: 0; left: -7px; } .ant-menu-submenu > .ant-menu { background-color: #fff; border-radius: 2px; } .ant-menu-submenu > .ant-menu-submenu-title::after { transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-menu-submenu-popup > .ant-menu { background-color: #fff; } .ant-menu-submenu-expand-icon, .ant-menu-submenu-arrow { position: absolute; top: 50%; right: 16px; width: 10px; color: rgba(0, 0, 0, 0.85); transform: translateY(-50%); transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-menu-submenu-arrow::before, .ant-menu-submenu-arrow::after { position: absolute; width: 6px; height: 1.5px; background-color: currentcolor; border-radius: 2px; transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); content: ''; } .ant-menu-submenu-arrow::before { transform: rotate(45deg) translateY(-2.5px); } .ant-menu-submenu-arrow::after { transform: rotate(-45deg) translateY(2.5px); } .ant-menu-submenu:hover > .ant-menu-submenu-title > .ant-menu-submenu-expand-icon, .ant-menu-submenu:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow { color: #1890ff; } .ant-menu-inline-collapsed .ant-menu-submenu-arrow::before, .ant-menu-submenu-inline .ant-menu-submenu-arrow::before { transform: rotate(-45deg) translateX(2.5px); } .ant-menu-inline-collapsed .ant-menu-submenu-arrow::after, .ant-menu-submenu-inline .ant-menu-submenu-arrow::after { transform: rotate(45deg) translateX(-2.5px); } .ant-menu-submenu-horizontal .ant-menu-submenu-arrow { display: none; } .ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title > .ant-menu-submenu-arrow { transform: translateY(-2px); } .ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after { transform: rotate(-45deg) translateX(-2.5px); } .ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before { transform: rotate(45deg) translateX(2.5px); } .ant-menu-vertical .ant-menu-submenu-selected, .ant-menu-vertical-left .ant-menu-submenu-selected, .ant-menu-vertical-right .ant-menu-submenu-selected { color: #1890ff; } .ant-menu-horizontal { line-height: 46px; border: 0; border-bottom: 1px solid #f0f0f0; box-shadow: none; } .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu { margin-top: -1px; margin-bottom: 0; padding: 0 20px; } .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item:hover, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu:hover, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-active, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-active, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-open, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-open, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-selected, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-selected { color: #1890ff; } .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item:hover::after, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu:hover::after, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-active::after, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-active::after, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-open::after, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-open::after, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-selected::after, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-selected::after { border-bottom: 2px solid #1890ff; } .ant-menu-horizontal > .ant-menu-item, .ant-menu-horizontal > .ant-menu-submenu { position: relative; top: 1px; display: inline-block; vertical-align: bottom; } .ant-menu-horizontal > .ant-menu-item::after, .ant-menu-horizontal > .ant-menu-submenu::after { position: absolute; right: 20px; bottom: 0; left: 20px; border-bottom: 2px solid transparent; transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); content: ''; } .ant-menu-horizontal > .ant-menu-submenu > .ant-menu-submenu-title { padding: 0; } .ant-menu-horizontal > .ant-menu-item a { color: rgba(0, 0, 0, 0.85); } .ant-menu-horizontal > .ant-menu-item a:hover { color: #1890ff; } .ant-menu-horizontal > .ant-menu-item a::before { bottom: -2px; } .ant-menu-horizontal > .ant-menu-item-selected a { color: #1890ff; } .ant-menu-horizontal::after { display: block; clear: both; height: 0; content: '\20'; } .ant-menu-vertical .ant-menu-item, .ant-menu-vertical-left .ant-menu-item, .ant-menu-vertical-right .ant-menu-item, .ant-menu-inline .ant-menu-item { position: relative; } .ant-menu-vertical .ant-menu-item::after, .ant-menu-vertical-left .ant-menu-item::after, .ant-menu-vertical-right .ant-menu-item::after, .ant-menu-inline .ant-menu-item::after { position: absolute; top: 0; right: 0; bottom: 0; border-right: 3px solid #1890ff; transform: scaleY(0.0001); opacity: 0; transition: transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); content: ''; } .ant-menu-vertical .ant-menu-item, .ant-menu-vertical-left .ant-menu-item, .ant-menu-vertical-right .ant-menu-item, .ant-menu-inline .ant-menu-item, .ant-menu-vertical .ant-menu-submenu-title, .ant-menu-vertical-left .ant-menu-submenu-title, .ant-menu-vertical-right .ant-menu-submenu-title, .ant-menu-inline .ant-menu-submenu-title { height: 40px; margin-top: 4px; margin-bottom: 4px; padding: 0 16px; overflow: hidden; line-height: 40px; text-overflow: ellipsis; } .ant-menu-vertical .ant-menu-submenu, .ant-menu-vertical-left .ant-menu-submenu, .ant-menu-vertical-right .ant-menu-submenu, .ant-menu-inline .ant-menu-submenu { padding-bottom: 0.02px; } .ant-menu-vertical .ant-menu-item:not(:last-child), .ant-menu-vertical-left .ant-menu-item:not(:last-child), .ant-menu-vertical-right .ant-menu-item:not(:last-child), .ant-menu-inline .ant-menu-item:not(:last-child) { margin-bottom: 8px; } .ant-menu-vertical > .ant-menu-item, .ant-menu-vertical-left > .ant-menu-item, .ant-menu-vertical-right > .ant-menu-item, .ant-menu-inline > .ant-menu-item, .ant-menu-vertical > .ant-menu-submenu > .ant-menu-submenu-title, .ant-menu-vertical-left > .ant-menu-submenu > .ant-menu-submenu-title, .ant-menu-vertical-right > .ant-menu-submenu > .ant-menu-submenu-title, .ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title { height: 40px; line-height: 40px; } .ant-menu-vertical .ant-menu-item-group-list .ant-menu-submenu-title, .ant-menu-vertical .ant-menu-submenu-title { padding-right: 34px; } .ant-menu-inline { width: 100%; } .ant-menu-inline .ant-menu-selected::after, .ant-menu-inline .ant-menu-item-selected::after { transform: scaleY(1); opacity: 1; transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-menu-inline .ant-menu-item, .ant-menu-inline .ant-menu-submenu-title { width: calc(100% + 1px); } .ant-menu-inline .ant-menu-item-group-list .ant-menu-submenu-title, .ant-menu-inline .ant-menu-submenu-title { padding-right: 34px; } .ant-menu-inline.ant-menu-root .ant-menu-item, .ant-menu-inline.ant-menu-root .ant-menu-submenu-title { display: flex; align-items: center; transition: border-color 0.3s, background 0.3s, padding 0.1s cubic-bezier(0.215, 0.61, 0.355, 1); } .ant-menu-inline.ant-menu-root .ant-menu-item > .ant-menu-title-content, .ant-menu-inline.ant-menu-root .ant-menu-submenu-title > .ant-menu-title-content { flex: auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; } .ant-menu-inline.ant-menu-root .ant-menu-item > *, .ant-menu-inline.ant-menu-root .ant-menu-submenu-title > * { flex: none; } .ant-menu.ant-menu-inline-collapsed { width: 80px; } .ant-menu.ant-menu-inline-collapsed > .ant-menu-item, .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item, .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title, .ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title { left: 0; padding: 0 calc(50% - 16px / 2); text-overflow: clip; } .ant-menu.ant-menu-inline-collapsed > .ant-menu-item .ant-menu-submenu-arrow, .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .ant-menu-submenu-arrow, .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-submenu-arrow, .ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-submenu-arrow { opacity: 0; } .ant-menu.ant-menu-inline-collapsed > .ant-menu-item .ant-menu-item-icon, .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .ant-menu-item-icon, .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-item-icon, .ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-item-icon, .ant-menu.ant-menu-inline-collapsed > .ant-menu-item .anticon, .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .anticon, .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .anticon, .ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .anticon { margin: 0; font-size: 16px; line-height: 40px; } .ant-menu.ant-menu-inline-collapsed > .ant-menu-item .ant-menu-item-icon + span, .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .ant-menu-item-icon + span, .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-item-icon + span, .ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-item-icon + span, .ant-menu.ant-menu-inline-collapsed > .ant-menu-item .anticon + span, .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .anticon + span, .ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .anticon + span, .ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .anticon + span { display: inline-block; opacity: 0; } .ant-menu.ant-menu-inline-collapsed .ant-menu-item-icon, .ant-menu.ant-menu-inline-collapsed .anticon { display: inline-block; } .ant-menu.ant-menu-inline-collapsed-tooltip { pointer-events: none; } .ant-menu.ant-menu-inline-collapsed-tooltip .ant-menu-item-icon, .ant-menu.ant-menu-inline-collapsed-tooltip .anticon { display: none; } .ant-menu.ant-menu-inline-collapsed-tooltip a { color: rgba(255, 255, 255, 0.85); } .ant-menu.ant-menu-inline-collapsed .ant-menu-item-group-title { padding-right: 4px; padding-left: 4px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .ant-menu-item-group-list { margin: 0; padding: 0; } .ant-menu-item-group-list .ant-menu-item, .ant-menu-item-group-list .ant-menu-submenu-title { padding: 0 16px 0 28px; } .ant-menu-root.ant-menu-vertical, .ant-menu-root.ant-menu-vertical-left, .ant-menu-root.ant-menu-vertical-right, .ant-menu-root.ant-menu-inline { box-shadow: none; } .ant-menu-root.ant-menu-inline-collapsed .ant-menu-item > .ant-menu-inline-collapsed-noicon, .ant-menu-root.ant-menu-inline-collapsed .ant-menu-submenu .ant-menu-submenu-title > .ant-menu-inline-collapsed-noicon { font-size: 16px; text-align: center; } .ant-menu-sub.ant-menu-inline { padding: 0; background: #fafafa; border: 0; border-radius: 0; box-shadow: none; } .ant-menu-sub.ant-menu-inline > .ant-menu-item, .ant-menu-sub.ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title { height: 40px; line-height: 40px; list-style-position: inside; list-style-type: disc; } .ant-menu-sub.ant-menu-inline .ant-menu-item-group-title { padding-left: 32px; } .ant-menu-item-disabled, .ant-menu-submenu-disabled { color: rgba(0, 0, 0, 0.25) !important; background: none; cursor: not-allowed; } .ant-menu-item-disabled::after, .ant-menu-submenu-disabled::after { border-color: transparent !important; } .ant-menu-item-disabled a, .ant-menu-submenu-disabled a { color: rgba(0, 0, 0, 0.25) !important; } .ant-menu-item-disabled > .ant-menu-submenu-title, .ant-menu-submenu-disabled > .ant-menu-submenu-title { color: rgba(0, 0, 0, 0.25) !important; cursor: not-allowed; } .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before, .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before, .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after, .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after { background: rgba(0, 0, 0, 0.25) !important; } .ant-layout-header .ant-menu { line-height: inherit; } .ant-menu-inline-collapsed-tooltip a, .ant-menu-inline-collapsed-tooltip a:hover { color: #fff; } .ant-menu-light .ant-menu-item:hover, .ant-menu-light .ant-menu-item-active, .ant-menu-light .ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open, .ant-menu-light .ant-menu-submenu-active, .ant-menu-light .ant-menu-submenu-title:hover { color: #1890ff; } .ant-menu.ant-menu-root:focus-visible { box-shadow: 0 0 0 2px #096dd9; } .ant-menu-dark .ant-menu-item:focus-visible, .ant-menu-dark .ant-menu-submenu-title:focus-visible { box-shadow: 0 0 0 2px #096dd9; } .ant-menu.ant-menu-dark, .ant-menu-dark .ant-menu-sub, .ant-menu.ant-menu-dark .ant-menu-sub { color: rgba(255, 255, 255, 0.65); background: #001529; } .ant-menu.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow, .ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow, .ant-menu.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow { opacity: 0.45; transition: all 0.3s; } .ant-menu.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow::after, .ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::after, .ant-menu.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::after, .ant-menu.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow::before, .ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::before, .ant-menu.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::before { background: #fff; } .ant-menu-dark.ant-menu-submenu-popup { background: transparent; } .ant-menu-dark .ant-menu-inline.ant-menu-sub { background: #000c17; } .ant-menu-dark.ant-menu-horizontal { border-bottom: 0; } .ant-menu-dark.ant-menu-horizontal > .ant-menu-item, .ant-menu-dark.ant-menu-horizontal > .ant-menu-submenu { top: 0; margin-top: 0; padding: 0 20px; border-color: #001529; border-bottom: 0; } .ant-menu-dark.ant-menu-horizontal > .ant-menu-item:hover { background-color: #1890ff; } .ant-menu-dark.ant-menu-horizontal > .ant-menu-item > a::before { bottom: 0; } .ant-menu-dark .ant-menu-item, .ant-menu-dark .ant-menu-item-group-title, .ant-menu-dark .ant-menu-item > a, .ant-menu-dark .ant-menu-item > span > a { color: rgba(255, 255, 255, 0.65); } .ant-menu-dark.ant-menu-inline, .ant-menu-dark.ant-menu-vertical, .ant-menu-dark.ant-menu-vertical-left, .ant-menu-dark.ant-menu-vertical-right { border-right: 0; } .ant-menu-dark.ant-menu-inline .ant-menu-item, .ant-menu-dark.ant-menu-vertical .ant-menu-item, .ant-menu-dark.ant-menu-vertical-left .ant-menu-item, .ant-menu-dark.ant-menu-vertical-right .ant-menu-item { left: 0; margin-left: 0; border-right: 0; } .ant-menu-dark.ant-menu-inline .ant-menu-item::after, .ant-menu-dark.ant-menu-vertical .ant-menu-item::after, .ant-menu-dark.ant-menu-vertical-left .ant-menu-item::after, .ant-menu-dark.ant-menu-vertical-right .ant-menu-item::after { border-right: 0; } .ant-menu-dark.ant-menu-inline .ant-menu-item, .ant-menu-dark.ant-menu-inline .ant-menu-submenu-title { width: 100%; } .ant-menu-dark .ant-menu-item:hover, .ant-menu-dark .ant-menu-item-active, .ant-menu-dark .ant-menu-submenu-active, .ant-menu-dark .ant-menu-submenu-open, .ant-menu-dark .ant-menu-submenu-selected, .ant-menu-dark .ant-menu-submenu-title:hover { color: #fff; background-color: transparent; } .ant-menu-dark .ant-menu-item:hover > a, .ant-menu-dark .ant-menu-item-active > a, .ant-menu-dark .ant-menu-submenu-active > a, .ant-menu-dark .ant-menu-submenu-open > a, .ant-menu-dark .ant-menu-submenu-selected > a, .ant-menu-dark .ant-menu-submenu-title:hover > a, .ant-menu-dark .ant-menu-item:hover > span > a, .ant-menu-dark .ant-menu-item-active > span > a, .ant-menu-dark .ant-menu-submenu-active > span > a, .ant-menu-dark .ant-menu-submenu-open > span > a, .ant-menu-dark .ant-menu-submenu-selected > span > a, .ant-menu-dark .ant-menu-submenu-title:hover > span > a { color: #fff; } .ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow, .ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow, .ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow, .ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow, .ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow, .ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow { opacity: 1; } .ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after, .ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after, .ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after, .ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after, .ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after, .ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after, .ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before, .ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before, .ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before, .ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before, .ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before, .ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before { background: #fff; } .ant-menu-dark .ant-menu-item:hover { background-color: transparent; } .ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal) .ant-menu-item-selected { background-color: #1890ff; } .ant-menu-dark .ant-menu-item-selected { color: #fff; border-right: 0; } .ant-menu-dark .ant-menu-item-selected::after { border-right: 0; } .ant-menu-dark .ant-menu-item-selected > a, .ant-menu-dark .ant-menu-item-selected > span > a, .ant-menu-dark .ant-menu-item-selected > a:hover, .ant-menu-dark .ant-menu-item-selected > span > a:hover { color: #fff; } .ant-menu-dark .ant-menu-item-selected .ant-menu-item-icon, .ant-menu-dark .ant-menu-item-selected .anticon { color: #fff; } .ant-menu-dark .ant-menu-item-selected .ant-menu-item-icon + span, .ant-menu-dark .ant-menu-item-selected .anticon + span { color: #fff; } .ant-menu.ant-menu-dark .ant-menu-item-selected, .ant-menu-submenu-popup.ant-menu-dark .ant-menu-item-selected { background-color: #1890ff; } .ant-menu-dark .ant-menu-item-disabled, .ant-menu-dark .ant-menu-submenu-disabled, .ant-menu-dark .ant-menu-item-disabled > a, .ant-menu-dark .ant-menu-submenu-disabled > a, .ant-menu-dark .ant-menu-item-disabled > span > a, .ant-menu-dark .ant-menu-submenu-disabled > span > a { color: rgba(255, 255, 255, 0.35) !important; opacity: 0.8; } .ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title, .ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title { color: rgba(255, 255, 255, 0.35) !important; } .ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before, .ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before, .ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after, .ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after { background: rgba(255, 255, 255, 0.35) !important; } .ant-menu.ant-menu-rtl { direction: rtl; text-align: right; } .ant-menu-rtl .ant-menu-item-group-title { text-align: right; } .ant-menu-rtl.ant-menu-inline, .ant-menu-rtl.ant-menu-vertical { border-right: none; border-left: 1px solid #f0f0f0; } .ant-menu-rtl.ant-menu-dark.ant-menu-inline, .ant-menu-rtl.ant-menu-dark.ant-menu-vertical { border-left: none; } .ant-menu-rtl.ant-menu-vertical.ant-menu-sub > .ant-menu-item, .ant-menu-rtl.ant-menu-vertical-left.ant-menu-sub > .ant-menu-item, .ant-menu-rtl.ant-menu-vertical-right.ant-menu-sub > .ant-menu-item, .ant-menu-rtl.ant-menu-vertical.ant-menu-sub > .ant-menu-submenu, .ant-menu-rtl.ant-menu-vertical-left.ant-menu-sub > .ant-menu-submenu, .ant-menu-rtl.ant-menu-vertical-right.ant-menu-sub > .ant-menu-submenu { transform-origin: top right; } .ant-menu-rtl .ant-menu-item .ant-menu-item-icon, .ant-menu-rtl .ant-menu-submenu-title .ant-menu-item-icon, .ant-menu-rtl .ant-menu-item .anticon, .ant-menu-rtl .ant-menu-submenu-title .anticon { margin-right: auto; margin-left: 10px; } .ant-menu-rtl .ant-menu-item.ant-menu-item-only-child > .ant-menu-item-icon, .ant-menu-rtl .ant-menu-submenu-title.ant-menu-item-only-child > .ant-menu-item-icon, .ant-menu-rtl .ant-menu-item.ant-menu-item-only-child > .anticon, .ant-menu-rtl .ant-menu-submenu-title.ant-menu-item-only-child > .anticon { margin-left: 0; } .ant-menu-submenu-rtl.ant-menu-submenu-popup { transform-origin: 100% 0; } .ant-menu-rtl .ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow, .ant-menu-rtl .ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow, .ant-menu-rtl .ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow, .ant-menu-rtl .ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow { right: auto; left: 16px; } .ant-menu-rtl .ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::before, .ant-menu-rtl .ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::before, .ant-menu-rtl .ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::before { transform: rotate(-45deg) translateY(-2px); } .ant-menu-rtl .ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::after, .ant-menu-rtl .ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::after, .ant-menu-rtl .ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::after { transform: rotate(45deg) translateY(2px); } .ant-menu-rtl.ant-menu-vertical .ant-menu-item::after, .ant-menu-rtl.ant-menu-vertical-left .ant-menu-item::after, .ant-menu-rtl.ant-menu-vertical-right .ant-menu-item::after, .ant-menu-rtl.ant-menu-inline .ant-menu-item::after { right: auto; left: 0; } .ant-menu-rtl.ant-menu-vertical .ant-menu-item, .ant-menu-rtl.ant-menu-vertical-left .ant-menu-item, .ant-menu-rtl.ant-menu-vertical-right .ant-menu-item, .ant-menu-rtl.ant-menu-inline .ant-menu-item, .ant-menu-rtl.ant-menu-vertical .ant-menu-submenu-title, .ant-menu-rtl.ant-menu-vertical-left .ant-menu-submenu-title, .ant-menu-rtl.ant-menu-vertical-right .ant-menu-submenu-title, .ant-menu-rtl.ant-menu-inline .ant-menu-submenu-title { text-align: right; } .ant-menu-rtl.ant-menu-inline .ant-menu-submenu-title { padding-right: 0; padding-left: 34px; } .ant-menu-rtl.ant-menu-vertical .ant-menu-submenu-title { padding-right: 16px; padding-left: 34px; } .ant-menu-rtl.ant-menu-inline-collapsed.ant-menu-vertical .ant-menu-submenu-title { padding: 0 calc(50% - 16px / 2); } .ant-menu-rtl .ant-menu-item-group-list .ant-menu-item, .ant-menu-rtl .ant-menu-item-group-list .ant-menu-submenu-title { padding: 0 28px 0 16px; } .ant-menu-sub.ant-menu-inline { border: 0; } .ant-menu-rtl.ant-menu-sub.ant-menu-inline .ant-menu-item-group-title { padding-right: 32px; padding-left: 0; } /* 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-tooltip { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; position: absolute; z-index: 1070; display: block; width: -moz-max-content; width: max-content; width: intrinsic; max-width: 250px; visibility: visible; } .ant-tooltip-content { position: relative; } .ant-tooltip-hidden { display: none; } .ant-tooltip-placement-top, .ant-tooltip-placement-topLeft, .ant-tooltip-placement-topRight { padding-bottom: 14.3137085px; } .ant-tooltip-placement-right, .ant-tooltip-placement-rightTop, .ant-tooltip-placement-rightBottom { padding-left: 14.3137085px; } .ant-tooltip-placement-bottom, .ant-tooltip-placement-bottomLeft, .ant-tooltip-placement-bottomRight { padding-top: 14.3137085px; } .ant-tooltip-placement-left, .ant-tooltip-placement-leftTop, .ant-tooltip-placement-leftBottom { padding-right: 14.3137085px; } .ant-tooltip-inner { min-width: 30px; min-height: 32px; padding: 6px 8px; color: #fff; text-align: left; text-decoration: none; word-wrap: break-word; background-color: rgba(0, 0, 0, 0.75); border-radius: 2px; box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05); } .ant-tooltip-arrow { position: absolute; z-index: 2; display: block; width: 22px; height: 22px; overflow: hidden; background: transparent; pointer-events: none; } .ant-tooltip-arrow-content { --antd-arrow-background-color: linear-gradient(to right bottom, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.75)); position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; width: 11.3137085px; height: 11.3137085px; margin: auto; content: ''; pointer-events: auto; border-radius: 0 0 2px; pointer-events: none; } .ant-tooltip-arrow-content::before { position: absolute; top: -11.3137085px; left: -11.3137085px; width: 33.9411255px; height: 33.9411255px; background: var(--antd-arrow-background-color); background-repeat: no-repeat; background-position: -10px -10px; content: ''; -webkit-clip-path: inset(33% 33%); clip-path: inset(33% 33%); -webkit-clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z'); clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z'); } .ant-tooltip-placement-top .ant-tooltip-arrow, .ant-tooltip-placement-topLeft .ant-tooltip-arrow, .ant-tooltip-placement-topRight .ant-tooltip-arrow { bottom: 0; transform: translateY(100%); } .ant-tooltip-placement-top .ant-tooltip-arrow-content, .ant-tooltip-placement-topLeft .ant-tooltip-arrow-content, .ant-tooltip-placement-topRight .ant-tooltip-arrow-content { box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07); transform: translateY(-11px) rotate(45deg); } .ant-tooltip-placement-top .ant-tooltip-arrow { left: 50%; transform: translateY(100%) translateX(-50%); } .ant-tooltip-placement-topLeft .ant-tooltip-arrow { left: 13px; } .ant-tooltip-placement-topRight .ant-tooltip-arrow { right: 13px; } .ant-tooltip-placement-right .ant-tooltip-arrow, .ant-tooltip-placement-rightTop .ant-tooltip-arrow, .ant-tooltip-placement-rightBottom .ant-tooltip-arrow { left: 0; transform: translateX(-100%); } .ant-tooltip-placement-right .ant-tooltip-arrow-content, .ant-tooltip-placement-rightTop .ant-tooltip-arrow-content, .ant-tooltip-placement-rightBottom .ant-tooltip-arrow-content { box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07); transform: translateX(11px) rotate(135deg); } .ant-tooltip-placement-right .ant-tooltip-arrow { top: 50%; transform: translateX(-100%) translateY(-50%); } .ant-tooltip-placement-rightTop .ant-tooltip-arrow { top: 5px; } .ant-tooltip-placement-rightBottom .ant-tooltip-arrow { bottom: 5px; } .ant-tooltip-placement-left .ant-tooltip-arrow, .ant-tooltip-placement-leftTop .ant-tooltip-arrow, .ant-tooltip-placement-leftBottom .ant-tooltip-arrow { right: 0; transform: translateX(100%); } .ant-tooltip-placement-left .ant-tooltip-arrow-content, .ant-tooltip-placement-leftTop .ant-tooltip-arrow-content, .ant-tooltip-placement-leftBottom .ant-tooltip-arrow-content { box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07); transform: translateX(-11px) rotate(315deg); } .ant-tooltip-placement-left .ant-tooltip-arrow { top: 50%; transform: translateX(100%) translateY(-50%); } .ant-tooltip-placement-leftTop .ant-tooltip-arrow { top: 5px; } .ant-tooltip-placement-leftBottom .ant-tooltip-arrow { bottom: 5px; } .ant-tooltip-placement-bottom .ant-tooltip-arrow, .ant-tooltip-placement-bottomLeft .ant-tooltip-arrow, .ant-tooltip-placement-bottomRight .ant-tooltip-arrow { top: 0; transform: translateY(-100%); } .ant-tooltip-placement-bottom .ant-tooltip-arrow-content, .ant-tooltip-placement-bottomLeft .ant-tooltip-arrow-content, .ant-tooltip-placement-bottomRight .ant-tooltip-arrow-content { box-shadow: -3px -3px 7px rgba(0, 0, 0, 0.07); transform: translateY(11px) rotate(225deg); } .ant-tooltip-placement-bottom .ant-tooltip-arrow { left: 50%; transform: translateY(-100%) translateX(-50%); } .ant-tooltip-placement-bottomLeft .ant-tooltip-arrow { left: 13px; } .ant-tooltip-placement-bottomRight .ant-tooltip-arrow { right: 13px; } .ant-tooltip-pink .ant-tooltip-inner { background-color: #eb2f96; } .ant-tooltip-pink .ant-tooltip-arrow-content::before { background: #eb2f96; } .ant-tooltip-magenta .ant-tooltip-inner { background-color: #eb2f96; } .ant-tooltip-magenta .ant-tooltip-arrow-content::before { background: #eb2f96; } .ant-tooltip-red .ant-tooltip-inner { background-color: #f5222d; } .ant-tooltip-red .ant-tooltip-arrow-content::before { background: #f5222d; } .ant-tooltip-volcano .ant-tooltip-inner { background-color: #fa541c; } .ant-tooltip-volcano .ant-tooltip-arrow-content::before { background: #fa541c; } .ant-tooltip-orange .ant-tooltip-inner { background-color: #fa8c16; } .ant-tooltip-orange .ant-tooltip-arrow-content::before { background: #fa8c16; } .ant-tooltip-yellow .ant-tooltip-inner { background-color: #fadb14; } .ant-tooltip-yellow .ant-tooltip-arrow-content::before { background: #fadb14; } .ant-tooltip-gold .ant-tooltip-inner { background-color: #faad14; } .ant-tooltip-gold .ant-tooltip-arrow-content::before { background: #faad14; } .ant-tooltip-cyan .ant-tooltip-inner { background-color: #13c2c2; } .ant-tooltip-cyan .ant-tooltip-arrow-content::before { background: #13c2c2; } .ant-tooltip-lime .ant-tooltip-inner { background-color: #a0d911; } .ant-tooltip-lime .ant-tooltip-arrow-content::before { background: #a0d911; } .ant-tooltip-green .ant-tooltip-inner { background-color: #52c41a; } .ant-tooltip-green .ant-tooltip-arrow-content::before { background: #52c41a; } .ant-tooltip-blue .ant-tooltip-inner { background-color: #1890ff; } .ant-tooltip-blue .ant-tooltip-arrow-content::before { background: #1890ff; } .ant-tooltip-geekblue .ant-tooltip-inner { background-color: #2f54eb; } .ant-tooltip-geekblue .ant-tooltip-arrow-content::before { background: #2f54eb; } .ant-tooltip-purple .ant-tooltip-inner { background-color: #722ed1; } .ant-tooltip-purple .ant-tooltip-arrow-content::before { background: #722ed1; } .ant-tooltip-rtl { direction: rtl; } .ant-tooltip-rtl .ant-tooltip-inner { text-align: right; } /* 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-space { display: inline-flex; } .ant-space-vertical { flex-direction: column; } .ant-space-align-center { align-items: center; } .ant-space-align-start { align-items: flex-start; } .ant-space-align-end { align-items: flex-end; } .ant-space-align-baseline { align-items: baseline; } .ant-space-item:empty { display: none; } .ant-space-compact { display: inline-flex; } .ant-space-compact-block { display: flex; width: 100%; } .ant-space-compact-vertical { flex-direction: column; } .ant-space-rtl { direction: rtl; } .ant-space-compact-rtl { direction: rtl; } /* 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-picker-calendar { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; background: #fff; } .ant-picker-calendar-header { display: flex; justify-content: flex-end; padding: 12px 0; } .ant-picker-calendar-header .ant-picker-calendar-year-select { min-width: 80px; } .ant-picker-calendar-header .ant-picker-calendar-month-select { min-width: 70px; margin-left: 8px; } .ant-picker-calendar-header .ant-picker-calendar-mode-switch { margin-left: 8px; } .ant-picker-calendar .ant-picker-panel { background: #fff; border: 0; border-top: 1px solid #f0f0f0; border-radius: 0; } .ant-picker-calendar .ant-picker-panel .ant-picker-month-panel, .ant-picker-calendar .ant-picker-panel .ant-picker-date-panel { width: auto; } .ant-picker-calendar .ant-picker-panel .ant-picker-body { padding: 8px 0; } .ant-picker-calendar .ant-picker-panel .ant-picker-content { width: 100%; } .ant-picker-calendar-mini { border-radius: 2px; } .ant-picker-calendar-mini .ant-picker-calendar-header { padding-right: 8px; padding-left: 8px; } .ant-picker-calendar-mini .ant-picker-panel { border-radius: 0 0 2px 2px; } .ant-picker-calendar-mini .ant-picker-content { height: 256px; } .ant-picker-calendar-mini .ant-picker-content th { height: auto; padding: 0; line-height: 18px; } .ant-picker-calendar-mini .ant-picker-cell::before { pointer-events: none; } .ant-picker-calendar-full .ant-picker-panel { display: block; width: 100%; text-align: right; background: #fff; border: 0; } .ant-picker-calendar-full .ant-picker-panel .ant-picker-body th, .ant-picker-calendar-full .ant-picker-panel .ant-picker-body td { padding: 0; } .ant-picker-calendar-full .ant-picker-panel .ant-picker-body th { height: auto; padding: 0 12px 5px 0; line-height: 18px; } .ant-picker-calendar-full .ant-picker-panel .ant-picker-cell::before { display: none; } .ant-picker-calendar-full .ant-picker-panel .ant-picker-cell:hover .ant-picker-calendar-date { background: #f5f5f5; } .ant-picker-calendar-full .ant-picker-panel .ant-picker-cell .ant-picker-calendar-date-today::before { display: none; } .ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected .ant-picker-calendar-date, .ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected:hover .ant-picker-calendar-date, .ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected .ant-picker-calendar-date-today, .ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected:hover .ant-picker-calendar-date-today { background: #e6f7ff; } .ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected .ant-picker-calendar-date .ant-picker-calendar-date-value, .ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected:hover .ant-picker-calendar-date .ant-picker-calendar-date-value, .ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected .ant-picker-calendar-date-today .ant-picker-calendar-date-value, .ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected:hover .ant-picker-calendar-date-today .ant-picker-calendar-date-value { color: #1890ff; } .ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date { display: block; width: auto; height: auto; margin: 0 4px; padding: 4px 8px 0; border: 0; border-top: 2px solid #f0f0f0; border-radius: 0; transition: background 0.3s; } .ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-value { line-height: 24px; transition: color 0.3s; } .ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-content { position: static; width: auto; height: 86px; overflow-y: auto; color: rgba(0, 0, 0, 0.85); line-height: 1.5715; text-align: left; } .ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-today { border-color: #1890ff; } .ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-today .ant-picker-calendar-date-value { color: rgba(0, 0, 0, 0.85); } @media only screen and (max-width: 480px) { .ant-picker-calendar-header { display: block; } .ant-picker-calendar-header .ant-picker-calendar-year-select { width: 50%; } .ant-picker-calendar-header .ant-picker-calendar-month-select { width: calc(50% - 8px); } .ant-picker-calendar-header .ant-picker-calendar-mode-switch { width: 100%; margin-top: 8px; margin-left: 0; } .ant-picker-calendar-header .ant-picker-calendar-mode-switch > label { width: 50%; text-align: center; } } .ant-picker-calendar-rtl { direction: rtl; } .ant-picker-calendar-rtl .ant-picker-calendar-header .ant-picker-calendar-month-select { margin-right: 8px; margin-left: 0; } .ant-picker-calendar-rtl .ant-picker-calendar-header .ant-picker-calendar-mode-switch { margin-right: 8px; margin-left: 0; } .ant-picker-calendar-rtl.ant-picker-calendar-full .ant-picker-panel { text-align: left; } .ant-picker-calendar-rtl.ant-picker-calendar-full .ant-picker-panel .ant-picker-body th { padding: 0 0 5px 12px; } .ant-picker-calendar-rtl.ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-content { text-align: right; } /* 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-picker-status-error.ant-picker, .ant-picker-status-error.ant-picker:not([disabled]):hover { background-color: #fff; border-color: #ff4d4f; } .ant-picker-status-error.ant-picker-focused, .ant-picker-status-error.ant-picker:focus { border-color: #ff7875; box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2); border-right-width: 1px; outline: 0; } .ant-picker-status-error.ant-picker .ant-picker-active-bar { background: #ff7875; } .ant-picker-status-warning.ant-picker, .ant-picker-status-warning.ant-picker:not([disabled]):hover { background-color: #fff; border-color: #faad14; } .ant-picker-status-warning.ant-picker-focused, .ant-picker-status-warning.ant-picker:focus { border-color: #ffc53d; box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2); border-right-width: 1px; outline: 0; } .ant-picker-status-warning.ant-picker .ant-picker-active-bar { background: #ffc53d; } .ant-picker { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; padding: 4px 11px 4px; position: relative; display: inline-flex; align-items: center; background: #fff; border: 1px solid #d9d9d9; border-radius: 2px; transition: border 0.3s, box-shadow 0.3s; } .ant-picker:hover, .ant-picker-focused { border-color: #40a9ff; border-right-width: 1px; } .ant-picker-focused { border-color: #40a9ff; box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); border-right-width: 1px; outline: 0; } .ant-picker.ant-picker-disabled { background: #f5f5f5; border-color: #d9d9d9; cursor: not-allowed; } .ant-picker.ant-picker-disabled .ant-picker-suffix { color: rgba(0, 0, 0, 0.25); } .ant-picker.ant-picker-borderless { background-color: transparent !important; border-color: transparent !important; box-shadow: none !important; } .ant-picker-input { position: relative; display: inline-flex; align-items: center; width: 100%; } .ant-picker-input > input { position: relative; display: inline-block; width: 100%; min-width: 0; padding: 4px 11px; color: rgba(0, 0, 0, 0.85); font-size: 14px; line-height: 1.5715; background-color: #fff; background-image: none; border: 1px solid #d9d9d9; border-radius: 2px; transition: all 0.3s; flex: auto; min-width: 1px; height: auto; padding: 0; background: transparent; border: 0; } .ant-picker-input > input::-moz-placeholder { color: #bfbfbf; -moz-user-select: none; user-select: none; } .ant-picker-input > input:-ms-input-placeholder { color: #bfbfbf; -ms-user-select: none; user-select: none; } .ant-picker-input > input::placeholder { color: #bfbfbf; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ant-picker-input > input:-moz-placeholder-shown { text-overflow: ellipsis; } .ant-picker-input > input:-ms-input-placeholder { text-overflow: ellipsis; } .ant-picker-input > input:placeholder-shown { text-overflow: ellipsis; } .ant-picker-input > input:hover { border-color: #40a9ff; border-right-width: 1px; } .ant-picker-input > input:focus, .ant-picker-input > input-focused { border-color: #40a9ff; box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); border-right-width: 1px; outline: 0; } .ant-picker-input > input-disabled { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; border-color: #d9d9d9; box-shadow: none; cursor: not-allowed; opacity: 1; } .ant-picker-input > input-disabled:hover { border-color: #d9d9d9; border-right-width: 1px; } .ant-picker-input > input[disabled] { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; border-color: #d9d9d9; box-shadow: none; cursor: not-allowed; opacity: 1; } .ant-picker-input > input[disabled]:hover { border-color: #d9d9d9; border-right-width: 1px; } .ant-picker-input > input-borderless, .ant-picker-input > input-borderless:hover, .ant-picker-input > input-borderless:focus, .ant-picker-input > input-borderless-focused, .ant-picker-input > input-borderless-disabled, .ant-picker-input > input-borderless[disabled] { background-color: transparent; border: none; box-shadow: none; } textarea.ant-picker-input > input { max-width: 100%; height: auto; min-height: 32px; line-height: 1.5715; vertical-align: bottom; transition: all 0.3s, height 0s; } .ant-picker-input > input-lg { padding: 6.5px 11px; font-size: 16px; } .ant-picker-input > input-sm { padding: 0px 7px; } .ant-picker-input > input:focus { box-shadow: none; } .ant-picker-input > input[disabled] { background: transparent; } .ant-picker-input:hover .ant-picker-clear { opacity: 1; } .ant-picker-input-placeholder > input { color: #bfbfbf; } .ant-picker-large { padding: 6.5px 11px 6.5px; } .ant-picker-large .ant-picker-input > input { font-size: 16px; } .ant-picker-small { padding: 0px 7px 0px; } .ant-picker-suffix { display: flex; flex: none; align-self: center; margin-left: 4px; color: rgba(0, 0, 0, 0.25); line-height: 1; pointer-events: none; } .ant-picker-suffix > * { vertical-align: top; } .ant-picker-suffix > *:not(:last-child) { margin-right: 8px; } .ant-picker-clear { position: absolute; top: 50%; right: 0; color: rgba(0, 0, 0, 0.25); line-height: 1; background: #fff; transform: translateY(-50%); cursor: pointer; opacity: 0; transition: opacity 0.3s, color 0.3s; } .ant-picker-clear > * { vertical-align: top; } .ant-picker-clear:hover { color: rgba(0, 0, 0, 0.45); } .ant-picker-separator { position: relative; display: inline-block; width: 1em; height: 16px; color: rgba(0, 0, 0, 0.25); font-size: 16px; vertical-align: top; cursor: default; } .ant-picker-focused .ant-picker-separator { color: rgba(0, 0, 0, 0.45); } .ant-picker-disabled .ant-picker-range-separator .ant-picker-separator { cursor: not-allowed; } .ant-picker-range { position: relative; display: inline-flex; } .ant-picker-range .ant-picker-clear { right: 11px; } .ant-picker-range:hover .ant-picker-clear { opacity: 1; } .ant-picker-range .ant-picker-active-bar { bottom: -1px; height: 2px; margin-left: 11px; background: #1890ff; opacity: 0; transition: all 0.3s ease-out; pointer-events: none; } .ant-picker-range.ant-picker-focused .ant-picker-active-bar { opacity: 1; } .ant-picker-range-separator { align-items: center; padding: 0 8px; line-height: 1; } .ant-picker-range.ant-picker-small .ant-picker-clear { right: 7px; } .ant-picker-range.ant-picker-small .ant-picker-active-bar { margin-left: 7px; } .ant-picker-dropdown { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; position: absolute; top: -9999px; left: -9999px; z-index: 1050; } .ant-picker-dropdown-hidden { display: none; } .ant-picker-dropdown-placement-bottomLeft .ant-picker-range-arrow { top: 2.58561808px; display: block; transform: rotate(-135deg) translateY(1px); } .ant-picker-dropdown-placement-topLeft .ant-picker-range-arrow { bottom: 2.58561808px; display: block; transform: rotate(45deg); } .ant-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-picker-dropdown-placement-topLeft, .ant-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-picker-dropdown-placement-topRight, .ant-picker-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-picker-dropdown-placement-topLeft, .ant-picker-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-picker-dropdown-placement-topRight { animation-name: antSlideDownIn; } .ant-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-picker-dropdown-placement-bottomLeft, .ant-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-picker-dropdown-placement-bottomRight, .ant-picker-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-picker-dropdown-placement-bottomLeft, .ant-picker-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-picker-dropdown-placement-bottomRight { animation-name: antSlideUpIn; } .ant-picker-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-picker-dropdown-placement-topLeft, .ant-picker-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-picker-dropdown-placement-topRight { animation-name: antSlideDownOut; } .ant-picker-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-picker-dropdown-placement-bottomLeft, .ant-picker-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-picker-dropdown-placement-bottomRight { animation-name: antSlideUpOut; } .ant-picker-dropdown-range { padding: 7.54247233px 0; } .ant-picker-dropdown-range-hidden { display: none; } .ant-picker-dropdown .ant-picker-panel > .ant-picker-time-panel { padding-top: 4px; } .ant-picker-ranges { margin-bottom: 0; padding: 4px 12px; overflow: hidden; line-height: 34px; text-align: left; list-style: none; } .ant-picker-ranges > li { display: inline-block; } .ant-picker-ranges .ant-picker-preset > .ant-tag-blue { color: #1890ff; background: #e6f7ff; border-color: #91d5ff; cursor: pointer; } .ant-picker-ranges .ant-picker-ok { float: right; margin-left: 8px; } .ant-picker-range-wrapper { display: flex; } .ant-picker-range-arrow { position: absolute; z-index: 1; display: none; width: 11.3137085px; height: 11.3137085px; margin-left: 16.5px; box-shadow: 2px 2px 6px -2px rgba(0, 0, 0, 0.1); transition: left 0.3s ease-out; border-radius: 0 0 2px; pointer-events: none; } .ant-picker-range-arrow::before { position: absolute; top: -11.3137085px; left: -11.3137085px; width: 33.9411255px; height: 33.9411255px; background: #fff; background-repeat: no-repeat; background-position: -10px -10px; content: ''; -webkit-clip-path: inset(33% 33%); clip-path: inset(33% 33%); -webkit-clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z'); clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z'); } .ant-picker-panel-container { overflow: hidden; vertical-align: top; background: #fff; border-radius: 2px; box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05); transition: margin 0.3s; } .ant-picker-panel-container .ant-picker-panels { display: inline-flex; flex-wrap: nowrap; direction: ltr; } .ant-picker-panel-container .ant-picker-panel { vertical-align: top; background: transparent; border-width: 0 0 1px 0; border-radius: 0; } .ant-picker-panel-container .ant-picker-panel .ant-picker-content, .ant-picker-panel-container .ant-picker-panel table { text-align: center; } .ant-picker-panel-container .ant-picker-panel-focused { border-color: #f0f0f0; } .ant-picker-compact-item:not(.ant-picker-compact-last-item):not(.ant-picker-compact-item-rtl) { margin-right: -1px; } .ant-picker-compact-item:not(.ant-picker-compact-last-item).ant-picker-compact-item-rtl { margin-left: -1px; } .ant-picker-compact-item:hover, .ant-picker-compact-item:focus, .ant-picker-compact-item:active { z-index: 2; } .ant-picker-compact-item.ant-picker-focused { z-index: 2; } .ant-picker-compact-item[disabled] { z-index: 0; } .ant-picker-compact-item:not(.ant-picker-compact-first-item):not(.ant-picker-compact-last-item).ant-picker { border-radius: 0; } .ant-picker-compact-item.ant-picker.ant-picker-compact-first-item:not(.ant-picker-compact-item-rtl) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .ant-picker-compact-item.ant-picker.ant-picker-compact-last-item:not(.ant-picker-compact-item-rtl) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .ant-picker-compact-item.ant-picker.ant-picker-compact-item-rtl.ant-picker-compact-first-item { border-top-left-radius: 0; border-bottom-left-radius: 0; } .ant-picker-compact-item.ant-picker.ant-picker-compact-item-rtl.ant-picker-compact-last-item { border-top-right-radius: 0; border-bottom-right-radius: 0; } .ant-picker-panel { display: inline-flex; flex-direction: column; text-align: center; background: #fff; border: 1px solid #f0f0f0; border-radius: 2px; outline: none; } .ant-picker-panel-focused { border-color: #1890ff; } .ant-picker-decade-panel, .ant-picker-year-panel, .ant-picker-quarter-panel, .ant-picker-month-panel, .ant-picker-week-panel, .ant-picker-date-panel, .ant-picker-time-panel { display: flex; flex-direction: column; width: 280px; } .ant-picker-header { display: flex; padding: 0 8px; color: rgba(0, 0, 0, 0.85); border-bottom: 1px solid #f0f0f0; } .ant-picker-header > * { flex: none; } .ant-picker-header button { padding: 0; color: rgba(0, 0, 0, 0.25); line-height: 40px; background: transparent; border: 0; cursor: pointer; transition: color 0.3s; } .ant-picker-header > button { min-width: 1.6em; font-size: 14px; } .ant-picker-header > button:hover { color: rgba(0, 0, 0, 0.85); } .ant-picker-header-view { flex: auto; font-weight: 500; line-height: 40px; } .ant-picker-header-view button { color: inherit; font-weight: inherit; } .ant-picker-header-view button:not(:first-child) { margin-left: 8px; } .ant-picker-header-view button:hover { color: #1890ff; } .ant-picker-prev-icon, .ant-picker-next-icon, .ant-picker-super-prev-icon, .ant-picker-super-next-icon { position: relative; display: inline-block; width: 7px; height: 7px; } .ant-picker-prev-icon::before, .ant-picker-next-icon::before, .ant-picker-super-prev-icon::before, .ant-picker-super-next-icon::before { position: absolute; top: 0; left: 0; display: inline-block; width: 7px; height: 7px; border: 0 solid currentcolor; border-width: 1.5px 0 0 1.5px; content: ''; } .ant-picker-super-prev-icon::after, .ant-picker-super-next-icon::after { position: absolute; top: 4px; left: 4px; display: inline-block; width: 7px; height: 7px; border: 0 solid currentcolor; border-width: 1.5px 0 0 1.5px; content: ''; } .ant-picker-prev-icon, .ant-picker-super-prev-icon { transform: rotate(-45deg); } .ant-picker-next-icon, .ant-picker-super-next-icon { transform: rotate(135deg); } .ant-picker-content { width: 100%; table-layout: fixed; border-collapse: collapse; } .ant-picker-content th, .ant-picker-content td { position: relative; min-width: 24px; font-weight: 400; } .ant-picker-content th { height: 30px; color: rgba(0, 0, 0, 0.85); line-height: 30px; } .ant-picker-cell { padding: 3px 0; color: rgba(0, 0, 0, 0.25); cursor: pointer; } .ant-picker-cell-in-view { color: rgba(0, 0, 0, 0.85); } .ant-picker-cell::before { position: absolute; top: 50%; right: 0; left: 0; z-index: 1; height: 24px; transform: translateY(-50%); transition: all 0.3s; content: ''; } .ant-picker-cell .ant-picker-cell-inner { position: relative; z-index: 2; display: inline-block; min-width: 24px; height: 24px; line-height: 24px; border-radius: 2px; transition: background 0.3s, border 0.3s; } .ant-picker-cell:hover:not(.ant-picker-cell-in-view) .ant-picker-cell-inner, .ant-picker-cell:hover:not(.ant-picker-cell-selected):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end):not(.ant-picker-cell-range-hover-start):not(.ant-picker-cell-range-hover-end) .ant-picker-cell-inner { background: #f5f5f5; } .ant-picker-cell-in-view.ant-picker-cell-today .ant-picker-cell-inner::before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; border: 1px solid #1890ff; border-radius: 2px; content: ''; } .ant-picker-cell-in-view.ant-picker-cell-in-range { position: relative; } .ant-picker-cell-in-view.ant-picker-cell-in-range::before { background: #e6f7ff; } .ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner, .ant-picker-cell-in-view.ant-picker-cell-range-start .ant-picker-cell-inner, .ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner { color: #fff; background: #1890ff; } .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single)::before, .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single)::before { background: #e6f7ff; } .ant-picker-cell-in-view.ant-picker-cell-range-start::before { left: 50%; } .ant-picker-cell-in-view.ant-picker-cell-range-end::before { right: 50%; } .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:not(.ant-picker-cell-in-range):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end)::after, .ant-picker-cell-in-view.ant-picker-cell-range-hover-end:not(.ant-picker-cell-in-range):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end)::after, .ant-picker-cell-in-view.ant-picker-cell-range-hover-start.ant-picker-cell-range-start-single::after, .ant-picker-cell-in-view.ant-picker-cell-range-hover-start.ant-picker-cell-range-start.ant-picker-cell-range-end.ant-picker-cell-range-end-near-hover::after, .ant-picker-cell-in-view.ant-picker-cell-range-hover-end.ant-picker-cell-range-start.ant-picker-cell-range-end.ant-picker-cell-range-start-near-hover::after, .ant-picker-cell-in-view.ant-picker-cell-range-hover-end.ant-picker-cell-range-end-single::after, .ant-picker-cell-in-view.ant-picker-cell-range-hover:not(.ant-picker-cell-in-range)::after { position: absolute; top: 50%; z-index: 0; height: 24px; border-top: 1px dashed #7ec1ff; border-bottom: 1px dashed #7ec1ff; transform: translateY(-50%); transition: all 0.3s; content: ''; } .ant-picker-cell-range-hover-start::after, .ant-picker-cell-range-hover-end::after, .ant-picker-cell-range-hover::after { right: 0; left: 2px; } .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover::before, .ant-picker-cell-in-view.ant-picker-cell-range-start.ant-picker-cell-range-hover::before, .ant-picker-cell-in-view.ant-picker-cell-range-end.ant-picker-cell-range-hover::before, .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single).ant-picker-cell-range-hover-start::before, .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single).ant-picker-cell-range-hover-end::before, .ant-picker-panel > :not(.ant-picker-date-panel) .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start::before, .ant-picker-panel > :not(.ant-picker-date-panel) .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end::before { background: #cbe6ff; } .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single):not(.ant-picker-cell-range-end) .ant-picker-cell-inner { border-radius: 2px 0 0 2px; } .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single):not(.ant-picker-cell-range-start) .ant-picker-cell-inner { border-radius: 0 2px 2px 0; } .ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start .ant-picker-cell-inner::after, .ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end .ant-picker-cell-inner::after { position: absolute; top: 0; bottom: 0; z-index: -1; background: #cbe6ff; transition: all 0.3s; content: ''; } .ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start .ant-picker-cell-inner::after { right: -6px; left: 0; } .ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end .ant-picker-cell-inner::after { right: 0; left: -6px; } .ant-picker-cell-range-hover.ant-picker-cell-range-start::after { right: 50%; } .ant-picker-cell-range-hover.ant-picker-cell-range-end::after { left: 50%; } tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover:first-child::after, tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-end:first-child::after, .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-edge-start.ant-picker-cell-range-hover-edge-start-near-range::after, .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover-edge-start-near-range)::after, .ant-picker-cell-in-view.ant-picker-cell-range-hover-start::after { left: 6px; border-left: 1px dashed #7ec1ff; border-top-left-radius: 2px; border-bottom-left-radius: 2px; } tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover:last-child::after, tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::after, .ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover-edge-end.ant-picker-cell-range-hover-edge-end-near-range::after, .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-end:not(.ant-picker-cell-range-hover-edge-end-near-range)::after, .ant-picker-cell-in-view.ant-picker-cell-range-hover-end::after { right: 6px; border-right: 1px dashed #7ec1ff; border-top-right-radius: 2px; border-bottom-right-radius: 2px; } .ant-picker-cell-disabled { color: rgba(0, 0, 0, 0.25); pointer-events: none; } .ant-picker-cell-disabled .ant-picker-cell-inner { background: transparent; } .ant-picker-cell-disabled::before { background: rgba(0, 0, 0, 0.04); } .ant-picker-cell-disabled.ant-picker-cell-today .ant-picker-cell-inner::before { border-color: rgba(0, 0, 0, 0.25); } .ant-picker-decade-panel .ant-picker-content, .ant-picker-year-panel .ant-picker-content, .ant-picker-quarter-panel .ant-picker-content, .ant-picker-month-panel .ant-picker-content { height: 264px; } .ant-picker-decade-panel .ant-picker-cell-inner, .ant-picker-year-panel .ant-picker-cell-inner, .ant-picker-quarter-panel .ant-picker-cell-inner, .ant-picker-month-panel .ant-picker-cell-inner { padding: 0 8px; } .ant-picker-quarter-panel .ant-picker-content { height: 56px; } .ant-picker-footer { width: -moz-min-content; width: min-content; min-width: 100%; line-height: 38px; text-align: center; border-bottom: 1px solid transparent; } .ant-picker-panel .ant-picker-footer { border-top: 1px solid #f0f0f0; } .ant-picker-footer-extra { padding: 0 12px; line-height: 38px; text-align: left; } .ant-picker-footer-extra:not(:last-child) { border-bottom: 1px solid #f0f0f0; } .ant-picker-now { text-align: left; } .ant-picker-today-btn { color: #1890ff; } .ant-picker-today-btn:hover { color: #40a9ff; } .ant-picker-today-btn:active { color: #096dd9; } .ant-picker-today-btn.ant-picker-today-btn-disabled { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .ant-picker-decade-panel .ant-picker-cell-inner { padding: 0 4px; } .ant-picker-decade-panel .ant-picker-cell::before { display: none; } .ant-picker-year-panel .ant-picker-body, .ant-picker-quarter-panel .ant-picker-body, .ant-picker-month-panel .ant-picker-body { padding: 0 8px; } .ant-picker-year-panel .ant-picker-cell-inner, .ant-picker-quarter-panel .ant-picker-cell-inner, .ant-picker-month-panel .ant-picker-cell-inner { width: 60px; } .ant-picker-year-panel .ant-picker-cell-range-hover-start::after, .ant-picker-quarter-panel .ant-picker-cell-range-hover-start::after, .ant-picker-month-panel .ant-picker-cell-range-hover-start::after { left: 14px; border-left: 1px dashed #7ec1ff; border-radius: 2px 0 0 2px; } .ant-picker-panel-rtl .ant-picker-year-panel .ant-picker-cell-range-hover-start::after, .ant-picker-panel-rtl .ant-picker-quarter-panel .ant-picker-cell-range-hover-start::after, .ant-picker-panel-rtl .ant-picker-month-panel .ant-picker-cell-range-hover-start::after { right: 14px; border-right: 1px dashed #7ec1ff; border-radius: 0 2px 2px 0; } .ant-picker-year-panel .ant-picker-cell-range-hover-end::after, .ant-picker-quarter-panel .ant-picker-cell-range-hover-end::after, .ant-picker-month-panel .ant-picker-cell-range-hover-end::after { right: 14px; border-right: 1px dashed #7ec1ff; border-radius: 0 2px 2px 0; } .ant-picker-panel-rtl .ant-picker-year-panel .ant-picker-cell-range-hover-end::after, .ant-picker-panel-rtl .ant-picker-quarter-panel .ant-picker-cell-range-hover-end::after, .ant-picker-panel-rtl .ant-picker-month-panel .ant-picker-cell-range-hover-end::after { left: 14px; border-left: 1px dashed #7ec1ff; border-radius: 2px 0 0 2px; } .ant-picker-week-panel .ant-picker-body { padding: 8px 12px; } .ant-picker-week-panel .ant-picker-cell:hover .ant-picker-cell-inner, .ant-picker-week-panel .ant-picker-cell-selected .ant-picker-cell-inner, .ant-picker-week-panel .ant-picker-cell .ant-picker-cell-inner { background: transparent !important; } .ant-picker-week-panel-row td { transition: background 0.3s; } .ant-picker-week-panel-row:hover td { background: #f5f5f5; } .ant-picker-week-panel-row-selected td, .ant-picker-week-panel-row-selected:hover td { background: #1890ff; } .ant-picker-week-panel-row-selected td.ant-picker-cell-week, .ant-picker-week-panel-row-selected:hover td.ant-picker-cell-week { color: rgba(255, 255, 255, 0.5); } .ant-picker-week-panel-row-selected td.ant-picker-cell-today .ant-picker-cell-inner::before, .ant-picker-week-panel-row-selected:hover td.ant-picker-cell-today .ant-picker-cell-inner::before { border-color: #fff; } .ant-picker-week-panel-row-selected td .ant-picker-cell-inner, .ant-picker-week-panel-row-selected:hover td .ant-picker-cell-inner { color: #fff; } .ant-picker-date-panel .ant-picker-body { padding: 8px 12px; } .ant-picker-date-panel .ant-picker-content { width: 252px; } .ant-picker-date-panel .ant-picker-content th { width: 36px; } .ant-picker-datetime-panel { display: flex; } .ant-picker-datetime-panel .ant-picker-time-panel { border-left: 1px solid #f0f0f0; } .ant-picker-datetime-panel .ant-picker-date-panel, .ant-picker-datetime-panel .ant-picker-time-panel { transition: opacity 0.3s; } .ant-picker-datetime-panel-active .ant-picker-date-panel, .ant-picker-datetime-panel-active .ant-picker-time-panel { opacity: 0.3; } .ant-picker-datetime-panel-active .ant-picker-date-panel-active, .ant-picker-datetime-panel-active .ant-picker-time-panel-active { opacity: 1; } .ant-picker-time-panel { width: auto; min-width: auto; } .ant-picker-time-panel .ant-picker-content { display: flex; flex: auto; height: 224px; } .ant-picker-time-panel-column { flex: 1 0 auto; width: 56px; margin: 0; padding: 0; overflow-y: hidden; text-align: left; list-style: none; transition: background 0.3s; } .ant-picker-time-panel-column::after { display: block; height: 196px; content: ''; } .ant-picker-datetime-panel .ant-picker-time-panel-column::after { height: 198px; } .ant-picker-time-panel-column:not(:first-child) { border-left: 1px solid #f0f0f0; } .ant-picker-time-panel-column-active { background: rgba(230, 247, 255, 0.2); } .ant-picker-time-panel-column:hover { overflow-y: auto; } .ant-picker-time-panel-column > li { margin: 0; padding: 0; } .ant-picker-time-panel-column > li.ant-picker-time-panel-cell .ant-picker-time-panel-cell-inner { display: block; width: 100%; height: 28px; margin: 0; padding: 0 0 0 14px; color: rgba(0, 0, 0, 0.85); line-height: 28px; border-radius: 0; cursor: pointer; transition: background 0.3s; } .ant-picker-time-panel-column > li.ant-picker-time-panel-cell .ant-picker-time-panel-cell-inner:hover { background: #f5f5f5; } .ant-picker-time-panel-column > li.ant-picker-time-panel-cell-selected .ant-picker-time-panel-cell-inner { background: #e6f7ff; } .ant-picker-time-panel-column > li.ant-picker-time-panel-cell-disabled .ant-picker-time-panel-cell-inner { color: rgba(0, 0, 0, 0.25); background: transparent; cursor: not-allowed; } /* stylelint-disable selector-type-no-unknown,selector-no-vendor-prefix */ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-month-panel .ant-picker-cell, :root .ant-picker-range-wrapper .ant-picker-month-panel .ant-picker-cell, _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-cell, :root .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-cell { padding: 21px 0; } .ant-picker-rtl { direction: rtl; } .ant-picker-rtl .ant-picker-suffix { margin-right: 4px; margin-left: 0; } .ant-picker-rtl .ant-picker-clear { right: auto; left: 0; } .ant-picker-rtl .ant-picker-separator { transform: rotate(180deg); } .ant-picker-panel-rtl .ant-picker-header-view button:not(:first-child) { margin-right: 8px; margin-left: 0; } .ant-picker-rtl.ant-picker-range .ant-picker-clear { right: auto; left: 11px; } .ant-picker-rtl.ant-picker-range .ant-picker-active-bar { margin-right: 11px; margin-left: 0; } .ant-picker-rtl.ant-picker-range.ant-picker-small .ant-picker-active-bar { margin-right: 7px; } .ant-picker-dropdown-rtl .ant-picker-ranges { text-align: right; } .ant-picker-dropdown-rtl .ant-picker-ranges .ant-picker-ok { float: left; margin-right: 8px; margin-left: 0; } .ant-picker-panel-rtl { direction: rtl; } .ant-picker-panel-rtl .ant-picker-prev-icon, .ant-picker-panel-rtl .ant-picker-super-prev-icon { transform: rotate(135deg); } .ant-picker-panel-rtl .ant-picker-next-icon, .ant-picker-panel-rtl .ant-picker-super-next-icon { transform: rotate(-45deg); } .ant-picker-cell .ant-picker-cell-inner { position: relative; z-index: 2; display: inline-block; min-width: 24px; height: 24px; line-height: 24px; border-radius: 2px; transition: background 0.3s, border 0.3s; } .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-start::before { right: 50%; left: 0; } .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-end::before { right: 0; left: 50%; } .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-start.ant-picker-cell-range-end::before { right: 50%; left: 50%; } .ant-picker-panel-rtl .ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start .ant-picker-cell-inner::after { right: 0; left: -6px; } .ant-picker-panel-rtl .ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end .ant-picker-cell-inner::after { right: -6px; left: 0; } .ant-picker-panel-rtl .ant-picker-cell-range-hover.ant-picker-cell-range-start::after { right: 0; left: 50%; } .ant-picker-panel-rtl .ant-picker-cell-range-hover.ant-picker-cell-range-end::after { right: 50%; left: 0; } .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single):not(.ant-picker-cell-range-end) .ant-picker-cell-inner { border-radius: 0 2px 2px 0; } .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single):not(.ant-picker-cell-range-start) .ant-picker-cell-inner { border-radius: 2px 0 0 2px; } .ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover:not(.ant-picker-cell-selected):first-child::after, .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-edge-start.ant-picker-cell-range-hover-edge-start-near-range::after, .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover-edge-start-near-range)::after, .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-start::after { right: 6px; left: 0; border-right: 1px dashed #7ec1ff; border-left: none; border-radius: 0 2px 2px 0; } .ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover:not(.ant-picker-cell-selected):last-child::after, .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover-edge-end.ant-picker-cell-range-hover-edge-end-near-range::after, .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-end:not(.ant-picker-cell-range-hover-edge-end-near-range)::after, .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-end::after { right: 0; left: 6px; border-right: none; border-left: 1px dashed #7ec1ff; border-radius: 2px 0 0 2px; } .ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::after, .ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-end:first-child::after, .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover)::after, .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-end.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover)::after, .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover-start.ant-picker-cell-range-hover-edge-end:not(.ant-picker-cell-range-hover)::after, .ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover.ant-picker-cell-range-hover-edge-start:last-child::after, .ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover.ant-picker-cell-range-hover-edge-end:first-child::after { right: 6px; left: 6px; border-right: 1px dashed #7ec1ff; border-left: 1px dashed #7ec1ff; border-radius: 2px; } .ant-picker-dropdown-rtl .ant-picker-footer-extra { direction: rtl; text-align: right; } .ant-picker-panel-rtl .ant-picker-time-panel { direction: ltr; } /* 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-tag { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; display: inline-block; height: auto; margin-right: 8px; padding: 0 7px; font-size: 12px; line-height: 20px; white-space: nowrap; background: #fafafa; border: 1px solid #d9d9d9; border-radius: 2px; opacity: 1; transition: all 0.3s; } .ant-tag, .ant-tag a, .ant-tag a:hover { color: rgba(0, 0, 0, 0.85); } .ant-tag > a:first-child:last-child { display: inline-block; margin: 0 -8px; padding: 0 8px; } .ant-tag-close-icon { margin-left: 3px; color: rgba(0, 0, 0, 0.45); font-size: 10px; cursor: pointer; transition: all 0.3s; } .ant-tag-close-icon:hover { color: rgba(0, 0, 0, 0.85); } .ant-tag-has-color { border-color: transparent; } .ant-tag-has-color, .ant-tag-has-color a, .ant-tag-has-color a:hover, .ant-tag-has-color .anticon-close, .ant-tag-has-color .anticon-close:hover { color: #fff; } .ant-tag-checkable { background-color: transparent; border-color: transparent; cursor: pointer; } .ant-tag-checkable:not(.ant-tag-checkable-checked):hover { color: #1890ff; } .ant-tag-checkable:active, .ant-tag-checkable-checked { color: #fff; } .ant-tag-checkable-checked { background-color: #1890ff; } .ant-tag-checkable:active { background-color: #096dd9; } .ant-tag-hidden { display: none; } .ant-tag-pink { color: #c41d7f; background: #fff0f6; border-color: #ffadd2; } .ant-tag-pink-inverse { color: #fff; background: #eb2f96; border-color: #eb2f96; } .ant-tag-magenta { color: #c41d7f; background: #fff0f6; border-color: #ffadd2; } .ant-tag-magenta-inverse { color: #fff; background: #eb2f96; border-color: #eb2f96; } .ant-tag-red { color: #cf1322; background: #fff1f0; border-color: #ffa39e; } .ant-tag-red-inverse { color: #fff; background: #f5222d; border-color: #f5222d; } .ant-tag-volcano { color: #d4380d; background: #fff2e8; border-color: #ffbb96; } .ant-tag-volcano-inverse { color: #fff; background: #fa541c; border-color: #fa541c; } .ant-tag-orange { color: #d46b08; background: #fff7e6; border-color: #ffd591; } .ant-tag-orange-inverse { color: #fff; background: #fa8c16; border-color: #fa8c16; } .ant-tag-yellow { color: #d4b106; background: #feffe6; border-color: #fffb8f; } .ant-tag-yellow-inverse { color: #fff; background: #fadb14; border-color: #fadb14; } .ant-tag-gold { color: #d48806; background: #fffbe6; border-color: #ffe58f; } .ant-tag-gold-inverse { color: #fff; background: #faad14; border-color: #faad14; } .ant-tag-cyan { color: #08979c; background: #e6fffb; border-color: #87e8de; } .ant-tag-cyan-inverse { color: #fff; background: #13c2c2; border-color: #13c2c2; } .ant-tag-lime { color: #7cb305; background: #fcffe6; border-color: #eaff8f; } .ant-tag-lime-inverse { color: #fff; background: #a0d911; border-color: #a0d911; } .ant-tag-green { color: #389e0d; background: #f6ffed; border-color: #b7eb8f; } .ant-tag-green-inverse { color: #fff; background: #52c41a; border-color: #52c41a; } .ant-tag-blue { color: #096dd9; background: #e6f7ff; border-color: #91d5ff; } .ant-tag-blue-inverse { color: #fff; background: #1890ff; border-color: #1890ff; } .ant-tag-geekblue { color: #1d39c4; background: #f0f5ff; border-color: #adc6ff; } .ant-tag-geekblue-inverse { color: #fff; background: #2f54eb; border-color: #2f54eb; } .ant-tag-purple { color: #531dab; background: #f9f0ff; border-color: #d3adf7; } .ant-tag-purple-inverse { color: #fff; background: #722ed1; border-color: #722ed1; } .ant-tag-success { color: #52c41a; background: #f6ffed; border-color: #b7eb8f; } .ant-tag-processing { color: #1890ff; background: #e6f7ff; border-color: #91d5ff; } .ant-tag-error { color: #ff4d4f; background: #fff2f0; border-color: #ffccc7; } .ant-tag-warning { color: #faad14; background: #fffbe6; border-color: #ffe58f; } .ant-tag > .anticon + span, .ant-tag > span + .anticon { margin-left: 7px; } .ant-tag.ant-tag-rtl { margin-right: 0; margin-left: 8px; direction: rtl; text-align: right; } .ant-tag-rtl .ant-tag-close-icon { margin-right: 3px; margin-left: 0; } .ant-tag-rtl.ant-tag > .anticon + span, .ant-tag-rtl.ant-tag > span + .anticon { margin-right: 7px; margin-left: 0; } /* 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-radio-group { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; display: inline-block; font-size: 0; } .ant-radio-group .ant-badge-count { z-index: 1; } .ant-radio-group > .ant-badge:not(:first-child) > .ant-radio-button-wrapper { border-left: none; } .ant-radio-wrapper { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; position: relative; display: inline-flex; align-items: baseline; margin-right: 8px; cursor: pointer; } .ant-radio-wrapper-disabled { cursor: not-allowed; } .ant-radio-wrapper::after { display: inline-block; width: 0; overflow: hidden; content: '\a0'; } .ant-radio-wrapper.ant-radio-wrapper-in-form-item input[type='radio'] { width: 14px; height: 14px; } .ant-radio { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; position: relative; top: 0.2em; display: inline-block; outline: none; cursor: pointer; } .ant-radio-wrapper:hover .ant-radio, .ant-radio:hover .ant-radio-inner, .ant-radio-input:focus + .ant-radio-inner { border-color: #1890ff; } .ant-radio-input:focus + .ant-radio-inner { box-shadow: 0 0 0 3px rgba(24, 144, 255, 0.12); } .ant-radio-checked::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #1890ff; border-radius: 50%; visibility: hidden; animation: antRadioEffect 0.36s ease-in-out; animation-fill-mode: both; content: ''; } .ant-radio:hover::after, .ant-radio-wrapper:hover .ant-radio::after { visibility: visible; } .ant-radio-inner { position: relative; top: 0; left: 0; display: block; width: 16px; height: 16px; background-color: #fff; border-color: #d9d9d9; border-style: solid; border-width: 1px; border-radius: 50%; transition: all 0.3s; } .ant-radio-inner::after { position: absolute; top: 50%; left: 50%; display: block; width: 16px; height: 16px; margin-top: -8px; margin-left: -8px; background-color: #1890ff; border-top: 0; border-left: 0; border-radius: 16px; transform: scale(0); opacity: 0; transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86); content: ' '; } .ant-radio-input { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; cursor: pointer; opacity: 0; } .ant-radio.ant-radio-disabled .ant-radio-inner { border-color: #d9d9d9; } .ant-radio-checked .ant-radio-inner { border-color: #1890ff; } .ant-radio-checked .ant-radio-inner::after { transform: scale(0.5); opacity: 1; transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86); } .ant-radio-disabled { cursor: not-allowed; } .ant-radio-disabled .ant-radio-inner { background-color: #f5f5f5; cursor: not-allowed; } .ant-radio-disabled .ant-radio-inner::after { background-color: rgba(0, 0, 0, 0.2); } .ant-radio-disabled .ant-radio-input { cursor: not-allowed; } .ant-radio-disabled + span { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } span.ant-radio + * { padding-right: 8px; padding-left: 8px; } .ant-radio-button-wrapper { position: relative; display: inline-block; height: 32px; margin: 0; padding: 0 15px; color: rgba(0, 0, 0, 0.85); font-size: 14px; line-height: 30px; background: #fff; border: 1px solid #d9d9d9; border-top-width: 1.02px; border-left-width: 0; cursor: pointer; transition: color 0.3s, background 0.3s, border-color 0.3s, box-shadow 0.3s; } .ant-radio-button-wrapper a { color: rgba(0, 0, 0, 0.85); } .ant-radio-button-wrapper > .ant-radio-button { position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; } .ant-radio-group-large .ant-radio-button-wrapper { height: 40px; font-size: 16px; line-height: 38px; } .ant-radio-group-small .ant-radio-button-wrapper { height: 24px; padding: 0 7px; line-height: 22px; } .ant-radio-button-wrapper:not(:first-child)::before { position: absolute; top: -1px; left: -1px; display: block; box-sizing: content-box; width: 1px; height: 100%; padding: 1px 0; background-color: #d9d9d9; transition: background-color 0.3s; content: ''; } .ant-radio-button-wrapper:first-child { border-left: 1px solid #d9d9d9; border-radius: 2px 0 0 2px; } .ant-radio-button-wrapper:last-child { border-radius: 0 2px 2px 0; } .ant-radio-button-wrapper:first-child:last-child { border-radius: 2px; } .ant-radio-button-wrapper:hover { position: relative; color: #1890ff; } .ant-radio-button-wrapper:focus-within { box-shadow: 0 0 0 3px rgba(24, 144, 255, 0.12); } .ant-radio-button-wrapper .ant-radio-inner, .ant-radio-button-wrapper input[type='checkbox'], .ant-radio-button-wrapper input[type='radio'] { width: 0; height: 0; opacity: 0; pointer-events: none; } .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) { z-index: 1; color: #1890ff; background: #fff; border-color: #1890ff; } .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before { background-color: #1890ff; } .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):first-child { border-color: #1890ff; } .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover { color: #40a9ff; border-color: #40a9ff; } .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover::before { background-color: #40a9ff; } .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active { color: #096dd9; border-color: #096dd9; } .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active::before { background-color: #096dd9; } .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within { box-shadow: 0 0 0 3px rgba(24, 144, 255, 0.12); } .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) { color: #fff; background: #1890ff; border-color: #1890ff; } .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover { color: #fff; background: #40a9ff; border-color: #40a9ff; } .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active { color: #fff; background: #096dd9; border-color: #096dd9; } .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within { box-shadow: 0 0 0 3px rgba(24, 144, 255, 0.12); } .ant-radio-button-wrapper-disabled { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; border-color: #d9d9d9; cursor: not-allowed; } .ant-radio-button-wrapper-disabled:first-child, .ant-radio-button-wrapper-disabled:hover { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; border-color: #d9d9d9; } .ant-radio-button-wrapper-disabled:first-child { border-left-color: #d9d9d9; } .ant-radio-button-wrapper-disabled.ant-radio-button-wrapper-checked { color: rgba(0, 0, 0, 0.25); background-color: #e6e6e6; border-color: #d9d9d9; box-shadow: none; } @keyframes antRadioEffect { 0% { transform: scale(1); opacity: 0.5; } 100% { transform: scale(1.6); opacity: 0; } } .ant-radio-group.ant-radio-group-rtl { direction: rtl; } .ant-radio-wrapper.ant-radio-wrapper-rtl { margin-right: 0; margin-left: 8px; direction: rtl; } .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl { border-right-width: 0; border-left-width: 1px; } .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:not(:first-child)::before { right: -1px; left: 0; } .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:first-child { border-right: 1px solid #d9d9d9; border-radius: 0 2px 2px 0; } .ant-radio-button-wrapper-checked:not([class*=' ant-radio-button-wrapper-disabled']).ant-radio-button-wrapper:first-child { border-right-color: #40a9ff; } .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:last-child { border-radius: 2px 0 0 2px; } .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper-disabled:first-child { border-right-color: #d9d9d9; } /* 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-card { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; position: relative; background: #fff; border-radius: 2px; } .ant-card-rtl { direction: rtl; } .ant-card-hoverable { cursor: pointer; transition: box-shadow 0.3s, border-color 0.3s; } .ant-card-hoverable:hover { border-color: transparent; box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09); } .ant-card-bordered { border: 1px solid #f0f0f0; } .ant-card-head { min-height: 48px; margin-bottom: -1px; padding: 0 24px; color: rgba(0, 0, 0, 0.85); font-weight: 500; font-size: 16px; background: transparent; border-bottom: 1px solid #f0f0f0; border-radius: 2px 2px 0 0; } .ant-card-head::before { display: table; content: ''; } .ant-card-head::after { display: table; clear: both; content: ''; } .ant-card-head-wrapper { display: flex; align-items: center; } .ant-card-head-title { display: inline-block; flex: 1; padding: 16px 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .ant-card-head-title > .ant-typography, .ant-card-head-title > .ant-typography-edit-content { left: 0; margin-top: 0; margin-bottom: 0; } .ant-card-head .ant-tabs-top { clear: both; margin-bottom: -17px; color: rgba(0, 0, 0, 0.85); font-weight: normal; font-size: 14px; } .ant-card-head .ant-tabs-top-bar { border-bottom: 1px solid #f0f0f0; } .ant-card-extra { margin-left: auto; padding: 16px 0; color: rgba(0, 0, 0, 0.85); font-weight: normal; font-size: 14px; } .ant-card-rtl .ant-card-extra { margin-right: auto; margin-left: 0; } .ant-card-body { padding: 24px; } .ant-card-body::before { display: table; content: ''; } .ant-card-body::after { display: table; clear: both; content: ''; } .ant-card-contain-grid .ant-card-body { display: flex; flex-wrap: wrap; } .ant-card-contain-grid:not(.ant-card-loading) .ant-card-body { margin: -1px 0 0 -1px; padding: 0; } .ant-card-grid { width: 33.33%; padding: 24px; border: 0; border-radius: 0; box-shadow: 1px 0 0 0 #f0f0f0, 0 1px 0 0 #f0f0f0, 1px 1px 0 0 #f0f0f0, 1px 0 0 0 #f0f0f0 inset, 0 1px 0 0 #f0f0f0 inset; transition: all 0.3s; } .ant-card-grid-hoverable:hover { position: relative; z-index: 1; box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09); } .ant-card-contain-tabs > .ant-card-head .ant-card-head-title { min-height: 32px; padding-bottom: 0; } .ant-card-contain-tabs > .ant-card-head .ant-card-extra { padding-bottom: 0; } .ant-card-bordered .ant-card-cover { margin-top: -1px; margin-right: -1px; margin-left: -1px; } .ant-card-cover > * { display: block; width: 100%; } .ant-card-cover img { border-radius: 2px 2px 0 0; } .ant-card-actions { display: flex; margin: 0; padding: 0; list-style: none; background: #fff; border-top: 1px solid #f0f0f0; } .ant-card-actions::before { display: table; content: ''; } .ant-card-actions::after { display: table; clear: both; content: ''; } .ant-card-actions > li { margin: 12px 0; color: rgba(0, 0, 0, 0.45); text-align: center; } .ant-card-actions > li > span { position: relative; display: block; min-width: 32px; font-size: 14px; line-height: 1.5715; cursor: pointer; } .ant-card-actions > li > span:hover { color: #1890ff; transition: color 0.3s; } .ant-card-actions > li > span a:not(.ant-btn), .ant-card-actions > li > span > .anticon { display: inline-block; width: 100%; color: rgba(0, 0, 0, 0.45); line-height: 22px; transition: color 0.3s; } .ant-card-actions > li > span a:not(.ant-btn):hover, .ant-card-actions > li > span > .anticon:hover { color: #1890ff; } .ant-card-actions > li > span > .anticon { font-size: 16px; line-height: 22px; } .ant-card-actions > li:not(:last-child) { border-right: 1px solid #f0f0f0; } .ant-card-rtl .ant-card-actions > li:not(:last-child) { border-right: none; border-left: 1px solid #f0f0f0; } .ant-card-type-inner .ant-card-head { padding: 0 24px; background: #fafafa; } .ant-card-type-inner .ant-card-head-title { padding: 12px 0; font-size: 14px; } .ant-card-type-inner .ant-card-body { padding: 16px 24px; } .ant-card-type-inner .ant-card-extra { padding: 13.5px 0; } .ant-card-meta { display: flex; margin: -4px 0; } .ant-card-meta::before { display: table; content: ''; } .ant-card-meta::after { display: table; clear: both; content: ''; } .ant-card-meta-avatar { padding-right: 16px; } .ant-card-rtl .ant-card-meta-avatar { padding-right: 0; padding-left: 16px; } .ant-card-meta-detail { overflow: hidden; } .ant-card-meta-detail > div:not(:last-child) { margin-bottom: 8px; } .ant-card-meta-title { overflow: hidden; color: rgba(0, 0, 0, 0.85); font-weight: 500; font-size: 16px; white-space: nowrap; text-overflow: ellipsis; } .ant-card-meta-description { color: rgba(0, 0, 0, 0.45); } .ant-card-loading { overflow: hidden; } .ant-card-loading .ant-card-body { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ant-card-small > .ant-card-head { min-height: 36px; padding: 0 12px; font-size: 14px; } .ant-card-small > .ant-card-head > .ant-card-head-wrapper > .ant-card-head-title { padding: 8px 0; } .ant-card-small > .ant-card-head > .ant-card-head-wrapper > .ant-card-extra { padding: 8px 0; font-size: 14px; } .ant-card-small > .ant-card-body { padding: 12px; } /* 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-skeleton { display: table; width: 100%; } .ant-skeleton-header { display: table-cell; padding-right: 16px; vertical-align: top; } .ant-skeleton-header .ant-skeleton-avatar { display: inline-block; vertical-align: top; background: rgba(190, 190, 190, 0.2); width: 32px; height: 32px; line-height: 32px; } .ant-skeleton-header .ant-skeleton-avatar.ant-skeleton-avatar-circle { border-radius: 50%; } .ant-skeleton-header .ant-skeleton-avatar-lg { width: 40px; height: 40px; line-height: 40px; } .ant-skeleton-header .ant-skeleton-avatar-lg.ant-skeleton-avatar-circle { border-radius: 50%; } .ant-skeleton-header .ant-skeleton-avatar-sm { width: 24px; height: 24px; line-height: 24px; } .ant-skeleton-header .ant-skeleton-avatar-sm.ant-skeleton-avatar-circle { border-radius: 50%; } .ant-skeleton-content { display: table-cell; width: 100%; vertical-align: top; } .ant-skeleton-content .ant-skeleton-title { width: 100%; height: 16px; background: rgba(190, 190, 190, 0.2); border-radius: 2px; } .ant-skeleton-content .ant-skeleton-title + .ant-skeleton-paragraph { margin-top: 24px; } .ant-skeleton-content .ant-skeleton-paragraph { padding: 0; } .ant-skeleton-content .ant-skeleton-paragraph > li { width: 100%; height: 16px; list-style: none; background: rgba(190, 190, 190, 0.2); border-radius: 2px; } .ant-skeleton-content .ant-skeleton-paragraph > li:last-child:not(:first-child):not(:nth-child(2)) { width: 61%; } .ant-skeleton-content .ant-skeleton-paragraph > li + li { margin-top: 16px; } .ant-skeleton-with-avatar .ant-skeleton-content .ant-skeleton-title { margin-top: 12px; } .ant-skeleton-with-avatar .ant-skeleton-content .ant-skeleton-title + .ant-skeleton-paragraph { margin-top: 28px; } .ant-skeleton-round .ant-skeleton-content .ant-skeleton-title, .ant-skeleton-round .ant-skeleton-content .ant-skeleton-paragraph > li { border-radius: 100px; } .ant-skeleton-active .ant-skeleton-title, .ant-skeleton-active .ant-skeleton-paragraph > li, .ant-skeleton-active .ant-skeleton-avatar, .ant-skeleton-active .ant-skeleton-button, .ant-skeleton-active .ant-skeleton-input, .ant-skeleton-active .ant-skeleton-image { position: relative; /* stylelint-disable-next-line property-no-vendor-prefix,value-no-vendor-prefix */ z-index: 0; overflow: hidden; background: transparent; } .ant-skeleton-active .ant-skeleton-title::after, .ant-skeleton-active .ant-skeleton-paragraph > li::after, .ant-skeleton-active .ant-skeleton-avatar::after, .ant-skeleton-active .ant-skeleton-button::after, .ant-skeleton-active .ant-skeleton-input::after, .ant-skeleton-active .ant-skeleton-image::after { position: absolute; top: 0; right: -150%; bottom: 0; left: -150%; background: linear-gradient(90deg, rgba(190, 190, 190, 0.2) 25%, rgba(129, 129, 129, 0.24) 37%, rgba(190, 190, 190, 0.2) 63%); animation: ant-skeleton-loading 1.4s ease infinite; content: ''; } .ant-skeleton.ant-skeleton-block { width: 100%; } .ant-skeleton.ant-skeleton-block .ant-skeleton-button { width: 100%; } .ant-skeleton.ant-skeleton-block .ant-skeleton-input { width: 100%; } .ant-skeleton-element { display: inline-block; width: auto; } .ant-skeleton-element .ant-skeleton-button { display: inline-block; vertical-align: top; background: rgba(190, 190, 190, 0.2); border-radius: 2px; width: 64px; min-width: 64px; height: 32px; line-height: 32px; } .ant-skeleton-element .ant-skeleton-button.ant-skeleton-button-square { width: 32px; min-width: 32px; } .ant-skeleton-element .ant-skeleton-button.ant-skeleton-button-circle { width: 32px; min-width: 32px; border-radius: 50%; } .ant-skeleton-element .ant-skeleton-button.ant-skeleton-button-round { border-radius: 32px; } .ant-skeleton-element .ant-skeleton-button-lg { width: 80px; min-width: 80px; height: 40px; line-height: 40px; } .ant-skeleton-element .ant-skeleton-button-lg.ant-skeleton-button-square { width: 40px; min-width: 40px; } .ant-skeleton-element .ant-skeleton-button-lg.ant-skeleton-button-circle { width: 40px; min-width: 40px; border-radius: 50%; } .ant-skeleton-element .ant-skeleton-button-lg.ant-skeleton-button-round { border-radius: 40px; } .ant-skeleton-element .ant-skeleton-button-sm { width: 48px; min-width: 48px; height: 24px; line-height: 24px; } .ant-skeleton-element .ant-skeleton-button-sm.ant-skeleton-button-square { width: 24px; min-width: 24px; } .ant-skeleton-element .ant-skeleton-button-sm.ant-skeleton-button-circle { width: 24px; min-width: 24px; border-radius: 50%; } .ant-skeleton-element .ant-skeleton-button-sm.ant-skeleton-button-round { border-radius: 24px; } .ant-skeleton-element .ant-skeleton-avatar { display: inline-block; vertical-align: top; background: rgba(190, 190, 190, 0.2); width: 32px; height: 32px; line-height: 32px; } .ant-skeleton-element .ant-skeleton-avatar.ant-skeleton-avatar-circle { border-radius: 50%; } .ant-skeleton-element .ant-skeleton-avatar-lg { width: 40px; height: 40px; line-height: 40px; } .ant-skeleton-element .ant-skeleton-avatar-lg.ant-skeleton-avatar-circle { border-radius: 50%; } .ant-skeleton-element .ant-skeleton-avatar-sm { width: 24px; height: 24px; line-height: 24px; } .ant-skeleton-element .ant-skeleton-avatar-sm.ant-skeleton-avatar-circle { border-radius: 50%; } .ant-skeleton-element .ant-skeleton-input { display: inline-block; vertical-align: top; background: rgba(190, 190, 190, 0.2); width: 160px; min-width: 160px; height: 32px; line-height: 32px; } .ant-skeleton-element .ant-skeleton-input-lg { width: 200px; min-width: 200px; height: 40px; line-height: 40px; } .ant-skeleton-element .ant-skeleton-input-sm { width: 120px; min-width: 120px; height: 24px; line-height: 24px; } .ant-skeleton-element .ant-skeleton-image { display: flex; align-items: center; justify-content: center; vertical-align: top; background: rgba(190, 190, 190, 0.2); width: 96px; height: 96px; line-height: 96px; } .ant-skeleton-element .ant-skeleton-image.ant-skeleton-image-circle { border-radius: 50%; } .ant-skeleton-element .ant-skeleton-image-path { fill: #bfbfbf; } .ant-skeleton-element .ant-skeleton-image-svg { width: 48px; height: 48px; line-height: 48px; max-width: 192px; max-height: 192px; } .ant-skeleton-element .ant-skeleton-image-svg.ant-skeleton-image-circle { border-radius: 50%; } @keyframes ant-skeleton-loading { 0% { transform: translateX(-37.5%); } 100% { transform: translateX(37.5%); } } .ant-skeleton-rtl { direction: rtl; } .ant-skeleton-rtl .ant-skeleton-header { padding-right: 0; padding-left: 16px; } .ant-skeleton-rtl.ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-title, .ant-skeleton-rtl.ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-paragraph > li { animation-name: ant-skeleton-loading-rtl; } .ant-skeleton-rtl.ant-skeleton.ant-skeleton-active .ant-skeleton-avatar { animation-name: ant-skeleton-loading-rtl; } @keyframes ant-skeleton-loading-rtl { 0% { background-position: 0% 50%; } 100% { background-position: 100% 50%; } } /* 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-tabs-small > .ant-tabs-nav .ant-tabs-tab { padding: 8px 0; font-size: 14px; } .ant-tabs-large > .ant-tabs-nav .ant-tabs-tab { padding: 16px 0; font-size: 16px; } .ant-tabs-card.ant-tabs-small > .ant-tabs-nav .ant-tabs-tab { padding: 6px 16px; } .ant-tabs-card.ant-tabs-large > .ant-tabs-nav .ant-tabs-tab { padding: 7px 16px 6px; } .ant-tabs-rtl { direction: rtl; } .ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab { margin: 0 0 0 32px; } .ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab:last-of-type { margin-left: 0; } .ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .anticon { margin-right: 0; margin-left: 12px; } .ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove { margin-right: 8px; margin-left: -4px; } .ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove .anticon { margin: 0; } .ant-tabs-rtl.ant-tabs-left > .ant-tabs-nav { order: 1; } .ant-tabs-rtl.ant-tabs-left > .ant-tabs-content-holder { order: 0; } .ant-tabs-rtl.ant-tabs-right > .ant-tabs-nav { order: 0; } .ant-tabs-rtl.ant-tabs-right > .ant-tabs-content-holder { order: 1; } .ant-tabs-rtl.ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab, .ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab, .ant-tabs-rtl.ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab, .ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab { margin-right: 2px; margin-left: 0; } .ant-tabs-rtl.ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-add, .ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-add, .ant-tabs-rtl.ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-add, .ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-add { margin-right: 2px; margin-left: 0; } .ant-tabs-dropdown-rtl { direction: rtl; } .ant-tabs-dropdown-rtl .ant-tabs-dropdown-menu-item { text-align: right; } .ant-tabs-top, .ant-tabs-bottom { flex-direction: column; } .ant-tabs-top > .ant-tabs-nav, .ant-tabs-bottom > .ant-tabs-nav, .ant-tabs-top > div > .ant-tabs-nav, .ant-tabs-bottom > div > .ant-tabs-nav { margin: 0 0 16px 0; } .ant-tabs-top > .ant-tabs-nav::before, .ant-tabs-bottom > .ant-tabs-nav::before, .ant-tabs-top > div > .ant-tabs-nav::before, .ant-tabs-bottom > div > .ant-tabs-nav::before { position: absolute; right: 0; left: 0; border-bottom: 1px solid #f0f0f0; content: ''; } .ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar, .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-ink-bar, .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar, .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-ink-bar { height: 2px; } .ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar-animated, .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-ink-bar-animated, .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar-animated, .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-ink-bar-animated { transition: width 0.3s, left 0.3s, right 0.3s; } .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::before, .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::before, .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::before, .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::before, .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::after, .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::after, .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::after, .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::after { top: 0; bottom: 0; width: 30px; } .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::before, .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::before, .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::before, .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::before { left: 0; box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.08); } .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::after, .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::after, .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::after, .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::after { right: 0; box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.08); } .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before, .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before, .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before, .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before { opacity: 1; } .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after, .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after, .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after, .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after { opacity: 1; } .ant-tabs-top > .ant-tabs-nav::before, .ant-tabs-top > div > .ant-tabs-nav::before { bottom: 0; } .ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar, .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar { bottom: 0; } .ant-tabs-bottom > .ant-tabs-nav, .ant-tabs-bottom > div > .ant-tabs-nav { order: 1; margin-top: 16px; margin-bottom: 0; } .ant-tabs-bottom > .ant-tabs-nav::before, .ant-tabs-bottom > div > .ant-tabs-nav::before { top: 0; } .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-ink-bar, .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-ink-bar { top: 0; } .ant-tabs-bottom > .ant-tabs-content-holder, .ant-tabs-bottom > div > .ant-tabs-content-holder { order: 0; } .ant-tabs-left > .ant-tabs-nav, .ant-tabs-right > .ant-tabs-nav, .ant-tabs-left > div > .ant-tabs-nav, .ant-tabs-right > div > .ant-tabs-nav { flex-direction: column; min-width: 50px; } .ant-tabs-left > .ant-tabs-nav .ant-tabs-tab, .ant-tabs-right > .ant-tabs-nav .ant-tabs-tab, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab { padding: 8px 24px; text-align: center; } .ant-tabs-left > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab, .ant-tabs-right > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab { margin: 16px 0 0 0; } .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap, .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap { flex-direction: column; } .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::before, .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::before, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::before, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::before, .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::after, .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::after, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::after, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::after { right: 0; left: 0; height: 30px; } .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::before, .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::before, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::before, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::before { top: 0; box-shadow: inset 0 10px 8px -8px rgba(0, 0, 0, 0.08); } .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::after, .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::after, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::after, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::after { bottom: 0; box-shadow: inset 0 -10px 8px -8px rgba(0, 0, 0, 0.08); } .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before, .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before { opacity: 1; } .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after, .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after { opacity: 1; } .ant-tabs-left > .ant-tabs-nav .ant-tabs-ink-bar, .ant-tabs-right > .ant-tabs-nav .ant-tabs-ink-bar, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-ink-bar, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-ink-bar { width: 2px; } .ant-tabs-left > .ant-tabs-nav .ant-tabs-ink-bar-animated, .ant-tabs-right > .ant-tabs-nav .ant-tabs-ink-bar-animated, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-ink-bar-animated, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-ink-bar-animated { transition: height 0.3s, top 0.3s; } .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-list, .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-list, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-list, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-list, .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-operations, .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-operations, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-operations, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-operations { flex: 1 0 auto; flex-direction: column; } .ant-tabs-left > .ant-tabs-nav .ant-tabs-ink-bar, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-ink-bar { right: 0; } .ant-tabs-left > .ant-tabs-content-holder, .ant-tabs-left > div > .ant-tabs-content-holder { margin-left: -1px; border-left: 1px solid #f0f0f0; } .ant-tabs-left > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane, .ant-tabs-left > div > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane { padding-left: 24px; } .ant-tabs-right > .ant-tabs-nav, .ant-tabs-right > div > .ant-tabs-nav { order: 1; } .ant-tabs-right > .ant-tabs-nav .ant-tabs-ink-bar, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-ink-bar { left: 0; } .ant-tabs-right > .ant-tabs-content-holder, .ant-tabs-right > div > .ant-tabs-content-holder { order: 0; margin-right: -1px; border-right: 1px solid #f0f0f0; } .ant-tabs-right > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane, .ant-tabs-right > div > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane { padding-right: 24px; } .ant-tabs-dropdown { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; position: absolute; top: -9999px; left: -9999px; z-index: 1050; display: block; } .ant-tabs-dropdown-hidden { display: none; } .ant-tabs-dropdown-menu { max-height: 200px; margin: 0; padding: 4px 0; overflow-x: hidden; overflow-y: auto; text-align: left; list-style-type: none; background-color: #fff; background-clip: padding-box; border-radius: 2px; outline: none; box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05); } .ant-tabs-dropdown-menu-item { display: flex; align-items: center; min-width: 120px; margin: 0; padding: 5px 12px; overflow: hidden; color: rgba(0, 0, 0, 0.85); font-weight: normal; font-size: 14px; line-height: 22px; white-space: nowrap; text-overflow: ellipsis; cursor: pointer; transition: all 0.3s; } .ant-tabs-dropdown-menu-item > span { flex: 1; white-space: nowrap; } .ant-tabs-dropdown-menu-item-remove { flex: none; margin-left: 12px; color: rgba(0, 0, 0, 0.45); font-size: 12px; background: transparent; border: 0; cursor: pointer; } .ant-tabs-dropdown-menu-item-remove:hover { color: #40a9ff; } .ant-tabs-dropdown-menu-item:hover { background: #f5f5f5; } .ant-tabs-dropdown-menu-item-disabled, .ant-tabs-dropdown-menu-item-disabled:hover { color: rgba(0, 0, 0, 0.25); background: transparent; cursor: not-allowed; } .ant-tabs-card > .ant-tabs-nav .ant-tabs-tab, .ant-tabs-card > div > .ant-tabs-nav .ant-tabs-tab { margin: 0; padding: 8px 16px; background: #fafafa; border: 1px solid #f0f0f0; transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-tabs-card > .ant-tabs-nav .ant-tabs-tab-active, .ant-tabs-card > div > .ant-tabs-nav .ant-tabs-tab-active { color: #1890ff; background: #fff; } .ant-tabs-card > .ant-tabs-nav .ant-tabs-ink-bar, .ant-tabs-card > div > .ant-tabs-nav .ant-tabs-ink-bar { visibility: hidden; } .ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab, .ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab, .ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab, .ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab { margin-left: 2px; } .ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab, .ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab { border-radius: 2px 2px 0 0; } .ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab-active, .ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab-active { border-bottom-color: #fff; } .ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab, .ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab { border-radius: 0 0 2px 2px; } .ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab-active, .ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab-active { border-top-color: #fff; } .ant-tabs-card.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab, .ant-tabs-card.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab, .ant-tabs-card.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab, .ant-tabs-card.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab { margin-top: 2px; } .ant-tabs-card.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab, .ant-tabs-card.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab { border-radius: 2px 0 0 2px; } .ant-tabs-card.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab-active, .ant-tabs-card.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab-active { border-right-color: #fff; } .ant-tabs-card.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab, .ant-tabs-card.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab { border-radius: 0 2px 2px 0; } .ant-tabs-card.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab-active, .ant-tabs-card.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab-active { border-left-color: #fff; } .ant-tabs { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; display: flex; } .ant-tabs > .ant-tabs-nav, .ant-tabs > div > .ant-tabs-nav { position: relative; display: flex; flex: none; align-items: center; } .ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap, .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-wrap { position: relative; display: inline-block; display: flex; flex: auto; align-self: stretch; overflow: hidden; white-space: nowrap; transform: translate(0); } .ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap::before, .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-wrap::before, .ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap::after, .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-wrap::after { position: absolute; z-index: 1; opacity: 0; transition: opacity 0.3s; content: ''; pointer-events: none; } .ant-tabs > .ant-tabs-nav .ant-tabs-nav-list, .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-list { position: relative; display: flex; transition: transform 0.3s; } .ant-tabs > .ant-tabs-nav .ant-tabs-nav-operations, .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-operations { display: flex; align-self: stretch; } .ant-tabs > .ant-tabs-nav .ant-tabs-nav-operations-hidden, .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-operations-hidden { position: absolute; visibility: hidden; pointer-events: none; } .ant-tabs > .ant-tabs-nav .ant-tabs-nav-more, .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-more { position: relative; padding: 8px 16px; background: transparent; border: 0; } .ant-tabs > .ant-tabs-nav .ant-tabs-nav-more::after, .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-more::after { position: absolute; right: 0; bottom: 0; left: 0; height: 5px; transform: translateY(100%); content: ''; } .ant-tabs > .ant-tabs-nav .ant-tabs-nav-add, .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add { min-width: 40px; margin-left: 2px; padding: 0 8px; background: #fafafa; border: 1px solid #f0f0f0; border-radius: 2px 2px 0 0; outline: none; cursor: pointer; transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-tabs > .ant-tabs-nav .ant-tabs-nav-add:hover, .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add:hover { color: #40a9ff; } .ant-tabs > .ant-tabs-nav .ant-tabs-nav-add:active, .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add:active, .ant-tabs > .ant-tabs-nav .ant-tabs-nav-add:focus, .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add:focus { color: #096dd9; } .ant-tabs-extra-content { flex: none; } .ant-tabs-centered > .ant-tabs-nav .ant-tabs-nav-wrap:not([class*='ant-tabs-nav-wrap-ping']), .ant-tabs-centered > div > .ant-tabs-nav .ant-tabs-nav-wrap:not([class*='ant-tabs-nav-wrap-ping']) { justify-content: center; } .ant-tabs-ink-bar { position: absolute; background: #1890ff; pointer-events: none; } .ant-tabs-tab { position: relative; display: inline-flex; align-items: center; padding: 12px 0; font-size: 14px; background: transparent; border: 0; outline: none; cursor: pointer; } .ant-tabs-tab-btn:focus, .ant-tabs-tab-remove:focus, .ant-tabs-tab-btn:active, .ant-tabs-tab-remove:active { color: #096dd9; } .ant-tabs-tab-btn { outline: none; transition: all 0.3s; } .ant-tabs-tab-remove { flex: none; margin-right: -4px; margin-left: 8px; color: rgba(0, 0, 0, 0.45); font-size: 12px; background: transparent; border: none; outline: none; cursor: pointer; transition: all 0.3s; } .ant-tabs-tab-remove:hover { color: rgba(0, 0, 0, 0.85); } .ant-tabs-tab:hover { color: #40a9ff; } .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn { color: #1890ff; text-shadow: 0 0 0.25px currentcolor; } .ant-tabs-tab.ant-tabs-tab-disabled { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-btn:focus, .ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-remove:focus, .ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-btn:active, .ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-remove:active { color: rgba(0, 0, 0, 0.25); } .ant-tabs-tab .ant-tabs-tab-remove .anticon { margin: 0; } .ant-tabs-tab .anticon { margin-right: 12px; } .ant-tabs-tab + .ant-tabs-tab { margin: 0 0 0 32px; } .ant-tabs-content { position: relative; width: 100%; } .ant-tabs-content-holder { flex: auto; min-width: 0; min-height: 0; } .ant-tabs-tabpane { outline: none; } .ant-tabs-tabpane-hidden { display: none; } .ant-tabs-switch-appear, .ant-tabs-switch-enter { transition: none; } .ant-tabs-switch-appear-start, .ant-tabs-switch-enter-start { opacity: 0; } .ant-tabs-switch-appear-active, .ant-tabs-switch-enter-active { opacity: 1; transition: opacity 0.3s; } .ant-tabs-switch-leave { position: absolute; transition: none; inset: 0; } .ant-tabs-switch-leave-start { opacity: 1; } .ant-tabs-switch-leave-active { opacity: 0; transition: opacity 0.3s; } /* 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-carousel { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; } .ant-carousel .slick-slider { position: relative; display: block; box-sizing: border-box; touch-action: pan-y; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; } .ant-carousel .slick-list { position: relative; display: block; margin: 0; padding: 0; overflow: hidden; } .ant-carousel .slick-list:focus { outline: none; } .ant-carousel .slick-list.dragging { cursor: pointer; } .ant-carousel .slick-list .slick-slide { pointer-events: none; } .ant-carousel .slick-list .slick-slide input.ant-radio-input, .ant-carousel .slick-list .slick-slide input.ant-checkbox-input { visibility: hidden; } .ant-carousel .slick-list .slick-slide.slick-active { pointer-events: auto; } .ant-carousel .slick-list .slick-slide.slick-active input.ant-radio-input, .ant-carousel .slick-list .slick-slide.slick-active input.ant-checkbox-input { visibility: visible; } .ant-carousel .slick-list .slick-slide > div > div { vertical-align: bottom; } .ant-carousel .slick-slider .slick-track, .ant-carousel .slick-slider .slick-list { transform: translate3d(0, 0, 0); touch-action: pan-y; } .ant-carousel .slick-track { position: relative; top: 0; left: 0; display: block; } .ant-carousel .slick-track::before, .ant-carousel .slick-track::after { display: table; content: ''; } .ant-carousel .slick-track::after { clear: both; } .slick-loading .ant-carousel .slick-track { visibility: hidden; } .ant-carousel .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } .ant-carousel .slick-slide img { display: block; } .ant-carousel .slick-slide.slick-loading img { display: none; } .ant-carousel .slick-slide.dragging img { pointer-events: none; } .ant-carousel .slick-initialized .slick-slide { display: block; } .ant-carousel .slick-loading .slick-slide { visibility: hidden; } .ant-carousel .slick-vertical .slick-slide { display: block; height: auto; } .ant-carousel .slick-arrow.slick-hidden { display: none; } .ant-carousel .slick-prev, .ant-carousel .slick-next { position: absolute; top: 50%; display: block; width: 20px; height: 20px; margin-top: -10px; padding: 0; color: transparent; font-size: 0; line-height: 0; background: transparent; border: 0; outline: none; cursor: pointer; } .ant-carousel .slick-prev:hover, .ant-carousel .slick-next:hover, .ant-carousel .slick-prev:focus, .ant-carousel .slick-next:focus { color: transparent; background: transparent; outline: none; } .ant-carousel .slick-prev:hover::before, .ant-carousel .slick-next:hover::before, .ant-carousel .slick-prev:focus::before, .ant-carousel .slick-next:focus::before { opacity: 1; } .ant-carousel .slick-prev.slick-disabled::before, .ant-carousel .slick-next.slick-disabled::before { opacity: 0.25; } .ant-carousel .slick-prev { left: -25px; } .ant-carousel .slick-prev::before { content: '←'; } .ant-carousel .slick-next { right: -25px; } .ant-carousel .slick-next::before { content: '→'; } .ant-carousel .slick-dots { position: absolute; right: 0; bottom: 0; left: 0; z-index: 15; display: flex !important; justify-content: center; margin-right: 15%; margin-bottom: 0; margin-left: 15%; padding-left: 0; list-style: none; } .ant-carousel .slick-dots-bottom { bottom: 12px; } .ant-carousel .slick-dots-top { top: 12px; bottom: auto; } .ant-carousel .slick-dots li { position: relative; display: inline-block; flex: 0 1 auto; box-sizing: content-box; width: 16px; height: 3px; margin: 0 4px; padding: 0; text-align: center; text-indent: -999px; vertical-align: top; transition: all 0.5s; } .ant-carousel .slick-dots li button { position: relative; display: block; width: 100%; height: 3px; padding: 0; color: transparent; font-size: 0; background: #fff; border: 0; border-radius: 1px; outline: none; cursor: pointer; opacity: 0.3; transition: all 0.5s; } .ant-carousel .slick-dots li button:hover, .ant-carousel .slick-dots li button:focus { opacity: 0.75; } .ant-carousel .slick-dots li button::after { position: absolute; top: -4px; right: -4px; bottom: -4px; left: -4px; content: ''; } .ant-carousel .slick-dots li.slick-active { width: 24px; } .ant-carousel .slick-dots li.slick-active button { background: #fff; opacity: 1; } .ant-carousel .slick-dots li.slick-active:hover, .ant-carousel .slick-dots li.slick-active:focus { opacity: 1; } .ant-carousel-vertical .slick-dots { top: 50%; bottom: auto; flex-direction: column; width: 3px; height: auto; margin: 0; transform: translateY(-50%); } .ant-carousel-vertical .slick-dots-left { right: auto; left: 12px; } .ant-carousel-vertical .slick-dots-right { right: 12px; left: auto; } .ant-carousel-vertical .slick-dots li { width: 3px; height: 16px; margin: 4px 0; vertical-align: baseline; } .ant-carousel-vertical .slick-dots li button { width: 3px; height: 16px; } .ant-carousel-vertical .slick-dots li.slick-active { width: 3px; height: 24px; } .ant-carousel-vertical .slick-dots li.slick-active button { width: 3px; height: 24px; } .ant-carousel-rtl { direction: rtl; } .ant-carousel-rtl .ant-carousel .slick-track { right: 0; left: auto; } .ant-carousel-rtl .ant-carousel .slick-prev { right: -25px; left: auto; } .ant-carousel-rtl .ant-carousel .slick-prev::before { content: '→'; } .ant-carousel-rtl .ant-carousel .slick-next { right: auto; left: -25px; } .ant-carousel-rtl .ant-carousel .slick-next::before { content: '←'; } .ant-carousel-rtl.ant-carousel .slick-dots { flex-direction: row-reverse; } .ant-carousel-rtl.ant-carousel-vertical .slick-dots { flex-direction: column; } /* 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 */ @keyframes antCheckboxEffect { 0% { transform: scale(1); opacity: 0.5; } 100% { transform: scale(1.6); opacity: 0; } } .ant-cascader-checkbox { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; position: relative; top: 0.2em; line-height: 1; white-space: nowrap; outline: none; cursor: pointer; } .ant-cascader-checkbox-wrapper:hover .ant-cascader-checkbox-inner, .ant-cascader-checkbox:hover .ant-cascader-checkbox-inner, .ant-cascader-checkbox-input:focus + .ant-cascader-checkbox-inner { border-color: #1890ff; } .ant-cascader-checkbox-checked::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #1890ff; border-radius: 2px; visibility: hidden; animation: antCheckboxEffect 0.36s ease-in-out; animation-fill-mode: backwards; content: ''; } .ant-cascader-checkbox:hover::after, .ant-cascader-checkbox-wrapper:hover .ant-cascader-checkbox::after { visibility: visible; } .ant-cascader-checkbox-inner { position: relative; top: 0; left: 0; display: block; width: 16px; height: 16px; direction: ltr; background-color: #fff; border: 1px solid #d9d9d9; border-radius: 2px; border-collapse: separate; transition: all 0.3s; } .ant-cascader-checkbox-inner::after { position: absolute; top: 50%; left: 21.5%; display: table; width: 5.71428571px; height: 9.14285714px; border: 2px solid #fff; border-top: 0; border-left: 0; transform: rotate(45deg) scale(0) translate(-50%, -50%); opacity: 0; transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s; content: ' '; } .ant-cascader-checkbox-input { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; width: 100%; height: 100%; cursor: pointer; opacity: 0; } .ant-cascader-checkbox-checked .ant-cascader-checkbox-inner::after { position: absolute; display: table; border: 2px solid #fff; border-top: 0; border-left: 0; transform: rotate(45deg) scale(1) translate(-50%, -50%); opacity: 1; transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s; content: ' '; } .ant-cascader-checkbox-checked .ant-cascader-checkbox-inner { background-color: #1890ff; border-color: #1890ff; } .ant-cascader-checkbox-disabled { cursor: not-allowed; } .ant-cascader-checkbox-disabled.ant-cascader-checkbox-checked .ant-cascader-checkbox-inner::after { border-color: rgba(0, 0, 0, 0.25); animation-name: none; } .ant-cascader-checkbox-disabled .ant-cascader-checkbox-input { cursor: not-allowed; pointer-events: none; } .ant-cascader-checkbox-disabled .ant-cascader-checkbox-inner { background-color: #f5f5f5; border-color: #d9d9d9 !important; } .ant-cascader-checkbox-disabled .ant-cascader-checkbox-inner::after { border-color: #f5f5f5; border-collapse: separate; animation-name: none; } .ant-cascader-checkbox-disabled + span { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .ant-cascader-checkbox-disabled:hover::after, .ant-cascader-checkbox-wrapper:hover .ant-cascader-checkbox-disabled::after { visibility: hidden; } .ant-cascader-checkbox-wrapper { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; display: inline-flex; align-items: baseline; line-height: unset; cursor: pointer; } .ant-cascader-checkbox-wrapper::after { display: inline-block; width: 0; overflow: hidden; content: '\a0'; } .ant-cascader-checkbox-wrapper.ant-cascader-checkbox-wrapper-disabled { cursor: not-allowed; } .ant-cascader-checkbox-wrapper + .ant-cascader-checkbox-wrapper { margin-left: 8px; } .ant-cascader-checkbox-wrapper.ant-cascader-checkbox-wrapper-in-form-item input[type='checkbox'] { width: 14px; height: 14px; } .ant-cascader-checkbox + span { padding-right: 8px; padding-left: 8px; } .ant-cascader-checkbox-group { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; display: inline-block; } .ant-cascader-checkbox-group-item { margin-right: 8px; } .ant-cascader-checkbox-group-item:last-child { margin-right: 0; } .ant-cascader-checkbox-group-item + .ant-cascader-checkbox-group-item { margin-left: 0; } .ant-cascader-checkbox-indeterminate .ant-cascader-checkbox-inner { background-color: #fff; border-color: #d9d9d9; } .ant-cascader-checkbox-indeterminate .ant-cascader-checkbox-inner::after { top: 50%; left: 50%; width: 8px; height: 8px; background-color: #1890ff; border: 0; transform: translate(-50%, -50%) scale(1); opacity: 1; content: ' '; } .ant-cascader-checkbox-indeterminate.ant-cascader-checkbox-disabled .ant-cascader-checkbox-inner::after { background-color: rgba(0, 0, 0, 0.25); border-color: rgba(0, 0, 0, 0.25); } .ant-cascader { width: 184px; } .ant-cascader-checkbox { top: 0; margin-right: 8px; } .ant-cascader-menus { display: flex; flex-wrap: nowrap; align-items: flex-start; } .ant-cascader-menus.ant-cascader-menu-empty .ant-cascader-menu { width: 100%; height: auto; } .ant-cascader-menu { flex-grow: 1; min-width: 111px; height: 180px; margin: 0; margin: -4px 0; padding: 4px 0; overflow: auto; vertical-align: top; list-style: none; border-right: 1px solid #f0f0f0; -ms-overflow-style: -ms-autohiding-scrollbar; } .ant-cascader-menu-item { display: flex; flex-wrap: nowrap; align-items: center; padding: 5px 12px; overflow: hidden; line-height: 22px; white-space: nowrap; text-overflow: ellipsis; cursor: pointer; transition: all 0.3s; } .ant-cascader-menu-item:hover { background: #f5f5f5; } .ant-cascader-menu-item-disabled { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .ant-cascader-menu-item-disabled:hover { background: transparent; } .ant-cascader-menu-empty .ant-cascader-menu-item { color: rgba(0, 0, 0, 0.25); cursor: default; pointer-events: none; } .ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled), .ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled):hover { font-weight: 600; background-color: #e6f7ff; } .ant-cascader-menu-item-content { flex: auto; } .ant-cascader-menu-item-expand .ant-cascader-menu-item-expand-icon, .ant-cascader-menu-item-loading-icon { margin-left: 4px; color: rgba(0, 0, 0, 0.45); font-size: 10px; } .ant-cascader-menu-item-disabled.ant-cascader-menu-item-expand .ant-cascader-menu-item-expand-icon, .ant-cascader-menu-item-disabled.ant-cascader-menu-item-loading-icon { color: rgba(0, 0, 0, 0.25); } .ant-cascader-menu-item-keyword { color: #ff4d4f; } .ant-cascader-compact-item:not(.ant-cascader-compact-last-item):not(.ant-cascader-compact-item-rtl) { margin-right: -1px; } .ant-cascader-compact-item:not(.ant-cascader-compact-last-item).ant-cascader-compact-item-rtl { margin-left: -1px; } .ant-cascader-compact-item:hover, .ant-cascader-compact-item:focus, .ant-cascader-compact-item:active { z-index: 2; } .ant-cascader-compact-item[disabled] { z-index: 0; } .ant-cascader-compact-item:not(.ant-cascader-compact-first-item):not(.ant-cascader-compact-last-item).ant-cascader { border-radius: 0; } .ant-cascader-compact-item.ant-cascader.ant-cascader-compact-first-item:not(.ant-cascader-compact-item-rtl) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .ant-cascader-compact-item.ant-cascader.ant-cascader-compact-last-item:not(.ant-cascader-compact-item-rtl) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .ant-cascader-compact-item.ant-cascader.ant-cascader-compact-item-rtl.ant-cascader-compact-first-item { border-top-left-radius: 0; border-bottom-left-radius: 0; } .ant-cascader-compact-item.ant-cascader.ant-cascader-compact-item-rtl.ant-cascader-compact-last-item { border-top-right-radius: 0; border-bottom-right-radius: 0; } .ant-cascader-rtl .ant-cascader-menu-item-expand-icon, .ant-cascader-rtl .ant-cascader-menu-item-loading-icon { margin-right: 4px; margin-left: 0; } .ant-cascader-rtl .ant-cascader-checkbox { top: 0; margin-right: 0; margin-left: 8px; } /* 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 */ @keyframes antCheckboxEffect { 0% { transform: scale(1); opacity: 0.5; } 100% { transform: scale(1.6); opacity: 0; } } .ant-checkbox { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; position: relative; top: 0.2em; line-height: 1; white-space: nowrap; outline: none; cursor: pointer; } .ant-checkbox-wrapper:hover .ant-checkbox-inner, .ant-checkbox:hover .ant-checkbox-inner, .ant-checkbox-input:focus + .ant-checkbox-inner { border-color: #1890ff; } .ant-checkbox-checked::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #1890ff; border-radius: 2px; visibility: hidden; animation: antCheckboxEffect 0.36s ease-in-out; animation-fill-mode: backwards; content: ''; } .ant-checkbox:hover::after, .ant-checkbox-wrapper:hover .ant-checkbox::after { visibility: visible; } .ant-checkbox-inner { position: relative; top: 0; left: 0; display: block; width: 16px; height: 16px; direction: ltr; background-color: #fff; border: 1px solid #d9d9d9; border-radius: 2px; border-collapse: separate; transition: all 0.3s; } .ant-checkbox-inner::after { position: absolute; top: 50%; left: 21.5%; display: table; width: 5.71428571px; height: 9.14285714px; border: 2px solid #fff; border-top: 0; border-left: 0; transform: rotate(45deg) scale(0) translate(-50%, -50%); opacity: 0; transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s; content: ' '; } .ant-checkbox-input { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; width: 100%; height: 100%; cursor: pointer; opacity: 0; } .ant-checkbox-checked .ant-checkbox-inner::after { position: absolute; display: table; border: 2px solid #fff; border-top: 0; border-left: 0; transform: rotate(45deg) scale(1) translate(-50%, -50%); opacity: 1; transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s; content: ' '; } .ant-checkbox-checked .ant-checkbox-inner { background-color: #1890ff; border-color: #1890ff; } .ant-checkbox-disabled { cursor: not-allowed; } .ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner::after { border-color: rgba(0, 0, 0, 0.25); animation-name: none; } .ant-checkbox-disabled .ant-checkbox-input { cursor: not-allowed; pointer-events: none; } .ant-checkbox-disabled .ant-checkbox-inner { background-color: #f5f5f5; border-color: #d9d9d9 !important; } .ant-checkbox-disabled .ant-checkbox-inner::after { border-color: #f5f5f5; border-collapse: separate; animation-name: none; } .ant-checkbox-disabled + span { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .ant-checkbox-disabled:hover::after, .ant-checkbox-wrapper:hover .ant-checkbox-disabled::after { visibility: hidden; } .ant-checkbox-wrapper { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; display: inline-flex; align-items: baseline; line-height: unset; cursor: pointer; } .ant-checkbox-wrapper::after { display: inline-block; width: 0; overflow: hidden; content: '\a0'; } .ant-checkbox-wrapper.ant-checkbox-wrapper-disabled { cursor: not-allowed; } .ant-checkbox-wrapper + .ant-checkbox-wrapper { margin-left: 8px; } .ant-checkbox-wrapper.ant-checkbox-wrapper-in-form-item input[type='checkbox'] { width: 14px; height: 14px; } .ant-checkbox + span { padding-right: 8px; padding-left: 8px; } .ant-checkbox-group { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; display: inline-block; } .ant-checkbox-group-item { margin-right: 8px; } .ant-checkbox-group-item:last-child { margin-right: 0; } .ant-checkbox-group-item + .ant-checkbox-group-item { margin-left: 0; } .ant-checkbox-indeterminate .ant-checkbox-inner { background-color: #fff; border-color: #d9d9d9; } .ant-checkbox-indeterminate .ant-checkbox-inner::after { top: 50%; left: 50%; width: 8px; height: 8px; background-color: #1890ff; border: 0; transform: translate(-50%, -50%) scale(1); opacity: 1; content: ' '; } .ant-checkbox-indeterminate.ant-checkbox-disabled .ant-checkbox-inner::after { background-color: rgba(0, 0, 0, 0.25); border-color: rgba(0, 0, 0, 0.25); } .ant-checkbox-rtl { direction: rtl; } .ant-checkbox-group-rtl .ant-checkbox-group-item { margin-right: 0; margin-left: 8px; } .ant-checkbox-group-rtl .ant-checkbox-group-item:last-child { margin-left: 0 !important; } .ant-checkbox-group-rtl .ant-checkbox-group-item + .ant-checkbox-group-item { margin-left: 8px; } /* 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-row { display: flex; flex-flow: row wrap; min-width: 0; } .ant-row::before, .ant-row::after { display: flex; } .ant-row-no-wrap { flex-wrap: nowrap; } .ant-row-start { justify-content: flex-start; } .ant-row-center { justify-content: center; } .ant-row-end { justify-content: flex-end; } .ant-row-space-between { justify-content: space-between; } .ant-row-space-around { justify-content: space-around; } .ant-row-space-evenly { justify-content: space-evenly; } .ant-row-top { align-items: flex-start; } .ant-row-middle { align-items: center; } .ant-row-bottom { align-items: flex-end; } .ant-col { position: relative; max-width: 100%; min-height: 1px; } .ant-col-24 { display: block; flex: 0 0 100%; max-width: 100%; } .ant-col-push-24 { left: 100%; } .ant-col-pull-24 { right: 100%; } .ant-col-offset-24 { margin-left: 100%; } .ant-col-order-24 { order: 24; } .ant-col-23 { display: block; flex: 0 0 95.83333333%; max-width: 95.83333333%; } .ant-col-push-23 { left: 95.83333333%; } .ant-col-pull-23 { right: 95.83333333%; } .ant-col-offset-23 { margin-left: 95.83333333%; } .ant-col-order-23 { order: 23; } .ant-col-22 { display: block; flex: 0 0 91.66666667%; max-width: 91.66666667%; } .ant-col-push-22 { left: 91.66666667%; } .ant-col-pull-22 { right: 91.66666667%; } .ant-col-offset-22 { margin-left: 91.66666667%; } .ant-col-order-22 { order: 22; } .ant-col-21 { display: block; flex: 0 0 87.5%; max-width: 87.5%; } .ant-col-push-21 { left: 87.5%; } .ant-col-pull-21 { right: 87.5%; } .ant-col-offset-21 { margin-left: 87.5%; } .ant-col-order-21 { order: 21; } .ant-col-20 { display: block; flex: 0 0 83.33333333%; max-width: 83.33333333%; } .ant-col-push-20 { left: 83.33333333%; } .ant-col-pull-20 { right: 83.33333333%; } .ant-col-offset-20 { margin-left: 83.33333333%; } .ant-col-order-20 { order: 20; } .ant-col-19 { display: block; flex: 0 0 79.16666667%; max-width: 79.16666667%; } .ant-col-push-19 { left: 79.16666667%; } .ant-col-pull-19 { right: 79.16666667%; } .ant-col-offset-19 { margin-left: 79.16666667%; } .ant-col-order-19 { order: 19; } .ant-col-18 { display: block; flex: 0 0 75%; max-width: 75%; } .ant-col-push-18 { left: 75%; } .ant-col-pull-18 { right: 75%; } .ant-col-offset-18 { margin-left: 75%; } .ant-col-order-18 { order: 18; } .ant-col-17 { display: block; flex: 0 0 70.83333333%; max-width: 70.83333333%; } .ant-col-push-17 { left: 70.83333333%; } .ant-col-pull-17 { right: 70.83333333%; } .ant-col-offset-17 { margin-left: 70.83333333%; } .ant-col-order-17 { order: 17; } .ant-col-16 { display: block; flex: 0 0 66.66666667%; max-width: 66.66666667%; } .ant-col-push-16 { left: 66.66666667%; } .ant-col-pull-16 { right: 66.66666667%; } .ant-col-offset-16 { margin-left: 66.66666667%; } .ant-col-order-16 { order: 16; } .ant-col-15 { display: block; flex: 0 0 62.5%; max-width: 62.5%; } .ant-col-push-15 { left: 62.5%; } .ant-col-pull-15 { right: 62.5%; } .ant-col-offset-15 { margin-left: 62.5%; } .ant-col-order-15 { order: 15; } .ant-col-14 { display: block; flex: 0 0 58.33333333%; max-width: 58.33333333%; } .ant-col-push-14 { left: 58.33333333%; } .ant-col-pull-14 { right: 58.33333333%; } .ant-col-offset-14 { margin-left: 58.33333333%; } .ant-col-order-14 { order: 14; } .ant-col-13 { display: block; flex: 0 0 54.16666667%; max-width: 54.16666667%; } .ant-col-push-13 { left: 54.16666667%; } .ant-col-pull-13 { right: 54.16666667%; } .ant-col-offset-13 { margin-left: 54.16666667%; } .ant-col-order-13 { order: 13; } .ant-col-12 { display: block; flex: 0 0 50%; max-width: 50%; } .ant-col-push-12 { left: 50%; } .ant-col-pull-12 { right: 50%; } .ant-col-offset-12 { margin-left: 50%; } .ant-col-order-12 { order: 12; } .ant-col-11 { display: block; flex: 0 0 45.83333333%; max-width: 45.83333333%; } .ant-col-push-11 { left: 45.83333333%; } .ant-col-pull-11 { right: 45.83333333%; } .ant-col-offset-11 { margin-left: 45.83333333%; } .ant-col-order-11 { order: 11; } .ant-col-10 { display: block; flex: 0 0 41.66666667%; max-width: 41.66666667%; } .ant-col-push-10 { left: 41.66666667%; } .ant-col-pull-10 { right: 41.66666667%; } .ant-col-offset-10 { margin-left: 41.66666667%; } .ant-col-order-10 { order: 10; } .ant-col-9 { display: block; flex: 0 0 37.5%; max-width: 37.5%; } .ant-col-push-9 { left: 37.5%; } .ant-col-pull-9 { right: 37.5%; } .ant-col-offset-9 { margin-left: 37.5%; } .ant-col-order-9 { order: 9; } .ant-col-8 { display: block; flex: 0 0 33.33333333%; max-width: 33.33333333%; } .ant-col-push-8 { left: 33.33333333%; } .ant-col-pull-8 { right: 33.33333333%; } .ant-col-offset-8 { margin-left: 33.33333333%; } .ant-col-order-8 { order: 8; } .ant-col-7 { display: block; flex: 0 0 29.16666667%; max-width: 29.16666667%; } .ant-col-push-7 { left: 29.16666667%; } .ant-col-pull-7 { right: 29.16666667%; } .ant-col-offset-7 { margin-left: 29.16666667%; } .ant-col-order-7 { order: 7; } .ant-col-6 { display: block; flex: 0 0 25%; max-width: 25%; } .ant-col-push-6 { left: 25%; } .ant-col-pull-6 { right: 25%; } .ant-col-offset-6 { margin-left: 25%; } .ant-col-order-6 { order: 6; } .ant-col-5 { display: block; flex: 0 0 20.83333333%; max-width: 20.83333333%; } .ant-col-push-5 { left: 20.83333333%; } .ant-col-pull-5 { right: 20.83333333%; } .ant-col-offset-5 { margin-left: 20.83333333%; } .ant-col-order-5 { order: 5; } .ant-col-4 { display: block; flex: 0 0 16.66666667%; max-width: 16.66666667%; } .ant-col-push-4 { left: 16.66666667%; } .ant-col-pull-4 { right: 16.66666667%; } .ant-col-offset-4 { margin-left: 16.66666667%; } .ant-col-order-4 { order: 4; } .ant-col-3 { display: block; flex: 0 0 12.5%; max-width: 12.5%; } .ant-col-push-3 { left: 12.5%; } .ant-col-pull-3 { right: 12.5%; } .ant-col-offset-3 { margin-left: 12.5%; } .ant-col-order-3 { order: 3; } .ant-col-2 { display: block; flex: 0 0 8.33333333%; max-width: 8.33333333%; } .ant-col-push-2 { left: 8.33333333%; } .ant-col-pull-2 { right: 8.33333333%; } .ant-col-offset-2 { margin-left: 8.33333333%; } .ant-col-order-2 { order: 2; } .ant-col-1 { display: block; flex: 0 0 4.16666667%; max-width: 4.16666667%; } .ant-col-push-1 { left: 4.16666667%; } .ant-col-pull-1 { right: 4.16666667%; } .ant-col-offset-1 { margin-left: 4.16666667%; } .ant-col-order-1 { order: 1; } .ant-col-0 { display: none; } .ant-col-push-0 { left: auto; } .ant-col-pull-0 { right: auto; } .ant-col-push-0 { left: auto; } .ant-col-pull-0 { right: auto; } .ant-col-offset-0 { margin-left: 0; } .ant-col-order-0 { order: 0; } .ant-col-push-0.ant-col-rtl { right: auto; } .ant-col-pull-0.ant-col-rtl { left: auto; } .ant-col-push-0.ant-col-rtl { right: auto; } .ant-col-pull-0.ant-col-rtl { left: auto; } .ant-col-offset-0.ant-col-rtl { margin-right: 0; } .ant-col-push-1.ant-col-rtl { right: 4.16666667%; left: auto; } .ant-col-pull-1.ant-col-rtl { right: auto; left: 4.16666667%; } .ant-col-offset-1.ant-col-rtl { margin-right: 4.16666667%; margin-left: 0; } .ant-col-push-2.ant-col-rtl { right: 8.33333333%; left: auto; } .ant-col-pull-2.ant-col-rtl { right: auto; left: 8.33333333%; } .ant-col-offset-2.ant-col-rtl { margin-right: 8.33333333%; margin-left: 0; } .ant-col-push-3.ant-col-rtl { right: 12.5%; left: auto; } .ant-col-pull-3.ant-col-rtl { right: auto; left: 12.5%; } .ant-col-offset-3.ant-col-rtl { margin-right: 12.5%; margin-left: 0; } .ant-col-push-4.ant-col-rtl { right: 16.66666667%; left: auto; } .ant-col-pull-4.ant-col-rtl { right: auto; left: 16.66666667%; } .ant-col-offset-4.ant-col-rtl { margin-right: 16.66666667%; margin-left: 0; } .ant-col-push-5.ant-col-rtl { right: 20.83333333%; left: auto; } .ant-col-pull-5.ant-col-rtl { right: auto; left: 20.83333333%; } .ant-col-offset-5.ant-col-rtl { margin-right: 20.83333333%; margin-left: 0; } .ant-col-push-6.ant-col-rtl { right: 25%; left: auto; } .ant-col-pull-6.ant-col-rtl { right: auto; left: 25%; } .ant-col-offset-6.ant-col-rtl { margin-right: 25%; margin-left: 0; } .ant-col-push-7.ant-col-rtl { right: 29.16666667%; left: auto; } .ant-col-pull-7.ant-col-rtl { right: auto; left: 29.16666667%; } .ant-col-offset-7.ant-col-rtl { margin-right: 29.16666667%; margin-left: 0; } .ant-col-push-8.ant-col-rtl { right: 33.33333333%; left: auto; } .ant-col-pull-8.ant-col-rtl { right: auto; left: 33.33333333%; } .ant-col-offset-8.ant-col-rtl { margin-right: 33.33333333%; margin-left: 0; } .ant-col-push-9.ant-col-rtl { right: 37.5%; left: auto; } .ant-col-pull-9.ant-col-rtl { right: auto; left: 37.5%; } .ant-col-offset-9.ant-col-rtl { margin-right: 37.5%; margin-left: 0; } .ant-col-push-10.ant-col-rtl { right: 41.66666667%; left: auto; } .ant-col-pull-10.ant-col-rtl { right: auto; left: 41.66666667%; } .ant-col-offset-10.ant-col-rtl { margin-right: 41.66666667%; margin-left: 0; } .ant-col-push-11.ant-col-rtl { right: 45.83333333%; left: auto; } .ant-col-pull-11.ant-col-rtl { right: auto; left: 45.83333333%; } .ant-col-offset-11.ant-col-rtl { margin-right: 45.83333333%; margin-left: 0; } .ant-col-push-12.ant-col-rtl { right: 50%; left: auto; } .ant-col-pull-12.ant-col-rtl { right: auto; left: 50%; } .ant-col-offset-12.ant-col-rtl { margin-right: 50%; margin-left: 0; } .ant-col-push-13.ant-col-rtl { right: 54.16666667%; left: auto; } .ant-col-pull-13.ant-col-rtl { right: auto; left: 54.16666667%; } .ant-col-offset-13.ant-col-rtl { margin-right: 54.16666667%; margin-left: 0; } .ant-col-push-14.ant-col-rtl { right: 58.33333333%; left: auto; } .ant-col-pull-14.ant-col-rtl { right: auto; left: 58.33333333%; } .ant-col-offset-14.ant-col-rtl { margin-right: 58.33333333%; margin-left: 0; } .ant-col-push-15.ant-col-rtl { right: 62.5%; left: auto; } .ant-col-pull-15.ant-col-rtl { right: auto; left: 62.5%; } .ant-col-offset-15.ant-col-rtl { margin-right: 62.5%; margin-left: 0; } .ant-col-push-16.ant-col-rtl { right: 66.66666667%; left: auto; } .ant-col-pull-16.ant-col-rtl { right: auto; left: 66.66666667%; } .ant-col-offset-16.ant-col-rtl { margin-right: 66.66666667%; margin-left: 0; } .ant-col-push-17.ant-col-rtl { right: 70.83333333%; left: auto; } .ant-col-pull-17.ant-col-rtl { right: auto; left: 70.83333333%; } .ant-col-offset-17.ant-col-rtl { margin-right: 70.83333333%; margin-left: 0; } .ant-col-push-18.ant-col-rtl { right: 75%; left: auto; } .ant-col-pull-18.ant-col-rtl { right: auto; left: 75%; } .ant-col-offset-18.ant-col-rtl { margin-right: 75%; margin-left: 0; } .ant-col-push-19.ant-col-rtl { right: 79.16666667%; left: auto; } .ant-col-pull-19.ant-col-rtl { right: auto; left: 79.16666667%; } .ant-col-offset-19.ant-col-rtl { margin-right: 79.16666667%; margin-left: 0; } .ant-col-push-20.ant-col-rtl { right: 83.33333333%; left: auto; } .ant-col-pull-20.ant-col-rtl { right: auto; left: 83.33333333%; } .ant-col-offset-20.ant-col-rtl { margin-right: 83.33333333%; margin-left: 0; } .ant-col-push-21.ant-col-rtl { right: 87.5%; left: auto; } .ant-col-pull-21.ant-col-rtl { right: auto; left: 87.5%; } .ant-col-offset-21.ant-col-rtl { margin-right: 87.5%; margin-left: 0; } .ant-col-push-22.ant-col-rtl { right: 91.66666667%; left: auto; } .ant-col-pull-22.ant-col-rtl { right: auto; left: 91.66666667%; } .ant-col-offset-22.ant-col-rtl { margin-right: 91.66666667%; margin-left: 0; } .ant-col-push-23.ant-col-rtl { right: 95.83333333%; left: auto; } .ant-col-pull-23.ant-col-rtl { right: auto; left: 95.83333333%; } .ant-col-offset-23.ant-col-rtl { margin-right: 95.83333333%; margin-left: 0; } .ant-col-push-24.ant-col-rtl { right: 100%; left: auto; } .ant-col-pull-24.ant-col-rtl { right: auto; left: 100%; } .ant-col-offset-24.ant-col-rtl { margin-right: 100%; margin-left: 0; } .ant-col-xs-24 { display: block; flex: 0 0 100%; max-width: 100%; } .ant-col-xs-push-24 { left: 100%; } .ant-col-xs-pull-24 { right: 100%; } .ant-col-xs-offset-24 { margin-left: 100%; } .ant-col-xs-order-24 { order: 24; } .ant-col-xs-23 { display: block; flex: 0 0 95.83333333%; max-width: 95.83333333%; } .ant-col-xs-push-23 { left: 95.83333333%; } .ant-col-xs-pull-23 { right: 95.83333333%; } .ant-col-xs-offset-23 { margin-left: 95.83333333%; } .ant-col-xs-order-23 { order: 23; } .ant-col-xs-22 { display: block; flex: 0 0 91.66666667%; max-width: 91.66666667%; } .ant-col-xs-push-22 { left: 91.66666667%; } .ant-col-xs-pull-22 { right: 91.66666667%; } .ant-col-xs-offset-22 { margin-left: 91.66666667%; } .ant-col-xs-order-22 { order: 22; } .ant-col-xs-21 { display: block; flex: 0 0 87.5%; max-width: 87.5%; } .ant-col-xs-push-21 { left: 87.5%; } .ant-col-xs-pull-21 { right: 87.5%; } .ant-col-xs-offset-21 { margin-left: 87.5%; } .ant-col-xs-order-21 { order: 21; } .ant-col-xs-20 { display: block; flex: 0 0 83.33333333%; max-width: 83.33333333%; } .ant-col-xs-push-20 { left: 83.33333333%; } .ant-col-xs-pull-20 { right: 83.33333333%; } .ant-col-xs-offset-20 { margin-left: 83.33333333%; } .ant-col-xs-order-20 { order: 20; } .ant-col-xs-19 { display: block; flex: 0 0 79.16666667%; max-width: 79.16666667%; } .ant-col-xs-push-19 { left: 79.16666667%; } .ant-col-xs-pull-19 { right: 79.16666667%; } .ant-col-xs-offset-19 { margin-left: 79.16666667%; } .ant-col-xs-order-19 { order: 19; } .ant-col-xs-18 { display: block; flex: 0 0 75%; max-width: 75%; } .ant-col-xs-push-18 { left: 75%; } .ant-col-xs-pull-18 { right: 75%; } .ant-col-xs-offset-18 { margin-left: 75%; } .ant-col-xs-order-18 { order: 18; } .ant-col-xs-17 { display: block; flex: 0 0 70.83333333%; max-width: 70.83333333%; } .ant-col-xs-push-17 { left: 70.83333333%; } .ant-col-xs-pull-17 { right: 70.83333333%; } .ant-col-xs-offset-17 { margin-left: 70.83333333%; } .ant-col-xs-order-17 { order: 17; } .ant-col-xs-16 { display: block; flex: 0 0 66.66666667%; max-width: 66.66666667%; } .ant-col-xs-push-16 { left: 66.66666667%; } .ant-col-xs-pull-16 { right: 66.66666667%; } .ant-col-xs-offset-16 { margin-left: 66.66666667%; } .ant-col-xs-order-16 { order: 16; } .ant-col-xs-15 { display: block; flex: 0 0 62.5%; max-width: 62.5%; } .ant-col-xs-push-15 { left: 62.5%; } .ant-col-xs-pull-15 { right: 62.5%; } .ant-col-xs-offset-15 { margin-left: 62.5%; } .ant-col-xs-order-15 { order: 15; } .ant-col-xs-14 { display: block; flex: 0 0 58.33333333%; max-width: 58.33333333%; } .ant-col-xs-push-14 { left: 58.33333333%; } .ant-col-xs-pull-14 { right: 58.33333333%; } .ant-col-xs-offset-14 { margin-left: 58.33333333%; } .ant-col-xs-order-14 { order: 14; } .ant-col-xs-13 { display: block; flex: 0 0 54.16666667%; max-width: 54.16666667%; } .ant-col-xs-push-13 { left: 54.16666667%; } .ant-col-xs-pull-13 { right: 54.16666667%; } .ant-col-xs-offset-13 { margin-left: 54.16666667%; } .ant-col-xs-order-13 { order: 13; } .ant-col-xs-12 { display: block; flex: 0 0 50%; max-width: 50%; } .ant-col-xs-push-12 { left: 50%; } .ant-col-xs-pull-12 { right: 50%; } .ant-col-xs-offset-12 { margin-left: 50%; } .ant-col-xs-order-12 { order: 12; } .ant-col-xs-11 { display: block; flex: 0 0 45.83333333%; max-width: 45.83333333%; } .ant-col-xs-push-11 { left: 45.83333333%; } .ant-col-xs-pull-11 { right: 45.83333333%; } .ant-col-xs-offset-11 { margin-left: 45.83333333%; } .ant-col-xs-order-11 { order: 11; } .ant-col-xs-10 { display: block; flex: 0 0 41.66666667%; max-width: 41.66666667%; } .ant-col-xs-push-10 { left: 41.66666667%; } .ant-col-xs-pull-10 { right: 41.66666667%; } .ant-col-xs-offset-10 { margin-left: 41.66666667%; } .ant-col-xs-order-10 { order: 10; } .ant-col-xs-9 { display: block; flex: 0 0 37.5%; max-width: 37.5%; } .ant-col-xs-push-9 { left: 37.5%; } .ant-col-xs-pull-9 { right: 37.5%; } .ant-col-xs-offset-9 { margin-left: 37.5%; } .ant-col-xs-order-9 { order: 9; } .ant-col-xs-8 { display: block; flex: 0 0 33.33333333%; max-width: 33.33333333%; } .ant-col-xs-push-8 { left: 33.33333333%; } .ant-col-xs-pull-8 { right: 33.33333333%; } .ant-col-xs-offset-8 { margin-left: 33.33333333%; } .ant-col-xs-order-8 { order: 8; } .ant-col-xs-7 { display: block; flex: 0 0 29.16666667%; max-width: 29.16666667%; } .ant-col-xs-push-7 { left: 29.16666667%; } .ant-col-xs-pull-7 { right: 29.16666667%; } .ant-col-xs-offset-7 { margin-left: 29.16666667%; } .ant-col-xs-order-7 { order: 7; } .ant-col-xs-6 { display: block; flex: 0 0 25%; max-width: 25%; } .ant-col-xs-push-6 { left: 25%; } .ant-col-xs-pull-6 { right: 25%; } .ant-col-xs-offset-6 { margin-left: 25%; } .ant-col-xs-order-6 { order: 6; } .ant-col-xs-5 { display: block; flex: 0 0 20.83333333%; max-width: 20.83333333%; } .ant-col-xs-push-5 { left: 20.83333333%; } .ant-col-xs-pull-5 { right: 20.83333333%; } .ant-col-xs-offset-5 { margin-left: 20.83333333%; } .ant-col-xs-order-5 { order: 5; } .ant-col-xs-4 { display: block; flex: 0 0 16.66666667%; max-width: 16.66666667%; } .ant-col-xs-push-4 { left: 16.66666667%; } .ant-col-xs-pull-4 { right: 16.66666667%; } .ant-col-xs-offset-4 { margin-left: 16.66666667%; } .ant-col-xs-order-4 { order: 4; } .ant-col-xs-3 { display: block; flex: 0 0 12.5%; max-width: 12.5%; } .ant-col-xs-push-3 { left: 12.5%; } .ant-col-xs-pull-3 { right: 12.5%; } .ant-col-xs-offset-3 { margin-left: 12.5%; } .ant-col-xs-order-3 { order: 3; } .ant-col-xs-2 { display: block; flex: 0 0 8.33333333%; max-width: 8.33333333%; } .ant-col-xs-push-2 { left: 8.33333333%; } .ant-col-xs-pull-2 { right: 8.33333333%; } .ant-col-xs-offset-2 { margin-left: 8.33333333%; } .ant-col-xs-order-2 { order: 2; } .ant-col-xs-1 { display: block; flex: 0 0 4.16666667%; max-width: 4.16666667%; } .ant-col-xs-push-1 { left: 4.16666667%; } .ant-col-xs-pull-1 { right: 4.16666667%; } .ant-col-xs-offset-1 { margin-left: 4.16666667%; } .ant-col-xs-order-1 { order: 1; } .ant-col-xs-0 { display: none; } .ant-col-push-0 { left: auto; } .ant-col-pull-0 { right: auto; } .ant-col-xs-push-0 { left: auto; } .ant-col-xs-pull-0 { right: auto; } .ant-col-xs-offset-0 { margin-left: 0; } .ant-col-xs-order-0 { order: 0; } .ant-col-push-0.ant-col-rtl { right: auto; } .ant-col-pull-0.ant-col-rtl { left: auto; } .ant-col-xs-push-0.ant-col-rtl { right: auto; } .ant-col-xs-pull-0.ant-col-rtl { left: auto; } .ant-col-xs-offset-0.ant-col-rtl { margin-right: 0; } .ant-col-xs-push-1.ant-col-rtl { right: 4.16666667%; left: auto; } .ant-col-xs-pull-1.ant-col-rtl { right: auto; left: 4.16666667%; } .ant-col-xs-offset-1.ant-col-rtl { margin-right: 4.16666667%; margin-left: 0; } .ant-col-xs-push-2.ant-col-rtl { right: 8.33333333%; left: auto; } .ant-col-xs-pull-2.ant-col-rtl { right: auto; left: 8.33333333%; } .ant-col-xs-offset-2.ant-col-rtl { margin-right: 8.33333333%; margin-left: 0; } .ant-col-xs-push-3.ant-col-rtl { right: 12.5%; left: auto; } .ant-col-xs-pull-3.ant-col-rtl { right: auto; left: 12.5%; } .ant-col-xs-offset-3.ant-col-rtl { margin-right: 12.5%; margin-left: 0; } .ant-col-xs-push-4.ant-col-rtl { right: 16.66666667%; left: auto; } .ant-col-xs-pull-4.ant-col-rtl { right: auto; left: 16.66666667%; } .ant-col-xs-offset-4.ant-col-rtl { margin-right: 16.66666667%; margin-left: 0; } .ant-col-xs-push-5.ant-col-rtl { right: 20.83333333%; left: auto; } .ant-col-xs-pull-5.ant-col-rtl { right: auto; left: 20.83333333%; } .ant-col-xs-offset-5.ant-col-rtl { margin-right: 20.83333333%; margin-left: 0; } .ant-col-xs-push-6.ant-col-rtl { right: 25%; left: auto; } .ant-col-xs-pull-6.ant-col-rtl { right: auto; left: 25%; } .ant-col-xs-offset-6.ant-col-rtl { margin-right: 25%; margin-left: 0; } .ant-col-xs-push-7.ant-col-rtl { right: 29.16666667%; left: auto; } .ant-col-xs-pull-7.ant-col-rtl { right: auto; left: 29.16666667%; } .ant-col-xs-offset-7.ant-col-rtl { margin-right: 29.16666667%; margin-left: 0; } .ant-col-xs-push-8.ant-col-rtl { right: 33.33333333%; left: auto; } .ant-col-xs-pull-8.ant-col-rtl { right: auto; left: 33.33333333%; } .ant-col-xs-offset-8.ant-col-rtl { margin-right: 33.33333333%; margin-left: 0; } .ant-col-xs-push-9.ant-col-rtl { right: 37.5%; left: auto; } .ant-col-xs-pull-9.ant-col-rtl { right: auto; left: 37.5%; } .ant-col-xs-offset-9.ant-col-rtl { margin-right: 37.5%; margin-left: 0; } .ant-col-xs-push-10.ant-col-rtl { right: 41.66666667%; left: auto; } .ant-col-xs-pull-10.ant-col-rtl { right: auto; left: 41.66666667%; } .ant-col-xs-offset-10.ant-col-rtl { margin-right: 41.66666667%; margin-left: 0; } .ant-col-xs-push-11.ant-col-rtl { right: 45.83333333%; left: auto; } .ant-col-xs-pull-11.ant-col-rtl { right: auto; left: 45.83333333%; } .ant-col-xs-offset-11.ant-col-rtl { margin-right: 45.83333333%; margin-left: 0; } .ant-col-xs-push-12.ant-col-rtl { right: 50%; left: auto; } .ant-col-xs-pull-12.ant-col-rtl { right: auto; left: 50%; } .ant-col-xs-offset-12.ant-col-rtl { margin-right: 50%; margin-left: 0; } .ant-col-xs-push-13.ant-col-rtl { right: 54.16666667%; left: auto; } .ant-col-xs-pull-13.ant-col-rtl { right: auto; left: 54.16666667%; } .ant-col-xs-offset-13.ant-col-rtl { margin-right: 54.16666667%; margin-left: 0; } .ant-col-xs-push-14.ant-col-rtl { right: 58.33333333%; left: auto; } .ant-col-xs-pull-14.ant-col-rtl { right: auto; left: 58.33333333%; } .ant-col-xs-offset-14.ant-col-rtl { margin-right: 58.33333333%; margin-left: 0; } .ant-col-xs-push-15.ant-col-rtl { right: 62.5%; left: auto; } .ant-col-xs-pull-15.ant-col-rtl { right: auto; left: 62.5%; } .ant-col-xs-offset-15.ant-col-rtl { margin-right: 62.5%; margin-left: 0; } .ant-col-xs-push-16.ant-col-rtl { right: 66.66666667%; left: auto; } .ant-col-xs-pull-16.ant-col-rtl { right: auto; left: 66.66666667%; } .ant-col-xs-offset-16.ant-col-rtl { margin-right: 66.66666667%; margin-left: 0; } .ant-col-xs-push-17.ant-col-rtl { right: 70.83333333%; left: auto; } .ant-col-xs-pull-17.ant-col-rtl { right: auto; left: 70.83333333%; } .ant-col-xs-offset-17.ant-col-rtl { margin-right: 70.83333333%; margin-left: 0; } .ant-col-xs-push-18.ant-col-rtl { right: 75%; left: auto; } .ant-col-xs-pull-18.ant-col-rtl { right: auto; left: 75%; } .ant-col-xs-offset-18.ant-col-rtl { margin-right: 75%; margin-left: 0; } .ant-col-xs-push-19.ant-col-rtl { right: 79.16666667%; left: auto; } .ant-col-xs-pull-19.ant-col-rtl { right: auto; left: 79.16666667%; } .ant-col-xs-offset-19.ant-col-rtl { margin-right: 79.16666667%; margin-left: 0; } .ant-col-xs-push-20.ant-col-rtl { right: 83.33333333%; left: auto; } .ant-col-xs-pull-20.ant-col-rtl { right: auto; left: 83.33333333%; } .ant-col-xs-offset-20.ant-col-rtl { margin-right: 83.33333333%; margin-left: 0; } .ant-col-xs-push-21.ant-col-rtl { right: 87.5%; left: auto; } .ant-col-xs-pull-21.ant-col-rtl { right: auto; left: 87.5%; } .ant-col-xs-offset-21.ant-col-rtl { margin-right: 87.5%; margin-left: 0; } .ant-col-xs-push-22.ant-col-rtl { right: 91.66666667%; left: auto; } .ant-col-xs-pull-22.ant-col-rtl { right: auto; left: 91.66666667%; } .ant-col-xs-offset-22.ant-col-rtl { margin-right: 91.66666667%; margin-left: 0; } .ant-col-xs-push-23.ant-col-rtl { right: 95.83333333%; left: auto; } .ant-col-xs-pull-23.ant-col-rtl { right: auto; left: 95.83333333%; } .ant-col-xs-offset-23.ant-col-rtl { margin-right: 95.83333333%; margin-left: 0; } .ant-col-xs-push-24.ant-col-rtl { right: 100%; left: auto; } .ant-col-xs-pull-24.ant-col-rtl { right: auto; left: 100%; } .ant-col-xs-offset-24.ant-col-rtl { margin-right: 100%; margin-left: 0; } @media (min-width: 576px) { .ant-col-sm-24 { display: block; flex: 0 0 100%; max-width: 100%; } .ant-col-sm-push-24 { left: 100%; } .ant-col-sm-pull-24 { right: 100%; } .ant-col-sm-offset-24 { margin-left: 100%; } .ant-col-sm-order-24 { order: 24; } .ant-col-sm-23 { display: block; flex: 0 0 95.83333333%; max-width: 95.83333333%; } .ant-col-sm-push-23 { left: 95.83333333%; } .ant-col-sm-pull-23 { right: 95.83333333%; } .ant-col-sm-offset-23 { margin-left: 95.83333333%; } .ant-col-sm-order-23 { order: 23; } .ant-col-sm-22 { display: block; flex: 0 0 91.66666667%; max-width: 91.66666667%; } .ant-col-sm-push-22 { left: 91.66666667%; } .ant-col-sm-pull-22 { right: 91.66666667%; } .ant-col-sm-offset-22 { margin-left: 91.66666667%; } .ant-col-sm-order-22 { order: 22; } .ant-col-sm-21 { display: block; flex: 0 0 87.5%; max-width: 87.5%; } .ant-col-sm-push-21 { left: 87.5%; } .ant-col-sm-pull-21 { right: 87.5%; } .ant-col-sm-offset-21 { margin-left: 87.5%; } .ant-col-sm-order-21 { order: 21; } .ant-col-sm-20 { display: block; flex: 0 0 83.33333333%; max-width: 83.33333333%; } .ant-col-sm-push-20 { left: 83.33333333%; } .ant-col-sm-pull-20 { right: 83.33333333%; } .ant-col-sm-offset-20 { margin-left: 83.33333333%; } .ant-col-sm-order-20 { order: 20; } .ant-col-sm-19 { display: block; flex: 0 0 79.16666667%; max-width: 79.16666667%; } .ant-col-sm-push-19 { left: 79.16666667%; } .ant-col-sm-pull-19 { right: 79.16666667%; } .ant-col-sm-offset-19 { margin-left: 79.16666667%; } .ant-col-sm-order-19 { order: 19; } .ant-col-sm-18 { display: block; flex: 0 0 75%; max-width: 75%; } .ant-col-sm-push-18 { left: 75%; } .ant-col-sm-pull-18 { right: 75%; } .ant-col-sm-offset-18 { margin-left: 75%; } .ant-col-sm-order-18 { order: 18; } .ant-col-sm-17 { display: block; flex: 0 0 70.83333333%; max-width: 70.83333333%; } .ant-col-sm-push-17 { left: 70.83333333%; } .ant-col-sm-pull-17 { right: 70.83333333%; } .ant-col-sm-offset-17 { margin-left: 70.83333333%; } .ant-col-sm-order-17 { order: 17; } .ant-col-sm-16 { display: block; flex: 0 0 66.66666667%; max-width: 66.66666667%; } .ant-col-sm-push-16 { left: 66.66666667%; } .ant-col-sm-pull-16 { right: 66.66666667%; } .ant-col-sm-offset-16 { margin-left: 66.66666667%; } .ant-col-sm-order-16 { order: 16; } .ant-col-sm-15 { display: block; flex: 0 0 62.5%; max-width: 62.5%; } .ant-col-sm-push-15 { left: 62.5%; } .ant-col-sm-pull-15 { right: 62.5%; } .ant-col-sm-offset-15 { margin-left: 62.5%; } .ant-col-sm-order-15 { order: 15; } .ant-col-sm-14 { display: block; flex: 0 0 58.33333333%; max-width: 58.33333333%; } .ant-col-sm-push-14 { left: 58.33333333%; } .ant-col-sm-pull-14 { right: 58.33333333%; } .ant-col-sm-offset-14 { margin-left: 58.33333333%; } .ant-col-sm-order-14 { order: 14; } .ant-col-sm-13 { display: block; flex: 0 0 54.16666667%; max-width: 54.16666667%; } .ant-col-sm-push-13 { left: 54.16666667%; } .ant-col-sm-pull-13 { right: 54.16666667%; } .ant-col-sm-offset-13 { margin-left: 54.16666667%; } .ant-col-sm-order-13 { order: 13; } .ant-col-sm-12 { display: block; flex: 0 0 50%; max-width: 50%; } .ant-col-sm-push-12 { left: 50%; } .ant-col-sm-pull-12 { right: 50%; } .ant-col-sm-offset-12 { margin-left: 50%; } .ant-col-sm-order-12 { order: 12; } .ant-col-sm-11 { display: block; flex: 0 0 45.83333333%; max-width: 45.83333333%; } .ant-col-sm-push-11 { left: 45.83333333%; } .ant-col-sm-pull-11 { right: 45.83333333%; } .ant-col-sm-offset-11 { margin-left: 45.83333333%; } .ant-col-sm-order-11 { order: 11; } .ant-col-sm-10 { display: block; flex: 0 0 41.66666667%; max-width: 41.66666667%; } .ant-col-sm-push-10 { left: 41.66666667%; } .ant-col-sm-pull-10 { right: 41.66666667%; } .ant-col-sm-offset-10 { margin-left: 41.66666667%; } .ant-col-sm-order-10 { order: 10; } .ant-col-sm-9 { display: block; flex: 0 0 37.5%; max-width: 37.5%; } .ant-col-sm-push-9 { left: 37.5%; } .ant-col-sm-pull-9 { right: 37.5%; } .ant-col-sm-offset-9 { margin-left: 37.5%; } .ant-col-sm-order-9 { order: 9; } .ant-col-sm-8 { display: block; flex: 0 0 33.33333333%; max-width: 33.33333333%; } .ant-col-sm-push-8 { left: 33.33333333%; } .ant-col-sm-pull-8 { right: 33.33333333%; } .ant-col-sm-offset-8 { margin-left: 33.33333333%; } .ant-col-sm-order-8 { order: 8; } .ant-col-sm-7 { display: block; flex: 0 0 29.16666667%; max-width: 29.16666667%; } .ant-col-sm-push-7 { left: 29.16666667%; } .ant-col-sm-pull-7 { right: 29.16666667%; } .ant-col-sm-offset-7 { margin-left: 29.16666667%; } .ant-col-sm-order-7 { order: 7; } .ant-col-sm-6 { display: block; flex: 0 0 25%; max-width: 25%; } .ant-col-sm-push-6 { left: 25%; } .ant-col-sm-pull-6 { right: 25%; } .ant-col-sm-offset-6 { margin-left: 25%; } .ant-col-sm-order-6 { order: 6; } .ant-col-sm-5 { display: block; flex: 0 0 20.83333333%; max-width: 20.83333333%; } .ant-col-sm-push-5 { left: 20.83333333%; } .ant-col-sm-pull-5 { right: 20.83333333%; } .ant-col-sm-offset-5 { margin-left: 20.83333333%; } .ant-col-sm-order-5 { order: 5; } .ant-col-sm-4 { display: block; flex: 0 0 16.66666667%; max-width: 16.66666667%; } .ant-col-sm-push-4 { left: 16.66666667%; } .ant-col-sm-pull-4 { right: 16.66666667%; } .ant-col-sm-offset-4 { margin-left: 16.66666667%; } .ant-col-sm-order-4 { order: 4; } .ant-col-sm-3 { display: block; flex: 0 0 12.5%; max-width: 12.5%; } .ant-col-sm-push-3 { left: 12.5%; } .ant-col-sm-pull-3 { right: 12.5%; } .ant-col-sm-offset-3 { margin-left: 12.5%; } .ant-col-sm-order-3 { order: 3; } .ant-col-sm-2 { display: block; flex: 0 0 8.33333333%; max-width: 8.33333333%; } .ant-col-sm-push-2 { left: 8.33333333%; } .ant-col-sm-pull-2 { right: 8.33333333%; } .ant-col-sm-offset-2 { margin-left: 8.33333333%; } .ant-col-sm-order-2 { order: 2; } .ant-col-sm-1 { display: block; flex: 0 0 4.16666667%; max-width: 4.16666667%; } .ant-col-sm-push-1 { left: 4.16666667%; } .ant-col-sm-pull-1 { right: 4.16666667%; } .ant-col-sm-offset-1 { margin-left: 4.16666667%; } .ant-col-sm-order-1 { order: 1; } .ant-col-sm-0 { display: none; } .ant-col-push-0 { left: auto; } .ant-col-pull-0 { right: auto; } .ant-col-sm-push-0 { left: auto; } .ant-col-sm-pull-0 { right: auto; } .ant-col-sm-offset-0 { margin-left: 0; } .ant-col-sm-order-0 { order: 0; } .ant-col-push-0.ant-col-rtl { right: auto; } .ant-col-pull-0.ant-col-rtl { left: auto; } .ant-col-sm-push-0.ant-col-rtl { right: auto; } .ant-col-sm-pull-0.ant-col-rtl { left: auto; } .ant-col-sm-offset-0.ant-col-rtl { margin-right: 0; } .ant-col-sm-push-1.ant-col-rtl { right: 4.16666667%; left: auto; } .ant-col-sm-pull-1.ant-col-rtl { right: auto; left: 4.16666667%; } .ant-col-sm-offset-1.ant-col-rtl { margin-right: 4.16666667%; margin-left: 0; } .ant-col-sm-push-2.ant-col-rtl { right: 8.33333333%; left: auto; } .ant-col-sm-pull-2.ant-col-rtl { right: auto; left: 8.33333333%; } .ant-col-sm-offset-2.ant-col-rtl { margin-right: 8.33333333%; margin-left: 0; } .ant-col-sm-push-3.ant-col-rtl { right: 12.5%; left: auto; } .ant-col-sm-pull-3.ant-col-rtl { right: auto; left: 12.5%; } .ant-col-sm-offset-3.ant-col-rtl { margin-right: 12.5%; margin-left: 0; } .ant-col-sm-push-4.ant-col-rtl { right: 16.66666667%; left: auto; } .ant-col-sm-pull-4.ant-col-rtl { right: auto; left: 16.66666667%; } .ant-col-sm-offset-4.ant-col-rtl { margin-right: 16.66666667%; margin-left: 0; } .ant-col-sm-push-5.ant-col-rtl { right: 20.83333333%; left: auto; } .ant-col-sm-pull-5.ant-col-rtl { right: auto; left: 20.83333333%; } .ant-col-sm-offset-5.ant-col-rtl { margin-right: 20.83333333%; margin-left: 0; } .ant-col-sm-push-6.ant-col-rtl { right: 25%; left: auto; } .ant-col-sm-pull-6.ant-col-rtl { right: auto; left: 25%; } .ant-col-sm-offset-6.ant-col-rtl { margin-right: 25%; margin-left: 0; } .ant-col-sm-push-7.ant-col-rtl { right: 29.16666667%; left: auto; } .ant-col-sm-pull-7.ant-col-rtl { right: auto; left: 29.16666667%; } .ant-col-sm-offset-7.ant-col-rtl { margin-right: 29.16666667%; margin-left: 0; } .ant-col-sm-push-8.ant-col-rtl { right: 33.33333333%; left: auto; } .ant-col-sm-pull-8.ant-col-rtl { right: auto; left: 33.33333333%; } .ant-col-sm-offset-8.ant-col-rtl { margin-right: 33.33333333%; margin-left: 0; } .ant-col-sm-push-9.ant-col-rtl { right: 37.5%; left: auto; } .ant-col-sm-pull-9.ant-col-rtl { right: auto; left: 37.5%; } .ant-col-sm-offset-9.ant-col-rtl { margin-right: 37.5%; margin-left: 0; } .ant-col-sm-push-10.ant-col-rtl { right: 41.66666667%; left: auto; } .ant-col-sm-pull-10.ant-col-rtl { right: auto; left: 41.66666667%; } .ant-col-sm-offset-10.ant-col-rtl { margin-right: 41.66666667%; margin-left: 0; } .ant-col-sm-push-11.ant-col-rtl { right: 45.83333333%; left: auto; } .ant-col-sm-pull-11.ant-col-rtl { right: auto; left: 45.83333333%; } .ant-col-sm-offset-11.ant-col-rtl { margin-right: 45.83333333%; margin-left: 0; } .ant-col-sm-push-12.ant-col-rtl { right: 50%; left: auto; } .ant-col-sm-pull-12.ant-col-rtl { right: auto; left: 50%; } .ant-col-sm-offset-12.ant-col-rtl { margin-right: 50%; margin-left: 0; } .ant-col-sm-push-13.ant-col-rtl { right: 54.16666667%; left: auto; } .ant-col-sm-pull-13.ant-col-rtl { right: auto; left: 54.16666667%; } .ant-col-sm-offset-13.ant-col-rtl { margin-right: 54.16666667%; margin-left: 0; } .ant-col-sm-push-14.ant-col-rtl { right: 58.33333333%; left: auto; } .ant-col-sm-pull-14.ant-col-rtl { right: auto; left: 58.33333333%; } .ant-col-sm-offset-14.ant-col-rtl { margin-right: 58.33333333%; margin-left: 0; } .ant-col-sm-push-15.ant-col-rtl { right: 62.5%; left: auto; } .ant-col-sm-pull-15.ant-col-rtl { right: auto; left: 62.5%; } .ant-col-sm-offset-15.ant-col-rtl { margin-right: 62.5%; margin-left: 0; } .ant-col-sm-push-16.ant-col-rtl { right: 66.66666667%; left: auto; } .ant-col-sm-pull-16.ant-col-rtl { right: auto; left: 66.66666667%; } .ant-col-sm-offset-16.ant-col-rtl { margin-right: 66.66666667%; margin-left: 0; } .ant-col-sm-push-17.ant-col-rtl { right: 70.83333333%; left: auto; } .ant-col-sm-pull-17.ant-col-rtl { right: auto; left: 70.83333333%; } .ant-col-sm-offset-17.ant-col-rtl { margin-right: 70.83333333%; margin-left: 0; } .ant-col-sm-push-18.ant-col-rtl { right: 75%; left: auto; } .ant-col-sm-pull-18.ant-col-rtl { right: auto; left: 75%; } .ant-col-sm-offset-18.ant-col-rtl { margin-right: 75%; margin-left: 0; } .ant-col-sm-push-19.ant-col-rtl { right: 79.16666667%; left: auto; } .ant-col-sm-pull-19.ant-col-rtl { right: auto; left: 79.16666667%; } .ant-col-sm-offset-19.ant-col-rtl { margin-right: 79.16666667%; margin-left: 0; } .ant-col-sm-push-20.ant-col-rtl { right: 83.33333333%; left: auto; } .ant-col-sm-pull-20.ant-col-rtl { right: auto; left: 83.33333333%; } .ant-col-sm-offset-20.ant-col-rtl { margin-right: 83.33333333%; margin-left: 0; } .ant-col-sm-push-21.ant-col-rtl { right: 87.5%; left: auto; } .ant-col-sm-pull-21.ant-col-rtl { right: auto; left: 87.5%; } .ant-col-sm-offset-21.ant-col-rtl { margin-right: 87.5%; margin-left: 0; } .ant-col-sm-push-22.ant-col-rtl { right: 91.66666667%; left: auto; } .ant-col-sm-pull-22.ant-col-rtl { right: auto; left: 91.66666667%; } .ant-col-sm-offset-22.ant-col-rtl { margin-right: 91.66666667%; margin-left: 0; } .ant-col-sm-push-23.ant-col-rtl { right: 95.83333333%; left: auto; } .ant-col-sm-pull-23.ant-col-rtl { right: auto; left: 95.83333333%; } .ant-col-sm-offset-23.ant-col-rtl { margin-right: 95.83333333%; margin-left: 0; } .ant-col-sm-push-24.ant-col-rtl { right: 100%; left: auto; } .ant-col-sm-pull-24.ant-col-rtl { right: auto; left: 100%; } .ant-col-sm-offset-24.ant-col-rtl { margin-right: 100%; margin-left: 0; } } @media (min-width: 768px) { .ant-col-md-24 { display: block; flex: 0 0 100%; max-width: 100%; } .ant-col-md-push-24 { left: 100%; } .ant-col-md-pull-24 { right: 100%; } .ant-col-md-offset-24 { margin-left: 100%; } .ant-col-md-order-24 { order: 24; } .ant-col-md-23 { display: block; flex: 0 0 95.83333333%; max-width: 95.83333333%; } .ant-col-md-push-23 { left: 95.83333333%; } .ant-col-md-pull-23 { right: 95.83333333%; } .ant-col-md-offset-23 { margin-left: 95.83333333%; } .ant-col-md-order-23 { order: 23; } .ant-col-md-22 { display: block; flex: 0 0 91.66666667%; max-width: 91.66666667%; } .ant-col-md-push-22 { left: 91.66666667%; } .ant-col-md-pull-22 { right: 91.66666667%; } .ant-col-md-offset-22 { margin-left: 91.66666667%; } .ant-col-md-order-22 { order: 22; } .ant-col-md-21 { display: block; flex: 0 0 87.5%; max-width: 87.5%; } .ant-col-md-push-21 { left: 87.5%; } .ant-col-md-pull-21 { right: 87.5%; } .ant-col-md-offset-21 { margin-left: 87.5%; } .ant-col-md-order-21 { order: 21; } .ant-col-md-20 { display: block; flex: 0 0 83.33333333%; max-width: 83.33333333%; } .ant-col-md-push-20 { left: 83.33333333%; } .ant-col-md-pull-20 { right: 83.33333333%; } .ant-col-md-offset-20 { margin-left: 83.33333333%; } .ant-col-md-order-20 { order: 20; } .ant-col-md-19 { display: block; flex: 0 0 79.16666667%; max-width: 79.16666667%; } .ant-col-md-push-19 { left: 79.16666667%; } .ant-col-md-pull-19 { right: 79.16666667%; } .ant-col-md-offset-19 { margin-left: 79.16666667%; } .ant-col-md-order-19 { order: 19; } .ant-col-md-18 { display: block; flex: 0 0 75%; max-width: 75%; } .ant-col-md-push-18 { left: 75%; } .ant-col-md-pull-18 { right: 75%; } .ant-col-md-offset-18 { margin-left: 75%; } .ant-col-md-order-18 { order: 18; } .ant-col-md-17 { display: block; flex: 0 0 70.83333333%; max-width: 70.83333333%; } .ant-col-md-push-17 { left: 70.83333333%; } .ant-col-md-pull-17 { right: 70.83333333%; } .ant-col-md-offset-17 { margin-left: 70.83333333%; } .ant-col-md-order-17 { order: 17; } .ant-col-md-16 { display: block; flex: 0 0 66.66666667%; max-width: 66.66666667%; } .ant-col-md-push-16 { left: 66.66666667%; } .ant-col-md-pull-16 { right: 66.66666667%; } .ant-col-md-offset-16 { margin-left: 66.66666667%; } .ant-col-md-order-16 { order: 16; } .ant-col-md-15 { display: block; flex: 0 0 62.5%; max-width: 62.5%; } .ant-col-md-push-15 { left: 62.5%; } .ant-col-md-pull-15 { right: 62.5%; } .ant-col-md-offset-15 { margin-left: 62.5%; } .ant-col-md-order-15 { order: 15; } .ant-col-md-14 { display: block; flex: 0 0 58.33333333%; max-width: 58.33333333%; } .ant-col-md-push-14 { left: 58.33333333%; } .ant-col-md-pull-14 { right: 58.33333333%; } .ant-col-md-offset-14 { margin-left: 58.33333333%; } .ant-col-md-order-14 { order: 14; } .ant-col-md-13 { display: block; flex: 0 0 54.16666667%; max-width: 54.16666667%; } .ant-col-md-push-13 { left: 54.16666667%; } .ant-col-md-pull-13 { right: 54.16666667%; } .ant-col-md-offset-13 { margin-left: 54.16666667%; } .ant-col-md-order-13 { order: 13; } .ant-col-md-12 { display: block; flex: 0 0 50%; max-width: 50%; } .ant-col-md-push-12 { left: 50%; } .ant-col-md-pull-12 { right: 50%; } .ant-col-md-offset-12 { margin-left: 50%; } .ant-col-md-order-12 { order: 12; } .ant-col-md-11 { display: block; flex: 0 0 45.83333333%; max-width: 45.83333333%; } .ant-col-md-push-11 { left: 45.83333333%; } .ant-col-md-pull-11 { right: 45.83333333%; } .ant-col-md-offset-11 { margin-left: 45.83333333%; } .ant-col-md-order-11 { order: 11; } .ant-col-md-10 { display: block; flex: 0 0 41.66666667%; max-width: 41.66666667%; } .ant-col-md-push-10 { left: 41.66666667%; } .ant-col-md-pull-10 { right: 41.66666667%; } .ant-col-md-offset-10 { margin-left: 41.66666667%; } .ant-col-md-order-10 { order: 10; } .ant-col-md-9 { display: block; flex: 0 0 37.5%; max-width: 37.5%; } .ant-col-md-push-9 { left: 37.5%; } .ant-col-md-pull-9 { right: 37.5%; } .ant-col-md-offset-9 { margin-left: 37.5%; } .ant-col-md-order-9 { order: 9; } .ant-col-md-8 { display: block; flex: 0 0 33.33333333%; max-width: 33.33333333%; } .ant-col-md-push-8 { left: 33.33333333%; } .ant-col-md-pull-8 { right: 33.33333333%; } .ant-col-md-offset-8 { margin-left: 33.33333333%; } .ant-col-md-order-8 { order: 8; } .ant-col-md-7 { display: block; flex: 0 0 29.16666667%; max-width: 29.16666667%; } .ant-col-md-push-7 { left: 29.16666667%; } .ant-col-md-pull-7 { right: 29.16666667%; } .ant-col-md-offset-7 { margin-left: 29.16666667%; } .ant-col-md-order-7 { order: 7; } .ant-col-md-6 { display: block; flex: 0 0 25%; max-width: 25%; } .ant-col-md-push-6 { left: 25%; } .ant-col-md-pull-6 { right: 25%; } .ant-col-md-offset-6 { margin-left: 25%; } .ant-col-md-order-6 { order: 6; } .ant-col-md-5 { display: block; flex: 0 0 20.83333333%; max-width: 20.83333333%; } .ant-col-md-push-5 { left: 20.83333333%; } .ant-col-md-pull-5 { right: 20.83333333%; } .ant-col-md-offset-5 { margin-left: 20.83333333%; } .ant-col-md-order-5 { order: 5; } .ant-col-md-4 { display: block; flex: 0 0 16.66666667%; max-width: 16.66666667%; } .ant-col-md-push-4 { left: 16.66666667%; } .ant-col-md-pull-4 { right: 16.66666667%; } .ant-col-md-offset-4 { margin-left: 16.66666667%; } .ant-col-md-order-4 { order: 4; } .ant-col-md-3 { display: block; flex: 0 0 12.5%; max-width: 12.5%; } .ant-col-md-push-3 { left: 12.5%; } .ant-col-md-pull-3 { right: 12.5%; } .ant-col-md-offset-3 { margin-left: 12.5%; } .ant-col-md-order-3 { order: 3; } .ant-col-md-2 { display: block; flex: 0 0 8.33333333%; max-width: 8.33333333%; } .ant-col-md-push-2 { left: 8.33333333%; } .ant-col-md-pull-2 { right: 8.33333333%; } .ant-col-md-offset-2 { margin-left: 8.33333333%; } .ant-col-md-order-2 { order: 2; } .ant-col-md-1 { display: block; flex: 0 0 4.16666667%; max-width: 4.16666667%; } .ant-col-md-push-1 { left: 4.16666667%; } .ant-col-md-pull-1 { right: 4.16666667%; } .ant-col-md-offset-1 { margin-left: 4.16666667%; } .ant-col-md-order-1 { order: 1; } .ant-col-md-0 { display: none; } .ant-col-push-0 { left: auto; } .ant-col-pull-0 { right: auto; } .ant-col-md-push-0 { left: auto; } .ant-col-md-pull-0 { right: auto; } .ant-col-md-offset-0 { margin-left: 0; } .ant-col-md-order-0 { order: 0; } .ant-col-push-0.ant-col-rtl { right: auto; } .ant-col-pull-0.ant-col-rtl { left: auto; } .ant-col-md-push-0.ant-col-rtl { right: auto; } .ant-col-md-pull-0.ant-col-rtl { left: auto; } .ant-col-md-offset-0.ant-col-rtl { margin-right: 0; } .ant-col-md-push-1.ant-col-rtl { right: 4.16666667%; left: auto; } .ant-col-md-pull-1.ant-col-rtl { right: auto; left: 4.16666667%; } .ant-col-md-offset-1.ant-col-rtl { margin-right: 4.16666667%; margin-left: 0; } .ant-col-md-push-2.ant-col-rtl { right: 8.33333333%; left: auto; } .ant-col-md-pull-2.ant-col-rtl { right: auto; left: 8.33333333%; } .ant-col-md-offset-2.ant-col-rtl { margin-right: 8.33333333%; margin-left: 0; } .ant-col-md-push-3.ant-col-rtl { right: 12.5%; left: auto; } .ant-col-md-pull-3.ant-col-rtl { right: auto; left: 12.5%; } .ant-col-md-offset-3.ant-col-rtl { margin-right: 12.5%; margin-left: 0; } .ant-col-md-push-4.ant-col-rtl { right: 16.66666667%; left: auto; } .ant-col-md-pull-4.ant-col-rtl { right: auto; left: 16.66666667%; } .ant-col-md-offset-4.ant-col-rtl { margin-right: 16.66666667%; margin-left: 0; } .ant-col-md-push-5.ant-col-rtl { right: 20.83333333%; left: auto; } .ant-col-md-pull-5.ant-col-rtl { right: auto; left: 20.83333333%; } .ant-col-md-offset-5.ant-col-rtl { margin-right: 20.83333333%; margin-left: 0; } .ant-col-md-push-6.ant-col-rtl { right: 25%; left: auto; } .ant-col-md-pull-6.ant-col-rtl { right: auto; left: 25%; } .ant-col-md-offset-6.ant-col-rtl { margin-right: 25%; margin-left: 0; } .ant-col-md-push-7.ant-col-rtl { right: 29.16666667%; left: auto; } .ant-col-md-pull-7.ant-col-rtl { right: auto; left: 29.16666667%; } .ant-col-md-offset-7.ant-col-rtl { margin-right: 29.16666667%; margin-left: 0; } .ant-col-md-push-8.ant-col-rtl { right: 33.33333333%; left: auto; } .ant-col-md-pull-8.ant-col-rtl { right: auto; left: 33.33333333%; } .ant-col-md-offset-8.ant-col-rtl { margin-right: 33.33333333%; margin-left: 0; } .ant-col-md-push-9.ant-col-rtl { right: 37.5%; left: auto; } .ant-col-md-pull-9.ant-col-rtl { right: auto; left: 37.5%; } .ant-col-md-offset-9.ant-col-rtl { margin-right: 37.5%; margin-left: 0; } .ant-col-md-push-10.ant-col-rtl { right: 41.66666667%; left: auto; } .ant-col-md-pull-10.ant-col-rtl { right: auto; left: 41.66666667%; } .ant-col-md-offset-10.ant-col-rtl { margin-right: 41.66666667%; margin-left: 0; } .ant-col-md-push-11.ant-col-rtl { right: 45.83333333%; left: auto; } .ant-col-md-pull-11.ant-col-rtl { right: auto; left: 45.83333333%; } .ant-col-md-offset-11.ant-col-rtl { margin-right: 45.83333333%; margin-left: 0; } .ant-col-md-push-12.ant-col-rtl { right: 50%; left: auto; } .ant-col-md-pull-12.ant-col-rtl { right: auto; left: 50%; } .ant-col-md-offset-12.ant-col-rtl { margin-right: 50%; margin-left: 0; } .ant-col-md-push-13.ant-col-rtl { right: 54.16666667%; left: auto; } .ant-col-md-pull-13.ant-col-rtl { right: auto; left: 54.16666667%; } .ant-col-md-offset-13.ant-col-rtl { margin-right: 54.16666667%; margin-left: 0; } .ant-col-md-push-14.ant-col-rtl { right: 58.33333333%; left: auto; } .ant-col-md-pull-14.ant-col-rtl { right: auto; left: 58.33333333%; } .ant-col-md-offset-14.ant-col-rtl { margin-right: 58.33333333%; margin-left: 0; } .ant-col-md-push-15.ant-col-rtl { right: 62.5%; left: auto; } .ant-col-md-pull-15.ant-col-rtl { right: auto; left: 62.5%; } .ant-col-md-offset-15.ant-col-rtl { margin-right: 62.5%; margin-left: 0; } .ant-col-md-push-16.ant-col-rtl { right: 66.66666667%; left: auto; } .ant-col-md-pull-16.ant-col-rtl { right: auto; left: 66.66666667%; } .ant-col-md-offset-16.ant-col-rtl { margin-right: 66.66666667%; margin-left: 0; } .ant-col-md-push-17.ant-col-rtl { right: 70.83333333%; left: auto; } .ant-col-md-pull-17.ant-col-rtl { right: auto; left: 70.83333333%; } .ant-col-md-offset-17.ant-col-rtl { margin-right: 70.83333333%; margin-left: 0; } .ant-col-md-push-18.ant-col-rtl { right: 75%; left: auto; } .ant-col-md-pull-18.ant-col-rtl { right: auto; left: 75%; } .ant-col-md-offset-18.ant-col-rtl { margin-right: 75%; margin-left: 0; } .ant-col-md-push-19.ant-col-rtl { right: 79.16666667%; left: auto; } .ant-col-md-pull-19.ant-col-rtl { right: auto; left: 79.16666667%; } .ant-col-md-offset-19.ant-col-rtl { margin-right: 79.16666667%; margin-left: 0; } .ant-col-md-push-20.ant-col-rtl { right: 83.33333333%; left: auto; } .ant-col-md-pull-20.ant-col-rtl { right: auto; left: 83.33333333%; } .ant-col-md-offset-20.ant-col-rtl { margin-right: 83.33333333%; margin-left: 0; } .ant-col-md-push-21.ant-col-rtl { right: 87.5%; left: auto; } .ant-col-md-pull-21.ant-col-rtl { right: auto; left: 87.5%; } .ant-col-md-offset-21.ant-col-rtl { margin-right: 87.5%; margin-left: 0; } .ant-col-md-push-22.ant-col-rtl { right: 91.66666667%; left: auto; } .ant-col-md-pull-22.ant-col-rtl { right: auto; left: 91.66666667%; } .ant-col-md-offset-22.ant-col-rtl { margin-right: 91.66666667%; margin-left: 0; } .ant-col-md-push-23.ant-col-rtl { right: 95.83333333%; left: auto; } .ant-col-md-pull-23.ant-col-rtl { right: auto; left: 95.83333333%; } .ant-col-md-offset-23.ant-col-rtl { margin-right: 95.83333333%; margin-left: 0; } .ant-col-md-push-24.ant-col-rtl { right: 100%; left: auto; } .ant-col-md-pull-24.ant-col-rtl { right: auto; left: 100%; } .ant-col-md-offset-24.ant-col-rtl { margin-right: 100%; margin-left: 0; } } @media (min-width: 992px) { .ant-col-lg-24 { display: block; flex: 0 0 100%; max-width: 100%; } .ant-col-lg-push-24 { left: 100%; } .ant-col-lg-pull-24 { right: 100%; } .ant-col-lg-offset-24 { margin-left: 100%; } .ant-col-lg-order-24 { order: 24; } .ant-col-lg-23 { display: block; flex: 0 0 95.83333333%; max-width: 95.83333333%; } .ant-col-lg-push-23 { left: 95.83333333%; } .ant-col-lg-pull-23 { right: 95.83333333%; } .ant-col-lg-offset-23 { margin-left: 95.83333333%; } .ant-col-lg-order-23 { order: 23; } .ant-col-lg-22 { display: block; flex: 0 0 91.66666667%; max-width: 91.66666667%; } .ant-col-lg-push-22 { left: 91.66666667%; } .ant-col-lg-pull-22 { right: 91.66666667%; } .ant-col-lg-offset-22 { margin-left: 91.66666667%; } .ant-col-lg-order-22 { order: 22; } .ant-col-lg-21 { display: block; flex: 0 0 87.5%; max-width: 87.5%; } .ant-col-lg-push-21 { left: 87.5%; } .ant-col-lg-pull-21 { right: 87.5%; } .ant-col-lg-offset-21 { margin-left: 87.5%; } .ant-col-lg-order-21 { order: 21; } .ant-col-lg-20 { display: block; flex: 0 0 83.33333333%; max-width: 83.33333333%; } .ant-col-lg-push-20 { left: 83.33333333%; } .ant-col-lg-pull-20 { right: 83.33333333%; } .ant-col-lg-offset-20 { margin-left: 83.33333333%; } .ant-col-lg-order-20 { order: 20; } .ant-col-lg-19 { display: block; flex: 0 0 79.16666667%; max-width: 79.16666667%; } .ant-col-lg-push-19 { left: 79.16666667%; } .ant-col-lg-pull-19 { right: 79.16666667%; } .ant-col-lg-offset-19 { margin-left: 79.16666667%; } .ant-col-lg-order-19 { order: 19; } .ant-col-lg-18 { display: block; flex: 0 0 75%; max-width: 75%; } .ant-col-lg-push-18 { left: 75%; } .ant-col-lg-pull-18 { right: 75%; } .ant-col-lg-offset-18 { margin-left: 75%; } .ant-col-lg-order-18 { order: 18; } .ant-col-lg-17 { display: block; flex: 0 0 70.83333333%; max-width: 70.83333333%; } .ant-col-lg-push-17 { left: 70.83333333%; } .ant-col-lg-pull-17 { right: 70.83333333%; } .ant-col-lg-offset-17 { margin-left: 70.83333333%; } .ant-col-lg-order-17 { order: 17; } .ant-col-lg-16 { display: block; flex: 0 0 66.66666667%; max-width: 66.66666667%; } .ant-col-lg-push-16 { left: 66.66666667%; } .ant-col-lg-pull-16 { right: 66.66666667%; } .ant-col-lg-offset-16 { margin-left: 66.66666667%; } .ant-col-lg-order-16 { order: 16; } .ant-col-lg-15 { display: block; flex: 0 0 62.5%; max-width: 62.5%; } .ant-col-lg-push-15 { left: 62.5%; } .ant-col-lg-pull-15 { right: 62.5%; } .ant-col-lg-offset-15 { margin-left: 62.5%; } .ant-col-lg-order-15 { order: 15; } .ant-col-lg-14 { display: block; flex: 0 0 58.33333333%; max-width: 58.33333333%; } .ant-col-lg-push-14 { left: 58.33333333%; } .ant-col-lg-pull-14 { right: 58.33333333%; } .ant-col-lg-offset-14 { margin-left: 58.33333333%; } .ant-col-lg-order-14 { order: 14; } .ant-col-lg-13 { display: block; flex: 0 0 54.16666667%; max-width: 54.16666667%; } .ant-col-lg-push-13 { left: 54.16666667%; } .ant-col-lg-pull-13 { right: 54.16666667%; } .ant-col-lg-offset-13 { margin-left: 54.16666667%; } .ant-col-lg-order-13 { order: 13; } .ant-col-lg-12 { display: block; flex: 0 0 50%; max-width: 50%; } .ant-col-lg-push-12 { left: 50%; } .ant-col-lg-pull-12 { right: 50%; } .ant-col-lg-offset-12 { margin-left: 50%; } .ant-col-lg-order-12 { order: 12; } .ant-col-lg-11 { display: block; flex: 0 0 45.83333333%; max-width: 45.83333333%; } .ant-col-lg-push-11 { left: 45.83333333%; } .ant-col-lg-pull-11 { right: 45.83333333%; } .ant-col-lg-offset-11 { margin-left: 45.83333333%; } .ant-col-lg-order-11 { order: 11; } .ant-col-lg-10 { display: block; flex: 0 0 41.66666667%; max-width: 41.66666667%; } .ant-col-lg-push-10 { left: 41.66666667%; } .ant-col-lg-pull-10 { right: 41.66666667%; } .ant-col-lg-offset-10 { margin-left: 41.66666667%; } .ant-col-lg-order-10 { order: 10; } .ant-col-lg-9 { display: block; flex: 0 0 37.5%; max-width: 37.5%; } .ant-col-lg-push-9 { left: 37.5%; } .ant-col-lg-pull-9 { right: 37.5%; } .ant-col-lg-offset-9 { margin-left: 37.5%; } .ant-col-lg-order-9 { order: 9; } .ant-col-lg-8 { display: block; flex: 0 0 33.33333333%; max-width: 33.33333333%; } .ant-col-lg-push-8 { left: 33.33333333%; } .ant-col-lg-pull-8 { right: 33.33333333%; } .ant-col-lg-offset-8 { margin-left: 33.33333333%; } .ant-col-lg-order-8 { order: 8; } .ant-col-lg-7 { display: block; flex: 0 0 29.16666667%; max-width: 29.16666667%; } .ant-col-lg-push-7 { left: 29.16666667%; } .ant-col-lg-pull-7 { right: 29.16666667%; } .ant-col-lg-offset-7 { margin-left: 29.16666667%; } .ant-col-lg-order-7 { order: 7; } .ant-col-lg-6 { display: block; flex: 0 0 25%; max-width: 25%; } .ant-col-lg-push-6 { left: 25%; } .ant-col-lg-pull-6 { right: 25%; } .ant-col-lg-offset-6 { margin-left: 25%; } .ant-col-lg-order-6 { order: 6; } .ant-col-lg-5 { display: block; flex: 0 0 20.83333333%; max-width: 20.83333333%; } .ant-col-lg-push-5 { left: 20.83333333%; } .ant-col-lg-pull-5 { right: 20.83333333%; } .ant-col-lg-offset-5 { margin-left: 20.83333333%; } .ant-col-lg-order-5 { order: 5; } .ant-col-lg-4 { display: block; flex: 0 0 16.66666667%; max-width: 16.66666667%; } .ant-col-lg-push-4 { left: 16.66666667%; } .ant-col-lg-pull-4 { right: 16.66666667%; } .ant-col-lg-offset-4 { margin-left: 16.66666667%; } .ant-col-lg-order-4 { order: 4; } .ant-col-lg-3 { display: block; flex: 0 0 12.5%; max-width: 12.5%; } .ant-col-lg-push-3 { left: 12.5%; } .ant-col-lg-pull-3 { right: 12.5%; } .ant-col-lg-offset-3 { margin-left: 12.5%; } .ant-col-lg-order-3 { order: 3; } .ant-col-lg-2 { display: block; flex: 0 0 8.33333333%; max-width: 8.33333333%; } .ant-col-lg-push-2 { left: 8.33333333%; } .ant-col-lg-pull-2 { right: 8.33333333%; } .ant-col-lg-offset-2 { margin-left: 8.33333333%; } .ant-col-lg-order-2 { order: 2; } .ant-col-lg-1 { display: block; flex: 0 0 4.16666667%; max-width: 4.16666667%; } .ant-col-lg-push-1 { left: 4.16666667%; } .ant-col-lg-pull-1 { right: 4.16666667%; } .ant-col-lg-offset-1 { margin-left: 4.16666667%; } .ant-col-lg-order-1 { order: 1; } .ant-col-lg-0 { display: none; } .ant-col-push-0 { left: auto; } .ant-col-pull-0 { right: auto; } .ant-col-lg-push-0 { left: auto; } .ant-col-lg-pull-0 { right: auto; } .ant-col-lg-offset-0 { margin-left: 0; } .ant-col-lg-order-0 { order: 0; } .ant-col-push-0.ant-col-rtl { right: auto; } .ant-col-pull-0.ant-col-rtl { left: auto; } .ant-col-lg-push-0.ant-col-rtl { right: auto; } .ant-col-lg-pull-0.ant-col-rtl { left: auto; } .ant-col-lg-offset-0.ant-col-rtl { margin-right: 0; } .ant-col-lg-push-1.ant-col-rtl { right: 4.16666667%; left: auto; } .ant-col-lg-pull-1.ant-col-rtl { right: auto; left: 4.16666667%; } .ant-col-lg-offset-1.ant-col-rtl { margin-right: 4.16666667%; margin-left: 0; } .ant-col-lg-push-2.ant-col-rtl { right: 8.33333333%; left: auto; } .ant-col-lg-pull-2.ant-col-rtl { right: auto; left: 8.33333333%; } .ant-col-lg-offset-2.ant-col-rtl { margin-right: 8.33333333%; margin-left: 0; } .ant-col-lg-push-3.ant-col-rtl { right: 12.5%; left: auto; } .ant-col-lg-pull-3.ant-col-rtl { right: auto; left: 12.5%; } .ant-col-lg-offset-3.ant-col-rtl { margin-right: 12.5%; margin-left: 0; } .ant-col-lg-push-4.ant-col-rtl { right: 16.66666667%; left: auto; } .ant-col-lg-pull-4.ant-col-rtl { right: auto; left: 16.66666667%; } .ant-col-lg-offset-4.ant-col-rtl { margin-right: 16.66666667%; margin-left: 0; } .ant-col-lg-push-5.ant-col-rtl { right: 20.83333333%; left: auto; } .ant-col-lg-pull-5.ant-col-rtl { right: auto; left: 20.83333333%; } .ant-col-lg-offset-5.ant-col-rtl { margin-right: 20.83333333%; margin-left: 0; } .ant-col-lg-push-6.ant-col-rtl { right: 25%; left: auto; } .ant-col-lg-pull-6.ant-col-rtl { right: auto; left: 25%; } .ant-col-lg-offset-6.ant-col-rtl { margin-right: 25%; margin-left: 0; } .ant-col-lg-push-7.ant-col-rtl { right: 29.16666667%; left: auto; } .ant-col-lg-pull-7.ant-col-rtl { right: auto; left: 29.16666667%; } .ant-col-lg-offset-7.ant-col-rtl { margin-right: 29.16666667%; margin-left: 0; } .ant-col-lg-push-8.ant-col-rtl { right: 33.33333333%; left: auto; } .ant-col-lg-pull-8.ant-col-rtl { right: auto; left: 33.33333333%; } .ant-col-lg-offset-8.ant-col-rtl { margin-right: 33.33333333%; margin-left: 0; } .ant-col-lg-push-9.ant-col-rtl { right: 37.5%; left: auto; } .ant-col-lg-pull-9.ant-col-rtl { right: auto; left: 37.5%; } .ant-col-lg-offset-9.ant-col-rtl { margin-right: 37.5%; margin-left: 0; } .ant-col-lg-push-10.ant-col-rtl { right: 41.66666667%; left: auto; } .ant-col-lg-pull-10.ant-col-rtl { right: auto; left: 41.66666667%; } .ant-col-lg-offset-10.ant-col-rtl { margin-right: 41.66666667%; margin-left: 0; } .ant-col-lg-push-11.ant-col-rtl { right: 45.83333333%; left: auto; } .ant-col-lg-pull-11.ant-col-rtl { right: auto; left: 45.83333333%; } .ant-col-lg-offset-11.ant-col-rtl { margin-right: 45.83333333%; margin-left: 0; } .ant-col-lg-push-12.ant-col-rtl { right: 50%; left: auto; } .ant-col-lg-pull-12.ant-col-rtl { right: auto; left: 50%; } .ant-col-lg-offset-12.ant-col-rtl { margin-right: 50%; margin-left: 0; } .ant-col-lg-push-13.ant-col-rtl { right: 54.16666667%; left: auto; } .ant-col-lg-pull-13.ant-col-rtl { right: auto; left: 54.16666667%; } .ant-col-lg-offset-13.ant-col-rtl { margin-right: 54.16666667%; margin-left: 0; } .ant-col-lg-push-14.ant-col-rtl { right: 58.33333333%; left: auto; } .ant-col-lg-pull-14.ant-col-rtl { right: auto; left: 58.33333333%; } .ant-col-lg-offset-14.ant-col-rtl { margin-right: 58.33333333%; margin-left: 0; } .ant-col-lg-push-15.ant-col-rtl { right: 62.5%; left: auto; } .ant-col-lg-pull-15.ant-col-rtl { right: auto; left: 62.5%; } .ant-col-lg-offset-15.ant-col-rtl { margin-right: 62.5%; margin-left: 0; } .ant-col-lg-push-16.ant-col-rtl { right: 66.66666667%; left: auto; } .ant-col-lg-pull-16.ant-col-rtl { right: auto; left: 66.66666667%; } .ant-col-lg-offset-16.ant-col-rtl { margin-right: 66.66666667%; margin-left: 0; } .ant-col-lg-push-17.ant-col-rtl { right: 70.83333333%; left: auto; } .ant-col-lg-pull-17.ant-col-rtl { right: auto; left: 70.83333333%; } .ant-col-lg-offset-17.ant-col-rtl { margin-right: 70.83333333%; margin-left: 0; } .ant-col-lg-push-18.ant-col-rtl { right: 75%; left: auto; } .ant-col-lg-pull-18.ant-col-rtl { right: auto; left: 75%; } .ant-col-lg-offset-18.ant-col-rtl { margin-right: 75%; margin-left: 0; } .ant-col-lg-push-19.ant-col-rtl { right: 79.16666667%; left: auto; } .ant-col-lg-pull-19.ant-col-rtl { right: auto; left: 79.16666667%; } .ant-col-lg-offset-19.ant-col-rtl { margin-right: 79.16666667%; margin-left: 0; } .ant-col-lg-push-20.ant-col-rtl { right: 83.33333333%; left: auto; } .ant-col-lg-pull-20.ant-col-rtl { right: auto; left: 83.33333333%; } .ant-col-lg-offset-20.ant-col-rtl { margin-right: 83.33333333%; margin-left: 0; } .ant-col-lg-push-21.ant-col-rtl { right: 87.5%; left: auto; } .ant-col-lg-pull-21.ant-col-rtl { right: auto; left: 87.5%; } .ant-col-lg-offset-21.ant-col-rtl { margin-right: 87.5%; margin-left: 0; } .ant-col-lg-push-22.ant-col-rtl { right: 91.66666667%; left: auto; } .ant-col-lg-pull-22.ant-col-rtl { right: auto; left: 91.66666667%; } .ant-col-lg-offset-22.ant-col-rtl { margin-right: 91.66666667%; margin-left: 0; } .ant-col-lg-push-23.ant-col-rtl { right: 95.83333333%; left: auto; } .ant-col-lg-pull-23.ant-col-rtl { right: auto; left: 95.83333333%; } .ant-col-lg-offset-23.ant-col-rtl { margin-right: 95.83333333%; margin-left: 0; } .ant-col-lg-push-24.ant-col-rtl { right: 100%; left: auto; } .ant-col-lg-pull-24.ant-col-rtl { right: auto; left: 100%; } .ant-col-lg-offset-24.ant-col-rtl { margin-right: 100%; margin-left: 0; } } @media (min-width: 1200px) { .ant-col-xl-24 { display: block; flex: 0 0 100%; max-width: 100%; } .ant-col-xl-push-24 { left: 100%; } .ant-col-xl-pull-24 { right: 100%; } .ant-col-xl-offset-24 { margin-left: 100%; } .ant-col-xl-order-24 { order: 24; } .ant-col-xl-23 { display: block; flex: 0 0 95.83333333%; max-width: 95.83333333%; } .ant-col-xl-push-23 { left: 95.83333333%; } .ant-col-xl-pull-23 { right: 95.83333333%; } .ant-col-xl-offset-23 { margin-left: 95.83333333%; } .ant-col-xl-order-23 { order: 23; } .ant-col-xl-22 { display: block; flex: 0 0 91.66666667%; max-width: 91.66666667%; } .ant-col-xl-push-22 { left: 91.66666667%; } .ant-col-xl-pull-22 { right: 91.66666667%; } .ant-col-xl-offset-22 { margin-left: 91.66666667%; } .ant-col-xl-order-22 { order: 22; } .ant-col-xl-21 { display: block; flex: 0 0 87.5%; max-width: 87.5%; } .ant-col-xl-push-21 { left: 87.5%; } .ant-col-xl-pull-21 { right: 87.5%; } .ant-col-xl-offset-21 { margin-left: 87.5%; } .ant-col-xl-order-21 { order: 21; } .ant-col-xl-20 { display: block; flex: 0 0 83.33333333%; max-width: 83.33333333%; } .ant-col-xl-push-20 { left: 83.33333333%; } .ant-col-xl-pull-20 { right: 83.33333333%; } .ant-col-xl-offset-20 { margin-left: 83.33333333%; } .ant-col-xl-order-20 { order: 20; } .ant-col-xl-19 { display: block; flex: 0 0 79.16666667%; max-width: 79.16666667%; } .ant-col-xl-push-19 { left: 79.16666667%; } .ant-col-xl-pull-19 { right: 79.16666667%; } .ant-col-xl-offset-19 { margin-left: 79.16666667%; } .ant-col-xl-order-19 { order: 19; } .ant-col-xl-18 { display: block; flex: 0 0 75%; max-width: 75%; } .ant-col-xl-push-18 { left: 75%; } .ant-col-xl-pull-18 { right: 75%; } .ant-col-xl-offset-18 { margin-left: 75%; } .ant-col-xl-order-18 { order: 18; } .ant-col-xl-17 { display: block; flex: 0 0 70.83333333%; max-width: 70.83333333%; } .ant-col-xl-push-17 { left: 70.83333333%; } .ant-col-xl-pull-17 { right: 70.83333333%; } .ant-col-xl-offset-17 { margin-left: 70.83333333%; } .ant-col-xl-order-17 { order: 17; } .ant-col-xl-16 { display: block; flex: 0 0 66.66666667%; max-width: 66.66666667%; } .ant-col-xl-push-16 { left: 66.66666667%; } .ant-col-xl-pull-16 { right: 66.66666667%; } .ant-col-xl-offset-16 { margin-left: 66.66666667%; } .ant-col-xl-order-16 { order: 16; } .ant-col-xl-15 { display: block; flex: 0 0 62.5%; max-width: 62.5%; } .ant-col-xl-push-15 { left: 62.5%; } .ant-col-xl-pull-15 { right: 62.5%; } .ant-col-xl-offset-15 { margin-left: 62.5%; } .ant-col-xl-order-15 { order: 15; } .ant-col-xl-14 { display: block; flex: 0 0 58.33333333%; max-width: 58.33333333%; } .ant-col-xl-push-14 { left: 58.33333333%; } .ant-col-xl-pull-14 { right: 58.33333333%; } .ant-col-xl-offset-14 { margin-left: 58.33333333%; } .ant-col-xl-order-14 { order: 14; } .ant-col-xl-13 { display: block; flex: 0 0 54.16666667%; max-width: 54.16666667%; } .ant-col-xl-push-13 { left: 54.16666667%; } .ant-col-xl-pull-13 { right: 54.16666667%; } .ant-col-xl-offset-13 { margin-left: 54.16666667%; } .ant-col-xl-order-13 { order: 13; } .ant-col-xl-12 { display: block; flex: 0 0 50%; max-width: 50%; } .ant-col-xl-push-12 { left: 50%; } .ant-col-xl-pull-12 { right: 50%; } .ant-col-xl-offset-12 { margin-left: 50%; } .ant-col-xl-order-12 { order: 12; } .ant-col-xl-11 { display: block; flex: 0 0 45.83333333%; max-width: 45.83333333%; } .ant-col-xl-push-11 { left: 45.83333333%; } .ant-col-xl-pull-11 { right: 45.83333333%; } .ant-col-xl-offset-11 { margin-left: 45.83333333%; } .ant-col-xl-order-11 { order: 11; } .ant-col-xl-10 { display: block; flex: 0 0 41.66666667%; max-width: 41.66666667%; } .ant-col-xl-push-10 { left: 41.66666667%; } .ant-col-xl-pull-10 { right: 41.66666667%; } .ant-col-xl-offset-10 { margin-left: 41.66666667%; } .ant-col-xl-order-10 { order: 10; } .ant-col-xl-9 { display: block; flex: 0 0 37.5%; max-width: 37.5%; } .ant-col-xl-push-9 { left: 37.5%; } .ant-col-xl-pull-9 { right: 37.5%; } .ant-col-xl-offset-9 { margin-left: 37.5%; } .ant-col-xl-order-9 { order: 9; } .ant-col-xl-8 { display: block; flex: 0 0 33.33333333%; max-width: 33.33333333%; } .ant-col-xl-push-8 { left: 33.33333333%; } .ant-col-xl-pull-8 { right: 33.33333333%; } .ant-col-xl-offset-8 { margin-left: 33.33333333%; } .ant-col-xl-order-8 { order: 8; } .ant-col-xl-7 { display: block; flex: 0 0 29.16666667%; max-width: 29.16666667%; } .ant-col-xl-push-7 { left: 29.16666667%; } .ant-col-xl-pull-7 { right: 29.16666667%; } .ant-col-xl-offset-7 { margin-left: 29.16666667%; } .ant-col-xl-order-7 { order: 7; } .ant-col-xl-6 { display: block; flex: 0 0 25%; max-width: 25%; } .ant-col-xl-push-6 { left: 25%; } .ant-col-xl-pull-6 { right: 25%; } .ant-col-xl-offset-6 { margin-left: 25%; } .ant-col-xl-order-6 { order: 6; } .ant-col-xl-5 { display: block; flex: 0 0 20.83333333%; max-width: 20.83333333%; } .ant-col-xl-push-5 { left: 20.83333333%; } .ant-col-xl-pull-5 { right: 20.83333333%; } .ant-col-xl-offset-5 { margin-left: 20.83333333%; } .ant-col-xl-order-5 { order: 5; } .ant-col-xl-4 { display: block; flex: 0 0 16.66666667%; max-width: 16.66666667%; } .ant-col-xl-push-4 { left: 16.66666667%; } .ant-col-xl-pull-4 { right: 16.66666667%; } .ant-col-xl-offset-4 { margin-left: 16.66666667%; } .ant-col-xl-order-4 { order: 4; } .ant-col-xl-3 { display: block; flex: 0 0 12.5%; max-width: 12.5%; } .ant-col-xl-push-3 { left: 12.5%; } .ant-col-xl-pull-3 { right: 12.5%; } .ant-col-xl-offset-3 { margin-left: 12.5%; } .ant-col-xl-order-3 { order: 3; } .ant-col-xl-2 { display: block; flex: 0 0 8.33333333%; max-width: 8.33333333%; } .ant-col-xl-push-2 { left: 8.33333333%; } .ant-col-xl-pull-2 { right: 8.33333333%; } .ant-col-xl-offset-2 { margin-left: 8.33333333%; } .ant-col-xl-order-2 { order: 2; } .ant-col-xl-1 { display: block; flex: 0 0 4.16666667%; max-width: 4.16666667%; } .ant-col-xl-push-1 { left: 4.16666667%; } .ant-col-xl-pull-1 { right: 4.16666667%; } .ant-col-xl-offset-1 { margin-left: 4.16666667%; } .ant-col-xl-order-1 { order: 1; } .ant-col-xl-0 { display: none; } .ant-col-push-0 { left: auto; } .ant-col-pull-0 { right: auto; } .ant-col-xl-push-0 { left: auto; } .ant-col-xl-pull-0 { right: auto; } .ant-col-xl-offset-0 { margin-left: 0; } .ant-col-xl-order-0 { order: 0; } .ant-col-push-0.ant-col-rtl { right: auto; } .ant-col-pull-0.ant-col-rtl { left: auto; } .ant-col-xl-push-0.ant-col-rtl { right: auto; } .ant-col-xl-pull-0.ant-col-rtl { left: auto; } .ant-col-xl-offset-0.ant-col-rtl { margin-right: 0; } .ant-col-xl-push-1.ant-col-rtl { right: 4.16666667%; left: auto; } .ant-col-xl-pull-1.ant-col-rtl { right: auto; left: 4.16666667%; } .ant-col-xl-offset-1.ant-col-rtl { margin-right: 4.16666667%; margin-left: 0; } .ant-col-xl-push-2.ant-col-rtl { right: 8.33333333%; left: auto; } .ant-col-xl-pull-2.ant-col-rtl { right: auto; left: 8.33333333%; } .ant-col-xl-offset-2.ant-col-rtl { margin-right: 8.33333333%; margin-left: 0; } .ant-col-xl-push-3.ant-col-rtl { right: 12.5%; left: auto; } .ant-col-xl-pull-3.ant-col-rtl { right: auto; left: 12.5%; } .ant-col-xl-offset-3.ant-col-rtl { margin-right: 12.5%; margin-left: 0; } .ant-col-xl-push-4.ant-col-rtl { right: 16.66666667%; left: auto; } .ant-col-xl-pull-4.ant-col-rtl { right: auto; left: 16.66666667%; } .ant-col-xl-offset-4.ant-col-rtl { margin-right: 16.66666667%; margin-left: 0; } .ant-col-xl-push-5.ant-col-rtl { right: 20.83333333%; left: auto; } .ant-col-xl-pull-5.ant-col-rtl { right: auto; left: 20.83333333%; } .ant-col-xl-offset-5.ant-col-rtl { margin-right: 20.83333333%; margin-left: 0; } .ant-col-xl-push-6.ant-col-rtl { right: 25%; left: auto; } .ant-col-xl-pull-6.ant-col-rtl { right: auto; left: 25%; } .ant-col-xl-offset-6.ant-col-rtl { margin-right: 25%; margin-left: 0; } .ant-col-xl-push-7.ant-col-rtl { right: 29.16666667%; left: auto; } .ant-col-xl-pull-7.ant-col-rtl { right: auto; left: 29.16666667%; } .ant-col-xl-offset-7.ant-col-rtl { margin-right: 29.16666667%; margin-left: 0; } .ant-col-xl-push-8.ant-col-rtl { right: 33.33333333%; left: auto; } .ant-col-xl-pull-8.ant-col-rtl { right: auto; left: 33.33333333%; } .ant-col-xl-offset-8.ant-col-rtl { margin-right: 33.33333333%; margin-left: 0; } .ant-col-xl-push-9.ant-col-rtl { right: 37.5%; left: auto; } .ant-col-xl-pull-9.ant-col-rtl { right: auto; left: 37.5%; } .ant-col-xl-offset-9.ant-col-rtl { margin-right: 37.5%; margin-left: 0; } .ant-col-xl-push-10.ant-col-rtl { right: 41.66666667%; left: auto; } .ant-col-xl-pull-10.ant-col-rtl { right: auto; left: 41.66666667%; } .ant-col-xl-offset-10.ant-col-rtl { margin-right: 41.66666667%; margin-left: 0; } .ant-col-xl-push-11.ant-col-rtl { right: 45.83333333%; left: auto; } .ant-col-xl-pull-11.ant-col-rtl { right: auto; left: 45.83333333%; } .ant-col-xl-offset-11.ant-col-rtl { margin-right: 45.83333333%; margin-left: 0; } .ant-col-xl-push-12.ant-col-rtl { right: 50%; left: auto; } .ant-col-xl-pull-12.ant-col-rtl { right: auto; left: 50%; } .ant-col-xl-offset-12.ant-col-rtl { margin-right: 50%; margin-left: 0; } .ant-col-xl-push-13.ant-col-rtl { right: 54.16666667%; left: auto; } .ant-col-xl-pull-13.ant-col-rtl { right: auto; left: 54.16666667%; } .ant-col-xl-offset-13.ant-col-rtl { margin-right: 54.16666667%; margin-left: 0; } .ant-col-xl-push-14.ant-col-rtl { right: 58.33333333%; left: auto; } .ant-col-xl-pull-14.ant-col-rtl { right: auto; left: 58.33333333%; } .ant-col-xl-offset-14.ant-col-rtl { margin-right: 58.33333333%; margin-left: 0; } .ant-col-xl-push-15.ant-col-rtl { right: 62.5%; left: auto; } .ant-col-xl-pull-15.ant-col-rtl { right: auto; left: 62.5%; } .ant-col-xl-offset-15.ant-col-rtl { margin-right: 62.5%; margin-left: 0; } .ant-col-xl-push-16.ant-col-rtl { right: 66.66666667%; left: auto; } .ant-col-xl-pull-16.ant-col-rtl { right: auto; left: 66.66666667%; } .ant-col-xl-offset-16.ant-col-rtl { margin-right: 66.66666667%; margin-left: 0; } .ant-col-xl-push-17.ant-col-rtl { right: 70.83333333%; left: auto; } .ant-col-xl-pull-17.ant-col-rtl { right: auto; left: 70.83333333%; } .ant-col-xl-offset-17.ant-col-rtl { margin-right: 70.83333333%; margin-left: 0; } .ant-col-xl-push-18.ant-col-rtl { right: 75%; left: auto; } .ant-col-xl-pull-18.ant-col-rtl { right: auto; left: 75%; } .ant-col-xl-offset-18.ant-col-rtl { margin-right: 75%; margin-left: 0; } .ant-col-xl-push-19.ant-col-rtl { right: 79.16666667%; left: auto; } .ant-col-xl-pull-19.ant-col-rtl { right: auto; left: 79.16666667%; } .ant-col-xl-offset-19.ant-col-rtl { margin-right: 79.16666667%; margin-left: 0; } .ant-col-xl-push-20.ant-col-rtl { right: 83.33333333%; left: auto; } .ant-col-xl-pull-20.ant-col-rtl { right: auto; left: 83.33333333%; } .ant-col-xl-offset-20.ant-col-rtl { margin-right: 83.33333333%; margin-left: 0; } .ant-col-xl-push-21.ant-col-rtl { right: 87.5%; left: auto; } .ant-col-xl-pull-21.ant-col-rtl { right: auto; left: 87.5%; } .ant-col-xl-offset-21.ant-col-rtl { margin-right: 87.5%; margin-left: 0; } .ant-col-xl-push-22.ant-col-rtl { right: 91.66666667%; left: auto; } .ant-col-xl-pull-22.ant-col-rtl { right: auto; left: 91.66666667%; } .ant-col-xl-offset-22.ant-col-rtl { margin-right: 91.66666667%; margin-left: 0; } .ant-col-xl-push-23.ant-col-rtl { right: 95.83333333%; left: auto; } .ant-col-xl-pull-23.ant-col-rtl { right: auto; left: 95.83333333%; } .ant-col-xl-offset-23.ant-col-rtl { margin-right: 95.83333333%; margin-left: 0; } .ant-col-xl-push-24.ant-col-rtl { right: 100%; left: auto; } .ant-col-xl-pull-24.ant-col-rtl { right: auto; left: 100%; } .ant-col-xl-offset-24.ant-col-rtl { margin-right: 100%; margin-left: 0; } } @media (min-width: 1600px) { .ant-col-xxl-24 { display: block; flex: 0 0 100%; max-width: 100%; } .ant-col-xxl-push-24 { left: 100%; } .ant-col-xxl-pull-24 { right: 100%; } .ant-col-xxl-offset-24 { margin-left: 100%; } .ant-col-xxl-order-24 { order: 24; } .ant-col-xxl-23 { display: block; flex: 0 0 95.83333333%; max-width: 95.83333333%; } .ant-col-xxl-push-23 { left: 95.83333333%; } .ant-col-xxl-pull-23 { right: 95.83333333%; } .ant-col-xxl-offset-23 { margin-left: 95.83333333%; } .ant-col-xxl-order-23 { order: 23; } .ant-col-xxl-22 { display: block; flex: 0 0 91.66666667%; max-width: 91.66666667%; } .ant-col-xxl-push-22 { left: 91.66666667%; } .ant-col-xxl-pull-22 { right: 91.66666667%; } .ant-col-xxl-offset-22 { margin-left: 91.66666667%; } .ant-col-xxl-order-22 { order: 22; } .ant-col-xxl-21 { display: block; flex: 0 0 87.5%; max-width: 87.5%; } .ant-col-xxl-push-21 { left: 87.5%; } .ant-col-xxl-pull-21 { right: 87.5%; } .ant-col-xxl-offset-21 { margin-left: 87.5%; } .ant-col-xxl-order-21 { order: 21; } .ant-col-xxl-20 { display: block; flex: 0 0 83.33333333%; max-width: 83.33333333%; } .ant-col-xxl-push-20 { left: 83.33333333%; } .ant-col-xxl-pull-20 { right: 83.33333333%; } .ant-col-xxl-offset-20 { margin-left: 83.33333333%; } .ant-col-xxl-order-20 { order: 20; } .ant-col-xxl-19 { display: block; flex: 0 0 79.16666667%; max-width: 79.16666667%; } .ant-col-xxl-push-19 { left: 79.16666667%; } .ant-col-xxl-pull-19 { right: 79.16666667%; } .ant-col-xxl-offset-19 { margin-left: 79.16666667%; } .ant-col-xxl-order-19 { order: 19; } .ant-col-xxl-18 { display: block; flex: 0 0 75%; max-width: 75%; } .ant-col-xxl-push-18 { left: 75%; } .ant-col-xxl-pull-18 { right: 75%; } .ant-col-xxl-offset-18 { margin-left: 75%; } .ant-col-xxl-order-18 { order: 18; } .ant-col-xxl-17 { display: block; flex: 0 0 70.83333333%; max-width: 70.83333333%; } .ant-col-xxl-push-17 { left: 70.83333333%; } .ant-col-xxl-pull-17 { right: 70.83333333%; } .ant-col-xxl-offset-17 { margin-left: 70.83333333%; } .ant-col-xxl-order-17 { order: 17; } .ant-col-xxl-16 { display: block; flex: 0 0 66.66666667%; max-width: 66.66666667%; } .ant-col-xxl-push-16 { left: 66.66666667%; } .ant-col-xxl-pull-16 { right: 66.66666667%; } .ant-col-xxl-offset-16 { margin-left: 66.66666667%; } .ant-col-xxl-order-16 { order: 16; } .ant-col-xxl-15 { display: block; flex: 0 0 62.5%; max-width: 62.5%; } .ant-col-xxl-push-15 { left: 62.5%; } .ant-col-xxl-pull-15 { right: 62.5%; } .ant-col-xxl-offset-15 { margin-left: 62.5%; } .ant-col-xxl-order-15 { order: 15; } .ant-col-xxl-14 { display: block; flex: 0 0 58.33333333%; max-width: 58.33333333%; } .ant-col-xxl-push-14 { left: 58.33333333%; } .ant-col-xxl-pull-14 { right: 58.33333333%; } .ant-col-xxl-offset-14 { margin-left: 58.33333333%; } .ant-col-xxl-order-14 { order: 14; } .ant-col-xxl-13 { display: block; flex: 0 0 54.16666667%; max-width: 54.16666667%; } .ant-col-xxl-push-13 { left: 54.16666667%; } .ant-col-xxl-pull-13 { right: 54.16666667%; } .ant-col-xxl-offset-13 { margin-left: 54.16666667%; } .ant-col-xxl-order-13 { order: 13; } .ant-col-xxl-12 { display: block; flex: 0 0 50%; max-width: 50%; } .ant-col-xxl-push-12 { left: 50%; } .ant-col-xxl-pull-12 { right: 50%; } .ant-col-xxl-offset-12 { margin-left: 50%; } .ant-col-xxl-order-12 { order: 12; } .ant-col-xxl-11 { display: block; flex: 0 0 45.83333333%; max-width: 45.83333333%; } .ant-col-xxl-push-11 { left: 45.83333333%; } .ant-col-xxl-pull-11 { right: 45.83333333%; } .ant-col-xxl-offset-11 { margin-left: 45.83333333%; } .ant-col-xxl-order-11 { order: 11; } .ant-col-xxl-10 { display: block; flex: 0 0 41.66666667%; max-width: 41.66666667%; } .ant-col-xxl-push-10 { left: 41.66666667%; } .ant-col-xxl-pull-10 { right: 41.66666667%; } .ant-col-xxl-offset-10 { margin-left: 41.66666667%; } .ant-col-xxl-order-10 { order: 10; } .ant-col-xxl-9 { display: block; flex: 0 0 37.5%; max-width: 37.5%; } .ant-col-xxl-push-9 { left: 37.5%; } .ant-col-xxl-pull-9 { right: 37.5%; } .ant-col-xxl-offset-9 { margin-left: 37.5%; } .ant-col-xxl-order-9 { order: 9; } .ant-col-xxl-8 { display: block; flex: 0 0 33.33333333%; max-width: 33.33333333%; } .ant-col-xxl-push-8 { left: 33.33333333%; } .ant-col-xxl-pull-8 { right: 33.33333333%; } .ant-col-xxl-offset-8 { margin-left: 33.33333333%; } .ant-col-xxl-order-8 { order: 8; } .ant-col-xxl-7 { display: block; flex: 0 0 29.16666667%; max-width: 29.16666667%; } .ant-col-xxl-push-7 { left: 29.16666667%; } .ant-col-xxl-pull-7 { right: 29.16666667%; } .ant-col-xxl-offset-7 { margin-left: 29.16666667%; } .ant-col-xxl-order-7 { order: 7; } .ant-col-xxl-6 { display: block; flex: 0 0 25%; max-width: 25%; } .ant-col-xxl-push-6 { left: 25%; } .ant-col-xxl-pull-6 { right: 25%; } .ant-col-xxl-offset-6 { margin-left: 25%; } .ant-col-xxl-order-6 { order: 6; } .ant-col-xxl-5 { display: block; flex: 0 0 20.83333333%; max-width: 20.83333333%; } .ant-col-xxl-push-5 { left: 20.83333333%; } .ant-col-xxl-pull-5 { right: 20.83333333%; } .ant-col-xxl-offset-5 { margin-left: 20.83333333%; } .ant-col-xxl-order-5 { order: 5; } .ant-col-xxl-4 { display: block; flex: 0 0 16.66666667%; max-width: 16.66666667%; } .ant-col-xxl-push-4 { left: 16.66666667%; } .ant-col-xxl-pull-4 { right: 16.66666667%; } .ant-col-xxl-offset-4 { margin-left: 16.66666667%; } .ant-col-xxl-order-4 { order: 4; } .ant-col-xxl-3 { display: block; flex: 0 0 12.5%; max-width: 12.5%; } .ant-col-xxl-push-3 { left: 12.5%; } .ant-col-xxl-pull-3 { right: 12.5%; } .ant-col-xxl-offset-3 { margin-left: 12.5%; } .ant-col-xxl-order-3 { order: 3; } .ant-col-xxl-2 { display: block; flex: 0 0 8.33333333%; max-width: 8.33333333%; } .ant-col-xxl-push-2 { left: 8.33333333%; } .ant-col-xxl-pull-2 { right: 8.33333333%; } .ant-col-xxl-offset-2 { margin-left: 8.33333333%; } .ant-col-xxl-order-2 { order: 2; } .ant-col-xxl-1 { display: block; flex: 0 0 4.16666667%; max-width: 4.16666667%; } .ant-col-xxl-push-1 { left: 4.16666667%; } .ant-col-xxl-pull-1 { right: 4.16666667%; } .ant-col-xxl-offset-1 { margin-left: 4.16666667%; } .ant-col-xxl-order-1 { order: 1; } .ant-col-xxl-0 { display: none; } .ant-col-push-0 { left: auto; } .ant-col-pull-0 { right: auto; } .ant-col-xxl-push-0 { left: auto; } .ant-col-xxl-pull-0 { right: auto; } .ant-col-xxl-offset-0 { margin-left: 0; } .ant-col-xxl-order-0 { order: 0; } .ant-col-push-0.ant-col-rtl { right: auto; } .ant-col-pull-0.ant-col-rtl { left: auto; } .ant-col-xxl-push-0.ant-col-rtl { right: auto; } .ant-col-xxl-pull-0.ant-col-rtl { left: auto; } .ant-col-xxl-offset-0.ant-col-rtl { margin-right: 0; } .ant-col-xxl-push-1.ant-col-rtl { right: 4.16666667%; left: auto; } .ant-col-xxl-pull-1.ant-col-rtl { right: auto; left: 4.16666667%; } .ant-col-xxl-offset-1.ant-col-rtl { margin-right: 4.16666667%; margin-left: 0; } .ant-col-xxl-push-2.ant-col-rtl { right: 8.33333333%; left: auto; } .ant-col-xxl-pull-2.ant-col-rtl { right: auto; left: 8.33333333%; } .ant-col-xxl-offset-2.ant-col-rtl { margin-right: 8.33333333%; margin-left: 0; } .ant-col-xxl-push-3.ant-col-rtl { right: 12.5%; left: auto; } .ant-col-xxl-pull-3.ant-col-rtl { right: auto; left: 12.5%; } .ant-col-xxl-offset-3.ant-col-rtl { margin-right: 12.5%; margin-left: 0; } .ant-col-xxl-push-4.ant-col-rtl { right: 16.66666667%; left: auto; } .ant-col-xxl-pull-4.ant-col-rtl { right: auto; left: 16.66666667%; } .ant-col-xxl-offset-4.ant-col-rtl { margin-right: 16.66666667%; margin-left: 0; } .ant-col-xxl-push-5.ant-col-rtl { right: 20.83333333%; left: auto; } .ant-col-xxl-pull-5.ant-col-rtl { right: auto; left: 20.83333333%; } .ant-col-xxl-offset-5.ant-col-rtl { margin-right: 20.83333333%; margin-left: 0; } .ant-col-xxl-push-6.ant-col-rtl { right: 25%; left: auto; } .ant-col-xxl-pull-6.ant-col-rtl { right: auto; left: 25%; } .ant-col-xxl-offset-6.ant-col-rtl { margin-right: 25%; margin-left: 0; } .ant-col-xxl-push-7.ant-col-rtl { right: 29.16666667%; left: auto; } .ant-col-xxl-pull-7.ant-col-rtl { right: auto; left: 29.16666667%; } .ant-col-xxl-offset-7.ant-col-rtl { margin-right: 29.16666667%; margin-left: 0; } .ant-col-xxl-push-8.ant-col-rtl { right: 33.33333333%; left: auto; } .ant-col-xxl-pull-8.ant-col-rtl { right: auto; left: 33.33333333%; } .ant-col-xxl-offset-8.ant-col-rtl { margin-right: 33.33333333%; margin-left: 0; } .ant-col-xxl-push-9.ant-col-rtl { right: 37.5%; left: auto; } .ant-col-xxl-pull-9.ant-col-rtl { right: auto; left: 37.5%; } .ant-col-xxl-offset-9.ant-col-rtl { margin-right: 37.5%; margin-left: 0; } .ant-col-xxl-push-10.ant-col-rtl { right: 41.66666667%; left: auto; } .ant-col-xxl-pull-10.ant-col-rtl { right: auto; left: 41.66666667%; } .ant-col-xxl-offset-10.ant-col-rtl { margin-right: 41.66666667%; margin-left: 0; } .ant-col-xxl-push-11.ant-col-rtl { right: 45.83333333%; left: auto; } .ant-col-xxl-pull-11.ant-col-rtl { right: auto; left: 45.83333333%; } .ant-col-xxl-offset-11.ant-col-rtl { margin-right: 45.83333333%; margin-left: 0; } .ant-col-xxl-push-12.ant-col-rtl { right: 50%; left: auto; } .ant-col-xxl-pull-12.ant-col-rtl { right: auto; left: 50%; } .ant-col-xxl-offset-12.ant-col-rtl { margin-right: 50%; margin-left: 0; } .ant-col-xxl-push-13.ant-col-rtl { right: 54.16666667%; left: auto; } .ant-col-xxl-pull-13.ant-col-rtl { right: auto; left: 54.16666667%; } .ant-col-xxl-offset-13.ant-col-rtl { margin-right: 54.16666667%; margin-left: 0; } .ant-col-xxl-push-14.ant-col-rtl { right: 58.33333333%; left: auto; } .ant-col-xxl-pull-14.ant-col-rtl { right: auto; left: 58.33333333%; } .ant-col-xxl-offset-14.ant-col-rtl { margin-right: 58.33333333%; margin-left: 0; } .ant-col-xxl-push-15.ant-col-rtl { right: 62.5%; left: auto; } .ant-col-xxl-pull-15.ant-col-rtl { right: auto; left: 62.5%; } .ant-col-xxl-offset-15.ant-col-rtl { margin-right: 62.5%; margin-left: 0; } .ant-col-xxl-push-16.ant-col-rtl { right: 66.66666667%; left: auto; } .ant-col-xxl-pull-16.ant-col-rtl { right: auto; left: 66.66666667%; } .ant-col-xxl-offset-16.ant-col-rtl { margin-right: 66.66666667%; margin-left: 0; } .ant-col-xxl-push-17.ant-col-rtl { right: 70.83333333%; left: auto; } .ant-col-xxl-pull-17.ant-col-rtl { right: auto; left: 70.83333333%; } .ant-col-xxl-offset-17.ant-col-rtl { margin-right: 70.83333333%; margin-left: 0; } .ant-col-xxl-push-18.ant-col-rtl { right: 75%; left: auto; } .ant-col-xxl-pull-18.ant-col-rtl { right: auto; left: 75%; } .ant-col-xxl-offset-18.ant-col-rtl { margin-right: 75%; margin-left: 0; } .ant-col-xxl-push-19.ant-col-rtl { right: 79.16666667%; left: auto; } .ant-col-xxl-pull-19.ant-col-rtl { right: auto; left: 79.16666667%; } .ant-col-xxl-offset-19.ant-col-rtl { margin-right: 79.16666667%; margin-left: 0; } .ant-col-xxl-push-20.ant-col-rtl { right: 83.33333333%; left: auto; } .ant-col-xxl-pull-20.ant-col-rtl { right: auto; left: 83.33333333%; } .ant-col-xxl-offset-20.ant-col-rtl { margin-right: 83.33333333%; margin-left: 0; } .ant-col-xxl-push-21.ant-col-rtl { right: 87.5%; left: auto; } .ant-col-xxl-pull-21.ant-col-rtl { right: auto; left: 87.5%; } .ant-col-xxl-offset-21.ant-col-rtl { margin-right: 87.5%; margin-left: 0; } .ant-col-xxl-push-22.ant-col-rtl { right: 91.66666667%; left: auto; } .ant-col-xxl-pull-22.ant-col-rtl { right: auto; left: 91.66666667%; } .ant-col-xxl-offset-22.ant-col-rtl { margin-right: 91.66666667%; margin-left: 0; } .ant-col-xxl-push-23.ant-col-rtl { right: 95.83333333%; left: auto; } .ant-col-xxl-pull-23.ant-col-rtl { right: auto; left: 95.83333333%; } .ant-col-xxl-offset-23.ant-col-rtl { margin-right: 95.83333333%; margin-left: 0; } .ant-col-xxl-push-24.ant-col-rtl { right: 100%; left: auto; } .ant-col-xxl-pull-24.ant-col-rtl { right: auto; left: 100%; } .ant-col-xxl-offset-24.ant-col-rtl { margin-right: 100%; margin-left: 0; } } .ant-row-rtl { direction: rtl; } /* 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-collapse { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; background-color: #fafafa; border: 1px solid #d9d9d9; border-bottom: 0; border-radius: 2px; } .ant-collapse > .ant-collapse-item { border-bottom: 1px solid #d9d9d9; } .ant-collapse > .ant-collapse-item:last-child, .ant-collapse > .ant-collapse-item:last-child > .ant-collapse-header { border-radius: 0 0 2px 2px; } .ant-collapse > .ant-collapse-item > .ant-collapse-header { position: relative; display: flex; flex-wrap: nowrap; align-items: flex-start; padding: 12px 16px; color: rgba(0, 0, 0, 0.85); line-height: 1.5715; cursor: pointer; transition: all 0.3s, visibility 0s; } .ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow { display: inline-block; margin-right: 12px; font-size: 12px; vertical-align: -1px; } .ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow svg { transition: transform 0.24s; } .ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-header-text { flex: auto; } .ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-extra { margin-left: auto; } .ant-collapse > .ant-collapse-item > .ant-collapse-header:focus { outline: none; } .ant-collapse > .ant-collapse-item .ant-collapse-header-collapsible-only { cursor: default; } .ant-collapse > .ant-collapse-item .ant-collapse-header-collapsible-only .ant-collapse-header-text { flex: none; cursor: pointer; } .ant-collapse > .ant-collapse-item .ant-collapse-icon-collapsible-only { cursor: default; } .ant-collapse > .ant-collapse-item .ant-collapse-icon-collapsible-only .ant-collapse-expand-icon { cursor: pointer; } .ant-collapse > .ant-collapse-item.ant-collapse-no-arrow > .ant-collapse-header { padding-left: 12px; } .ant-collapse-icon-position-end > .ant-collapse-item > .ant-collapse-header { position: relative; padding: 12px 16px; padding-right: 40px; } .ant-collapse-icon-position-end > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow { position: absolute; top: 50%; right: 16px; left: auto; margin: 0; transform: translateY(-50%); } .ant-collapse-content { color: rgba(0, 0, 0, 0.85); background-color: #fff; border-top: 1px solid #d9d9d9; } .ant-collapse-content > .ant-collapse-content-box { padding: 16px; } .ant-collapse-content-hidden { display: none; } .ant-collapse-item:last-child > .ant-collapse-content { border-radius: 0 0 2px 2px; } .ant-collapse-borderless { background-color: #fafafa; border: 0; } .ant-collapse-borderless > .ant-collapse-item { border-bottom: 1px solid #d9d9d9; } .ant-collapse-borderless > .ant-collapse-item:last-child, .ant-collapse-borderless > .ant-collapse-item:last-child .ant-collapse-header { border-radius: 0; } .ant-collapse-borderless > .ant-collapse-item:last-child { border-bottom: 0; } .ant-collapse-borderless > .ant-collapse-item > .ant-collapse-content { background-color: transparent; border-top: 0; } .ant-collapse-borderless > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box { padding-top: 4px; } .ant-collapse-ghost { background-color: transparent; border: 0; } .ant-collapse-ghost > .ant-collapse-item { border-bottom: 0; } .ant-collapse-ghost > .ant-collapse-item > .ant-collapse-content { background-color: transparent; border-top: 0; } .ant-collapse-ghost > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box { padding-top: 12px; padding-bottom: 12px; } .ant-collapse .ant-collapse-item-disabled > .ant-collapse-header, .ant-collapse .ant-collapse-item-disabled > .ant-collapse-header > .arrow { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .ant-collapse-rtl { direction: rtl; } .ant-collapse-rtl.ant-collapse.ant-collapse-icon-position-end > .ant-collapse-item > .ant-collapse-header { position: relative; padding: 12px 16px; padding-left: 40px; } .ant-collapse-rtl.ant-collapse.ant-collapse-icon-position-end > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow { position: absolute; top: 50%; right: auto; left: 16px; margin: 0; transform: translateY(-50%); } .ant-collapse-rtl .ant-collapse > .ant-collapse-item > .ant-collapse-header { padding: 12px 16px; padding-right: 40px; } .ant-collapse-rtl.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow { margin-right: 0; margin-left: 12px; } .ant-collapse-rtl.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow svg { transform: rotate(180deg); } .ant-collapse-rtl.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-extra { margin-right: auto; margin-left: 0; } .ant-collapse-rtl.ant-collapse > .ant-collapse-item.ant-collapse-no-arrow > .ant-collapse-header { padding-right: 12px; padding-left: 0; } /* 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-comment { position: relative; background-color: inherit; } .ant-comment-inner { display: flex; padding: 16px 0; } .ant-comment-avatar { position: relative; flex-shrink: 0; margin-right: 12px; cursor: pointer; } .ant-comment-avatar img { width: 32px; height: 32px; border-radius: 50%; } .ant-comment-content { position: relative; flex: 1 1 auto; min-width: 1px; font-size: 14px; word-wrap: break-word; } .ant-comment-content-author { display: flex; flex-wrap: wrap; justify-content: flex-start; margin-bottom: 4px; font-size: 14px; } .ant-comment-content-author > a, .ant-comment-content-author > span { padding-right: 8px; font-size: 12px; line-height: 18px; } .ant-comment-content-author-name { color: rgba(0, 0, 0, 0.45); font-size: 14px; transition: color 0.3s; } .ant-comment-content-author-name > * { color: rgba(0, 0, 0, 0.45); } .ant-comment-content-author-name > *:hover { color: rgba(0, 0, 0, 0.45); } .ant-comment-content-author-time { color: #ccc; white-space: nowrap; cursor: auto; } .ant-comment-content-detail p { margin-bottom: inherit; white-space: pre-wrap; } .ant-comment-actions { margin-top: 12px; margin-bottom: inherit; padding-left: 0; } .ant-comment-actions > li { display: inline-block; color: rgba(0, 0, 0, 0.45); } .ant-comment-actions > li > span { margin-right: 10px; color: rgba(0, 0, 0, 0.45); font-size: 12px; cursor: pointer; transition: color 0.3s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ant-comment-actions > li > span:hover { color: #595959; } .ant-comment-nested { margin-left: 44px; } .ant-comment-rtl { direction: rtl; } .ant-comment-rtl .ant-comment-avatar { margin-right: 0; margin-left: 12px; } .ant-comment-rtl .ant-comment-content-author > a, .ant-comment-rtl .ant-comment-content-author > span { padding-right: 0; padding-left: 8px; } .ant-comment-rtl .ant-comment-actions { padding-right: 0; } .ant-comment-rtl .ant-comment-actions > li > span { margin-right: 0; margin-left: 10px; } .ant-comment-rtl .ant-comment-nested { margin-right: 44px; margin-left: 0; } /* 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 */ /* 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-descriptions-header { display: flex; align-items: center; margin-bottom: 20px; } .ant-descriptions-title { flex: auto; overflow: hidden; color: rgba(0, 0, 0, 0.85); font-weight: bold; font-size: 16px; line-height: 1.5715; white-space: nowrap; text-overflow: ellipsis; } .ant-descriptions-extra { margin-left: auto; color: rgba(0, 0, 0, 0.85); font-size: 14px; } .ant-descriptions-view { width: 100%; border-radius: 2px; } .ant-descriptions-view table { width: 100%; table-layout: fixed; } .ant-descriptions-row > th, .ant-descriptions-row > td { padding-bottom: 16px; } .ant-descriptions-row:last-child { border-bottom: none; } .ant-descriptions-item-label { color: rgba(0, 0, 0, 0.85); font-weight: normal; font-size: 14px; line-height: 1.5715; text-align: start; } .ant-descriptions-item-label::after { content: ':'; position: relative; top: -0.5px; margin: 0 8px 0 2px; } .ant-descriptions-item-label.ant-descriptions-item-no-colon::after { content: ' '; } .ant-descriptions-item-no-label::after { margin: 0; content: ''; } .ant-descriptions-item-content { display: table-cell; flex: 1; color: rgba(0, 0, 0, 0.85); font-size: 14px; line-height: 1.5715; word-break: break-word; overflow-wrap: break-word; } .ant-descriptions-item { padding-bottom: 0; vertical-align: top; } .ant-descriptions-item-container { display: flex; } .ant-descriptions-item-container .ant-descriptions-item-label, .ant-descriptions-item-container .ant-descriptions-item-content { display: inline-flex; align-items: baseline; } .ant-descriptions-middle .ant-descriptions-row > th, .ant-descriptions-middle .ant-descriptions-row > td { padding-bottom: 12px; } .ant-descriptions-small .ant-descriptions-row > th, .ant-descriptions-small .ant-descriptions-row > td { padding-bottom: 8px; } .ant-descriptions-bordered .ant-descriptions-view { border: 1px solid #f0f0f0; } .ant-descriptions-bordered .ant-descriptions-view > table { table-layout: auto; border-collapse: collapse; } .ant-descriptions-bordered .ant-descriptions-item-label, .ant-descriptions-bordered .ant-descriptions-item-content { padding: 16px 24px; border-right: 1px solid #f0f0f0; } .ant-descriptions-bordered .ant-descriptions-item-label:last-child, .ant-descriptions-bordered .ant-descriptions-item-content:last-child { border-right: none; } .ant-descriptions-bordered .ant-descriptions-item-label { background-color: #fafafa; } .ant-descriptions-bordered .ant-descriptions-item-label::after { display: none; } .ant-descriptions-bordered .ant-descriptions-row { border-bottom: 1px solid #f0f0f0; } .ant-descriptions-bordered .ant-descriptions-row:last-child { border-bottom: none; } .ant-descriptions-bordered.ant-descriptions-middle .ant-descriptions-item-label, .ant-descriptions-bordered.ant-descriptions-middle .ant-descriptions-item-content { padding: 12px 24px; } .ant-descriptions-bordered.ant-descriptions-small .ant-descriptions-item-label, .ant-descriptions-bordered.ant-descriptions-small .ant-descriptions-item-content { padding: 8px 16px; } .ant-descriptions-rtl { direction: rtl; } .ant-descriptions-rtl .ant-descriptions-item-label::after { margin: 0 2px 0 8px; } .ant-descriptions-rtl.ant-descriptions-bordered .ant-descriptions-item-label, .ant-descriptions-rtl.ant-descriptions-bordered .ant-descriptions-item-content { border-right: none; border-left: 1px solid #f0f0f0; } .ant-descriptions-rtl.ant-descriptions-bordered .ant-descriptions-item-label:last-child, .ant-descriptions-rtl.ant-descriptions-bordered .ant-descriptions-item-content:last-child { border-left: none; } /* 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-divider { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; border-top: 1px solid rgba(0, 0, 0, 0.06); } .ant-divider-vertical { position: relative; top: -0.06em; display: inline-block; height: 0.9em; margin: 0 8px; vertical-align: middle; border-top: 0; border-left: 1px solid rgba(0, 0, 0, 0.06); } .ant-divider-horizontal { display: flex; clear: both; width: 100%; min-width: 100%; margin: 24px 0; } .ant-divider-horizontal.ant-divider-with-text { display: flex; margin: 16px 0; color: rgba(0, 0, 0, 0.85); font-weight: 500; font-size: 16px; white-space: nowrap; text-align: center; border-top: 0; border-top-color: rgba(0, 0, 0, 0.06); } .ant-divider-horizontal.ant-divider-with-text::before, .ant-divider-horizontal.ant-divider-with-text::after { position: relative; top: 50%; width: 50%; border-top: 1px solid transparent; border-top-color: inherit; border-bottom: 0; transform: translateY(50%); content: ''; } .ant-divider-horizontal.ant-divider-with-text-left::before { top: 50%; width: 5%; } .ant-divider-horizontal.ant-divider-with-text-left::after { top: 50%; width: 95%; } .ant-divider-horizontal.ant-divider-with-text-right::before { top: 50%; width: 95%; } .ant-divider-horizontal.ant-divider-with-text-right::after { top: 50%; width: 5%; } .ant-divider-inner-text { display: inline-block; padding: 0 1em; } .ant-divider-dashed { background: none; border-color: rgba(0, 0, 0, 0.06); border-style: dashed; border-width: 1px 0 0; } .ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed::before, .ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed::after { border-style: dashed none none; } .ant-divider-vertical.ant-divider-dashed { border-width: 0 0 0 1px; } .ant-divider-plain.ant-divider-with-text { color: rgba(0, 0, 0, 0.85); font-weight: normal; font-size: 14px; } .ant-divider-horizontal.ant-divider-with-text-left.ant-divider-no-default-orientation-margin-left::before { width: 0; } .ant-divider-horizontal.ant-divider-with-text-left.ant-divider-no-default-orientation-margin-left::after { width: 100%; } .ant-divider-horizontal.ant-divider-with-text-left.ant-divider-no-default-orientation-margin-left .ant-divider-inner-text { padding-left: 0; } .ant-divider-horizontal.ant-divider-with-text-right.ant-divider-no-default-orientation-margin-right::before { width: 100%; } .ant-divider-horizontal.ant-divider-with-text-right.ant-divider-no-default-orientation-margin-right::after { width: 0; } .ant-divider-horizontal.ant-divider-with-text-right.ant-divider-no-default-orientation-margin-right .ant-divider-inner-text { padding-right: 0; } .ant-divider-rtl { direction: rtl; } .ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-left::before { width: 95%; } .ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-left::after { width: 5%; } .ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-right::before { width: 5%; } .ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-right::after { width: 95%; } /* 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-drawer { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1000; pointer-events: none; } .ant-drawer-inline { position: absolute; } .ant-drawer-mask { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1000; background: rgba(0, 0, 0, 0.45); pointer-events: auto; } .ant-drawer-content-wrapper { position: absolute; z-index: 1000; transition: all 0.3s; } .ant-drawer-content-wrapper-hidden { display: none; } .ant-drawer-left > .ant-drawer-content-wrapper { top: 0; bottom: 0; left: 0; box-shadow: 6px 0 16px -8px rgba(0, 0, 0, 0.08), 9px 0 28px 0 rgba(0, 0, 0, 0.05), 12px 0 48px 16px rgba(0, 0, 0, 0.03); } .ant-drawer-right > .ant-drawer-content-wrapper { top: 0; right: 0; bottom: 0; box-shadow: -6px 0 16px -8px rgba(0, 0, 0, 0.08), -9px 0 28px 0 rgba(0, 0, 0, 0.05), -12px 0 48px 16px rgba(0, 0, 0, 0.03); } .ant-drawer-top > .ant-drawer-content-wrapper { top: 0; right: 0; left: 0; box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.08), 0 9px 28px 0 rgba(0, 0, 0, 0.05), 0 12px 48px 16px rgba(0, 0, 0, 0.03); } .ant-drawer-bottom > .ant-drawer-content-wrapper { right: 0; bottom: 0; left: 0; box-shadow: 0 -6px 16px -8px rgba(0, 0, 0, 0.08), 0 -9px 28px 0 rgba(0, 0, 0, 0.05), 0 -12px 48px 16px rgba(0, 0, 0, 0.03); } .ant-drawer-content { width: 100%; height: 100%; overflow: auto; background: #fff; pointer-events: auto; } .ant-drawer-wrapper-body { display: flex; flex-direction: column; width: 100%; height: 100%; } .ant-drawer-header { display: flex; flex: 0; align-items: center; padding: 16px 24px; font-size: 16px; line-height: 22px; border-bottom: 1px solid #f0f0f0; } .ant-drawer-header-title { display: flex; flex: 1; align-items: center; min-width: 0; min-height: 0; } .ant-drawer-extra { flex: none; } .ant-drawer-close { display: inline-block; margin-right: 12px; color: rgba(0, 0, 0, 0.45); font-weight: 700; font-size: 16px; font-style: normal; line-height: 1; text-align: center; text-transform: none; text-decoration: none; background: transparent; border: 0; outline: 0; cursor: pointer; transition: color 0.3s; text-rendering: auto; } .ant-drawer-close:focus, .ant-drawer-close:hover { color: rgba(0, 0, 0, 0.75); text-decoration: none; } .ant-drawer-title { flex: 1; margin: 0; color: rgba(0, 0, 0, 0.85); font-weight: 500; font-size: 16px; line-height: 22px; } .ant-drawer-body { flex: 1; min-width: 0; min-height: 0; padding: 24px; overflow: auto; } .ant-drawer-footer { flex-shrink: 0; padding: 10px 16px; border-top: 1px solid #f0f0f0; } .panel-motion-enter-start, .panel-motion-appear-start, .panel-motion-leave-start { transition: none; } .panel-motion-enter-active, .panel-motion-appear-active, .panel-motion-leave-active { transition: all 0.3s; } .ant-drawer-mask-motion-enter-active, .ant-drawer-mask-motion-appear-active, .ant-drawer-mask-motion-leave-active { transition: all 0.3s; } .ant-drawer-mask-motion-enter, .ant-drawer-mask-motion-appear { opacity: 0; } .ant-drawer-mask-motion-enter-active, .ant-drawer-mask-motion-appear-active { opacity: 1; } .ant-drawer-mask-motion-leave { opacity: 1; } .ant-drawer-mask-motion-leave-active { opacity: 0; } .ant-drawer-panel-motion-left-enter-start, .ant-drawer-panel-motion-left-appear-start, .ant-drawer-panel-motion-left-leave-start { transition: none; } .ant-drawer-panel-motion-left-enter-active, .ant-drawer-panel-motion-left-appear-active, .ant-drawer-panel-motion-left-leave-active { transition: all 0.3s; } .ant-drawer-panel-motion-left-enter-start, .ant-drawer-panel-motion-left-appear-start { transform: translateX(-100%) !important; } .ant-drawer-panel-motion-left-enter-active, .ant-drawer-panel-motion-left-appear-active { transform: translateX(0); } .ant-drawer-panel-motion-left-leave { transform: translateX(0); } .ant-drawer-panel-motion-left-leave-active { transform: translateX(-100%); } .ant-drawer-panel-motion-right-enter-start, .ant-drawer-panel-motion-right-appear-start, .ant-drawer-panel-motion-right-leave-start { transition: none; } .ant-drawer-panel-motion-right-enter-active, .ant-drawer-panel-motion-right-appear-active, .ant-drawer-panel-motion-right-leave-active { transition: all 0.3s; } .ant-drawer-panel-motion-right-enter-start, .ant-drawer-panel-motion-right-appear-start { transform: translateX(100%) !important; } .ant-drawer-panel-motion-right-enter-active, .ant-drawer-panel-motion-right-appear-active { transform: translateX(0); } .ant-drawer-panel-motion-right-leave { transform: translateX(0); } .ant-drawer-panel-motion-right-leave-active { transform: translateX(100%); } .ant-drawer-panel-motion-top-enter-start, .ant-drawer-panel-motion-top-appear-start, .ant-drawer-panel-motion-top-leave-start { transition: none; } .ant-drawer-panel-motion-top-enter-active, .ant-drawer-panel-motion-top-appear-active, .ant-drawer-panel-motion-top-leave-active { transition: all 0.3s; } .ant-drawer-panel-motion-top-enter-start, .ant-drawer-panel-motion-top-appear-start { transform: translateY(-100%) !important; } .ant-drawer-panel-motion-top-enter-active, .ant-drawer-panel-motion-top-appear-active { transform: translateY(0); } .ant-drawer-panel-motion-top-leave { transform: translateY(0); } .ant-drawer-panel-motion-top-leave-active { transform: translateY(-100%); } .ant-drawer-panel-motion-bottom-enter-start, .ant-drawer-panel-motion-bottom-appear-start, .ant-drawer-panel-motion-bottom-leave-start { transition: none; } .ant-drawer-panel-motion-bottom-enter-active, .ant-drawer-panel-motion-bottom-appear-active, .ant-drawer-panel-motion-bottom-leave-active { transition: all 0.3s; } .ant-drawer-panel-motion-bottom-enter-start, .ant-drawer-panel-motion-bottom-appear-start { transform: translateY(100%) !important; } .ant-drawer-panel-motion-bottom-enter-active, .ant-drawer-panel-motion-bottom-appear-active { transform: translateY(0); } .ant-drawer-panel-motion-bottom-leave { transform: translateY(0); } .ant-drawer-panel-motion-bottom-leave-active { transform: translateY(100%); } .ant-drawer-rtl { direction: rtl; } .ant-drawer-rtl .ant-drawer-close { margin-right: 0; margin-left: 12px; } /* 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-form-item .ant-input-number + .ant-form-text { margin-left: 8px; } .ant-form-inline { display: flex; flex-wrap: wrap; } .ant-form-inline .ant-form-item { flex: none; flex-wrap: nowrap; margin-right: 16px; margin-bottom: 0; } .ant-form-inline .ant-form-item-with-help { margin-bottom: 24px; } .ant-form-inline .ant-form-item > .ant-form-item-label, .ant-form-inline .ant-form-item > .ant-form-item-control { display: inline-block; vertical-align: top; } .ant-form-inline .ant-form-item > .ant-form-item-label { flex: none; } .ant-form-inline .ant-form-item .ant-form-text { display: inline-block; } .ant-form-inline .ant-form-item .ant-form-item-has-feedback { display: inline-block; } .ant-form-horizontal .ant-form-item-label { flex-grow: 0; } .ant-form-horizontal .ant-form-item-control { flex: 1 1 0; min-width: 0; } .ant-form-horizontal .ant-form-item-label[class$='-24'] + .ant-form-item-control, .ant-form-horizontal .ant-form-item-label[class*='-24 '] + .ant-form-item-control { min-width: unset; } .ant-form-vertical .ant-form-item-row { flex-direction: column; } .ant-form-vertical .ant-form-item-label > label { height: auto; } .ant-form-vertical .ant-form-item .ant-form-item-control { width: 100%; } .ant-form-vertical .ant-form-item-label, .ant-col-24.ant-form-item-label, .ant-col-xl-24.ant-form-item-label { padding: 0 0 8px; line-height: 1.5715; white-space: initial; text-align: left; } .ant-form-vertical .ant-form-item-label > label, .ant-col-24.ant-form-item-label > label, .ant-col-xl-24.ant-form-item-label > label { margin: 0; } .ant-form-vertical .ant-form-item-label > label::after, .ant-col-24.ant-form-item-label > label::after, .ant-col-xl-24.ant-form-item-label > label::after { display: none; } .ant-form-rtl.ant-form-vertical .ant-form-item-label, .ant-form-rtl.ant-col-24.ant-form-item-label, .ant-form-rtl.ant-col-xl-24.ant-form-item-label { text-align: right; } @media (max-width: 575px) { .ant-form-item .ant-form-item-label { padding: 0 0 8px; line-height: 1.5715; white-space: initial; text-align: left; } .ant-form-item .ant-form-item-label > label { margin: 0; } .ant-form-item .ant-form-item-label > label::after { display: none; } .ant-form-rtl.ant-form-item .ant-form-item-label { text-align: right; } .ant-form .ant-form-item { flex-wrap: wrap; } .ant-form .ant-form-item .ant-form-item-label, .ant-form .ant-form-item .ant-form-item-control { flex: 0 0 100%; max-width: 100%; } .ant-col-xs-24.ant-form-item-label { padding: 0 0 8px; line-height: 1.5715; white-space: initial; text-align: left; } .ant-col-xs-24.ant-form-item-label > label { margin: 0; } .ant-col-xs-24.ant-form-item-label > label::after { display: none; } .ant-form-rtl.ant-col-xs-24.ant-form-item-label { text-align: right; } } @media (max-width: 767px) { .ant-col-sm-24.ant-form-item-label { padding: 0 0 8px; line-height: 1.5715; white-space: initial; text-align: left; } .ant-col-sm-24.ant-form-item-label > label { margin: 0; } .ant-col-sm-24.ant-form-item-label > label::after { display: none; } .ant-form-rtl.ant-col-sm-24.ant-form-item-label { text-align: right; } } @media (max-width: 991px) { .ant-col-md-24.ant-form-item-label { padding: 0 0 8px; line-height: 1.5715; white-space: initial; text-align: left; } .ant-col-md-24.ant-form-item-label > label { margin: 0; } .ant-col-md-24.ant-form-item-label > label::after { display: none; } .ant-form-rtl.ant-col-md-24.ant-form-item-label { text-align: right; } } @media (max-width: 1199px) { .ant-col-lg-24.ant-form-item-label { padding: 0 0 8px; line-height: 1.5715; white-space: initial; text-align: left; } .ant-col-lg-24.ant-form-item-label > label { margin: 0; } .ant-col-lg-24.ant-form-item-label > label::after { display: none; } .ant-form-rtl.ant-col-lg-24.ant-form-item-label { text-align: right; } } @media (max-width: 1599px) { .ant-col-xl-24.ant-form-item-label { padding: 0 0 8px; line-height: 1.5715; white-space: initial; text-align: left; } .ant-col-xl-24.ant-form-item-label > label { margin: 0; } .ant-col-xl-24.ant-form-item-label > label::after { display: none; } .ant-form-rtl.ant-col-xl-24.ant-form-item-label { text-align: right; } } .ant-form-item { /* Some non-status related component style is in `components.less` */ /* To support leave along ErrorList. We add additional className to handle explain style */ } .ant-form-item-explain-error { color: #ff4d4f; } .ant-form-item-explain-warning { color: #faad14; } .ant-form-item-has-feedback .ant-switch { margin: 2px 0 4px; } .ant-form-item-has-warning .ant-form-item-split { color: #faad14; } .ant-form-item-has-error .ant-form-item-split { color: #ff4d4f; } .ant-form { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; } .ant-form legend { display: block; width: 100%; margin-bottom: 20px; padding: 0; color: rgba(0, 0, 0, 0.45); font-size: 16px; line-height: inherit; border: 0; border-bottom: 1px solid #d9d9d9; } .ant-form label { font-size: 14px; } .ant-form input[type='search'] { box-sizing: border-box; } .ant-form input[type='radio'], .ant-form input[type='checkbox'] { line-height: normal; } .ant-form input[type='file'] { display: block; } .ant-form input[type='range'] { display: block; width: 100%; } .ant-form select[multiple], .ant-form select[size] { height: auto; } .ant-form input[type='file']:focus, .ant-form input[type='radio']:focus, .ant-form input[type='checkbox']:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .ant-form output { display: block; padding-top: 15px; color: rgba(0, 0, 0, 0.85); font-size: 14px; line-height: 1.5715; } .ant-form .ant-form-text { display: inline-block; padding-right: 8px; } .ant-form-small .ant-form-item-label > label { height: 24px; } .ant-form-small .ant-form-item-control-input { min-height: 24px; } .ant-form-large .ant-form-item-label > label { height: 40px; } .ant-form-large .ant-form-item-control-input { min-height: 40px; } .ant-form-item { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; margin-bottom: 24px; vertical-align: top; } .ant-form-item-with-help { transition: none; } .ant-form-item-hidden, .ant-form-item-hidden.ant-row { display: none; } .ant-form-item-label { display: inline-block; flex-grow: 0; overflow: hidden; white-space: nowrap; text-align: right; vertical-align: middle; } .ant-form-item-label-left { text-align: left; } .ant-form-item-label-wrap { overflow: unset; line-height: 1.3215em; white-space: unset; } .ant-form-item-label > label { position: relative; display: inline-flex; align-items: center; max-width: 100%; height: 32px; color: rgba(0, 0, 0, 0.85); font-size: 14px; } .ant-form-item-label > label > .anticon { font-size: 14px; vertical-align: top; } .ant-form-item-label > label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before { display: inline-block; margin-right: 4px; color: #ff4d4f; font-size: 14px; font-family: SimSun, sans-serif; line-height: 1; content: '*'; } .ant-form-hide-required-mark .ant-form-item-label > label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before { display: none; } .ant-form-item-label > label .ant-form-item-optional { display: inline-block; margin-left: 4px; color: rgba(0, 0, 0, 0.45); } .ant-form-hide-required-mark .ant-form-item-label > label .ant-form-item-optional { display: none; } .ant-form-item-label > label .ant-form-item-tooltip { color: rgba(0, 0, 0, 0.45); cursor: help; -ms-writing-mode: lr-tb; writing-mode: horizontal-tb; -webkit-margin-start: 4px; margin-inline-start: 4px; } .ant-form-item-label > label::after { content: ':'; position: relative; top: -0.5px; margin: 0 8px 0 2px; } .ant-form-item-label > label.ant-form-item-no-colon::after { content: ' '; } .ant-form-item-control { display: flex; flex-direction: column; flex-grow: 1; } .ant-form-item-control:first-child:not([class^='ant-col-']):not([class*=' ant-col-']) { width: 100%; } .ant-form-item-control-input { position: relative; display: flex; align-items: center; min-height: 32px; } .ant-form-item-control-input-content { flex: auto; max-width: 100%; } .ant-form-item-explain, .ant-form-item-extra { clear: both; color: rgba(0, 0, 0, 0.45); font-size: 14px; line-height: 1.5715; transition: color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); } .ant-form-item-explain-connected { width: 100%; } .ant-form-item-extra { min-height: 24px; } .ant-form-item-with-help .ant-form-item-explain { height: auto; opacity: 1; } .ant-form-item-feedback-icon { font-size: 14px; text-align: center; visibility: visible; animation: zoomIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46); pointer-events: none; } .ant-form-item-feedback-icon-success { color: #52c41a; } .ant-form-item-feedback-icon-error { color: #ff4d4f; } .ant-form-item-feedback-icon-warning { color: #faad14; } .ant-form-item-feedback-icon-validating { color: #1890ff; } .ant-show-help { transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-show-help-appear, .ant-show-help-enter { opacity: 0; } .ant-show-help-appear-active, .ant-show-help-enter-active { opacity: 1; } .ant-show-help-leave { opacity: 1; } .ant-show-help-leave-active { opacity: 0; } .ant-show-help-item { overflow: hidden; transition: height 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) !important; } .ant-show-help-item-appear, .ant-show-help-item-enter { transform: translateY(-5px); opacity: 0; } .ant-show-help-item-appear-active, .ant-show-help-item-enter-active { transform: translateY(0); opacity: 1; } .ant-show-help-item-leave { transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important; } .ant-show-help-item-leave-active { transform: translateY(-5px); } @keyframes diffZoomIn1 { 0% { transform: scale(0); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @keyframes diffZoomIn2 { 0% { transform: scale(0); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @keyframes diffZoomIn3 { 0% { transform: scale(0); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } .ant-form-rtl { direction: rtl; } .ant-form-rtl .ant-form-item-label { text-align: left; } .ant-form-rtl .ant-form-item-label > label.ant-form-item-required::before { margin-right: 0; margin-left: 4px; } .ant-form-rtl .ant-form-item-label > label::after { margin: 0 2px 0 8px; } .ant-form-rtl .ant-form-item-label > label .ant-form-item-optional { margin-right: 4px; margin-left: 0; } .ant-col-rtl .ant-form-item-control:first-child { width: 100%; } .ant-form-rtl .ant-form-item-has-feedback .ant-input { padding-right: 11px; padding-left: 24px; } .ant-form-rtl .ant-form-item-has-feedback .ant-input-affix-wrapper .ant-input-suffix { padding-right: 11px; padding-left: 18px; } .ant-form-rtl .ant-form-item-has-feedback .ant-input-affix-wrapper .ant-input { padding: 0; } .ant-form-rtl .ant-form-item-has-feedback .ant-input-number-affix-wrapper .ant-input-number { padding: 0; } .ant-form-rtl .ant-form-item-has-feedback .ant-input-search:not(.ant-input-search-enter-button) .ant-input-suffix { right: auto; left: 28px; } .ant-form-rtl .ant-form-item-has-feedback .ant-input-number { padding-left: 18px; } .ant-form-rtl .ant-form-item-has-feedback > .ant-select .ant-select-arrow, .ant-form-rtl .ant-form-item-has-feedback > .ant-select .ant-select-clear, .ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-arrow, .ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-clear, .ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-number-group-addon) > .ant-select .ant-select-arrow, .ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-number-group-addon) > .ant-select .ant-select-clear { right: auto; left: 32px; } .ant-form-rtl .ant-form-item-has-feedback > .ant-select .ant-select-selection-selected-value, .ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-selection-selected-value, .ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-number-group-addon) > .ant-select .ant-select-selection-selected-value { padding-right: 0; padding-left: 42px; } .ant-form-rtl .ant-form-item-has-feedback .ant-cascader-picker-arrow { margin-right: 0; margin-left: 19px; } .ant-form-rtl .ant-form-item-has-feedback .ant-cascader-picker-clear { right: auto; left: 32px; } .ant-form-rtl .ant-form-item-has-feedback .ant-picker { padding-right: 11px; padding-left: 29.2px; } .ant-form-rtl .ant-form-item-has-feedback .ant-picker-large { padding-right: 11px; padding-left: 29.2px; } .ant-form-rtl .ant-form-item-has-feedback .ant-picker-small { padding-right: 7px; padding-left: 25.2px; } .ant-form-rtl .ant-form-item-has-feedback.ant-form-item-has-success .ant-form-item-children-icon, .ant-form-rtl .ant-form-item-has-feedback.ant-form-item-has-warning .ant-form-item-children-icon, .ant-form-rtl .ant-form-item-has-feedback.ant-form-item-has-error .ant-form-item-children-icon, .ant-form-rtl .ant-form-item-has-feedback.ant-form-item-is-validating .ant-form-item-children-icon { right: auto; left: 0; } .ant-form-rtl.ant-form-inline .ant-form-item { margin-right: 0; margin-left: 16px; } /* 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 */ /* 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-image { position: relative; display: inline-block; } .ant-image-img { width: 100%; height: auto; vertical-align: middle; } .ant-image-img-placeholder { background-color: #f5f5f5; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTQuNSAyLjVoLTEzQS41LjUgMCAwIDAgMSAzdjEwYS41LjUgMCAwIDAgLjUuNWgxM2EuNS41IDAgMCAwIC41LS41VjNhLjUuNSAwIDAgMC0uNS0uNXpNNS4yODEgNC43NWExIDEgMCAwIDEgMCAyIDEgMSAwIDAgMSAwLTJ6bTguMDMgNi44M2EuMTI3LjEyNyAwIDAgMS0uMDgxLjAzSDIuNzY5YS4xMjUuMTI1IDAgMCAxLS4wOTYtLjIwN2wyLjY2MS0zLjE1NmEuMTI2LjEyNiAwIDAgMSAuMTc3LS4wMTZsLjAxNi4wMTZMNy4wOCAxMC4wOWwyLjQ3LTIuOTNhLjEyNi4xMjYgMCAwIDEgLjE3Ny0uMDE2bC4wMTUuMDE2IDMuNTg4IDQuMjQ0YS4xMjcuMTI3IDAgMCAxLS4wMi4xNzV6IiBmaWxsPSIjOEM4QzhDIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L3N2Zz4=); background-repeat: no-repeat; background-position: center center; background-size: 30%; } .ant-image-mask { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center; color: #fff; background: rgba(0, 0, 0, 0.5); cursor: pointer; opacity: 0; transition: opacity 0.3s; } .ant-image-mask-info { padding: 0 4px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .ant-image-mask-info .anticon { -webkit-margin-end: 4px; margin-inline-end: 4px; } .ant-image-mask:hover { opacity: 1; } .ant-image-placeholder { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .ant-image-preview { pointer-events: none; height: 100%; text-align: center; } .ant-image-preview.ant-zoom-enter, .ant-image-preview.ant-zoom-appear { transform: none; opacity: 0; animation-duration: 0.3s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ant-image-preview-mask { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1000; height: 100%; background-color: rgba(0, 0, 0, 0.45); } .ant-image-preview-mask-hidden { display: none; } .ant-image-preview-wrap { position: fixed; top: 0; right: 0; bottom: 0; left: 0; overflow: auto; outline: 0; } .ant-image-preview-body { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; } .ant-image-preview-img { max-width: 100%; max-height: 100%; vertical-align: middle; transform: scale3d(1, 1, 1); cursor: grab; transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: auto; } .ant-image-preview-img-wrapper { position: absolute; top: 0; right: 0; bottom: 0; left: 0; transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } .ant-image-preview-img-wrapper::before { display: inline-block; width: 1px; height: 50%; margin-right: -1px; content: ''; } .ant-image-preview-moving .ant-image-preview-img { cursor: grabbing; } .ant-image-preview-moving .ant-image-preview-img-wrapper { transition-duration: 0s; } .ant-image-preview-wrap { z-index: 1080; } .ant-image-preview-operations-wrapper { position: fixed; top: 0; right: 0; z-index: 1081; width: 100%; } .ant-image-preview-operations { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; font-feature-settings: 'tnum'; display: flex; flex-direction: row-reverse; align-items: center; color: rgba(255, 255, 255, 0.85); list-style: none; background: rgba(0, 0, 0, 0.1); pointer-events: auto; } .ant-image-preview-operations-operation { margin-left: 12px; padding: 12px; cursor: pointer; transition: all 0.3s; } .ant-image-preview-operations-operation:hover { background: rgba(0, 0, 0, 0.2); } .ant-image-preview-operations-operation-disabled { color: rgba(255, 255, 255, 0.25); pointer-events: none; } .ant-image-preview-operations-operation:last-of-type { margin-left: 0; } .ant-image-preview-operations-progress { position: absolute; left: 50%; transform: translateX(-50%); } .ant-image-preview-operations-icon { font-size: 18px; } .ant-image-preview-switch-left, .ant-image-preview-switch-right { position: fixed; top: 50%; right: 8px; z-index: 1081; display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; color: rgba(255, 255, 255, 0.85); background: rgba(0, 0, 0, 0.1); border-radius: 50%; transform: translateY(-50%); cursor: pointer; transition: all 0.3s; pointer-events: auto; } .ant-image-preview-switch-left:hover, .ant-image-preview-switch-right:hover { background: rgba(0, 0, 0, 0.2); } .ant-image-preview-switch-left-disabled, .ant-image-preview-switch-right-disabled, .ant-image-preview-switch-left-disabled:hover, .ant-image-preview-switch-right-disabled:hover { color: rgba(255, 255, 255, 0.25); background: rgba(0, 0, 0, 0.1); cursor: not-allowed; } .ant-image-preview-switch-left-disabled > .anticon, .ant-image-preview-switch-right-disabled > .anticon, .ant-image-preview-switch-left-disabled:hover > .anticon, .ant-image-preview-switch-right-disabled:hover > .anticon { cursor: not-allowed; } .ant-image-preview-switch-left > .anticon, .ant-image-preview-switch-right > .anticon { font-size: 18px; } .ant-image-preview-switch-left { left: 8px; } .ant-image-preview-switch-right { right: 8px; } /* 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-input-number-affix-wrapper { display: inline-block; width: 100%; min-width: 0; padding: 4px 11px; color: rgba(0, 0, 0, 0.85); font-size: 14px; line-height: 1.5715; background-color: #fff; background-image: none; border: 1px solid #d9d9d9; border-radius: 2px; transition: all 0.3s; position: relative; display: inline-flex; width: 90px; padding: 0; -webkit-padding-start: 11px; padding-inline-start: 11px; } .ant-input-number-affix-wrapper::-moz-placeholder { color: #bfbfbf; -moz-user-select: none; user-select: none; } .ant-input-number-affix-wrapper:-ms-input-placeholder { color: #bfbfbf; -ms-user-select: none; user-select: none; } .ant-input-number-affix-wrapper::placeholder { color: #bfbfbf; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ant-input-number-affix-wrapper:-moz-placeholder-shown { text-overflow: ellipsis; } .ant-input-number-affix-wrapper:-ms-input-placeholder { text-overflow: ellipsis; } .ant-input-number-affix-wrapper:placeholder-shown { text-overflow: ellipsis; } .ant-input-number-affix-wrapper:hover { border-color: #40a9ff; border-right-width: 1px; } .ant-input-number-affix-wrapper:focus, .ant-input-number-affix-wrapper-focused { border-color: #40a9ff; box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); border-right-width: 1px; outline: 0; } .ant-input-number-affix-wrapper-disabled { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; border-color: #d9d9d9; box-shadow: none; cursor: not-allowed; opacity: 1; } .ant-input-number-affix-wrapper-disabled:hover { border-color: #d9d9d9; border-right-width: 1px; } .ant-input-number-affix-wrapper[disabled] { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; border-color: #d9d9d9; box-shadow: none; cursor: not-allowed; opacity: 1; } .ant-input-number-affix-wrapper[disabled]:hover { border-color: #d9d9d9; border-right-width: 1px; } .ant-input-number-affix-wrapper-borderless, .ant-input-number-affix-wrapper-borderless:hover, .ant-input-number-affix-wrapper-borderless:focus, .ant-input-number-affix-wrapper-borderless-focused, .ant-input-number-affix-wrapper-borderless-disabled, .ant-input-number-affix-wrapper-borderless[disabled] { background-color: transparent; border: none; box-shadow: none; } textarea.ant-input-number-affix-wrapper { max-width: 100%; height: auto; min-height: 32px; line-height: 1.5715; vertical-align: bottom; transition: all 0.3s, height 0s; } .ant-input-number-affix-wrapper-lg { padding: 6.5px 11px; font-size: 16px; } .ant-input-number-affix-wrapper-sm { padding: 0px 7px; } .ant-input-number-affix-wrapper:not(.ant-input-number-affix-wrapper-disabled):hover { border-color: #40a9ff; border-right-width: 1px; z-index: 1; } .ant-input-number-affix-wrapper-focused, .ant-input-number-affix-wrapper:focus { z-index: 1; } .ant-input-number-affix-wrapper-disabled .ant-input-number[disabled] { background: transparent; } .ant-input-number-affix-wrapper > div.ant-input-number { width: 100%; border: none; outline: none; } .ant-input-number-affix-wrapper > div.ant-input-number.ant-input-number-focused { box-shadow: none !important; } .ant-input-number-affix-wrapper input.ant-input-number-input { padding: 0; } .ant-input-number-affix-wrapper::before { width: 0; visibility: hidden; content: '\a0'; } .ant-input-number-affix-wrapper .ant-input-number-handler-wrap { z-index: 2; } .ant-input-number-prefix, .ant-input-number-suffix { display: flex; flex: none; align-items: center; pointer-events: none; } .ant-input-number-prefix { -webkit-margin-end: 4px; margin-inline-end: 4px; } .ant-input-number-suffix { position: absolute; top: 0; right: 0; z-index: 1; height: 100%; margin-right: 11px; margin-left: 4px; } .ant-input-number-group-wrapper .ant-input-number-affix-wrapper { width: 100%; } .ant-input-number-status-error:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number, .ant-input-number-status-error:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number:hover { background: #fff; border-color: #ff4d4f; } .ant-input-number-status-error:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number:focus, .ant-input-number-status-error:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number-focused { border-color: #ff7875; box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2); border-right-width: 1px; outline: 0; } .ant-input-number-status-error .ant-input-number-prefix { color: #ff4d4f; } .ant-input-number-status-warning:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number, .ant-input-number-status-warning:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number:hover { background: #fff; border-color: #faad14; } .ant-input-number-status-warning:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number:focus, .ant-input-number-status-warning:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number-focused { border-color: #ffc53d; box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2); border-right-width: 1px; outline: 0; } .ant-input-number-status-warning .ant-input-number-prefix { color: #faad14; } .ant-input-number-affix-wrapper-status-error:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper, .ant-input-number-affix-wrapper-status-error:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper:hover { background: #fff; border-color: #ff4d4f; } .ant-input-number-affix-wrapper-status-error:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper:focus, .ant-input-number-affix-wrapper-status-error:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper-focused { border-color: #ff7875; box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2); border-right-width: 1px; outline: 0; } .ant-input-number-affix-wrapper-status-error .ant-input-number-prefix { color: #ff4d4f; } .ant-input-number-affix-wrapper-status-warning:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper, .ant-input-number-affix-wrapper-status-warning:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper:hover { background: #fff; border-color: #faad14; } .ant-input-number-affix-wrapper-status-warning:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper:focus, .ant-input-number-affix-wrapper-status-warning:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper-focused { border-color: #ffc53d; box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2); border-right-width: 1px; outline: 0; } .ant-input-number-affix-wrapper-status-warning .ant-input-number-prefix { color: #faad14; } .ant-input-number-group-wrapper-status-error .ant-input-number-group-addon { color: #ff4d4f; border-color: #ff4d4f; } .ant-input-number-group-wrapper-status-warning .ant-input-number-group-addon { color: #faad14; border-color: #faad14; } .ant-input-number { box-sizing: border-box; font-variant: tabular-nums; list-style: none; font-feature-settings: 'tnum'; position: relative; width: 100%; min-width: 0; padding: 4px 11px; color: rgba(0, 0, 0, 0.85); font-size: 14px; line-height: 1.5715; background-color: #fff; background-image: none; transition: all 0.3s; display: inline-block; width: 90px; margin: 0; padding: 0; border: 1px solid #d9d9d9; border-radius: 2px; } .ant-input-number::-moz-placeholder { color: #bfbfbf; -moz-user-select: none; user-select: none; } .ant-input-number:-ms-input-placeholder { color: #bfbfbf; -ms-user-select: none; user-select: none; } .ant-input-number::placeholder { color: #bfbfbf; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ant-input-number:-moz-placeholder-shown { text-overflow: ellipsis; } .ant-input-number:-ms-input-placeholder { text-overflow: ellipsis; } .ant-input-number:placeholder-shown { text-overflow: ellipsis; } .ant-input-number:hover { border-color: #40a9ff; border-right-width: 1px; } .ant-input-number:focus, .ant-input-number-focused { border-color: #40a9ff; box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); border-right-width: 1px; outline: 0; } .ant-input-number-disabled { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; border-color: #d9d9d9; box-shadow: none; cursor: not-allowed; opacity: 1; } .ant-input-number-disabled:hover { border-color: #d9d9d9; border-right-width: 1px; } .ant-input-number[disabled] { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; border-color: #d9d9d9; box-shadow: none; cursor: not-allowed; opacity: 1; } .ant-input-number[disabled]:hover { border-color: #d9d9d9; border-right-width: 1px; } .ant-input-number-borderless, .ant-input-number-borderless:hover, .ant-input-number-borderless:focus, .ant-input-number-borderless-focused, .ant-input-number-borderless-disabled, .ant-input-number-borderless[disabled] { background-color: transparent; border: none; box-shadow: none; } textarea.ant-input-number { max-width: 100%; height: auto; min-height: 32px; line-height: 1.5715; vertical-align: bottom; transition: all 0.3s, height 0s; } .ant-input-number-lg { padding: 6.5px 11px; font-size: 16px; } .ant-input-number-sm { padding: 0px 7px; } .ant-input-number-group { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; position: relative; display: table; width: 100%; border-collapse: separate; border-spacing: 0; } .ant-input-number-group[class*='col-'] { float: none; padding-right: 0; padding-left: 0; } .ant-input-number-group > [class*='col-'] { padding-right: 8px; } .ant-input-number-group > [class*='col-']:last-child { padding-right: 0; } .ant-input-number-group-addon, .ant-input-number-group-wrap, .ant-input-number-group > .ant-input-number { display: table-cell; } .ant-input-number-group-addon:not(:first-child):not(:last-child), .ant-input-number-group-wrap:not(:first-child):not(:last-child), .ant-input-number-group > .ant-input-number:not(:first-child):not(:last-child) { border-radius: 0; } .ant-input-number-group-addon, .ant-input-number-group-wrap { width: 1px; white-space: nowrap; vertical-align: middle; } .ant-input-number-group-wrap > * { display: block !important; } .ant-input-number-group .ant-input-number { float: left; width: 100%; margin-bottom: 0; text-align: inherit; } .ant-input-number-group .ant-input-number:focus { z-index: 1; border-right-width: 1px; } .ant-input-number-group .ant-input-number:hover { z-index: 1; border-right-width: 1px; } .ant-input-search-with-button .ant-input-number-group .ant-input-number:hover { z-index: 0; } .ant-input-number-group-addon { position: relative; padding: 0 11px; color: rgba(0, 0, 0, 0.85); font-weight: normal; font-size: 14px; text-align: center; background-color: #fafafa; border: 1px solid #d9d9d9; border-radius: 2px; transition: all 0.3s; } .ant-input-number-group-addon .ant-select { margin: -5px -11px; } .ant-input-number-group-addon .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector { background-color: inherit; border: 1px solid transparent; box-shadow: none; } .ant-input-number-group-addon .ant-select-open .ant-select-selector, .ant-input-number-group-addon .ant-select-focused .ant-select-selector { color: #1890ff; } .ant-input-number-group-addon .ant-cascader-picker { margin: -9px -12px; background-color: transparent; } .ant-input-number-group-addon .ant-cascader-picker .ant-cascader-input { text-align: left; border: 0; box-shadow: none; } .ant-input-number-group > .ant-input-number:first-child, .ant-input-number-group-addon:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0; } .ant-input-number-group > .ant-input-number:first-child .ant-select .ant-select-selector, .ant-input-number-group-addon:first-child .ant-select .ant-select-selector { border-top-right-radius: 0; border-bottom-right-radius: 0; } .ant-input-number-group > .ant-input-number-affix-wrapper:not(:first-child) .ant-input-number { border-top-left-radius: 0; border-bottom-left-radius: 0; } .ant-input-number-group > .ant-input-number-affix-wrapper:not(:last-child) .ant-input-number { border-top-right-radius: 0; border-bottom-right-radius: 0; } .ant-input-number-group-addon:first-child { border-right: 0; } .ant-input-number-group-addon:last-child { border-left: 0; } .ant-input-number-group > .ant-input-number:last-child, .ant-input-number-group-addon:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0; } .ant-input-number-group > .ant-input-number:last-child .ant-select .ant-select-selector, .ant-input-number-group-addon:last-child .ant-select .ant-select-selector { border-top-left-radius: 0; border-bottom-left-radius: 0; } .ant-input-number-group-lg .ant-input-number, .ant-input-number-group-lg > .ant-input-number-group-addon { padding: 6.5px 11px; font-size: 16px; } .ant-input-number-group-sm .ant-input-number, .ant-input-number-group-sm > .ant-input-number-group-addon { padding: 0px 7px; } .ant-input-number-group-lg .ant-select-single .ant-select-selector { height: 40px; } .ant-input-number-group-sm .ant-select-single .ant-select-selector { height: 24px; } .ant-input-number-group .ant-input-number-affix-wrapper:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .ant-input-search .ant-input-number-group .ant-input-number-affix-wrapper:not(:last-child) { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } .ant-input-number-group .ant-input-number-affix-wrapper:not(:first-child), .ant-input-search .ant-input-number-group .ant-input-number-affix-wrapper:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .ant-input-number-group.ant-input-number-group-compact { display: block; } .ant-input-number-group.ant-input-number-group-compact::before { display: table; content: ''; } .ant-input-number-group.ant-input-number-group-compact::after { display: table; clear: both; content: ''; } .ant-input-number-group.ant-input-number-group-compact-addon:not(:first-child):not(:last-child), .ant-input-number-group.ant-input-number-group-compact-wrap:not(:first-child):not(:last-child), .ant-input-number-group.ant-input-number-group-compact > .ant-input-number:not(:first-child):not(:last-child) { border-right-width: 1px; } .ant-input-number-group.ant-input-number-group-compact-addon:not(:first-child):not(:last-child):hover, .ant-input-number-group.ant-input-number-group-compact-wrap:not(:first-child):not(:last-child):hover, .ant-input-number-group.ant-input-number-group-compact > .ant-input-number:not(:first-child):not(:last-child):hover { z-index: 1; } .ant-input-number-group.ant-input-number-group-compact-addon:not(:first-child):not(:last-child):focus, .ant-input-number-group.ant-input-number-group-compact-wrap:not(:first-child):not(:last-child):focus, .ant-input-number-group.ant-input-number-group-compact > .ant-input-number:not(:first-child):not(:last-child):focus { z-index: 1; } .ant-input-number-group.ant-input-number-group-compact > * { display: inline-block; float: none; vertical-align: top; border-radius: 0; } .ant-input-number-group.ant-input-number-group-compact > .ant-input-number-affix-wrapper { display: inline-flex; } .ant-input-number-group.ant-input-number-group-compact > .ant-picker-range { display: inline-flex; } .ant-input-number-group.ant-input-number-group-compact > *:not(:last-child) { margin-right: -1px; border-right-width: 1px; } .ant-input-number-group.ant-input-number-group-compact .ant-input-number { float: none; } .ant-input-number-group.ant-input-number-group-compact > .ant-select > .ant-select-selector, .ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete .ant-input, .ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker .ant-input, .ant-input-number-group.ant-input-number-group-compact > .ant-input-group-wrapper .ant-input { border-right-width: 1px; border-radius: 0; } .ant-input-number-group.ant-input-number-group-compact > .ant-select > .ant-select-selector:hover, .ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete .ant-input:hover, .ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker .ant-input:hover, .ant-input-number-group.ant-input-number-group-compact > .ant-input-group-wrapper .ant-input:hover { z-index: 1; } .ant-input-number-group.ant-input-number-group-compact > .ant-select > .ant-select-selector:focus, .ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete .ant-input:focus, .ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker .ant-input:focus, .ant-input-number-group.ant-input-number-group-compact > .ant-input-group-wrapper .ant-input:focus { z-index: 1; } .ant-input-number-group.ant-input-number-group-compact > .ant-select-focused { z-index: 1; } .ant-input-number-group.ant-input-number-group-compact > .ant-select > .ant-select-arrow { z-index: 1; } .ant-input-number-group.ant-input-number-group-compact > *:first-child, .ant-input-number-group.ant-input-number-group-compact > .ant-select:first-child > .ant-select-selector, .ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete:first-child .ant-input, .ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker:first-child .ant-input { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } .ant-input-number-group.ant-input-number-group-compact > *:last-child, .ant-input-number-group.ant-input-number-group-compact > .ant-select:last-child > .ant-select-selector, .ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker:last-child .ant-input, .ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker-focused:last-child .ant-input { border-right-width: 1px; border-top-right-radius: 2px; border-bottom-right-radius: 2px; } .ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete .ant-input { vertical-align: top; } .ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper { margin-left: -1px; } .ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper .ant-input-affix-wrapper { border-radius: 0; } .ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search > .ant-input-group > .ant-input-group-addon > .ant-input-search-button { border-radius: 0; } .ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search > .ant-input-group > .ant-input { border-radius: 2px 0 0 2px; } .ant-input-number-group > .ant-input-number-rtl:first-child { border-radius: 0 2px 2px 0; } .ant-input-number-group > .ant-input-number-rtl:last-child { border-radius: 2px 0 0 2px; } .ant-input-number-group-rtl .ant-input-number-group-addon:first-child { border-right: 1px solid #d9d9d9; border-left: 0; border-radius: 0 2px 2px 0; } .ant-input-number-group-rtl .ant-input-number-group-addon:last-child { border-right: 0; border-left: 1px solid #d9d9d9; border-radius: 2px 0 0 2px; } .ant-input-number-group-wrapper { display: inline-block; text-align: start; vertical-align: top; } .ant-input-number-handler { position: relative; display: block; width: 100%; height: 50%; overflow: hidden; color: rgba(0, 0, 0, 0.45); font-weight: bold; line-height: 0; text-align: center; border-left: 1px solid #d9d9d9; transition: all 0.1s linear; } .ant-input-number-handler:active { background: #f4f4f4; } .ant-input-number-handler:hover .ant-input-number-handler-up-inner, .ant-input-number-handler:hover .ant-input-number-handler-down-inner { color: #40a9ff; } .ant-input-number-handler-up-inner, .ant-input-number-handler-down-inner { display: inline-block; color: inherit; font-style: normal; line-height: 0; text-align: center; text-transform: none; vertical-align: -0.125em; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; right: 4px; width: 12px; height: 12px; color: rgba(0, 0, 0, 0.45); line-height: 12px; transition: all 0.1s linear; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ant-input-number-handler-up-inner > *, .ant-input-number-handler-down-inner > * { line-height: 1; } .ant-input-number-handler-up-inner svg, .ant-input-number-handler-down-inner svg { display: inline-block; } .ant-input-number-handler-up-inner::before, .ant-input-number-handler-down-inner::before { display: none; } .ant-input-number-handler-up-inner .ant-input-number-handler-up-inner-icon, .ant-input-number-handler-up-inner .ant-input-number-handler-down-inner-icon, .ant-input-number-handler-down-inner .ant-input-number-handler-up-inner-icon, .ant-input-number-handler-down-inner .ant-input-number-handler-down-inner-icon { display: block; } .ant-input-number:hover { border-color: #40a9ff; border-right-width: 1px; } .ant-input-number:hover + .ant-form-item-children-icon { opacity: 0; transition: opacity 0.24s linear 0.24s; } .ant-input-number-focused { border-color: #40a9ff; box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); border-right-width: 1px; outline: 0; } .ant-input-number-disabled { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; border-color: #d9d9d9; box-shadow: none; cursor: not-allowed; opacity: 1; } .ant-input-number-disabled:hover { border-color: #d9d9d9; border-right-width: 1px; } .ant-input-number-disabled .ant-input-number-input { cursor: not-allowed; } .ant-input-number-disabled .ant-input-number-handler-wrap { display: none; } .ant-input-number-readonly .ant-input-number-handler-wrap { display: none; } .ant-input-number-input { width: 100%; height: 30px; padding: 0 11px; text-align: left; background-color: transparent; border: 0; border-radius: 2px; outline: 0; transition: all 0.3s linear; -webkit-appearance: textfield !important; -moz-appearance: textfield !important; appearance: textfield !important; } .ant-input-number-input::-moz-placeholder { color: #bfbfbf; -moz-user-select: none; user-select: none; } .ant-input-number-input:-ms-input-placeholder { color: #bfbfbf; -ms-user-select: none; user-select: none; } .ant-input-number-input::placeholder { color: #bfbfbf; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ant-input-number-input:-moz-placeholder-shown { text-overflow: ellipsis; } .ant-input-number-input:-ms-input-placeholder { text-overflow: ellipsis; } .ant-input-number-input:placeholder-shown { text-overflow: ellipsis; } .ant-input-number-input[type='number']::-webkit-inner-spin-button, .ant-input-number-input[type='number']::-webkit-outer-spin-button { margin: 0; /* stylelint-disable-next-line property-no-vendor-prefix */ -webkit-appearance: none; appearance: none; } .ant-input-number-lg { padding: 0; font-size: 16px; } .ant-input-number-lg input { height: 38px; } .ant-input-number-sm { padding: 0; } .ant-input-number-sm input { height: 22px; padding: 0 7px; } .ant-input-number-handler-wrap { position: absolute; top: 0; right: 0; width: 22px; height: 100%; background: #fff; border-radius: 0 2px 2px 0; opacity: 0; transition: opacity 0.24s linear 0.1s; } .ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-up-inner, .ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-down-inner { display: flex; align-items: center; justify-content: center; min-width: auto; margin-right: 0; font-size: 7px; } .ant-input-number-borderless .ant-input-number-handler-wrap { border-left-width: 0; } .ant-input-number-handler-wrap:hover .ant-input-number-handler { height: 40%; } .ant-input-number:hover .ant-input-number-handler-wrap, .ant-input-number-focused .ant-input-number-handler-wrap { opacity: 1; } .ant-input-number-handler-up { border-top-right-radius: 2px; cursor: pointer; } .ant-input-number-handler-up-inner { top: 50%; margin-top: -5px; text-align: center; } .ant-input-number-handler-up:hover { height: 60% !important; } .ant-input-number-handler-down { top: 0; border-top: 1px solid #d9d9d9; border-bottom-right-radius: 2px; cursor: pointer; } .ant-input-number-handler-down-inner { top: 50%; text-align: center; transform: translateY(-50%); } .ant-input-number-handler-down:hover { height: 60% !important; } .ant-input-number-borderless .ant-input-number-handler-down { border-top-width: 0; } .ant-input-number:hover:not(.ant-input-number-borderless) .ant-input-number-handler-down, .ant-input-number-focused:not(.ant-input-number-borderless) .ant-input-number-handler-down { border-top: 1px solid #d9d9d9; } .ant-input-number-handler-up-disabled, .ant-input-number-handler-down-disabled { cursor: not-allowed; } .ant-input-number-handler-up-disabled:hover .ant-input-number-handler-up-inner, .ant-input-number-handler-down-disabled:hover .ant-input-number-handler-down-inner { color: rgba(0, 0, 0, 0.25); } .ant-input-number-borderless { box-shadow: none; } .ant-input-number-out-of-range input { color: #ff4d4f; } .ant-input-number-compact-item:not(.ant-input-number-compact-last-item):not(.ant-input-number-compact-item-rtl) { margin-right: -1px; } .ant-input-number-compact-item:not(.ant-input-number-compact-last-item).ant-input-number-compact-item-rtl { margin-left: -1px; } .ant-input-number-compact-item:hover, .ant-input-number-compact-item:focus, .ant-input-number-compact-item:active { z-index: 2; } .ant-input-number-compact-item.ant-input-number-focused { z-index: 2; } .ant-input-number-compact-item[disabled] { z-index: 0; } .ant-input-number-compact-item:not(.ant-input-number-compact-first-item):not(.ant-input-number-compact-last-item).ant-input-number { border-radius: 0; } .ant-input-number-compact-item.ant-input-number.ant-input-number-compact-first-item:not(.ant-input-number-compact-item-rtl) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .ant-input-number-compact-item.ant-input-number.ant-input-number-compact-last-item:not(.ant-input-number-compact-item-rtl) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .ant-input-number-compact-item.ant-input-number.ant-input-number-compact-item-rtl.ant-input-number-compact-first-item { border-top-left-radius: 0; border-bottom-left-radius: 0; } .ant-input-number-compact-item.ant-input-number.ant-input-number-compact-item-rtl.ant-input-number-compact-last-item { border-top-right-radius: 0; border-bottom-right-radius: 0; } .ant-input-number-rtl { direction: rtl; } .ant-input-number-rtl .ant-input-number-handler { border-right: 1px solid #d9d9d9; border-left: 0; } .ant-input-number-rtl .ant-input-number-handler-wrap { right: auto; left: 0; } .ant-input-number-rtl.ant-input-number-borderless .ant-input-number-handler-wrap { border-right-width: 0; } .ant-input-number-rtl .ant-input-number-handler-up { border-top-right-radius: 0; } .ant-input-number-rtl .ant-input-number-handler-down { border-bottom-right-radius: 0; } .ant-input-number-rtl .ant-input-number-input { direction: ltr; text-align: right; } /* 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-input-affix-wrapper { position: relative; display: inline-block; width: 100%; min-width: 0; padding: 4px 11px; color: rgba(0, 0, 0, 0.85); font-size: 14px; line-height: 1.5715; background-color: #fff; background-image: none; border: 1px solid #d9d9d9; border-radius: 2px; transition: all 0.3s; display: inline-flex; } .ant-input-affix-wrapper::-moz-placeholder { color: #bfbfbf; -moz-user-select: none; user-select: none; } .ant-input-affix-wrapper:-ms-input-placeholder { color: #bfbfbf; -ms-user-select: none; user-select: none; } .ant-input-affix-wrapper::placeholder { color: #bfbfbf; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ant-input-affix-wrapper:-moz-placeholder-shown { text-overflow: ellipsis; } .ant-input-affix-wrapper:-ms-input-placeholder { text-overflow: ellipsis; } .ant-input-affix-wrapper:placeholder-shown { text-overflow: ellipsis; } .ant-input-affix-wrapper:hover { border-color: #40a9ff; border-right-width: 1px; } .ant-input-rtl .ant-input-affix-wrapper:hover { border-right-width: 0; border-left-width: 1px !important; } .ant-input-affix-wrapper:focus, .ant-input-affix-wrapper-focused { border-color: #40a9ff; box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); border-right-width: 1px; outline: 0; } .ant-input-rtl .ant-input-affix-wrapper:focus, .ant-input-rtl .ant-input-affix-wrapper-focused { border-right-width: 0; border-left-width: 1px !important; } .ant-input-affix-wrapper-disabled { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; border-color: #d9d9d9; box-shadow: none; cursor: not-allowed; opacity: 1; } .ant-input-affix-wrapper-disabled:hover { border-color: #d9d9d9; border-right-width: 1px; } .ant-input-affix-wrapper[disabled] { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; border-color: #d9d9d9; box-shadow: none; cursor: not-allowed; opacity: 1; } .ant-input-affix-wrapper[disabled]:hover { border-color: #d9d9d9; border-right-width: 1px; } .ant-input-affix-wrapper-borderless, .ant-input-affix-wrapper-borderless:hover, .ant-input-affix-wrapper-borderless:focus, .ant-input-affix-wrapper-borderless-focused, .ant-input-affix-wrapper-borderless-disabled, .ant-input-affix-wrapper-borderless[disabled] { background-color: transparent; border: none; box-shadow: none; } textarea.ant-input-affix-wrapper { max-width: 100%; height: auto; min-height: 32px; line-height: 1.5715; vertical-align: bottom; transition: all 0.3s, height 0s; } .ant-input-affix-wrapper-lg { padding: 6.5px 11px; font-size: 16px; } .ant-input-affix-wrapper-sm { padding: 0px 7px; } .ant-input-affix-wrapper-rtl { direction: rtl; } .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover { border-color: #40a9ff; border-right-width: 1px; z-index: 1; } .ant-input-rtl .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover { border-right-width: 0; border-left-width: 1px !important; } .ant-input-search-with-button .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover { z-index: 0; } .ant-input-affix-wrapper-focused, .ant-input-affix-wrapper:focus { z-index: 1; } .ant-input-affix-wrapper-disabled .ant-input[disabled] { background: transparent; } .ant-input-affix-wrapper > .ant-input { font-size: inherit; border: none; outline: none; } .ant-input-affix-wrapper > .ant-input:focus { box-shadow: none !important; } .ant-input-affix-wrapper > .ant-input:not(textarea) { padding: 0; } .ant-input-affix-wrapper::before { width: 0; visibility: hidden; content: '\a0'; } .ant-input-prefix, .ant-input-suffix { display: flex; flex: none; align-items: center; } .ant-input-prefix > *:not(:last-child), .ant-input-suffix > *:not(:last-child) { margin-right: 8px; } .ant-input-show-count-suffix { color: rgba(0, 0, 0, 0.45); } .ant-input-show-count-has-suffix { margin-right: 2px; } .ant-input-prefix { margin-right: 4px; } .ant-input-suffix { margin-left: 4px; } .anticon.ant-input-clear-icon, .ant-input-clear-icon { margin: 0; color: rgba(0, 0, 0, 0.25); font-size: 12px; vertical-align: -1px; cursor: pointer; transition: color 0.3s; } .anticon.ant-input-clear-icon:hover, .ant-input-clear-icon:hover { color: rgba(0, 0, 0, 0.45); } .anticon.ant-input-clear-icon:active, .ant-input-clear-icon:active { color: rgba(0, 0, 0, 0.85); } .anticon.ant-input-clear-icon-hidden, .ant-input-clear-icon-hidden { visibility: hidden; } .anticon.ant-input-clear-icon-has-suffix, .ant-input-clear-icon-has-suffix { margin: 0 4px; } .ant-input-affix-wrapper.ant-input-affix-wrapper-textarea-with-clear-btn { padding: 0; } .ant-input-affix-wrapper.ant-input-affix-wrapper-textarea-with-clear-btn .ant-input-clear-icon { position: absolute; top: 8px; right: 8px; z-index: 1; } .ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input, .ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover { background: #fff; border-color: #ff4d4f; } .ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:focus, .ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input-focused { border-color: #ff7875; box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2); border-right-width: 1px; outline: 0; } .ant-input-status-error .ant-input-prefix { color: #ff4d4f; } .ant-input-status-warning:not(.ant-input-disabled):not(.ant-input-borderless).ant-input, .ant-input-status-warning:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover { background: #fff; border-color: #faad14; } .ant-input-status-warning:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:focus, .ant-input-status-warning:not(.ant-input-disabled):not(.ant-input-borderless).ant-input-focused { border-color: #ffc53d; box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2); border-right-width: 1px; outline: 0; } .ant-input-status-warning .ant-input-prefix { color: #faad14; } .ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper, .ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:hover { background: #fff; border-color: #ff4d4f; } .ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:focus, .ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper-focused { border-color: #ff7875; box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2); border-right-width: 1px; outline: 0; } .ant-input-affix-wrapper-status-error .ant-input-prefix { color: #ff4d4f; } .ant-input-affix-wrapper-status-warning:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper, .ant-input-affix-wrapper-status-warning:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:hover { background: #fff; border-color: #faad14; } .ant-input-affix-wrapper-status-warning:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:focus, .ant-input-affix-wrapper-status-warning:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper-focused { border-color: #ffc53d; box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2); border-right-width: 1px; outline: 0; } .ant-input-affix-wrapper-status-warning .ant-input-prefix { color: #faad14; } .ant-input-textarea-status-error.ant-input-textarea-has-feedback .ant-input, .ant-input-textarea-status-warning.ant-input-textarea-has-feedback .ant-input, .ant-input-textarea-status-success.ant-input-textarea-has-feedback .ant-input, .ant-input-textarea-status-validating.ant-input-textarea-has-feedback .ant-input { padding-right: 24px; } .ant-input-group-wrapper-status-error .ant-input-group-addon { color: #ff4d4f; border-color: #ff4d4f; } .ant-input-group-wrapper-status-warning .ant-input-group-addon { color: #faad14; border-color: #faad14; } .ant-input { box-sizing: border-box; margin: 0; padding: 0; font-variant: tabular-nums; list-style: none; font-feature-settings: 'tnum'; position: relative; display: inline-block; width: 100%; min-width: 0; padding: 4px 11px; color: rgba(0, 0, 0, 0.85); font-size: 14px; line-height: 1.5715; background-color: #fff; background-image: none; border: 1px solid #d9d9d9; border-radius: 2px; transition: all 0.3s; } .ant-input::-moz-placeholder { color: #bfbfbf; -moz-user-select: none; user-select: none; } .ant-input:-ms-input-placeholder { color: #bfbfbf; -ms-user-select: none; user-select: none; } .ant-input::placeholder { color: #bfbfbf; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ant-input:-moz-placeholder-shown { text-overflow: ellipsis; } .ant-input:-ms-input-placeholder { text-overflow: ellipsis; } .ant-input:placeholder-shown { text-overflow: ellipsis; } .ant-input:hover { border-color: #40a9ff; border-right-width: 1px; } .ant-input-rtl .ant-input:hover { border-right-width: 0; border-left-width: 1px !important; } .ant-input:focus, .ant-input-focused { border-color: #40a9ff; box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); border-right-width: 1px; outline: 0; } .ant-input-rtl .ant-input:focus, .ant-input-rtl .ant-input-focused { border-right-width: 0; border-left-width: 1px !important; } .ant-input-disabled { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; border-color: #d9d9d9; box-shadow: none; cursor: not-allowed; opacity: 1; } .ant-input-disabled:hover { border-color: #d9d9d9; border-right-width: 1px; } .ant-input[disabled] { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; border-color: #d9d9d9; box-shadow: none; cursor: not-allowed; opacity: 1; } .ant-input[disabled]:hover { border-color: #d9d9d9; border-right-width: 1px; } .ant-input-borderless, .ant-input-borderless:hover, .ant-input-borderless:focus, .ant-input-borderless-focused, .ant-input-borderless-disabled, .ant-input-borderless[disabled] { background-color: transparent; border: none; box-shadow: none; } textarea.ant-input { max-width: 100%; height: auto; min-height: 32px; line-height: 1.5715; vertical-align: bottom; transition: all 0.3s, height 0s; } .ant-input-lg { padding: 6.5px 11px; font-size: 16px; } .ant-input-sm { padding: 0px 7px; } .ant-input-rtl { direction: rtl; } .ant-input-group { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; position: relative; display: table; width: 100%; border-collapse: separate; border-spacing: 0; } .ant-input-group[class*='col-'] { float: none; padding-right: 0; padding-left: 0; } .ant-input-group > [class*='col-'] { padding-right: 8px; } .ant-input-group > [class*='col-']:last-child { padding-right: 0; } .ant-input-group-addon, .ant-input-group-wrap, .ant-input-group > .ant-input { display: table-cell; } .ant-input-group-addon:not(:first-child):not(:last-child), .ant-input-group-wrap:not(:first-child):not(:last-child), .ant-input-group > .ant-input:not(:first-child):not(:last-child) { border-radius: 0; } .ant-input-group-addon, .ant-input-group-wrap { width: 1px; white-space: nowrap; vertical-align: middle; } .ant-input-group-wrap > * { display: block !important; } .ant-input-group .ant-input { float: left; width: 100%; margin-bottom: 0; text-align: inherit; } .ant-input-group .ant-input:focus { z-index: 1; border-right-width: 1px; } .ant-input-group .ant-input:hover { z-index: 1; border-right-width: 1px; } .ant-input-search-with-button .ant-input-group .ant-input:hover { z-index: 0; } .ant-input-group-addon { position: relative; padding: 0 11px; color: rgba(0, 0, 0, 0.85); font-weight: normal; font-size: 14px; text-align: center; background-color: #fafafa; border: 1px solid #d9d9d9; border-radius: 2px; transition: all 0.3s; } .ant-input-group-addon .ant-select { margin: -5px -11px; } .ant-input-group-addon .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector { background-color: inherit; border: 1px solid transparent; box-shadow: none; } .ant-input-group-addon .ant-select-open .ant-select-selector, .ant-input-group-addon .ant-select-focused .ant-select-selector { color: #1890ff; } .ant-input-group-addon .ant-cascader-picker { margin: -9px -12px; background-color: transparent; } .ant-input-group-addon .ant-cascader-picker .ant-cascader-input { text-align: left; border: 0; box-shadow: none; } .ant-input-group > .ant-input:first-child, .ant-input-group-addon:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0; } .ant-input-group > .ant-input:first-child .ant-select .ant-select-selector, .ant-input-group-addon:first-child .ant-select .ant-select-selector { border-top-right-radius: 0; border-bottom-right-radius: 0; } .ant-input-group > .ant-input-affix-wrapper:not(:first-child) .ant-input { border-top-left-radius: 0; border-bottom-left-radius: 0; } .ant-input-group > .ant-input-affix-wrapper:not(:last-child) .ant-input { border-top-right-radius: 0; border-bottom-right-radius: 0; } .ant-input-group-addon:first-child { border-right: 0; } .ant-input-group-addon:last-child { border-left: 0; } .ant-input-group > .ant-input:last-child, .ant-input-group-addon:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0; } .ant-input-group > .ant-input:last-child .ant-select .ant-select-selector, .ant-input-group-addon:last-child .ant-select .ant-select-selector { border-top-left-radius: 0; border-bottom-left-radius: 0; } .ant-input-group-lg .ant-input, .ant-input-group-lg > .ant-input-group-addon { padding: 6.5px 11px; font-size: 16px; } .ant-input-group-sm .ant-input, .ant-input-group-sm > .ant-input-group-addon { padding: 0px 7px; } .ant-input-group-lg .ant-select-single .ant-select-selector { height: 40px; } .ant-input-group-sm .ant-select-single .ant-select-selector { height: 24px; } .ant-input-group .ant-input-affix-wrapper:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .ant-input-search .ant-input-group .ant-input-affix-wrapper:not(:last-child) { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } .ant-input-group .ant-input-affix-wrapper:not(:first-child), .ant-input-search .ant-input-group .ant-input-affix-wrapper:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .ant-input-group.ant-input-group-compact { display: block; } .ant-input-group.ant-input-group-compact::before { display: table; content: ''; } .ant-input-group.ant-input-group-compact::after { display: table; clear: both; content: ''; } .ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child), .ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child), .ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child) { border-right-width: 1px; } .ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):hover, .ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):hover, .ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child):hover { z-index: 1; } .ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):focus, .ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):focus, .ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child):focus { z-index: 1; } .ant-input-group.ant-input-group-compact > * { display: inline-block; float: none; vertical-align: top; border-radius: 0; } .ant-input-group.ant-input-group-compact > .ant-input-affix-wrapper { display: inline-flex; } .ant-input-group.ant-input-group-compact > .ant-picker-range { display: inline-flex; } .ant-input-group.ant-input-group-compact > *:not(:last-child) { margin-right: -1px; border-right-width: 1px; } .ant-input-group.ant-input-group-compact .ant-input { float: none; } .ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selector, .ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input, .ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input, .ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input { border-right-width: 1px; border-radius: 0; } .ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selector:hover, .ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input:hover, .ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input:hover, .ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input:hover { z-index: 1; } .ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selector:focus, .ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input:focus, .ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input:focus, .ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input:focus { z-index: 1; } .ant-input-group.ant-input-group-compact > .ant-select-focused { z-index: 1; } .ant-input-group.ant-input-group-compact > .ant-select > .ant-select-arrow { z-index: 1; } .ant-input-group.ant-input-group-compact > *:first-child, .ant-input-group.ant-input-group-compact > .ant-select:first-child > .ant-select-selector, .ant-input-group.ant-input-group-compact > .ant-select-auto-complete:first-child .ant-input, .ant-input-group.ant-input-group-compact > .ant-cascader-picker:first-child .ant-input { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } .ant-input-group.ant-input-group-compact > *:last-child, .ant-input-group.ant-input-group-compact > .ant-select:last-child > .ant-select-selector, .ant-input-group.ant-input-group-compact > .ant-cascader-picker:last-child .ant-input, .ant-input-group.ant-input-group-compact > .ant-cascader-picker-focused:last-child .ant-input { border-right-width: 1px; border-top-right-radius: 2px; border-bottom-right-radius: 2px; } .ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input { vertical-align: top; } .ant-input-group.ant-input-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper { margin-left: -1px; } .ant-input-group.ant-input-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper .ant-input-affix-wrapper { border-radius: 0; } .ant-input-group.ant-input-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search > .ant-input-group > .ant-input-group-addon > .ant-input-search-button { border-radius: 0; } .ant-input-group.ant-input-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search > .ant-input-group > .ant-input { border-radius: 2px 0 0 2px; } .ant-input-group > .ant-input-rtl:first-child, .ant-input-group-rtl .ant-input-group-addon:first-child { border-radius: 0 2px 2px 0; } .ant-input-group-rtl .ant-input-group-addon:first-child { border-right: 1px solid #d9d9d9; border-left: 0; } .ant-input-group-rtl .ant-input-group-addon:last-child { border-right: 0; border-left: 1px solid #d9d9d9; border-radius: 2px 0 0 2px; } .ant-input-group-rtl.ant-input-group > .ant-input:last-child, .ant-input-group-rtl.ant-input-group-addon:last-child { border-radius: 2px 0 0 2px; } .ant-input-group-rtl.ant-input-group .ant-input-affix-wrapper:not(:first-child) { border-radius: 2px 0 0 2px; } .ant-input-group-rtl.ant-input-group .ant-input-affix-wrapper:not(:last-child) { border-radius: 0 2px 2px 0; } .ant-input-group-rtl.ant-input-group.ant-input-group-compact > *:not(:last-child) { margin-right: 0; margin-left: -1px; border-left-width: 1px; } .ant-input-group-rtl.ant-input-group.ant-input-group-compact > *:first-child, .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select:first-child > .ant-select-selector, .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:first-child .ant-input, .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-cascader-picker:first-child .ant-input { border-radius: 0 2px 2px 0; } .ant-input-group-rtl.ant-input-group.ant-input-group-compact > *:last-child, .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select:last-child > .ant-select-selector, .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:last-child .ant-input, .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-cascader-picker:last-child .ant-input, .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-cascader-picker-focused:last-child .ant-input { border-left-width: 1px; border-radius: 2px 0 0 2px; } .ant-input-group.ant-input-group-compact .ant-input-group-wrapper-rtl + .ant-input-group-wrapper-rtl { margin-right: -1px; margin-left: 0; } .ant-input-group.ant-input-group-compact .ant-input-group-wrapper-rtl:not(:last-child).ant-input-search > .ant-input-group > .ant-input { border-radius: 0 2px 2px 0; } .ant-input-group-wrapper { display: inline-block; width: 100%; text-align: start; vertical-align: top; } .ant-input-password-icon.anticon { color: rgba(0, 0, 0, 0.45); cursor: pointer; transition: all 0.3s; } .ant-input-password-icon.anticon:hover { color: rgba(0, 0, 0, 0.85); } .ant-input[type='color'] { height: 32px; } .ant-input[type='color'].ant-input-lg { height: 40px; } .ant-input[type='color'].ant-input-sm { height: 24px; padding-top: 3px; padding-bottom: 3px; } .ant-input-textarea-show-count > .ant-input { height: 100%; } .ant-input-textarea-show-count::after { float: right; color: rgba(0, 0, 0, 0.45); white-space: nowrap; content: attr(data-count); pointer-events: none; } .ant-input-textarea-show-count.ant-input-textarea-in-form-item::after { margin-bottom: -22px; } .ant-input-textarea-suffix { position: absolute; top: 0; right: 11px; bottom: 0; z-index: 1; display: inline-flex; align-items: center; margin: auto; } .ant-input-compact-item:not(.ant-input-compact-last-item):not(.ant-input-compact-item-rtl) { margin-right: -1px; } .ant-input-compact-item:not(.ant-input-compact-last-item).ant-input-compact-item-rtl { margin-left: -1px; } .ant-input-compact-item:hover, .ant-input-compact-item:focus, .ant-input-compact-item:active { z-index: 2; } .ant-input-compact-item[disabled] { z-index: 0; } .ant-input-compact-item:not(.ant-input-compact-first-item):not(.ant-input-compact-last-item).ant-input { border-radius: 0; } .ant-input-compact-item.ant-input.ant-input-compact-first-item:not(.ant-input-compact-item-rtl) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .ant-input-compact-item.ant-input.ant-input-compact-last-item:not(.ant-input-compact-item-rtl) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .ant-input-compact-item.ant-input.ant-input-compact-item-rtl.ant-input-compact-first-item { border-top-left-radius: 0; border-bottom-left-radius: 0; } .ant-input-compact-item.ant-input.ant-input-compact-item-rtl.ant-input-compact-last-item { border-top-right-radius: 0; border-bottom-right-radius: 0; } .ant-input-search .ant-input:hover, .ant-input-search .ant-input:focus { border-color: #40a9ff; } .ant-input-search .ant-input:hover + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary), .ant-input-search .ant-input:focus + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary) { border-left-color: #40a9ff; } .ant-input-search .ant-input-affix-wrapper { border-radius: 0; } .ant-input-search .ant-input-lg { line-height: 1.5713; } .ant-input-search > .ant-input-group > .ant-input-group-addon:last-child { left: -1px; padding: 0; border: 0; } .ant-input-search > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button { padding-top: 0; padding-bottom: 0; border-radius: 0 2px 2px 0; } .ant-input-search > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button:not(.ant-btn-primary) { color: rgba(0, 0, 0, 0.45); } .ant-input-search > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button:not(.ant-btn-primary).ant-btn-loading::before { top: 0; right: 0; bottom: 0; left: 0; } .ant-input-search-button { height: 32px; } .ant-input-search-button:hover, .ant-input-search-button:focus { z-index: 1; } .ant-input-search-large .ant-input-search-button { height: 40px; } .ant-input-search-small .ant-input-search-button { height: 24px; } .ant-input-search.ant-input-compact-item:not(.ant-input-compact-item-rtl):not(.ant-input-compact-last-item) .ant-input-group-addon .ant-input-search-button { margin-right: -1px; border-radius: 0; } .ant-input-search.ant-input-compact-item:not(.ant-input-compact-first-item) .ant-input, .ant-input-search.ant-input-compact-item:not(.ant-input-compact-first-item) .ant-input-affix-wrapper { border-radius: 0; } .ant-input-search.ant-input-compact-item > .ant-input-group-addon .ant-input-search-button:hover, .ant-input-search.ant-input-compact-item > .ant-input:hover, .ant-input-search.ant-input-compact-item .ant-input-affix-wrapper:hover, .ant-input-search.ant-input-compact-item > .ant-input-group-addon .ant-input-search-button:focus, .ant-input-search.ant-input-compact-item > .ant-input:focus, .ant-input-search.ant-input-compact-item .ant-input-affix-wrapper:focus, .ant-input-search.ant-input-compact-item > .ant-input-group-addon .ant-input-search-button:active, .ant-input-search.ant-input-compact-item > .ant-input:active, .ant-input-search.ant-input-compact-item .ant-input-affix-wrapper:active { z-index: 2; } .ant-input-search.ant-input-compact-item > .ant-input-affix-wrapper-focused { z-index: 2; } .ant-input-search.ant-input-compact-item-rtl:not(.ant-input-compact-last-item) .ant-input-group-addon:last-child .ant-input-search-button { margin-left: -1px; border-radius: 0; } .ant-input-group-wrapper-rtl { direction: rtl; } .ant-input-group-rtl { direction: rtl; } .ant-input-affix-wrapper.ant-input-affix-wrapper-rtl > input.ant-input { border: none; outline: none; } .ant-input-affix-wrapper-rtl .ant-input-prefix { margin: 0 0 0 4px; } .ant-input-affix-wrapper-rtl .ant-input-suffix { margin: 0 4px 0 0; } .ant-input-textarea-rtl { direction: rtl; } .ant-input-textarea-rtl.ant-input-textarea-show-count::after { text-align: left; } .ant-input-affix-wrapper-rtl .ant-input-clear-icon-has-suffix { margin-right: 0; margin-left: 4px; } .ant-input-affix-wrapper-rtl .ant-input-clear-icon { right: auto; left: 8px; } .ant-input-search-rtl { direction: rtl; } .ant-input-search-rtl .ant-input:hover + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary), .ant-input-search-rtl .ant-input:focus + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary) { border-left-color: #d9d9d9; } .ant-input-search-rtl .ant-input:hover + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary):hover, .ant-input-search-rtl .ant-input:focus + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary):hover { border-left-color: #40a9ff; } .ant-input-search-rtl > .ant-input-group > .ant-input-affix-wrapper:hover, .ant-input-search-rtl > .ant-input-group > .ant-input-affix-wrapper-focused { border-right-color: #40a9ff; } .ant-input-search-rtl > .ant-input-group > .ant-input-group-addon:last-child { right: -1px; left: auto; } .ant-input-search-rtl > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button { border-radius: 2px 0 0 2px; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .ant-input { height: 32px; } .ant-input-lg { height: 40px; } .ant-input-sm { height: 24px; } .ant-input-affix-wrapper > input.ant-input { height: auto; } } /* 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-layout { display: flex; flex: auto; flex-direction: column; /* fix firefox can't set height smaller than content on flex item */ min-height: 0; background: #f0f2f5; } .ant-layout, .ant-layout * { box-sizing: border-box; } .ant-layout.ant-layout-has-sider { flex-direction: row; } .ant-layout.ant-layout-has-sider > .ant-layout, .ant-layout.ant-layout-has-sider > .ant-layout-content { width: 0; } .ant-layout-header, .ant-layout-footer { flex: 0 0 auto; } .ant-layout-header { height: 64px; padding: 0 50px; color: rgba(0, 0, 0, 0.85); line-height: 64px; background: #001529; } .ant-layout-footer { padding: 24px 50px; color: rgba(0, 0, 0, 0.85); font-size: 14px; background: #f0f2f5; } .ant-layout-content { flex: auto; /* fix firefox can't set height smaller than content on flex item */ min-height: 0; } .ant-layout-sider { position: relative; /* fix firefox can't set width smaller than content on flex item */ min-width: 0; background: #001529; transition: all 0.2s; } .ant-layout-sider-children { height: 100%; margin-top: -0.1px; padding-top: 0.1px; } .ant-layout-sider-children .ant-menu.ant-menu-inline-collapsed { width: auto; } .ant-layout-sider-has-trigger { padding-bottom: 48px; } .ant-layout-sider-right { order: 1; } .ant-layout-sider-trigger { position: fixed; bottom: 0; z-index: 1; height: 48px; color: #fff; line-height: 48px; text-align: center; background: #002140; cursor: pointer; transition: all 0.2s; } .ant-layout-sider-zero-width > * { overflow: hidden; } .ant-layout-sider-zero-width-trigger { position: absolute; top: 64px; right: -36px; z-index: 1; width: 36px; height: 42px; color: #fff; font-size: 18px; line-height: 42px; text-align: center; background: #001529; border-radius: 0 2px 2px 0; cursor: pointer; transition: background 0.3s ease; } .ant-layout-sider-zero-width-trigger::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; transition: all 0.3s; content: ''; } .ant-layout-sider-zero-width-trigger:hover::after { background: rgba(255, 255, 255, 0.1); } .ant-layout-sider-zero-width-trigger-right { left: -36px; border-radius: 2px 0 0 2px; } .ant-layout-sider-light { background: #fff; } .ant-layout-sider-light .ant-layout-sider-trigger { color: rgba(0, 0, 0, 0.85); background: #fff; } .ant-layout-sider-light .ant-layout-sider-zero-width-trigger { color: rgba(0, 0, 0, 0.85); background: #fff; } .ant-layout-rtl { direction: rtl; } /* 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-list { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; position: relative; } .ant-list * { outline: none; } .ant-list-pagination { margin-top: 24px; text-align: right; } .ant-list-pagination .ant-pagination-options { text-align: left; } .ant-list-more { margin-top: 12px; text-align: center; } .ant-list-more button { padding-right: 32px; padding-left: 32px; } .ant-list-spin { min-height: 40px; text-align: center; } .ant-list-empty-text { padding: 16px; color: rgba(0, 0, 0, 0.25); font-size: 14px; text-align: center; } .ant-list-items { margin: 0; padding: 0; list-style: none; } .ant-list-item { display: flex; align-items: center; justify-content: space-between; padding: 12px 0; color: rgba(0, 0, 0, 0.85); } .ant-list-item-meta { display: flex; flex: 1; align-items: flex-start; max-width: 100%; } .ant-list-item-meta-avatar { margin-right: 16px; } .ant-list-item-meta-content { flex: 1 0; width: 0; color: rgba(0, 0, 0, 0.85); } .ant-list-item-meta-title { margin-bottom: 4px; color: rgba(0, 0, 0, 0.85); font-size: 14px; line-height: 1.5715; } .ant-list-item-meta-title > a { color: rgba(0, 0, 0, 0.85); transition: all 0.3s; } .ant-list-item-meta-title > a:hover { color: #1890ff; } .ant-list-item-meta-description { color: rgba(0, 0, 0, 0.45); font-size: 14px; line-height: 1.5715; } .ant-list-item-action { flex: 0 0 auto; margin-left: 48px; padding: 0; font-size: 0; list-style: none; } .ant-list-item-action > li { position: relative; display: inline-block; padding: 0 8px; color: rgba(0, 0, 0, 0.45); font-size: 14px; line-height: 1.5715; text-align: center; } .ant-list-item-action > li:first-child { padding-left: 0; } .ant-list-item-action-split { position: absolute; top: 50%; right: 0; width: 1px; height: 14px; margin-top: -7px; background-color: #f0f0f0; } .ant-list-header { background: transparent; } .ant-list-footer { background: transparent; } .ant-list-header, .ant-list-footer { padding-top: 12px; padding-bottom: 12px; } .ant-list-empty { padding: 16px 0; color: rgba(0, 0, 0, 0.45); font-size: 12px; text-align: center; } .ant-list-split .ant-list-item { border-bottom: 1px solid #f0f0f0; } .ant-list-split .ant-list-item:last-child { border-bottom: none; } .ant-list-split .ant-list-header { border-bottom: 1px solid #f0f0f0; } .ant-list-split.ant-list-empty .ant-list-footer { border-top: 1px solid #f0f0f0; } .ant-list-loading .ant-list-spin-nested-loading { min-height: 32px; } .ant-list-split.ant-list-something-after-last-item .ant-spin-container > .ant-list-items > .ant-list-item:last-child { border-bottom: 1px solid #f0f0f0; } .ant-list-lg .ant-list-item { padding: 16px 24px; } .ant-list-sm .ant-list-item { padding: 8px 16px; } .ant-list-vertical .ant-list-item { align-items: initial; } .ant-list-vertical .ant-list-item-main { display: block; flex: 1; } .ant-list-vertical .ant-list-item-extra { margin-left: 40px; } .ant-list-vertical .ant-list-item-meta { margin-bottom: 16px; } .ant-list-vertical .ant-list-item-meta-title { margin-bottom: 12px; color: rgba(0, 0, 0, 0.85); font-size: 16px; line-height: 24px; } .ant-list-vertical .ant-list-item-action { margin-top: 16px; margin-left: auto; } .ant-list-vertical .ant-list-item-action > li { padding: 0 16px; } .ant-list-vertical .ant-list-item-action > li:first-child { padding-left: 0; } .ant-list-grid .ant-col > .ant-list-item { display: block; max-width: 100%; margin-bottom: 16px; padding-top: 0; padding-bottom: 0; border-bottom: none; } .ant-list-item-no-flex { display: block; } .ant-list:not(.ant-list-vertical) .ant-list-item-no-flex .ant-list-item-action { float: right; } .ant-list-bordered { border: 1px solid #d9d9d9; border-radius: 2px; } .ant-list-bordered .ant-list-header { padding-right: 24px; padding-left: 24px; } .ant-list-bordered .ant-list-footer { padding-right: 24px; padding-left: 24px; } .ant-list-bordered .ant-list-item { padding-right: 24px; padding-left: 24px; } .ant-list-bordered .ant-list-pagination { margin: 16px 24px; } .ant-list-bordered.ant-list-sm .ant-list-item { padding: 8px 16px; } .ant-list-bordered.ant-list-sm .ant-list-header, .ant-list-bordered.ant-list-sm .ant-list-footer { padding: 8px 16px; } .ant-list-bordered.ant-list-lg .ant-list-item { padding: 16px 24px; } .ant-list-bordered.ant-list-lg .ant-list-header, .ant-list-bordered.ant-list-lg .ant-list-footer { padding: 16px 24px; } @media screen and (max-width: 768px) { .ant-list-item-action { margin-left: 24px; } .ant-list-vertical .ant-list-item-extra { margin-left: 24px; } } @media screen and (max-width: 576px) { .ant-list-item { flex-wrap: wrap; } .ant-list-item-action { margin-left: 12px; } .ant-list-vertical .ant-list-item { flex-wrap: wrap-reverse; } .ant-list-vertical .ant-list-item-main { min-width: 220px; } .ant-list-vertical .ant-list-item-extra { margin: auto auto 16px; } } .ant-list-rtl { direction: rtl; text-align: right; } .ant-list-rtl .ReactVirtualized__List .ant-list-item { direction: rtl; } .ant-list-rtl .ant-list-pagination { text-align: left; } .ant-list-rtl .ant-list-item-meta-avatar { margin-right: 0; margin-left: 16px; } .ant-list-rtl .ant-list-item-action { margin-right: 48px; margin-left: 0; } .ant-list.ant-list-rtl .ant-list-item-action > li:first-child { padding-right: 0; padding-left: 16px; } .ant-list-rtl .ant-list-item-action-split { right: auto; left: 0; } .ant-list-rtl.ant-list-vertical .ant-list-item-extra { margin-right: 40px; margin-left: 0; } .ant-list-rtl.ant-list-vertical .ant-list-item-action { margin-right: auto; } .ant-list-rtl .ant-list-vertical .ant-list-item-action > li:first-child { padding-right: 0; padding-left: 16px; } .ant-list-rtl .ant-list:not(.ant-list-vertical) .ant-list-item-no-flex .ant-list-item-action { float: left; } @media screen and (max-width: 768px) { .ant-list-rtl .ant-list-item-action { margin-right: 24px; margin-left: 0; } .ant-list-rtl .ant-list-vertical .ant-list-item-extra { margin-right: 24px; margin-left: 0; } } @media screen and (max-width: 576px) { .ant-list-rtl .ant-list-item-action { margin-right: 22px; margin-left: 0; } .ant-list-rtl.ant-list-vertical .ant-list-item-extra { margin: auto auto 16px; } } /* 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-pagination { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; } .ant-pagination ul, .ant-pagination ol { margin: 0; padding: 0; list-style: none; } .ant-pagination::after { display: block; clear: both; height: 0; overflow: hidden; visibility: hidden; content: ' '; } .ant-pagination-total-text { display: inline-block; height: 32px; margin-right: 8px; line-height: 30px; vertical-align: middle; } .ant-pagination-item { display: inline-block; min-width: 32px; height: 32px; margin-right: 8px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; line-height: 30px; text-align: center; vertical-align: middle; list-style: none; background-color: #fff; border: 1px solid #d9d9d9; border-radius: 2px; outline: 0; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ant-pagination-item a { display: block; padding: 0 6px; color: rgba(0, 0, 0, 0.85); transition: none; } .ant-pagination-item a:hover { text-decoration: none; } .ant-pagination-item:hover { border-color: #1890ff; transition: all 0.3s; } .ant-pagination-item:hover a { color: #1890ff; } .ant-pagination-item:focus-visible { border-color: #1890ff; transition: all 0.3s; } .ant-pagination-item:focus-visible a { color: #1890ff; } .ant-pagination-item-active { font-weight: 500; background: #fff; border-color: #1890ff; } .ant-pagination-item-active a { color: #1890ff; } .ant-pagination-item-active:hover { border-color: #40a9ff; } .ant-pagination-item-active:focus-visible { border-color: #40a9ff; } .ant-pagination-item-active:hover a { color: #40a9ff; } .ant-pagination-item-active:focus-visible a { color: #40a9ff; } .ant-pagination-jump-prev, .ant-pagination-jump-next { outline: 0; } .ant-pagination-jump-prev .ant-pagination-item-container, .ant-pagination-jump-next .ant-pagination-item-container { position: relative; } .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon, .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon { color: #1890ff; font-size: 12px; letter-spacing: -1px; opacity: 0; transition: all 0.2s; } .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon-svg, .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon-svg { top: 0; right: 0; bottom: 0; left: 0; margin: auto; } .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-ellipsis, .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-ellipsis { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; margin: auto; color: rgba(0, 0, 0, 0.25); font-family: Arial, Helvetica, sans-serif; letter-spacing: 2px; text-align: center; text-indent: 0.13em; opacity: 1; transition: all 0.2s; } .ant-pagination-jump-prev:hover .ant-pagination-item-link-icon, .ant-pagination-jump-next:hover .ant-pagination-item-link-icon { opacity: 1; } .ant-pagination-jump-prev:hover .ant-pagination-item-ellipsis, .ant-pagination-jump-next:hover .ant-pagination-item-ellipsis { opacity: 0; } .ant-pagination-jump-prev:focus-visible .ant-pagination-item-link-icon, .ant-pagination-jump-next:focus-visible .ant-pagination-item-link-icon { opacity: 1; } .ant-pagination-jump-prev:focus-visible .ant-pagination-item-ellipsis, .ant-pagination-jump-next:focus-visible .ant-pagination-item-ellipsis { opacity: 0; } .ant-pagination-prev, .ant-pagination-jump-prev, .ant-pagination-jump-next { margin-right: 8px; } .ant-pagination-prev, .ant-pagination-next, .ant-pagination-jump-prev, .ant-pagination-jump-next { display: inline-block; min-width: 32px; height: 32px; color: rgba(0, 0, 0, 0.85); font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; line-height: 32px; text-align: center; vertical-align: middle; list-style: none; border-radius: 2px; cursor: pointer; transition: all 0.3s; } .ant-pagination-prev, .ant-pagination-next { font-family: Arial, Helvetica, sans-serif; outline: 0; } .ant-pagination-prev button, .ant-pagination-next button { color: rgba(0, 0, 0, 0.85); cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ant-pagination-prev:hover button, .ant-pagination-next:hover button { border-color: #40a9ff; } .ant-pagination-prev .ant-pagination-item-link, .ant-pagination-next .ant-pagination-item-link { display: block; width: 100%; height: 100%; padding: 0; font-size: 12px; text-align: center; background-color: #fff; border: 1px solid #d9d9d9; border-radius: 2px; outline: none; transition: all 0.3s; } .ant-pagination-prev:focus-visible .ant-pagination-item-link, .ant-pagination-next:focus-visible .ant-pagination-item-link { color: #1890ff; border-color: #1890ff; } .ant-pagination-prev:hover .ant-pagination-item-link, .ant-pagination-next:hover .ant-pagination-item-link { color: #1890ff; border-color: #1890ff; } .ant-pagination-disabled, .ant-pagination-disabled:hover { cursor: not-allowed; } .ant-pagination-disabled .ant-pagination-item-link, .ant-pagination-disabled:hover .ant-pagination-item-link { color: rgba(0, 0, 0, 0.25); border-color: #d9d9d9; cursor: not-allowed; } .ant-pagination-disabled:focus-visible { cursor: not-allowed; } .ant-pagination-disabled:focus-visible .ant-pagination-item-link { color: rgba(0, 0, 0, 0.25); border-color: #d9d9d9; cursor: not-allowed; } .ant-pagination-slash { margin: 0 10px 0 5px; } .ant-pagination-options { display: inline-block; margin-left: 16px; vertical-align: middle; } @media all and (-ms-high-contrast: none) { .ant-pagination-options *::-ms-backdrop, .ant-pagination-options { vertical-align: top; } } .ant-pagination-options-size-changer.ant-select { display: inline-block; width: auto; } .ant-pagination-options-quick-jumper { display: inline-block; height: 32px; margin-left: 8px; line-height: 32px; vertical-align: top; } .ant-pagination-options-quick-jumper input { position: relative; display: inline-block; width: 100%; min-width: 0; padding: 4px 11px; color: rgba(0, 0, 0, 0.85); font-size: 14px; line-height: 1.5715; background-color: #fff; background-image: none; border: 1px solid #d9d9d9; border-radius: 2px; transition: all 0.3s; width: 50px; height: 32px; margin: 0 8px; } .ant-pagination-options-quick-jumper input::-moz-placeholder { color: #bfbfbf; -moz-user-select: none; user-select: none; } .ant-pagination-options-quick-jumper input:-ms-input-placeholder { color: #bfbfbf; -ms-user-select: none; user-select: none; } .ant-pagination-options-quick-jumper input::placeholder { color: #bfbfbf; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ant-pagination-options-quick-jumper input:-moz-placeholder-shown { text-overflow: ellipsis; } .ant-pagination-options-quick-jumper input:-ms-input-placeholder { text-overflow: ellipsis; } .ant-pagination-options-quick-jumper input:placeholder-shown { text-overflow: ellipsis; } .ant-pagination-options-quick-jumper input:hover { border-color: #40a9ff; border-right-width: 1px; } .ant-pagination-options-quick-jumper input:focus, .ant-pagination-options-quick-jumper input-focused { border-color: #40a9ff; box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); border-right-width: 1px; outline: 0; } .ant-pagination-options-quick-jumper input-disabled { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; border-color: #d9d9d9; box-shadow: none; cursor: not-allowed; opacity: 1; } .ant-pagination-options-quick-jumper input-disabled:hover { border-color: #d9d9d9; border-right-width: 1px; } .ant-pagination-options-quick-jumper input[disabled] { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; border-color: #d9d9d9; box-shadow: none; cursor: not-allowed; opacity: 1; } .ant-pagination-options-quick-jumper input[disabled]:hover { border-color: #d9d9d9; border-right-width: 1px; } .ant-pagination-options-quick-jumper input-borderless, .ant-pagination-options-quick-jumper input-borderless:hover, .ant-pagination-options-quick-jumper input-borderless:focus, .ant-pagination-options-quick-jumper input-borderless-focused, .ant-pagination-options-quick-jumper input-borderless-disabled, .ant-pagination-options-quick-jumper input-borderless[disabled] { background-color: transparent; border: none; box-shadow: none; } textarea.ant-pagination-options-quick-jumper input { max-width: 100%; height: auto; min-height: 32px; line-height: 1.5715; vertical-align: bottom; transition: all 0.3s, height 0s; } .ant-pagination-options-quick-jumper input-lg { padding: 6.5px 11px; font-size: 16px; } .ant-pagination-options-quick-jumper input-sm { padding: 0px 7px; } .ant-pagination-simple .ant-pagination-prev, .ant-pagination-simple .ant-pagination-next { height: 24px; line-height: 24px; vertical-align: top; } .ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link, .ant-pagination-simple .ant-pagination-next .ant-pagination-item-link { height: 24px; background-color: transparent; border: 0; } .ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link::after, .ant-pagination-simple .ant-pagination-next .ant-pagination-item-link::after { height: 24px; line-height: 24px; } .ant-pagination-simple .ant-pagination-simple-pager { display: inline-block; height: 24px; margin-right: 8px; } .ant-pagination-simple .ant-pagination-simple-pager input { box-sizing: border-box; height: 100%; margin-right: 8px; padding: 0 6px; text-align: center; background-color: #fff; border: 1px solid #d9d9d9; border-radius: 2px; outline: none; transition: border-color 0.3s; } .ant-pagination-simple .ant-pagination-simple-pager input:hover { border-color: #1890ff; } .ant-pagination-simple .ant-pagination-simple-pager input:focus { border-color: #40a9ff; box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); } .ant-pagination-simple .ant-pagination-simple-pager input[disabled] { color: rgba(0, 0, 0, 0.25); background: #f5f5f5; border-color: #d9d9d9; cursor: not-allowed; } .ant-pagination.ant-pagination-mini .ant-pagination-total-text, .ant-pagination.ant-pagination-mini .ant-pagination-simple-pager { height: 24px; line-height: 24px; } .ant-pagination.ant-pagination-mini .ant-pagination-item { min-width: 24px; height: 24px; margin: 0; line-height: 22px; } .ant-pagination.ant-pagination-mini .ant-pagination-item:not(.ant-pagination-item-active) { background: transparent; border-color: transparent; } .ant-pagination.ant-pagination-mini .ant-pagination-prev, .ant-pagination.ant-pagination-mini .ant-pagination-next { min-width: 24px; height: 24px; margin: 0; line-height: 24px; } .ant-pagination.ant-pagination-mini .ant-pagination-prev .ant-pagination-item-link, .ant-pagination.ant-pagination-mini .ant-pagination-next .ant-pagination-item-link { background: transparent; border-color: transparent; } .ant-pagination.ant-pagination-mini .ant-pagination-prev .ant-pagination-item-link::after, .ant-pagination.ant-pagination-mini .ant-pagination-next .ant-pagination-item-link::after { height: 24px; line-height: 24px; } .ant-pagination.ant-pagination-mini .ant-pagination-jump-prev, .ant-pagination.ant-pagination-mini .ant-pagination-jump-next { height: 24px; margin-right: 0; line-height: 24px; } .ant-pagination.ant-pagination-mini .ant-pagination-options { margin-left: 2px; } .ant-pagination.ant-pagination-mini .ant-pagination-options-size-changer { top: 0px; } .ant-pagination.ant-pagination-mini .ant-pagination-options-quick-jumper { height: 24px; line-height: 24px; } .ant-pagination.ant-pagination-mini .ant-pagination-options-quick-jumper input { padding: 0px 7px; width: 44px; height: 24px; } .ant-pagination.ant-pagination-disabled { cursor: not-allowed; } .ant-pagination.ant-pagination-disabled .ant-pagination-item { background: #f5f5f5; border-color: #d9d9d9; cursor: not-allowed; } .ant-pagination.ant-pagination-disabled .ant-pagination-item a { color: rgba(0, 0, 0, 0.25); background: transparent; border: none; cursor: not-allowed; } .ant-pagination.ant-pagination-disabled .ant-pagination-item-active { background: #e6e6e6; } .ant-pagination.ant-pagination-disabled .ant-pagination-item-active a { color: rgba(0, 0, 0, 0.25); } .ant-pagination.ant-pagination-disabled .ant-pagination-item-link { color: rgba(0, 0, 0, 0.25); background: #f5f5f5; border-color: #d9d9d9; cursor: not-allowed; } .ant-pagination-simple.ant-pagination.ant-pagination-disabled .ant-pagination-item-link { background: transparent; } .ant-pagination.ant-pagination-disabled .ant-pagination-item-link-icon { opacity: 0; } .ant-pagination.ant-pagination-disabled .ant-pagination-item-ellipsis { opacity: 1; } .ant-pagination.ant-pagination-disabled .ant-pagination-simple-pager { color: rgba(0, 0, 0, 0.25); } @media only screen and (max-width: 992px) { .ant-pagination-item-after-jump-prev, .ant-pagination-item-before-jump-next { display: none; } } @media only screen and (max-width: 576px) { .ant-pagination-options { display: none; } } .ant-pagination-rtl .ant-pagination-total-text { margin-right: 0; margin-left: 8px; } .ant-pagination-rtl .ant-pagination-item, .ant-pagination-rtl .ant-pagination-prev, .ant-pagination-rtl .ant-pagination-jump-prev, .ant-pagination-rtl .ant-pagination-jump-next { margin-right: 0; margin-left: 8px; } .ant-pagination-rtl .ant-pagination-slash { margin: 0 5px 0 10px; } .ant-pagination-rtl .ant-pagination-options { margin-right: 16px; margin-left: 0; } .ant-pagination-rtl .ant-pagination-options .ant-pagination-options-size-changer.ant-select { margin-right: 0; margin-left: 8px; } .ant-pagination-rtl .ant-pagination-options .ant-pagination-options-quick-jumper { margin-left: 0; } .ant-pagination-rtl.ant-pagination-simple .ant-pagination-simple-pager { margin-right: 0; margin-left: 8px; } .ant-pagination-rtl.ant-pagination-simple .ant-pagination-simple-pager input { margin-right: 0; margin-left: 8px; } .ant-pagination-rtl.ant-pagination.mini .ant-pagination-options { margin-right: 2px; margin-left: 0; } /* 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-spin { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; position: absolute; display: none; color: #1890ff; text-align: center; vertical-align: middle; opacity: 0; transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86); } .ant-spin-spinning { position: static; display: inline-block; opacity: 1; } .ant-spin-nested-loading { position: relative; } .ant-spin-nested-loading > div > .ant-spin { position: absolute; top: 0; left: 0; z-index: 4; display: block; width: 100%; height: 100%; max-height: 400px; } .ant-spin-nested-loading > div > .ant-spin .ant-spin-dot { position: absolute; top: 50%; left: 50%; margin: -10px; } .ant-spin-nested-loading > div > .ant-spin .ant-spin-text { position: absolute; top: 50%; width: 100%; padding-top: 5px; text-shadow: 0 1px 2px #fff; } .ant-spin-nested-loading > div > .ant-spin.ant-spin-show-text .ant-spin-dot { margin-top: -20px; } .ant-spin-nested-loading > div > .ant-spin-sm .ant-spin-dot { margin: -7px; } .ant-spin-nested-loading > div > .ant-spin-sm .ant-spin-text { padding-top: 2px; } .ant-spin-nested-loading > div > .ant-spin-sm.ant-spin-show-text .ant-spin-dot { margin-top: -17px; } .ant-spin-nested-loading > div > .ant-spin-lg .ant-spin-dot { margin: -16px; } .ant-spin-nested-loading > div > .ant-spin-lg .ant-spin-text { padding-top: 11px; } .ant-spin-nested-loading > div > .ant-spin-lg.ant-spin-show-text .ant-spin-dot { margin-top: -26px; } .ant-spin-container { position: relative; transition: opacity 0.3s; } .ant-spin-container::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 10; display: none \9; width: 100%; height: 100%; background: #fff; opacity: 0; transition: all 0.3s; content: ''; pointer-events: none; } .ant-spin-blur { clear: both; opacity: 0.5; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; } .ant-spin-blur::after { opacity: 0.4; pointer-events: auto; } .ant-spin-tip { color: rgba(0, 0, 0, 0.45); } .ant-spin-dot { position: relative; display: inline-block; font-size: 20px; width: 1em; height: 1em; } .ant-spin-dot-item { position: absolute; display: block; width: 9px; height: 9px; background-color: #1890ff; border-radius: 100%; transform: scale(0.75); transform-origin: 50% 50%; opacity: 0.3; animation: antSpinMove 1s infinite linear alternate; } .ant-spin-dot-item:nth-child(1) { top: 0; left: 0; } .ant-spin-dot-item:nth-child(2) { top: 0; right: 0; animation-delay: 0.4s; } .ant-spin-dot-item:nth-child(3) { right: 0; bottom: 0; animation-delay: 0.8s; } .ant-spin-dot-item:nth-child(4) { bottom: 0; left: 0; animation-delay: 1.2s; } .ant-spin-dot-spin { transform: rotate(0deg); animation: antRotate 1.2s infinite linear; } .ant-spin-sm .ant-spin-dot { font-size: 14px; } .ant-spin-sm .ant-spin-dot i { width: 6px; height: 6px; } .ant-spin-lg .ant-spin-dot { font-size: 32px; } .ant-spin-lg .ant-spin-dot i { width: 14px; height: 14px; } .ant-spin.ant-spin-show-text .ant-spin-text { display: block; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { /* IE10+ */ .ant-spin-blur { background: #fff; opacity: 0.5; } } @keyframes antSpinMove { to { opacity: 1; } } @keyframes antRotate { to { transform: rotate(360deg); } } .ant-spin-rtl { direction: rtl; } .ant-spin-rtl .ant-spin-dot-spin { transform: rotate(-45deg); animation-name: antRotateRtl; } @keyframes antRotateRtl { to { transform: rotate(-405deg); } } /* 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 */ /* 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-mentions-status-error:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions, .ant-mentions-status-error:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions:hover { background: #fff; border-color: #ff4d4f; } .ant-mentions-status-error:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions:focus, .ant-mentions-status-error:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions-focused { border-color: #ff7875; box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2); border-right-width: 1px; outline: 0; } .ant-mentions-status-error .ant-input-prefix { color: #ff4d4f; } .ant-mentions-status-warning:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions, .ant-mentions-status-warning:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions:hover { background: #fff; border-color: #faad14; } .ant-mentions-status-warning:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions:focus, .ant-mentions-status-warning:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions-focused { border-color: #ffc53d; box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2); border-right-width: 1px; outline: 0; } .ant-mentions-status-warning .ant-input-prefix { color: #faad14; } .ant-mentions { box-sizing: border-box; margin: 0; font-variant: tabular-nums; list-style: none; font-feature-settings: 'tnum'; width: 100%; min-width: 0; padding: 4px 11px; color: rgba(0, 0, 0, 0.85); font-size: 14px; background-color: #fff; background-image: none; border: 1px solid #d9d9d9; border-radius: 2px; transition: all 0.3s; position: relative; display: inline-block; height: auto; padding: 0; overflow: hidden; line-height: 1.5715; white-space: pre-wrap; vertical-align: bottom; } .ant-mentions::-moz-placeholder { color: #bfbfbf; -moz-user-select: none; user-select: none; } .ant-mentions:-ms-input-placeholder { color: #bfbfbf; -ms-user-select: none; user-select: none; } .ant-mentions::placeholder { color: #bfbfbf; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ant-mentions:-moz-placeholder-shown { text-overflow: ellipsis; } .ant-mentions:-ms-input-placeholder { text-overflow: ellipsis; } .ant-mentions:placeholder-shown { text-overflow: ellipsis; } .ant-mentions:hover { border-color: #40a9ff; border-right-width: 1px; } .ant-mentions:focus, .ant-mentions-focused { border-color: #40a9ff; box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); border-right-width: 1px; outline: 0; } .ant-mentions-disabled { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; border-color: #d9d9d9; box-shadow: none; cursor: not-allowed; opacity: 1; } .ant-mentions-disabled:hover { border-color: #d9d9d9; border-right-width: 1px; } .ant-mentions[disabled] { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; border-color: #d9d9d9; box-shadow: none; cursor: not-allowed; opacity: 1; } .ant-mentions[disabled]:hover { border-color: #d9d9d9; border-right-width: 1px; } .ant-mentions-borderless, .ant-mentions-borderless:hover, .ant-mentions-borderless:focus, .ant-mentions-borderless-focused, .ant-mentions-borderless-disabled, .ant-mentions-borderless[disabled] { background-color: transparent; border: none; box-shadow: none; } textarea.ant-mentions { max-width: 100%; height: auto; min-height: 32px; line-height: 1.5715; vertical-align: bottom; transition: all 0.3s, height 0s; } .ant-mentions-lg { padding: 6.5px 11px; font-size: 16px; } .ant-mentions-sm { padding: 0px 7px; } .ant-mentions-disabled > textarea { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; border-color: #d9d9d9; box-shadow: none; cursor: not-allowed; opacity: 1; } .ant-mentions-disabled > textarea:hover { border-color: #d9d9d9; border-right-width: 1px; } .ant-mentions-focused { border-color: #40a9ff; box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); border-right-width: 1px; outline: 0; } .ant-mentions > textarea, .ant-mentions-measure { min-height: 30px; margin: 0; padding: 4px 11px; overflow: inherit; overflow-x: hidden; overflow-y: auto; /* stylelint-disable declaration-block-no-redundant-longhand-properties */ font-weight: inherit; font-size: inherit; font-family: inherit; font-style: inherit; font-variant: inherit; font-size-adjust: inherit; font-stretch: inherit; line-height: inherit; /* stylelint-enable declaration-block-no-redundant-longhand-properties */ direction: inherit; letter-spacing: inherit; white-space: inherit; text-align: inherit; vertical-align: top; word-wrap: break-word; word-break: inherit; -moz-tab-size: inherit; -o-tab-size: inherit; tab-size: inherit; } .ant-mentions > textarea { width: 100%; border: none; outline: none; resize: none; } .ant-mentions > textarea::-moz-placeholder { color: #bfbfbf; -moz-user-select: none; user-select: none; } .ant-mentions > textarea:-ms-input-placeholder { color: #bfbfbf; -ms-user-select: none; user-select: none; } .ant-mentions > textarea::placeholder { color: #bfbfbf; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ant-mentions > textarea:-moz-placeholder-shown { text-overflow: ellipsis; } .ant-mentions > textarea:-ms-input-placeholder { text-overflow: ellipsis; } .ant-mentions > textarea:placeholder-shown { text-overflow: ellipsis; } .ant-mentions-measure { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; color: transparent; pointer-events: none; } .ant-mentions-measure > span { display: inline-block; min-height: 1em; } .ant-mentions-dropdown { margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; position: absolute; top: -9999px; left: -9999px; z-index: 1050; box-sizing: border-box; font-size: 14px; font-variant: initial; background-color: #fff; border-radius: 2px; outline: none; box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05); } .ant-mentions-dropdown-hidden { display: none; } .ant-mentions-dropdown-menu { max-height: 250px; margin-bottom: 0; padding-left: 0; overflow: auto; list-style: none; outline: none; } .ant-mentions-dropdown-menu-item { position: relative; display: block; min-width: 100px; padding: 5px 12px; overflow: hidden; color: rgba(0, 0, 0, 0.85); font-weight: normal; line-height: 1.5715; white-space: nowrap; text-overflow: ellipsis; cursor: pointer; transition: background 0.3s ease; } .ant-mentions-dropdown-menu-item:hover { background-color: #f5f5f5; } .ant-mentions-dropdown-menu-item:first-child { border-radius: 2px 2px 0 0; } .ant-mentions-dropdown-menu-item:last-child { border-radius: 0 0 2px 2px; } .ant-mentions-dropdown-menu-item-disabled { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .ant-mentions-dropdown-menu-item-disabled:hover { color: rgba(0, 0, 0, 0.25); background-color: #fff; cursor: not-allowed; } .ant-mentions-dropdown-menu-item-selected { color: rgba(0, 0, 0, 0.85); font-weight: 600; background-color: #fafafa; } .ant-mentions-dropdown-menu-item-active { background-color: #f5f5f5; } .ant-mentions-suffix { position: absolute; top: 0; right: 11px; bottom: 0; z-index: 1; display: inline-flex; align-items: center; margin: auto; } .ant-mentions-rtl { direction: rtl; } /* 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-message { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; position: fixed; top: 8px; left: 0; z-index: 1010; width: 100%; pointer-events: none; } .ant-message-notice { padding: 8px; text-align: center; } .ant-message-notice-content { display: inline-block; padding: 10px 16px; background: #fff; border-radius: 2px; box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05); pointer-events: all; } .ant-message-success .anticon { color: #52c41a; } .ant-message-error .anticon { color: #ff4d4f; } .ant-message-warning .anticon { color: #faad14; } .ant-message-info .anticon, .ant-message-loading .anticon { color: #1890ff; } .ant-message .anticon { position: relative; top: 1px; margin-right: 8px; font-size: 16px; } .ant-message-notice.ant-move-up-leave.ant-move-up-leave-active { animation-name: MessageMoveOut; animation-duration: 0.3s; } @keyframes MessageMoveOut { 0% { max-height: 150px; padding: 8px; opacity: 1; } 100% { max-height: 0; padding: 0; opacity: 0; } } .ant-message-rtl { direction: rtl; } .ant-message-rtl span { direction: rtl; } .ant-message-rtl .anticon { margin-right: 0; margin-left: 8px; } /* 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-modal { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; pointer-events: none; position: relative; top: 100px; width: auto; max-width: calc(100vw - 32px); margin: 0 auto; padding-bottom: 24px; } .ant-modal.ant-zoom-enter, .ant-modal.ant-zoom-appear { transform: none; opacity: 0; animation-duration: 0.3s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ant-modal-mask { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1000; height: 100%; background-color: rgba(0, 0, 0, 0.45); } .ant-modal-mask-hidden { display: none; } .ant-modal-wrap { position: fixed; top: 0; right: 0; bottom: 0; left: 0; overflow: auto; outline: 0; } .ant-modal-wrap { z-index: 1000; } .ant-modal-title { margin: 0; color: rgba(0, 0, 0, 0.85); font-weight: 500; font-size: 16px; line-height: 22px; word-wrap: break-word; } .ant-modal-content { position: relative; background-color: #fff; background-clip: padding-box; border: 0; border-radius: 2px; box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05); pointer-events: auto; } .ant-modal-close { position: absolute; top: 0; right: 0; z-index: 10; padding: 0; color: rgba(0, 0, 0, 0.45); font-weight: 700; line-height: 1; text-decoration: none; background: transparent; border: 0; outline: 0; cursor: pointer; transition: color 0.3s; } .ant-modal-close-x { display: block; width: 54px; height: 54px; font-size: 16px; font-style: normal; line-height: 54px; text-align: center; text-transform: none; text-rendering: auto; } .ant-modal-close:focus, .ant-modal-close:hover { color: rgba(0, 0, 0, 0.75); text-decoration: none; } .ant-modal-header { padding: 16px 24px; color: rgba(0, 0, 0, 0.85); background: #fff; border-bottom: 1px solid #f0f0f0; border-radius: 2px 2px 0 0; } .ant-modal-body { padding: 24px; font-size: 14px; line-height: 1.5715; word-wrap: break-word; } .ant-modal-footer { padding: 10px 16px; text-align: right; background: transparent; border-top: 1px solid #f0f0f0; border-radius: 0 0 2px 2px; } .ant-modal-footer .ant-btn + .ant-btn:not(.ant-dropdown-trigger) { margin-bottom: 0; margin-left: 8px; } .ant-modal-open { overflow: hidden; } .ant-modal-centered { text-align: center; } .ant-modal-centered::before { display: inline-block; width: 0; height: 100%; vertical-align: middle; content: ''; } .ant-modal-centered .ant-modal { top: 0; display: inline-block; padding-bottom: 0; text-align: left; vertical-align: middle; } @media (max-width: 767px) { .ant-modal { max-width: calc(100vw - 16px); margin: 8px auto; } .ant-modal-centered .ant-modal { flex: 1; } } .ant-modal-confirm .ant-modal-header { display: none; } .ant-modal-confirm .ant-modal-body { padding: 32px 32px 24px; } .ant-modal-confirm-body-wrapper::before { display: table; content: ''; } .ant-modal-confirm-body-wrapper::after { display: table; clear: both; content: ''; } .ant-modal-confirm-body .ant-modal-confirm-title { display: block; overflow: hidden; color: rgba(0, 0, 0, 0.85); font-weight: 500; font-size: 16px; line-height: 1.4; } .ant-modal-confirm-body .ant-modal-confirm-content { margin-top: 8px; color: rgba(0, 0, 0, 0.85); font-size: 14px; } .ant-modal-confirm-body > .anticon { float: left; margin-right: 16px; font-size: 22px; } .ant-modal-confirm-body > .anticon + .ant-modal-confirm-title + .ant-modal-confirm-content { margin-left: 38px; } .ant-modal-confirm .ant-modal-confirm-btns { margin-top: 24px; text-align: right; } .ant-modal-confirm .ant-modal-confirm-btns .ant-btn + .ant-btn { margin-bottom: 0; margin-left: 8px; } .ant-modal-confirm-error .ant-modal-confirm-body > .anticon { color: #ff4d4f; } .ant-modal-confirm-warning .ant-modal-confirm-body > .anticon, .ant-modal-confirm-confirm .ant-modal-confirm-body > .anticon { color: #faad14; } .ant-modal-confirm-info .ant-modal-confirm-body > .anticon { color: #1890ff; } .ant-modal-confirm-success .ant-modal-confirm-body > .anticon { color: #52c41a; } .ant-modal-confirm .ant-zoom-leave .ant-modal-confirm-btns { pointer-events: none; } .ant-modal-wrap-rtl { direction: rtl; } .ant-modal-wrap-rtl .ant-modal-close { right: initial; left: 0; } .ant-modal-wrap-rtl .ant-modal-footer { text-align: left; } .ant-modal-wrap-rtl .ant-modal-footer .ant-btn + .ant-btn { margin-right: 8px; margin-left: 0; } .ant-modal-wrap-rtl .ant-modal-confirm-body { direction: rtl; } .ant-modal-wrap-rtl .ant-modal-confirm-body > .anticon { float: right; margin-right: 0; margin-left: 16px; } .ant-modal-wrap-rtl .ant-modal-confirm-body > .anticon + .ant-modal-confirm-title + .ant-modal-confirm-content { margin-right: 38px; margin-left: 0; } .ant-modal-wrap-rtl .ant-modal-confirm-btns { text-align: left; } .ant-modal-wrap-rtl .ant-modal-confirm-btns .ant-btn + .ant-btn { margin-right: 8px; margin-left: 0; } .ant-modal-wrap-rtl.ant-modal-centered .ant-modal { text-align: right; } /* 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-notification { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; position: fixed; z-index: 1010; margin-right: 24px; } .ant-notification-close-icon { font-size: 14px; cursor: pointer; } .ant-notification-hook-holder { position: relative; } .ant-notification-notice { position: relative; width: 384px; max-width: calc(100vw - 24px * 2); margin-bottom: 16px; margin-left: auto; padding: 16px 24px; overflow: hidden; line-height: 1.5715; word-wrap: break-word; background: #fff; border-radius: 2px; box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05); } .ant-notification-top .ant-notification-notice, .ant-notification-bottom .ant-notification-notice { margin-right: auto; margin-left: auto; } .ant-notification-topLeft .ant-notification-notice, .ant-notification-bottomLeft .ant-notification-notice { margin-right: auto; margin-left: 0; } .ant-notification-notice-message { margin-bottom: 8px; color: rgba(0, 0, 0, 0.85); font-size: 16px; line-height: 24px; } .ant-notification-notice-message-single-line-auto-margin { display: block; width: calc(384px - 24px * 2 - 24px - 48px - 100%); max-width: 4px; background-color: transparent; pointer-events: none; } .ant-notification-notice-message-single-line-auto-margin::before { display: block; content: ''; } .ant-notification-notice-description { font-size: 14px; } .ant-notification-notice-closable .ant-notification-notice-message { padding-right: 24px; } .ant-notification-notice-with-icon .ant-notification-notice-message { margin-bottom: 4px; margin-left: 48px; font-size: 16px; } .ant-notification-notice-with-icon .ant-notification-notice-description { margin-left: 48px; font-size: 14px; } .ant-notification-notice-icon { position: absolute; margin-left: 4px; font-size: 24px; line-height: 24px; } .anticon.ant-notification-notice-icon-success { color: #52c41a; } .anticon.ant-notification-notice-icon-info { color: #1890ff; } .anticon.ant-notification-notice-icon-warning { color: #faad14; } .anticon.ant-notification-notice-icon-error { color: #ff4d4f; } .ant-notification-notice-close { position: absolute; top: 16px; right: 22px; color: rgba(0, 0, 0, 0.45); outline: none; } .ant-notification-notice-close:hover { color: rgba(0, 0, 0, 0.67); } .ant-notification-notice-btn { float: right; margin-top: 16px; } .ant-notification .notification-fade-effect { animation-duration: 0.24s; animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); animation-fill-mode: both; } .ant-notification-fade-enter, .ant-notification-fade-appear { animation-duration: 0.24s; animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); animation-fill-mode: both; opacity: 0; animation-play-state: paused; } .ant-notification-fade-leave { animation-duration: 0.24s; animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); animation-fill-mode: both; animation-duration: 0.2s; animation-play-state: paused; } .ant-notification-fade-enter.ant-notification-fade-enter-active, .ant-notification-fade-appear.ant-notification-fade-appear-active { animation-name: NotificationFadeIn; animation-play-state: running; } .ant-notification-fade-leave.ant-notification-fade-leave-active { animation-name: NotificationFadeOut; animation-play-state: running; } @keyframes NotificationFadeIn { 0% { left: 384px; opacity: 0; } 100% { left: 0; opacity: 1; } } @keyframes NotificationFadeOut { 0% { max-height: 150px; margin-bottom: 16px; opacity: 1; } 100% { max-height: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; opacity: 0; } } .ant-notification-rtl { direction: rtl; } .ant-notification-rtl .ant-notification-notice-closable .ant-notification-notice-message { padding-right: 0; padding-left: 24px; } .ant-notification-rtl .ant-notification-notice-with-icon .ant-notification-notice-message { margin-right: 48px; margin-left: 0; } .ant-notification-rtl .ant-notification-notice-with-icon .ant-notification-notice-description { margin-right: 48px; margin-left: 0; } .ant-notification-rtl .ant-notification-notice-icon { margin-right: 4px; margin-left: 0; } .ant-notification-rtl .ant-notification-notice-close { right: auto; left: 22px; } .ant-notification-rtl .ant-notification-notice-btn { float: left; } .ant-notification-top, .ant-notification-bottom { margin-right: 0; margin-left: 0; } .ant-notification-top .ant-notification-fade-enter.ant-notification-fade-enter-active, .ant-notification-top .ant-notification-fade-appear.ant-notification-fade-appear-active { animation-name: NotificationTopFadeIn; } .ant-notification-bottom .ant-notification-fade-enter.ant-notification-fade-enter-active, .ant-notification-bottom .ant-notification-fade-appear.ant-notification-fade-appear-active { animation-name: NotificationBottomFadeIn; } .ant-notification-topLeft, .ant-notification-bottomLeft { margin-right: 0; margin-left: 24px; } .ant-notification-topLeft .ant-notification-fade-enter.ant-notification-fade-enter-active, .ant-notification-bottomLeft .ant-notification-fade-enter.ant-notification-fade-enter-active, .ant-notification-topLeft .ant-notification-fade-appear.ant-notification-fade-appear-active, .ant-notification-bottomLeft .ant-notification-fade-appear.ant-notification-fade-appear-active { animation-name: NotificationLeftFadeIn; } @keyframes NotificationTopFadeIn { 0% { margin-top: -100%; opacity: 0; } 100% { margin-top: 0; opacity: 1; } } @keyframes NotificationBottomFadeIn { 0% { margin-bottom: -100%; opacity: 0; } 100% { margin-bottom: 0; opacity: 1; } } @keyframes NotificationLeftFadeIn { 0% { right: 384px; opacity: 0; } 100% { right: 0; opacity: 1; } } /* 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-page-header { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; position: relative; padding: 16px 24px; background-color: #fff; } .ant-page-header-ghost { background-color: inherit; } .ant-page-header.has-breadcrumb { padding-top: 12px; } .ant-page-header.has-footer { padding-bottom: 0; } .ant-page-header-back { margin-right: 16px; font-size: 16px; line-height: 1; } .ant-page-header-back-button { color: #1890ff; outline: none; cursor: pointer; transition: color 0.3s; color: #000; } .ant-page-header-back-button:focus-visible, .ant-page-header-back-button:hover { color: #40a9ff; } .ant-page-header-back-button:active { color: #096dd9; } .ant-page-header .ant-divider-vertical { height: 14px; margin: 0 12px; vertical-align: middle; } .ant-breadcrumb + .ant-page-header-heading { margin-top: 8px; } .ant-page-header-heading { display: flex; justify-content: space-between; } .ant-page-header-heading-left { display: flex; align-items: center; margin: 4px 0; overflow: hidden; } .ant-page-header-heading-title { margin-right: 12px; margin-bottom: 0; color: rgba(0, 0, 0, 0.85); font-weight: 600; font-size: 20px; line-height: 32px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .ant-page-header-heading .ant-avatar { margin-right: 12px; } .ant-page-header-heading-sub-title { margin-right: 12px; color: rgba(0, 0, 0, 0.45); font-size: 14px; line-height: 1.5715; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .ant-page-header-heading-extra { margin: 4px 0; white-space: nowrap; } .ant-page-header-heading-extra > * { white-space: unset; } .ant-page-header-content { padding-top: 12px; } .ant-page-header-footer { margin-top: 16px; } .ant-page-header-footer .ant-tabs > .ant-tabs-nav { margin: 0; } .ant-page-header-footer .ant-tabs > .ant-tabs-nav::before { border: none; } .ant-page-header-footer .ant-tabs .ant-tabs-tab { padding-top: 8px; padding-bottom: 8px; font-size: 16px; } .ant-page-header-compact .ant-page-header-heading { flex-wrap: wrap; } .ant-page-header-rtl { direction: rtl; } .ant-page-header-rtl .ant-page-header-back { float: right; margin-right: 0; margin-left: 16px; } .ant-page-header-rtl .ant-page-header-heading-title { margin-right: 0; margin-left: 12px; } .ant-page-header-rtl .ant-page-header-heading .ant-avatar { margin-right: 0; margin-left: 12px; } .ant-page-header-rtl .ant-page-header-heading-sub-title { float: right; margin-right: 0; margin-left: 12px; } .ant-page-header-rtl .ant-page-header-heading-tags { float: right; } .ant-page-header-rtl .ant-page-header-heading-extra { float: left; } .ant-page-header-rtl .ant-page-header-heading-extra > * { margin-right: 12px; margin-left: 0; } .ant-page-header-rtl .ant-page-header-heading-extra > *:first-child { margin-right: 0; } .ant-page-header-rtl .ant-page-header-footer .ant-tabs-bar .ant-tabs-nav { float: right; } /* 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-popconfirm { z-index: 1060; } /* 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-progress { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; display: inline-block; } .ant-progress-line { position: relative; width: 100%; font-size: 14px; } .ant-progress-steps { display: inline-block; } .ant-progress-steps-outer { display: flex; flex-direction: row; align-items: center; } .ant-progress-steps-item { flex-shrink: 0; min-width: 2px; margin-right: 2px; background: #f3f3f3; transition: all 0.3s; } .ant-progress-steps-item-active { background: #1890ff; } .ant-progress-small.ant-progress-line, .ant-progress-small.ant-progress-line .ant-progress-text .anticon { font-size: 12px; } .ant-progress-outer { display: inline-block; width: 100%; margin-right: 0; padding-right: 0; } .ant-progress-show-info .ant-progress-outer { margin-right: calc(-2em - 8px); padding-right: calc(2em + 8px); } .ant-progress-inner { position: relative; display: inline-block; width: 100%; overflow: hidden; vertical-align: middle; background-color: #f5f5f5; border-radius: 100px; } .ant-progress-circle-trail { stroke: #f5f5f5; } .ant-progress-circle-path { animation: ant-progress-appear 0.3s; } .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path { stroke: #1890ff; } .ant-progress-success-bg, .ant-progress-bg { position: relative; background-color: #1890ff; border-radius: 100px; transition: all 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) 0s; } .ant-progress-success-bg { position: absolute; top: 0; left: 0; background-color: #52c41a; } .ant-progress-text { display: inline-block; width: 2em; margin-left: 8px; color: rgba(0, 0, 0, 0.85); font-size: 1em; line-height: 1; white-space: nowrap; text-align: left; vertical-align: middle; word-break: normal; } .ant-progress-text .anticon { font-size: 14px; } .ant-progress-status-active .ant-progress-bg::before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #fff; border-radius: 10px; opacity: 0; animation: ant-progress-active 2.4s cubic-bezier(0.23, 1, 0.32, 1) infinite; content: ''; } .ant-progress-status-exception .ant-progress-bg { background-color: #ff4d4f; } .ant-progress-status-exception .ant-progress-text { color: #ff4d4f; } .ant-progress-status-exception .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path { stroke: #ff4d4f; } .ant-progress-status-success .ant-progress-bg { background-color: #52c41a; } .ant-progress-status-success .ant-progress-text { color: #52c41a; } .ant-progress-status-success .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path { stroke: #52c41a; } .ant-progress-circle .ant-progress-inner { position: relative; line-height: 1; background-color: transparent; } .ant-progress-circle .ant-progress-text { position: absolute; top: 50%; left: 50%; width: 100%; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 1em; line-height: 1; white-space: normal; text-align: center; transform: translate(-50%, -50%); } .ant-progress-circle .ant-progress-text .anticon { font-size: 1.16666667em; } .ant-progress-circle.ant-progress-status-exception .ant-progress-text { color: #ff4d4f; } .ant-progress-circle.ant-progress-status-success .ant-progress-text { color: #52c41a; } @keyframes ant-progress-active { 0% { transform: translateX(-100%) scaleX(0); opacity: 0.1; } 20% { transform: translateX(-100%) scaleX(0); opacity: 0.5; } 100% { transform: translateX(0) scaleX(1); opacity: 0; } } .ant-progress-rtl { direction: rtl; } .ant-progress-rtl.ant-progress-show-info .ant-progress-outer { margin-right: 0; margin-left: calc(-2em - 8px); padding-right: 0; padding-left: calc(2em + 8px); } .ant-progress-rtl .ant-progress-success-bg { right: 0; left: auto; } .ant-progress-rtl.ant-progress-line .ant-progress-text, .ant-progress-rtl.ant-progress-steps .ant-progress-text { margin-right: 8px; margin-left: 0; text-align: right; } /* 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-rate { box-sizing: border-box; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; font-feature-settings: 'tnum'; display: inline-block; margin: 0; padding: 0; color: #fadb14; font-size: 20px; line-height: unset; list-style: none; outline: none; } .ant-rate-disabled .ant-rate-star { cursor: default; } .ant-rate-disabled .ant-rate-star > div:hover { transform: scale(1); } .ant-rate-star { position: relative; display: inline-block; color: inherit; cursor: pointer; } .ant-rate-star:not(:last-child) { margin-right: 8px; } .ant-rate-star > div { transition: all 0.3s, outline 0s; } .ant-rate-star > div:hover { transform: scale(1.1); } .ant-rate-star > div:focus { outline: 0; } .ant-rate-star > div:focus-visible { outline: 1px dashed #fadb14; transform: scale(1.1); } .ant-rate-star-first, .ant-rate-star-second { color: #f0f0f0; transition: all 0.3s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ant-rate-star-first .anticon, .ant-rate-star-second .anticon { vertical-align: middle; } .ant-rate-star-first { position: absolute; top: 0; left: 0; width: 50%; height: 100%; overflow: hidden; opacity: 0; } .ant-rate-star-half .ant-rate-star-first, .ant-rate-star-half .ant-rate-star-second { opacity: 1; } .ant-rate-star-half .ant-rate-star-first, .ant-rate-star-full .ant-rate-star-second { color: inherit; } .ant-rate-text { display: inline-block; margin: 0 8px; font-size: 14px; } .ant-rate-rtl { direction: rtl; } .ant-rate-rtl .ant-rate-star:not(:last-child) { margin-right: 0; margin-left: 8px; } .ant-rate-rtl .ant-rate-star-first { right: 0; left: auto; } /* 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-result { padding: 48px 32px; } .ant-result-success .ant-result-icon > .anticon { color: #52c41a; } .ant-result-error .ant-result-icon > .anticon { color: #ff4d4f; } .ant-result-info .ant-result-icon > .anticon { color: #1890ff; } .ant-result-warning .ant-result-icon > .anticon { color: #faad14; } .ant-result-image { width: 250px; height: 295px; margin: auto; } .ant-result-icon { margin-bottom: 24px; text-align: center; } .ant-result-icon > .anticon { font-size: 72px; } .ant-result-title { color: rgba(0, 0, 0, 0.85); font-size: 24px; line-height: 1.8; text-align: center; } .ant-result-subtitle { color: rgba(0, 0, 0, 0.45); font-size: 14px; line-height: 1.6; text-align: center; } .ant-result-extra { margin: 24px 0 0 0; text-align: center; } .ant-result-extra > * { margin-right: 8px; } .ant-result-extra > *:last-child { margin-right: 0; } .ant-result-content { margin-top: 24px; padding: 24px 40px; background-color: #fafafa; } .ant-result-rtl { direction: rtl; } .ant-result-rtl .ant-result-extra > * { margin-right: 0; margin-left: 8px; } .ant-result-rtl .ant-result-extra > *:last-child { margin-left: 0; } /* 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 */ .segmented-disabled-item, .segmented-disabled-item:hover, .segmented-disabled-item:focus { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .segmented-item-selected { background-color: #fff; border-radius: 2px; box-shadow: 0 2px 8px -2px rgba(0, 0, 0, 0.05), 0 1px 4px -1px rgba(0, 0, 0, 0.07), 0 0 1px 0 rgba(0, 0, 0, 0.08); } .segmented-text-ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: keep-all; } .ant-segmented { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; display: inline-block; padding: 2px; color: rgba(0, 0, 0, 0.65); background-color: rgba(0, 0, 0, 0.04); border-radius: 2px; transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-segmented-group { position: relative; display: flex; align-items: stretch; justify-items: flex-start; width: 100%; } .ant-segmented.ant-segmented-block { display: flex; } .ant-segmented.ant-segmented-block .ant-segmented-item { flex: 1; min-width: 0; } .ant-segmented:not(.ant-segmented-disabled):hover, .ant-segmented:not(.ant-segmented-disabled):focus { background-color: rgba(0, 0, 0, 0.06); } .ant-segmented-item { position: relative; text-align: center; cursor: pointer; transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-segmented-item-selected { background-color: #fff; border-radius: 2px; box-shadow: 0 2px 8px -2px rgba(0, 0, 0, 0.05), 0 1px 4px -1px rgba(0, 0, 0, 0.07), 0 0 1px 0 rgba(0, 0, 0, 0.08); color: #262626; } .ant-segmented-item:hover, .ant-segmented-item:focus { color: #262626; } .ant-segmented-item-label { min-height: 28px; padding: 0 11px; line-height: 28px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: keep-all; } .ant-segmented-item-icon + * { margin-left: 6px; } .ant-segmented-item-input { position: absolute; top: 0; left: 0; width: 0; height: 0; opacity: 0; pointer-events: none; } .ant-segmented.ant-segmented-lg .ant-segmented-item-label { min-height: 36px; padding: 0 11px; font-size: 16px; line-height: 36px; } .ant-segmented.ant-segmented-sm .ant-segmented-item-label { min-height: 20px; padding: 0 7px; line-height: 20px; } .ant-segmented-item-disabled, .ant-segmented-item-disabled:hover, .ant-segmented-item-disabled:focus { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .ant-segmented-thumb { background-color: #fff; border-radius: 2px; box-shadow: 0 2px 8px -2px rgba(0, 0, 0, 0.05), 0 1px 4px -1px rgba(0, 0, 0, 0.07), 0 0 1px 0 rgba(0, 0, 0, 0.08); position: absolute; top: 0; left: 0; width: 0; height: 100%; padding: 4px 0; } .ant-segmented-thumb-motion-appear-active { transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); will-change: transform, width; } .ant-segmented.ant-segmented-rtl { direction: rtl; } .ant-segmented.ant-segmented-rtl .ant-segmented-item-icon { margin-right: 0; margin-left: 6px; } /* 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-slider { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; position: relative; height: 12px; margin: 10px 6px 10px; padding: 4px 0; cursor: pointer; touch-action: none; } .ant-slider-vertical { width: 12px; height: 100%; margin: 6px 10px; padding: 0 4px; } .ant-slider-vertical .ant-slider-rail { width: 4px; height: 100%; } .ant-slider-vertical .ant-slider-track { width: 4px; } .ant-slider-vertical .ant-slider-handle { margin-top: -6px; margin-left: -5px; } .ant-slider-vertical .ant-slider-mark { top: 0; left: 12px; width: 18px; height: 100%; } .ant-slider-vertical .ant-slider-mark-text { left: 4px; white-space: nowrap; } .ant-slider-vertical .ant-slider-step { width: 4px; height: 100%; } .ant-slider-vertical .ant-slider-dot { top: auto; margin-left: -2px; } .ant-slider-tooltip .ant-tooltip-inner { min-width: unset; } .ant-slider-rtl.ant-slider-vertical .ant-slider-handle { margin-right: -5px; margin-left: 0; } .ant-slider-rtl.ant-slider-vertical .ant-slider-mark { right: 12px; left: auto; } .ant-slider-rtl.ant-slider-vertical .ant-slider-mark-text { right: 4px; left: auto; } .ant-slider-rtl.ant-slider-vertical .ant-slider-dot { right: 2px; left: auto; } .ant-slider-with-marks { margin-bottom: 28px; } .ant-slider-rail { position: absolute; width: 100%; height: 4px; background-color: #f5f5f5; border-radius: 2px; transition: background-color 0.3s; } .ant-slider-track { position: absolute; height: 4px; background-color: #91d5ff; border-radius: 2px; transition: background-color 0.3s; } .ant-slider-handle { position: absolute; width: 14px; height: 14px; margin-top: -5px; background-color: #fff; border: solid 2px #91d5ff; border-radius: 50%; box-shadow: 0; cursor: pointer; transition: border-color 0.3s, box-shadow 0.6s, transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28); } .ant-slider-handle-dragging { z-index: 1; } .ant-slider-handle:focus { border-color: #46a6ff; outline: none; box-shadow: 0 0 0 5px rgba(24, 144, 255, 0.12); } .ant-slider-handle.ant-tooltip-open { border-color: #1890ff; } .ant-slider-handle::after { position: absolute; top: -6px; right: -6px; bottom: -6px; left: -6px; content: ''; } .ant-slider:hover .ant-slider-rail { background-color: #e1e1e1; } .ant-slider:hover .ant-slider-track { background-color: #69c0ff; } .ant-slider:hover .ant-slider-handle:not(.ant-tooltip-open) { border-color: #69c0ff; } .ant-slider-mark { position: absolute; top: 14px; left: 0; width: 100%; font-size: 14px; } .ant-slider-mark-text { position: absolute; display: inline-block; color: rgba(0, 0, 0, 0.45); text-align: center; word-break: keep-all; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ant-slider-mark-text-active { color: rgba(0, 0, 0, 0.85); } .ant-slider-step { position: absolute; width: 100%; height: 4px; background: transparent; pointer-events: none; } .ant-slider-dot { position: absolute; top: -2px; width: 8px; height: 8px; background-color: #fff; border: 2px solid #f0f0f0; border-radius: 50%; cursor: pointer; } .ant-slider-dot-active { border-color: #8cc8ff; } .ant-slider-disabled { cursor: not-allowed; } .ant-slider-disabled .ant-slider-rail { background-color: #f5f5f5 !important; } .ant-slider-disabled .ant-slider-track { background-color: rgba(0, 0, 0, 0.25) !important; } .ant-slider-disabled .ant-slider-handle, .ant-slider-disabled .ant-slider-dot { background-color: #fff; border-color: rgba(0, 0, 0, 0.25) !important; box-shadow: none; cursor: not-allowed; } .ant-slider-disabled .ant-slider-mark-text, .ant-slider-disabled .ant-slider-dot { cursor: not-allowed !important; } .ant-slider-rtl { direction: rtl; } .ant-slider-rtl .ant-slider-mark { right: 0; left: auto; } /* 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-statistic { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; } .ant-statistic-title { margin-bottom: 4px; color: rgba(0, 0, 0, 0.45); font-size: 14px; } .ant-statistic-skeleton { padding-top: 16px; } .ant-statistic-content { color: rgba(0, 0, 0, 0.85); font-size: 24px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; } .ant-statistic-content-value { display: inline-block; direction: ltr; } .ant-statistic-content-prefix, .ant-statistic-content-suffix { display: inline-block; } .ant-statistic-content-prefix { margin-right: 4px; } .ant-statistic-content-suffix { margin-left: 4px; } .ant-statistic-rtl { direction: rtl; } .ant-statistic-rtl .ant-statistic-content-prefix { margin-right: 0; margin-left: 4px; } .ant-statistic-rtl .ant-statistic-content-suffix { margin-right: 4px; margin-left: 0; } /* 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-steps { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; display: flex; width: 100%; font-size: 0; text-align: initial; } .ant-steps-item { position: relative; display: inline-block; flex: 1; overflow: hidden; vertical-align: top; } .ant-steps-item-container { outline: none; } .ant-steps-item:last-child { flex: none; } .ant-steps-item:last-child > .ant-steps-item-container > .ant-steps-item-tail, .ant-steps-item:last-child > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after { display: none; } .ant-steps-item-icon, .ant-steps-item-content { display: inline-block; vertical-align: top; } .ant-steps-item-icon { width: 32px; height: 32px; margin: 0 8px 0 0; font-size: 16px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; line-height: 32px; text-align: center; border: 1px solid rgba(0, 0, 0, 0.25); border-radius: 32px; transition: background-color 0.3s, border-color 0.3s; } .ant-steps-item-icon .ant-steps-icon { position: relative; top: -0.5px; color: #1890ff; line-height: 1; } .ant-steps-item-tail { position: absolute; top: 12px; left: 0; width: 100%; padding: 0 10px; } .ant-steps-item-tail::after { display: inline-block; width: 100%; height: 1px; background: #f0f0f0; border-radius: 1px; transition: background 0.3s; content: ''; } .ant-steps-item-title { position: relative; display: inline-block; padding-right: 16px; color: rgba(0, 0, 0, 0.85); font-size: 16px; line-height: 32px; } .ant-steps-item-title::after { position: absolute; top: 16px; left: 100%; display: block; width: 9999px; height: 1px; background: #f0f0f0; content: ''; } .ant-steps-item-subtitle { display: inline; margin-left: 8px; color: rgba(0, 0, 0, 0.45); font-weight: normal; font-size: 14px; } .ant-steps-item-description { color: rgba(0, 0, 0, 0.45); font-size: 14px; } .ant-steps-item-wait .ant-steps-item-icon { background-color: #fff; border-color: rgba(0, 0, 0, 0.25); } .ant-steps-item-wait .ant-steps-item-icon > .ant-steps-icon { color: rgba(0, 0, 0, 0.25); } .ant-steps-item-wait .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot { background: rgba(0, 0, 0, 0.25); } .ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title { color: rgba(0, 0, 0, 0.45); } .ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after { background-color: #f0f0f0; } .ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description { color: rgba(0, 0, 0, 0.45); } .ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-tail::after { background-color: #f0f0f0; } .ant-steps-item-process .ant-steps-item-icon { background-color: #fff; border-color: #1890ff; } .ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon { color: #1890ff; } .ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot { background: #1890ff; } .ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title { color: rgba(0, 0, 0, 0.85); } .ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after { background-color: #f0f0f0; } .ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description { color: rgba(0, 0, 0, 0.85); } .ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-tail::after { background-color: #f0f0f0; } .ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-icon { background: #1890ff; } .ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-icon .ant-steps-icon { color: #fff; } .ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-title { font-weight: 500; } .ant-steps-item-finish .ant-steps-item-icon { background-color: #fff; border-color: #1890ff; } .ant-steps-item-finish .ant-steps-item-icon > .ant-steps-icon { color: #1890ff; } .ant-steps-item-finish .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot { background: #1890ff; } .ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title { color: rgba(0, 0, 0, 0.85); } .ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after { background-color: #1890ff; } .ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description { color: rgba(0, 0, 0, 0.45); } .ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-tail::after { background-color: #1890ff; } .ant-steps-item-error .ant-steps-item-icon { background-color: #fff; border-color: #ff4d4f; } .ant-steps-item-error .ant-steps-item-icon > .ant-steps-icon { color: #ff4d4f; } .ant-steps-item-error .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot { background: #ff4d4f; } .ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title { color: #ff4d4f; } .ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after { background-color: #f0f0f0; } .ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description { color: #ff4d4f; } .ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-tail::after { background-color: #f0f0f0; } .ant-steps-item.ant-steps-next-error .ant-steps-item-title::after { background: #ff4d4f; } .ant-steps-item-disabled { cursor: not-allowed; } .ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] { cursor: pointer; } .ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] .ant-steps-item-title, .ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] .ant-steps-item-subtitle, .ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] .ant-steps-item-description, .ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] .ant-steps-item-icon .ant-steps-icon { transition: color 0.3s; } .ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button']:hover .ant-steps-item-title, .ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button']:hover .ant-steps-item-subtitle, .ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button']:hover .ant-steps-item-description { color: #1890ff; } .ant-steps .ant-steps-item:not(.ant-steps-item-active):not(.ant-steps-item-process) > .ant-steps-item-container[role='button']:hover .ant-steps-item-icon { border-color: #1890ff; } .ant-steps .ant-steps-item:not(.ant-steps-item-active):not(.ant-steps-item-process) > .ant-steps-item-container[role='button']:hover .ant-steps-item-icon .ant-steps-icon { color: #1890ff; } .ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item { padding-left: 16px; white-space: nowrap; } .ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:first-child { padding-left: 0; } .ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:last-child .ant-steps-item-title { padding-right: 0; } .ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item-tail { display: none; } .ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item-description { max-width: 140px; white-space: normal; } .ant-steps-item-custom > .ant-steps-item-container > .ant-steps-item-icon { height: auto; background: none; border: 0; } .ant-steps-item-custom > .ant-steps-item-container > .ant-steps-item-icon > .ant-steps-icon { top: 0px; left: 0.5px; width: 32px; height: 32px; font-size: 24px; line-height: 32px; } .ant-steps-item-custom.ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon { color: #1890ff; } .ant-steps:not(.ant-steps-vertical) .ant-steps-item-custom .ant-steps-item-icon { width: auto; background: none; } .ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item { padding-left: 12px; } .ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:first-child { padding-left: 0; } .ant-steps-small .ant-steps-item-icon { width: 24px; height: 24px; margin: 0 8px 0 0; font-size: 12px; line-height: 24px; text-align: center; border-radius: 24px; } .ant-steps-small .ant-steps-item-title { padding-right: 12px; font-size: 14px; line-height: 24px; } .ant-steps-small .ant-steps-item-title::after { top: 12px; } .ant-steps-small .ant-steps-item-description { color: rgba(0, 0, 0, 0.45); font-size: 14px; } .ant-steps-small .ant-steps-item-tail { top: 8px; } .ant-steps-small .ant-steps-item-custom .ant-steps-item-icon { width: inherit; height: inherit; line-height: inherit; background: none; border: 0; border-radius: 0; } .ant-steps-small .ant-steps-item-custom .ant-steps-item-icon > .ant-steps-icon { font-size: 24px; line-height: 24px; transform: none; } .ant-steps-vertical { display: flex; flex-direction: column; } .ant-steps-vertical > .ant-steps-item { display: block; flex: 1 0 auto; padding-left: 0; overflow: visible; } .ant-steps-vertical > .ant-steps-item .ant-steps-item-icon { float: left; margin-right: 16px; } .ant-steps-vertical > .ant-steps-item .ant-steps-item-content { display: block; min-height: 48px; overflow: hidden; } .ant-steps-vertical > .ant-steps-item .ant-steps-item-title { line-height: 32px; } .ant-steps-vertical > .ant-steps-item .ant-steps-item-description { padding-bottom: 12px; } .ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail { position: absolute; top: 0; left: 16px; width: 1px; height: 100%; padding: 38px 0 6px; } .ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail::after { width: 1px; height: 100%; } .ant-steps-vertical > .ant-steps-item:not(:last-child) > .ant-steps-item-container > .ant-steps-item-tail { display: block; } .ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after { display: none; } .ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item-tail { position: absolute; top: 0; left: 12px; padding: 30px 0 6px; } .ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item-title { line-height: 24px; } .ant-steps-label-vertical .ant-steps-item { overflow: visible; } .ant-steps-label-vertical .ant-steps-item-tail { margin-left: 58px; padding: 3.5px 24px; } .ant-steps-label-vertical .ant-steps-item-content { display: block; width: 116px; margin-top: 8px; text-align: center; } .ant-steps-label-vertical .ant-steps-item-icon { display: inline-block; margin-left: 42px; } .ant-steps-label-vertical .ant-steps-item-title { padding-right: 0; padding-left: 0; } .ant-steps-label-vertical .ant-steps-item-title::after { display: none; } .ant-steps-label-vertical .ant-steps-item-subtitle { display: block; margin-bottom: 4px; margin-left: 0; line-height: 1.5715; } .ant-steps-label-vertical.ant-steps-small:not(.ant-steps-dot) .ant-steps-item-icon { margin-left: 46px; } .ant-steps-dot .ant-steps-item-title, .ant-steps-dot.ant-steps-small .ant-steps-item-title { line-height: 1.5715; } .ant-steps-dot .ant-steps-item-tail, .ant-steps-dot.ant-steps-small .ant-steps-item-tail { top: 2px; width: 100%; margin: 0 0 0 70px; padding: 0; } .ant-steps-dot .ant-steps-item-tail::after, .ant-steps-dot.ant-steps-small .ant-steps-item-tail::after { width: calc(100% - 20px); height: 3px; margin-left: 12px; } .ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot, .ant-steps-dot.ant-steps-small .ant-steps-item:first-child .ant-steps-icon-dot { left: 2px; } .ant-steps-dot .ant-steps-item-icon, .ant-steps-dot.ant-steps-small .ant-steps-item-icon { width: 8px; height: 8px; margin-left: 67px; padding-right: 0; line-height: 8px; background: transparent; border: 0; } .ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot, .ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot { position: relative; float: left; width: 100%; height: 100%; border-radius: 100px; transition: all 0.3s; /* expand hover area */ } .ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot::after, .ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot::after { position: absolute; top: -12px; left: -26px; width: 60px; height: 32px; background: rgba(0, 0, 0, 0.001); content: ''; } .ant-steps-dot .ant-steps-item-content, .ant-steps-dot.ant-steps-small .ant-steps-item-content { width: 140px; } .ant-steps-dot .ant-steps-item-process .ant-steps-item-icon, .ant-steps-dot.ant-steps-small .ant-steps-item-process .ant-steps-item-icon { position: relative; top: -1px; width: 10px; height: 10px; line-height: 10px; background: none; } .ant-steps-dot .ant-steps-item-process .ant-steps-icon:first-child .ant-steps-icon-dot, .ant-steps-dot.ant-steps-small .ant-steps-item-process .ant-steps-icon:first-child .ant-steps-icon-dot { left: 0; } .ant-steps-vertical.ant-steps-dot .ant-steps-item-icon { margin-top: 13px; margin-left: 0; background: none; } .ant-steps-vertical.ant-steps-dot .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail { top: 6.5px; left: -9px; margin: 0; padding: 22px 0 4px; } .ant-steps-vertical.ant-steps-dot.ant-steps-small .ant-steps-item-icon { margin-top: 10px; } .ant-steps-vertical.ant-steps-dot.ant-steps-small .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail { top: 3.5px; } .ant-steps-vertical.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot { left: 0; } .ant-steps-vertical.ant-steps-dot .ant-steps-item-content { width: inherit; } .ant-steps-vertical.ant-steps-dot .ant-steps-item-process .ant-steps-item-container .ant-steps-item-icon .ant-steps-icon-dot { top: -1px; left: -1px; } .ant-steps-navigation { padding-top: 12px; } .ant-steps-navigation.ant-steps-small .ant-steps-item-container { margin-left: -12px; } .ant-steps-navigation .ant-steps-item { overflow: visible; text-align: center; } .ant-steps-navigation .ant-steps-item-container { display: inline-block; height: 100%; margin-left: -16px; padding-bottom: 12px; text-align: left; transition: opacity 0.3s; } .ant-steps-navigation .ant-steps-item-container .ant-steps-item-content { max-width: auto; } .ant-steps-navigation .ant-steps-item-container .ant-steps-item-title { max-width: 100%; padding-right: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .ant-steps-navigation .ant-steps-item-container .ant-steps-item-title::after { display: none; } .ant-steps-navigation .ant-steps-item:not(.ant-steps-item-active) .ant-steps-item-container[role='button'] { cursor: pointer; } .ant-steps-navigation .ant-steps-item:not(.ant-steps-item-active) .ant-steps-item-container[role='button']:hover { opacity: 0.85; } .ant-steps-navigation .ant-steps-item:last-child { flex: 1; } .ant-steps-navigation .ant-steps-item:last-child::after { display: none; } .ant-steps-navigation .ant-steps-item::after { position: absolute; top: 50%; left: 100%; display: inline-block; width: 12px; height: 12px; margin-top: -14px; margin-left: -2px; border: 1px solid rgba(0, 0, 0, 0.25); border-bottom: none; border-left: none; transform: rotate(45deg); content: ''; } .ant-steps-navigation .ant-steps-item::before { position: absolute; bottom: 0; left: 50%; display: inline-block; width: 0; height: 2px; background-color: #1890ff; transition: width 0.3s, left 0.3s; transition-timing-function: ease-out; content: ''; } .ant-steps-navigation .ant-steps-item.ant-steps-item-active::before { left: 0; width: 100%; } .ant-steps-navigation.ant-steps-vertical > .ant-steps-item { margin-right: 0 !important; } .ant-steps-navigation.ant-steps-vertical > .ant-steps-item::before { display: none; } .ant-steps-navigation.ant-steps-vertical > .ant-steps-item.ant-steps-item-active::before { top: 0; right: 0; left: unset; display: block; width: 3px; height: calc(100% - 24px); } .ant-steps-navigation.ant-steps-vertical > .ant-steps-item::after { position: relative; top: -2px; left: 50%; display: block; width: 8px; height: 8px; margin-bottom: 8px; text-align: center; transform: rotate(135deg); } .ant-steps-navigation.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail { visibility: hidden; } .ant-steps-navigation.ant-steps-horizontal > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail { visibility: hidden; } .ant-steps-rtl { direction: rtl; } .ant-steps.ant-steps-rtl .ant-steps-item-icon { margin-right: 0; margin-left: 8px; } .ant-steps-rtl .ant-steps-item-tail { right: 0; left: auto; } .ant-steps-rtl .ant-steps-item-title { padding-right: 0; padding-left: 16px; } .ant-steps-rtl .ant-steps-item-title .ant-steps-item-subtitle { float: left; margin-right: 8px; margin-left: 0; } .ant-steps-rtl .ant-steps-item-title::after { right: 100%; left: auto; } .ant-steps-rtl.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item { padding-right: 16px; padding-left: 0; } .ant-steps-rtl.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:first-child { padding-right: 0; } .ant-steps-rtl.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:last-child .ant-steps-item-title { padding-left: 0; } .ant-steps-rtl .ant-steps-item-custom .ant-steps-item-icon > .ant-steps-icon { right: 0.5px; left: auto; } .ant-steps-rtl.ant-steps-navigation.ant-steps-small .ant-steps-item-container { margin-right: -12px; margin-left: 0; } .ant-steps-rtl.ant-steps-navigation .ant-steps-item-container { margin-right: -16px; margin-left: 0; text-align: right; } .ant-steps-rtl.ant-steps-navigation .ant-steps-item-container .ant-steps-item-title { padding-left: 0; } .ant-steps-rtl.ant-steps-navigation .ant-steps-item::after { right: 100%; left: auto; margin-right: -2px; margin-left: 0; transform: rotate(225deg); } .ant-steps-rtl.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item { padding-right: 12px; padding-left: 0; } .ant-steps-rtl.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:first-child { padding-right: 0; } .ant-steps-rtl.ant-steps-small .ant-steps-item-title { padding-right: 0; padding-left: 12px; } .ant-steps-rtl.ant-steps-vertical > .ant-steps-item .ant-steps-item-icon { float: right; margin-right: 0; margin-left: 16px; } .ant-steps-rtl.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail { right: 16px; left: auto; } .ant-steps-rtl.ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item-tail { right: 12px; left: auto; } .ant-steps-rtl.ant-steps-label-vertical .ant-steps-item-title { padding-left: 0; } .ant-steps-rtl.ant-steps-dot .ant-steps-item-tail, .ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-tail { margin: 0 70px 0 0; } .ant-steps-rtl.ant-steps-dot .ant-steps-item-tail::after, .ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-tail::after { margin-right: 12px; margin-left: 0; } .ant-steps-rtl.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot, .ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item:first-child .ant-steps-icon-dot { right: 2px; left: auto; } .ant-steps-rtl.ant-steps-dot .ant-steps-item-icon, .ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-icon { margin-right: 67px; margin-left: 0; } .ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot, .ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot { /* expand hover area */ } .ant-steps-rtl.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot, .ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot { float: right; } .ant-steps-rtl.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot::after, .ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot::after { right: -26px; left: auto; } .ant-steps-rtl.ant-steps-vertical.ant-steps-dot .ant-steps-item-icon { margin-right: 0; margin-left: 16px; } .ant-steps-rtl.ant-steps-vertical.ant-steps-dot .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail { right: -9px; left: auto; } .ant-steps-rtl.ant-steps-vertical.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot { right: 0; left: auto; } .ant-steps-rtl.ant-steps-vertical.ant-steps-dot .ant-steps-item-process .ant-steps-icon-dot { right: -2px; left: auto; } .ant-steps-rtl.ant-steps-with-progress.ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item:first-child { padding-right: 4px; padding-left: 0; } .ant-steps-rtl.ant-steps-with-progress.ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item:first-child.ant-steps-item-active { padding-right: 4px; } .ant-steps-with-progress .ant-steps-item { padding-top: 4px; } .ant-steps-with-progress .ant-steps-item .ant-steps-item-tail { top: 4px !important; } .ant-steps-with-progress.ant-steps-horizontal .ant-steps-item:first-child { padding-bottom: 4px; padding-left: 4px; } .ant-steps-with-progress.ant-steps-label-vertical .ant-steps-item .ant-steps-item-tail { top: 14px !important; } .ant-steps-with-progress .ant-steps-item-icon { position: relative; } .ant-steps-with-progress .ant-steps-item-icon .ant-progress { position: absolute; top: -5px; right: -5px; bottom: -5px; left: -5px; } /* 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-switch { margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; position: relative; display: inline-block; box-sizing: border-box; min-width: 44px; height: 22px; line-height: 22px; vertical-align: middle; background-color: rgba(0, 0, 0, 0.25); border: 0; border-radius: 100px; cursor: pointer; transition: all 0.2s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ant-switch:focus { outline: 0; box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1); } .ant-switch-checked:focus { box-shadow: 0 0 0 2px #e6f7ff; } .ant-switch:focus:hover { box-shadow: none; } .ant-switch-checked { background-color: #1890ff; } .ant-switch-loading, .ant-switch-disabled { cursor: not-allowed; opacity: 0.4; } .ant-switch-loading *, .ant-switch-disabled * { box-shadow: none; cursor: not-allowed; } .ant-switch-inner { display: block; margin: 0 7px 0 25px; color: #fff; font-size: 12px; transition: margin 0.2s; } .ant-switch-checked .ant-switch-inner { margin: 0 25px 0 7px; } .ant-switch-handle { position: absolute; top: 2px; left: 2px; width: 18px; height: 18px; transition: all 0.2s ease-in-out; } .ant-switch-handle::before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #fff; border-radius: 9px; box-shadow: 0 2px 4px 0 rgba(0, 35, 11, 0.2); transition: all 0.2s ease-in-out; content: ''; } .ant-switch-checked .ant-switch-handle { left: calc(100% - 18px - 2px); } .ant-switch:not(.ant-switch-disabled):active .ant-switch-handle::before { right: -30%; left: 0; } .ant-switch:not(.ant-switch-disabled):active.ant-switch-checked .ant-switch-handle::before { right: 0; left: -30%; } .ant-switch-loading-icon.anticon { position: relative; top: 2px; color: rgba(0, 0, 0, 0.65); vertical-align: top; } .ant-switch-checked .ant-switch-loading-icon { color: #1890ff; } .ant-switch-small { min-width: 28px; height: 16px; line-height: 16px; } .ant-switch-small .ant-switch-inner { margin: 0 5px 0 18px; font-size: 12px; } .ant-switch-small .ant-switch-handle { width: 12px; height: 12px; } .ant-switch-small .ant-switch-loading-icon { top: 1.5px; font-size: 9px; } .ant-switch-small.ant-switch-checked .ant-switch-inner { margin: 0 18px 0 5px; } .ant-switch-small.ant-switch-checked .ant-switch-handle { left: calc(100% - 12px - 2px); } .ant-switch-rtl { direction: rtl; } .ant-switch-rtl .ant-switch-inner { margin: 0 25px 0 7px; } .ant-switch-rtl .ant-switch-handle { right: 2px; left: auto; } .ant-switch-rtl:not(.ant-switch-rtl-disabled):active .ant-switch-handle::before { right: 0; left: -30%; } .ant-switch-rtl:not(.ant-switch-rtl-disabled):active.ant-switch-checked .ant-switch-handle::before { right: -30%; left: 0; } .ant-switch-rtl.ant-switch-checked .ant-switch-inner { margin: 0 7px 0 25px; } .ant-switch-rtl.ant-switch-checked .ant-switch-handle { right: calc(100% - 18px - 2px); } .ant-switch-rtl.ant-switch-small.ant-switch-checked .ant-switch-handle { right: calc(100% - 12px - 2px); } /* 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-table.ant-table-middle { font-size: 14px; } .ant-table.ant-table-middle .ant-table-title, .ant-table.ant-table-middle .ant-table-footer, .ant-table.ant-table-middle .ant-table-thead > tr > th, .ant-table.ant-table-middle .ant-table-tbody > tr > td, .ant-table.ant-table-middle tfoot > tr > th, .ant-table.ant-table-middle tfoot > tr > td { padding: 12px 8px; } .ant-table.ant-table-middle .ant-table-filter-trigger { margin-right: -4px; } .ant-table.ant-table-middle .ant-table-expanded-row-fixed { margin: -12px -8px; } .ant-table.ant-table-middle .ant-table-tbody .ant-table-wrapper:only-child .ant-table { margin: -12px -8px -12px 40px; } .ant-table.ant-table-middle .ant-table-selection-column { -webkit-padding-start: 2px; padding-inline-start: 2px; } .ant-table.ant-table-small { font-size: 14px; } .ant-table.ant-table-small .ant-table-title, .ant-table.ant-table-small .ant-table-footer, .ant-table.ant-table-small .ant-table-thead > tr > th, .ant-table.ant-table-small .ant-table-tbody > tr > td, .ant-table.ant-table-small tfoot > tr > th, .ant-table.ant-table-small tfoot > tr > td { padding: 8px 8px; } .ant-table.ant-table-small .ant-table-filter-trigger { margin-right: -4px; } .ant-table.ant-table-small .ant-table-expanded-row-fixed { margin: -8px -8px; } .ant-table.ant-table-small .ant-table-tbody .ant-table-wrapper:only-child .ant-table { margin: -8px -8px -8px 40px; } .ant-table.ant-table-small .ant-table-selection-column { -webkit-padding-start: 2px; padding-inline-start: 2px; } .ant-table.ant-table-bordered > .ant-table-title { border: 1px solid #f0f0f0; border-bottom: 0; } .ant-table.ant-table-bordered > .ant-table-container { border-left: 1px solid #f0f0f0; } .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > thead > tr > th, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > thead > tr > th, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > thead > tr > th, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > thead > tr > th, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tbody > tr > td, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tbody > tr > td, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tbody > tr > td, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tbody > tr > td, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tfoot > tr > th, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tfoot > tr > th, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tfoot > tr > th, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tfoot > tr > th, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tfoot > tr > td, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tfoot > tr > td, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tfoot > tr > td, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tfoot > tr > td { border-right: 1px solid #f0f0f0; } .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > thead > tr:not(:last-child) > th, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > thead > tr:not(:last-child) > th, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > thead > tr:not(:last-child) > th, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > thead > tr:not(:last-child) > th { border-bottom: 1px solid #f0f0f0; } .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > thead > tr > th::before, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > thead > tr > th::before, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > thead > tr > th::before, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > thead > tr > th::before { background-color: transparent !important; } .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > thead > tr > .ant-table-cell-fix-right-first::after, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > thead > tr > .ant-table-cell-fix-right-first::after, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > thead > tr > .ant-table-cell-fix-right-first::after, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > thead > tr > .ant-table-cell-fix-right-first::after, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tbody > tr > .ant-table-cell-fix-right-first::after, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tbody > tr > .ant-table-cell-fix-right-first::after, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tbody > tr > .ant-table-cell-fix-right-first::after, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tbody > tr > .ant-table-cell-fix-right-first::after, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tfoot > tr > .ant-table-cell-fix-right-first::after, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tfoot > tr > .ant-table-cell-fix-right-first::after, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tfoot > tr > .ant-table-cell-fix-right-first::after, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tfoot > tr > .ant-table-cell-fix-right-first::after { border-right: 1px solid #f0f0f0; } .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tbody > tr > td > .ant-table-expanded-row-fixed, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tbody > tr > td > .ant-table-expanded-row-fixed, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tbody > tr > td > .ant-table-expanded-row-fixed, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tbody > tr > td > .ant-table-expanded-row-fixed { margin: -16px -17px; } .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tbody > tr > td > .ant-table-expanded-row-fixed::after, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tbody > tr > td > .ant-table-expanded-row-fixed::after, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tbody > tr > td > .ant-table-expanded-row-fixed::after, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tbody > tr > td > .ant-table-expanded-row-fixed::after { position: absolute; top: 0; right: 1px; bottom: 0; border-right: 1px solid #f0f0f0; content: ''; } .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table { border-top: 1px solid #f0f0f0; } .ant-table.ant-table-bordered.ant-table-scroll-horizontal > .ant-table-container > .ant-table-body > table > tbody > tr.ant-table-expanded-row > td, .ant-table.ant-table-bordered.ant-table-scroll-horizontal > .ant-table-container > .ant-table-body > table > tbody > tr.ant-table-placeholder > td { border-right: 0; } .ant-table.ant-table-bordered.ant-table-middle > .ant-table-container > .ant-table-content > table > tbody > tr > td > .ant-table-expanded-row-fixed, .ant-table.ant-table-bordered.ant-table-middle > .ant-table-container > .ant-table-body > table > tbody > tr > td > .ant-table-expanded-row-fixed { margin: -12px -9px; } .ant-table.ant-table-bordered.ant-table-small > .ant-table-container > .ant-table-content > table > tbody > tr > td > .ant-table-expanded-row-fixed, .ant-table.ant-table-bordered.ant-table-small > .ant-table-container > .ant-table-body > table > tbody > tr > td > .ant-table-expanded-row-fixed { margin: -8px -9px; } .ant-table.ant-table-bordered > .ant-table-footer { border: 1px solid #f0f0f0; border-top: 0; } .ant-table-cell .ant-table-container:first-child { border-top: 0; } .ant-table-cell-scrollbar:not([rowspan]) { box-shadow: 0 1px 0 1px #fafafa; } .ant-table-wrapper { clear: both; max-width: 100%; } .ant-table-wrapper::before { display: table; content: ''; } .ant-table-wrapper::after { display: table; clear: both; content: ''; } .ant-table { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; position: relative; font-size: 14px; background: #fff; border-radius: 2px; } .ant-table table { width: 100%; text-align: left; border-radius: 2px 2px 0 0; border-collapse: separate; border-spacing: 0; } .ant-table-thead > tr > th, .ant-table-tbody > tr > td, .ant-table tfoot > tr > th, .ant-table tfoot > tr > td { position: relative; padding: 16px 16px; overflow-wrap: break-word; } .ant-table-cell-ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: keep-all; } .ant-table-cell-ellipsis.ant-table-cell-fix-left-last, .ant-table-cell-ellipsis.ant-table-cell-fix-right-first { overflow: visible; } .ant-table-cell-ellipsis.ant-table-cell-fix-left-last .ant-table-cell-content, .ant-table-cell-ellipsis.ant-table-cell-fix-right-first .ant-table-cell-content { display: block; overflow: hidden; text-overflow: ellipsis; } .ant-table-cell-ellipsis .ant-table-column-title { overflow: hidden; text-overflow: ellipsis; word-break: keep-all; } .ant-table-title { padding: 16px 16px; } .ant-table-footer { padding: 16px 16px; color: rgba(0, 0, 0, 0.85); background: #fafafa; } .ant-table-thead > tr > th { position: relative; color: rgba(0, 0, 0, 0.85); font-weight: 500; text-align: left; background: #fafafa; border-bottom: 1px solid #f0f0f0; transition: background 0.3s ease; } .ant-table-thead > tr > th[colspan]:not([colspan='1']) { text-align: center; } .ant-table-thead > tr > th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before { position: absolute; top: 50%; right: 0; width: 1px; height: 1.6em; background-color: rgba(0, 0, 0, 0.06); transform: translateY(-50%); transition: background-color 0.3s; content: ''; } .ant-table-thead > tr:not(:last-child) > th[colspan] { border-bottom: 0; } .ant-table-tbody > tr > td { border-bottom: 1px solid #f0f0f0; transition: background 0.3s; } .ant-table-tbody > tr > td > .ant-table-wrapper:only-child .ant-table, .ant-table-tbody > tr > td > .ant-table-expanded-row-fixed > .ant-table-wrapper:only-child .ant-table { margin: -16px -16px -16px 32px; } .ant-table-tbody > tr > td > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td, .ant-table-tbody > tr > td > .ant-table-expanded-row-fixed > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td { border-bottom: 0; } .ant-table-tbody > tr > td > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td:first-child, .ant-table-tbody > tr > td > .ant-table-expanded-row-fixed > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td:first-child, .ant-table-tbody > tr > td > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td:last-child, .ant-table-tbody > tr > td > .ant-table-expanded-row-fixed > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td:last-child { border-radius: 0; } .ant-table-tbody > tr.ant-table-row:hover > td, .ant-table-tbody > tr > td.ant-table-cell-row-hover { background: #fafafa; } .ant-table-tbody > tr.ant-table-row-selected > td { background: #e6f7ff; border-color: rgba(0, 0, 0, 0.03); } .ant-table-tbody > tr.ant-table-row-selected:hover > td { background: #dcf4ff; } .ant-table-summary { position: relative; z-index: 2; background: #fff; } div.ant-table-summary { box-shadow: 0 -1px 0 #f0f0f0; } .ant-table-summary > tr > th, .ant-table-summary > tr > td { border-bottom: 1px solid #f0f0f0; } .ant-table-pagination.ant-pagination { margin: 16px 0; } .ant-table-pagination { display: flex; flex-wrap: wrap; row-gap: 8px; } .ant-table-pagination > * { flex: none; } .ant-table-pagination-left { justify-content: flex-start; } .ant-table-pagination-center { justify-content: center; } .ant-table-pagination-right { justify-content: flex-end; } .ant-table-thead th.ant-table-column-has-sorters { outline: none; cursor: pointer; transition: all 0.3s; } .ant-table-thead th.ant-table-column-has-sorters:hover { background: rgba(0, 0, 0, 0.04); } .ant-table-thead th.ant-table-column-has-sorters:hover::before { background-color: transparent !important; } .ant-table-thead th.ant-table-column-has-sorters:focus-visible { color: #1890ff; } .ant-table-thead th.ant-table-column-has-sorters.ant-table-cell-fix-left:hover, .ant-table-thead th.ant-table-column-has-sorters.ant-table-cell-fix-right:hover { background: #f5f5f5; } .ant-table-thead th.ant-table-column-sort { background: #f5f5f5; } .ant-table-thead th.ant-table-column-sort::before { background-color: transparent !important; } td.ant-table-column-sort { background: #fafafa; } .ant-table-column-title { position: relative; z-index: 1; flex: 1; } .ant-table-column-sorters { display: flex; flex: auto; align-items: center; justify-content: space-between; } .ant-table-column-sorters::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; content: ''; } .ant-table-column-sorter { margin-left: 4px; color: #bfbfbf; font-size: 0; transition: color 0.3s; } .ant-table-column-sorter-inner { display: inline-flex; flex-direction: column; align-items: center; } .ant-table-column-sorter-up, .ant-table-column-sorter-down { font-size: 11px; } .ant-table-column-sorter-up.active, .ant-table-column-sorter-down.active { color: #1890ff; } .ant-table-column-sorter-up + .ant-table-column-sorter-down { margin-top: -0.3em; } .ant-table-column-sorters:hover .ant-table-column-sorter { color: #a6a6a6; } .ant-table-filter-column { display: flex; justify-content: space-between; } .ant-table-filter-trigger { position: relative; display: flex; align-items: center; margin: -4px -8px -4px 4px; padding: 0 4px; color: #bfbfbf; font-size: 12px; border-radius: 2px; cursor: pointer; transition: all 0.3s; } .ant-table-filter-trigger:hover { color: rgba(0, 0, 0, 0.45); background: rgba(0, 0, 0, 0.04); } .ant-table-filter-trigger.active { color: #1890ff; } .ant-table-filter-dropdown { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; min-width: 120px; background-color: #fff; border-radius: 2px; box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05); } .ant-table-filter-dropdown .ant-dropdown-menu { max-height: 264px; overflow-x: hidden; border: 0; box-shadow: none; } .ant-table-filter-dropdown .ant-dropdown-menu:empty::after { display: block; padding: 8px 0; color: rgba(0, 0, 0, 0.25); font-size: 12px; text-align: center; content: 'Not Found'; } .ant-table-filter-dropdown-tree { padding: 8px 8px 0; } .ant-table-filter-dropdown-tree .ant-tree-treenode .ant-tree-node-content-wrapper:hover { background-color: #f5f5f5; } .ant-table-filter-dropdown-tree .ant-tree-treenode-checkbox-checked .ant-tree-node-content-wrapper, .ant-table-filter-dropdown-tree .ant-tree-treenode-checkbox-checked .ant-tree-node-content-wrapper:hover { background-color: #bae7ff; } .ant-table-filter-dropdown-search { padding: 8px; border-bottom: 1px #f0f0f0 solid; } .ant-table-filter-dropdown-search-input input { min-width: 140px; } .ant-table-filter-dropdown-search-input .anticon { color: rgba(0, 0, 0, 0.25); } .ant-table-filter-dropdown-checkall { width: 100%; margin-bottom: 4px; margin-left: 4px; } .ant-table-filter-dropdown-submenu > ul { max-height: calc(100vh - 130px); overflow-x: hidden; overflow-y: auto; } .ant-table-filter-dropdown .ant-checkbox-wrapper + span, .ant-table-filter-dropdown-submenu .ant-checkbox-wrapper + span { padding-left: 8px; } .ant-table-filter-dropdown-btns { display: flex; justify-content: space-between; padding: 7px 8px; overflow: hidden; background-color: inherit; border-top: 1px solid #f0f0f0; } .ant-table-selection-col { width: 32px; } .ant-table-bordered .ant-table-selection-col { width: 50px; } table tr th.ant-table-selection-column, table tr td.ant-table-selection-column { padding-right: 8px; padding-left: 8px; text-align: center; } table tr th.ant-table-selection-column .ant-radio-wrapper, table tr td.ant-table-selection-column .ant-radio-wrapper { margin-right: 0; } table tr th.ant-table-selection-column.ant-table-cell-fix-left { z-index: 3; } table tr th.ant-table-selection-column::after { background-color: transparent !important; } .ant-table-selection { position: relative; display: inline-flex; flex-direction: column; } .ant-table-selection-extra { position: absolute; top: 0; z-index: 1; cursor: pointer; transition: all 0.3s; -webkit-margin-start: 100%; margin-inline-start: 100%; -webkit-padding-start: 4px; padding-inline-start: 4px; } .ant-table-selection-extra .anticon { color: #bfbfbf; font-size: 10px; } .ant-table-selection-extra .anticon:hover { color: #a6a6a6; } .ant-table-expand-icon-col { width: 48px; } .ant-table-row-expand-icon-cell { text-align: center; } .ant-table-row-expand-icon-cell .ant-table-row-expand-icon { display: inline-flex; float: none; vertical-align: sub; } .ant-table-row-indent { float: left; height: 1px; } .ant-table-row-expand-icon { color: #1890ff; outline: none; cursor: pointer; transition: color 0.3s; position: relative; float: left; box-sizing: border-box; width: 17px; height: 17px; padding: 0; color: inherit; line-height: 17px; background: #fff; border: 1px solid #f0f0f0; border-radius: 2px; transform: scale(0.94117647); transition: all 0.3s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ant-table-row-expand-icon:focus-visible, .ant-table-row-expand-icon:hover { color: #40a9ff; } .ant-table-row-expand-icon:active { color: #096dd9; } .ant-table-row-expand-icon:focus, .ant-table-row-expand-icon:hover, .ant-table-row-expand-icon:active { border-color: currentcolor; } .ant-table-row-expand-icon::before, .ant-table-row-expand-icon::after { position: absolute; background: currentcolor; transition: transform 0.3s ease-out; content: ''; } .ant-table-row-expand-icon::before { top: 7px; right: 3px; left: 3px; height: 1px; } .ant-table-row-expand-icon::after { top: 3px; bottom: 3px; left: 7px; width: 1px; transform: rotate(90deg); } .ant-table-row-expand-icon-collapsed::before { transform: rotate(-180deg); } .ant-table-row-expand-icon-collapsed::after { transform: rotate(0deg); } .ant-table-row-expand-icon-spaced { background: transparent; border: 0; visibility: hidden; } .ant-table-row-expand-icon-spaced::before, .ant-table-row-expand-icon-spaced::after { display: none; content: none; } .ant-table-row-indent + .ant-table-row-expand-icon { margin-top: 2.5005px; margin-right: 8px; } tr.ant-table-expanded-row > td, tr.ant-table-expanded-row:hover > td { background: #fbfbfb; } tr.ant-table-expanded-row .ant-descriptions-view { display: flex; } tr.ant-table-expanded-row .ant-descriptions-view table { flex: auto; width: auto; } .ant-table .ant-table-expanded-row-fixed { position: relative; margin: -16px -16px; padding: 16px 16px; } .ant-table-tbody > tr.ant-table-placeholder { text-align: center; } .ant-table-empty .ant-table-tbody > tr.ant-table-placeholder { color: rgba(0, 0, 0, 0.25); } .ant-table-tbody > tr.ant-table-placeholder:hover > td { background: #fff; } .ant-table-cell-fix-left, .ant-table-cell-fix-right { position: sticky !important; z-index: 2; background: #fff; } .ant-table-cell-fix-left-first::after, .ant-table-cell-fix-left-last::after { position: absolute; top: 0; right: 0; bottom: -1px; width: 30px; transform: translateX(100%); transition: box-shadow 0.3s; content: ''; pointer-events: none; } .ant-table-cell-fix-left-all::after { display: none; } .ant-table-cell-fix-right-first::after, .ant-table-cell-fix-right-last::after { position: absolute; top: 0; bottom: -1px; left: 0; width: 30px; transform: translateX(-100%); transition: box-shadow 0.3s; content: ''; pointer-events: none; } .ant-table .ant-table-container::before, .ant-table .ant-table-container::after { position: absolute; top: 0; bottom: 0; z-index: calc(calc(2 + 1) + 1); width: 30px; transition: box-shadow 0.3s; content: ''; pointer-events: none; } .ant-table .ant-table-container::before { left: 0; } .ant-table .ant-table-container::after { right: 0; } .ant-table-ping-left:not(.ant-table-has-fix-left) > .ant-table-container { position: relative; } .ant-table-ping-left:not(.ant-table-has-fix-left) > .ant-table-container::before { box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.15); } .ant-table-ping-left .ant-table-cell-fix-left-first::after, .ant-table-ping-left .ant-table-cell-fix-left-last::after { box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.15); } .ant-table-ping-left .ant-table-cell-fix-left-last::before { background-color: transparent !important; } .ant-table-ping-right:not(.ant-table-has-fix-right) > .ant-table-container { position: relative; } .ant-table-ping-right:not(.ant-table-has-fix-right) > .ant-table-container::after { box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.15); } .ant-table-ping-right .ant-table-cell-fix-right-first::after, .ant-table-ping-right .ant-table-cell-fix-right-last::after { box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.15); } .ant-table-sticky-holder { position: sticky; z-index: calc(2 + 1); background: #fff; } .ant-table-sticky-scroll { position: sticky; bottom: 0; z-index: calc(2 + 1); display: flex; align-items: center; background: #ffffff; border-top: 1px solid #f0f0f0; opacity: 0.6; } .ant-table-sticky-scroll:hover { transform-origin: center bottom; } .ant-table-sticky-scroll-bar { height: 8px; background-color: rgba(0, 0, 0, 0.35); border-radius: 4px; } .ant-table-sticky-scroll-bar:hover { background-color: rgba(0, 0, 0, 0.8); } .ant-table-sticky-scroll-bar-active { background-color: rgba(0, 0, 0, 0.8); } @media all and (-ms-high-contrast: none) { .ant-table-ping-left .ant-table-cell-fix-left-last::after { box-shadow: none !important; } .ant-table-ping-right .ant-table-cell-fix-right-first::after { box-shadow: none !important; } } .ant-table { /* title + table */ /* table */ /* table + footer */ } .ant-table-title { border-radius: 2px 2px 0 0; } .ant-table-title + .ant-table-container { border-top-left-radius: 0; border-top-right-radius: 0; } .ant-table-title + .ant-table-container table { border-radius: 0; } .ant-table-title + .ant-table-container table > thead > tr:first-child th:first-child { border-radius: 0; } .ant-table-title + .ant-table-container table > thead > tr:first-child th:last-child { border-radius: 0; } .ant-table-container { border-top-left-radius: 2px; border-top-right-radius: 2px; } .ant-table-container table > thead > tr:first-child th:first-child { border-top-left-radius: 2px; } .ant-table-container table > thead > tr:first-child th:last-child { border-top-right-radius: 2px; } .ant-table-footer { border-radius: 0 0 2px 2px; } .ant-table-wrapper-rtl { direction: rtl; } .ant-table-rtl { direction: rtl; } .ant-table-wrapper-rtl .ant-table table { text-align: right; } .ant-table-wrapper-rtl .ant-table-thead > tr > th[colspan]:not([colspan='1']) { text-align: center; } .ant-table-wrapper-rtl .ant-table-thead > tr > th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before { right: auto; left: 0; } .ant-table-wrapper-rtl .ant-table-thead > tr > th { text-align: right; } .ant-table-tbody > tr .ant-table-wrapper:only-child .ant-table.ant-table-rtl { margin: -16px 33px -16px -16px; } .ant-table-wrapper.ant-table-wrapper-rtl .ant-table-pagination-left { justify-content: flex-end; } .ant-table-wrapper.ant-table-wrapper-rtl .ant-table-pagination-right { justify-content: flex-start; } .ant-table-wrapper-rtl .ant-table-column-sorter { margin-right: 4px; margin-left: 0; } .ant-table-wrapper-rtl .ant-table-filter-column-title { padding: 16px 16px 16px 2.3em; } .ant-table-rtl .ant-table-thead tr th.ant-table-column-has-sorters .ant-table-filter-column-title { padding: 0 0 0 2.3em; } .ant-table-wrapper-rtl .ant-table-filter-trigger { margin: -4px 4px -4px -8px; } .ant-dropdown-rtl .ant-table-filter-dropdown .ant-checkbox-wrapper + span, .ant-dropdown-rtl .ant-table-filter-dropdown-submenu .ant-checkbox-wrapper + span, .ant-dropdown-menu-submenu-rtl.ant-table-filter-dropdown .ant-checkbox-wrapper + span, .ant-dropdown-menu-submenu-rtl.ant-table-filter-dropdown-submenu .ant-checkbox-wrapper + span { padding-right: 8px; padding-left: 0; } .ant-table-wrapper-rtl .ant-table-selection { text-align: center; } .ant-table-wrapper-rtl .ant-table-row-indent { float: right; } .ant-table-wrapper-rtl .ant-table-row-expand-icon { float: right; } .ant-table-wrapper-rtl .ant-table-row-indent + .ant-table-row-expand-icon { margin-right: 0; margin-left: 8px; } .ant-table-wrapper-rtl .ant-table-row-expand-icon::after { transform: rotate(-90deg); } .ant-table-wrapper-rtl .ant-table-row-expand-icon-collapsed::before { transform: rotate(180deg); } .ant-table-wrapper-rtl .ant-table-row-expand-icon-collapsed::after { transform: rotate(0deg); } /* 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 */ @keyframes antCheckboxEffect { 0% { transform: scale(1); opacity: 0.5; } 100% { transform: scale(1.6); opacity: 0; } } @keyframes ant-tree-node-fx-do-not-use { 0% { opacity: 0; } 100% { opacity: 1; } } .ant-tree.ant-tree-directory .ant-tree-treenode { position: relative; } .ant-tree.ant-tree-directory .ant-tree-treenode::before { position: absolute; top: 0; right: 0; bottom: 4px; left: 0; transition: background-color 0.3s; content: ''; pointer-events: none; } .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before { background: #f5f5f5; } .ant-tree.ant-tree-directory .ant-tree-treenode > * { z-index: 1; } .ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-switcher { transition: color 0.3s; } .ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-node-content-wrapper { border-radius: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-node-content-wrapper:hover { background: transparent; } .ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-node-content-wrapper.ant-tree-node-selected { color: #fff; background: transparent; } .ant-tree.ant-tree-directory .ant-tree-treenode-selected:hover::before, .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before { background: #1890ff; } .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-switcher { color: #fff; } .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-content-wrapper { color: #fff; background: transparent; } .ant-tree-checkbox { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; position: relative; top: 0.2em; line-height: 1; white-space: nowrap; outline: none; cursor: pointer; } .ant-tree-checkbox-wrapper:hover .ant-tree-checkbox-inner, .ant-tree-checkbox:hover .ant-tree-checkbox-inner, .ant-tree-checkbox-input:focus + .ant-tree-checkbox-inner { border-color: #1890ff; } .ant-tree-checkbox-checked::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #1890ff; border-radius: 2px; visibility: hidden; animation: antCheckboxEffect 0.36s ease-in-out; animation-fill-mode: backwards; content: ''; } .ant-tree-checkbox:hover::after, .ant-tree-checkbox-wrapper:hover .ant-tree-checkbox::after { visibility: visible; } .ant-tree-checkbox-inner { position: relative; top: 0; left: 0; display: block; width: 16px; height: 16px; direction: ltr; background-color: #fff; border: 1px solid #d9d9d9; border-radius: 2px; border-collapse: separate; transition: all 0.3s; } .ant-tree-checkbox-inner::after { position: absolute; top: 50%; left: 21.5%; display: table; width: 5.71428571px; height: 9.14285714px; border: 2px solid #fff; border-top: 0; border-left: 0; transform: rotate(45deg) scale(0) translate(-50%, -50%); opacity: 0; transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s; content: ' '; } .ant-tree-checkbox-input { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; width: 100%; height: 100%; cursor: pointer; opacity: 0; } .ant-tree-checkbox-checked .ant-tree-checkbox-inner::after { position: absolute; display: table; border: 2px solid #fff; border-top: 0; border-left: 0; transform: rotate(45deg) scale(1) translate(-50%, -50%); opacity: 1; transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s; content: ' '; } .ant-tree-checkbox-checked .ant-tree-checkbox-inner { background-color: #1890ff; border-color: #1890ff; } .ant-tree-checkbox-disabled { cursor: not-allowed; } .ant-tree-checkbox-disabled.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after { border-color: rgba(0, 0, 0, 0.25); animation-name: none; } .ant-tree-checkbox-disabled .ant-tree-checkbox-input { cursor: not-allowed; pointer-events: none; } .ant-tree-checkbox-disabled .ant-tree-checkbox-inner { background-color: #f5f5f5; border-color: #d9d9d9 !important; } .ant-tree-checkbox-disabled .ant-tree-checkbox-inner::after { border-color: #f5f5f5; border-collapse: separate; animation-name: none; } .ant-tree-checkbox-disabled + span { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .ant-tree-checkbox-disabled:hover::after, .ant-tree-checkbox-wrapper:hover .ant-tree-checkbox-disabled::after { visibility: hidden; } .ant-tree-checkbox-wrapper { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; display: inline-flex; align-items: baseline; line-height: unset; cursor: pointer; } .ant-tree-checkbox-wrapper::after { display: inline-block; width: 0; overflow: hidden; content: '\a0'; } .ant-tree-checkbox-wrapper.ant-tree-checkbox-wrapper-disabled { cursor: not-allowed; } .ant-tree-checkbox-wrapper + .ant-tree-checkbox-wrapper { margin-left: 8px; } .ant-tree-checkbox-wrapper.ant-tree-checkbox-wrapper-in-form-item input[type='checkbox'] { width: 14px; height: 14px; } .ant-tree-checkbox + span { padding-right: 8px; padding-left: 8px; } .ant-tree-checkbox-group { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; display: inline-block; } .ant-tree-checkbox-group-item { margin-right: 8px; } .ant-tree-checkbox-group-item:last-child { margin-right: 0; } .ant-tree-checkbox-group-item + .ant-tree-checkbox-group-item { margin-left: 0; } .ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner { background-color: #fff; border-color: #d9d9d9; } .ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner::after { top: 50%; left: 50%; width: 8px; height: 8px; background-color: #1890ff; border: 0; transform: translate(-50%, -50%) scale(1); opacity: 1; content: ' '; } .ant-tree-checkbox-indeterminate.ant-tree-checkbox-disabled .ant-tree-checkbox-inner::after { background-color: rgba(0, 0, 0, 0.25); border-color: rgba(0, 0, 0, 0.25); } .ant-tree { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; background: #fff; border-radius: 2px; transition: background-color 0.3s; } .ant-tree-focused:not(:hover):not(.ant-tree-active-focused) { background: #e6f7ff; } .ant-tree-list-holder-inner { align-items: flex-start; } .ant-tree.ant-tree-block-node .ant-tree-list-holder-inner { align-items: stretch; } .ant-tree.ant-tree-block-node .ant-tree-list-holder-inner .ant-tree-node-content-wrapper { flex: auto; } .ant-tree.ant-tree-block-node .ant-tree-list-holder-inner .ant-tree-treenode.dragging { position: relative; } .ant-tree.ant-tree-block-node .ant-tree-list-holder-inner .ant-tree-treenode.dragging::after { position: absolute; top: 0; right: 0; bottom: 4px; left: 0; border: 1px solid #1890ff; opacity: 0; animation: ant-tree-node-fx-do-not-use 0.3s; animation-play-state: running; animation-fill-mode: forwards; content: ''; pointer-events: none; } .ant-tree .ant-tree-treenode { display: flex; align-items: flex-start; padding: 0 0 4px 0; outline: none; } .ant-tree .ant-tree-treenode-disabled .ant-tree-node-content-wrapper { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .ant-tree .ant-tree-treenode-disabled .ant-tree-node-content-wrapper:hover { background: transparent; } .ant-tree .ant-tree-treenode-active .ant-tree-node-content-wrapper { background: #f5f5f5; } .ant-tree .ant-tree-treenode:not(.ant-tree .ant-tree-treenode-disabled).filter-node .ant-tree-title { color: inherit; font-weight: 500; } .ant-tree .ant-tree-treenode-draggable .ant-tree-draggable-icon { width: 24px; line-height: 24px; text-align: center; visibility: visible; opacity: 0.2; transition: opacity 0.3s; } .ant-tree-treenode:hover .ant-tree .ant-tree-treenode-draggable .ant-tree-draggable-icon { opacity: 0.45; } .ant-tree .ant-tree-treenode-draggable.ant-tree-treenode-disabled .ant-tree-draggable-icon { visibility: hidden; } .ant-tree-indent { align-self: stretch; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ant-tree-indent-unit { display: inline-block; width: 24px; } .ant-tree-draggable-icon { visibility: hidden; } .ant-tree-switcher { position: relative; flex: none; align-self: stretch; width: 24px; margin: 0; line-height: 24px; text-align: center; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ant-tree-switcher .ant-tree-switcher-icon, .ant-tree-switcher .ant-select-tree-switcher-icon { display: inline-block; font-size: 10px; vertical-align: baseline; } .ant-tree-switcher .ant-tree-switcher-icon svg, .ant-tree-switcher .ant-select-tree-switcher-icon svg { transition: transform 0.3s; } .ant-tree-switcher-noop { cursor: default; } .ant-tree-switcher_close .ant-tree-switcher-icon svg { transform: rotate(-90deg); } .ant-tree-switcher-loading-icon { color: #1890ff; } .ant-tree-switcher-leaf-line { position: relative; z-index: 1; display: inline-block; width: 100%; height: 100%; } .ant-tree-switcher-leaf-line::before { position: absolute; top: 0; right: 12px; bottom: -4px; margin-left: -1px; border-right: 1px solid #d9d9d9; content: ' '; } .ant-tree-switcher-leaf-line::after { position: absolute; width: 10px; height: 14px; border-bottom: 1px solid #d9d9d9; content: ' '; } .ant-tree-checkbox { top: initial; margin: 4px 8px 0 0; } .ant-tree .ant-tree-node-content-wrapper { position: relative; z-index: auto; min-height: 24px; margin: 0; padding: 0 4px; color: inherit; line-height: 24px; background: transparent; border-radius: 2px; cursor: pointer; transition: all 0.3s, border 0s, line-height 0s, box-shadow 0s; } .ant-tree .ant-tree-node-content-wrapper:hover { background-color: #f5f5f5; } .ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected { background-color: #bae7ff; } .ant-tree .ant-tree-node-content-wrapper .ant-tree-iconEle { display: inline-block; width: 24px; height: 24px; line-height: 24px; text-align: center; vertical-align: top; } .ant-tree .ant-tree-node-content-wrapper .ant-tree-iconEle:empty { display: none; } .ant-tree-unselectable .ant-tree-node-content-wrapper:hover { background-color: transparent; } .ant-tree-node-content-wrapper { line-height: 24px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ant-tree-node-content-wrapper .ant-tree-drop-indicator { position: absolute; z-index: 1; height: 2px; background-color: #1890ff; border-radius: 1px; pointer-events: none; } .ant-tree-node-content-wrapper .ant-tree-drop-indicator::after { position: absolute; top: -3px; left: -6px; width: 8px; height: 8px; background-color: transparent; border: 2px solid #1890ff; border-radius: 50%; content: ''; } .ant-tree .ant-tree-treenode.drop-container > [draggable] { box-shadow: 0 0 0 2px #1890ff; } .ant-tree-show-line .ant-tree-indent-unit { position: relative; height: 100%; } .ant-tree-show-line .ant-tree-indent-unit::before { position: absolute; top: 0; right: 12px; bottom: -4px; border-right: 1px solid #d9d9d9; content: ''; } .ant-tree-show-line .ant-tree-indent-unit-end::before { display: none; } .ant-tree-show-line .ant-tree-switcher { background: #fff; } .ant-tree-show-line .ant-tree-switcher-line-icon { vertical-align: -0.15em; } .ant-tree .ant-tree-treenode-leaf-last .ant-tree-switcher-leaf-line::before { top: auto !important; bottom: auto !important; height: 14px !important; } .ant-tree-rtl { direction: rtl; } .ant-tree-rtl .ant-tree-node-content-wrapper[draggable='true'] .ant-tree-drop-indicator::after { right: -6px; left: unset; } .ant-tree .ant-tree-treenode-rtl { direction: rtl; } .ant-tree-rtl .ant-tree-switcher_close .ant-tree-switcher-icon svg { transform: rotate(90deg); } .ant-tree-rtl.ant-tree-show-line .ant-tree-indent-unit::before { right: auto; left: -13px; border-right: none; border-left: 1px solid #d9d9d9; } .ant-tree-rtl .ant-tree-checkbox { margin: 4px 0 0 8px; } .ant-tree-select-dropdown-rtl .ant-select-tree-checkbox { margin: 4px 0 0 8px; } /* 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 */ /* 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-timeline { box-sizing: border-box; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; font-feature-settings: 'tnum'; margin: 0; padding: 0; list-style: none; } .ant-timeline-item { position: relative; margin: 0; padding-bottom: 20px; font-size: 14px; list-style: none; } .ant-timeline-item-tail { position: absolute; top: 10px; left: 4px; height: calc(100% - 10px); border-left: 2px solid #f0f0f0; } .ant-timeline-item-pending .ant-timeline-item-head { font-size: 12px; background-color: transparent; } .ant-timeline-item-pending .ant-timeline-item-tail { display: none; } .ant-timeline-item-head { position: absolute; width: 10px; height: 10px; background-color: #fff; border: 2px solid transparent; border-radius: 100px; } .ant-timeline-item-head-blue { color: #1890ff; border-color: #1890ff; } .ant-timeline-item-head-red { color: #ff4d4f; border-color: #ff4d4f; } .ant-timeline-item-head-green { color: #52c41a; border-color: #52c41a; } .ant-timeline-item-head-gray { color: rgba(0, 0, 0, 0.25); border-color: rgba(0, 0, 0, 0.25); } .ant-timeline-item-head-custom { position: absolute; top: 5.5px; left: 5px; width: auto; height: auto; margin-top: 0; padding: 3px 1px; line-height: 1; text-align: center; border: 0; border-radius: 0; transform: translate(-50%, -50%); } .ant-timeline-item-content { position: relative; top: -7.001px; margin: 0 0 0 26px; word-break: break-word; } .ant-timeline-item-last > .ant-timeline-item-tail { display: none; } .ant-timeline-item-last > .ant-timeline-item-content { min-height: 48px; } .ant-timeline.ant-timeline-alternate .ant-timeline-item-tail, .ant-timeline.ant-timeline-right .ant-timeline-item-tail, .ant-timeline.ant-timeline-label .ant-timeline-item-tail, .ant-timeline.ant-timeline-alternate .ant-timeline-item-head, .ant-timeline.ant-timeline-right .ant-timeline-item-head, .ant-timeline.ant-timeline-label .ant-timeline-item-head, .ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom, .ant-timeline.ant-timeline-right .ant-timeline-item-head-custom, .ant-timeline.ant-timeline-label .ant-timeline-item-head-custom { left: 50%; } .ant-timeline.ant-timeline-alternate .ant-timeline-item-head, .ant-timeline.ant-timeline-right .ant-timeline-item-head, .ant-timeline.ant-timeline-label .ant-timeline-item-head { margin-left: -4px; } .ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom, .ant-timeline.ant-timeline-right .ant-timeline-item-head-custom, .ant-timeline.ant-timeline-label .ant-timeline-item-head-custom { margin-left: 1px; } .ant-timeline.ant-timeline-alternate .ant-timeline-item-left .ant-timeline-item-content, .ant-timeline.ant-timeline-right .ant-timeline-item-left .ant-timeline-item-content, .ant-timeline.ant-timeline-label .ant-timeline-item-left .ant-timeline-item-content { left: calc(50% - 4px); width: calc(50% - 14px); text-align: left; } .ant-timeline.ant-timeline-alternate .ant-timeline-item-right .ant-timeline-item-content, .ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-content, .ant-timeline.ant-timeline-label .ant-timeline-item-right .ant-timeline-item-content { width: calc(50% - 12px); margin: 0; text-align: right; } .ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-tail, .ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head, .ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head-custom { left: calc(100% - 4px - 2px); } .ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-content { width: calc(100% - 18px); } .ant-timeline.ant-timeline-pending .ant-timeline-item-last .ant-timeline-item-tail { display: block; height: calc(100% - 14px); border-left: 2px dotted #f0f0f0; } .ant-timeline.ant-timeline-reverse .ant-timeline-item-last .ant-timeline-item-tail { display: none; } .ant-timeline.ant-timeline-reverse .ant-timeline-item-pending .ant-timeline-item-tail { top: 15px; display: block; height: calc(100% - 15px); border-left: 2px dotted #f0f0f0; } .ant-timeline.ant-timeline-reverse .ant-timeline-item-pending .ant-timeline-item-content { min-height: 48px; } .ant-timeline.ant-timeline-label .ant-timeline-item-label { position: absolute; top: -7.001px; width: calc(50% - 12px); text-align: right; } .ant-timeline.ant-timeline-label .ant-timeline-item-right .ant-timeline-item-label { left: calc(50% + 14px); width: calc(50% - 14px); text-align: left; } .ant-timeline-rtl { direction: rtl; } .ant-timeline-rtl .ant-timeline-item-tail { right: 4px; left: auto; border-right: 2px solid #f0f0f0; border-left: none; } .ant-timeline-rtl .ant-timeline-item-head-custom { right: 5px; left: auto; transform: translate(50%, -50%); } .ant-timeline-rtl .ant-timeline-item-content { margin: 0 18px 0 0; } .ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-tail, .ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-tail, .ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-tail, .ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-head, .ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-head, .ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-head, .ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom, .ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-head-custom, .ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-head-custom { right: 50%; left: auto; } .ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-head, .ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-head, .ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-head { margin-right: -4px; margin-left: 0; } .ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom, .ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-head-custom, .ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-head-custom { margin-right: 1px; margin-left: 0; } .ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-left .ant-timeline-item-content, .ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-left .ant-timeline-item-content, .ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-left .ant-timeline-item-content { right: calc(50% - 4px); left: auto; text-align: right; } .ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-right .ant-timeline-item-content, .ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-content, .ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-right .ant-timeline-item-content { text-align: left; } .ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-tail, .ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head, .ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head-custom { right: 0; left: auto; } .ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-content { width: 100%; margin-right: 18px; text-align: right; } .ant-timeline-rtl.ant-timeline.ant-timeline-pending .ant-timeline-item-last .ant-timeline-item-tail { border-right: 2px dotted #f0f0f0; border-left: none; } .ant-timeline-rtl.ant-timeline.ant-timeline-reverse .ant-timeline-item-pending .ant-timeline-item-tail { border-right: 2px dotted #f0f0f0; border-left: none; } .ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-label { text-align: left; } .ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-right .ant-timeline-item-label { right: calc(50% + 14px); text-align: right; } /* 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 */ @keyframes antCheckboxEffect { 0% { transform: scale(1); opacity: 0.5; } 100% { transform: scale(1.6); opacity: 0; } } .ant-transfer-customize-list .ant-transfer-list { flex: 1 1 50%; width: auto; height: auto; min-height: 200px; } .ant-transfer-customize-list .ant-table-wrapper .ant-table-small { border: 0; border-radius: 0; } .ant-transfer-customize-list .ant-table-wrapper .ant-table-small .ant-table-selection-column { width: 40px; min-width: 40px; } .ant-transfer-customize-list .ant-table-wrapper .ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th { background: #fafafa; } .ant-transfer-customize-list .ant-table-wrapper .ant-table-small > .ant-table-content .ant-table-row:last-child td { border-bottom: 1px solid #f0f0f0; } .ant-transfer-customize-list .ant-table-wrapper .ant-table-small .ant-table-body { margin: 0; } .ant-transfer-customize-list .ant-table-wrapper .ant-table-pagination.ant-pagination { margin: 16px 0 4px; } .ant-transfer-customize-list .ant-input[disabled] { background-color: transparent; } .ant-transfer-status-error .ant-transfer-list { border-color: #ff4d4f; } .ant-transfer-status-error .ant-transfer-list-search:not([disabled]) { border-color: #d9d9d9; } .ant-transfer-status-error .ant-transfer-list-search:not([disabled]):hover { border-color: #40a9ff; border-right-width: 1px; } .ant-transfer-status-error .ant-transfer-list-search:not([disabled]):focus { border-color: #40a9ff; box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); border-right-width: 1px; outline: 0; } .ant-transfer-status-warning .ant-transfer-list { border-color: #faad14; } .ant-transfer-status-warning .ant-transfer-list-search:not([disabled]) { border-color: #d9d9d9; } .ant-transfer-status-warning .ant-transfer-list-search:not([disabled]):hover { border-color: #40a9ff; border-right-width: 1px; } .ant-transfer-status-warning .ant-transfer-list-search:not([disabled]):focus { border-color: #40a9ff; box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); border-right-width: 1px; outline: 0; } .ant-transfer { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; position: relative; display: flex; align-items: stretch; } .ant-transfer-disabled .ant-transfer-list { background: #f5f5f5; } .ant-transfer-list { display: flex; flex-direction: column; width: 180px; height: 200px; border: 1px solid #d9d9d9; border-radius: 2px; } .ant-transfer-list-with-pagination { width: 250px; height: auto; } .ant-transfer-list-search .anticon-search { color: rgba(0, 0, 0, 0.25); } .ant-transfer-list-header { display: flex; flex: none; align-items: center; height: 40px; padding: 8px 12px 9px; color: rgba(0, 0, 0, 0.85); background: #fff; border-bottom: 1px solid #f0f0f0; border-radius: 2px 2px 0 0; } .ant-transfer-list-header > *:not(:last-child) { margin-right: 4px; } .ant-transfer-list-header > * { flex: none; } .ant-transfer-list-header-title { flex: auto; overflow: hidden; white-space: nowrap; text-align: right; text-overflow: ellipsis; } .ant-transfer-list-header-dropdown { font-size: 10px; transform: translateY(10%); cursor: pointer; } .ant-transfer-list-header-dropdown[disabled] { cursor: not-allowed; } .ant-transfer-list-body { display: flex; flex: auto; flex-direction: column; overflow: hidden; font-size: 14px; } .ant-transfer-list-body-search-wrapper { position: relative; flex: none; padding: 12px; } .ant-transfer-list-content { flex: auto; margin: 0; padding: 0; overflow: auto; list-style: none; } .ant-transfer-list-content-item { display: flex; align-items: center; min-height: 32px; padding: 6px 12px; line-height: 20px; transition: all 0.3s; } .ant-transfer-list-content-item > *:not(:last-child) { margin-right: 8px; } .ant-transfer-list-content-item > * { flex: none; } .ant-transfer-list-content-item-text { flex: auto; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .ant-transfer-list-content-item-remove { position: relative; color: #d9d9d9; cursor: pointer; transition: all 0.3s; } .ant-transfer-list-content-item-remove:hover { color: #40a9ff; } .ant-transfer-list-content-item-remove::after { position: absolute; top: -6px; right: -50%; bottom: -6px; left: -50%; content: ''; } .ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled):hover { background-color: #f5f5f5; cursor: pointer; } .ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled).ant-transfer-list-content-item-checked:hover { background-color: #dcf4ff; } .ant-transfer-list-content-show-remove .ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled):hover { background: transparent; cursor: default; } .ant-transfer-list-content-item-checked { background-color: #e6f7ff; } .ant-transfer-list-content-item-disabled { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .ant-transfer-list-pagination { padding: 8px 0; text-align: right; border-top: 1px solid #f0f0f0; } .ant-transfer-list-body-not-found { flex: none; width: 100%; margin: auto 0; color: rgba(0, 0, 0, 0.25); text-align: center; } .ant-transfer-list-footer { border-top: 1px solid #f0f0f0; } .ant-transfer-operation { display: flex; flex: none; flex-direction: column; align-self: center; margin: 0 8px; vertical-align: middle; } .ant-transfer-operation .ant-btn { display: block; } .ant-transfer-operation .ant-btn:first-child { margin-bottom: 4px; } .ant-transfer-operation .ant-btn .anticon { font-size: 12px; } .ant-transfer .ant-empty-image { max-height: -2px; } .ant-transfer-rtl { direction: rtl; } .ant-transfer-rtl .ant-transfer-list-search { padding-right: 8px; padding-left: 24px; } .ant-transfer-rtl .ant-transfer-list-search-action { right: auto; left: 12px; } .ant-transfer-rtl .ant-transfer-list-header > *:not(:last-child) { margin-right: 0; margin-left: 4px; } .ant-transfer-rtl .ant-transfer-list-header { right: 0; left: auto; } .ant-transfer-rtl .ant-transfer-list-header-title { text-align: left; } .ant-transfer-rtl .ant-transfer-list-content-item > *:not(:last-child) { margin-right: 0; margin-left: 8px; } .ant-transfer-rtl .ant-transfer-list-pagination { text-align: left; } .ant-transfer-rtl .ant-transfer-list-footer { right: 0; left: auto; } /* 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 */ @keyframes ant-tree-node-fx-do-not-use { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes antCheckboxEffect { 0% { transform: scale(1); opacity: 0.5; } 100% { transform: scale(1.6); opacity: 0; } } .ant-select-tree-checkbox { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; position: relative; top: 0.2em; line-height: 1; white-space: nowrap; outline: none; cursor: pointer; } .ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox-inner, .ant-select-tree-checkbox:hover .ant-select-tree-checkbox-inner, .ant-select-tree-checkbox-input:focus + .ant-select-tree-checkbox-inner { border-color: #1890ff; } .ant-select-tree-checkbox-checked::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #1890ff; border-radius: 2px; visibility: hidden; animation: antCheckboxEffect 0.36s ease-in-out; animation-fill-mode: backwards; content: ''; } .ant-select-tree-checkbox:hover::after, .ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox::after { visibility: visible; } .ant-select-tree-checkbox-inner { position: relative; top: 0; left: 0; display: block; width: 16px; height: 16px; direction: ltr; background-color: #fff; border: 1px solid #d9d9d9; border-radius: 2px; border-collapse: separate; transition: all 0.3s; } .ant-select-tree-checkbox-inner::after { position: absolute; top: 50%; left: 21.5%; display: table; width: 5.71428571px; height: 9.14285714px; border: 2px solid #fff; border-top: 0; border-left: 0; transform: rotate(45deg) scale(0) translate(-50%, -50%); opacity: 0; transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s; content: ' '; } .ant-select-tree-checkbox-input { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; width: 100%; height: 100%; cursor: pointer; opacity: 0; } .ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner::after { position: absolute; display: table; border: 2px solid #fff; border-top: 0; border-left: 0; transform: rotate(45deg) scale(1) translate(-50%, -50%); opacity: 1; transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s; content: ' '; } .ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner { background-color: #1890ff; border-color: #1890ff; } .ant-select-tree-checkbox-disabled { cursor: not-allowed; } .ant-select-tree-checkbox-disabled.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner::after { border-color: rgba(0, 0, 0, 0.25); animation-name: none; } .ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-input { cursor: not-allowed; pointer-events: none; } .ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner { background-color: #f5f5f5; border-color: #d9d9d9 !important; } .ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner::after { border-color: #f5f5f5; border-collapse: separate; animation-name: none; } .ant-select-tree-checkbox-disabled + span { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .ant-select-tree-checkbox-disabled:hover::after, .ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox-disabled::after { visibility: hidden; } .ant-select-tree-checkbox-wrapper { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; display: inline-flex; align-items: baseline; line-height: unset; cursor: pointer; } .ant-select-tree-checkbox-wrapper::after { display: inline-block; width: 0; overflow: hidden; content: '\a0'; } .ant-select-tree-checkbox-wrapper.ant-select-tree-checkbox-wrapper-disabled { cursor: not-allowed; } .ant-select-tree-checkbox-wrapper + .ant-select-tree-checkbox-wrapper { margin-left: 8px; } .ant-select-tree-checkbox-wrapper.ant-select-tree-checkbox-wrapper-in-form-item input[type='checkbox'] { width: 14px; height: 14px; } .ant-select-tree-checkbox + span { padding-right: 8px; padding-left: 8px; } .ant-select-tree-checkbox-group { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; display: inline-block; } .ant-select-tree-checkbox-group-item { margin-right: 8px; } .ant-select-tree-checkbox-group-item:last-child { margin-right: 0; } .ant-select-tree-checkbox-group-item + .ant-select-tree-checkbox-group-item { margin-left: 0; } .ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner { background-color: #fff; border-color: #d9d9d9; } .ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner::after { top: 50%; left: 50%; width: 8px; height: 8px; background-color: #1890ff; border: 0; transform: translate(-50%, -50%) scale(1); opacity: 1; content: ' '; } .ant-select-tree-checkbox-indeterminate.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner::after { background-color: rgba(0, 0, 0, 0.25); border-color: rgba(0, 0, 0, 0.25); } .ant-tree-select-dropdown { padding: 8px 4px; } .ant-tree-select-dropdown-rtl { direction: rtl; } .ant-tree-select-dropdown .ant-select-tree { border-radius: 0; } .ant-tree-select-dropdown .ant-select-tree-list-holder-inner { align-items: stretch; } .ant-tree-select-dropdown .ant-select-tree-list-holder-inner .ant-select-tree-treenode .ant-select-tree-node-content-wrapper { flex: auto; } .ant-select-tree { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; background: #fff; border-radius: 2px; transition: background-color 0.3s; } .ant-select-tree-focused:not(:hover):not(.ant-select-tree-active-focused) { background: #e6f7ff; } .ant-select-tree-list-holder-inner { align-items: flex-start; } .ant-select-tree.ant-select-tree-block-node .ant-select-tree-list-holder-inner { align-items: stretch; } .ant-select-tree.ant-select-tree-block-node .ant-select-tree-list-holder-inner .ant-select-tree-node-content-wrapper { flex: auto; } .ant-select-tree.ant-select-tree-block-node .ant-select-tree-list-holder-inner .ant-select-tree-treenode.dragging { position: relative; } .ant-select-tree.ant-select-tree-block-node .ant-select-tree-list-holder-inner .ant-select-tree-treenode.dragging::after { position: absolute; top: 0; right: 0; bottom: 4px; left: 0; border: 1px solid #1890ff; opacity: 0; animation: ant-tree-node-fx-do-not-use 0.3s; animation-play-state: running; animation-fill-mode: forwards; content: ''; pointer-events: none; } .ant-select-tree .ant-select-tree-treenode { display: flex; align-items: flex-start; padding: 0 0 4px 0; outline: none; } .ant-select-tree .ant-select-tree-treenode-disabled .ant-select-tree-node-content-wrapper { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .ant-select-tree .ant-select-tree-treenode-disabled .ant-select-tree-node-content-wrapper:hover { background: transparent; } .ant-select-tree .ant-select-tree-treenode-active .ant-select-tree-node-content-wrapper { background: #f5f5f5; } .ant-select-tree .ant-select-tree-treenode:not(.ant-select-tree .ant-select-tree-treenode-disabled).filter-node .ant-select-tree-title { color: inherit; font-weight: 500; } .ant-select-tree .ant-select-tree-treenode-draggable .ant-select-tree-draggable-icon { width: 24px; line-height: 24px; text-align: center; visibility: visible; opacity: 0.2; transition: opacity 0.3s; } .ant-select-tree-treenode:hover .ant-select-tree .ant-select-tree-treenode-draggable .ant-select-tree-draggable-icon { opacity: 0.45; } .ant-select-tree .ant-select-tree-treenode-draggable.ant-select-tree-treenode-disabled .ant-select-tree-draggable-icon { visibility: hidden; } .ant-select-tree-indent { align-self: stretch; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ant-select-tree-indent-unit { display: inline-block; width: 24px; } .ant-select-tree-draggable-icon { visibility: hidden; } .ant-select-tree-switcher { position: relative; flex: none; align-self: stretch; width: 24px; margin: 0; line-height: 24px; text-align: center; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ant-select-tree-switcher .ant-tree-switcher-icon, .ant-select-tree-switcher .ant-select-tree-switcher-icon { display: inline-block; font-size: 10px; vertical-align: baseline; } .ant-select-tree-switcher .ant-tree-switcher-icon svg, .ant-select-tree-switcher .ant-select-tree-switcher-icon svg { transition: transform 0.3s; } .ant-select-tree-switcher-noop { cursor: default; } .ant-select-tree-switcher_close .ant-select-tree-switcher-icon svg { transform: rotate(-90deg); } .ant-select-tree-switcher-loading-icon { color: #1890ff; } .ant-select-tree-switcher-leaf-line { position: relative; z-index: 1; display: inline-block; width: 100%; height: 100%; } .ant-select-tree-switcher-leaf-line::before { position: absolute; top: 0; right: 12px; bottom: -4px; margin-left: -1px; border-right: 1px solid #d9d9d9; content: ' '; } .ant-select-tree-switcher-leaf-line::after { position: absolute; width: 10px; height: 14px; border-bottom: 1px solid #d9d9d9; content: ' '; } .ant-select-tree-checkbox { top: initial; margin: 4px 8px 0 0; } .ant-select-tree .ant-select-tree-node-content-wrapper { position: relative; z-index: auto; min-height: 24px; margin: 0; padding: 0 4px; color: inherit; line-height: 24px; background: transparent; border-radius: 2px; cursor: pointer; transition: all 0.3s, border 0s, line-height 0s, box-shadow 0s; } .ant-select-tree .ant-select-tree-node-content-wrapper:hover { background-color: #f5f5f5; } .ant-select-tree .ant-select-tree-node-content-wrapper.ant-select-tree-node-selected { background-color: #bae7ff; } .ant-select-tree .ant-select-tree-node-content-wrapper .ant-select-tree-iconEle { display: inline-block; width: 24px; height: 24px; line-height: 24px; text-align: center; vertical-align: top; } .ant-select-tree .ant-select-tree-node-content-wrapper .ant-select-tree-iconEle:empty { display: none; } .ant-select-tree-unselectable .ant-select-tree-node-content-wrapper:hover { background-color: transparent; } .ant-select-tree-node-content-wrapper { line-height: 24px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ant-select-tree-node-content-wrapper .ant-tree-drop-indicator { position: absolute; z-index: 1; height: 2px; background-color: #1890ff; border-radius: 1px; pointer-events: none; } .ant-select-tree-node-content-wrapper .ant-tree-drop-indicator::after { position: absolute; top: -3px; left: -6px; width: 8px; height: 8px; background-color: transparent; border: 2px solid #1890ff; border-radius: 50%; content: ''; } .ant-select-tree .ant-select-tree-treenode.drop-container > [draggable] { box-shadow: 0 0 0 2px #1890ff; } .ant-select-tree-show-line .ant-select-tree-indent-unit { position: relative; height: 100%; } .ant-select-tree-show-line .ant-select-tree-indent-unit::before { position: absolute; top: 0; right: 12px; bottom: -4px; border-right: 1px solid #d9d9d9; content: ''; } .ant-select-tree-show-line .ant-select-tree-indent-unit-end::before { display: none; } .ant-select-tree-show-line .ant-select-tree-switcher { background: #fff; } .ant-select-tree-show-line .ant-select-tree-switcher-line-icon { vertical-align: -0.15em; } .ant-select-tree .ant-select-tree-treenode-leaf-last .ant-select-tree-switcher-leaf-line::before { top: auto !important; bottom: auto !important; height: 14px !important; } .ant-tree-select-dropdown-rtl .ant-select-tree .ant-select-tree-switcher_close .ant-select-tree-switcher-icon svg { transform: rotate(90deg); } .ant-tree-select-dropdown-rtl .ant-select-tree .ant-select-tree-switcher-loading-icon { transform: scaleY(-1); } /* 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-typography { color: rgba(0, 0, 0, 0.85); word-break: break-word; } .ant-typography.ant-typography-secondary { color: rgba(0, 0, 0, 0.45); } .ant-typography.ant-typography-success { color: #52c41a; } .ant-typography.ant-typography-warning { color: #faad14; } .ant-typography.ant-typography-danger { color: #ff4d4f; } a.ant-typography.ant-typography-danger:active, a.ant-typography.ant-typography-danger:focus { color: #d9363e; } a.ant-typography.ant-typography-danger:hover { color: #ff7875; } .ant-typography.ant-typography-disabled { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } div.ant-typography, .ant-typography p { margin-bottom: 1em; } h1.ant-typography, div.ant-typography-h1, div.ant-typography-h1 > textarea, .ant-typography h1 { margin-bottom: 0.5em; color: rgba(0, 0, 0, 0.85); font-weight: 600; font-size: 38px; line-height: 1.23; } h2.ant-typography, div.ant-typography-h2, div.ant-typography-h2 > textarea, .ant-typography h2 { margin-bottom: 0.5em; color: rgba(0, 0, 0, 0.85); font-weight: 600; font-size: 30px; line-height: 1.35; } h3.ant-typography, div.ant-typography-h3, div.ant-typography-h3 > textarea, .ant-typography h3 { margin-bottom: 0.5em; color: rgba(0, 0, 0, 0.85); font-weight: 600; font-size: 24px; line-height: 1.35; } h4.ant-typography, div.ant-typography-h4, div.ant-typography-h4 > textarea, .ant-typography h4 { margin-bottom: 0.5em; color: rgba(0, 0, 0, 0.85); font-weight: 600; font-size: 20px; line-height: 1.4; } h5.ant-typography, div.ant-typography-h5, div.ant-typography-h5 > textarea, .ant-typography h5 { margin-bottom: 0.5em; color: rgba(0, 0, 0, 0.85); font-weight: 600; font-size: 16px; line-height: 1.5; } .ant-typography + h1.ant-typography, .ant-typography + h2.ant-typography, .ant-typography + h3.ant-typography, .ant-typography + h4.ant-typography, .ant-typography + h5.ant-typography { margin-top: 1.2em; } .ant-typography div + h1, .ant-typography ul + h1, .ant-typography li + h1, .ant-typography p + h1, .ant-typography h1 + h1, .ant-typography h2 + h1, .ant-typography h3 + h1, .ant-typography h4 + h1, .ant-typography h5 + h1, .ant-typography div + h2, .ant-typography ul + h2, .ant-typography li + h2, .ant-typography p + h2, .ant-typography h1 + h2, .ant-typography h2 + h2, .ant-typography h3 + h2, .ant-typography h4 + h2, .ant-typography h5 + h2, .ant-typography div + h3, .ant-typography ul + h3, .ant-typography li + h3, .ant-typography p + h3, .ant-typography h1 + h3, .ant-typography h2 + h3, .ant-typography h3 + h3, .ant-typography h4 + h3, .ant-typography h5 + h3, .ant-typography div + h4, .ant-typography ul + h4, .ant-typography li + h4, .ant-typography p + h4, .ant-typography h1 + h4, .ant-typography h2 + h4, .ant-typography h3 + h4, .ant-typography h4 + h4, .ant-typography h5 + h4, .ant-typography div + h5, .ant-typography ul + h5, .ant-typography li + h5, .ant-typography p + h5, .ant-typography h1 + h5, .ant-typography h2 + h5, .ant-typography h3 + h5, .ant-typography h4 + h5, .ant-typography h5 + h5 { margin-top: 1.2em; } a.ant-typography-ellipsis, span.ant-typography-ellipsis { display: inline-block; max-width: 100%; } a.ant-typography, .ant-typography a { color: #1890ff; outline: none; cursor: pointer; transition: color 0.3s; text-decoration: none; } a.ant-typography:focus-visible, .ant-typography a:focus-visible, a.ant-typography:hover, .ant-typography a:hover { color: #40a9ff; } a.ant-typography:active, .ant-typography a:active { color: #096dd9; } a.ant-typography:active, .ant-typography a:active, a.ant-typography:hover, .ant-typography a:hover { text-decoration: none; } a.ant-typography[disabled], .ant-typography a[disabled], a.ant-typography.ant-typography-disabled, .ant-typography a.ant-typography-disabled { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } a.ant-typography[disabled]:active, .ant-typography a[disabled]:active, a.ant-typography.ant-typography-disabled:active, .ant-typography a.ant-typography-disabled:active, a.ant-typography[disabled]:hover, .ant-typography a[disabled]:hover, a.ant-typography.ant-typography-disabled:hover, .ant-typography a.ant-typography-disabled:hover { color: rgba(0, 0, 0, 0.25); } a.ant-typography[disabled]:active, .ant-typography a[disabled]:active, a.ant-typography.ant-typography-disabled:active, .ant-typography a.ant-typography-disabled:active { pointer-events: none; } .ant-typography code { margin: 0 0.2em; padding: 0.2em 0.4em 0.1em; font-size: 85%; background: rgba(150, 150, 150, 0.1); border: 1px solid rgba(100, 100, 100, 0.2); border-radius: 3px; } .ant-typography kbd { margin: 0 0.2em; padding: 0.15em 0.4em 0.1em; font-size: 90%; background: rgba(150, 150, 150, 0.06); border: 1px solid rgba(100, 100, 100, 0.2); border-bottom-width: 2px; border-radius: 3px; } .ant-typography mark { padding: 0; background-color: #ffe58f; } .ant-typography u, .ant-typography ins { text-decoration: underline; -webkit-text-decoration-skip: ink; text-decoration-skip-ink: auto; } .ant-typography s, .ant-typography del { text-decoration: line-through; } .ant-typography strong { font-weight: 600; } .ant-typography-expand, .ant-typography-edit, .ant-typography-copy { color: #1890ff; outline: none; cursor: pointer; transition: color 0.3s; margin-left: 4px; } .ant-typography-expand:focus-visible, .ant-typography-edit:focus-visible, .ant-typography-copy:focus-visible, .ant-typography-expand:hover, .ant-typography-edit:hover, .ant-typography-copy:hover { color: #40a9ff; } .ant-typography-expand:active, .ant-typography-edit:active, .ant-typography-copy:active { color: #096dd9; } .ant-typography-copy-success, .ant-typography-copy-success:hover, .ant-typography-copy-success:focus { color: #52c41a; } .ant-typography-edit-content { position: relative; } div.ant-typography-edit-content { left: -12px; margin-top: -5px; margin-bottom: calc(1em - 4px - 1px); } .ant-typography-edit-content-confirm { position: absolute; right: 10px; bottom: 8px; color: rgba(0, 0, 0, 0.45); font-weight: normal; font-size: 14px; font-style: normal; pointer-events: none; } .ant-typography-edit-content textarea { height: 1em; margin: 0 !important; /* stylelint-disable-next-line property-no-vendor-prefix */ -moz-transition: none; } .ant-typography ul, .ant-typography ol { margin: 0 0 1em; padding: 0; } .ant-typography ul li, .ant-typography ol li { margin: 0 0 0 20px; padding: 0 0 0 4px; } .ant-typography ul { list-style-type: circle; } .ant-typography ul ul { list-style-type: disc; } .ant-typography ol { list-style-type: decimal; } .ant-typography pre, .ant-typography blockquote { margin: 1em 0; } .ant-typography pre { padding: 0.4em 0.6em; white-space: pre-wrap; word-wrap: break-word; background: rgba(150, 150, 150, 0.1); border: 1px solid rgba(100, 100, 100, 0.2); border-radius: 3px; } .ant-typography pre code { display: inline; margin: 0; padding: 0; font-size: inherit; font-family: inherit; background: transparent; border: 0; } .ant-typography blockquote { padding: 0 0 0 0.6em; border-left: 4px solid rgba(100, 100, 100, 0.2); opacity: 0.85; } .ant-typography-single-line { white-space: nowrap; } .ant-typography-ellipsis-single-line { overflow: hidden; text-overflow: ellipsis; } a.ant-typography-ellipsis-single-line, span.ant-typography-ellipsis-single-line { vertical-align: bottom; } .ant-typography-ellipsis-multiple-line { /* stylelint-disable-next-line value-no-vendor-prefix */ display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; /*! autoprefixer: ignore next */ -webkit-box-orient: vertical; } .ant-typography-rtl { direction: rtl; } .ant-typography-rtl .ant-typography-expand, .ant-typography-rtl .ant-typography-edit, .ant-typography-rtl .ant-typography-copy { margin-right: 4px; margin-left: 0; } .ant-typography-rtl .ant-typography-expand { float: left; } div.ant-typography-edit-content.ant-typography-rtl { right: -12px; left: auto; } .ant-typography-rtl .ant-typography-edit-content-confirm { right: auto; left: 10px; } .ant-typography-rtl.ant-typography ul li, .ant-typography-rtl.ant-typography ol li { margin: 0 20px 0 0; padding: 0 4px 0 0; } /* 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-upload { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; outline: 0; } .ant-upload p { margin: 0; } .ant-upload-btn { display: block; width: 100%; outline: none; } .ant-upload input[type='file'] { cursor: pointer; } .ant-upload.ant-upload-select { display: inline-block; } .ant-upload.ant-upload-disabled { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .ant-upload.ant-upload-select-picture-card { width: 104px; height: 104px; margin-right: 8px; margin-bottom: 8px; text-align: center; vertical-align: top; background-color: #fafafa; border: 1px dashed #d9d9d9; border-radius: 2px; cursor: pointer; transition: border-color 0.3s; } .ant-upload.ant-upload-select-picture-card > .ant-upload { display: flex; align-items: center; justify-content: center; height: 100%; text-align: center; } .ant-upload.ant-upload-select-picture-card:hover { border-color: #1890ff; } .ant-upload-disabled.ant-upload.ant-upload-select-picture-card:hover { border-color: #d9d9d9; } .ant-upload.ant-upload-drag { position: relative; width: 100%; height: 100%; text-align: center; background: #fafafa; border: 1px dashed #d9d9d9; border-radius: 2px; cursor: pointer; transition: border-color 0.3s; } .ant-upload.ant-upload-drag .ant-upload { padding: 16px 0; } .ant-upload.ant-upload-drag.ant-upload-drag-hover:not(.ant-upload-disabled) { border-color: #096dd9; } .ant-upload.ant-upload-drag.ant-upload-disabled { cursor: not-allowed; } .ant-upload.ant-upload-drag .ant-upload-btn { display: table; height: 100%; } .ant-upload.ant-upload-drag .ant-upload-drag-container { display: table-cell; vertical-align: middle; } .ant-upload.ant-upload-drag:not(.ant-upload-disabled):hover { border-color: #40a9ff; } .ant-upload.ant-upload-drag p.ant-upload-drag-icon { margin-bottom: 20px; } .ant-upload.ant-upload-drag p.ant-upload-drag-icon .anticon { color: #40a9ff; font-size: 48px; } .ant-upload.ant-upload-drag p.ant-upload-text { margin: 0 0 4px; color: rgba(0, 0, 0, 0.85); font-size: 16px; } .ant-upload.ant-upload-drag p.ant-upload-hint { color: rgba(0, 0, 0, 0.45); font-size: 14px; } .ant-upload.ant-upload-drag .anticon-plus { color: rgba(0, 0, 0, 0.25); font-size: 30px; transition: all 0.3s; } .ant-upload.ant-upload-drag .anticon-plus:hover { color: rgba(0, 0, 0, 0.45); } .ant-upload.ant-upload-drag:hover .anticon-plus { color: rgba(0, 0, 0, 0.45); } .ant-upload-picture-card-wrapper { display: inline-block; width: 100%; } .ant-upload-picture-card-wrapper::before { display: table; content: ''; } .ant-upload-picture-card-wrapper::after { display: table; clear: both; content: ''; } .ant-upload-list { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; list-style: none; font-feature-settings: 'tnum'; line-height: 1.5715; } .ant-upload-list::before { display: table; content: ''; } .ant-upload-list::after { display: table; clear: both; content: ''; } .ant-upload-list-item { position: relative; height: 22.001px; margin-top: 8px; font-size: 14px; } .ant-upload-list-item-name { display: inline-block; width: 100%; padding-left: 22px; overflow: hidden; line-height: 1.5715; white-space: nowrap; text-overflow: ellipsis; } .ant-upload-list-item-card-actions { position: absolute; right: 0; } .ant-upload-list-item-card-actions-btn { opacity: 0; } .ant-upload-list-item-card-actions-btn.ant-btn-sm { height: 22.001px; line-height: 1; vertical-align: top; } .ant-upload-list-item-card-actions.picture { top: 22px; line-height: 0; } .ant-upload-list-item-card-actions-btn:focus, .ant-upload-list-item-card-actions.picture .ant-upload-list-item-card-actions-btn { opacity: 1; } .ant-upload-list-item-card-actions .anticon { color: rgba(0, 0, 0, 0.45); transition: all 0.3s; } .ant-upload-list-item-card-actions:hover .anticon { color: rgba(0, 0, 0, 0.85); } .ant-upload-list-item-info { height: 100%; transition: background-color 0.3s; } .ant-upload-list-item-info > span { display: block; width: 100%; height: 100%; } .ant-upload-list-item-info .anticon-loading .anticon, .ant-upload-list-item-info .ant-upload-text-icon .anticon { position: absolute; top: 5px; color: rgba(0, 0, 0, 0.45); font-size: 14px; } .ant-upload-list-item:hover .ant-upload-list-item-info { background-color: #f5f5f5; } .ant-upload-list-item:hover .ant-upload-list-item-card-actions-btn { opacity: 1; } .ant-upload-list-item-error, .ant-upload-list-item-error .ant-upload-text-icon > .anticon, .ant-upload-list-item-error .ant-upload-list-item-name { color: #ff4d4f; } .ant-upload-list-item-error .ant-upload-list-item-card-actions .anticon { color: #ff4d4f; } .ant-upload-list-item-error .ant-upload-list-item-card-actions-btn { opacity: 1; } .ant-upload-list-item-progress { position: absolute; bottom: -12px; width: 100%; padding-left: 26px; font-size: 14px; line-height: 0; } .ant-upload-list-picture .ant-upload-list-item, .ant-upload-list-picture-card .ant-upload-list-item { position: relative; height: 66px; padding: 8px; border: 1px solid #d9d9d9; border-radius: 2px; } .ant-upload-list-picture .ant-upload-list-item:hover, .ant-upload-list-picture-card .ant-upload-list-item:hover { background: transparent; } .ant-upload-list-picture .ant-upload-list-item-error, .ant-upload-list-picture-card .ant-upload-list-item-error { border-color: #ff4d4f; } .ant-upload-list-picture .ant-upload-list-item-info, .ant-upload-list-picture-card .ant-upload-list-item-info { padding: 0; } .ant-upload-list-picture .ant-upload-list-item:hover .ant-upload-list-item-info, .ant-upload-list-picture-card .ant-upload-list-item:hover .ant-upload-list-item-info { background: transparent; } .ant-upload-list-picture .ant-upload-list-item-uploading, .ant-upload-list-picture-card .ant-upload-list-item-uploading { border-style: dashed; } .ant-upload-list-picture .ant-upload-list-item-thumbnail, .ant-upload-list-picture-card .ant-upload-list-item-thumbnail { width: 48px; height: 48px; line-height: 60px; text-align: center; opacity: 0.8; } .ant-upload-list-picture .ant-upload-list-item-thumbnail .anticon, .ant-upload-list-picture-card .ant-upload-list-item-thumbnail .anticon { font-size: 26px; } .ant-upload-list-picture .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#e6f7ff'], .ant-upload-list-picture-card .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#e6f7ff'] { fill: #fff2f0; } .ant-upload-list-picture .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#1890ff'], .ant-upload-list-picture-card .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#1890ff'] { fill: #ff4d4f; } .ant-upload-list-picture .ant-upload-list-item-icon, .ant-upload-list-picture-card .ant-upload-list-item-icon { position: absolute; top: 50%; left: 50%; font-size: 26px; transform: translate(-50%, -50%); } .ant-upload-list-picture .ant-upload-list-item-icon .anticon, .ant-upload-list-picture-card .ant-upload-list-item-icon .anticon { font-size: 26px; } .ant-upload-list-picture .ant-upload-list-item-image, .ant-upload-list-picture-card .ant-upload-list-item-image { max-width: 100%; } .ant-upload-list-picture .ant-upload-list-item-thumbnail img, .ant-upload-list-picture-card .ant-upload-list-item-thumbnail img { display: block; width: 48px; height: 48px; overflow: hidden; } .ant-upload-list-picture .ant-upload-list-item-name, .ant-upload-list-picture-card .ant-upload-list-item-name { display: inline-block; box-sizing: border-box; max-width: 100%; margin: 0 0 0 8px; padding-right: 8px; padding-left: 48px; overflow: hidden; line-height: 44px; white-space: nowrap; text-overflow: ellipsis; transition: all 0.3s; } .ant-upload-list-picture .ant-upload-list-item-uploading .ant-upload-list-item-name, .ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-name { margin-bottom: 12px; } .ant-upload-list-picture .ant-upload-list-item-progress, .ant-upload-list-picture-card .ant-upload-list-item-progress { bottom: 14px; width: calc(100% - 24px); margin-top: 0; padding-left: 56px; } .ant-upload-list-picture-card-container { display: inline-block; width: 104px; height: 104px; margin: 0 8px 8px 0; vertical-align: top; } .ant-upload-list-picture-card .ant-upload-list-item { height: 100%; margin: 0; } .ant-upload-list-picture-card .ant-upload-list-item-info { position: relative; height: 100%; overflow: hidden; } .ant-upload-list-picture-card .ant-upload-list-item-info::before { position: absolute; z-index: 1; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); opacity: 0; transition: all 0.3s; content: ' '; } .ant-upload-list-picture-card .ant-upload-list-item:hover .ant-upload-list-item-info::before { opacity: 1; } .ant-upload-list-picture-card .ant-upload-list-item-actions { position: absolute; top: 50%; left: 50%; z-index: 10; white-space: nowrap; transform: translate(-50%, -50%); opacity: 0; transition: all 0.3s; } .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye, .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-download, .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete { z-index: 10; width: 16px; margin: 0 4px; color: rgba(255, 255, 255, 0.85); font-size: 16px; cursor: pointer; transition: all 0.3s; } .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye:hover, .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-download:hover, .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete:hover { color: #fff; } .ant-upload-list-picture-card .ant-upload-list-item-info:hover + .ant-upload-list-item-actions, .ant-upload-list-picture-card .ant-upload-list-item-actions:hover { opacity: 1; } .ant-upload-list-picture-card .ant-upload-list-item-thumbnail, .ant-upload-list-picture-card .ant-upload-list-item-thumbnail img { position: static; display: block; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .ant-upload-list-picture-card .ant-upload-list-item-name { display: none; margin: 8px 0 0; padding: 0; line-height: 1.5715; text-align: center; } .ant-upload-list-picture-card .ant-upload-list-item-file + .ant-upload-list-item-name { position: absolute; bottom: 10px; display: block; } .ant-upload-list-picture-card .ant-upload-list-item-uploading.ant-upload-list-item { background-color: #fafafa; } .ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info { height: auto; } .ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info::before, .ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info .anticon-eye, .ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info .anticon-delete { display: none; } .ant-upload-list-picture-card .ant-upload-list-item-progress { bottom: 32px; width: calc(100% - 14px); padding-left: 0; } .ant-upload-list-text-container, .ant-upload-list-picture-container { transition: opacity 0.3s, height 0.3s; } .ant-upload-list-text-container::before, .ant-upload-list-picture-container::before { display: table; width: 0; height: 0; content: ''; } .ant-upload-list-text-container .ant-upload-span, .ant-upload-list-picture-container .ant-upload-span { display: block; flex: auto; } .ant-upload-list-text .ant-upload-span, .ant-upload-list-picture .ant-upload-span { display: flex; align-items: center; } .ant-upload-list-text .ant-upload-span > *, .ant-upload-list-picture .ant-upload-span > * { flex: none; } .ant-upload-list-text .ant-upload-list-item-name, .ant-upload-list-picture .ant-upload-list-item-name { flex: auto; margin: 0; padding: 0 8px; } .ant-upload-list-text .ant-upload-list-item-card-actions, .ant-upload-list-picture .ant-upload-list-item-card-actions { position: static; } .ant-upload-list-text .ant-upload-text-icon .anticon { position: static; } .ant-upload-list .ant-upload-animate-inline-appear, .ant-upload-list .ant-upload-animate-inline-enter, .ant-upload-list .ant-upload-animate-inline-leave { animation-duration: 0.3s; animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); animation-fill-mode: forwards; } .ant-upload-list .ant-upload-animate-inline-appear, .ant-upload-list .ant-upload-animate-inline-enter { animation-name: uploadAnimateInlineIn; } .ant-upload-list .ant-upload-animate-inline-leave { animation-name: uploadAnimateInlineOut; } @keyframes uploadAnimateInlineIn { from { width: 0; height: 0; margin: 0; padding: 0; opacity: 0; } } @keyframes uploadAnimateInlineOut { to { width: 0; height: 0; margin: 0; padding: 0; opacity: 0; } } .ant-upload-rtl { direction: rtl; } .ant-upload-rtl.ant-upload.ant-upload-select-picture-card { margin-right: auto; margin-left: 8px; } .ant-upload-list-rtl { direction: rtl; } .ant-upload-list-rtl .ant-upload-list-item-list-type-text:hover .ant-upload-list-item-name-icon-count-1 { padding-right: 22px; padding-left: 14px; } .ant-upload-list-rtl .ant-upload-list-item-list-type-text:hover .ant-upload-list-item-name-icon-count-2 { padding-right: 22px; padding-left: 28px; } .ant-upload-list-rtl .ant-upload-list-item-name { padding-right: 22px; padding-left: 0; } .ant-upload-list-rtl .ant-upload-list-item-name-icon-count-1 { padding-left: 14px; } .ant-upload-list-rtl .ant-upload-list-item-card-actions { right: auto; left: 0; } .ant-upload-list-rtl .ant-upload-list-item-card-actions .anticon { padding-right: 0; padding-left: 5px; } .ant-upload-list-rtl .ant-upload-list-item-info { padding: 0 4px 0 12px; } .ant-upload-list-rtl .ant-upload-list-item-error .ant-upload-list-item-card-actions .anticon { padding-right: 0; padding-left: 5px; } .ant-upload-list-rtl .ant-upload-list-item-progress { padding-right: 26px; padding-left: 0; } .ant-upload-list-picture .ant-upload-list-item-info, .ant-upload-list-picture-card .ant-upload-list-item-info { padding: 0; } .ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-thumbnail, .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-thumbnail { right: 8px; left: auto; } .ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-icon, .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-icon { right: 50%; left: auto; transform: translate(50%, -50%); } .ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-name, .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-name { margin: 0 8px 0 0; padding-right: 48px; padding-left: 8px; } .ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-name-icon-count-1, .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-name-icon-count-1 { padding-right: 48px; padding-left: 18px; } .ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-name-icon-count-2, .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-name-icon-count-2 { padding-right: 48px; padding-left: 36px; } .ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-progress, .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-progress { padding-right: 0; padding-left: 0; } .ant-upload-list-rtl .ant-upload-list-picture-card-container { margin: 0 0 8px 8px; } .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-actions { right: 50%; left: auto; transform: translate(50%, -50%); } .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-file + .ant-upload-list-item-name { margin: 8px 0 0; padding: 0; } /*# sourceMappingURL=antd.css.map*/ /*! * * @kdcloudjs/kdesign v1.7.61 * * Copyright 2020-present, Kingdee, Inc. * All rights reserved. * */ @font-face { font-family: "kdicon"; src: url(data:font/woff;base64,d09GRgABAAAAAGOUAAsAAAAAu7gAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAQwAAAFY8R0jHY21hcAAAAYgAAAXHAAAN3Ihyn8dnbHlmAAAHUAAAUq4AAJoYxXn/NWhlYWQAAFoAAAAAMwAAADYjoknfaGhlYQAAWjQAAAAfAAAAJAi9AuFobXR4AABaVAAAABwAAANsU5H//mxvY2EAAFpwAAABuAAAAbiV9bycbWF4cAAAXCgAAAAfAAAAIAIUAMpuYW1lAABcSAAAAScAAAH+g0MAKnBvc3QAAF1wAAAGIwAACrtqIUfFeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGR+zDiBgZWBgamKaQ8DA0MPhGZ8wGDIyAQUZWBlZsAKAtJcUxgcnqk/V2DO+d/CEMWcy1ADFGYEyQEAEaAMiQB4nN3Wd9jOZRjG8e/zelNJaCmFtIdSaU9SkkpUaAlpSZGGjIhUVLS1UdIiTaWIjPagQhTtcd3HoXW0dzovZ//X372OD8/7eI7f8/vd932d1wWsBtSQHaRaL6+goldUDde7lVXv16DWqverqzrr9y1pos9VR/NoHV2ie/SJfjEohsTImBDTYkbMihLfFEqTlSshtokW0Sa6Ro/oG/1jcAyNUTExpsfMmB0r4ttSlZ/615+KvnUfDqEvFzCamxnLeB5mWYVKVaW60rHStTJYn6pLTSbwGBuygT43RXd+LGfxBuvSj0ncpbtuyvlsx30cRCsW8zZLaMdSXuBIHmcG9VmfOqzDSNpyIJfyIrtwPBfzHMOZyY3MZ3825WqOoT/PM44rmMUrTKYr3ejDWuzO9lqp+3lE9zmbMbzFQI7mFqZxBgPYj160ZAtu4Bk9zXE04EI9xb48yz2sQXc24lAW0JxOXMIRXEkH2lDFqZzGAzzI9bxKb9bkHTpyB7dpDXbkMCZyHTtzK09ohU7WikynhXZrrlaqNafTjJ6sTkPWZirbcAKjuIZtOZyjOIXBLOJRBtGZETzE7dzLbmzFiQxlD85lDvO03jvpbBzAS1zLnQxhGAt5mae5XPs/ml21B0/Sg/acx01cxGY04l325GzO4WDeZBmvcxJ7szWbcDdXUZvL2JyN9edMGvMUe9GF11iPetrcmv/hBPzff2rnX7U6/vPb8qwc06kmtjWdb2I700kntjedeaKp6fQTO5jqgNjRVBFEM1NtEDtZ1n3sbKoXYhdT5RDNTTVEtDBVE9HSVFfEgaYKI1qZao04yDJT4mAj77G1qRKJNkY+06Gm6iTaGnmNw4y89uGm2iWOMFUx0c5Uz8SRRr7X3lTjRAdTtRNHGfnZo00JQBxjygKioykViE6mfCA6m5KCONaUGcRxpvQgjjfyOU4wcp1ONGUL0cWUMkRXI9e+m5HX6G7KIKKHKY2IU0y5RJxqSijiNFNWEaebUos4w5RfRE9TkhFnmjKN6GXkGpxlyjnibFPiEb1N2Uf0MaUg0deUh8S5pmQkzjNlJHG+kc96gZHP2s/I6/U3ZSkxwJSqxEAjz/sgy54Ug02ZSwwxpS8x1Mj7GmZKZOISUzYTw00pTVxq5PdcZuS5uNyU4cQIU5oTI41c11FG3u9oU9YTVxu5rtcYWTfXmjoBcZ2pJxDXm7oDcYOpTxA3Gnm+xph6B3GTqYsQN5v6CXGLqbMQt5p6DHGbqdsQt5v6DnGHkWdtrKkXEeOMrMvxpv5E3GlkNtxlZH1MMHKNJxpZo/eYOhpxr5G1eJ+RGXC/qd8RDxh5ricZea4nG/n/Dxr57xQj1+8hU68kHjbyzD5i6p/Eo6ZOSjxmZK0/buR6TDVyzZ4wco2fNDJTpxmZT9ONfO4ZRu7tTCPzdZaRezLbyGvPsZy1Yq6plxPzjHyO54z8nueNzOMXLOe3eNHIa7xkmgOIl43M3VeMzIZXjewJrxmZDa+bJgdivmmGIBaYpgniDSPX6U0j+9VbRmbeQiPrY5GRdbDYyJ72tpG5vsTIbF5qZM69Y2Stv2vk9ZYZuZ/LjcyG94zM6feNrN0PjDwjHxpZBx8ZeTY/Ns1CxCemqYj41Mj8/szIjPncNDMRYWT+FSP3doWR+/mFabYivjSyD39lOYvH16bJi/jGyP381sj8+M7IWvzeyPz7wcjM+9HIffjJyLPws2mSI34xMud+NU13xG9G5tnvpomP+MPInPjTyJr4y8getdI0GZJLkDQjUqpM0yKlhmlupFSbJkjKaqZZklLTNFVSVjfNl5Q1TJMmZU3TzEmpZZo+KWuZ5lBKbdNESlnbNJtS6pimVEpd07xKqWeaXCnrmGZYyrqmaZaynmmupaxvOcGVDUyzLqW+aeqlbGiafikb2arXDUwzMWVj03RM2cQ0J1MamiZmSiPT7ExpbJqiKZsaeV9NjHp/A7c+ZTgAeJzUvQl8G8W9OK6Z1V5aSauVtFodtu7DtyPJkhzHcg4nzklOOyYXuQMhISElJWCOkkBKW0iAQFtCW+hBCy3QQim4LYW+XlDoQS9oX6Et7f/1kXdAKc/0oGj5fWd2JUuOgfDe+7zP5x9HuzOzM7uzc3zv73ctVovlzb8wFzOKRbGolhbLMosF5Xyq4uUS2Vg8XVB6ivksG1NiTM6nqYlCTMmriXg6A+UlqNiM8lA76+XakUqaxNNlBJcL2Z7iLFSAtsxyl6a59EvIER3UP4m2nK3F8azKV378Yy2OIhr6m12ZZVcU+yzFblf6SapfsaMf1dp8wKXN0j+JfxvRfvbjyldmRX14FTTUF9F6U9paLBYWfhbmFvwLi2RxWoKWtCVnsaRyPugcvA7pkMbXZ98qzbzX4XY73niRHCMTE0wvSegj5IjumZo2qt3oDipK0I3uufvuPe6AG/6PG6fHoRSuWXizb69aZIvHkrBkLPMtw5azaf+akfHoMoKHszE1pkxTxpgDbg63OdjmUPPTNVgbTCaDlWQgmQzg5ytJ/PzU/AaHUiadL0Mfy3a32152v0iu6heRIzqmX4SO/SgZKAcTiWA5kCyX0b6G3D0NTYPkZhF6jdYql8krY1hjv2JuYbotXksPWV+aT/N5eY7n4pl0Jt1TKpaKWsKJ1CwsLW8+m1d9cCiW4VWLPelENlFIJ9Cpgzu29s6a1bt1x6ntW2f29c3cuv29Vtk+HomMo2Zr6GGXLLsexk1MN7lyqqHuOJLl8fLXQ7j5YTnqfCRE+oRon8i699AVTwZOIUNaUMwFsJbO8gMwf/r9DkVxMC54z0qSlOLnyXTSexh7p8ncNbFpbhSDrYJOOdxoxZQbopVuuKdDv5+UPEBX0wpIopUOuLdA703GzG3ptBQt8yxLLaOWLZa95El0e8LdS0oPpOEBMKQIRlR1wnrIiAiWhzmyqMiQLpGOxIx1Q/uUOeNCJhBRXZUvyD5Uxin9JdmGPiBJHM/Lkn5MP2GTsWjlrJKErrWddJC17kYbyZs8Qw6XnUEJ+lZEv1RWVRkdSUb0E2hfBO2T9F9LzTYE90Wa/pKEsNXWLKG0VHmfsZ+M/yfrM7fWZ8j8Ws299hDAAQ32WncjFDiTNP4HmaXK38kRH57c5/iO6cvN/T/esPfNU60/r/4P+rONPKXyOjkygbr+cNOXrzH684zRgwnj9Ozb9CfOeX35GN1zZ5JG+8imx/zkE42nV/4+ffnb9oet7SUCGzVLyBKxWDQTAcUMjMQjwEP1vzE6Bc873C5Jv1B/GmXRPnLUT0ymRbJb6Xwl7Qo2rz+N7zDOdA/DOOxhREsKRiAPkKiMiloJNk+cACheLeaLmsJpPgpjZ5FdjttubxZlfK71ge/KUfacs5df4E61CYiXkrdHfD2+iC/g8ideZ5g9V95tta5ZOHt4B0JYr2Q8se+rzc0qPM4Ye3jXCIx8/yTGjan5yfmGB1YRMMW/YSQjJ+pGPDl0odloAEVQqZgzYLz+wK0UvJwgY39Sv38Swl8tIv6vgiYu3iH4RQyZK0jmt2KQcSWCeimYGDPmZSwRRE8CyNZL6Gqo8Vd4o0U7oDoDmStI5reixRwv/Ec8y+KATBgVZ6NiGjrM+TR0n6u93fV5v69FPxpqQi5k98my74VYl5r0mePcijssLovFk4ZlBBArB/CpBwYaPS8G3CJyi0GRzFhA1P8FJ0R3UNSfFklJ0A0lBh75GvMgsxzwSPtb4BG4tYw4jYvA3aFrPd2oNADjhU5dcf555YGB8nnn/33PuSRx7p7HxYD4QRvGtg9CwiWKO3eSt2XOItf+3lBbf1IUPyA5ZekDoqhA5V07RU1kzLG4Cd9Ax6KLjgWdyHQGbVVlWTXeHZ1NxuXugK9Vf3+oGbnMdo/B3oOxMEfAGI9iTwbhh+gI3A9vvpIMi/44foye7xdJsaDAIPVNHQt2cgQmR4WhQ5ApdiM6KN4IWTsRGIvLq0NQe00yFh+QMIY3DMArirt2wYzjoYbxopVRSYRBk51kKFwwXzt3CWQozHe6xRyLAZSGh3IwFr5iCV9IxuL3sS5fUn2HsYBlb2AyRBBRCaE+MhYwDvTtYYn0TTcWxj1+g2eb88DBy1Iglc7gRPV56LIgPA8H32pNlownGs+HBTXNmnwclqSActCZHwuwJFFTdT8wo9D/gMUimt2mJNgAMuGWE6UzTHPldnI/vE2/XHIhtx3dFUy4NAXhY3AB7o63uezIrgDhdbbdjWSpSqP8gtnGlCxlutcAADpRFy6SXoYRWTNhVILndGF6JVx3hecyXSiTLpLLPga3NAcy+q9CC4d6PC4/vBNQGbz+itbRr6FMs6r2LTurWf9VRyQyetHBDuQRAwrm9T+Vli1ZvGyf15ssoNbWffvwKy179rbqvwx6PD3zF4TgLopf1F/xzWnHXpQOL1/Rp7pDcJeLLx6NNLXCXRTNpr/S6/F6PfuXLLq5F27S3GzBb74J4/VT5gKgmVqre1gly5X0Nw4LlIeFXDBowrgTwSvmBlBPF6zao+/ZN3ewrXVxaOecwZsH5+5oWtzSNjhn/3uuya7JZtdsJwdmLy0475wN8+fvbgqHm3bPn7/hnPOuec/+OYM/NevAwaRJP8aM4I9abIBtABdrYaTFYHkXPTCCMGfxLtQzAE89Z9WKXWIlI+5csXpTbjibHd4+ks2O/KO761Pbtn2qqxt9LDuyYziXG94xkqVLoY7WbQX6/i2oXYpcvORKjuR7yBWeQHiTgtSq0J4A+mJuOur34Pa1q7O5XHb12idG1szI5WasGbkAANhlaJSgO/3zl5iw+3N2LH1ODExHGJcbWj9B7ncvIInLACFfAhCOIIvP2WOOu8R6vqoOP9fwlomnCE7O8ImSB1iPAmE/NmjxuFYJ+WMxP36BIKNyeDw8QRLkh38e91cm/PG4H9v9cf1p/eUx4Cjc5fGyMY7fZK5nBoA+SVvyjdSSx1g1SgO2VGprhqc0MawnfMTp9Tr1hxxer+NzqxbMz7Rud3o8zjf+SAp2tGYGh1aVz51jRT+ZtaMfe0MeT8jL9KdTs+cu0z8FaShBm5fNnZ1KDxY2FB2Eee09p4+hffslE4Q5brIstqyDcfDmYRoJRiZdyNDZzKQTdJJVvqdQhM0IrDOMFhAx0HOYXVjy0FGyTxMcTH08UciRppoXLgPbU+jpwom4hvYFI/GMi3HJHtXuQCLvtGvBdLApKnrfizDTFEeZWz+xcSTQ3uJqDgfFfDDsjgxu35RNyu62WBPDoPeKkppfviRQGB4E6uc3TRhbkZWXleZoJt6sanBTzLCiJyM4fIJdnLfpwMqzfVa/Tw6uKC3ucuU9KsMi8m8uL3IeVnKytlXbZi1ukSlf112j2RjgbaW6lUF423a4nreULLMssy2DloXAv6ywrAEeZoNls2W75VzLHst+y0WWQ5bLLO+zXG251nKd5QbLzZaPWj5mucPyGctdlnssX7I8aBm3PAKwWU0U8u/wSxHhhPl7p/R/5z6lKeXv1B8Ea5CB/fChruu74a/uqH+9G93ZXZnfBccpCSZAjo0NKp8yr9fadU02mHrvio8JlCtb8R3p7tP+bTJPXfTfOQ2FDfWmq2AW1v9740Um8MaLsJW3wlro+j9ZC///XAkACf/vV8EbL/4fLIFKkgACHub+BWYjU54y7xZPD5BAgCEARBc8ar7Amz8PoAcEvxT8NiP8OkIVDt24mfybgZbrXzZ+TD9Cb3wOeKePb9nyTfofXblli36EJidx7cVMD/BQ8wASW5DKZCjyTgD2zmgEewKThIEDyOe0jIfIzHgivATyQkR1KBbIJh+TAEqjmIlzfL4LMQszKNOdHc51Lc/zqFO2izZV8qpY3j7b60FN+jGXZJXcyIourfzgNhtnxZxPetKJHfinctjzn7Z5w/P2ts2zQYJRGL0JBVZvG861LerEPp71+2xWQeL6zwLAOqq33Ae3ke2PCDz6nf7EObzPxth49nIhJqIbBKWyoqWn51s9LS09Fs7Ev5eYo5sE6qKTYmBAhB54L4oHM4ZgFsg+WHOphJpX2pFC0XIhk9AKzHItLPJIkR2eSrc/DA91uRwe/M+V53CqcvvY2CFmDI3p38Ep5oYT+BIg8hV9tRoSOKfTrqD7SArpF23duhWN6y+igP5i9tSJEyYt9TrQPB6ggfNkFmAGeELCmKNbzGdjQMSVCkyEUrFqjCLpRAEIrFIsQyaJuaVnXaHyr5+1MU7N9qqN4UUX3p+anUaPM3+yWWV75SbI4HLPuh7cfK/N6tTQNcHcSB5fxge8VvYrQsBmj/ZGY+iDzANCwIu5aCkWhQo5fJUQ8LC1tXIz4Oy4pc0yg/SS4F+V0mCAvaEnecLvcwlKpcEKgRJKZmgxjxLrwuietddlWgnBtH3z6hW7+DLf37dp6/6DhI7Kdt/9mf1bN/X18/raMkq7hy9l2gfkXctWrNtBiKvOjpObLti4HogUILwO7t60/hJPsWfdxn1oqf7qgvcsNeXCowA7JZjb9hqUnELzUFqLiOXqZSK1fGpKnk3AxJs/ppdKQLYSCcEYERCMUdHb9bU8OkYq0FK9CDSYh9JhZVNigweBnixSkeVTlLaspcfgrt+gQpj5DmVcP4iu1w9irvJ6TcYB9LUhXzojaVe90L1eklWf/mKD+GjCFK2bPGAF3wrza0GE+SRMIHC8hO31AW2m+aioohuWI2W4T41bXa0yJ1kdX/2qLFvlNnn8EaXVyUmMc3zcFemU0dNfZRzYyStp5/hX5U6ZcWJ5/Otw4F0Zx1fHXR0R2ZAzmniP8OHzAKdZPHVTQwX0RBwfM6Xz2YRaN0lZZpKCpkL7bL5Aj6agvyrQp5XHkIfMFeNw/xmGHP8bGY0/07zbMU6u6C+Rqfiz2/GoHaqQuXyZzvPCauplxUFlhZxDMa64HW70JEzoS6Q5XHqZ3OBlqEAXhcehNMju82/BzbBksIGIzfLGiPvIaJeyQM5mMzDa0zEvKCqp0uFrvF5GRNLhw7523+FrVC+jeI8ckabjVHQJql3j9jKS10aqq0dIxqsePiypJg8ewg9bmmH0qVCMMMHQTyfKQH8AGZQ80NcBpJ1iKhUxqCD+TYsuKJr4pqVCuF3hzYqoeEX8RQyXzWJSCxm1EKnlYlgD1plw2E5Xmk9T8kqCwN2EkshpKlD9AFQIRFE5ogjrKeJL9u8fOOvAAab88lBXz+zV525ZvrhQXLX7ymP4kiceR8d0/1M/4PUd6JRnTtPu9cM7orNCh89/z3WW6h56EL8GWDUB1JMF5eG9GHipBHmjAcQSFDaFVWSJiIfKecJURkiEP3gE2e3M/YwqmWf9NQHzjz0CB0bwiT+D88+FALpUQBwUIq6uEP+ZUe2VyyU7A63xUcl+I1x75KuCT2AExD8N558IwulFdN38mbmM8cModZBximDoO6wTzQdrpxuSsHpmUxFFcTYeQJ4MXOJLWqaEXndyO/6gqAwWP5tmvG6n44kn5JjI48xnHchuc/x/24XoOVu2/PZTqW9/J/0pxsU7nkngJrdDvOcldxOD+f37BVF2yC/dY0/YRZx4Rrbr//yjH8U/96979/zxczU+9lWASmGgTGdYZtb42HYybhkAEYk6uatWiqGqYiR/WsIQvk5sAwSEmW0TVakrcm/chJTKo5DPJxJ/CiYS+WTyT5DLJZP41WRA9wcTl9kYATOXJYLoVCBZ1v0HD6IsqZ1P1h8n9WcXwx70T+J8ivIB4/OFmrzE4wS4AujUSdZEnvCTXYhDfzvngcLMLSPr9nsWeO6ak0z3Fs/Z8mdtdNeIn28OikLs0NDisShvCzUx3bvWrNtx7pdyBZbZ+8jMxcvX7hodzuX1eR092VaH4Aw5+gYXlR0hu2jSfAbccwAX3GLpscy3rLQMm2OJJiXXcSoFzMdSCrDFqE6zNAW5aZPEWbHE1qulgIxhAsle/Wl9T2LGjAQ+v3K74vAr6CLE8IJ+hII/ipBOUZjnJ+mT/gSO+a+EY9SPflyDkLeOjTGu7qg+U690xfBlsa6y01X5nEt7Fn3c7XBWnmvQLKEVUf/7avcxFTljYxZTV0Hk9x2wehbCW28l7x2m9GUY0ckhWz9T1SKYeUJSdCFC9TRItujLAmKgb5st1b16YwZ9fNb2vmLn/PPDYZfP1ZoZXPDpBYOZVkiHw+fP7yz2bZ/VsaSjY8nZ5IDuJkq1G5yq6rxhmhTjKp9XnrUzEjh3waIVkqJII4uHWtvbW4cWj5DcikULzg1Eds6CSr1dyzeu6OxcsXF51zfMITBw7lgV9RLa1FwLSaCtZloWWFZZNpnrVCN6G5hY1UuAFEw3DIACI0DVKSWyQBLAKJdiCTWWIyBLzSolhS4Tni6NUuot0kze1wz0qCw73GMcEpp9elxrkuUm7b2ybHejrO7H6OWHdB9G3V67VZav0F+3uwEW3Ee0RWh4+jTjIo0rL2jk1iWVtJObNRz0Ncu98Dj+K5VncdvYHBaT540i3Fb5qzugIAV+J91+Bbv9bpJwI5Kpow2aKP+70tgd2ZpxxUyK8mO5okEMZKoXybVszfICvZ3Wnxm1E5XbMbvituOCw604rtI6Mr7Ko75MRMXLKo/iQf13dvfdZFPcDZNnJvDngHI7TvaFQ3E7cMHuPt9o1KHhITVShnZcQwOaIDJpKr8l71RsoAaM1TspzExQUS6seIKduDhgoQHAAYjwJkX0t3PXrc339OTXrjuXdGF0yeK2jo62xUtGhxcPnc3OEwJuhhuzNYuXCtgTEOezhfzIKOPqya1d95N1a3M9sPDa2xct/eLSRe3tLZkPrV5qwy7NdkySPmQDXG5bsWNk9YysSfMb488DtAdQWpoRm6HALzNJP9OxrlJsvBLrKZ4EXui5ckzD3VosplV+6o+O41QgmQhUPpHswSnWKCVH/PtkoPJcIIHw9kCiZnvySfxreHJNRgrMg5KKNQpKNaq/VOlflhl449vMgLe52fvGt+G4AI3o96D3o7X6F8gPf77yMF6SbfZWHiZV8BJv8zbdj059JzthPu9SXKEyF0PSAjSCmkjBj48VEoV843NnITVBVxRcx9t7e/UHS6W78M8uuIC+U5cWjWp79+KfVbrwz/T5d92FK3fdddf+u0pRrfILcg13aNHSb/Uv4+2lBjwaAvhfIHjUo8I2Nh6reYydahgKVVexsXpr1LCRIZzgxBh+fmwMhhLF/JUIBbqGwLgCu5aaDAw4CCviXjGGHyqPj5eh2i+hetSP26A24Ian8R31zE01VS6X39kmyKNk2HfJnjzz7kyC9PvvLr+VTRBdo16gJwOUpy9b5lrWE5ly9bGG3Hgyw0xj6OOZpgxppSIlEAmtQiguQiBmYB8y74W+HpxkASfTEaq/T1KO7jEiRgxPLais3rDeHhak9esFlyas3yCFRfv69XYxjH9uTNR3jZN+dHIiiNFQQ+6F9eslIQztBM0lkHREoneaYisUfwt+A6gLYoWQNc0QpmMvltTmgljuTMdQXDRpKzKJz1WYA6JtmG3aBLWj2u4xAJwJj1XTwodSgpOZ0mmLZSOA2ecc7g3UTuMqsnH1BxrG6VrKUNPO4o8QA6NHaXKQmFJVnkOngKs7Qd+EGltMpifq1s+vmNuonVAY6JGCZcCyxLLWwL4Kwa319nqEO0vECQ+sxcnC0PI5siQyfJWe1cjIkmF9K0oNP2ZXULny+jMTcJbt6D8e3a3Yzv/ON8532c7/9k1reX7l1d4TIzy/4mo1XSwuKxTS5np4k06/YfdEX8UwquqWJX0lOlZJDsh2Jmx3Yd3/iaBy1+1B113lA6JtN3+hTdzNhwvLyM3MLYQ8jbY1BM7/hhmFMeizrCD2dIiYa9CJ4TPFUiFBVz+hQTRAQYaCpaTVZD0ZEzYSZXmOoWQcb+4ZztACTo7K3/YvGi44lNmdndi3efX5m1duTkTCvUJnMRdpWt/eXugrZtr65/bOSbW5HYXhhfsFRWwbao3eSFS8NydWDbW2DrWmC+RtmLb5HTAKbxw6v3Plule6587KWv+4bOH8mUJnc6gz1d4dCoZjpdnL1m1BVru7Yz6r/1frwtae1huJFvlmb9vQ6oWt5SIZlaJhh4Yfo7J3gP8ogbdt1E9sZFxvvEj3k4ED3cTCRURU72iYGojU9oA9vYiZq9/KMKKI9hE9t343OltUgvoe/aNGIdXAG4WMoH8UM2JQ0G+imvp1aJ0QVKYttJh9uaXaFw+iW9vQmYvEfiLHIqIbqxURc4Ab0HlWeKp+AhhyAa3T7xKQO4A+QkoFRIvdIjpbvxue9G46g2v4q8nkAOsxFtk7Xp8GAKYEOSpaI7DUS0QcxLKhSKQbsJbgIvNe2Agon6xsTBUo/eeS8GegyK1f5XDvFP2KeJuoCbfxSMSiX9juRrpL0o8nCziXRBdRy6Xjxk464HBPEPHbTh4pQfEkj4TbiA4WztvRUw53g6zJDVCK6FQsiI8R8rleCcsagwpUF+WwqU0AD6QYKvFaCc8v6yfwHeUaUH/fXkHQ53PidQ4VYxzBHHpEDF6q/9A9jPLtc+fOBUahshWtLJsg6nmHEtlLbC/mc7gJO+08d63IoW+ID+s/XKWg/H1z58ypp7vsMLrRGn9tdJCfojSmxk1rDcPAfRTd3G5IFIlUmhhIVm0uHUpZIRdJZpuDgEdL47PihP4pVS3UCl0ICKEcef8eIgSBMQEUSdZXCWkocQXRBONfOj2M6qiceyNnx+jPNtsxm2bTZRvLYnsK3bNHHz6/h/TLIXkiLItetvltN9hsuttmu5F1Wll2HH18jz4yaW/4IP4L0EO9AIGXw1srHE85clhSdDn5qJjZwxS1LKsSVkc1+T6CsksFlsukYBOUsmwiTrsKIKlYyBYIjnOgFJ5g2jLX3n5tpo2ZNztfuryYn43RX2UZfcEbivtj/niTT/+Qw67faJNEO9MSY1iWiVnhn75a/z2KwN/j+k9S4eZotDmcQjOi+mvelGSXpKQHGLPFPP/jo9ao7yjRxh/1xZi9X2Gt97NaiHuGtR4ltzpqZdHcD133IUt1H9/H+ABbhglM8RHTvBzsB7qDunG61EMMTzyI1/L4chRVsEf/LCoBW4Zc9spjknBn3oOa0U/cuaD+x3//yUcYq/57JQd1AAfYFcx9qtsTaA7BdVx5DIX+/Sd1cjdDnmxBnjqxm0FIq6waU/C2iYGNl1zKlMf0l5CH/u7HH9FH0D2V13/6c14fwVz51vI4noU5Yz+9yK6AtRMEvDlEZbeEjioNUOmZjGr2BWSCUuREje/SPbMNDixv0rGw2qBGmsxagi4/ZDSpMW4JIH6+IgD0AZB1932U5qpQGa7dKBYFKCWokQhz0Y8oyvwjpQwylOz9F4r2A27H+KNQGYl+kZgRu+0TDvfjbsdXH6OFAfF+Qm46JkjlCdKaGFfqfsgQhPsspXaMcbwY6Ra5asGRhf6xhuCFahHq85S9tFcSAKJgS/6mLoMWuu0OAFwSoKevTiYt1bnCGsyVABSVQWmT4fLUgwF0yhMKpYNBj7HzfxRKQzZEpdH3U+kzNYOug3lEs5ivSZimAJDqdBlSpDzMEVH/FcgUUHkwmoUSBPVnIph0IFOgUmE6jd1k8zG9RHRX2UoM24HIBUJX/6CA+KMrqHrudixIDGZYK2H00dViACUR4BQbg7HVigjQv5raTL1/BcEFRIyQCFa2UmHgHcEEAaAtgia+31jdiMMMw4l3ENi/5moRZRGLGcza7iBiiNVXE/Hz+10wlAqy1N6f4CnCG2RhnRKrWMPexTBHhY0wTYquOqr7MXVAGw0rf6LkKRuckXE0rEbL5Qmgy0+Vy4Aj3Zin8/z3KqGG76BgeSshvYgB7Sndjw9X3jfF1mnRu7F1glqE/gQklclmAKcCFUrF1z4tq5WI2dU09k47R0dy+XxuZPQHoyPZfD47Mjpkl44c8SqMz2eoEA5LSGSIYuGwpE5H9BcaWv+A3O9JO6muehlVPXJEJfeweSWGaBvgZnU6ZoO+bq/HuDw76QdTE0shQr44qU55AOFUWX8AsG1Eq4xSbxe8hGJ8r0OR7XitaOX1G4WAx8qhA0KA6S5XkmgfYFp/krDB+PfA2FZur8qXcJ4H1JS3YVmzoR/amBpMJLaHnUD5Ugkk1X0DPU/H1+D64gbAypADkKmoRHb2FBEkXrHw0oXwv3NNvO+4KFoBlhy/irWzQav18AlBYCF/U18BL7x0Ue+mYnHTfnLAry4cu3FsYVOo7wa4bBVJC2sQGh0+YeRP9C1YKywaW1gunbN/U6m0af85pUm/i25icylS9iqjIBOWeplt+t9ivi/or7njAfwZeP+n9T/qW7TUZ1AZ+ZTuWKzbUsP5HwGYELeUqMcSo1ByPQ9LrFhQPEWADUDPKQkPU7tzgz6uZGyTvLFdTFUbb+jlmKGXOrtdN/ce5GTpFZut8iEgHF7txa+4Ij58oy+yXuTsnLiUYc6y2hRODIu8xAs0Kyq8iMf1v+mXe6Ou2y7mbDy6Domqx6a/rv8RuRHj6giHOypzOFHkfmvFzL1wrk+bY3ML1VFPfSdkvBOCd5ocrcNvZvPKHeUreJcdYUmqrAOQhdgy1isKrJ/v+eP4xzB+52hx9+fex0sC+jxq9nkl/UXYw2nkbxjPyX08+13t4+mo4tIZmivOFTVFfAWo42uAyGXgvPdXZ2il+F8CVgLiK9DsKDTD8Lf3V1W88w/YD3YqeatHNyxgAuioaBr3witlxx2Eg1Zws2FlbdgaE7tr/CqBdpQIBcgn0uLH9ccpA7IS1nZVJ/Mms5fJwIiVqHUutc0naChcNdOn8hZi3UBAmlYykp4SVUJn+AzRmjLrJd7hl1asSwsxK03eO8b7fRw39jjNWVOXDq5bKXH2gLST0ZhAcO/KPens2SEBr4dqPN91W+kDZZ6DJLfjF7Tazy8iOZ6fVWZPdnEBuFXlIbZ9W1v6612PMExbi726fwjc4E3dvClWDqEGi0pPA+PPE477wNCkJcHQAdOlifoc/GicalnQk/oJk0vft9HkzzlLo29HEvBYeXo8rgAhx9Yb4DaAKa3eMek0jE2x9v2DF86de+HRC+fNu3Belljqbic2u22kh7SDjah5HHiMO8ob5kEDo1XZbLB9JHuyJiAy9LCHGQeMV4jwGCme0DOzEWKRR2O06pIi0DXFTuY0dO1hWDTiYRTQ70OxB9sfzBELcj1FVlQOrUZdwEGLeoV4Opw6TAoPo/0P6r9Da9r1+3LU/Pw5csw9eC/NMIQbN/frY8wXmSUWBfhoYhvr5avDWDLkhRliYgOjGyZG6ANE5dKFEIzcpPcOc54guSpnu+OCTcEPenzFygWxmfH4zBi+OTozkZip/9PwJz2a5kEfdmuae6Vfa4678UdVp+Jz74NalQtorSi+GVrp53gjHk/EW5OBX0xlrc2wNwqWuXU8GXkuZW2I3GmA6lrTHHsGvkY1Tx+343es4hCFRyWWt7KP2gKVN6bKlOrTRhPTjgXdz4sVu5u9kg/YWOuVPPuvDT5Iz1QVWlX/HB9dr8S3j3DUxJbA9BAQcaqm5GMGqXBCE/U7RRHtB/AAs/0z/TF8wdqBZD6JHiTc8k0EMG8k1/ZD7ZtQl/5N1/C6GFm7sSo/tQvgLw+Qy6IREQ4TYzx5nOH2oKFz0fKxPfrTez44cYFDFpneN75POZt9sEPydC08xXyaGQDYHaYW9QCfqWkxdQAgDGdR83kMnbDmK3oAaAO3Rsae8a0ONzWF79x/wd4L72xuamq+88K9F+xXKm+UU8Hg0fWjD22at2H0KwuxtT8VCOIvryZX72xsUTkPWxd+ZXTD0WAghUfnBYOpcuWNhQ+NrjfXwajp66oBPJ47/Y5niJBSTRA+rpCAna+pCcJJ8SqRuJWIMkE1gAGlWgACwphVbqcbeFvlduD3qLVSeSJaiuFyMpvAiVwCd+2J9c4txVF0JtG2V26nQGJbIFmu3A7U6wlCZT2NsuVIIcoFkjH/lcFE1M+Wy7GZUSi6KtYbM9fAfsZmaQF+nvhoaQlivuAk6izZtCYC8K4RQQslsqoG4MgUanWbq4VHGkK9PSI3GBXcXpud5azWGTtCQppHaKYjzQez3fu6OlSnU3QGgfJ7/mMOh/4FR8rxcYcDjTpSHv3bVwMe2dKDnQHeE2lOyA5gI11evmU27505u5MPEc/XqJYOZTqCKfTAxx1Jh/55h4Ocof18/VvXoNlVWjHKeGCFEYkMYdm5Liod8kEHqdCNZDtN1zImwFtFfbXkd1pF9EXJry9l0DEHtusX2gIORkS79dtsHIt5Hxq1abz+Hxzr1QQgBVh0D9bfECI2/Q2eFP3Hv/M+iRG5Ks78d6aXkSxFOqLUo8Xgwwh2lk2HliLAqjp/FmPvUbeXAeTzUPMp/GrE52nWH29a2YsD/0qA4x9s3pCEesN9q8P6J2M+35zhkShyEuir/7XqkrItumZ4p9vxDH42smp1FFqXzmr+VwJ2/yA1e7EIrYf7cEj/ZHR07RwNuuKkmP8vhl9MJ9oW8fl09VnKlprr+1r8iEmDDls2UjghEy2nz5Atm1gibRpB5jRgROE6pdEzvM/wGaAS6LhhGQN/pTRZ5lA1DTWpI0CGGBRBnrGJYm50AW/H9gde2Di8mbz16uGlogNJn/jL9uE5YmDVFle0NxYOLR+a9/7rO1tEIdHe8uotR9uTgq2ls6VlnTtaGmxePWRdL0qR9iWRdm6zA38ZgFKuuEVytcrPpzaTF17Vs94ut7r+kJwjHt8Sml2MOs4KH0x3SrauTGL4UKbLJnWmY/51zYloMaqsbn5sPdPWLPW3hmXnZtbATa8wMxkNdn2UcKsejefCOEcs8Ig0rAuXUoYRk2HCVAJcLyNiJtaFiRVZaQD/qhAJoBkjm4eD8UIkduDIRXNQDF0ncdxJStncygWOzpwbCxfCgSxUCsQL4fiBw+iWcKF920i2s7UvXJg5d96BIzO/w/kl/a+UKEKCxP8IbtVXiBTat45kUWfrrEhP3xzU4HfaTC34lp4OpzxxPqsSeVwPcQxNxQGREhAbgwksMNTChVoY+7QinWZi+cHWLIQCyd5sonKcmK4cWbbMr/zan2hKoVOc3TmyeGjUiua4BD5CTFpiKzPtmUQid/bG3S4XL+iLW/v6Vvf1EYOVytFYl2GwUnmuvMalzR0IONzHujs+PCzbPfiA06XP9GqyM7gONsmbbofz1pmrZsL/mqzOkBl3NnCvVeUsS/a+KTqRkSH3ITnYeqfzr/cBItNfu4dKrP9qNwwekEB8SU0x8QEtjqHe56H6AsEv6q9RoQcRivyNsL5fhMpUpvFj5namz+K3bLVcbLlv0g+MANiqXsbgOrKAt4g0DgZcxk4UwT7e8G7rtqZJGW2QMYx402RDFUs9ZcKLkMZk+3QhBho0001JYbVGzXAY0zIHdiuxQKP1YeuGMTWZI7nZzAAyTEa7SFEhjU4d2rW9r78TJy9eunz40E5I9/dt3/kXK+ZgkblZNpXSJLsLYcSLYkwLeVNBzSUzVsQJ2MrYnclydu26c/3+iGzzOgWGOOK0rL5Ei0UOwCZhEGZ4WZY4MbJgfyK75Ie7zh7J5RXrbNWK4U+U/GoslISbunl4ISurekN2R4hnMUaYdXh9Vg5FmJmkP4d2bWAWXRCOQHrXy6STa5pEG8vJLdFk2Iox4/AGHcRTyIGQ7JKBS0XI6lFbQmF7zD6aLzC5GVHVIXDY6vAGHBFf2+6BwZWLh3brs+0OXmFdiuiRnZK7Ke1bN9AVQ/+Sz42cvauvhAIexqZqnT6/Q2JknwxgyaP6Z/j8HoXH0Ekr6+RZRrBH/WlRYOvsBwzbmHmWIVMaqZrWA7X4I4apUJ5RYh6YQNNMrJAtwE5MqPlUTPVpxJ4IWvHFErEWw9uAsie2BNVQF+Mxv3UCP4/2HrVG/e8LJJmjaPbYGMpWkns+xMS1MX+cYa7f+9rEBKEWyjG/7iUEA7XLI8YF39A/izZkXYiHTDLAI1eq/OySglsLhzXkLn63GuOinvdEhtkbtexJs9TdWUREiVjKAn7LZPHzhlq08i8ERaE+4C6JL+uKM2I+Q/9DXxuLB6gtzzt4vaTewcNlar2qV0yizjuG/E6Wx+v+9KfL6B7zCKBs+gtlci7T/Ag5EkUmE6gky3X/xhoP71Bsyp3wdqCxgcJGxERX47vowsLbPrzwLO3CvRftY0Lfe+z6B/f4tv3k2O5n1lvqdIROygVMCkDy2ZjCG77emSyBVFk8f0dVQrEDrXwqmE6FvhoM4ldrsgv8/O8VV0j/R5OsHFS6FUsDbE4QTGlGIZl8imY6g05Cw5JmmHnEDZKCCEzNOCU3bVi+tLOzo33J0nXoEqNkz6Z1PcWe/Oj63XewbocgfE3ieCv3NSlAI5l0di5b/tBZSzu7MazDYmHdpmc3rCuU8Bu8+AeHmz3A+yXOeoCv0W2/ouOQol42tIcyqvo4Gj4UGhW0kz/D8JEnCJE69ppVDbcKgh9rNfGDbS2xsOp2WLVk/9LzBwY70wt6F/X0djqH5h8YXJ+MlLrnios7ugJdl85ZFg4vn7tyRs7Jnr12ds5v6+7BvFOZgV+V7arsdrFhLdM/eGTRmqGl5XJHJirlyzs2jp2zYXapOVDOFbe1FbYcGihrvr7ysgWLyj51x5akW144yPBOe5y8ozRN/In63XQ6TQCApmT+0NS0mi+UYmqMzxcS9XKK8fHxCfpf99enyuMTRHYBVxulE8QlZ4zAqbrTOPxZTPvbSZkdsfpYaFlJfVHPWHbnqZPuqFULh/xbJ85QqrcmXSym9RPpmunHBdOdzlDQp7/UYPlx+n/TT57y690EMlYpCY4K4ID/LZj2iGmic6Jv0JrmA15WiMbpbrVXO3Nw8MqizeoMSF17+uhrkdvb6DhfAveWgZ7NWeZb1gIMvdRyneUThG4xIze1mwq/fCmv+ajqnYhDyfZkc9kGA/0BlJoxtYSFksZWqdMKvPnTbqNOvY13aqvSlN6hCUGSBI0c7kHbrZgPcDK7A8iXAC/rL6AA4PztrAylDLvd6kJ7P8nz2IadgnnWN9swz98hOBk4C3fwMj6LFHySpwXkXPGhO8w2dwhwZpx4NMAbdw0ad9dHt5MHci52O8uQ83O1Pt1o528S7HbhJt6+7Dj0zAP8pXFmsIeVuePQL/N8SYFx8lF4VBEeFeEFOSI4Ic1DmZMpMPxjU/Isamgg8N9CbujTMeibxzgL6Bgvs24Wc8eN85Ak3ER6BQcTBj5Bfb7VSbs01UtISxhuPG3AgjULF7S26rxNzcria20tCxauifXGYr3zZkajM5luWnCbfsTGO22qjN7zUaje0jYO12ml3hh95u+YDzFeeGYT5ZdpZIcqQUrDOxR5RAlk5mKbyOiPcU7JwyRdFyx70slZBZGRpe7K5bs3XasqjGz12iqsk8GS7Z7lB31ZxmnzcijHLtH/rvmuPWddFR8FAQY2E39ear/djPjTjEip5baWyCfgdZtRvtDTjbQMgIeukUDIviSQSAR0jQYAy7W29/IcF+2NvxbjMBtlXNnW9u6voURQfzqQBAorG0h+vWs4ECinBpJf+EK2BSrFq/Jpox9JEzO+TU+AMEz0wAueWYe+g/4NvXRGndJH9Ke9XhJIqKF3Jj7Ev2eylhgdpzB2YmBsga1QTJZ/AFFLMy/ZnIyxHIylgcWBHQVh/t73XTAoFrfPXmMLesSrWY/kFK4WPUHbilh+bS63dic5oG+IS/ZfeV5//3lX7l8iIn6N6A6JR0QBY8cRMeRGthWVNbmRHaTqjpEc6ZdAYdUohVUewF/tgLcGgfrbML3kLVUnTT8tDti7KD9dJqeXaDi4SQvMZ6nzxRkXMt2AMZPEswY/T4R2yQlDgGscG2J9nZyCDCbjWrmpF8Ju+u7NJPwC0S1UA1VQjW2CcH/E67dEjQQN1xODE+ZrAkiDGSa8PN1ytA7/FsaRxBtooJIkUfNo9Ly/EZW+J8Hao66II4VlakyQBXY4HcsTvS75FZb2YDQjlmZc0s/IMNw61dqT8CQTE5Xby4YIU7+f+BaUUypDdIfe5DzDFVm2by6lo2KWaJbdhNP2pAu5ZFEMJwrb4fIGU8RdG6d6nUwEaJzZsE42nx6JMDEVg/wPrxvUqhGrjHrkRCal9GdWusbtoEbJDQd0juKI1KpUU2jzdKWWmi/1q43e6tNQeLOI5ToPPI3H4DQbAiqePHmyTJxdy5A4iQcrr2OuUdpc+fut6Hqg6tAxqGDaclRptmZLmtrvTUetMe+OBttquJd9w3A2+4bhZTatzfOJ6f3L2AZaMgec47uKW/M27nFnSDLqT0znKHemJOLT072V0LC+CSVfMnnh0+Z5inNGnidzTSj5M61nGP8/Pblm9acpaJuYQPdMTOgXve1ltBM2+tN002fppq+lyxMTE/h5xVEtofZgtTS5WtVN4n+gb8EbEzs2y9vNhme6YUbfmm78cN34aW+lq1VijVpY/X79AbQCrZxi/6Q/oN+PVlpqsb5mwQqzoAGcNwLicDyVu1EYm3FiQqnD2uoiqnPKL8LVLsOUi8Jl7I6VYjbFb+cHFks+rxCwaclOeJQmuzW2ozszN85Jfpc9EeznBF/Ch5AVfczZZFcV0ctoks2n2ppdkuwrLpzd5vUH+L42TnYyXkFRHY6m5qVOJQC8gSI113DJKNNcF/FIjU11qsmjarQjEtXCh276AIlbW9moaH4XbtL3o5vIr1P/Pn75yBFNqWwnl/EnXH69ueP5DnT86FHymNj/YvwUy3Qym5h6elST0pT01PrVX+YMIqpMlfugYzXZTmUrHPAd5EylO0T2s7V2FWVJDi6PmxfgaCRoKJtaE0MW1FMunybvmXo6o4s1+6kP440w1sRzSiOicLZBDcb7ON6BDD6LWOeWUkUfXmWFDYgk/QeGKsyh/8XGcVD1U0RlNoFEohjjNJv+Qwe2ox7Jj9fiJ4SI7ftUR/bF+3ifzSpyLnEyzT4Jl5/gJ+NUGLA4ZMSGnC7KYYLKFgFRqFnVDJw7qSzPJgo96QwxHJ4O/t68MZQORSQlO8dJXD1R0e5y2Z1zsq7p4K2BzND1LsllW5L9gMvncmnyB7JLbFBg+h38htphWRDZnU5sQ0Qc5E1k+Djxd52NqTiI7GP8c9GRawsOl+c0aT9f7W4udsgDRd+oW/IzNpaTENvUr/9Mr/hLHNasWLUKXfNffnbUMZtDksAYtrowLjOAEyoBD/4ek66jHoY1AyTTghAelyGcsOk0SVwK1JqHvI8F6pxwyvVmS6bzbR7GlyGUu5No7UyrGN5wuCfLgVB0a3jg1vgjtoBwFY8EuDO/2v2fPOK3vkBA8wtboEjwCTfZkHCL4EPP8T7hFhGLJwQf1MHC5hcIGIda30QI2ssqvwYIstVwF3Kvq4QAidZAbiLTdrabjHb8Frj7z4Rqba9g1rYdEYDJxUKtO4IXuhMgnQRQhKG1PE3PTFrk18weZgHQIW3AY80i3nsGbOOIbTo8lQTQ0Hyzka+E6sFdCaADUdiRYYIpF5GG+NJ/orNv9jaziEOMvojpxlbO7rrXipG32Vs5QhwXv/uXv2DL0ELOxbXyrJ5E4gL974dmMN6tW5u9iLfCdDP6JvYeQWbtVuCZkKIfo/6Ov/I2z9iq6wvnwb1bOdhZ+uOIW6BXug9U6RbC7xgRbAlsJD6IgJhOc33Mozo6vZ5mn0qxsoDRJ8p4W3njpKUTTk16aRlsipneV4eT3UR9QGNvGd4Vhs8Csb+uD3uLVtb7JtZoURr7pWg5y7IO4Pn+Ru/ETM6IF2e6/SfimYIZIy6TbkcFmqKx5grUwpqACgLAyWYAEECK650bGZVC+EKi0FBKvdUq3yA9uz3mEO0JVuH41niz29okS35BDCmugDdhF2yiNxmK2PgZc8fmshzXnBA0/LfJtle3XNrSaoYBpgWm6c2tdl61JdxOyS41xaUoFt2iKtp8DlcEMXzEjjyRoMfjmN3ePs8m2LwOm1UIeTZW7cjuaWs7DLesl/dRGFmg0ugilT6rhgyaxuw1AusRubOqhTEMWjZGfe+pcrBQlUVnTIYunS8YXsmPtA/M7SxAQ1awWrFVkeCdeStnExxe6/qtAznZ9cb3Zbkn6s84Cz2M18HbeCsv8jYxKCmMkGbCoY4WpkNwOqOJroPYyop2WY34HKpDlnjZJykiM7Op2dPb2pHPd7T22gQn6/H2YVGx+WTeLnAC73Fq4fnnZmIRr8fUS7+PESwdlmHA71dZbjbkIMSKx4mpjpSKN8k7FWchKlOHdDfuQgalzpFoLBjqEvF7Ik7OHI0LURpgMl1MxscZo6QRYJdJGxJ5H4GLTvw2ZWQcffgZLaoGOzil5fwTqzy+/kxElbmIygWCzUHe6xWZiN+qYmSL++xyJDHD02rjeSlptTnaZ0YdUY6TErEgi11Je8hjFxcc2ZKUmWCT5yUkOzYtXZRM2ZEc9GBHe/vw2fvsXhd22Qe2zACQGPBiMRwul5c7vC6o29ylWWkhm1jUZffiVwWbozc88vi3PtDEJUNLUuoMHx+QXdjBI1cH3xJjrMpZhYXtM8rzu6KtrMsRWbY0xzGa1RdLyWxrTBIZ/6VffGCJK+60FuF20szSmrXn2L2M7Ni3c9vceU7suhqK+SX7yw4v47IvX7Sgq9uGZFLIJAphWrNrdYlDsgFf/4s5xKgWF9B2VIOQgmE0fHwAAbFASJSmFiDiGUSsYqA0myJqpZQDpZgDHCfqH3Q49Fsk3u6T0Ca0U/Jz0xXqu50yOmgTBJt+vezUPyrL6BL9WdSG8v9u07jv8+z3uYDKW//pm5zwCSh4koMCv88oQBcKwhOs6mOfgLOYFD74mTvvrNmKmnqRaWJ+Uu+LmpltzmdIg3Q/FYCcIh6vxIadbF38kBH4pBbxBG+bdO1SavT2tfijwMkQyRqMmQcWX7RqJhMlW5o4sRr2NYYOrEHmWvNjPdLSeT2STCOY9+u/IkYw6MI/f8ywnvn1fdRq5rV4KRrtndcbjfVGwx3tA+3t6P2d6YOmscshYuuC2F9S05ifUJOYY9Hi3GIkWpxTjHa39bW19rfW8c4M9NnUFXmAH2ASVQml4SVE8VHCdOQu41oxNceIKRmAyv9Az+mpGcebvOc0edFznqbN3qYbmjx6yttk5ivicfTc5uPH8YHjlY+iez1Nx8ml41BnmKYeM/Locv2a4/pX0LIbZtT5xxHevvhu+HpeiRFuzIyDu3fTukKR6Al/uWl9T7HYs37Tno0rzurs7u48a8XXINHVBYlNCAuLLpw3dGho6BDjIpV+2dCst6E2SXSv0n8757zy0KFjh4YslknZzC9MPsiQlFg8ZrQE8scYopA4p5yWmMCfrGyp/sYNl6L6//i75Ynys2W83fA90h/xBINwQX/OQyuYst0XmV1MdNJHtWaTJiKiyKduq9XI5UbRCNqNGcO6kwQtv1u/i9rrTlOI/1O/lTquon0kwJThRusO6OdP43Br8uCzYG0FSfQKElUbNoBCXlRVAPqTmOvUpzDBxkzyv4fJOFmtyfGqHHH/2Rnys07UapdFzoEQW3lYVb0+vKQd/c7RpHGOP6H/UHw+RVf/5OC0Jqf+axtrlY47ozS4a/33AQhtRTh2ylwYTzKiqE12howCCblO65h2xp66tBmBztju/ROC7BWe8vg8TwlemX9NiOjba6LPyQN+yIAblfPeFFRZ+AV6SJJlSV/6C0FWhTd5tM+4TL+fQSkD0/aYcdOYwTnqCd9ASaGqTN6EV3Wh9N+KPGwU79ZFQxjFt5LQYLuAuNlOQqADcX1S1PTvTQZiM8K1nZ5eYILD78EdSJCxnXqBOrz9YDuJuS5q4m0C0kVD3P1aA/FY08XPoj6LScOGMl3/PlQnRAjGRKoaMMJ7Rmui1RnSWMcrulfxaS70n3+iTVBGZBnpmDPmJGvCWScTaoKnd9DoWWXLEPBjuyznW/YBV3bxW8rXzNAnJlNVPZuCNiKg7ymyRKZQzZyp+K0qhKgXw9E0DNl3YOyoE+TIxAR6kvi86dwYOuVQIPH620vt/GM4NfbWwrlbDXeHk4YEGtpk3fZnn7W7iY7ebS+X7W50z9uJ7sZJRVMOb/AwMRpDhcST3k2tjeNG3CxqQtSOiF5CZeqHgxD69DsvwLZQfyagfmE42JjpwhkzPsOkTc3XPthk5NHF/AfDHgn9TfWHP2i9NtWDsq2Vv6Z6etLoXpfU/Lsmu8spBf8FTuVnntEr0H9j2Ix3qaZn0Y+5kAPjKndWPmGP+VW8vbPc31b5cMeschve09a/wcOzLO+hJy4XecbtIEPqcJ8kB5K5lUQjUhyO6jo31lqQRGsxHXINY2HD0y6WMXYuVXJniHqnUFLrBgh/mSHWil+inpmX6dfRWE+XXkJj3mn3wVqozMOPEVaNhkTEi/B9sI2/RNwvLyNWjZcam/pbiuPZ8lhl61j5mSqpUud3F6HeUqpJSasUx9MoV4YrhvEXa7g+OYfV6+jzHfFOX8gu3wOLRiGhGhWf0hzPdeVmoJ92JDp9QYcM6xmRKI52t08Jx/Kd+Rn41Z1Ot785nmjNw7p8hK76jnMWltLtiYhbebtrpr3ExegzxOrFE5uEcGOmyoVAOPTpGswx7SvwM9T/sepZmC5l08ZHSMy49WrNCZIs2p50JoaA/MKAAh+WMBa+BgPKwoRci5vP3Xvu9spPHB7FjtuWLpy/sPIC2gTVsCg+KLkc0kMwR1aAg0evOHTwCsYTdOO1mzasxQ2xYRa8JSVDyUEa/c6IAkp1sz0DmEYjoxEqDW9tGXVN62c6Nv898wcvmr/ycBCzcWRFVrl36fCSmZHIzCXDS5tEIclg5jxg73A8cd60X5uad+E1B+auW2jFEgIWKFmMREqLVy0uRSNNohjCHAoweDeDUbAjZ/Kyv4N1vpKupIgpaoSVjSfD0+YMq6q04UBGZQHVdzaCypk7AT3AXCpa2U0k5C2HW9fe0NJGrLweXrGso2tWQcRKwDZ7QY0W6+z4+Ja4CBV5jVmMN/A+2+U2q6zZmLO4jUuWjm5cDq26OpYt37joyAygSrDYe9tIjQjcu23t8H5HnMYrtpp025svMO+piwFN9M9kdZnxn5UeEgFaI5ZRSl7hiQMcr5UIAZGI0dD4ymL8fYQqveiGGcdn3ND9zL8Fvn/+jcEL0RtN3sqH8Z6WEv4NCRNNwkXrq7/5ze4bb7yBxDUQr2s9tHdry1J9Bf6Et2lGb0tl++k+jQvfFd1b86Ml2oeq8l7N85l8z1u4Jp+u0trRt60P/hMI10aivqwZai1v3FCeue0MtVonZ247uK0P9h9t2jrUunFj37aZVbrsowB7DApnlFA4ZIC7MI2rBwgjjGqxtTKUXqOIBMCkE02js0ZvESRKw6lIWD/u74i5o8UY3h0tRVWvKrubKreTEBI/kGTksv0TocjQ+fQTf5+heo1+EsdJ2rBecPmEDeulCIkUReI7rSl7UjOC6JfJ/kSiP/knyeWVnkkGw+0xvRhva/wklP4FMyKU4CPRoexiWDLu1Ggz6bb0Un0MCXFUb89uwDPz6021UA5G3AaSM0x1cEo/2GDZ/l0C+dYtX9rZhc8yP5R0DZyvIV85WUmWvGHivk+/cdLCHaiLjvYly9YllhPKjdSG8zWAcBC/MriHbDITdq7D4/T7NgOme3g1HB5+Te6Mc3Z9l2uG8qjTGm+XT+BPK9bmVkVPurHyG6WzCTvvtfxv2PwiJaGgOj1Qva6mpJ5u85uY5jedbfB09Zj3moobatdLvAierjfxhXGf/Fez+p164X/D6rdq93vYtPulOEojNoHpDDr2Nna/NZ4587Yxj0msVRJeupT1FNPT8cioaAsKP14j+L1Y2GMLiS/yzHR88T8EbJvYLiJX0HaVDUnIY/M32JQ7Ji0bjWiLMUUzPq9EXK57Mll0rAaCtuv3PxVKp0PjodDbmB8b9/4k/W5RquHeVKQ8gMqoC0MyYuB7KhtHsfPWjeZ6enKj6877lz+uPzHMjNx49h+/fVxVj6vhcN3D+lZdPyoNX3vWrN/ukTtce2Rn8JWg05iL15iPMJ6GvZAheyGnIWYjscpkdV5osunPCditiUhiGMnq0GyVqMSIaLUt4BL0H7x7W11q7WSu8+nWbPVaA4NHw90ZhujZydWapSuzISgRIQ7LYw1rz8hVbSuqfSVRcgcs807vn5ZQSNzv2ab/Q01MVEAJ3rBo60IJT0w1Q1IRdWy94n3DhltzyUfThZMbC2n96XQRrRy3Sq4JpNg36CeA6C2QkG1jpwUlGUv1YFRMj+E7nqEmu08jaDF2peTC3DN2BbukzUbsxDdfZw7RvdBiKQJkOafqp+E1sMksg54yYzrSwGuUu6Axc4zQtjEzgG0eajipKRC8TxZ2T9WSTEbU45Mzvs3ArJeU/n+y+z32cU70VDrsHpEbt7s1+z+VFbzPpqo23W/zem14iAUCwudBIvsIMQjQX7BrLunrrIg8gIlKqMljf6Lf43dDa8qscaLb7+l/wu55P5yhHO3DfU9JLrf96yyPkFtzw3+EePbrdmAVnurDVTqiim/azLWlKQkmprBqzYPKDP1r4lDj8xNTfdeZfi2KZ2FAIXn9+74YCvvQtvKufr92LwmkeG/zUBpy/bvKXcu6upZtOKuz8yzGFfbp30V5WIezwj58HzQahwrpoeZ7SdzEezV//66xXf0ls/qGZV01+QCJr5Eg+JE1utP4cThKP9aMh7NoOiKIKVjv7D5Q3rl2mARLGV77FEkEA11325DA2oI2Rr907eJFbe3tbYsW37tkIUksXBK0fjaRzmdH1v5g1Gg2unPR3Dm5z9uaJauARMyoHVDrPmjX0QHt7oN2HQ12Ufstd1m+YnmURLGj4aQA+hCNrcn8RRBNEeoGFoxRwJmonXrlGgRON/34nGEHTTW+3YYLJlmQ1Gm3aKiKCTHgowUwVQl6AyBJeU7GKn0SkKeaL4LztIpWyhA3sQK9F43eAMRSY6CCqonWl94jKVi1KgyzTlSFlQLmZmHMI2a35HRKuxmgFPAsoLpX8T5xHcMoDFKxIh0gbRDjZvA60Ucb9cNSRNbzSKPzrJBE/RyGC9AIQzXkZZTtczS3xx3Y2Tkoirxw6BDLiY7Bzp0utyfkn+1XvOTSfNHGiRdfzLGic75xqbdKj06GIuye/hHQL9s074KE//67lM+wk/6GV9ts9pcQ0YY/QA1Hz4B9ma+nA2tANVUvMkjX6bm0Krt0Sn8AbyvXLPbWMmPAeF5B5QXzL951lRO5Ah6k3HzFh5caQgP8c+I/vtL8uOa2YIK00MQriMxgvrjrfZ93eLDL8b2bL3cspcIDXJOjfhjwLLHPItKyyXhYsZphFlnskCNusXyMSGw0k5mG5VZGTC0seswTQ2OK3x/3+9FGcg4EdI/oZNz4qMOF12CHqHtd6DGbCzltegtcCDLLRyWSYyyVuwvot+f645oGrekRXycJ6912fVyQ0GqoAs0k4WqOZ9AtDonkPqP/2VK1MWP20e+V9ljmNHy1rxoos9Fp853cTdA/n0cCOfvU1u3EwW1bfu7gIlpCYjyfN0oCO9ciPJPEPCp8+zG1DaZxoM8bHOjPbSdS9m3dgWAtMnS5oRVN6L+txSmvyg+WA6XQS2WnVQ+lOl5aPY3vJr6mDdGL8eGVV8STNe4tGb981eytoVCN/AkFt842v4bMeCKHlq9eV2MZD65bvfxQZF7zzjmDiyYdxhYNztnZfPlk5DaTbn2JeR+Tpd+0VDOFmIiIgAtOzJX9lYtRp/5z/KH+Nx5DO/WPMTO+PKtfv03/2KFZL6NPoU/VdOSPMabk3pwvzfgGA2cov+HtIqhYF6fecOQir1oXbNfgd+WEJLGYu0QMiDySYZnzfLtU41az3SvXbLOyB6sMselQ01dysJrEs/sA+Au2T9u9CDFKZ1eNVP3eyKpcDnPWntpYUlzwS7qvmwHbrrCcb9ok0/CbtOfZjBloyDD0qVosZ4lRQ0yl0W6NT6nURaNusPBIVbUAk/Y9NS3AKYd7MYlKdIWoCVfwSCRRiYbcaCPZ8WNEDDhGQMUY0ExjY5MEGNrGjBEgsBimfIhsfeMruz9yOy5YRKN5Xs4j4QozmufQBQ73GNwNaLCxsTLcLECifkESyuhjAsmDcDsChRZTM/B9Qwb4Ea8AiIJq39WIwbyWBt72wxoltHm7EA2/7ec0cOYZ2e58229onC5PKfx3/czOUHrynkkbmzO1Ar7/dPuQbsOnmFiHJMwvMgJBZhiKEO9KNeGjn6qajARcyBN1X85gEGOFmOm0OIDRn3oKXZmkVQ1FW1vah1pDaqvWrYrRABr+25zWhd0+j6upozubafdFnfHo2Wef1T24UC+h0gxvs1PJzN/IdDcF2q5xJTpCqcSc0WjQa5cFxuko9w/3bx5UgDKS5aZwy+2z892FjkVtxVXRsuaLhWLp7Jq+iEWsvY8Ms54DHn+lZavlQstVlhvo7qCBRKsm9oTGy5KJyZKJIc6pKSP0VTVbyqJ6uoWvfX2ChBqlnyPwTUYmpWQ7iWtkgHlqkmBk6Q1JPlMPGqH2KU9I5Mq8EHzGmXbMtVrbWTs716EvcqaDkHVAnkWDk1GadE8o5NlIfBmYXh6Q/QaSr9wFFec6gmnnHJYFMt/Otlshnw45PsOJoXRQ4A+EPBvM6qscjrm1Gk5HqPZU9NfJwE5PBNNGtwS+TG+BfCw7p65P7dUn3i1yG80+nbbuFwBFPbmwJxd7abrPL2eItzflzqdqSrXsGQY4vAzA7YWCIGj8ApfPNZ8IxFoa2tB9UaxFM6w1flgUDwgatFyAMnaZfAJnAWEzpnmfdyEXpSAXqqp0JVV1jsYnj//b73OGcRofFhG8kY+YMC7QfyW5gK1tGeJdPmGKX0UrUFir3zV04ic/uEuDOBrfqWvUM5056JIl/WNVmH2lKNvRQnyZiFx2fTXVQe1caOh5zxSyjRA3IUArNuPj7X43Ru2AIMyvjAzVSM06W5SEZYNlj+Uyy3XkOwIA0Eqak4Q+5tNEkJ0gAm0+A1xpOlPyEWCnJQjVQ8OkE/syGghEK1FfqAjKZ8m38UjgSEoIER4qY4RKzDCN3j2z0Nvn83h5y/xV8XMTra2Jc+Or5rf8oGXByvi58dZWOKxc0PLRHZ49g7zXK+Q4LYRCfi4nyLJt8AIf3uE9fz7v9Qg5Fi6gUIDNCU7ZNn+v77GaZ89Xa44+4zXPIKa7ZV7G8yXP4MpB7xc9mcGWlsGM54teyEJhZl5LGQ2sxAwe4YLzEkJ6qIkdQQw6q8wPrMJWNMKG5iaF9IImbgQzy8r6E9M5E9W7FTXIppPT8iRsTfxLRdEkxMp8fQTfUa75UPwc1o1+Iczp1wlB8Vl0SAwYguen9GJVdkOmXD8Ai+HrVNR8J1Si+3rSP7XnjDxUecpnmPom6ks5nc9q37aZVBdBtBkKtg7wAS/H9sn2t/Jg3WjWPrhtZqdLOiZwm22sQ7ONXkUj2tbDn+Yafj7Nvr3KTDNkwVJbd9P/I8tTc3eziOxLgram1+QdNKx7PLHeGFAGyXxC4/0pSPllt6IQF9xp7N2/QeyC0iF0DBqRJUTGPObn/b0xqiZWk9C2TZNIiLApcCdHvjyQmg47aNNhB2YyKnJVpOGsUqQ9pu1uvPrlKAJ9djRABSrpPdiABih/YQZVjs2MKopb9sPbpvy8lsgnIRXr9TW0p3Bm4HR8gjx1gyBpbXCjpEq/GxjrhaGIkTEhWTIIqLbmSRT9HlhpBQCuKpklhry8CuNA7GsLnpjSmO+h9BbRjatKDN/skGP239m7XTbEMbtdutLDsEi/nmVKyh/kdSyHeOvM3xcZDh3E3w2omFcRUu2MW6t8PCQJKZKLCg7YXfrfo3YhQvIpQQrhnQGJt6uqmxM1/Xf/K3qUt/sC8dt9bfjdf2U4NiV2Sr1rTC3x9hXKb7z4P3KYqbcDk2tfGHonwxz6dSP4GQY5D1BITBeMEdn7VhKWHT2pv4zcjcFu6tNl4kdcud3k2XupfWWBeDbFCh7ViUloS5zPDWAa2ZKsI1pGjL+JySItxpkC01vZOhENiv72WZ0tA60um5b8t3hAtEs+b3ntrKGd85o5SW3yDQwwgSbB29qt39W7rM3T1Dc8hNpyKa/Y1CR6W7r1H87ubI83t/kjQ1uWoHJn1O0QmmBYxCl6iCj9/src2vdXTtNBeBJKvlH6U+9afUaFzBxfJOKrrFQjsMh/BizGk8+ePFm53fxI0saqFQ71MXinEsYVUSsryf3w/eSbXzSG6rNn7GpNYfldzPeYxYBzWgxakn7AzVv/oTfyDTMSJMYwZirRgEgJ9m0/aTYU60sk+mKVjcYZP1Dpd4tiwoO/qthEzaN/Sla/TL5k92U1XE0wi+ob3AnnhW5Zraz3JJr9AXybR7uhoTpNTB+rtOG7UKdF2zmjz0TVaZFeYIGp5h+zsTzDPmYLYGZyS5jBc+vSRpN3F6wU1eyz22D8CabI58I16zoiuzKDIkx1hzmVG851rujhgLj0KDObY73xywhcNwIloE+fBLTfvSY3h/RoRjIaTrUMtZ2sD5FQo3eMZ+fe3dNnZHsA6ivv0AtiPv7OPdFPkCgN+tN18ZqC9DsBDdaemXprT4b2kvicErq3kAc4AqgLd2HyYWoNYIgKRJJGZEnG9xpLFAX/gzlMiLKVxDxsuWnzeQ3Q5XP3z8M9a7K958ycP691MDNUmIVQbs3WNTmMCqn+ONCd88tAPc0Yzs+7EH0bbhJwI36l/ov/19nVxLZRROHMeO3ZtTckXntjO4rtGOL8Nvbazq7jn3V+SoTa0NQutRrhqGrr1kCkAkKIQwO50AutwwVB2h5A4sgF9cSh6hFxQOLIhUOPcIRWAtTIK+bNbGo7xW3Sy6618q40+2bevu+9N98HSAFpp2ggB0jhuojR1MLVJUksbOi5C3lsoumVyWzVLZlaRUtWtJLonFkan1yZRmbuUl7fKIh4+f3lvjZP1SO2N+45Wja9W2B7K9l84diFNogrdN7V7d6IO2IA/Ulxpa1k8yHTUPycERGgD2RlD++yDFbD0tn8/rlu46E7ItdF/MfRYJot8M1lGeUOkgyfXU9jaRo1xhvluCFgH76DpWygYGqTt0NjFPojVdG0ysUzmnZGK22a+uxbhYzqbTm96lxhU8uW3rlvWdtbN2MR525EtYbCt5zR2E10PVE+X04m6SGBmsWGOX8h6stnqq9ubh4/m875o5dyZqPY+riOpnBhqXS1DnvS6u8tHM+3c2IfMd6hCVbXNTj5J99YuJ9edCXQ3AJ6as/Z/7amGOhXKSA2CWZ86BT5KetSQJFuoE/bDgK9269UOeojTXrekZSAtK6gRYLEphQUIclYZfJzv58jyBuSbly2d1Lt0EtV2xBNasQms9E6/a89FsAPSWqPCp9FsKMTEbWLFFyH76pNigFrhAm7QwmDRbEsq2TuFz+JyrFGFiJ0vEfnUnxse/Vauxv22slPTrKpVmiY48W3S1ixHqdt/u1UNQWcvvtEvujBgJx6fXmxLNQUcH1KTTi1vWrAvEuZ9E76BF1WUDl1Nv0DewQ7AcXvfRqn2qeD+Q/zaH1hdMyZDqVa76EJDi5T5HSL1dTv0SVyWPIrc9DzL9cMGfSgoX7lYB42zHz+c/BTBw/hszBSb1au1tc9pFmewj9HUg7owD9dqjCHe59d2jGHfJ2t33oMhOeLv6TjmAJNCs7f/0TAHTAN707gsu3Epk1Ooz2043YMhtzTjJ9k0LMNtgUt4hl3aMDhRjui6piyfqGAWRBj1gDnMWFcqPeYU/wrJgr+EEFpF7frAxqLPGRdIot2LOVna6grAgEipBKGoPeJL+n0K22+/u+Nmk5XAY1VyYbH5RLoMUiEl+dHXymOtX5kjmS/f7tNtsIdzLd6zcisZ4WgrAiGK+gh9OjyEDEgjBdfK8WBMdC6y8MU/E07HuTfoa/wbToXVvkIAiqPB+Aza6fTILkOcQG0T9FYHdr0oKRuZFkuGniTCFwHMEx/cvD7d76xIifXNDxzYpZYd1/yeWVUOVYMpyOEzGKcLmujxZDHPRz2OL1DsTd+mjwxEhwQcu6J9Eh8IY5wUdA38O25N+cdibUEmV1LCb5hH8JLxyKZCJLGtdOJgOqWZRcWg77w6HfRkWBUCoQm/GOLcUmSZL/PqBkH66CVF6yDkmfFvkctjJ7rV/huYmqNLfix5T1qgfQzuGm46zF9ff8BLRRWpAAAeJxjYGRgYADif0zCOvH8Nl8ZuJlfAEUY7s9q+gmj////P5vVnzkXyOVgYAKJAgBxeg4lAHicY2BkYGDO+d8CJF/8//9vJqs/A1AEBdwGAKnmB6QAeJxjYGBgYH5BD/z/P33sGSj7RvEoxo8B0KrMGwAAAAAAaAC2ATIBfAGeAcwCbAK0AvwDRAOAA7oEGAQ0BFYEngS6BNwFJAVABWIFfgWgBc4GOAZ8BqgHFAdMB5oIHgkkCiIKXgrUCyILdAvCDCwMZAygDRANYg2YDc4OLA54DtIPHA+aECIQrhEYEW4RphHeEhwSchLAE0gTghPgFGIU4hTwFTYVfBXWFioWYBakFxoXVBd+F/gYKhhQGNAZHhmQGd4aOBpaGsYbAhtmG5wb+hwyHJIc2h0oHYodwh3gHiwejB70HzYfnCAoIIAg8CE6IjwipCLaI3QjjiO+JBIkhCTcJWIlkCaUJs4nBidKJ5on5ihoKPwpeim2KgIqbCrgKwwrNiuOK8QsfizILR4tVC38Ll4uwC9aL8wwrDEQMUYxoDHwMkgyiDLOMwwzZjPYNBY0wDVMNZo1+jYSNlY2wDckN2w32DhYOLA41DlwOYo5zjn8OjY6WjqwOxA7kDvoPEI9XD2wPhI+dj7MPuw/SD/YQBRAakDSQZBB+EJiQuZDpkPkRDhEnkUgRXhGEEZQRp5HHkd+R+BIHkhmSOJJOkmeSgRKeErYSx5LgkvETCZMlk0MeJxjYGRgYLjNsI9BnwEEmICYCwgZGP6D+QwANioC3wB4nF2QzU7CQBSFT6HUCGqMJibuZmFcaFJ+ljwA7ElkX8oUCm2nmQ4kbH0AH8Cn8AFc+1yetnchzk1uvnPuuTPJALjFDzzUx0PQ9Pp0cEHVcpd0LeyT74V7GOBROGA9CffxihfhAdNvvMHzL+lcYSvcwQ2ccJf+u7BP/hDu4QGfwgH9L+E+lvgWHuDZu9uv09gUC705ZJFtRduX2lapKdQ4HLXGXBfaRk6v1eqkquNm4lyiEmtyNTOF01lmVGnNTscu3DpXTofDRPwwNjn2WCNFDIMCC2hscECGCPZs8peXTFlU1LVSGCPE6CwxZ6JoUhF/RHOisMKJvcKRL0zoOiTUCTMGOWnWbNbpjGXolM1sRyemH/Kf660SUwxZyb982Lyd/wI1A1akAHicbVaFliu5EZ37XrvH7Jl52eyGmdNhZtpwsmEmWa1261kt9Ujq8XgCG6bdDTMzMzMzM20+JiV1e573nPgcW/eWuOpWyTtndtrPcOf/f67GGZxFgh5S7KKPAYYYYYwJpphhD/s4wDlcCxfh2rgYl+A6uC6uh+vjBrghboQb4ya4KW6Gm+MWuCVuhVvjNrgtbofbI8MdcEfcCXfGXXBX3A13xz1wT9wL98Z9cF/cD/fHA/BAPAgPxkPwUDwMl+LheAQeiUfh0XgMHovH4fG4DE/AE/EkPBlPwVPxNDwdz8Az8Sw8G8/Bc/E8PB8vAMMcHDkECixQQuI8llCooGFQ4xAWDh4NjrDCMdY4wQvxIrwYL8HleClehpfjFXglXoVX4zV4LV6H1+MKXImr8Aa8EW/Cm/EWvBVvw9vxDrwT78K78R68F+/D+/EBfBAfwofxEXwUH8PH8Ql8Ep/Cp/EZfBafw+fxBXwRX8KX8RV8FV/D1/ENfBPfwrfxHXwX38P38QP8ED/Cj/ET/BQ/w8/xC/wSv8Kv8Rv8Fr/D7/EH/BF/wp/xF/wVf8Pf8Q/8E//Cv/EfXI3/7gxYnme8lCqfBSR1LrRnXhrdD1xJLeIQZ5TMo2llbH6WwC59rXBuzJRc6IzTPGGHLVGi8KMWWrkoPZlVNqeJwp4jaFZMcxFWWs6F5mWfaabWTro9Zq1ZZblZ6XbH4QXDxS0MS2dcWq5EO2Rvy749JxguaWE8wzUm7W93RMtoyzJtcVNvrt3RXgRD5j3jZUUXnrIj5pnNclGwRvlxR+OsZM74sj9nesmZzcdzodRljQ8OzYdzozqXpq1XJnPjvamyDWscjXMu8+tapDx4SyX0VSkvmV6ICTXWZ7l0tWLrXmR9rphzslgPuTJOZGGP/RYWDbnfcSuEHrWWuHcv4jNcJ9zkYpcbpQT31FbhbudC22jJoxo6T3CjvWXcj7gxtbCxa8BNvc7CEklAe9w0QQq0OF+upBMD3ji6mzwRg5y5cm7IHdOceTqFCBvSEkmgBzlRsm5pcNSZgtfGHW7d1hJqPJMqNLTQNJdH0p0edj83zZwCfkEOB9ewxFD3g7SUYflI5NJ3/h9EfCTFKgmIaNN6YSaUrKRmm2OcEXpXaMXsQvTEYcPUSBxTGCrmjV2n4rhmOh9SI6wknYukoMP2CyHyoI20EBVTYlxIRe5qF5xsyEp6XqYto0ZLV/YKaZ2n4ceCxFNaqZejjoSpXceK3GdWvUiSgjTQDz8U0OaigoKXhZ0XlkLUTduLVoq96Y6QFsbOZX52IX1/YVlRSC8nCytYOFe85KxkR+TE0yxISpmLQUlStRSoZU9WbCFSWdXG+okMWtDRe0z1z5s5xbcwCWnVj2LOti6fRiyOvdAhgvuRNro4TZTRliVRcinox/m+kt5TRJezEMNc6kWX5v0Nn5IMtxW8ocMgzy5TA0xCLPpVuKVkalpR4DlTmRXhFknw37ASFOcspOGsMlbEi7QrDE55h7yokoDGlXFM8m7vimqErNV6WK1pYS5k7QfabESnjW/9mxKSXEzMXMnDZlOxunyjG5L0g9tHcVpWMC58L+Jx/BWhbJNQaLzbXLtXl0aLPlULT+GtxrUVQd5R47sd6dUkKb9XW8Op9ISN4lTqNucpuwZ148pYiYd1E8IWCtZugKYo0tjqSL2p00Mb6sFBuI0sNiUkBv6wkX502JjTTLYhu8QgNmHYxIqC3pWy271jozYQWTh9jwzC0zgXH5jYQcv4xuphW9FD7RtvYPDJrCWn+hptVf6DFm+Lbbxt6kUyppxZlN1yiaMM6DsqzJr8NHGCWb7pS1u2S0cM0eo5Ks5i7EpT10TpLfBpm7x9VzY++LNH96hY4qi/RwVd+sTRK0I/ph47b0nrncpc04Vz1NaHGI1Bh5s6bdHEs1Dkuv3Hnrll1gV16mUlTkgJ3UtJanRdDgQ48tKr0z5Tdzca+pXp6sqM6kbM8s2ozmv0qKct7CwhYcaNvpBkaUvGTR0yM6PXoSFbJIPGkY6DOmZHwvqYd+3fid6RoUTYXTEZrjJZMasv6LJjg9O/EcnKsnqwbvRJKc9LlpwYU+3s/A+HSajvAA==) format("woff"); } .kdicon { font-family: 'kdicon' !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .kdicon-add-child:before { content: "\e6c0"; } .kdicon-add-indentation:before { content: "\e6a7"; } .kdicon-add-line:before { content: "\e6c5"; } .kdicon-add-solid:before { content: "\e643"; } .kdicon-add-word:before { content: "\e6ed"; } .kdicon-add:before { content: "\e628"; } .kdicon-address:before { content: "\e6cc"; } .kdicon-align-center:before { content: "\e69a"; } .kdicon-align-left:before { content: "\e6af"; } .kdicon-align-right:before { content: "\e67a"; } .kdicon-all-border:before { content: "\e677"; } .kdicon-allowance-workbench:before { content: "\e714"; } .kdicon-analysis:before { content: "\e6ce"; } .kdicon-arrow-down-solid:before { content: "\e656"; } .kdicon-arrow-down:before { content: "\e627"; } .kdicon-arrow-left-circle-solid:before { content: "\e720"; } .kdicon-arrow-left-solid:before { content: "\e657"; } .kdicon-arrow-left:before { content: "\e63f"; } .kdicon-arrow-right-circle-solid:before { content: "\e71f"; } .kdicon-arrow-right-solid:before { content: "\e655"; } .kdicon-arrow-right:before { content: "\e62c"; } .kdicon-arrow-up-solid:before { content: "\e654"; } .kdicon-arrow-up:before { content: "\e62b"; } .kdicon-arrow:before { content: "\e69c"; } .kdicon-attachment:before { content: "\e694"; } .kdicon-avatar-default:before { content: "\e717"; } .kdicon-avatar-head-default:before { content: "\e718"; } .kdicon-avatar-solid:before { content: "\e711"; } .kdicon-back:before { content: "\e6cd"; } .kdicon-bankcard:before { content: "\e705"; } .kdicon-bellOutlined:before { content: "\e71a"; } .kdicon-bold-solid:before { content: "\e668"; } .kdicon-border:before { content: "\e6f9"; } .kdicon-bottom-border:before { content: "\e704"; } .kdicon-business-type:before { content: "\e716"; } .kdicon-cancel:before { content: "\e68f"; } .kdicon-cell:before { content: "\e692"; } .kdicon-change:before { content: "\e6e2"; } .kdicon-chart-display:before { content: "\e710"; } .kdicon-chart:before { content: "\e6d0"; } .kdicon-classify:before { content: "\e6d4"; } .kdicon-close-bold:before { content: "\e647"; } .kdicon-close-full-screen:before { content: "\e679"; } .kdicon-close-solid:before { content: "\e644"; } .kdicon-close:before { content: "\e62f"; } .kdicon-cn:before { content: "\e6b5"; } .kdicon-code:before { content: "\e6ca"; } .kdicon-collect:before { content: "\e6ec"; } .kdicon-comment:before { content: "\e6bc"; } .kdicon-communication-solid:before { content: "\e65e"; } .kdicon-contract:before { content: "\e69f"; } .kdicon-cooperation:before { content: "\e6fb"; } .kdicon-copy-code:before { content: "\e6e1"; } .kdicon-copy:before { content: "\e678"; } .kdicon-counterclockwise:before { content: "\e6e5"; } .kdicon-customize:before { content: "\e707"; } .kdicon-dashboard:before { content: "\e71c"; } .kdicon-date-selection:before { content: "\e70f"; } .kdicon-date:before { content: "\e6eb"; } .kdicon-delete-indentation:before { content: "\e697"; } .kdicon-delete-line:before { content: "\e68c"; } .kdicon-delete-solid:before { content: "\e667"; } .kdicon-delete:before { content: "\e6ee"; } .kdicon-detail:before { content: "\e6c4"; } .kdicon-detect:before { content: "\e68e"; } .kdicon-division-solid:before { content: "\e65a"; } .kdicon-double-arrow-left:before { content: "\e64a"; } .kdicon-double-arrow-right:before { content: "\e649"; } .kdicon-download:before { content: "\e70a"; } .kdicon-edit-border:before { content: "\e6c8"; } .kdicon-edit-view:before { content: "\e6c7"; } .kdicon-edit:before { content: "\e6a6"; } .kdicon-education:before { content: "\e69d"; } .kdicon-eliminate-solid:before { content: "\e659"; } .kdicon-en:before { content: "\e6b6"; } .kdicon-enlarge:before { content: "\e6d5"; } .kdicon-equal:before { content: "\e6a3"; } .kdicon-exclamatory:before { content: "\e64e"; } .kdicon-expand:before { content: "\e651"; } .kdicon-experience:before { content: "\e6ff"; } .kdicon-fail:before { content: "\e6a5"; } .kdicon-feedback:before { content: "\e6d6"; } .kdicon-female:before { content: "\e684"; } .kdicon-filter-solid:before { content: "\e66a"; } .kdicon-filter-switch:before { content: "\e6b1"; } .kdicon-filter:before { content: "\e6a0"; } .kdicon-finish:before { content: "\e6dc"; } .kdicon-first:before { content: "\e630"; } .kdicon-fixed-shrink:before { content: "\e693"; } .kdicon-fixed-solid:before { content: "\e65f"; } .kdicon-fixed-window:before { content: "\e6d1"; } .kdicon-fixed:before { content: "\e6e3"; } .kdicon-fold:before { content: "\e71d"; } .kdicon-foldmenu:before { content: "\e70e"; } .kdicon-font-background-solid:before { content: "\e673"; } .kdicon-font-color-solid:before { content: "\e674"; } .kdicon-forbid:before { content: "\e69b"; } .kdicon-git:before { content: "\e6c1"; } .kdicon-graffiti:before { content: "\e6fe"; } .kdicon-greater-equal:before { content: "\e6d7"; } .kdicon-have-attachment:before { content: "\e6a8"; } .kdicon-hide:before { content: "\e6a9"; } .kdicon-hyperlink:before { content: "\e6c9"; } .kdicon-image:before { content: "\e687"; } .kdicon-import:before { content: "\e6cb"; } .kdicon-international:before { content: "\e719"; } .kdicon-job-info:before { content: "\e68d"; } .kdicon-last:before { content: "\e631"; } .kdicon-left-border:before { content: "\e708"; } .kdicon-left-extension:before { content: "\e6ae"; } .kdicon-left-unfold-solid:before { content: "\e675"; } .kdicon-left-unfold:before { content: "\e709"; } .kdicon-like:before { content: "\e67f"; } .kdicon-list:before { content: "\e6e6"; } .kdicon-little-k:before { content: "\e700"; } .kdicon-loadding-circle:before { content: "\e645"; } .kdicon-loadding:before { content: "\e62d"; } .kdicon-location-solid:before { content: "\e640"; } .kdicon-location:before { content: "\e695"; } .kdicon-lock-solid:before { content: "\e66b"; } .kdicon-lock:before { content: "\e68b"; } .kdicon-male:before { content: "\e683"; } .kdicon-material:before { content: "\e6db"; } .kdicon-medical-report:before { content: "\e703"; } .kdicon-menu:before { content: "\e6d8"; } .kdicon-merge-cell:before { content: "\e6f3"; } .kdicon-more-info-solid:before { content: "\e660"; } .kdicon-more-info:before { content: "\e6e4"; } .kdicon-more-item:before { content: "\e6f4"; } .kdicon-more:before { content: "\e6a1"; } .kdicon-mosaic-solid:before { content: "\e663"; } .kdicon-multiply:before { content: "\e65b"; } .kdicon-my-receipt:before { content: "\e715"; } .kdicon-no-border:before { content: "\e6f8"; } .kdicon-not-equal:before { content: "\e6dd"; } .kdicon-notice:before { content: "\e658"; } .kdicon-oblique-solid:before { content: "\e66e"; } .kdicon-operating-element:before { content: "\e6a4"; } .kdicon-order-facet:before { content: "\e713"; } .kdicon-order:before { content: "\e6d2"; } .kdicon-ordered-list:before { content: "\e6fa"; } .kdicon-person-solid:before { content: "\e669"; } .kdicon-phone:before { content: "\e6d3"; } .kdicon-platform:before { content: "\e6f1"; } .kdicon-preview-view:before { content: "\e6ba"; } .kdicon-preview:before { content: "\e6ac"; } .kdicon-print:before { content: "\e690"; } .kdicon-processing-solid:before { content: "\e665"; } .kdicon-project:before { content: "\e681"; } .kdicon-push-down:before { content: "\e702"; } .kdicon-put-bottom:before { content: "\e6b4"; } .kdicon-put-off:before { content: "\e685"; } .kdicon-put-on:before { content: "\e6bd"; } .kdicon-put-top:before { content: "\e6b3"; } .kdicon-qrcode:before { content: "\e6df"; } .kdicon-qualification-info:before { content: "\e6b2"; } .kdicon-quit:before { content: "\e6fc"; } .kdicon-quote-solid:before { content: "\e66d"; } .kdicon-reduce:before { content: "\e696"; } .kdicon-reduction:before { content: "\e6f2"; } .kdicon-refresh-solid:before { content: "\e642"; } .kdicon-refresh:before { content: "\e629"; } .kdicon-report-form:before { content: "\e712"; } .kdicon-reset:before { content: "\e6b9"; } .kdicon-resign-report:before { content: "\e699"; } .kdicon-return:before { content: "\e6e0"; } .kdicon-right-bold:before { content: "\e648"; } .kdicon-right-border:before { content: "\e67c"; } .kdicon-right-extension:before { content: "\e6aa"; } .kdicon-right-solid:before { content: "\e641"; } .kdicon-right-unfold-solid:before { content: "\e672"; } .kdicon-right-unfold:before { content: "\e6ab"; } .kdicon-right:before { content: "\e62e"; } .kdicon-rough-border:before { content: "\e6de"; } .kdicon-save:before { content: "\e6c2"; } .kdicon-scanning:before { content: "\e67d"; } .kdicon-search-border:before { content: "\e6da"; } .kdicon-search:before { content: "\e62a"; } .kdicon-setting:before { content: "\e652"; } .kdicon-share:before { content: "\e6cf"; } .kdicon-shoppingcart:before { content: "\e6bf"; } .kdicon-shrink:before { content: "\e6fd"; } .kdicon-shutdown:before { content: "\e686"; } .kdicon-sigma:before { content: "\e71b"; } .kdicon-spin:before { content: "\e6f7"; } .kdicon-split:before { content: "\e6c3"; } .kdicon-star:before { content: "\e653"; } .kdicon-stop:before { content: "\e691"; } .kdicon-strike-solid:before { content: "\e664"; } .kdicon-sun-solid:before { content: "\e670"; } .kdicon-switch-down:before { content: "\e698"; } .kdicon-switch-up:before { content: "\e680"; } .kdicon-switch:before { content: "\e6e7"; } .kdicon-table-setting:before { content: "\e6c6"; } .kdicon-task-process:before { content: "\e6ea"; } .kdicon-timezone-solid:before { content: "\e662"; } .kdicon-tips-solid:before { content: "\e66c"; } .kdicon-tips:before { content: "\e650"; } .kdicon-title-solid:before { content: "\e65c"; } .kdicon-top-border:before { content: "\e6ef"; } .kdicon-two-window:before { content: "\e6f6"; } .kdicon-underline-solid:before { content: "\e671"; } .kdicon-unfold-all:before { content: "\e6ad"; } .kdicon-unfold:before { content: "\e71e"; } .kdicon-unfoldmenu:before { content: "\e70d"; } .kdicon-unlock-solid:before { content: "\e666"; } .kdicon-unlock:before { content: "\e69e"; } .kdicon-upload-cloud:before { content: "\e632"; } .kdicon-upload:before { content: "\e70b"; } .kdicon-user-info:before { content: "\e682"; } .kdicon-vertical-center:before { content: "\e6f5"; } .kdicon-voice:before { content: "\e6d9"; } .kdicon-waiting:before { content: "\e64b"; } .kdicon-warning-solid:before { content: "\e64c"; } .kdicon-warning:before { content: "\e64d"; } .kdicon-workbench:before { content: "\e64f"; } .kdicon-wrap:before { content: "\e6b0"; } .kdicon-yunzhijia:before { content: "\e706"; } .kdicon-zoom:before { content: "\e70c"; } /* ----------- color ——————---- start */ /* ----------- color ——————---- end */ /* ----------- motion ——————---- start */ /* ----------- motion ——————---- end */ /* ----------- transition ——————---- start */ /* ----------- transition ——————---- end */ /* ----------- font ——————---- start */ /* ----------- font ——————---- end */ /* ----------- zIndex ——————---- start */ /* 普通组件内部自身层级应设置在0-100间 */ /* ----------- zIndex ——————---- end */ /* ----------- Button ——————---- start */ /* ----------- Button ——————---- end */ /* ----------- Collapse ——————---- start */ /* ----------- Collapse ——————---- end */ /* ----------- Card ——————---- start */ /* ----------- Card ——————---- end */ /* ----------- Carousel ——————---- start */ /* ----------- Carousel ——————---- end */ /* ----------- Cascader ——————---- start */ /* ----------- Cascader ——————---- end */ /* ----------- Switch ——————---- start */ /* ----------- Switch ——————---- end */ /* ----------- Input ——————---- start */ /* ----------- Input ——————---- end */ /* ----------- InputNumber ——————---- start */ /* ----------- InputNumber ——————---- end */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- end */ /* ----------- Radio ——————---- start */ /* ----------- Radio ——————---- end */ /* ----------- icon ——————---- start */ /* ----------- icon ——————---- end */ /* ----------- Popconfirm ——————---- start */ /* ----------- Popconfirm ——————---- end */ /* ----------- Progress ——————---- start */ /* ----------- Progress ——————---- end */ /* ----------- Pagination ——————---- start */ /* ----------- Pagination ——————---- end */ /* ----------- Timeline ——————---- start */ /* ----------- Timeline ——————---- end */ /* ----------- Tabs ——————---- start */ /* ----------- Tabs ——————---- end */ /* ----------- Select ——————---- start */ /* ----------- Select ——————---- end */ /* ----------- Rate ——————---- start */ /* ----------- Rate ——————---- end */ /* ----------- Dropdown ——————---- start */ /* ----------- Dropdown ——————---- end */ /* ----------- Tooltip ——————---- start */ /* ----------- Tooltip ——————---- end */ /* ----------- Transfer ——————---- start */ /* ----------- Transfer ——————---- end */ /* ----------- DatePicker ——————---- start */ /* ----------- DatePicker ——————---- end */ /* ----------- ColorPicker ——————---- start */ /* ----------- ColorPicker ——————---- end */ /* ----------- Tree ——————---- start */ /* ----------- Tree ——————---- end */ /* ----------- Alert ——————---- start */ /* ----------- Alert ——————---- end */ /* ----------- Split-Panel ——————---- start */ /* ----------- Split-Panel ——————---- end */ /* ----------- Modal ——————---- start */ /* ----------- Modal ——————---- end */ /* ----------- Steps ——————---- start */ /* ----------- Steps ——————---- end */ /* ----------- Form ——————---- start */ /* ----------- Form ——————---- end */ /* ----------- Tag ——————---- start */ /* ----------- Tag ——————---- end */ /* ----------- Menu ——————---- start */ /* ----------- Menu ——————---- end */ /* ----------- notice ——————---- start */ /* ----------- message ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Layout ——————---- start */ /* ----------- Layout ——————---- end */ /* ----------- Typography ——————---- start */ /* ----------- Typography ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Badge ——————---- start */ /* ----------- Badge ——————---- end */ /* ----------- Anchor ——————---- start */ /* ----------- Anchor ——————---- end */ /* ----------- Avatar ——————---- start */ /* ----------- Avatar ——————---- end */ /* ----------- AdvancedSelector ——————---- start */ /* ----------- AdvancedSelector ——————---- end */ @-webkit-keyframes loadingcircle { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes loadingcircle { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes waveEffect { 100% { -webkit-box-shadow: 0 0 0 6px #5582f3; box-shadow: 0 0 0 6px #5582f3; } } @keyframes waveEffect { 100% { -webkit-box-shadow: 0 0 0 6px #5582f3; box-shadow: 0 0 0 6px #5582f3; } } @-webkit-keyframes fadeEffect { 100% { opacity: 0; } } @keyframes fadeEffect { 100% { opacity: 0; } } @-webkit-keyframes kdRadioEffect { 0% { -webkit-transform: translateY(-50%) scale(0); transform: translateY(-50%) scale(0); } 50% { -webkit-transform: translateY(-50%) scale(1.2); transform: translateY(-50%) scale(1.2); } 100% { -webkit-transform: translateY(-50%) scale(1); transform: translateY(-50%) scale(1); } } @keyframes kdRadioEffect { 0% { -webkit-transform: translateY(-50%) scale(0); transform: translateY(-50%) scale(0); } 50% { -webkit-transform: translateY(-50%) scale(1.2); transform: translateY(-50%) scale(1.2); } 100% { -webkit-transform: translateY(-50%) scale(1); transform: translateY(-50%) scale(1); } } @-webkit-keyframes kdRadioLeaveEffect { 50% { -webkit-transform: translateY(-50%) scale(1.2); transform: translateY(-50%) scale(1.2); } 100% { -webkit-transform: translateY(-50%) scale(0); transform: translateY(-50%) scale(0); } } @keyframes kdRadioLeaveEffect { 50% { -webkit-transform: translateY(-50%) scale(1.2); transform: translateY(-50%) scale(1.2); } 100% { -webkit-transform: translateY(-50%) scale(0); transform: translateY(-50%) scale(0); } } @-webkit-keyframes kdRadioSquareEffect { 0% { -webkit-transform: rotate(45deg) scale(0); transform: rotate(45deg) scale(0); } 50% { -webkit-transform: rotate(45deg) scale(1.2); transform: rotate(45deg) scale(1.2); } 100% { -webkit-transform: rotate(45deg) scale(1); transform: rotate(45deg) scale(1); } } @keyframes kdRadioSquareEffect { 0% { -webkit-transform: rotate(45deg) scale(0); transform: rotate(45deg) scale(0); } 50% { -webkit-transform: rotate(45deg) scale(1.2); transform: rotate(45deg) scale(1.2); } 100% { -webkit-transform: rotate(45deg) scale(1); transform: rotate(45deg) scale(1); } } @-webkit-keyframes kdRadioSquareLeaveEffect { 50% { -webkit-transform: rotate(45deg) scale(1.2); transform: rotate(45deg) scale(1.2); } 100% { -webkit-transform: rotate(45deg) scale(0); transform: rotate(45deg) scale(0); } } @keyframes kdRadioSquareLeaveEffect { 50% { -webkit-transform: rotate(45deg) scale(1.2); transform: rotate(45deg) scale(1.2); } 100% { -webkit-transform: rotate(45deg) scale(0); transform: rotate(45deg) scale(0); } } @-webkit-keyframes kdZoomBounceEffect { 0% { -webkit-transform: scale(0); transform: scale(0); } 50% { -webkit-transform-origin: bottom right; transform-origin: bottom right; -webkit-transform: scale(1.2); transform: scale(1.2); } } @keyframes kdZoomBounceEffect { 0% { -webkit-transform: scale(0); transform: scale(0); } 50% { -webkit-transform-origin: bottom right; transform-origin: bottom right; -webkit-transform: scale(1.2); transform: scale(1.2); } } @-webkit-keyframes kdZoomBounceLeaveEffect { 50% { -webkit-transform-origin: bottom right; transform-origin: bottom right; -webkit-transform: scale(1.2); transform: scale(1.2); } 100% { -webkit-transform-origin: bottom right; transform-origin: bottom right; -webkit-transform: scale(0); transform: scale(0); } } @keyframes kdZoomBounceLeaveEffect { 50% { -webkit-transform-origin: bottom right; transform-origin: bottom right; -webkit-transform: scale(1.2); transform: scale(1.2); } 100% { -webkit-transform-origin: bottom right; transform-origin: bottom right; -webkit-transform: scale(0); transform: scale(0); } } @-webkit-keyframes kdZoomBounceDefaultEffect { 0% { -webkit-transform: scale(0); transform: scale(0); } 50% { -webkit-transform-origin: 45% 77%; transform-origin: 45% 77%; -webkit-transform: scale(1.2); transform: scale(1.2); } } @keyframes kdZoomBounceDefaultEffect { 0% { -webkit-transform: scale(0); transform: scale(0); } 50% { -webkit-transform-origin: 45% 77%; transform-origin: 45% 77%; -webkit-transform: scale(1.2); transform: scale(1.2); } } @-webkit-keyframes kdZoomEffect { 0% { -webkit-transform: scale(0); transform: scale(0); -webkit-transform-origin: 45% 77%; transform-origin: 45% 77%; } 100% { -webkit-transform-origin: 45% 77%; transform-origin: 45% 77%; -webkit-transform: scale(1); transform: scale(1); } } @keyframes kdZoomEffect { 0% { -webkit-transform: scale(0); transform: scale(0); -webkit-transform-origin: 45% 77%; transform-origin: 45% 77%; } 100% { -webkit-transform-origin: 45% 77%; transform-origin: 45% 77%; -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes kdZoomLeaveEffect { 0% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 45% 77%; transform-origin: 45% 77%; } 100% { -webkit-transform-origin: 45% 77%; transform-origin: 45% 77%; -webkit-transform: scale(0); transform: scale(0); } } @keyframes kdZoomLeaveEffect { 0% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 45% 77%; transform-origin: 45% 77%; } 100% { -webkit-transform-origin: 45% 77%; transform-origin: 45% 77%; -webkit-transform: scale(0); transform: scale(0); } } @-webkit-keyframes kdNoticeEffect { 0% { -webkit-transform: translateY(-15px) scale(0.8); transform: translateY(-15px) scale(0.8); opacity: 0; } } @keyframes kdNoticeEffect { 0% { -webkit-transform: translateY(-15px) scale(0.8); transform: translateY(-15px) scale(0.8); opacity: 0; } } @-webkit-keyframes kdNoticeLeaveEffect { 100% { -webkit-transform: translateY(-15px) scale(0.8); transform: translateY(-15px) scale(0.8); opacity: 0; } } @keyframes kdNoticeLeaveEffect { 100% { -webkit-transform: translateY(-15px) scale(0.8); transform: translateY(-15px) scale(0.8); opacity: 0; } } @-webkit-keyframes kdModalEffect { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes kdModalEffect { 0% { opacity: 0; } 100% { opacity: 1; } } .top-active { -webkit-animation-name: kdZoomBottomIn; animation-name: kdZoomBottomIn; -webkit-animation-duration: calc(0.3s - 0.1s); animation-duration: calc(0.3s - 0.1s); -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1); animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1); } .top.hidden { -webkit-animation-name: kdZoomBottomOut; animation-name: kdZoomBottomOut; -webkit-animation-duration: 0.1s; animation-duration: 0.1s; -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6); animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6); } .left-active { -webkit-animation-name: kdZoomRightIn; animation-name: kdZoomRightIn; -webkit-animation-duration: calc(0.3s - 0.1s); animation-duration: calc(0.3s - 0.1s); -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1); animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1); } .left.hidden { -webkit-animation-name: kdZoomRightOut; animation-name: kdZoomRightOut; -webkit-animation-duration: 0.1s; animation-duration: 0.1s; -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6); animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6); } .right-active { -webkit-animation-name: kdZoomLeftIn; animation-name: kdZoomLeftIn; -webkit-animation-duration: calc(0.3s - 0.1s); animation-duration: calc(0.3s - 0.1s); -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1); animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1); } .right.hidden { -webkit-animation-name: kdZoomLeftOut; animation-name: kdZoomLeftOut; -webkit-animation-duration: 0.1s; animation-duration: 0.1s; -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6); animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6); } .bottom-active { -webkit-animation-name: kdZoomTopIn; animation-name: kdZoomTopIn; -webkit-animation-duration: calc(0.3s - 0.1s); animation-duration: calc(0.3s - 0.1s); -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1); animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1); } .bottom.hidden { -webkit-animation-name: kdZoomTopOut; animation-name: kdZoomTopOut; -webkit-animation-duration: 0.1s; animation-duration: 0.1s; -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6); animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6); } .topLeft-active { -webkit-animation-name: kdZoomLeftBottomIn; animation-name: kdZoomLeftBottomIn; -webkit-animation-duration: calc(0.3s - 0.1s); animation-duration: calc(0.3s - 0.1s); -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1); animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1); } .topLeft.hidden { -webkit-animation-name: kdZoomLeftBottomOut; animation-name: kdZoomLeftBottomOut; -webkit-animation-duration: 0.1s; animation-duration: 0.1s; -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6); animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6); } .rightBottom-active { -webkit-animation-name: kdZoomLeftBottomIn; animation-name: kdZoomLeftBottomIn; -webkit-animation-duration: calc(0.3s - 0.1s); animation-duration: calc(0.3s - 0.1s); -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1); animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1); } .rightBottom.hidden { -webkit-animation-name: kdZoomLeftBottomOut; animation-name: kdZoomLeftBottomOut; -webkit-animation-duration: 0.1s; animation-duration: 0.1s; -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6); animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6); } .topRight-active { -webkit-animation-name: kdZoomRightBottomIn; animation-name: kdZoomRightBottomIn; -webkit-animation-duration: calc(0.3s - 0.1s); animation-duration: calc(0.3s - 0.1s); -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1); animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1); } .topRight.hidden { -webkit-animation-name: kdZoomRightBottomOut; animation-name: kdZoomRightBottomOut; -webkit-animation-duration: 0.1s; animation-duration: 0.1s; -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6); animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6); } .leftBottom-active { -webkit-animation-name: kdZoomRightBottomIn; animation-name: kdZoomRightBottomIn; -webkit-animation-duration: calc(0.3s - 0.1s); animation-duration: calc(0.3s - 0.1s); -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1); animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1); } .leftBottom.hidden { -webkit-animation-name: kdZoomRightBottomOut; animation-name: kdZoomRightBottomOut; -webkit-animation-duration: 0.1s; animation-duration: 0.1s; -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6); animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6); } .leftTop-active { -webkit-animation-name: kdZoomTopRightIn; animation-name: kdZoomTopRightIn; -webkit-animation-duration: calc(0.3s - 0.1s); animation-duration: calc(0.3s - 0.1s); -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1); animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1); } .leftTop.hidden { -webkit-animation-name: kdZoomTopRightOut; animation-name: kdZoomTopRightOut; -webkit-animation-duration: 0.1s; animation-duration: 0.1s; -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6); animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6); } .bottomRight-active { -webkit-animation-name: kdZoomTopRightIn; animation-name: kdZoomTopRightIn; -webkit-animation-duration: calc(0.3s - 0.1s); animation-duration: calc(0.3s - 0.1s); -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1); animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1); } .bottomRight.hidden { -webkit-animation-name: kdZoomTopRightOut; animation-name: kdZoomTopRightOut; -webkit-animation-duration: 0.1s; animation-duration: 0.1s; -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6); animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6); } .rightTop-active { -webkit-animation-name: kdZoomTopLeftIn; animation-name: kdZoomTopLeftIn; -webkit-animation-duration: calc(0.3s - 0.1s); animation-duration: calc(0.3s - 0.1s); -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1); animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1); } .rightTop.hidden { -webkit-animation-name: kdZoomTopLeftOut; animation-name: kdZoomTopLeftOut; -webkit-animation-duration: 0.1s; animation-duration: 0.1s; -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6); animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6); } .bottomLeft-active { -webkit-animation-name: kdZoomTopLeftIn; animation-name: kdZoomTopLeftIn; -webkit-animation-duration: calc(0.3s - 0.1s); animation-duration: calc(0.3s - 0.1s); -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1); animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1); } .bottomLeft.hidden { -webkit-animation-name: kdZoomTopLeftOut; animation-name: kdZoomTopLeftOut; -webkit-animation-duration: 0.1s; animation-duration: 0.1s; -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6); animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6); } @-webkit-keyframes kdZoomBottomIn { 0% { opacity: 0; } 5% { -webkit-transform: scale(0.6); transform: scale(0.6); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; } 100% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; opacity: 1; } } @keyframes kdZoomBottomIn { 0% { opacity: 0; } 5% { -webkit-transform: scale(0.6); transform: scale(0.6); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; } 100% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; opacity: 1; } } @-webkit-keyframes kdZoomBottomOut { 0% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; opacity: 1; } 100% { -webkit-transform: scale(0.6); transform: scale(0.6); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; opacity: 0; } } @keyframes kdZoomBottomOut { 0% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; opacity: 1; } 100% { -webkit-transform: scale(0.6); transform: scale(0.6); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; opacity: 0; } } @-webkit-keyframes kdZoomRightIn { 0% { opacity: 0; } 5% { -webkit-transform: scale(0.6); transform: scale(0.6); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; } 100% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; opacity: 1; } } @keyframes kdZoomRightIn { 0% { opacity: 0; } 5% { -webkit-transform: scale(0.6); transform: scale(0.6); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; } 100% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; opacity: 1; } } @-webkit-keyframes kdZoomRightOut { 0% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; opacity: 1; } 100% { -webkit-transform: scale(0.6); transform: scale(0.6); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; opacity: 0; } } @keyframes kdZoomRightOut { 0% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; opacity: 1; } 100% { -webkit-transform: scale(0.6); transform: scale(0.6); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; opacity: 0; } } @-webkit-keyframes kdZoomTopIn { 0% { opacity: 0; } 5% { -webkit-transform: scale(0.6); transform: scale(0.6); -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; } 100% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; opacity: 1; } } @keyframes kdZoomTopIn { 0% { opacity: 0; } 5% { -webkit-transform: scale(0.6); transform: scale(0.6); -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; } 100% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; opacity: 1; } } @-webkit-keyframes kdZoomTopOut { 0% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; opacity: 1; } 100% { -webkit-transform: scale(0.6); transform: scale(0.6); -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; opacity: 0; } } @keyframes kdZoomTopOut { 0% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; opacity: 1; } 100% { -webkit-transform: scale(0.6); transform: scale(0.6); -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; opacity: 0; } } @-webkit-keyframes kdZoomLeftIn { 0% { opacity: 0; } 5% { -webkit-transform: scale(0.6); transform: scale(0.6); -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; } 100% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; opacity: 1; } } @keyframes kdZoomLeftIn { 0% { opacity: 0; } 5% { -webkit-transform: scale(0.6); transform: scale(0.6); -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; } 100% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; opacity: 1; } } @-webkit-keyframes kdZoomLeftOut { 0% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; opacity: 1; } 100% { -webkit-transform: scale(0.6); transform: scale(0.6); -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; opacity: 0; } } @keyframes kdZoomLeftOut { 0% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; opacity: 1; } 100% { -webkit-transform: scale(0.6); transform: scale(0.6); -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; opacity: 0; } } @-webkit-keyframes kdZoomLeftBottomIn { 0% { opacity: 0; } 5% { -webkit-transform: scale(0.6); transform: scale(0.6); -webkit-transform-origin: 0% 100%; transform-origin: 0% 100%; } 100% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 0% 100%; transform-origin: 0% 100%; opacity: 1; } } @keyframes kdZoomLeftBottomIn { 0% { opacity: 0; } 5% { -webkit-transform: scale(0.6); transform: scale(0.6); -webkit-transform-origin: 0% 100%; transform-origin: 0% 100%; } 100% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 0% 100%; transform-origin: 0% 100%; opacity: 1; } } @-webkit-keyframes kdZoomLeftBottomOut { 0% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 0% 100%; transform-origin: 0% 100%; opacity: 1; } 100% { -webkit-transform: scale(0.6); transform: scale(0.6); -webkit-transform-origin: 0% 100%; transform-origin: 0% 100%; opacity: 0; } } @keyframes kdZoomLeftBottomOut { 0% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 0% 100%; transform-origin: 0% 100%; opacity: 1; } 100% { -webkit-transform: scale(0.6); transform: scale(0.6); -webkit-transform-origin: 0% 100%; transform-origin: 0% 100%; opacity: 0; } } @-webkit-keyframes kdZoomRightBottomIn { 0% { opacity: 0; } 5% { -webkit-transform: scale(0.6); transform: scale(0.6); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; } 100% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; opacity: 1; } } @keyframes kdZoomRightBottomIn { 0% { opacity: 0; } 5% { -webkit-transform: scale(0.6); transform: scale(0.6); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; } 100% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; opacity: 1; } } @-webkit-keyframes kdZoomRightBottomOut { 0% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; opacity: 1; } 100% { -webkit-transform: scale(0.6); transform: scale(0.6); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; opacity: 0; } } @keyframes kdZoomRightBottomOut { 0% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; opacity: 1; } 100% { -webkit-transform: scale(0.6); transform: scale(0.6); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; opacity: 0; } } @-webkit-keyframes kdZoomTopRightIn { 0% { opacity: 0; } 5% { -webkit-transform: scale(0.6); transform: scale(0.6); -webkit-transform-origin: 100% 0%; transform-origin: 100% 0%; } 100% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 100% 0%; transform-origin: 100% 0%; opacity: 1; } } @keyframes kdZoomTopRightIn { 0% { opacity: 0; } 5% { -webkit-transform: scale(0.6); transform: scale(0.6); -webkit-transform-origin: 100% 0%; transform-origin: 100% 0%; } 100% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 100% 0%; transform-origin: 100% 0%; opacity: 1; } } @-webkit-keyframes kdZoomTopRightOut { 0% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 100% 0%; transform-origin: 100% 0%; opacity: 1; } 100% { -webkit-transform: scale(0.6); transform: scale(0.6); -webkit-transform-origin: 100% 0%; transform-origin: 100% 0%; opacity: 0; } } @keyframes kdZoomTopRightOut { 0% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 100% 0%; transform-origin: 100% 0%; opacity: 1; } 100% { -webkit-transform: scale(0.6); transform: scale(0.6); -webkit-transform-origin: 100% 0%; transform-origin: 100% 0%; opacity: 0; } } @-webkit-keyframes kdZoomTopLeftIn { 0% { opacity: 0; } 5% { -webkit-transform: scale(0.6); transform: scale(0.6); -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; } 100% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; opacity: 1; } } @keyframes kdZoomTopLeftIn { 0% { opacity: 0; } 5% { -webkit-transform: scale(0.6); transform: scale(0.6); -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; } 100% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; opacity: 1; } } @-webkit-keyframes kdZoomTopLeftOut { 0% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; opacity: 1; } 100% { -webkit-transform: scale(0.6); transform: scale(0.6); -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; opacity: 0; } } @keyframes kdZoomTopLeftOut { 0% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; opacity: 1; } 100% { -webkit-transform: scale(0.6); transform: scale(0.6); -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; opacity: 0; } } .kd-dropdown.topLeft-active { -webkit-animation-name: kdSlideDownIn; animation-name: kdSlideDownIn; -webkit-animation-duration: calc(0.3s - 0.1s); animation-duration: calc(0.3s - 0.1s); -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1); animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1); } .kd-dropdown.topLeft.hidden { -webkit-animation-name: kdSlideDownOut; animation-name: kdSlideDownOut; -webkit-animation-duration: 0.1s; animation-duration: 0.1s; -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6); animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6); } .kd-dropdown.top-active { -webkit-animation-name: kdSlideDownIn; animation-name: kdSlideDownIn; -webkit-animation-duration: calc(0.3s - 0.1s); animation-duration: calc(0.3s - 0.1s); -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1); animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1); } .kd-dropdown.top.hidden { -webkit-animation-name: kdSlideDownOut; animation-name: kdSlideDownOut; -webkit-animation-duration: 0.1s; animation-duration: 0.1s; -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6); animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6); } .kd-dropdown.topRight-active { -webkit-animation-name: kdSlideDownIn; animation-name: kdSlideDownIn; -webkit-animation-duration: calc(0.3s - 0.1s); animation-duration: calc(0.3s - 0.1s); -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1); animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1); } .kd-dropdown.topRight.hidden { -webkit-animation-name: kdSlideDownOut; animation-name: kdSlideDownOut; -webkit-animation-duration: 0.1s; animation-duration: 0.1s; -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6); animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6); } .kd-dropdown.leftBottom-active { -webkit-animation-name: kdSlideDownIn; animation-name: kdSlideDownIn; -webkit-animation-duration: calc(0.3s - 0.1s); animation-duration: calc(0.3s - 0.1s); -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1); animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1); } .kd-dropdown.leftBottom.hidden { -webkit-animation-name: kdSlideDownOut; animation-name: kdSlideDownOut; -webkit-animation-duration: 0.1s; animation-duration: 0.1s; -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6); animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6); } .kd-dropdown.rightBottom-active { -webkit-animation-name: kdSlideDownIn; animation-name: kdSlideDownIn; -webkit-animation-duration: calc(0.3s - 0.1s); animation-duration: calc(0.3s - 0.1s); -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1); animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1); } .kd-dropdown.rightBottom.hidden { -webkit-animation-name: kdSlideDownOut; animation-name: kdSlideDownOut; -webkit-animation-duration: 0.1s; animation-duration: 0.1s; -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6); animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6); } .kd-dropdown.left-active { -webkit-animation-name: kdSlideCenterIn; animation-name: kdSlideCenterIn; -webkit-animation-duration: calc(0.3s - 0.1s); animation-duration: calc(0.3s - 0.1s); -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1); animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1); } .kd-dropdown.left.hidden { -webkit-animation-name: kdSlideCenterOut; animation-name: kdSlideCenterOut; -webkit-animation-duration: 0.1s; animation-duration: 0.1s; -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6); animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6); } .kd-dropdown.right-active { -webkit-animation-name: kdSlideCenterIn; animation-name: kdSlideCenterIn; -webkit-animation-duration: calc(0.3s - 0.1s); animation-duration: calc(0.3s - 0.1s); -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1); animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1); } .kd-dropdown.right.hidden { -webkit-animation-name: kdSlideCenterOut; animation-name: kdSlideCenterOut; -webkit-animation-duration: 0.1s; animation-duration: 0.1s; -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6); animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6); } .kd-dropdown.leftTop-active { -webkit-animation-name: kdSlideUpIn; animation-name: kdSlideUpIn; -webkit-animation-duration: calc(0.3s - 0.1s); animation-duration: calc(0.3s - 0.1s); -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1); animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1); } .kd-dropdown.leftTop.hidden { -webkit-animation-name: kdSlideUpOut; animation-name: kdSlideUpOut; -webkit-animation-duration: 0.1s; animation-duration: 0.1s; -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6); animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6); } .kd-dropdown.bottomLeft-active { -webkit-animation-name: kdSlideUpIn; animation-name: kdSlideUpIn; -webkit-animation-duration: calc(0.3s - 0.1s); animation-duration: calc(0.3s - 0.1s); -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1); animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1); } .kd-dropdown.bottomLeft.hidden { -webkit-animation-name: kdSlideUpOut; animation-name: kdSlideUpOut; -webkit-animation-duration: 0.1s; animation-duration: 0.1s; -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6); animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6); } .kd-dropdown.bottom-active { -webkit-animation-name: kdSlideUpIn; animation-name: kdSlideUpIn; -webkit-animation-duration: calc(0.3s - 0.1s); animation-duration: calc(0.3s - 0.1s); -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1); animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1); } .kd-dropdown.bottom.hidden { -webkit-animation-name: kdSlideUpOut; animation-name: kdSlideUpOut; -webkit-animation-duration: 0.1s; animation-duration: 0.1s; -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6); animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6); } .kd-dropdown.bottomRight-active { -webkit-animation-name: kdSlideUpIn; animation-name: kdSlideUpIn; -webkit-animation-duration: calc(0.3s - 0.1s); animation-duration: calc(0.3s - 0.1s); -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1); animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1); } .kd-dropdown.bottomRight.hidden { -webkit-animation-name: kdSlideUpOut; animation-name: kdSlideUpOut; -webkit-animation-duration: 0.1s; animation-duration: 0.1s; -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6); animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6); } .kd-dropdown.rightTop-active { -webkit-animation-name: kdSlideUpIn; animation-name: kdSlideUpIn; -webkit-animation-duration: calc(0.3s - 0.1s); animation-duration: calc(0.3s - 0.1s); -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1); animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1); } .kd-dropdown.rightTop.hidden { -webkit-animation-name: kdSlideUpOut; animation-name: kdSlideUpOut; -webkit-animation-duration: 0.1s; animation-duration: 0.1s; -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6); animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6); } .kd-cascader-menus.topLeft-active { -webkit-animation-name: kdSlideDownIn; animation-name: kdSlideDownIn; -webkit-animation-duration: calc(0.3s - 0.1s); animation-duration: calc(0.3s - 0.1s); -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1); animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1); } .kd-cascader-menus.topLeft.hidden { -webkit-animation-name: kdSlideDownOut; animation-name: kdSlideDownOut; -webkit-animation-duration: 0.1s; animation-duration: 0.1s; -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6); animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6); } .kd-cascader-menus.bottomLeft-active { -webkit-animation-name: kdSlideUpIn; animation-name: kdSlideUpIn; -webkit-animation-duration: calc(0.3s - 0.1s); animation-duration: calc(0.3s - 0.1s); -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1); animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1); } .kd-cascader-menus.bottomLeft.hidden { -webkit-animation-name: kdSlideUpOut; animation-name: kdSlideUpOut; -webkit-animation-duration: 0.1s; animation-duration: 0.1s; -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6); animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6); } .kd-select-dropdown-panel.topLeft-active { -webkit-animation-name: kdSlideDownIn; animation-name: kdSlideDownIn; -webkit-animation-duration: calc(0.3s - 0.1s); animation-duration: calc(0.3s - 0.1s); -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1); animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1); } .kd-select-dropdown-panel.topLeft.hidden { -webkit-animation-name: kdSlideDownOut; animation-name: kdSlideDownOut; -webkit-animation-duration: 0.1s; animation-duration: 0.1s; -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6); animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6); } .kd-select-dropdown-panel.bottomLeft-active { -webkit-animation-name: kdSlideUpIn; animation-name: kdSlideUpIn; -webkit-animation-duration: calc(0.3s - 0.1s); animation-duration: calc(0.3s - 0.1s); -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1); animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1); } .kd-select-dropdown-panel.bottomLeft.hidden { -webkit-animation-name: kdSlideUpOut; animation-name: kdSlideUpOut; -webkit-animation-duration: 0.1s; animation-duration: 0.1s; -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6); animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6); } .kd-date-picker-panel.topLeft-active { -webkit-animation-name: kdSlideDownIn; animation-name: kdSlideDownIn; -webkit-animation-duration: calc(0.3s - 0.1s); animation-duration: calc(0.3s - 0.1s); -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1); animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1); } .kd-date-picker-panel.topLeft.hidden { -webkit-animation-name: kdSlideDownOut; animation-name: kdSlideDownOut; -webkit-animation-duration: 0.1s; animation-duration: 0.1s; -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6); animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6); } .kd-date-picker-panel.bottomLeft-active { -webkit-animation-name: kdSlideUpIn; animation-name: kdSlideUpIn; -webkit-animation-duration: calc(0.3s - 0.1s); animation-duration: calc(0.3s - 0.1s); -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1); animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1); } .kd-date-picker-panel.bottomLeft.hidden { -webkit-animation-name: kdSlideUpOut; animation-name: kdSlideUpOut; -webkit-animation-duration: 0.1s; animation-duration: 0.1s; -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6); animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6); } .kd-city-picker-dropdown.topLeft-active { -webkit-animation-name: kdSlideDownIn; animation-name: kdSlideDownIn; -webkit-animation-duration: calc(0.3s - 0.1s); animation-duration: calc(0.3s - 0.1s); -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1); animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1); } .kd-city-picker-dropdown.topLeft.hidden { -webkit-animation-name: kdSlideDownOut; animation-name: kdSlideDownOut; -webkit-animation-duration: 0.1s; animation-duration: 0.1s; -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6); animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6); } .kd-city-picker-dropdown.bottomLeft-active { -webkit-animation-name: kdSlideUpIn; animation-name: kdSlideUpIn; -webkit-animation-duration: calc(0.3s - 0.1s); animation-duration: calc(0.3s - 0.1s); -webkit-animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1); animation-timing-function: cubic-bezier(0, 0.4, 0.4, 1); } .kd-city-picker-dropdown.bottomLeft.hidden { -webkit-animation-name: kdSlideUpOut; animation-name: kdSlideUpOut; -webkit-animation-duration: 0.1s; animation-duration: 0.1s; -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6); animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6); } @-webkit-keyframes kdSlideCenterIn { 0% { opacity: 0; } 5% { -webkit-transform: scaleY(0.6); transform: scaleY(0.6); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; } 100% { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; opacity: 1; } } @keyframes kdSlideCenterIn { 0% { opacity: 0; } 5% { -webkit-transform: scaleY(0.6); transform: scaleY(0.6); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; } 100% { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; opacity: 1; } } @-webkit-keyframes kdSlideCenterOut { 0% { opacity: 1; } 5% { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; } 100% { -webkit-transform: scaleY(0.6); transform: scaleY(0.6); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; opacity: 0; } } @keyframes kdSlideCenterOut { 0% { opacity: 1; } 5% { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; } 100% { -webkit-transform: scaleY(0.6); transform: scaleY(0.6); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; opacity: 0; } } @-webkit-keyframes kdSlideUpIn { 0% { opacity: 0; } 5% { -webkit-transform: scaleY(0.6); transform: scaleY(0.6); -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; } 100% { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; opacity: 1; } } @keyframes kdSlideUpIn { 0% { opacity: 0; } 5% { -webkit-transform: scaleY(0.6); transform: scaleY(0.6); -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; } 100% { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; opacity: 1; } } @-webkit-keyframes kdSlideUpOut { 0% { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; opacity: 1; } 100% { -webkit-transform: scaleY(0.8); transform: scaleY(0.8); -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; opacity: 0; } } @keyframes kdSlideUpOut { 0% { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; opacity: 1; } 100% { -webkit-transform: scaleY(0.8); transform: scaleY(0.8); -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; opacity: 0; } } @-webkit-keyframes kdSlideDownIn { 0% { opacity: 0; } 5% { -webkit-transform: scaleY(0.6); transform: scaleY(0.6); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; } 100% { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; opacity: 1; } } @keyframes kdSlideDownIn { 0% { opacity: 0; } 5% { -webkit-transform: scaleY(0.6); transform: scaleY(0.6); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; } 100% { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; opacity: 1; } } @-webkit-keyframes kdSlideDownOut { 0% { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; opacity: 1; } 100% { -webkit-transform: scaleY(0.8); transform: scaleY(0.8); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; opacity: 0; } } @keyframes kdSlideDownOut { 0% { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; opacity: 1; } 100% { -webkit-transform: scaleY(0.8); transform: scaleY(0.8); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; opacity: 0; } } /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* normalize.css 和现有产品的结合版本， 根据兼容性进行了调整 */ /* Document ========================================================================== */ /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ html, body { height: 100%; padding: 0; margin: 0; font-size: 12px; } html, body, input, textarea, select, button { font-family: 'Microsoft YaHei', 'PingFangSC-Regular', 'Helvetica Neue', Helvetica, Arial, 'Hiragino Sans GB', 'WenQuanYi Micro Hei', sans-serif; } body { -webkit-box-sizing: border-box; box-sizing: border-box; } /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /* Forms ========================================================================== */ /** */ input { padding: 0; margin: 0; } /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type='button'], [type='reset'], [type='submit'] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type='button']::-moz-focus-inner, [type='reset']::-moz-focus-inner, [type='submit']::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type='button']:-moz-focusring, [type='reset']:-moz-focusring, [type='submit']:-moz-focusring { outline: 1px dotted ButtonText; } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type='checkbox'], [type='radio'] { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type='number']::-webkit-inner-spin-button, [type='number']::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type='search'] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type='search']::-webkit-search-decoration { -webkit-appearance: none; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } /** * Reset scrollbar style */ ::-webkit-scrollbar-button { width: 0; height: 0; } ::-webkit-scrollbar-corner { background: 0 0; } ::-webkit-scrollbar-thumb { min-height: 28px; height: 5px; min-width: 2px; width: 5px; border-radius: 4px; border: dashed transparent; padding: 100px 0 0; border-width: 1px; background-color: #b2b2b2; background-clip: padding-box; } ::-webkit-scrollbar-thumb:active { background-color: #999; } ::-webkit-scrollbar-thumb:hover { background: #999; border-radius: 6; } ::-webkit-scrollbar-track { border-radius: 10px; } /* ----------- color ——————---- start */ /* ----------- color ——————---- end */ /* ----------- motion ——————---- start */ /* ----------- motion ——————---- end */ /* ----------- transition ——————---- start */ /* ----------- transition ——————---- end */ /* ----------- font ——————---- start */ /* ----------- font ——————---- end */ /* ----------- zIndex ——————---- start */ /* 普通组件内部自身层级应设置在0-100间 */ /* ----------- zIndex ——————---- end */ /* ----------- Button ——————---- start */ /* ----------- Button ——————---- end */ /* ----------- Collapse ——————---- start */ /* ----------- Collapse ——————---- end */ /* ----------- Card ——————---- start */ /* ----------- Card ——————---- end */ /* ----------- Carousel ——————---- start */ /* ----------- Carousel ——————---- end */ /* ----------- Cascader ——————---- start */ /* ----------- Cascader ——————---- end */ /* ----------- Switch ——————---- start */ /* ----------- Switch ——————---- end */ /* ----------- Input ——————---- start */ /* ----------- Input ——————---- end */ /* ----------- InputNumber ——————---- start */ /* ----------- InputNumber ——————---- end */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- end */ /* ----------- Radio ——————---- start */ /* ----------- Radio ——————---- end */ /* ----------- icon ——————---- start */ /* ----------- icon ——————---- end */ /* ----------- Popconfirm ——————---- start */ /* ----------- Popconfirm ——————---- end */ /* ----------- Progress ——————---- start */ /* ----------- Progress ——————---- end */ /* ----------- Pagination ——————---- start */ /* ----------- Pagination ——————---- end */ /* ----------- Timeline ——————---- start */ /* ----------- Timeline ——————---- end */ /* ----------- Tabs ——————---- start */ /* ----------- Tabs ——————---- end */ /* ----------- Select ——————---- start */ /* ----------- Select ——————---- end */ /* ----------- Rate ——————---- start */ /* ----------- Rate ——————---- end */ /* ----------- Dropdown ——————---- start */ /* ----------- Dropdown ——————---- end */ /* ----------- Tooltip ——————---- start */ /* ----------- Tooltip ——————---- end */ /* ----------- Transfer ——————---- start */ /* ----------- Transfer ——————---- end */ /* ----------- DatePicker ——————---- start */ /* ----------- DatePicker ——————---- end */ /* ----------- ColorPicker ——————---- start */ /* ----------- ColorPicker ——————---- end */ /* ----------- Tree ——————---- start */ /* ----------- Tree ——————---- end */ /* ----------- Alert ——————---- start */ /* ----------- Alert ——————---- end */ /* ----------- Split-Panel ——————---- start */ /* ----------- Split-Panel ——————---- end */ /* ----------- Modal ——————---- start */ /* ----------- Modal ——————---- end */ /* ----------- Steps ——————---- start */ /* ----------- Steps ——————---- end */ /* ----------- Form ——————---- start */ /* ----------- Form ——————---- end */ /* ----------- Tag ——————---- start */ /* ----------- Tag ——————---- end */ /* ----------- Menu ——————---- start */ /* ----------- Menu ——————---- end */ /* ----------- notice ——————---- start */ /* ----------- message ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Layout ——————---- start */ /* ----------- Layout ——————---- end */ /* ----------- Typography ——————---- start */ /* ----------- Typography ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Badge ——————---- start */ /* ----------- Badge ——————---- end */ /* ----------- Anchor ——————---- start */ /* ----------- Anchor ——————---- end */ /* ----------- Avatar ——————---- start */ /* ----------- Avatar ——————---- end */ /* ----------- AdvancedSelector ——————---- start */ /* ----------- AdvancedSelector ——————---- end */ /* ----------- motion ——————---- start */ /* ----------- motion ——————---- end */ /* ----------- transition ——————---- start */ /* ----------- transition ——————---- end */ /* ----------- zIndex ——————---- start */ /* 普通组件内部自身层级应设置在0-100间 */ /* ----------- zIndex ——————---- end */ .icon-center i { -ms-flex-item-align: center; align-self: center; } .kd-alert-container { z-index: var(--kd-g-z-index-apex, 9999); display: none; padding: var(--kd-c-alert-sizing-padding-vertical, 12px) var(--kd-c-alert-sizing-padding-horizontal, 20px); -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: display 3s; transition: display 3s; border-radius: var(--kd-c-alert-radius-border, 4px); border: 1px solid; } .kd-alert-banner-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: fixed; z-index: var(--kd-g-z-index-apex, 9999); width: 100%; } .kd-alert.alert-success-bg-color { background-color: var(--kd-c-alert-color-background-success, var(--kd-g-color-background-success, #f2fff5)); } .kd-alert.alert-warning-bg-color { background-color: var(--kd-c-alert-color-background-warning, var(--kd-g-color-background-warning, #fffbf2)); } .kd-alert.alert-error-bg-color { background-color: var(--kd-c-alert-color-background-error, var(--kd-g-color-background-error, #fff2f4)); } .kd-alert.alert-info-bg-color { background-color: var(--kd-c-alert-color-background-info, var(--kd-g-color-background-ongoing, #f2f9ff)); } .kd-alert.alert-success-border-color { border-color: var(--kd-c-alert-color-border-success, #DCFAE4); } .kd-alert.alert-warning-border-color { border-color: var(--kd-c-alert-color-border-warning, #FFF1D4); } .kd-alert.alert-error-border-color { border-color: var(--kd-c-alert-color-border-error, #FFDBE0); } .kd-alert.alert-info-border-color { border-color: var(--kd-c-alert-color-border-info, #E0EFFF); } .kd-alert-icon { display: -webkit-box; display: -ms-flexbox; display: flex; cursor: default; height: var(--kd-c-alert-message-icon-font-size, var(--kd-g-font-size-middle, 14px)); margin-right: var(--kd-c-alert-message-icon-sizing-margin-right, 8px); font-size: var(--kd-c-alert-message-icon-font-size, var(--kd-g-font-size-middle, 14px)); } .kd-alert-icon i { -ms-flex-item-align: center; align-self: center; } .kd-alert-icon.alert-success-icon-color { color: var(--kd-c-alert-color-icon-success, var(--kd-g-color-success, #1ba854)); } .kd-alert-icon.alert-warning-icon-color { color: var(--kd-c-alert-color-icon-warning, var(--kd-g-color-warning, #ff991c)); } .kd-alert-icon.alert-error-icon-color { color: var(--kd-c-alert-color-icon-error, var(--kd-g-color-error, #fb2323)); } .kd-alert-icon.alert-info-icon-color { color: var(--kd-c-alert-color-icon-info, var(--kd-g-color-ongoing, #276ff5)); } .kd-alert-message { color: var(--kd-c-alert-color-text, var(--kd-g-color-text-primary, #212121)); font-size: var(--kd-c-alert-message-font-size, var(--kd-g-font-size-small, 12px)); line-height: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; cursor: default; } .kd-alert-leave { -webkit-transition: padding var(--kd-g-duration, 0.3s) cubic-bezier(0.32, 0.94, 0.6, 1), opacity var(--kd-g-duration, 0.3s) cubic-bezier(0.32, 0.94, 0.6, 1), margin var(--kd-g-duration, 0.3s) cubic-bezier(0.32, 0.94, 0.6, 1), height var(--kd-g-duration, 0.3s) cubic-bezier(0.32, 0.94, 0.6, 1), line-height var(--kd-g-duration, 0.3s) cubic-bezier(0.32, 0.94, 0.6, 1); transition: padding var(--kd-g-duration, 0.3s) cubic-bezier(0.32, 0.94, 0.6, 1), opacity var(--kd-g-duration, 0.3s) cubic-bezier(0.32, 0.94, 0.6, 1), margin var(--kd-g-duration, 0.3s) cubic-bezier(0.32, 0.94, 0.6, 1), height var(--kd-g-duration, 0.3s) cubic-bezier(0.32, 0.94, 0.6, 1), line-height var(--kd-g-duration, 0.3s) cubic-bezier(0.32, 0.94, 0.6, 1); display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 var(--kd-c-alert-sizing-padding-horizontal, 20px); border-width: 0; min-height: 0; margin: 0 !important; overflow: hidden; opacity: 0; } .kd-alert-leave .kd-alert-icon, .kd-alert-leave .kd-alert-message, .kd-alert-leave .kd-alert-close-icon { height: 0; line-height: 0; } .kd-alert-close-icon { display: -webkit-box; display: -ms-flexbox; display: flex; height: var(--kd-c-alert-message-icon-font-size, var(--kd-g-font-size-middle, 14px)); margin-left: var(--kd-c-alert-close-icon-sizing-margin-left, 8px); color: var(--kd-c-alert-close-icon-color-text, var(--kd-g-color-text-secondary, #666)); font-size: var(--kd-c-alert-close-icon-font-size, var(--kd-g-font-size-middle, 14px)); cursor: pointer; } .kd-alert-close-icon:hover { color: var(--kd-c-alert-close-icon-color-text-hover, var(--kd-g-color-theme-5, #87adff)); } .kd-alert-close-icon:active { color: var(--kd-g-color-theme-7, #375cca); } .kd-alert-close-icon i { -ms-flex-item-align: center; align-self: center; } .kd-alert-visible { display: -webkit-box; display: -ms-flexbox; display: flex; } .kd-alert-banner { position: fixed; -webkit-animation: moveIn var(--kd-g-duration, 0.3s) cubic-bezier(0.32, 0.94, 0.6, 1) both; animation: moveIn var(--kd-g-duration, 0.3s) cubic-bezier(0.32, 0.94, 0.6, 1) both; } @-webkit-keyframes moveIn { from { -webkit-transform: translateY(-50px); transform: translateY(-50px); } to { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes moveIn { from { -webkit-transform: translateY(-50px); transform: translateY(-50px); } to { -webkit-transform: translateY(0); transform: translateY(0); } } /* ----------- color ——————---- start */ /* ----------- color ——————---- end */ /* ----------- motion ——————---- start */ /* ----------- motion ——————---- end */ /* ----------- transition ——————---- start */ /* ----------- transition ——————---- end */ /* ----------- font ——————---- start */ /* ----------- font ——————---- end */ /* ----------- zIndex ——————---- start */ /* 普通组件内部自身层级应设置在0-100间 */ /* ----------- zIndex ——————---- end */ /* ----------- Button ——————---- start */ /* ----------- Button ——————---- end */ /* ----------- Collapse ——————---- start */ /* ----------- Collapse ——————---- end */ /* ----------- Card ——————---- start */ /* ----------- Card ——————---- end */ /* ----------- Carousel ——————---- start */ /* ----------- Carousel ——————---- end */ /* ----------- Cascader ——————---- start */ /* ----------- Cascader ——————---- end */ /* ----------- Switch ——————---- start */ /* ----------- Switch ——————---- end */ /* ----------- Input ——————---- start */ /* ----------- Input ——————---- end */ /* ----------- InputNumber ——————---- start */ /* ----------- InputNumber ——————---- end */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- end */ /* ----------- Radio ——————---- start */ /* ----------- Radio ——————---- end */ /* ----------- icon ——————---- start */ /* ----------- icon ——————---- end */ /* ----------- Popconfirm ——————---- start */ /* ----------- Popconfirm ——————---- end */ /* ----------- Progress ——————---- start */ /* ----------- Progress ——————---- end */ /* ----------- Pagination ——————---- start */ /* ----------- Pagination ——————---- end */ /* ----------- Timeline ——————---- start */ /* ----------- Timeline ——————---- end */ /* ----------- Tabs ——————---- start */ /* ----------- Tabs ——————---- end */ /* ----------- Select ——————---- start */ /* ----------- Select ——————---- end */ /* ----------- Rate ——————---- start */ /* ----------- Rate ——————---- end */ /* ----------- Dropdown ——————---- start */ /* ----------- Dropdown ——————---- end */ /* ----------- Tooltip ——————---- start */ /* ----------- Tooltip ——————---- end */ /* ----------- Transfer ——————---- start */ /* ----------- Transfer ——————---- end */ /* ----------- DatePicker ——————---- start */ /* ----------- DatePicker ——————---- end */ /* ----------- ColorPicker ——————---- start */ /* ----------- ColorPicker ——————---- end */ /* ----------- Tree ——————---- start */ /* ----------- Tree ——————---- end */ /* ----------- Alert ——————---- start */ /* ----------- Alert ——————---- end */ /* ----------- Split-Panel ——————---- start */ /* ----------- Split-Panel ——————---- end */ /* ----------- Modal ——————---- start */ /* ----------- Modal ——————---- end */ /* ----------- Steps ——————---- start */ /* ----------- Steps ——————---- end */ /* ----------- Form ——————---- start */ /* ----------- Form ——————---- end */ /* ----------- Tag ——————---- start */ /* ----------- Tag ——————---- end */ /* ----------- Menu ——————---- start */ /* ----------- Menu ——————---- end */ /* ----------- notice ——————---- start */ /* ----------- message ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Layout ——————---- start */ /* ----------- Layout ——————---- end */ /* ----------- Typography ——————---- start */ /* ----------- Typography ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Badge ——————---- start */ /* ----------- Badge ——————---- end */ /* ----------- Anchor ——————---- start */ /* ----------- Anchor ——————---- end */ /* ----------- Avatar ——————---- start */ /* ----------- Avatar ——————---- end */ /* ----------- AdvancedSelector ——————---- start */ /* ----------- AdvancedSelector ——————---- end */ /* ----------- motion ——————---- start */ /* ----------- motion ——————---- end */ /* ----------- transition ——————---- start */ /* ----------- transition ——————---- end */ /* ----------- zIndex ——————---- start */ /* 普通组件内部自身层级应设置在0-100间 */ /* ----------- zIndex ——————---- end */ .kd-anchor { position: relative; padding-left: var(--kd-c-anchor-spacing-horizontal, 7px); -webkit-box-sizing: border-box; box-sizing: border-box; background: var(--kd-c-anchor-color-background, var(--kd-g-color-background, #fff)); z-index: 1050; } .kd-anchor-wrapper { overflow: auto; font-size: var(--kd-c-anchor-font-size, var(--kd-g-font-size-small, 12px)); width: var(--kd-c-anchor-sizing-width, 120px); } .kd-anchor-menu { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #666; } .kd-anchor-menu-wrapper { overflow: auto; font-size: var(--kd-c-anchor-font-size, var(--kd-g-font-size-small, 12px)); } .kd-anchor-menu-left-arrows { margin-right: 10px; font-size: var(--kd-c-anchor-icon-font-size, 16px); color: #666; cursor: pointer; } .kd-anchor-menu-left-arrows:hover:not(.kd-anchor-menu-left-arrows-disabled) { color: var(--kd-c-anchor-color-theme, var(--kd-g-color-theme, #5582f3)); } .kd-anchor-menu-left-arrows-disabled { color: #b2b2b2; cursor: not-allowed; } .kd-anchor-menu-right-arrows { margin-left: 10px; font-size: var(--kd-c-anchor-icon-font-size, 16px); color: #666; cursor: pointer; } .kd-anchor-menu-right-arrows:hover:not(.kd-anchor-menu-right-arrows-disabled) { color: var(--kd-c-anchor-color-theme, var(--kd-g-color-theme, #5582f3)); } .kd-anchor-menu-right-arrows-disabled { color: #b2b2b2; cursor: not-allowed; } .kd-anchor-menu-wrap { overflow: hidden; position: relative; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; height: 22px; } .kd-anchor-menu-link-list { display: inline-block; white-space: nowrap; position: absolute; -webkit-transition: all var(--kd-c-anchor-duration-duration, var(--kd-g-duration, 0.3s)) cubic-bezier(0.42, 0, 1, 1); transition: all var(--kd-c-anchor-duration-duration, var(--kd-g-duration, 0.3s)) cubic-bezier(0.42, 0, 1, 1); left: 0; top: 0; } .kd-anchor-menu .kd-anchor-link { padding: 0; display: inline-block; } .kd-anchor-menu .kd-anchor-link-title { display: inline-block; max-width: var(--kd-c-anchor-horizontal-link-sizing-max-width, 96px); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 0 4px; line-height: 1.5; vertical-align: middle; } .kd-anchor-menu .kd-anchor-link:not(:last-of-type)::after { display: inline-block; content: ''; height: 0; width: 40px; border-bottom: var(--kd-c-anchor-line-slider-spacing-width, 1px) dashed var(--kd-c-anchor-color-border-disabled, var(--kd-g-color-border-disabled, #ccc)); margin: 4px; } .kd-anchor-advanced-arrows { color: var(--kd-c-anchor-advanced-arrows-color-text, #666); font-size: var(--kd-c-anchor-advanced-arrows-font-size, 24px); cursor: pointer; } .kd-anchor-advanced-arrows:hover { color: var(--kd-c-anchor-color-theme, var(--kd-g-color-theme, #5582f3)); } .kd-anchor-advanced { padding-top: var(--kd-c-anchor-advanced-spacing-padding-top, 8px); padding-bottom: var(--kd-c-anchor-advanced-spacing-padding-bottom, 7px); position: relative; -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08); background: var(--kd-c-anchor-color-background, var(--kd-g-color-background, #fff)); z-index: 1050; } .kd-anchor-advanced .kd-anchor-wrapper { width: var(--kd-c-anchor-advanced-sizing-width, 160px); } .kd-anchor-advanced-lock { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding: 0 8px 8px 0; font-size: var(--kd-c-anchor-advanced-lock-font-size, 16px); color: var(--kd-c-anchor-advanced-arrows-color-text, #666); cursor: pointer; } .kd-anchor-advanced .kd-anchor { max-width: var(--kd-c-anchor-advanced-sizing-width, 160px); } .kd-anchor-line { position: absolute; left: var(--kd-c-anchor-spacing-horizontal, 7px); top: 0; height: 100%; } .kd-anchor-line::before { position: relative; display: block; width: var(--kd-c-anchor-line-slider-spacing-width, 1px); height: 100%; margin: 0 auto; background-color: var(--kd-c-anchor-color-border, var(--kd-g-color-border-strong, #d9d9d9)); content: ''; } .kd-anchor-line-slider { position: absolute; display: none; width: 0; height: 16px; border-right: var(--kd-c-anchor-line-slider-spacing-width, 1px) solid var(--kd-c-anchor-color-theme, var(--kd-g-color-theme, #5582f3)); -webkit-transition: top 0.3s ease-in-out; transition: top 0.3s ease-in-out; } .kd-anchor-line-slider.visible { display: inline-block; } .kd-anchor-link { padding: var(--kd-c-anchor-spacing-padding, 7px 8px); } .kd-anchor-link > .kd-anchor-link { padding: var(--kd-c-anchor-secondary-spacing-padding, 12px 8px); } .kd-anchor-link-title { text-decoration: none; color: var(--kd-c-anchor-color-text-primary, var(--kd-g-color-text-primary, #212121)); margin-bottom: var(--kd-c-anchor-spacing-vertical, 7px); display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 1.5; cursor: pointer; } .kd-anchor-link-title:only-child { margin-bottom: 0; } .kd-anchor-link-title-secondary { color: var(--kd-c-anchor-color-text-secondary, var(--kd-g-color-text-secondary, #666)); padding-left: 4px; } .kd-anchor-link-title:hover { color: var(--kd-c-anchor-color-theme, var(--kd-g-color-theme, #5582f3)); } .kd-anchor-link-active > .kd-anchor-link-title { color: var(--kd-c-anchor-color-theme, var(--kd-g-color-theme, #5582f3)); } .kd-anchor-lock { font-size: var(--kd-c-anchor-icon-font-size, 16px); } .kd-anchor.hidden { opacity: 0; visibility: hidden; -webkit-transition: all calc(var(--kd-c-anchor-duration-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0.4, 0, 0.6, 1); transition: all calc(var(--kd-c-anchor-duration-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0.4, 0, 0.6, 1); } /* ----------- color ——————---- start */ /* ----------- color ——————---- end */ /* ----------- motion ——————---- start */ /* ----------- motion ——————---- end */ /* ----------- transition ——————---- start */ /* ----------- transition ——————---- end */ /* ----------- font ——————---- start */ /* ----------- font ——————---- end */ /* ----------- zIndex ——————---- start */ /* 普通组件内部自身层级应设置在0-100间 */ /* ----------- zIndex ——————---- end */ /* ----------- Button ——————---- start */ /* ----------- Button ——————---- end */ /* ----------- Collapse ——————---- start */ /* ----------- Collapse ——————---- end */ /* ----------- Card ——————---- start */ /* ----------- Card ——————---- end */ /* ----------- Carousel ——————---- start */ /* ----------- Carousel ——————---- end */ /* ----------- Cascader ——————---- start */ /* ----------- Cascader ——————---- end */ /* ----------- Switch ——————---- start */ /* ----------- Switch ——————---- end */ /* ----------- Input ——————---- start */ /* ----------- Input ——————---- end */ /* ----------- InputNumber ——————---- start */ /* ----------- InputNumber ——————---- end */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- end */ /* ----------- Radio ——————---- start */ /* ----------- Radio ——————---- end */ /* ----------- icon ——————---- start */ /* ----------- icon ——————---- end */ /* ----------- Popconfirm ——————---- start */ /* ----------- Popconfirm ——————---- end */ /* ----------- Progress ——————---- start */ /* ----------- Progress ——————---- end */ /* ----------- Pagination ——————---- start */ /* ----------- Pagination ——————---- end */ /* ----------- Timeline ——————---- start */ /* ----------- Timeline ——————---- end */ /* ----------- Tabs ——————---- start */ /* ----------- Tabs ——————---- end */ /* ----------- Select ——————---- start */ /* ----------- Select ——————---- end */ /* ----------- Rate ——————---- start */ /* ----------- Rate ——————---- end */ /* ----------- Dropdown ——————---- start */ /* ----------- Dropdown ——————---- end */ /* ----------- Tooltip ——————---- start */ /* ----------- Tooltip ——————---- end */ /* ----------- Transfer ——————---- start */ /* ----------- Transfer ——————---- end */ /* ----------- DatePicker ——————---- start */ /* ----------- DatePicker ——————---- end */ /* ----------- ColorPicker ——————---- start */ /* ----------- ColorPicker ——————---- end */ /* ----------- Tree ——————---- start */ /* ----------- Tree ——————---- end */ /* ----------- Alert ——————---- start */ /* ----------- Alert ——————---- end */ /* ----------- Split-Panel ——————---- start */ /* ----------- Split-Panel ——————---- end */ /* ----------- Modal ——————---- start */ /* ----------- Modal ——————---- end */ /* ----------- Steps ——————---- start */ /* ----------- Steps ——————---- end */ /* ----------- Form ——————---- start */ /* ----------- Form ——————---- end */ /* ----------- Tag ——————---- start */ /* ----------- Tag ——————---- end */ /* ----------- Menu ——————---- start */ /* ----------- Menu ——————---- end */ /* ----------- notice ——————---- start */ /* ----------- message ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Layout ——————---- start */ /* ----------- Layout ——————---- end */ /* ----------- Typography ——————---- start */ /* ----------- Typography ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Badge ——————---- start */ /* ----------- Badge ——————---- end */ /* ----------- Anchor ——————---- start */ /* ----------- Anchor ——————---- end */ /* ----------- Avatar ——————---- start */ /* ----------- Avatar ——————---- end */ /* ----------- AdvancedSelector ——————---- start */ /* ----------- AdvancedSelector ——————---- end */ .kd-avatar { position: relative; display: inline-block; overflow: hidden; white-space: nowrap; text-align: center; vertical-align: middle; background: var(--kd-c-avatar-color-background, #B2B2B2); width: var(--kd-c-avatar-size-base, 40px); height: var(--kd-c-avatar-size-base, 40px); line-height: var(--kd-c-avatar-size-base, 40px); border-radius: 50%; } .kd-avatar-image { background: transparent; } .kd-avatar-disabled { cursor: not-allowed; } .kd-avatar:hover:not(.kd-avatar-disabled) { cursor: pointer; } .kd-avatar-string { position: absolute; left: 50%; -webkit-transform-origin: 0 center; transform-origin: 0 center; } .kd-avatar.kd-avatar-icon { font-size: var(--kd-c-avatar-font-size-base, 22px); } .kd-avatar.kd-avatar-icon > .kdicon { vertical-align: top; } .kd-avatar-lg { width: var(--kd-c-avatar-size-large, 60px); height: var(--kd-c-avatar-size-large, 60px); line-height: var(--kd-c-avatar-size-large, 60px); border-radius: 50%; } .kd-avatar-lg-string { position: absolute; left: 50%; -webkit-transform-origin: 0 center; transform-origin: 0 center; } .kd-avatar-lg.kd-avatar-icon { font-size: var(--kd-c-avatar-font-size-large, 36px); } .kd-avatar-lg.kd-avatar-icon > .kdicon { vertical-align: top; } .kd-avatar-sm { width: var(--kd-c-avatar-size-small, 32px); height: var(--kd-c-avatar-size-small, 32px); line-height: var(--kd-c-avatar-size-small, 32px); border-radius: 50%; } .kd-avatar-sm-string { position: absolute; left: 50%; -webkit-transform-origin: 0 center; transform-origin: 0 center; } .kd-avatar-sm.kd-avatar-icon { font-size: var(--kd-c-avatar-font-size-small, 18px); } .kd-avatar-sm.kd-avatar-icon > .kdicon { vertical-align: top; } .kd-avatar-xs { width: var(--kd-c-avatar-size-x-small, 24px); height: var(--kd-c-avatar-size-x-small, 24px); line-height: var(--kd-c-avatar-size-x-small, 24px); border-radius: 50%; } .kd-avatar-xs-string { position: absolute; left: 50%; -webkit-transform-origin: 0 center; transform-origin: 0 center; } .kd-avatar-xs.kd-avatar-icon { font-size: var(--kd-c-avatar-font-size-x-small, 14px); } .kd-avatar-xs.kd-avatar-icon > .kdicon { vertical-align: top; } .kd-avatar-square { border-radius: var(--kd-c-avatar-border-radius, 2px); } .kd-avatar > img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } /* ----------- color ——————---- start */ /* ----------- color ——————---- end */ /* ----------- motion ——————---- start */ /* ----------- motion ——————---- end */ /* ----------- transition ——————---- start */ /* ----------- transition ——————---- end */ /* ----------- font ——————---- start */ /* ----------- font ——————---- end */ /* ----------- zIndex ——————---- start */ /* 普通组件内部自身层级应设置在0-100间 */ /* ----------- zIndex ——————---- end */ /* ----------- Button ——————---- start */ /* ----------- Button ——————---- end */ /* ----------- Collapse ——————---- start */ /* ----------- Collapse ——————---- end */ /* ----------- Card ——————---- start */ /* ----------- Card ——————---- end */ /* ----------- Carousel ——————---- start */ /* ----------- Carousel ——————---- end */ /* ----------- Cascader ——————---- start */ /* ----------- Cascader ——————---- end */ /* ----------- Switch ——————---- start */ /* ----------- Switch ——————---- end */ /* ----------- Input ——————---- start */ /* ----------- Input ——————---- end */ /* ----------- InputNumber ——————---- start */ /* ----------- InputNumber ——————---- end */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- end */ /* ----------- Radio ——————---- start */ /* ----------- Radio ——————---- end */ /* ----------- icon ——————---- start */ /* ----------- icon ——————---- end */ /* ----------- Popconfirm ——————---- start */ /* ----------- Popconfirm ——————---- end */ /* ----------- Progress ——————---- start */ /* ----------- Progress ——————---- end */ /* ----------- Pagination ——————---- start */ /* ----------- Pagination ——————---- end */ /* ----------- Timeline ——————---- start */ /* ----------- Timeline ——————---- end */ /* ----------- Tabs ——————---- start */ /* ----------- Tabs ——————---- end */ /* ----------- Select ——————---- start */ /* ----------- Select ——————---- end */ /* ----------- Rate ——————---- start */ /* ----------- Rate ——————---- end */ /* ----------- Dropdown ——————---- start */ /* ----------- Dropdown ——————---- end */ /* ----------- Tooltip ——————---- start */ /* ----------- Tooltip ——————---- end */ /* ----------- Transfer ——————---- start */ /* ----------- Transfer ——————---- end */ /* ----------- DatePicker ——————---- start */ /* ----------- DatePicker ——————---- end */ /* ----------- ColorPicker ——————---- start */ /* ----------- ColorPicker ——————---- end */ /* ----------- Tree ——————---- start */ /* ----------- Tree ——————---- end */ /* ----------- Alert ——————---- start */ /* ----------- Alert ——————---- end */ /* ----------- Split-Panel ——————---- start */ /* ----------- Split-Panel ——————---- end */ /* ----------- Modal ——————---- start */ /* ----------- Modal ——————---- end */ /* ----------- Steps ——————---- start */ /* ----------- Steps ——————---- end */ /* ----------- Form ——————---- start */ /* ----------- Form ——————---- end */ /* ----------- Tag ——————---- start */ /* ----------- Tag ——————---- end */ /* ----------- Menu ——————---- start */ /* ----------- Menu ——————---- end */ /* ----------- notice ——————---- start */ /* ----------- message ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Layout ——————---- start */ /* ----------- Layout ——————---- end */ /* ----------- Typography ——————---- start */ /* ----------- Typography ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Badge ——————---- start */ /* ----------- Badge ——————---- end */ /* ----------- Anchor ——————---- start */ /* ----------- Anchor ——————---- end */ /* ----------- Avatar ——————---- start */ /* ----------- Avatar ——————---- end */ /* ----------- AdvancedSelector ——————---- start */ /* ----------- AdvancedSelector ——————---- end */ /* ----------- motion ——————---- start */ /* ----------- motion ——————---- end */ /* ----------- transition ——————---- start */ /* ----------- transition ——————---- end */ /* ----------- zIndex ——————---- start */ /* 普通组件内部自身层级应设置在0-100间 */ /* ----------- zIndex ——————---- end */ .kd-badge { position: relative; display: inline-block; line-height: 1; font-size: var(--kd-c-badge-font-size-base, var(--kd-g-font-size-middle, 14px)); } .kd-badge-count { z-index: auto; min-width: var(--kd-c-badge-sizing-base, 16px); height: var(--kd-c-badge-sizing-base, 16px); color: var(--kd-c-badge-color, var(--kd-g-color-background, #fff)); font-weight: var(--kd-c-badge-font-weight, 400); font-size: var(--kd-g-font-size-small, 12px); line-height: var(--kd-c-badge-sizing-base, 16px); white-space: nowrap; text-align: center; background: var(--kd-c-badge-color-background, #fb2323); border-radius: calc(var(--kd-c-badge-sizing-base, 16px) / 2); } .kd-badge-count-sm { min-width: var(--kd-c-badge-sizing-small, 14px); height: var(--kd-c-badge-sizing-small, 14px); padding: 0; font-size: var(--kd-c-badge-font-size-small, var(--kd-g-font-size-small, 12px)); line-height: var(--kd-c-badge-sizing-small, 14px); border-radius: calc(var(--kd-c-badge-sizing-small, 14px) / 2); } .kd-badge-dot { z-index: auto; width: var(--kd-c-badge-sizing-dot, 8px); min-width: var(--kd-c-badge-sizing-dot, 8px); height: var(--kd-c-badge-sizing-dot, 8px); background: var(--kd-c-badge-color-background, #fb2323); border-radius: 100%; } .kd-badge-dot, .kd-badge-custom-component, .kd-badge-count { position: absolute; top: 0; right: 0; -webkit-transform: translate(50%, -50%); transform: translate(50%, -50%); -webkit-transform-origin: 100% 0%; transform-origin: 100% 0%; } .kd-badge-multiple-words { padding: 0 4px; } .kd-badge-status { line-height: inherit; vertical-align: baseline; } .kd-badge-status-text { margin-left: 8px; color: var(--kd-c-badge-color, var(--kd-g-color-text-primary, #212121)); font-size: var(--kd-c-badge-font-size-base, var(--kd-g-font-size-middle, 14px)); } .kd-badge-status-dot { position: relative; top: -1px; display: inline-block; width: var(--kd-c-badge-sizing-status, 8px); height: var(--kd-c-badge-sizing-status, 8px); vertical-align: middle; border-radius: 50%; } .kd-badge-status-success { background-color: var(--kd-c-badge-color-success, var(--kd-g-color-success, #1ba854)); } .kd-badge-status-processing { background-color: var(--kd-c-badge-color-ongoing, var(--kd-g-color-ongoing, #276ff5)); } .kd-badge-status-processing::after { position: absolute; top: -1px; left: -1px; width: 100%; height: 100%; border: 1px solid var(--kd-c-badge-color-ongoing, var(--kd-g-color-ongoing, #276ff5)); border-radius: 50%; -webkit-animation: antStatusProcessing 1.2s infinite ease-in-out; animation: antStatusProcessing 1.2s infinite ease-in-out; content: ''; } .kd-badge-status-error { background-color: var(--kd-c-badge-color-error, var(--kd-g-color-error, #fb2323)); } .kd-badge-status-default { background-color: var(--kd-c-badge-color-default, #d9d9d9); } .kd-badge-status-warning { background-color: var(--kd-c-badge-color-warning, var(--kd-g-color-warning, #ff991c)); } .kd-badge-not-a-wrapper:not(.kd-badge-status) { vertical-align: middle; } .kd-badge-not-a-wrapper .kd-badge-custom-component, .kd-badge-not-a-wrapper .kd-badge-count { position: relative; top: auto; display: block; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: none; transform: none; } @-webkit-keyframes antStatusProcessing { 0% { -webkit-transform: scale(0.8); transform: scale(0.8); opacity: 0.5; } 100% { -webkit-transform: scale(2.4); transform: scale(2.4); opacity: 0; } } @keyframes antStatusProcessing { 0% { -webkit-transform: scale(0.8); transform: scale(0.8); opacity: 0.5; } 100% { -webkit-transform: scale(2.4); transform: scale(2.4); opacity: 0; } } /* ----------- color ——————---- start */ /* ----------- color ——————---- end */ /* ----------- motion ——————---- start */ /* ----------- motion ——————---- end */ /* ----------- transition ——————---- start */ /* ----------- transition ——————---- end */ /* ----------- font ——————---- start */ /* ----------- font ——————---- end */ /* ----------- zIndex ——————---- start */ /* 普通组件内部自身层级应设置在0-100间 */ /* ----------- zIndex ——————---- end */ /* ----------- Button ——————---- start */ /* ----------- Button ——————---- end */ /* ----------- Collapse ——————---- start */ /* ----------- Collapse ——————---- end */ /* ----------- Card ——————---- start */ /* ----------- Card ——————---- end */ /* ----------- Carousel ——————---- start */ /* ----------- Carousel ——————---- end */ /* ----------- Cascader ——————---- start */ /* ----------- Cascader ——————---- end */ /* ----------- Switch ——————---- start */ /* ----------- Switch ——————---- end */ /* ----------- Input ——————---- start */ /* ----------- Input ——————---- end */ /* ----------- InputNumber ——————---- start */ /* ----------- InputNumber ——————---- end */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- end */ /* ----------- Radio ——————---- start */ /* ----------- Radio ——————---- end */ /* ----------- icon ——————---- start */ /* ----------- icon ——————---- end */ /* ----------- Popconfirm ——————---- start */ /* ----------- Popconfirm ——————---- end */ /* ----------- Progress ——————---- start */ /* ----------- Progress ——————---- end */ /* ----------- Pagination ——————---- start */ /* ----------- Pagination ——————---- end */ /* ----------- Timeline ——————---- start */ /* ----------- Timeline ——————---- end */ /* ----------- Tabs ——————---- start */ /* ----------- Tabs ——————---- end */ /* ----------- Select ——————---- start */ /* ----------- Select ——————---- end */ /* ----------- Rate ——————---- start */ /* ----------- Rate ——————---- end */ /* ----------- Dropdown ——————---- start */ /* ----------- Dropdown ——————---- end */ /* ----------- Tooltip ——————---- start */ /* ----------- Tooltip ——————---- end */ /* ----------- Transfer ——————---- start */ /* ----------- Transfer ——————---- end */ /* ----------- DatePicker ——————---- start */ /* ----------- DatePicker ——————---- end */ /* ----------- ColorPicker ——————---- start */ /* ----------- ColorPicker ——————---- end */ /* ----------- Tree ——————---- start */ /* ----------- Tree ——————---- end */ /* ----------- Alert ——————---- start */ /* ----------- Alert ——————---- end */ /* ----------- Split-Panel ——————---- start */ /* ----------- Split-Panel ——————---- end */ /* ----------- Modal ——————---- start */ /* ----------- Modal ——————---- end */ /* ----------- Steps ——————---- start */ /* ----------- Steps ——————---- end */ /* ----------- Form ——————---- start */ /* ----------- Form ——————---- end */ /* ----------- Tag ——————---- start */ /* ----------- Tag ——————---- end */ /* ----------- Menu ——————---- start */ /* ----------- Menu ——————---- end */ /* ----------- notice ——————---- start */ /* ----------- message ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Layout ——————---- start */ /* ----------- Layout ——————---- end */ /* ----------- Typography ——————---- start */ /* ----------- Typography ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Badge ——————---- start */ /* ----------- Badge ——————---- end */ /* ----------- Anchor ——————---- start */ /* ----------- Anchor ——————---- end */ /* ----------- Avatar ——————---- start */ /* ----------- Avatar ——————---- end */ /* ----------- AdvancedSelector ——————---- start */ /* ----------- AdvancedSelector ——————---- end */ /* ----------- motion ——————---- start */ /* ----------- motion ——————---- end */ /* ----------- transition ——————---- start */ /* ----------- transition ——————---- end */ /* ----------- zIndex ——————---- start */ /* 普通组件内部自身层级应设置在0-100间 */ /* ----------- zIndex ——————---- end */ .kd-baseData { width: var(--kd-c-base-data-sizing-width, 230px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid var(--kd-c-base-data-color-border, #999); } .kd-baseData-disabled { cursor: not-allowed; } .kd-baseData:not(.kd-baseData-disabled):hover { border-color: var(--kd-c-base-data-border-color-hover, var(--kd-g-color-theme, #5582f3)); } .kd-baseData:not(.kd-baseData-disabled):hover .kd-baseData-detail, .kd-baseData:not(.kd-baseData-disabled):hover .kd-baseData-suffix { color: var(--kd-c-base-data-icon-color-text-hover, var(--kd-g-color-theme, #5582f3)); } .kd-baseData:not(.kd-baseData-disabled):hover .kd-baseData-detail { visibility: visible; } .kd-baseData-total { white-space: nowrap; cursor: pointer; } .kd-baseData-suffix, .kd-baseData-detail { font-size: 16px; margin-left: 5px; cursor: pointer; } .kd-baseData-detail { visibility: hidden; } .kd-baseData-dropdown { margin: 0; z-index: var(--kd-c-base-data-dropdown-z-index, var(--kd-g-z-index-popper, 1050)); -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2); border-radius: var(--kd-c-base-data-dropdown-radius-border, var(--kd-g-radius-border, 2px)); background: var(--kd-c-base-data-dropdown-radius-border, var(--kd-g-color-background, #fff)); overflow: auto; max-height: var(--kd-c-base-data-dropdown-sizing-height, 400px); color: var(--kd-c-base-data-color-text, #212121); } .kd-baseData-dropdown-columns, .kd-baseData-dropdown-options { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .kd-baseData-dropdown-columns.selected, .kd-baseData-dropdown-options.selected { color: var(--kd-c-base-data-option-color-text-active, var(--kd-g-color-theme, #5582f3)); } .kd-baseData-dropdown-columns-item, .kd-baseData-dropdown-options-item { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 0 var(--kd-c-base-data-option-spacing-padding-vertical, 12px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .kd-baseData-dropdown-columns-item-collect, .kd-baseData-dropdown-options-item-collect { position: absolute; right: 10px; visibility: hidden; } .kd-baseData-dropdown-columns-item-collect-icon, .kd-baseData-dropdown-options-item-collect-icon { color: var(--kd-c-base-data-dropdown-icon-color-text, var(--kd-g-color-warning, #ff991c)); } .kd-baseData-dropdown-columns-item-collect-icon:hover, .kd-baseData-dropdown-options-item-collect-icon:hover { color: var(--kd-c-base-data-dropdown-icon-color-text-hover, var(--kd-g-color-warning, #ff991c)); } .kd-baseData-dropdown-columns-item-collect-not-icon, .kd-baseData-dropdown-options-item-collect-not-icon { color: #666; } .kd-baseData-dropdown-columns-item-collect-not-icon:hover, .kd-baseData-dropdown-options-item-collect-not-icon:hover { color: var(--kd-c-base-data-dropdown-color-text-hover, var(--kd-g-color-warning, #ff991c)); } .kd-baseData-dropdown-columns-item-search, .kd-baseData-dropdown-options-item-search { color: #3987ed; } .kd-baseData-dropdown-loading { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 200px; } .kd-baseData-dropdown-columns { height: var(--kd-c-base-data-dropdown-columns-height, 36px); background: var(--kd-c-base-data-color-background-hover, var(--kd-g-color-hover, #f5f5f5)); } .kd-baseData-dropdown-options { height: var(--kd-c-base-data-dropdown-options-sizing-height, 32px); cursor: pointer; } .kd-baseData-dropdown-options:hover { background: var(--kd-c-base-data-color-background-hover, var(--kd-g-color-hover, #f5f5f5)); } .kd-baseData-dropdown-options:hover .kd-baseData-dropdown-options-item-collect { visibility: visible; } .kd-baseData-dropdown-footer { height: var(--kd-c-base-data-dropdown-footer-height, 40px); border-top: 1px solid var(--kd-c-base-data-footer-color-border, var(--kd-g-color-border-strong, #d9d9d9)); } .kd-baseData-dropdown-footer-btn { color: var(--kd-c-base-data-footer-btn-color-text, var(--kd-g-color-text-link, #0e5fd8)); height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .kd-baseData-dropdown-footer-btn > span { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: center; cursor: pointer; } .kd-baseData-dropdown-empty { margin: 20px 0; } .kd-baseData-dropdown .kd-tabs-tab-list { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .kd-baseData-dropdown .kd-tab-pane { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-right: 0; text-align: center; } .kd-baseData-dropdown .kd-tabs-right-arrows { display: none; } .kd-baseData .kd-input { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right: 0; } .kd-baseData .kd-input-disabled { background: #fff; } .topLeft.hidden, .bottomLeft.hidden { opacity: 0; visibility: hidden; -webkit-transition: all calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1); transition: all calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1); } .kd-baseData-dropdown-wrapper.topLeft.hidden, .kd-baseData-dropdown-wrapper.bottomLeft.hidden { opacity: 0; visibility: hidden; -webkit-transition: all calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1); transition: all calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1); } /* ----------- color ——————---- start */ /* ----------- color ——————---- end */ /* ----------- motion ——————---- start */ /* ----------- motion ——————---- end */ /* ----------- transition ——————---- start */ /* ----------- transition ——————---- end */ /* ----------- font ——————---- start */ /* ----------- font ——————---- end */ /* ----------- zIndex ——————---- start */ /* 普通组件内部自身层级应设置在0-100间 */ /* ----------- zIndex ——————---- end */ /* ----------- Button ——————---- start */ /* ----------- Button ——————---- end */ /* ----------- Collapse ——————---- start */ /* ----------- Collapse ——————---- end */ /* ----------- Card ——————---- start */ /* ----------- Card ——————---- end */ /* ----------- Carousel ——————---- start */ /* ----------- Carousel ——————---- end */ /* ----------- Cascader ——————---- start */ /* ----------- Cascader ——————---- end */ /* ----------- Switch ——————---- start */ /* ----------- Switch ——————---- end */ /* ----------- Input ——————---- start */ /* ----------- Input ——————---- end */ /* ----------- InputNumber ——————---- start */ /* ----------- InputNumber ——————---- end */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- end */ /* ----------- Radio ——————---- start */ /* ----------- Radio ——————---- end */ /* ----------- icon ——————---- start */ /* ----------- icon ——————---- end */ /* ----------- Popconfirm ——————---- start */ /* ----------- Popconfirm ——————---- end */ /* ----------- Progress ——————---- start */ /* ----------- Progress ——————---- end */ /* ----------- Pagination ——————---- start */ /* ----------- Pagination ——————---- end */ /* ----------- Timeline ——————---- start */ /* ----------- Timeline ——————---- end */ /* ----------- Tabs ——————---- start */ /* ----------- Tabs ——————---- end */ /* ----------- Select ——————---- start */ /* ----------- Select ——————---- end */ /* ----------- Rate ——————---- start */ /* ----------- Rate ——————---- end */ /* ----------- Dropdown ——————---- start */ /* ----------- Dropdown ——————---- end */ /* ----------- Tooltip ——————---- start */ /* ----------- Tooltip ——————---- end */ /* ----------- Transfer ——————---- start */ /* ----------- Transfer ——————---- end */ /* ----------- DatePicker ——————---- start */ /* ----------- DatePicker ——————---- end */ /* ----------- ColorPicker ——————---- start */ /* ----------- ColorPicker ——————---- end */ /* ----------- Tree ——————---- start */ /* ----------- Tree ——————---- end */ /* ----------- Alert ——————---- start */ /* ----------- Alert ——————---- end */ /* ----------- Split-Panel ——————---- start */ /* ----------- Split-Panel ——————---- end */ /* ----------- Modal ——————---- start */ /* ----------- Modal ——————---- end */ /* ----------- Steps ——————---- start */ /* ----------- Steps ——————---- end */ /* ----------- Form ——————---- start */ /* ----------- Form ——————---- end */ /* ----------- Tag ——————---- start */ /* ----------- Tag ——————---- end */ /* ----------- Menu ——————---- start */ /* ----------- Menu ——————---- end */ /* ----------- notice ——————---- start */ /* ----------- message ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Layout ——————---- start */ /* ----------- Layout ——————---- end */ /* ----------- Typography ——————---- start */ /* ----------- Typography ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Badge ——————---- start */ /* ----------- Badge ——————---- end */ /* ----------- Anchor ——————---- start */ /* ----------- Anchor ——————---- end */ /* ----------- Avatar ——————---- start */ /* ----------- Avatar ——————---- end */ /* ----------- AdvancedSelector ——————---- start */ /* ----------- AdvancedSelector ——————---- end */ /* ----------- motion ——————---- start */ /* ----------- motion ——————---- end */ /* ----------- transition ——————---- start */ /* ----------- transition ——————---- end */ /* ----------- zIndex ——————---- start */ /* 普通组件内部自身层级应设置在0-100间 */ /* ----------- zIndex ——————---- end */ .kd-breadcrumb, .kd-breadcrumb-more-panel { color: var(--kd-c-breadcrumb-color-text, #737373); font-size: var(--kd-c-breadcrumb-font-size, var(--kd-g-font-size-middle, 14px)); font-weight: var(--kd-c-breadcrumb-font-weight, var(--kd-g-font-weight, 400)); display: -webkit-box; display: -ms-flexbox; display: flex; height: 22px; } .kd-breadcrumb-hide-icon, .kd-breadcrumb-more-panel-hide-icon { position: absolute; z-index: -999999; top: -999999px; visibility: hidden; } .kd-breadcrumb-item, .kd-breadcrumb-more-panel-item { display: -webkit-box; display: -ms-flexbox; display: flex; cursor: text; } .kd-breadcrumb-item-separator, .kd-breadcrumb-more-panel-item-separator { padding: 0 var(--kd-c-breadcrumb-separator-spacing-padding-horizontal, 8px); color: var(--kd-c-breadcrumb-separator-color-text, #b2b2b2); } .kd-breadcrumb-item-link:hover, .kd-breadcrumb-more-panel-item-link:hover { color: #3987ed; cursor: pointer; } .kd-breadcrumb-item-emphasize-model, .kd-breadcrumb-more-panel-item-emphasize-model { color: var(--kd-c-breadcrumb-color-text, #737373); } .kd-breadcrumb-item-emphasize-model-current, .kd-breadcrumb-more-panel-item-emphasize-model-current { color: var(--kd-c-breadcrumb-active-color-text, #111111); } .kd-breadcrumb-item-weaken-model, .kd-breadcrumb-more-panel-item-weaken-model { color: var(--kd-c-breadcrumb-active-color-text, #111111); } .kd-breadcrumb-item-weaken-model-current, .kd-breadcrumb-more-panel-item-weaken-model-current { color: var(--kd-c-breadcrumb-color-text, #737373); } .kd-breadcrumb-item-text, .kd-breadcrumb-more-panel-item-text { white-space: nowrap; } .kd-breadcrumb-item-text:last-child, .kd-breadcrumb-more-panel-item-text:last-child { text-overflow: ellipsis; } .kd-breadcrumb-item-icon, .kd-breadcrumb-more-panel-item-icon { margin-right: 4px; } .kd-breadcrumb .kd-dropdown-trigger, .kd-breadcrumb-more-panel .kd-dropdown-trigger { margin-left: 4px; } .kd-breadcrumb-popper.kd-tooltip { max-width: none; } /* ----------- color ——————---- start */ /* ----------- color ——————---- end */ /* ----------- motion ——————---- start */ /* ----------- motion ——————---- end */ /* ----------- transition ——————---- start */ /* ----------- transition ——————---- end */ /* ----------- font ——————---- start */ /* ----------- font ——————---- end */ /* ----------- zIndex ——————---- start */ /* 普通组件内部自身层级应设置在0-100间 */ /* ----------- zIndex ——————---- end */ /* ----------- Button ——————---- start */ /* ----------- Button ——————---- end */ /* ----------- Collapse ——————---- start */ /* ----------- Collapse ——————---- end */ /* ----------- Card ——————---- start */ /* ----------- Card ——————---- end */ /* ----------- Carousel ——————---- start */ /* ----------- Carousel ——————---- end */ /* ----------- Cascader ——————---- start */ /* ----------- Cascader ——————---- end */ /* ----------- Switch ——————---- start */ /* ----------- Switch ——————---- end */ /* ----------- Input ——————---- start */ /* ----------- Input ——————---- end */ /* ----------- InputNumber ——————---- start */ /* ----------- InputNumber ——————---- end */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- end */ /* ----------- Radio ——————---- start */ /* ----------- Radio ——————---- end */ /* ----------- icon ——————---- start */ /* ----------- icon ——————---- end */ /* ----------- Popconfirm ——————---- start */ /* ----------- Popconfirm ——————---- end */ /* ----------- Progress ——————---- start */ /* ----------- Progress ——————---- end */ /* ----------- Pagination ——————---- start */ /* ----------- Pagination ——————---- end */ /* ----------- Timeline ——————---- start */ /* ----------- Timeline ——————---- end */ /* ----------- Tabs ——————---- start */ /* ----------- Tabs ——————---- end */ /* ----------- Select ——————---- start */ /* ----------- Select ——————---- end */ /* ----------- Rate ——————---- start */ /* ----------- Rate ——————---- end */ /* ----------- Dropdown ——————---- start */ /* ----------- Dropdown ——————---- end */ /* ----------- Tooltip ——————---- start */ /* ----------- Tooltip ——————---- end */ /* ----------- Transfer ——————---- start */ /* ----------- Transfer ——————---- end */ /* ----------- DatePicker ——————---- start */ /* ----------- DatePicker ——————---- end */ /* ----------- ColorPicker ——————---- start */ /* ----------- ColorPicker ——————---- end */ /* ----------- Tree ——————---- start */ /* ----------- Tree ——————---- end */ /* ----------- Alert ——————---- start */ /* ----------- Alert ——————---- end */ /* ----------- Split-Panel ——————---- start */ /* ----------- Split-Panel ——————---- end */ /* ----------- Modal ——————---- start */ /* ----------- Modal ——————---- end */ /* ----------- Steps ——————---- start */ /* ----------- Steps ——————---- end */ /* ----------- Form ——————---- start */ /* ----------- Form ——————---- end */ /* ----------- Tag ——————---- start */ /* ----------- Tag ——————---- end */ /* ----------- Menu ——————---- start */ /* ----------- Menu ——————---- end */ /* ----------- notice ——————---- start */ /* ----------- message ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Layout ——————---- start */ /* ----------- Layout ——————---- end */ /* ----------- Typography ——————---- start */ /* ----------- Typography ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Badge ——————---- start */ /* ----------- Badge ——————---- end */ /* ----------- Anchor ——————---- start */ /* ----------- Anchor ——————---- end */ /* ----------- Avatar ——————---- start */ /* ----------- Avatar ——————---- end */ /* ----------- AdvancedSelector ——————---- start */ /* ----------- AdvancedSelector ——————---- end */ /* ----------- motion ——————---- start */ /* ----------- motion ——————---- end */ /* ----------- transition ——————---- start */ /* ----------- transition ——————---- end */ /* ----------- zIndex ——————---- start */ /* 普通组件内部自身层级应设置在0-100间 */ /* ----------- zIndex ——————---- end */ .kd-btn { padding: 0; position: relative; display: inline-block; vertical-align: middle; -webkit-box-sizing: border-box; box-sizing: border-box; font-weight: var(--kd-c-button-font-weight, var(--kd-g-font-weight, 400)); border: var(--kd-c-button-sizing-border, 1px) solid transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-radius: var(--kd-c-button-radius-border, var(--kd-g-radius-border, 2px)); text-align: center; background-color: transparent; cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-transition: color 0.3s, background-color 0.3s, border-color 0.3s; transition: color 0.3s, background-color 0.3s, border-color 0.3s; } .kd-btn, .kd-btn:active, .kd-btn:focus { outline: 0; } .kd-btn:not(.kd-btn-text)::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: inherit; -webkit-box-shadow: 0 0 0 0 var(--kd-g-color-theme, #5582f3); box-shadow: 0 0 0 0 var(--kd-g-color-theme, #5582f3); opacity: 0.2; content: ''; pointer-events: none; clear: both; } .kd-btn:not(.kd-btn-text)[click-animating-wave='true']::after { -webkit-animation: fadeEffect var(--kd-c-button-motion-duration-fade, var(--kd-g-duration-slowly, 0.4s)) cubic-bezier(0, 0.4, 0.4, 1) forwards, waveEffect var(--kd-c-button-motion-duration-wave, var(--kd-g-duration-quickly, 0.2s)) cubic-bezier(0, 0.4, 0.4, 1) forwards; animation: fadeEffect var(--kd-c-button-motion-duration-fade, var(--kd-g-duration-slowly, 0.4s)) cubic-bezier(0, 0.4, 0.4, 1) forwards, waveEffect var(--kd-c-button-motion-duration-wave, var(--kd-g-duration-quickly, 0.2s)) cubic-bezier(0, 0.4, 0.4, 1) forwards; } .kd-btn-second { border-color: var(--kd-c-button-second-color-border, #D9D9D9); background-color: var(--kd-c-button-second-color-background, transparent); color: var(--kd-c-button-second-color-text, #212121); } .kd-btn-second:hover:not(.kd-btn-loading) { background-color: var(--kd-c-button-second-color-background-hover, var(--kd-g-color-white, #fff)); border-color: var(--kd-c-button-second-color-border-hover, var(--kd-g-color-theme, #5582f3)); color: var(--kd-c-button-second-color-text-hover, var(--kd-g-color-theme, #5582f3)); } .kd-btn-second:active:not(.kd-btn-loading) { background-color: var(--kd-c-button-second-color-background-active, var(--kd-g-color-white, #fff)); border-color: var(--kd-c-button-second-color-border-active, var(--kd-g-color-theme-7, #375cca)); color: var(--kd-c-button-second-color-text-active, var(--kd-g-color-theme-7, #375cca)); } .kd-btn-second:disabled { border-color: var(--kd-c-button-second-color-border-disabled, #D9D9D9) !important; background-color: var(--kd-c-button-second-color-background-disabled, var(--kd-g-color-background-contain-disabled, #f5f5f5)) !important; color: var(--kd-c-button-second-color-text-disabled, #B2B2B2) !important; } .kd-btn-primary { border-color: var(--kd-c-button-primary-color-border, var(--kd-g-color-theme, #5582f3)); background-color: var(--kd-c-button-primary-color-background, var(--kd-g-color-theme, #5582f3)); color: var(--kd-c-button-primary-color-text, var(--kd-g-color-white, #fff)); } .kd-btn-primary:hover:not(.kd-btn-loading) { background-color: var(--kd-c-button-primary-color-background-hover, var(--kd-g-color-theme-5, #87adff)); border-color: var(--kd-c-button-primary-color-border-hover, var(--kd-g-color-theme-5, #87adff)); } .kd-btn-primary:active:not(.kd-btn-loading) { border-color: var(--kd-c-button-primary-color-border-active, var(--kd-g-color-theme, #5582f3)); background-color: var(--kd-c-button-primary-color-background-active, var(--kd-g-color-theme-7, #375cca)); } .kd-btn-primary:disabled { background-color: var(--kd-c-button-primary-color-background-disabled, var(--kd-g-color-theme-4, #b5cfff)) !important; border-color: var(--kd-c-button-primary-color-border-disabled, var(--kd-g-color-theme-4, #b5cfff)) !important; } .kd-btn-ghost { border-color: var(--kd-c-button-ghost-color-border, var(--kd-g-color-theme-6, #5582f3)); background-color: var(--kd-c-button-ghost-color-background, transparent); color: var(--kd-c-button-ghost-color-text, var(--kd-g-color-theme, #5582f3)); } .kd-btn-ghost:hover:not(.kd-btn-loading) { background-color: var(--kd-c-button-ghost-color-background-hover, var(--kd-g-color-theme-5, #87adff)); border-color: var(--kd-c-button-ghost-color-border-hover, transparent); color: var(--kd-c-button-ghost-color-text-hover, #ffffff); } .kd-btn-ghost:active:not(.kd-btn-loading) { background-color: var(--kd-c-button-ghost-color-background-active, var(--kd-g-color-theme-7, #375cca)); border-color: var(--kd-c-button-ghost-color-border-hover, transparent); color: var(--kd-c-button-ghost-color-text-active, #ffffff); } .kd-btn-ghost:disabled { background-color: var(--kd-c-button-ghost-color-background-disabled, var(--kd-g-color-background-contain-disabled, #f5f5f5)) !important; border-color: var(--kd-c-button-ghost-color-border-disabled, #D9D9D9) !important; color: var(--kd-c-button-ghost-color-text-disabled, #B2B2B2) !important; } .kd-btn-iconWrapper-left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; float: left; } .kd-btn-iconWrapper-right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; float: right; } .kd-btn-loadingIcon { color: var(--kd-c-button-text-color-loading, var(--kd-g-color-theme, #5582f3)); } .kd-btn-primary-loadingIcon { color: var(--kd-c-button-primary-color-text-loading, var(--kd-g-color-white, #fff)); } .kd-btn-size-small { height: var(--kd-c-button-sizing-height-small, 24px); min-width: var(--kd-c-button-sizing-min-width-small, 60px); line-height: calc(var(--kd-c-button-sizing-height-small, 24px) - (var(--kd-c-button-spacing-padding-vertical-small, 3px) * 2) - (var(--kd-c-button-sizing-border, 1px) * 2)); font-size: var(--kd-c-button-font-size-small, var(--kd-g-font-size-small, 12px)); padding: var(--kd-c-button-spacing-padding-vertical-small, 3px) var(--kd-c-button-spacing-padding-horizontal-small, 8px); max-width: var(--kd-c-button-sizing-max-width-small); } .kd-btn-size-small.kd-btn-icon-only { font-size: var(--kd-c-button-icon-font-size-small, 14px); padding: 0 var(--kd-c-button-icon-spacing-padding-horizontal, 4px); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .kd-btn-size-small .kd-btn-group-basic-icon { font-size: var(--kd-c-button-icon-font-size-small, 14px); } .kd-btn-size-middle { height: var(--kd-c-button-sizing-height-middle, 28px); min-width: var(--kd-c-button-sizing-min-width-middle, 60px); line-height: calc(var(--kd-c-button-sizing-height-middle, 28px) - (var(--kd-c-button-spacing-padding-vertical-middle, 5px) * 2) - (var(--kd-c-button-sizing-border, 1px) * 2)); font-size: var(--kd-c-button-font-size-middle, var(--kd-g-font-size-small, 12px)); padding: var(--kd-c-button-spacing-padding-vertical-middle, 5px) var(--kd-c-button-spacing-padding-horizontal-middle, 8px); max-width: var(--kd-c-button-sizing-max-width-middle); } .kd-btn-size-middle.kd-btn-icon-only { font-size: var(--kd-c-button-icon-font-size-middle, 16px); padding: 0 var(--kd-c-button-icon-spacing-padding-horizontal, 4px); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .kd-btn-size-middle .kd-btn-group-basic-icon { font-size: var(--kd-c-button-icon-font-size-middle, 16px); } .kd-btn-size-large { height: var(--kd-c-button-sizing-height-large, 32px); min-width: var(--kd-c-button-sizing-min-width-large, 80px); line-height: calc(var(--kd-c-button-sizing-height-large, 32px) - (var(--kd-c-button-spacing-padding-vertical-large, 6px) * 2) - (var(--kd-c-button-sizing-border, 1px) * 2)); font-size: var(--kd-c-button-font-size-large, var(--kd-g-font-size-large, 16px)); padding: var(--kd-c-button-spacing-padding-vertical-large, 6px) var(--kd-c-button-spacing-padding-horizontal-large, 8px); max-width: var(--kd-c-button-sizing-max-width-large); } .kd-btn-size-large.kd-btn-icon-only { font-size: var(--kd-c-button-icon-font-size-large, 18px); padding: 0 var(--kd-c-button-icon-spacing-padding-horizontal, 4px); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .kd-btn-size-large .kd-btn-group-basic-icon { font-size: var(--kd-c-button-icon-font-size-large, 18px); } .kd-btn-shape-circle { border-radius: 50%; min-width: auto; } .kd-btn-shape-circle.kd-btn-size-small { width: var(--kd-c-button-sizing-height-small, 24px); padding: 0; } .kd-btn-shape-circle.kd-btn-size-middle { width: var(--kd-c-button-sizing-height-middle, 28px); padding: 0; } .kd-btn-shape-circle.kd-btn-size-large { width: var(--kd-c-button-sizing-height-large, 32px); padding: 0; } .kd-btn-shape-round.kd-btn-size-small { border-radius: var(--kd-c-button-sizing-height-small, 24px); } .kd-btn-shape-round.kd-btn-size-middle { border-radius: var(--kd-c-button-sizing-height-middle, 28px); } .kd-btn-shape-round.kd-btn-size-large { border-radius: var(--kd-c-button-sizing-height-large, 32px); } .kd-btn-shape-none { border-radius: 0; } .kd-btn-text { height: auto; width: auto; color: var(--kd-c-button-text-color-text, var(--kd-g-color-theme-6, #5582f3)); padding: 0; min-width: auto; } .kd-btn-text .kd-btn-iconWrapper-left { margin-right: var(--kd-c-button-text-icon-spacing-margin-right, 4px); } .kd-btn-text:hover { color: var(--kd-c-button-text-color-text-hover, var(--kd-g-color-theme-5, #87adff)); } .kd-btn-text:active { color: var(--kd-c-button-text-color-text-active, var(--kd-g-color-theme-7, #375cca)); } .kd-btn-text[disabled] { color: var(--kd-c-button-text-color-text-disabled, var(--kd-g-color-theme-4, #b5cfff)) !important; } .kd-btn-no-border { border: none; } .kd-btn:disabled, .kd-btn[disabled] { cursor: not-allowed; } .kd-btn-background-ghost, .kd-btn-background-ghost:hover, .kd-btn-background-ghost:active { background-color: transparent; } .kd-btn-background-ghost.kd-btn-primary { color: var(--kd-c-button-background-ghost-color-text, var(--kd-g-color-theme, #5582f3)); } .kd-btn-background-ghost.kd-btn-primary:hover { color: var(--kd-c-button-background-ghost-color-text-hover, var(--kd-g-color-white, #fff)); } .kd-btn-loading { cursor: default; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .kd-btn-block { width: 100%; } .kd-btn .btn-space { margin-left: 4px; } .kd-btn-group { display: inline-block; } .kd-btn-group-basic .kd-btn { padding-top: 0; padding-bottom: 0; } .kd-btn-group-basic-icon { margin-left: 4px; } .kd-btn-group-similar .kd-btn-group-trigger .kd-btn { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; } .kd-btn-group-similar .kd-btn-group-trigger .kd-btn-primary { background: var(--kd-c-button-group-trigger-color-background, var(--kd-g-color-theme-7, #375cca)); } .kd-btn-group-similar .kd-btn-group-trigger .kd-btn-primary:hover { background: var(--kd-c-button-group-trigger-color-background-hover, var(--kd-g-color-theme-6, #5582f3)); border-color: var(--kd-c-button-group-trigger-color-background-hover, var(--kd-g-color-theme-6, #5582f3)); } .kd-btn-group-similar .kd-btn-group-trigger .kd-btn-primary:active { background: var(--kd-c-button-group-trigger-color-background-active, var(--kd-g-color-theme-8, #1f3ba1)); } .kd-btn-group-similar .kd-btn-group-trigger .kd-btn-primary:disabled { background: var(--kd-c-button-group-trigger-color-background-disabled, var(--kd-g-color-theme-5, #87adff)) !important; } .kd-btn-group-similar > .kd-btn:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0; } .kd-btn-group-similar > .kd-btn:first-child:hover { z-index: 1; } .kd-btn-group .kd-btn-size-small, .kd-btn-group .kd-btn-size-middle, .kd-btn-group .kd-btn-size-large { min-width: unset; } .kd-btn-group .kd-dropdown-menu { padding: 0; } .kd-btn-group-dropdown { -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2); background: var(--kd-c-button-group-dropdown-color-background, #fff); color: #333333; min-width: var(--kd-c-button-group-dropdown-min-width, 80px); } .kd-btn-group-dropdown-item { height: var(--kd-c-button--group-dropdown-item-height, 30px); line-height: var(--kd-c-button--group-dropdown-item-height, 30px); cursor: pointer; padding: 0 var(--kd-c-button-group-dropdown-item-horizonta, 12px); } .kd-btn-group-dropdown-item:hover { background: var(--kd-c-button-group-dropdown-item-color-background-hover, #F5F5F5); } .kd-btn-group-dropdown-item:not(:last-child) { border-bottom: 1px solid var(--kd-c-button-group-dropdown-item-border-color, #E5E5E5); } .kd-btn-group.topLeft.hidden, .kd-btn-group.bottomLeft.hidden, .kd-btn-group.topRight.hidden, .kd-btn-group.bottomRight.hidden { opacity: 0; visibility: hidden; -webkit-transition: all calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1); transition: all calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1); } /* ----------- color ——————---- start */ /* ----------- color ——————---- end */ /* ----------- motion ——————---- start */ /* ----------- motion ——————---- end */ /* ----------- transition ——————---- start */ /* ----------- transition ——————---- end */ /* ----------- font ——————---- start */ /* ----------- font ——————---- end */ /* ----------- zIndex ——————---- start */ /* 普通组件内部自身层级应设置在0-100间 */ /* ----------- zIndex ——————---- end */ /* ----------- Button ——————---- start */ /* ----------- Button ——————---- end */ /* ----------- Collapse ——————---- start */ /* ----------- Collapse ——————---- end */ /* ----------- Card ——————---- start */ /* ----------- Card ——————---- end */ /* ----------- Carousel ——————---- start */ /* ----------- Carousel ——————---- end */ /* ----------- Cascader ——————---- start */ /* ----------- Cascader ——————---- end */ /* ----------- Switch ——————---- start */ /* ----------- Switch ——————---- end */ /* ----------- Input ——————---- start */ /* ----------- Input ——————---- end */ /* ----------- InputNumber ——————---- start */ /* ----------- InputNumber ——————---- end */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- end */ /* ----------- Radio ——————---- start */ /* ----------- Radio ——————---- end */ /* ----------- icon ——————---- start */ /* ----------- icon ——————---- end */ /* ----------- Popconfirm ——————---- start */ /* ----------- Popconfirm ——————---- end */ /* ----------- Progress ——————---- start */ /* ----------- Progress ——————---- end */ /* ----------- Pagination ——————---- start */ /* ----------- Pagination ——————---- end */ /* ----------- Timeline ——————---- start */ /* ----------- Timeline ——————---- end */ /* ----------- Tabs ——————---- start */ /* ----------- Tabs ——————---- end */ /* ----------- Select ——————---- start */ /* ----------- Select ——————---- end */ /* ----------- Rate ——————---- start */ /* ----------- Rate ——————---- end */ /* ----------- Dropdown ——————---- start */ /* ----------- Dropdown ——————---- end */ /* ----------- Tooltip ——————---- start */ /* ----------- Tooltip ——————---- end */ /* ----------- Transfer ——————---- start */ /* ----------- Transfer ——————---- end */ /* ----------- DatePicker ——————---- start */ /* ----------- DatePicker ——————---- end */ /* ----------- ColorPicker ——————---- start */ /* ----------- ColorPicker ——————---- end */ /* ----------- Tree ——————---- start */ /* ----------- Tree ——————---- end */ /* ----------- Alert ——————---- start */ /* ----------- Alert ——————---- end */ /* ----------- Split-Panel ——————---- start */ /* ----------- Split-Panel ——————---- end */ /* ----------- Modal ——————---- start */ /* ----------- Modal ——————---- end */ /* ----------- Steps ——————---- start */ /* ----------- Steps ——————---- end */ /* ----------- Form ——————---- start */ /* ----------- Form ——————---- end */ /* ----------- Tag ——————---- start */ /* ----------- Tag ——————---- end */ /* ----------- Menu ——————---- start */ /* ----------- Menu ——————---- end */ /* ----------- notice ——————---- start */ /* ----------- message ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Layout ——————---- start */ /* ----------- Layout ——————---- end */ /* ----------- Typography ——————---- start */ /* ----------- Typography ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Badge ——————---- start */ /* ----------- Badge ——————---- end */ /* ----------- Anchor ——————---- start */ /* ----------- Anchor ——————---- end */ /* ----------- Avatar ——————---- start */ /* ----------- Avatar ——————---- end */ /* ----------- AdvancedSelector ——————---- start */ /* ----------- AdvancedSelector ——————---- end */ /* ----------- motion ——————---- start */ /* ----------- motion ——————---- end */ /* ----------- transition ——————---- start */ /* ----------- transition ——————---- end */ /* ----------- zIndex ——————---- start */ /* 普通组件内部自身层级应设置在0-100间 */ /* ----------- zIndex ——————---- end */ /* 多行显示省略号 */ /* 单行显示省略号 */ /** 浮层箭头样式 **/ .kd-card { position: relative; background-color: var(--kd-c-card-color-background, var(--kd-g-color-white, #fff)); -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2); } .kd-card.hoverable:hover { -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2); } .kd-card .kd-card-header { height: var(--kd-c-card-sizing-title-height, 40px); padding: 0 58px 0 var(--kd-c-card-spacing-padding-horizontal, 12px); line-height: 40px; font-size: var(--kd-c-card-title-font-size, var(--kd-g-font-size-middle, 14px)); color: var(--kd-c-card-title-color, var(--kd-g-color-text-primary, #212121)); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .kd-card .kd-card-avatar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 64px; padding: 0 var(--kd-c-card-spacing-padding-horizontal, 12px); } .kd-card .kd-card-avatar .kd-card-avatar-img { width: 42px; height: 42px; margin-right: var(--kd-c-card-spacing-padding-vertical, 8px); overflow: hidden; } .kd-card .kd-card-avatar .kd-card-avatar-img.circle { border-radius: 50%; } .kd-card .kd-card-avatar .kd-card-avatar-img img { width: 100%; height: 100%; } .kd-card .kd-card-avatar .kd-card-avatar-title { font-size: var(--kd-c-card-title-font-size, var(--kd-g-font-size-middle, 14px)); color: var(--kd-c-card-title-color, var(--kd-g-color-text-primary, #212121)); } .kd-card .kd-card-avatar .kd-card-avatar-desc { font-size: var(--kd-c-card-content-font-size, var(--kd-g-font-size-small, 12px)); color: var(--kd-c-card-content-color, var(--kd-g-color-text-secondary, #666)); } .kd-card .kd-checkbox { position: absolute; top: var(--kd-c-card-spacing-padding-horizontal, 12px); right: var(--kd-c-card-spacing-padding-horizontal, 12px); } .kd-card .kd-card-tags { padding: 4px var(--kd-c-card-spacing-padding-horizontal, 12px); } .kd-card .kd-card-tags .kd-tag:not(:last-child) { margin-right: var(--kd-c-card-spacing-padding-vertical, 8px); } .kd-card .kd-card-body { padding: var(--kd-c-card-spacing-padding-vertical, 8px) var(--kd-c-card-spacing-padding-horizontal, 12px); font-size: var(--kd-c-card-content-font-size, var(--kd-g-font-size-small, 12px)); color: var(--kd-c-card-content-color, var(--kd-g-color-text-secondary, #666)); } .kd-card .kd-card-actions { height: 32px; padding: 0 var(--kd-c-card-spacing-padding-horizontal, 12px); line-height: 32px; text-align: right; background-color: #fafafa; } .kd-card .kd-card-actions > a { margin-left: 16px; font-size: var(--kd-c-card-content-font-size, var(--kd-g-font-size-small, 12px)); color: var(--kd-c-card-actions-color, var(--kd-g-color-theme, #5582f3)); } .kd-card .kd-card-actions > a:hover { color: var(--kd-c-card-actions-color-hover, var(--kd-g-color-theme-5, #87adff)); } .kd-card .kd-card-actions > a:active { color: var(--kd-c-card-actions-color-active, var(--kd-g-color-theme-7, #375cca)); } .kd-card-extra { position: absolute; top: 6px; right: 4px; } .kd-card-extra i { font-size: 22px; width: 32px; cursor: pointer; } .kd-card-lists-icon { font-size: 32px; position: absolute; top: 6px; right: 40px; } /* ----------- color ——————---- start */ /* ----------- color ——————---- end */ /* ----------- motion ——————---- start */ /* ----------- motion ——————---- end */ /* ----------- transition ——————---- start */ /* ----------- transition ——————---- end */ /* ----------- font ——————---- start */ /* ----------- font ——————---- end */ /* ----------- zIndex ——————---- start */ /* 普通组件内部自身层级应设置在0-100间 */ /* ----------- zIndex ——————---- end */ /* ----------- Button ——————---- start */ /* ----------- Button ——————---- end */ /* ----------- Collapse ——————---- start */ /* ----------- Collapse ——————---- end */ /* ----------- Card ——————---- start */ /* ----------- Card ——————---- end */ /* ----------- Carousel ——————---- start */ /* ----------- Carousel ——————---- end */ /* ----------- Cascader ——————---- start */ /* ----------- Cascader ——————---- end */ /* ----------- Switch ——————---- start */ /* ----------- Switch ——————---- end */ /* ----------- Input ——————---- start */ /* ----------- Input ——————---- end */ /* ----------- InputNumber ——————---- start */ /* ----------- InputNumber ——————---- end */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- end */ /* ----------- Radio ——————---- start */ /* ----------- Radio ——————---- end */ /* ----------- icon ——————---- start */ /* ----------- icon ——————---- end */ /* ----------- Popconfirm ——————---- start */ /* ----------- Popconfirm ——————---- end */ /* ----------- Progress ——————---- start */ /* ----------- Progress ——————---- end */ /* ----------- Pagination ——————---- start */ /* ----------- Pagination ——————---- end */ /* ----------- Timeline ——————---- start */ /* ----------- Timeline ——————---- end */ /* ----------- Tabs ——————---- start */ /* ----------- Tabs ——————---- end */ /* ----------- Select ——————---- start */ /* ----------- Select ——————---- end */ /* ----------- Rate ——————---- start */ /* ----------- Rate ——————---- end */ /* ----------- Dropdown ——————---- start */ /* ----------- Dropdown ——————---- end */ /* ----------- Tooltip ——————---- start */ /* ----------- Tooltip ——————---- end */ /* ----------- Transfer ——————---- start */ /* ----------- Transfer ——————---- end */ /* ----------- DatePicker ——————---- start */ /* ----------- DatePicker ——————---- end */ /* ----------- ColorPicker ——————---- start */ /* ----------- ColorPicker ——————---- end */ /* ----------- Tree ——————---- start */ /* ----------- Tree ——————---- end */ /* ----------- Alert ——————---- start */ /* ----------- Alert ——————---- end */ /* ----------- Split-Panel ——————---- start */ /* ----------- Split-Panel ——————---- end */ /* ----------- Modal ——————---- start */ /* ----------- Modal ——————---- end */ /* ----------- Steps ——————---- start */ /* ----------- Steps ——————---- end */ /* ----------- Form ——————---- start */ /* ----------- Form ——————---- end */ /* ----------- Tag ——————---- start */ /* ----------- Tag ——————---- end */ /* ----------- Menu ——————---- start */ /* ----------- Menu ——————---- end */ /* ----------- notice ——————---- start */ /* ----------- message ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Layout ——————---- start */ /* ----------- Layout ——————---- end */ /* ----------- Typography ——————---- start */ /* ----------- Typography ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Badge ——————---- start */ /* ----------- Badge ——————---- end */ /* ----------- Anchor ——————---- start */ /* ----------- Anchor ——————---- end */ /* ----------- Avatar ——————---- start */ /* ----------- Avatar ——————---- end */ /* ----------- AdvancedSelector ——————---- start */ /* ----------- AdvancedSelector ——————---- end */ .kd-carousel-root { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; overflow: hidden; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .kd-carousel-list { list-style: none; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; position: relative; } .kd-carousel-list-item { position: relative; -ms-flex-negative: 0; flex-shrink: 0; height: 100%; width: 100%; } .kd-carousel-list-slide { width: 100%; } .kd-carousel-list-slide .kd-carousel-list-item { opacity: 1; border-radius: var(--kd-c-carousel-border-radius, 0px); } .kd-carousel-list-slide .kd-carousel-list-item-animation { -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .kd-carousel-list-slide .kd-carousel-list-item-none-animation { -webkit-transition: none; transition: none; } .kd-carousel-list-slide .kd-carousel-list-item-not-hidden { opacity: 1; } .kd-carousel-list-slide .kd-carousel-list-item-hidden { opacity: 0; } .kd-carousel-list-fade { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .kd-carousel-list-fade .kd-carousel-list-item { opacity: 1; } .kd-carousel-list-fade .kd-carousel-list-item-animation { -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .kd-carousel-list-fade .kd-carousel-list-item-none-animation { -webkit-transition: none; transition: none; } .kd-carousel-list-fade .kd-carousel-list-item-not-hidden { opacity: 1; z-index: 1; } .kd-carousel-list-fade .kd-carousel-list-item-hidden { opacity: 0; z-index: 0; } .kd-carousel-list-display { width: 100%; } .kd-carousel-list-display .kd-carousel-list-item { display: block; } .kd-carousel-list-display .kd-carousel-list-item-not-hidden { display: block; } .kd-carousel-list-display .kd-carousel-list-item-hidden { display: none; } .kd-carousel-slidebar { position: absolute; list-style: none; padding: 0; z-index: 1; } .kd-carousel-slidebar-left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: var(--kd-c-carousel-spacing-margin-left, 12px); } .kd-carousel-slidebar-left > li { margin: var(--kd-c-carousel-dots-spacing-margin, 4px) 0; width: var(--kd-c-carousel-dots-sizing-height, 4px); height: var(--kd-c-carousel-dots-sizing-width, 12px); } .kd-carousel-slidebar-right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: var(--kd-c-carousel-spacing-margin-right, 12px); } .kd-carousel-slidebar-right > li { margin: var(--kd-c-carousel-dots-spacing-margin, 4px) 0; width: var(--kd-c-carousel-dots-sizing-height, 4px); height: var(--kd-c-carousel-dots-sizing-width, 12px); } .kd-carousel-slidebar-bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: var(--kd-c-carousel-spacing-margin-bottom, 12px); } .kd-carousel-slidebar-bottom > li { margin: 0 var(--kd-c-carousel-dots-spacing-margin, 4px); height: var(--kd-c-carousel-dots-sizing-height, 4px); width: var(--kd-c-carousel-dots-sizing-width, 12px); } .kd-carousel-slidebar-top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); top: var(--kd-c-carousel-spacing-margin-top, 12px); } .kd-carousel-slidebar-top > li { margin: 0 var(--kd-c-carousel-dots-spacing-margin, 4px); height: var(--kd-c-carousel-dots-sizing-height, 4px); width: var(--kd-c-carousel-dots-sizing-width, 12px); } .kd-carousel-slidebar-dot > button { display: block; border-radius: var(--kd-c-carousel-dots-border-radius, 2px); -webkit-box-sizing: border-box; box-sizing: border-box; border: 0; height: 100%; padding: 0; width: 100%; cursor: pointer; outline: none; background-color: var(--kd-c-carousel-dots-color-background, #D8D8D8); } .kd-carousel-slidebar-dot { display: block; border-radius: var(--kd-c-carousel-dots-border-radius, 2px); -webkit-box-sizing: border-box; box-sizing: border-box; border: 0; height: 100%; padding: 0; width: 100%; cursor: pointer; outline: none; } .kd-carousel-slidebar-dot-active { opacity: 1; } .kd-carousel-slidebar-dot-active > button { background-color: var(--kd-c-carousel-dots-color-hover, #666666); opacity: 1; } .kd-carousel-jump { position: absolute; top: 50%; left: unset; right: 16px; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 1; } .kd-carousel-jump-left { left: 16px; right: unset; } .kd-carousel-jump:not(.kd-carousel-jump-disabled) { cursor: pointer; } .kd-carousel-jump > *:first-child { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .kd-carousel-jump-icon { font-size: 20px; color: var(--kd-c-carousel-jump-icon-color, #D9D9D9); } .kd-carousel-jump-icon:hover { color: var(--kd-c-carousel-jump-icon-color-hover, #666666); } .kd-carousel-jump-disabled { cursor: not-allowed; } .kd-carousel-jump-disabled .kd-carousel-jump-icon:hover { color: var(--kd-c-carousel-jump-icon-color, #D9D9D9); } .vertical { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .vertical > li { margin: var(--kd-c-carousel-dots-spacing-margin, 4px) 0; width: var(--kd-c-carousel-dots-sizing-height, 4px); height: var(--kd-c-carousel-dots-sizing-width, 12px); } .horizontal { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .horizontal > li { margin: 0 var(--kd-c-carousel-dots-spacing-margin, 4px); height: var(--kd-c-carousel-dots-sizing-height, 4px); width: var(--kd-c-carousel-dots-sizing-width, 12px); } /* ----------- color ——————---- start */ /* ----------- color ——————---- end */ /* ----------- motion ——————---- start */ /* ----------- motion ——————---- end */ /* ----------- transition ——————---- start */ /* ----------- transition ——————---- end */ /* ----------- font ——————---- start */ /* ----------- font ——————---- end */ /* ----------- zIndex ——————---- start */ /* 普通组件内部自身层级应设置在0-100间 */ /* ----------- zIndex ——————---- end */ /* ----------- Button ——————---- start */ /* ----------- Button ——————---- end */ /* ----------- Collapse ——————---- start */ /* ----------- Collapse ——————---- end */ /* ----------- Card ——————---- start */ /* ----------- Card ——————---- end */ /* ----------- Carousel ——————---- start */ /* ----------- Carousel ——————---- end */ /* ----------- Cascader ——————---- start */ /* ----------- Cascader ——————---- end */ /* ----------- Switch ——————---- start */ /* ----------- Switch ——————---- end */ /* ----------- Input ——————---- start */ /* ----------- Input ——————---- end */ /* ----------- InputNumber ——————---- start */ /* ----------- InputNumber ——————---- end */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- end */ /* ----------- Radio ——————---- start */ /* ----------- Radio ——————---- end */ /* ----------- icon ——————---- start */ /* ----------- icon ——————---- end */ /* ----------- Popconfirm ——————---- start */ /* ----------- Popconfirm ——————---- end */ /* ----------- Progress ——————---- start */ /* ----------- Progress ——————---- end */ /* ----------- Pagination ——————---- start */ /* ----------- Pagination ——————---- end */ /* ----------- Timeline ——————---- start */ /* ----------- Timeline ——————---- end */ /* ----------- Tabs ——————---- start */ /* ----------- Tabs ——————---- end */ /* ----------- Select ——————---- start */ /* ----------- Select ——————---- end */ /* ----------- Rate ——————---- start */ /* ----------- Rate ——————---- end */ /* ----------- Dropdown ——————---- start */ /* ----------- Dropdown ——————---- end */ /* ----------- Tooltip ——————---- start */ /* ----------- Tooltip ——————---- end */ /* ----------- Transfer ——————---- start */ /* ----------- Transfer ——————---- end */ /* ----------- DatePicker ——————---- start */ /* ----------- DatePicker ——————---- end */ /* ----------- ColorPicker ——————---- start */ /* ----------- ColorPicker ——————---- end */ /* ----------- Tree ——————---- start */ /* ----------- Tree ——————---- end */ /* ----------- Alert ——————---- start */ /* ----------- Alert ——————---- end */ /* ----------- Split-Panel ——————---- start */ /* ----------- Split-Panel ——————---- end */ /* ----------- Modal ——————---- start */ /* ----------- Modal ——————---- end */ /* ----------- Steps ——————---- start */ /* ----------- Steps ——————---- end */ /* ----------- Form ——————---- start */ /* ----------- Form ——————---- end */ /* ----------- Tag ——————---- start */ /* ----------- Tag ——————---- end */ /* ----------- Menu ——————---- start */ /* ----------- Menu ——————---- end */ /* ----------- notice ——————---- start */ /* ----------- message ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Layout ——————---- start */ /* ----------- Layout ——————---- end */ /* ----------- Typography ——————---- start */ /* ----------- Typography ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Badge ——————---- start */ /* ----------- Badge ——————---- end */ /* ----------- Anchor ——————---- start */ /* ----------- Anchor ——————---- end */ /* ----------- Avatar ——————---- start */ /* ----------- Avatar ——————---- end */ /* ----------- AdvancedSelector ——————---- start */ /* ----------- AdvancedSelector ——————---- end */ /* ----------- motion ——————---- start */ /* ----------- motion ——————---- end */ /* ----------- transition ——————---- start */ /* ----------- transition ——————---- end */ /* ----------- zIndex ——————---- start */ /* 普通组件内部自身层级应设置在0-100间 */ /* ----------- zIndex ——————---- end */ /* 多行显示省略号 */ /* 单行显示省略号 */ /** 浮层箭头样式 **/ .kd-cascader-picker { position: relative; outline: none; cursor: pointer; background: var(--kd-c-cascader-color-background, var(--kd-g-color-white, #fff)); } .kd-cascader-picker.disabled .kd-cascader-picker-input { cursor: not-allowed; border-color: var(--kd-g-color-border-strong, #d9d9d9); } .kd-cascader-picker.disabled .kd-cascader-picker-input .kd-input-suffix, .kd-cascader-picker.disabled .kd-cascader-picker-input i[class*='kdicon'] { color: var(--kd-c-cascader-color-text-disabled, var(--kd-g-color-disabled, #b2b2b2)); } .kd-cascader-picker-label { -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; top: 50%; left: 0; width: 100%; height: 20px; padding: 0 24px 0 0; line-height: 20px; -webkit-transform: translateY(-50%); transform: translateY(-50%); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .kd-cascader-picker-input { background-color: transparent; -webkit-transition: all 0.2s; transition: all 0.2s; } .kd-cascader-picker-input > input { color: transparent !important; cursor: pointer; } .kd-cascader-picker-input.expand i[class*='kdicon'] { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .kd-cascader-picker-input .kd-input-suffix, .kd-cascader-picker-input i[class*='kdicon'] { -webkit-transition: all 0.2s; transition: all 0.2s; } .kd-cascader-picker.allowClear:hover .kd-cascader-picker-close { opacity: 1; visibility: visible; -webkit-transition: all 0.2s; transition: all 0.2s; -webkit-transform: scale(1) translateY(-50%); transform: scale(1) translateY(-50%); } .kd-cascader-picker.allowClear:hover .kd-input-suffix { opacity: 0; visibility: hidden; -webkit-transition: all 0.1s; transition: all 0.1s; } .kd-cascader-picker-close { position: absolute; top: 50%; right: 0; opacity: 0; cursor: pointer; visibility: hidden; color: var(--kd-c-cascader-clear-color-text, #d9d9d9); -webkit-transition: all 0.1s; transition: all 0.1s; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: scale(0.9) translateY(-50%); transform: scale(0.9) translateY(-50%); } .kd-cascader-picker-close:hover { color: var(--kd-c-cascader-icon-clear-color-text-hover, #999); } .kd-cascader-menus { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; font-variant: tabular-nums; list-style: none; -webkit-font-feature-settings: 'tnum'; font-feature-settings: 'tnum'; color: var(--kd-c-cascader-color-text, var(--kd-g-color-text-primary, #212121)); border-radius: var(--kd-c-cascader-radius-border, var(--kd-g-radius-border, 2px)); font-size: var(--kd-c-cascader-font-size, var(--kd-g-font-size-small, 12px)); font-weight: var(--kd-c-cascader-font-weight, 'normal'); background-color: var(--kd-c-cascader-color-background, var(--kd-g-color-white, #fff)); -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.3); opacity: 1; visibility: visible; z-index: var(--kd-g-z-index-popper, 1050); } .kd-cascader-menus.hidden { opacity: 0; visibility: hidden; } .kd-cascader-menus .kd-cascader-menu { display: inline-block; height: var(--kd-c-cascader-sizing-height, 192px); min-width: var(--kd-c-cascader-menu-sizing-min-width, 116px); margin: 0; padding: var(--kd-c-cascader-menu-spacing-padding-vertical, 8px) 0; overflow-y: auto; } .kd-cascader-menus .kd-cascader-menu:not(:first-child) { border-left: 1px solid var(--kd-g-color-border-strong, #d9d9d9); } .kd-cascader-menus .kd-cascader-menu-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 var(--kd-c-cascader-menu-item-spacing-padding-horizontal, 12px); line-height: var(--kd-c-cascader-menu-item-sizing-height, 32px); cursor: pointer; } .kd-cascader-menus .kd-cascader-menu-item:not(.disabled, .selected):hover { background-color: var(--kd-c-cascader-color-background-hover, var(--kd-g-color-hover, #f5f5f5)); -webkit-transition: all calc(var(--kd-g-duration, 0.3s) - 0.1s) var(--kd-g-ease, cubic-bezier(0.4, 0, 0.6, 1)); transition: all calc(var(--kd-g-duration, 0.3s) - 0.1s) var(--kd-g-ease, cubic-bezier(0.4, 0, 0.6, 1)); } .kd-cascader-menus .kd-cascader-menu-item.disabled { color: var(--kd-c-cascader-color-text-disabled, var(--kd-g-color-disabled, #b2b2b2)); cursor: not-allowed; } .kd-cascader-menus .kd-cascader-menu-item.selected { color: var(--kd-c-cascader-color-text-selected, var(--kd-g-color-theme, #5582f3)); background-color: var(--kd-c-cascader-color-background-selected, var(--kd-g-color-background-ongoing, #f2f9ff)); } .kd-cascader-menus .kd-cascader-menu-item-label { width: var(--kd-c-cascader-menu-item-label-sizing-width, 72px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .kd-cascader-menus .kd-cascader-menu-item.last .kd-cascader-menu-item-label { width: calc(var(--kd-c-cascader-menu-item-label-sizing-width, 72px) + 20px); } .kd-cascader-menus .kd-cascader-menu-item .kd-cascader-checkbox { margin-right: 5px; } .kd-cascader-menus .kd-empty { padding: 10px 0 20px; } .kd-cascader-bordered:not(.kd-cascader-multiple) .kd-cascader-picker-label { padding-left: 9px; } .kd-cascader-bordered:not(.kd-cascader-multiple) .kd-cascader-picker-close { right: 10px; } .kd-cascader-bordered.kd-cascader-multiple { border: 1px solid #d9d9d9; padding-left: 8px; border-radius: 2px; } .kd-cascader-bordered.kd-cascader-multiple .kd-cascader-suffix { right: 9px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .kd-cascader-multiple { -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); width: 100%; min-height: 30px; max-height: 100px; color: #212121; display: -webkit-box; display: -ms-flexbox; display: flex; cursor: pointer; -webkit-box-sizing: border-box; box-sizing: border-box; overflow-x: hidden; position: relative; border-bottom: 1px solid #d9d9d9; background: var(--kd-c-cascader-color-background, var(--kd-g-color-white, #fff)); } .kd-cascader-multiple:not(.kd-cascader-disabled):focus { border-color: var(--kd-c-cascader-color-text-selected, var(--kd-g-color-theme, #5582f3)); outline: none; } .kd-cascader-multiple-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; padding: 1px 28px 1px 0; overflow-y: auto; } .kd-cascader-placeholder { position: absolute; font-size: 14px; color: var(--kd-c-cascader-placeholder-color, var(--kd-g-color-text-placeholder, #ccc)); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .kd-cascader-suffix { right: 0; position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-left: 8px; } .kd-cascader-selection-tag { max-width: 100%; } .kd-cascader-multiple:hover .kd-cascader-icon-clear { opacity: 1; } .kd-cascader-icon-arrow { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; vertical-align: middle; } .kd-cascader-icon-arrow-up { -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: -webkit-transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1); transition: -webkit-transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1); transition: transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1); transition: transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1); } .kd-cascader-icon-arrow-down { -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: -webkit-transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1); transition: -webkit-transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1); transition: transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1); transition: transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1); } .kd-cascader-icon-clear { opacity: 0; z-index: 1; position: absolute; background: #fff; -webkit-transition: opacity 0.15s ease; transition: opacity 0.15s ease; color: var(--kd-c-cascader-clear-color-text, #d9d9d9); } .kd-cascader-icon-clear:hover { color: var(--kd-c-cascader-icon-clear-color-text-hover, #999); } .kd-cascader-tag-describe { font-size: 12px; height: 20px; line-height: 18px; margin: 2px 8px 2px 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .kd-cascader-tag-describe-content { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 7px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; border: 1px solid #ccc; color: #212121; } .kd-cascader-disabled { cursor: not-allowed; } .kd-cascader-disabled .kd-cascader-picker-label { color: var(--kd-c-cascader-color-text-disabled, var(--kd-g-color-disabled, #b2b2b2)); } .kd-cascader-disabled .kd-cascader-picker-input { background-color: var(--kd-c-cascader-color-background-disabled, var(--kd-g-color-background-contain-disabled, #f5f5f5)); } .kd-cascader-disabled .kd-cascader-picker-input > input { background-color: var(--kd-c-cascader-color-background-disabled, var(--kd-g-color-background-contain-disabled, #f5f5f5)); } .kd-cascader-disabled.kd-cascader-multiple { background-color: var(--kd-c-cascader-color-background-disabled, var(--kd-g-color-background-contain-disabled, #f5f5f5)); } .kd-cascader-disabled .kd-cascader-suffix { color: var(--kd-c-cascader-color-text-disabled, var(--kd-g-color-disabled, #b2b2b2)); } .kd-cascader-disabled .kd-cascader-tag-describe-content { color: var(--kd-c-cascader-tag-disabled-color, #d9d9d9); border-color: var(--kd-c-cascader-tag-disabled-color, #d9d9d9); } .kd-cascader-picker:not(.kd-cascader-disabled):hover .kd-input-wrapper, .kd-cascader-expand .kd-input-wrapper { border-color: var(--kd-c-cascader-color-border-foucs, var(--kd-g-color-theme, #5582f3)); } .kd-cascader-multiple:not(.kd-cascader-disabled):hover, .kd-cascader-expand { border-color: var(--kd-c-cascader-color-border-foucs, var(--kd-g-color-theme, #5582f3)); } /* ----------- color ——————---- start */ /* ----------- color ——————---- end */ /* ----------- motion ——————---- start */ /* ----------- motion ——————---- end */ /* ----------- transition ——————---- start */ /* ----------- transition ——————---- end */ /* ----------- font ——————---- start */ /* ----------- font ——————---- end */ /* ----------- zIndex ——————---- start */ /* 普通组件内部自身层级应设置在0-100间 */ /* ----------- zIndex ——————---- end */ /* ----------- Button ——————---- start */ /* ----------- Button ——————---- end */ /* ----------- Collapse ——————---- start */ /* ----------- Collapse ——————---- end */ /* ----------- Card ——————---- start */ /* ----------- Card ——————---- end */ /* ----------- Carousel ——————---- start */ /* ----------- Carousel ——————---- end */ /* ----------- Cascader ——————---- start */ /* ----------- Cascader ——————---- end */ /* ----------- Switch ——————---- start */ /* ----------- Switch ——————---- end */ /* ----------- Input ——————---- start */ /* ----------- Input ——————---- end */ /* ----------- InputNumber ——————---- start */ /* ----------- InputNumber ——————---- end */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- end */ /* ----------- Radio ——————---- start */ /* ----------- Radio ——————---- end */ /* ----------- icon ——————---- start */ /* ----------- icon ——————---- end */ /* ----------- Popconfirm ——————---- start */ /* ----------- Popconfirm ——————---- end */ /* ----------- Progress ——————---- start */ /* ----------- Progress ——————---- end */ /* ----------- Pagination ——————---- start */ /* ----------- Pagination ——————---- end */ /* ----------- Timeline ——————---- start */ /* ----------- Timeline ——————---- end */ /* ----------- Tabs ——————---- start */ /* ----------- Tabs ——————---- end */ /* ----------- Select ——————---- start */ /* ----------- Select ——————---- end */ /* ----------- Rate ——————---- start */ /* ----------- Rate ——————---- end */ /* ----------- Dropdown ——————---- start */ /* ----------- Dropdown ——————---- end */ /* ----------- Tooltip ——————---- start */ /* ----------- Tooltip ——————---- end */ /* ----------- Transfer ——————---- start */ /* ----------- Transfer ——————---- end */ /* ----------- DatePicker ——————---- start */ /* ----------- DatePicker ——————---- end */ /* ----------- ColorPicker ——————---- start */ /* ----------- ColorPicker ——————---- end */ /* ----------- Tree ——————---- start */ /* ----------- Tree ——————---- end */ /* ----------- Alert ——————---- start */ /* ----------- Alert ——————---- end */ /* ----------- Split-Panel ——————---- start */ /* ----------- Split-Panel ——————---- end */ /* ----------- Modal ——————---- start */ /* ----------- Modal ——————---- end */ /* ----------- Steps ——————---- start */ /* ----------- Steps ——————---- end */ /* ----------- Form ——————---- start */ /* ----------- Form ——————---- end */ /* ----------- Tag ——————---- start */ /* ----------- Tag ——————---- end */ /* ----------- Menu ——————---- start */ /* ----------- Menu ——————---- end */ /* ----------- notice ——————---- start */ /* ----------- message ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Layout ——————---- start */ /* ----------- Layout ——————---- end */ /* ----------- Typography ——————---- start */ /* ----------- Typography ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Badge ——————---- start */ /* ----------- Badge ——————---- end */ /* ----------- Anchor ——————---- start */ /* ----------- Anchor ——————---- end */ /* ----------- Avatar ——————---- start */ /* ----------- Avatar ——————---- end */ /* ----------- AdvancedSelector ——————---- start */ /* ----------- AdvancedSelector ——————---- end */ /* ----------- motion ——————---- start */ /* ----------- motion ——————---- end */ /* ----------- transition ——————---- start */ /* ----------- transition ——————---- end */ /* ----------- zIndex ——————---- start */ /* 普通组件内部自身层级应设置在0-100间 */ /* ----------- zIndex ——————---- end */ .kd-checkbox { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; cursor: pointer; position: relative; white-space: nowrap; text-overflow: ellipsis; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: var(--kd-c-checkbox-font-size, var(--kd-g-font-size-small, 12px)); color: var(--kd-c-checkbox-color-text-primary, #212121); line-height: 18px; } .kd-checkbox-no-child { height: var(--kd-c-checkbox-default-input-sizing-height, 14px); width: var(--kd-c-checkbox-default-input-sizing-width, 14px); -webkit-box-sizing: border-box; box-sizing: border-box; } .kd-checkbox-group > *:not(:last-child) { margin-right: var(--kd-c-checkbox-group-spacing-margin-right, 12px); } .kd-checkbox-input { margin: 0; padding: 0; height: 100%; width: 100%; cursor: inherit; opacity: 0; inset: 0; z-index: 1; } .kd-checkbox-children { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 999; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: var(--kd-c-checkbox-default-input-label-max-width); } .kd-checkbox-children .kd-input-underline { background-color: transparent; border-bottom: none; } .kd-checkbox-square { border-radius: 2px; border: 1px solid var(--kd-c-checkbox-color-border, #d9d9d9); padding: var(--kd-c-checkbox-square-spacing-padding-horizontal, 7px) var(--kd-c-checkbox-square-spacing-padding-vertical, 12px); -webkit-transition: color var(--kd-c-checkbox-motion-duration, var(--kd-g-duration, 0.3s)), border-color var(--kd-c-checkbox-motion-duration, var(--kd-g-duration, 0.3s)); transition: color var(--kd-c-checkbox-motion-duration, var(--kd-g-duration, 0.3s)), border-color var(--kd-c-checkbox-motion-duration, var(--kd-g-duration, 0.3s)); } .kd-checkbox-square:not(.kd-checkbox-square-disabled)::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: inherit; opacity: 0.2; -webkit-box-shadow: 0 0 0 0 var(--kd-c-checkbox-color-theme, var(--kd-g-color-theme, #5582f3)); box-shadow: 0 0 0 0 var(--kd-c-checkbox-color-theme, var(--kd-g-color-theme, #5582f3)); } .kd-checkbox-square:hover { color: var(--kd-c-checkbox-color-text-hover, var(--kd-g-color-theme, #5582f3)); border-color: var(--kd-c-checkbox-color-border-active, var(--kd-g-color-theme, #5582f3)); } .kd-checkbox-square-triangle, .kd-checkbox-square-triangle-checked { position: absolute; content: ''; height: 0; width: 0; right: 0; bottom: 0; border-style: solid; border-width: 0 0 var(--kd-c-checkbox-square-triangle-sizing-height, 18px) var(--kd-c-checkbox-square-triangle-sizing-width, 18px); border-top-color: transparent; border-right-color: transparent; border-left-color: transparent; border-bottom-color: var(--kd-c-checkbox-color-border-active, var(--kd-g-color-theme, #5582f3)); } .kd-checkbox-square-triangle { -webkit-animation: kdZoomBounceLeaveEffect calc(var(--kd-c-checkbox-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1) forwards; animation: kdZoomBounceLeaveEffect calc(var(--kd-c-checkbox-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1) forwards; -webkit-transition: all var(--kd-c-checkbox-motion-duration, var(--kd-g-duration, 0.3s)) cubic-bezier(0.4, 0, 0.6, 1); transition: all var(--kd-c-checkbox-motion-duration, var(--kd-g-duration, 0.3s)) cubic-bezier(0.4, 0, 0.6, 1); visibility: hidden; opacity: 0; } .kd-checkbox-square-inner { position: absolute; height: 9px; width: 11px; color: var(--kd-c-checkbox-square-input-icon-color, #fff); font-size: var(--kd-c-checkbox-default-input-icon-font-size, 12px); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transform: translate(-100%, 100%); transform: translate(-100%, 100%); } .kd-checkbox-square-inner-icon { font-size: inherit; line-height: 100%; -webkit-animation: kdZoomLeaveEffect calc(var(--kd-c-checkbox-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1); animation: kdZoomLeaveEffect calc(var(--kd-c-checkbox-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1); } .kd-checkbox-square-triangle-disabled { border-bottom-color: var(--kd-c-checkbox-color-text-disabled, var(--kd-g-color-disabled, #b2b2b2)); } .kd-checkbox-square-disabled, .kd-checkbox-square-disabled:hover { border-color: var(--kd-c-checkbox-color-border, #d9d9d9); color: var(--kd-c-checkbox-color-text-disabled, var(--kd-g-color-disabled, #b2b2b2)); background-color: var(--kd-c-checkbox-color-background-disabled, var(--kd-g-color-background-contain-disabled, #f5f5f5)); cursor: not-allowed !important; } .kd-checkbox-square-checked { border-color: var(--kd-c-checkbox-color-border-active, var(--kd-g-color-theme, #5582f3)); } .kd-checkbox-square-checked:not(.kd-checkbox-square-checked-disabled)::after { -webkit-animation: fadeEffect calc(var(--kd-c-checkbox-motion-duration, var(--kd-g-duration, 0.3s)) + 0.1s) cubic-bezier(0, 0.4, 0.4, 1) forwards, waveEffect calc(var(--kd-c-checkbox-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1) forwards; animation: fadeEffect calc(var(--kd-c-checkbox-motion-duration, var(--kd-g-duration, 0.3s)) + 0.1s) cubic-bezier(0, 0.4, 0.4, 1) forwards, waveEffect calc(var(--kd-c-checkbox-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1) forwards; } .kd-checkbox-square-checked .kd-checkbox-square-triangle-checked:not(.kd-checkbox-square-disabled) { -webkit-animation: kdZoomBounceEffect calc(var(--kd-c-checkbox-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0.4, 0, 0.6, 1); animation: kdZoomBounceEffect calc(var(--kd-c-checkbox-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0.4, 0, 0.6, 1); } .kd-checkbox-square-checked .kd-checkbox-square-inner-icon:not(.kd-checkbox-square-disabled) { -webkit-animation: kdZoomEffect calc(var(--kd-c-checkbox-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1); animation: kdZoomEffect calc(var(--kd-c-checkbox-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1); } .kd-checkbox-square-checked-disabled { background-color: var(--kd-c-checkbox-color-background-disabled, var(--kd-g-color-background-contain-disabled, #f5f5f5)) !important; border-color: var(--kd-c-checkbox-color-background-disabled, var(--kd-g-color-background-contain-disabled, #f5f5f5)) !important; cursor: not-allowed !important; } .kd-checkbox-square-wrapper { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; height: var(--kd-c-checkbox-default-input-sizing-height, 14px); width: 0; -webkit-box-sizing: border-box; box-sizing: border-box; opacity: 0; } .kd-checkbox-square.checked .kd-checkbox-children { color: var(--kd-c-checkbox-color-text-primary, #212121); } .kd-checkbox-default { border: none; padding: var(--kd-c-checkbox-default-spacing-padding, 0); -webkit-transition: color var(--kd-c-checkbox-motion-duration, var(--kd-g-duration, 0.3s)), border-color var(--kd-c-checkbox-motion-duration, var(--kd-g-duration, 0.3s)); transition: color var(--kd-c-checkbox-motion-duration, var(--kd-g-duration, 0.3s)), border-color var(--kd-c-checkbox-motion-duration, var(--kd-g-duration, 0.3s)); } .kd-checkbox-default:hover, .kd-checkbox-default:hover .kd-checkbox-default-wrapper { color: var(--kd-c-checkbox-color-text-hover, var(--kd-g-color-theme, #5582f3)); border-color: var(--kd-c-checkbox-color-border-active, var(--kd-g-color-theme, #5582f3)); cursor: pointer; } .kd-checkbox-default-disabled, .kd-checkbox-default-disabled:hover, .kd-checkbox-default-disabled:hover .kd-checkbox-default-wrapper { color: var(--kd-c-checkbox-color-text-disabled, var(--kd-g-color-disabled, #b2b2b2)); border-color: var(--kd-c-checkbox-color-border, #d9d9d9); cursor: not-allowed !important; } .kd-checkbox-default-wrapper { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; background-color: var(--kd-c-checkbox-color-background, var(--kd-g-color-background, #fff)); border: var(--kd-c-checkbox-default-input-border-width, 1px) solid var(--kd-c-checkbox-color-border, #d9d9d9); border-radius: var(--kd-c-checkbox-default-input-radius-border, 2px); -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: color var(--kd-c-checkbox-motion-duration, var(--kd-g-duration, 0.3s)), border-color var(--kd-c-checkbox-motion-duration, var(--kd-g-duration, 0.3s)); transition: color var(--kd-c-checkbox-motion-duration, var(--kd-g-duration, 0.3s)), border-color var(--kd-c-checkbox-motion-duration, var(--kd-g-duration, 0.3s)); -ms-flex-negative: 0; flex-shrink: 0; } .kd-checkbox-default-wrapper:not(.kd-checkbox-default-wrapper-disabled)::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: inherit; opacity: 0.2; -webkit-box-shadow: 0 0 0 0 var(--kd-c-checkbox-color-theme, var(--kd-g-color-theme, #5582f3)); box-shadow: 0 0 0 0 var(--kd-c-checkbox-color-theme, var(--kd-g-color-theme, #5582f3)); } .kd-checkbox-default-wrapper-size { height: var(--kd-c-checkbox-default-input-sizing-height, 14px); width: var(--kd-c-checkbox-default-input-sizing-width, 14px); } .kd-checkbox-default-margin { margin-right: var(--kd-c-checkbox-default-input-spacing-margin-right, 4px); } .kd-checkbox-default-checked-disabled { background-color: var(--kd-c-checkbox-default-color-background-disabled, #e5e5e5) !important; border-color: var(--kd-c-checkbox-default-color-background-disabled, #d9d9d9) !important; cursor: not-allowed !important; } .kd-checkbox-default-checked-disabled .kd-checkbox-default-inner { color: var(--kd-c-checkbox-color-text-disabled, var(--kd-g-color-disabled, #b2b2b2)); } .kd-checkbox-default-checked { background-color: var(--kd-c-checkbox-color-border-active, var(--kd-g-color-theme, #5582f3)); border-color: var(--kd-c-checkbox-color-border-active, var(--kd-g-color-theme, #5582f3)); -webkit-transition: background-color calc(var(--kd-c-checkbox-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1), border-color calc(var(--kd-c-checkbox-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1); transition: background-color calc(var(--kd-c-checkbox-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1), border-color calc(var(--kd-c-checkbox-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1); } .kd-checkbox-default-checked:not(.kd-checkbox-default-checked-disabled)::after { -webkit-animation: fadeEffect calc(var(--kd-c-checkbox-motion-duration, var(--kd-g-duration, 0.3s)) + 0.1s) cubic-bezier(0, 0.4, 0.4, 1) forwards, waveEffect calc(var(--kd-c-checkbox-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1) forwards; animation: fadeEffect calc(var(--kd-c-checkbox-motion-duration, var(--kd-g-duration, 0.3s)) + 0.1s) cubic-bezier(0, 0.4, 0.4, 1) forwards, waveEffect calc(var(--kd-c-checkbox-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1) forwards; } .kd-checkbox-default-inner:not(.kd-checkbox-default-checked-disabled .kd-checkbox-default-inner) { -webkit-animation: kdZoomBounceDefaultEffect calc(var(--kd-c-checkbox-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0.4, 0, 0.6, 1) !important; animation: kdZoomBounceDefaultEffect calc(var(--kd-c-checkbox-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0.4, 0, 0.6, 1) !important; } .kd-checkbox-default-inner { position: absolute; color: var(--kd-c-checkbox-default-input-icon-color, #fff); font-size: var(--kd-c-checkbox-default-input-icon-font-size, 12px); height: 100%; width: 100%; top: 5%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .kd-checkbox-default-inner-icon { font-size: inherit; line-height: 100%; } .kd-checkbox-default-indeterminate::before { position: absolute; top: 50%; left: 50%; width: var(--kd-c-checkbox-default-indeterminate-sizing-square, 6px); height: var(--kd-c-checkbox-default-indeterminate-sizing-square, 6px); background-color: var(--kd-c-checkbox-color-border-active, var(--kd-g-color-theme, #5582f3)); border: 0; -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); opacity: 1; content: " "; } .kd-checkbox-default.checked .kd-checkbox-children { color: var(--kd-c-checkbox-color-text-primary, #212121); } .kd-checkbox-default-indeterminate .kd-checkbox-children { color: var(--kd-c-checkbox-color-text-primary, #212121); } /* ----------- color ——————---- start */ /* ----------- color ——————---- end */ /* ----------- motion ——————---- start */ /* ----------- motion ——————---- end */ /* ----------- transition ——————---- start */ /* ----------- transition ——————---- end */ /* ----------- font ——————---- start */ /* ----------- font ——————---- end */ /* ----------- zIndex ——————---- start */ /* 普通组件内部自身层级应设置在0-100间 */ /* ----------- zIndex ——————---- end */ /* ----------- Button ——————---- start */ /* ----------- Button ——————---- end */ /* ----------- Collapse ——————---- start */ /* ----------- Collapse ——————---- end */ /* ----------- Card ——————---- start */ /* ----------- Card ——————---- end */ /* ----------- Carousel ——————---- start */ /* ----------- Carousel ——————---- end */ /* ----------- Cascader ——————---- start */ /* ----------- Cascader ——————---- end */ /* ----------- Switch ——————---- start */ /* ----------- Switch ——————---- end */ /* ----------- Input ——————---- start */ /* ----------- Input ——————---- end */ /* ----------- InputNumber ——————---- start */ /* ----------- InputNumber ——————---- end */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- end */ /* ----------- Radio ——————---- start */ /* ----------- Radio ——————---- end */ /* ----------- icon ——————---- start */ /* ----------- icon ——————---- end */ /* ----------- Popconfirm ——————---- start */ /* ----------- Popconfirm ——————---- end */ /* ----------- Progress ——————---- start */ /* ----------- Progress ——————---- end */ /* ----------- Pagination ——————---- start */ /* ----------- Pagination ——————---- end */ /* ----------- Timeline ——————---- start */ /* ----------- Timeline ——————---- end */ /* ----------- Tabs ——————---- start */ /* ----------- Tabs ——————---- end */ /* ----------- Select ——————---- start */ /* ----------- Select ——————---- end */ /* ----------- Rate ——————---- start */ /* ----------- Rate ——————---- end */ /* ----------- Dropdown ——————---- start */ /* ----------- Dropdown ——————---- end */ /* ----------- Tooltip ——————---- start */ /* ----------- Tooltip ——————---- end */ /* ----------- Transfer ——————---- start */ /* ----------- Transfer ——————---- end */ /* ----------- DatePicker ——————---- start */ /* ----------- DatePicker ——————---- end */ /* ----------- ColorPicker ——————---- start */ /* ----------- ColorPicker ——————---- end */ /* ----------- Tree ——————---- start */ /* ----------- Tree ——————---- end */ /* ----------- Alert ——————---- start */ /* ----------- Alert ——————---- end */ /* ----------- Split-Panel ——————---- start */ /* ----------- Split-Panel ——————---- end */ /* ----------- Modal ——————---- start */ /* ----------- Modal ——————---- end */ /* ----------- Steps ——————---- start */ /* ----------- Steps ——————---- end */ /* ----------- Form ——————---- start */ /* ----------- Form ——————---- end */ /* ----------- Tag ——————---- start */ /* ----------- Tag ——————---- end */ /* ----------- Menu ——————---- start */ /* ----------- Menu ——————---- end */ /* ----------- notice ——————---- start */ /* ----------- message ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Layout ——————---- start */ /* ----------- Layout ——————---- end */ /* ----------- Typography ——————---- start */ /* ----------- Typography ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Badge ——————---- start */ /* ----------- Badge ——————---- end */ /* ----------- Anchor ——————---- start */ /* ----------- Anchor ——————---- end */ /* ----------- Avatar ——————---- start */ /* ----------- Avatar ——————---- end */ /* ----------- AdvancedSelector ——————---- start */ /* ----------- AdvancedSelector ——————---- end */ /* ----------- motion ——————---- start */ /* ----------- motion ——————---- end */ /* ----------- transition ——————---- start */ /* ----------- transition ——————---- end */ /* ----------- zIndex ——————---- start */ /* 普通组件内部自身层级应设置在0-100间 */ /* ----------- zIndex ——————---- end */ /* 多行显示省略号 */ /* 单行显示省略号 */ /** 浮层箭头样式 **/ .kd-city-picker { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: transparent; cursor: pointer; vertical-align: middle; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .kd-city-picker-selector { width: 100%; } .kd-city-picker-selector:hover .kd-city-picker-icon-active { color: #3761ca; } .kd-city-picker-description { color: #666666; font-size: 12px; } .kd-city-picker-visible .kd-city-picker-icon-active { color: #3761ca; } .kd-city-picker-visible div.kd-city-picker-show-search .kd-city-picker-selection-item { color: var(--kd-c-city-picker-placeholder-color-text, #b2b2b2); } .kd-city-picker-icon-arrow { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; vertical-align: middle; } .kd-city-picker-icon-arrow-up { -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: -webkit-transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1); transition: -webkit-transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1); transition: transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1); transition: transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1); } .kd-city-picker-icon-arrow-down { -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: -webkit-transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1); transition: -webkit-transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1); transition: transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1); transition: transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1); } .kd-city-picker-icon-clear { opacity: 0; z-index: 1; position: absolute; top: 0; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #fff; -webkit-transition: opacity 0.15s ease; transition: opacity 0.15s ease; font-size: var(--kd-c-city-picker-icon-clear-font-size, 16px); } .kd-city-picker-icon-clear:hover { color: var(--kd-c-city-picker-color-border-hover, var(--kd-g-color-theme, #5582f3)); } .kd-city-picker-placeholder { position: absolute; color: var(--kd-c-city-picker-placeholder-color-text, #b2b2b2); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; right: 24px; left: 0; top: 0; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .kd-city-picker-borderless { border: none; } .kd-city-picker-underline { border-bottom: 1px solid var(--kd-c-city-picker-color-border, var(--kd-g-color-input, #999)); } .kd-city-picker-underline:hover:not(.kd-city-picker-disabled) { border-bottom: 1px solid var(--kd-c-city-picker-color-border-hover, var(--kd-g-color-theme, #5582f3)); } .kd-city-picker-bordered { border: 1px solid var(--kd-c-city-picker-border-color-border, var(--kd-g-color-border-strong, #d9d9d9)); padding-left: var(--kd-c-city-picker-bordered-spacing-padding-left, 8px) !important; border-radius: var(--kd-c-city-picker-bordered-radius-border, 2px); } .kd-city-picker-bordered:hover:not(.kd-city-picker-disabled) { border: 1px solid var(--kd-c-city-picker-color-border-hover, var(--kd-g-color-theme, #5582f3)); } .kd-city-picker-bordered .kd-city-picker-suffix { padding-right: 8px; } .kd-city-picker-bordered .kd-city-picker-placeholder { padding-left: var(--kd-c-city-picker-bordered-spacing-padding-left, 8px); } .kd-city-picker-wrapper { -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); padding: var(--kd-c-city-picker-wrapper-spacing-padding, 1px 24px 1px 0); max-width: 100%; color: #212121; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; -webkit-box-sizing: border-box; box-sizing: border-box; overflow-y: auto; overflow-x: hidden; position: relative; } .kd-city-picker-wrapper:hover .kd-city-picker-icon-clear { opacity: 1; } .kd-city-picker-wrapper .kd-city-picker-icon-clear { color: var(--kd-c-city-picker-icon-clear-color-text, #666666); } .kd-city-picker-wrapper .kd-city-picker-icon-clear:hover { color: var(--kd-c-city-picker-icon-clear-color-text-hover, var(--kd-g-color-theme, #5582f3)); } .kd-city-picker-show-search { cursor: text; } .kd-city-picker-dropdown { display: block; z-index: var(--kd-c-city-picker-z-index, var(--kd-g-z-index-popper, 1050)); -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; overflow: auto; font-size: var(--kd-c-city-picker-dropdown-font-size, 12px); font-variant: initial; background-color: var(--kd-c-city-picker-dropdown-color-background, var(--kd-g-color-background, #fff)); border-radius: var(--kd-c-city-picker-radius-border, var(--kd-g-radius-border, 2px)); outline: none; -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2); } .kd-city-picker-dropdown .kd-tabs-tab-list { width: 100%; } .kd-city-picker-dropdown .kd-tabs-tab-list > span { width: 50%; } .kd-city-picker-dropdown .kd-tabs-tab-list .kd-tab-pane { text-align: center; } .kd-city-picker-dropdown .kd-tabs-tab-list .kd-tab-pane-type-line { padding: 0 12px; font-size: 12px; } .kd-city-picker-dropdown .kd-tabs-tab-list .kd-tab-pane-type-line .kd-tab-pane-text { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%; } .kd-city-picker-dropdown .kd-tabs-noContainer { height: unset; } .kd-city-picker-dropdown .kd-tabs-right-arrows { display: none; } .kd-city-picker-dropdown-empty { height: 48px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #b2b2b2; font-size: 14px; } .kd-city-picker-dropdown-common { height: 32px; line-height: 32px; padding: 0 12px; background: #fafafa; color: var(--kd-c-city-picker-footer-color-text, var(--kd-g-color-text-primary, #212121)); } .kd-city-picker-dropdown-loading { height: 48px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .kd-city-picker-dropdown.topLeft.hidden, .kd-city-picker-dropdown.bottomLeft.hidden, .kd-city-picker-dropdown.topRight.hidden, .kd-city-picker-dropdown.bottomRight.hidden { opacity: 0; visibility: hidden; -webkit-transition: all calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1); transition: all calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1); } .kd-city-picker-list { padding: 8px 0; max-height: 320px; overflow-y: auto; -webkit-box-sizing: content-box; box-sizing: content-box; } .kd-city-picker-list-item { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: relative; display: block; font-weight: normal; font-size: var(--kd-c-city-picker-dropdown-font-size, 12px); min-height: var(--kd-c-city-picker-item-sizing-height, 22px); padding: 5px 12px; color: var(--kd-c-city-picker-footer-color-text, var(--kd-g-color-text-primary, #212121)); line-height: var(--kd-c-city-picker-dropdown-line-height, 22px); cursor: pointer; } .kd-city-picker-list-item-info { color: var(--kd-c-city-picker-placeholder-color-text, #b2b2b2); white-space: nowrap; } .kd-city-picker-list-item-active:not(.kd-city-picker-list-item-disabled) { background-color: var(--kd-c-city-picker-color-background, #f5f5f5); } .kd-city-picker-list-item-selected:not(.kd-city-picker-list-item-disabled) { background-color: var(--kd-c-city-picker-color-background-selected, var(--kd-g-color-theme-3, #e3eeff)); color: var(--kd-c-city-picker-list-item-color-text-selected, var(--kd-g-color-theme, #5582f3)); } .kd-city-picker-list-item-selected:not(.kd-city-picker-list-item-disabled) .kd-city-picker-list-item-info { color: var(--kd-c-city-picker-list-item-color-text-selected, var(--kd-g-color-theme, #5582f3)); } .kd-city-picker-list-item-disabled { color: var(--kd-c-city-picker-item-color-text-disabled, var(--kd-g-color-disabled, #b2b2b2)); cursor: not-allowed; background-color: var(--kd-c-city-picker-item-color-background-disabled, #fff); } .kd-city-picker-list > .kd-city-picker-list-item-match { color: var(--kd-c-city-picker-footer-color-text, var(--kd-g-color-text-primary, #212121)); } .kd-city-picker-list > .kd-city-picker-list-item-match .kd-city-picker-list-item-info { color: var(--kd-c-city-picker-placeholder-color-text, #b2b2b2); } .kd-city-picker-highlight { color: var(--kd-c-city-picker-highlight-color-text, var(--kd-g-color-theme, #5582f3)); } .kd-city-picker-size-small { min-height: var(--kd-c-city-picker-sizing-height-small, 24px); max-height: calc(var(--kd-c-city-picker-sizing-height-small, 24px) * 3 - 10px); font-size: var(--kd-c-city-picker-font-size-small, 12px); } .kd-city-picker-size-middle { min-height: var(--kd-c-city-picker-sizing-height-middle, 30px); max-height: calc(var(--kd-c-city-picker-sizing-height-middle, 30px) * 3 - 10px); font-size: var(--kd-c-city-picker-font-size-middle, 14px); } .kd-city-picker-size-large { min-height: var(--kd-c-city-picker-sizing-height-large, 36px); max-height: calc(var(--kd-c-city-picker-sizing-height-large, 36px) * 3 - 10px); font-size: var(--kd-c-city-picker-font-size-large, 16px); } .kd-city-picker-suffix { right: 0; top: 0; bottom: 0; position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0; flex: 0; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-left: 8px; cursor: pointer; } .kd-city-picker-focused { border-color: var(--kd-c-city-picker-color-border-foucs, var(--kd-g-color-theme, #5582f3)) !important; } .kd-city-picker-focused .kd-city-picker-content-item:not(.kd-city-picker-content-item-seleted) { color: var(--kd-c-city-picker-placeholder-color-text, #b2b2b2); } .kd-city-picker-disabled { background-color: var(--kd-c-city-picker-color-background-disabled, #fff); color: var(--kd-c-city-picker-color-text-disabled, var(--kd-g-color-disabled, #b2b2b2)); padding-right: 0; border-color: #e5e5e5; } .kd-city-picker-disabled:hover { cursor: not-allowed; } .kd-city-picker-disabled .kd-city-picker-suffix { color: var(--kd-c-city-picker-arrow-icon-color-text-disabled, #b2b2b2); } .kd-city-picker-disabled.kd-city-picker-bordered { padding-right: var(--kd-c-city-picker-bordered-spacing-padding-left, 8px); } .kd-city-picker-content { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; font-size: 14px; } .kd-city-picker-content-search { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; position: relative; } .kd-city-picker-content-search-input { outline: 0; border-radius: 0; border: none; background: transparent; height: 100%; width: 100%; cursor: pointer; } .kd-city-picker-content-item { display: inline-block; position: absolute; left: 0; right: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .kd-city-picker-content-info { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: right; color: var(--kd-c-city-picker-placeholder-color-text, #b2b2b2); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } /* ----------- color ——————---- start */ /* ----------- color ——————---- end */ /* ----------- motion ——————---- start */ /* ----------- motion ——————---- end */ /* ----------- transition ——————---- start */ /* ----------- transition ——————---- end */ /* ----------- font ——————---- start */ /* ----------- font ——————---- end */ /* ----------- zIndex ——————---- start */ /* 普通组件内部自身层级应设置在0-100间 */ /* ----------- zIndex ——————---- end */ /* ----------- Button ——————---- start */ /* ----------- Button ——————---- end */ /* ----------- Collapse ——————---- start */ /* ----------- Collapse ——————---- end */ /* ----------- Card ——————---- start */ /* ----------- Card ——————---- end */ /* ----------- Carousel ——————---- start */ /* ----------- Carousel ——————---- end */ /* ----------- Cascader ——————---- start */ /* ----------- Cascader ——————---- end */ /* ----------- Switch ——————---- start */ /* ----------- Switch ——————---- end */ /* ----------- Input ——————---- start */ /* ----------- Input ——————---- end */ /* ----------- InputNumber ——————---- start */ /* ----------- InputNumber ——————---- end */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- end */ /* ----------- Radio ——————---- start */ /* ----------- Radio ——————---- end */ /* ----------- icon ——————---- start */ /* ----------- icon ——————---- end */ /* ----------- Popconfirm ——————---- start */ /* ----------- Popconfirm ——————---- end */ /* ----------- Progress ——————---- start */ /* ----------- Progress ——————---- end */ /* ----------- Pagination ——————---- start */ /* ----------- Pagination ——————---- end */ /* ----------- Timeline ——————---- start */ /* ----------- Timeline ——————---- end */ /* ----------- Tabs ——————---- start */ /* ----------- Tabs ——————---- end */ /* ----------- Select ——————---- start */ /* ----------- Select ——————---- end */ /* ----------- Rate ——————---- start */ /* ----------- Rate ——————---- end */ /* ----------- Dropdown ——————---- start */ /* ----------- Dropdown ——————---- end */ /* ----------- Tooltip ——————---- start */ /* ----------- Tooltip ——————---- end */ /* ----------- Transfer ——————---- start */ /* ----------- Transfer ——————---- end */ /* ----------- DatePicker ——————---- start */ /* ----------- DatePicker ——————---- end */ /* ----------- ColorPicker ——————---- start */ /* ----------- ColorPicker ——————---- end */ /* ----------- Tree ——————---- start */ /* ----------- Tree ——————---- end */ /* ----------- Alert ——————---- start */ /* ----------- Alert ——————---- end */ /* ----------- Split-Panel ——————---- start */ /* ----------- Split-Panel ——————---- end */ /* ----------- Modal ——————---- start */ /* ----------- Modal ——————---- end */ /* ----------- Steps ——————---- start */ /* ----------- Steps ——————---- end */ /* ----------- Form ——————---- start */ /* ----------- Form ——————---- end */ /* ----------- Tag ——————---- start */ /* ----------- Tag ——————---- end */ /* ----------- Menu ——————---- start */ /* ----------- Menu ——————---- end */ /* ----------- notice ——————---- start */ /* ----------- message ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Layout ——————---- start */ /* ----------- Layout ——————---- end */ /* ----------- Typography ——————---- start */ /* ----------- Typography ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Badge ——————---- start */ /* ----------- Badge ——————---- end */ /* ----------- Anchor ——————---- start */ /* ----------- Anchor ——————---- end */ /* ----------- Avatar ——————---- start */ /* ----------- Avatar ——————---- end */ /* ----------- AdvancedSelector ——————---- start */ /* ----------- AdvancedSelector ——————---- end */ /* ----------- motion ——————---- start */ /* ----------- motion ——————---- end */ /* ----------- transition ——————---- start */ /* ----------- transition ——————---- end */ /* ----------- zIndex ——————---- start */ /* 普通组件内部自身层级应设置在0-100间 */ /* ----------- zIndex ——————---- end */ .kd-clipboard { padding: 0; position: relative; display: inline-block; vertical-align: middle; -webkit-box-sizing: border-box; box-sizing: border-box; font-weight: var(--kd-c-clipboard-font-weight, var(--kd-g-font-weight, 400)); color: #bbbbbb; cursor: pointer; white-space: nowrap; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .kd-clipboard:hover { color: #5582f3; } .kd-clipboard:disabled, .kd-clipboard[disabled] { color: #bbbbbb; cursor: not-allowed; } .kd-clipboard-size-small { height: var(--kd-c-clipboard-sizing-height-small, 24px); padding: var(--kd-c-clipboard-spacing-padding-vertical-small, 3px) var(--kd-c-clipboard-spacing-padding-horizontal-small, 8px); font-size: var(--kd-c-clipboard-font-size-small, var(--kd-g-font-size-small, 12px)); line-height: calc(var(--kd-c-clipboard-sizing-height-small, 24px) - (var(--kd-c-clipboard-spacing-padding-vertical-small, 3px)) * 2); } .kd-clipboard-size-small.kd-clipboard-icon-only { font-size: var(--kd-c-clipboard-icon-font-size-small, 14px); padding: 0 var(--kd-c-clipboard-icon-spacing-padding-horizontal, 4px); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .kd-clipboard-size-middle { height: var(--kd-c-clipboard-sizing-height-middle, 28px); padding: var(--kd-c-clipboard-spacing-padding-vertical-middle, 5px) var(--kd-c-clipboard-spacing-padding-horizontal-middle, 8px); font-size: var(--kd-c-clipboard-font-size-middle, var(--kd-g-font-size-middle, 14px)); line-height: calc(var(--kd-c-clipboard-sizing-height-middle, 28px) - (var(--kd-c-clipboard-spacing-padding-vertical-middle, 5px)) * 2); } .kd-clipboard-size-middle.kd-clipboard-icon-only { font-size: var(--kd-c-clipboard-icon-font-size-middle, 16px); padding: 0 var(--kd-c-clipboard-icon-spacing-padding-horizontal, 4px); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .kd-clipboard-size-large { height: var(--kd-c-clipboard-sizing-height-large, 32px); padding: var(--kd-c-clipboard-spacing-padding-vertical-large, 6px) var(--kd-c-clipboard-spacing-padding-horizontal-large, 8px); font-size: var(--kd-c-clipboard-font-size-large, var(--kd-g-font-size-large, 16px)); line-height: calc(var(--kd-c-clipboard-sizing-height-large, 32px) - (var(--kd-c-clipboard-spacing-padding-vertical-large, 6px)) * 2); } .kd-clipboard-size-large.kd-clipboard-icon-only { font-size: var(--kd-c-clipboard-icon-font-size-large, 18px); padding: 0 var(--kd-c-clipboard-icon-spacing-padding-horizontal, 4px); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .kd-clipboard:not(.kd-clipboard-icon-only) > i:not(:last-child) { margin-right: 2px; } /* ----------- color ——————---- start */ /* ----------- color ——————---- end */ /* ----------- motion ——————---- start */ /* ----------- motion ——————---- end */ /* ----------- transition ——————---- start */ /* ----------- transition ——————---- end */ /* ----------- font ——————---- start */ /* ----------- font ——————---- end */ /* ----------- zIndex ——————---- start */ /* 普通组件内部自身层级应设置在0-100间 */ /* ----------- zIndex ——————---- end */ /* ----------- Button ——————---- start */ /* ----------- Button ——————---- end */ /* ----------- Collapse ——————---- start */ /* ----------- Collapse ——————---- end */ /* ----------- Card ——————---- start */ /* ----------- Card ——————---- end */ /* ----------- Carousel ——————---- start */ /* ----------- Carousel ——————---- end */ /* ----------- Cascader ——————---- start */ /* ----------- Cascader ——————---- end */ /* ----------- Switch ——————---- start */ /* ----------- Switch ——————---- end */ /* ----------- Input ——————---- start */ /* ----------- Input ——————---- end */ /* ----------- InputNumber ——————---- start */ /* ----------- InputNumber ——————---- end */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- end */ /* ----------- Radio ——————---- start */ /* ----------- Radio ——————---- end */ /* ----------- icon ——————---- start */ /* ----------- icon ——————---- end */ /* ----------- Popconfirm ——————---- start */ /* ----------- Popconfirm ——————---- end */ /* ----------- Progress ——————---- start */ /* ----------- Progress ——————---- end */ /* ----------- Pagination ——————---- start */ /* ----------- Pagination ——————---- end */ /* ----------- Timeline ——————---- start */ /* ----------- Timeline ——————---- end */ /* ----------- Tabs ——————---- start */ /* ----------- Tabs ——————---- end */ /* ----------- Select ——————---- start */ /* ----------- Select ——————---- end */ /* ----------- Rate ——————---- start */ /* ----------- Rate ——————---- end */ /* ----------- Dropdown ——————---- start */ /* ----------- Dropdown ——————---- end */ /* ----------- Tooltip ——————---- start */ /* ----------- Tooltip ——————---- end */ /* ----------- Transfer ——————---- start */ /* ----------- Transfer ——————---- end */ /* ----------- DatePicker ——————---- start */ /* ----------- DatePicker ——————---- end */ /* ----------- ColorPicker ——————---- start */ /* ----------- ColorPicker ——————---- end */ /* ----------- Tree ——————---- start */ /* ----------- Tree ——————---- end */ /* ----------- Alert ——————---- start */ /* ----------- Alert ——————---- end */ /* ----------- Split-Panel ——————---- start */ /* ----------- Split-Panel ——————---- end */ /* ----------- Modal ——————---- start */ /* ----------- Modal ——————---- end */ /* ----------- Steps ——————---- start */ /* ----------- Steps ——————---- end */ /* ----------- Form ——————---- start */ /* ----------- Form ——————---- end */ /* ----------- Tag ——————---- start */ /* ----------- Tag ——————---- end */ /* ----------- Menu ——————---- start */ /* ----------- Menu ——————---- end */ /* ----------- notice ——————---- start */ /* ----------- message ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Layout ——————---- start */ /* ----------- Layout ——————---- end */ /* ----------- Typography ——————---- start */ /* ----------- Typography ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Badge ——————---- start */ /* ----------- Badge ——————---- end */ /* ----------- Anchor ——————---- start */ /* ----------- Anchor ——————---- end */ /* ----------- Avatar ——————---- start */ /* ----------- Avatar ——————---- end */ /* ----------- AdvancedSelector ——————---- start */ /* ----------- AdvancedSelector ——————---- end */ /* ----------- motion ——————---- start */ /* ----------- motion ——————---- end */ /* ----------- transition ——————---- start */ /* ----------- transition ——————---- end */ /* ----------- zIndex ——————---- start */ /* 普通组件内部自身层级应设置在0-100间 */ /* ----------- zIndex ——————---- end */ .kd-collapse { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; } .kd-collapse-panel:last-child { border-top: none; } .kd-collapse-panel-border.kd-collapse-panel:first-child { border-top: var(--kd-c-collapse-border-width, 1px) solid var(--kd-c-collapse-color-border-strong-2, var(--kd-g-color-border-strong-2, #d9d9d9)); } .kd-collapse-panel-border.kd-collapse-panel:not(:nth-child(1)) { border-top: none; } .kd-collapse-panel { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .kd-collapse-panel-border { border: var(--kd-c-collapse-border-width, 1px) solid var(--kd-c-collapse-color-border-strong-2, var(--kd-g-color-border-strong-2, #d9d9d9)); } .kd-collapse-panel-top { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; padding: var(--kd-c-collapse-header-spacing-padding, 8px 50px 8px 28px); background: var(--kd-c-collapse-header-color-background, rgba(0, 0, 0, 0)); } .kd-collapse-panel-top-border { border-bottom: var(--kd-c-collapse-border-width, 1px) solid var(--kd-c-collapse-color-border-strong-2, var(--kd-g-color-border-strong-2, #d9d9d9)); } .kd-collapse-panel-left { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 1.5; } .kd-collapse-panel-middle { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-left: 22px; color: var(--kd-c-collapse-header-color-text-secondary, var(--kd-g-color-text-secondary, #666)); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .kd-collapse-panel-right { margin-left: 40px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; white-space: nowrap; } .kd-collapse-panel-extra, .kd-collapse-panel-header { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: var(--kd-c-collapse-header-color-text-primary, var(--kd-g-color-text-primary, #212121)); font-size: var(--kd-c-collapse-header-font-size, 16px); } .kd-collapse-panel-header { display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .kd-collapse-panel-header:hover { color: var(--kd-c-collapse-header-color-text-hover, #666666); } .kd-collapse-panel-icon { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-right: var(--kd-c-collapse-spacing-margin-right, 6px); font-size: var(--kd-c-collapse-icon-font-size, 16px); } .kd-collapse-panel-icon:hover, .kd-collapse-panel-left:hover { cursor: pointer; } .kd-collapse-panel-animation-expand { -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: -webkit-transform var(--kd-c-collapse-motion-duration, var(--kd-g-duration, 0.3s)); transition: -webkit-transform var(--kd-c-collapse-motion-duration, var(--kd-g-duration, 0.3s)); transition: transform var(--kd-c-collapse-motion-duration, var(--kd-g-duration, 0.3s)); transition: transform var(--kd-c-collapse-motion-duration, var(--kd-g-duration, 0.3s)), -webkit-transform var(--kd-c-collapse-motion-duration, var(--kd-g-duration, 0.3s)); } .kd-collapse-panel-animation-collapse { -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: -webkit-transform var(--kd-c-collapse-motion-duration, var(--kd-g-duration, 0.3s)); transition: -webkit-transform var(--kd-c-collapse-motion-duration, var(--kd-g-duration, 0.3s)); transition: transform var(--kd-c-collapse-motion-duration, var(--kd-g-duration, 0.3s)); transition: transform var(--kd-c-collapse-motion-duration, var(--kd-g-duration, 0.3s)), -webkit-transform var(--kd-c-collapse-motion-duration, var(--kd-g-duration, 0.3s)); } .kd-collapse-panel-children { overflow: hidden; opacity: 0; padding: var(--kd-c-collapse-content-spacing-padding, 0 50px); color: var(--kd-c-collapse-content-color-text-primary, var(--kd-g-color-text-primary, #212121)); font-size: var(--kd-c-collapse-content-font-size, var(--kd-g-font-size-middle, 14px)); -webkit-transition: height var(--kd-c-collapse-motion-duration, var(--kd-g-duration, 0.3s)), opacity var(--kd-c-collapse-motion-duration, var(--kd-g-duration, 0.3s)); transition: height var(--kd-c-collapse-motion-duration, var(--kd-g-duration, 0.3s)), opacity var(--kd-c-collapse-motion-duration, var(--kd-g-duration, 0.3s)); background: var(--kd-c-collapse-content-color-background, rgba(0, 0, 0, 0)); } .kd-collapse-panel-children-hide { overflow: hidden; opacity: 0; height: 0; padding: var(--kd-c-collapse-content-spacing-padding, 0 50px); color: var(--kd-c-collapse-content-color-text-primary, var(--kd-g-color-text-primary, #212121)); font-size: var(--kd-c-collapse-content-font-size, var(--kd-g-font-size-middle, 14px)); -webkit-transition: height var(--kd-c-collapse-motion-duration, var(--kd-g-duration, 0.3s)), opacity calc(var(--kd-c-collapse-motion-duration, var(--kd-g-duration, 0.3s)) / 2); transition: height var(--kd-c-collapse-motion-duration, var(--kd-g-duration, 0.3s)), opacity calc(var(--kd-c-collapse-motion-duration, var(--kd-g-duration, 0.3s)) / 2); } .kd-collapse-panel-children-bordered { padding: var(--kd-c-collapse-content-bordered-spacing-padding, 12px); overflow: hidden; } .kd-collapse-panel-disabled { cursor: not-allowed !important; color: var(--kd-c-collapse-color-disabled, raba(178, 178, 178, 1)); } /* ----------- color ——————---- start */ /* ----------- color ——————---- end */ /* ----------- motion ——————---- start */ /* ----------- motion ——————---- end */ /* ----------- transition ——————---- start */ /* ----------- transition ——————---- end */ /* ----------- font ——————---- start */ /* ----------- font ——————---- end */ /* ----------- zIndex ——————---- start */ /* 普通组件内部自身层级应设置在0-100间 */ /* ----------- zIndex ——————---- end */ /* ----------- Button ——————---- start */ /* ----------- Button ——————---- end */ /* ----------- Collapse ——————---- start */ /* ----------- Collapse ——————---- end */ /* ----------- Card ——————---- start */ /* ----------- Card ——————---- end */ /* ----------- Carousel ——————---- start */ /* ----------- Carousel ——————---- end */ /* ----------- Cascader ——————---- start */ /* ----------- Cascader ——————---- end */ /* ----------- Switch ——————---- start */ /* ----------- Switch ——————---- end */ /* ----------- Input ——————---- start */ /* ----------- Input ——————---- end */ /* ----------- InputNumber ——————---- start */ /* ----------- InputNumber ——————---- end */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- end */ /* ----------- Radio ——————---- start */ /* ----------- Radio ——————---- end */ /* ----------- icon ——————---- start */ /* ----------- icon ——————---- end */ /* ----------- Popconfirm ——————---- start */ /* ----------- Popconfirm ——————---- end */ /* ----------- Progress ——————---- start */ /* ----------- Progress ——————---- end */ /* ----------- Pagination ——————---- start */ /* ----------- Pagination ——————---- end */ /* ----------- Timeline ——————---- start */ /* ----------- Timeline ——————---- end */ /* ----------- Tabs ——————---- start */ /* ----------- Tabs ——————---- end */ /* ----------- Select ——————---- start */ /* ----------- Select ——————---- end */ /* ----------- Rate ——————---- start */ /* ----------- Rate ——————---- end */ /* ----------- Dropdown ——————---- start */ /* ----------- Dropdown ——————---- end */ /* ----------- Tooltip ——————---- start */ /* ----------- Tooltip ——————---- end */ /* ----------- Transfer ——————---- start */ /* ----------- Transfer ——————---- end */ /* ----------- DatePicker ——————---- start */ /* ----------- DatePicker ——————---- end */ /* ----------- ColorPicker ——————---- start */ /* ----------- ColorPicker ——————---- end */ /* ----------- Tree ——————---- start */ /* ----------- Tree ——————---- end */ /* ----------- Alert ——————---- start */ /* ----------- Alert ——————---- end */ /* ----------- Split-Panel ——————---- start */ /* ----------- Split-Panel ——————---- end */ /* ----------- Modal ——————---- start */ /* ----------- Modal ——————---- end */ /* ----------- Steps ——————---- start */ /* ----------- Steps ——————---- end */ /* ----------- Form ——————---- start */ /* ----------- Form ——————---- end */ /* ----------- Tag ——————---- start */ /* ----------- Tag ——————---- end */ /* ----------- Menu ——————---- start */ /* ----------- Menu ——————---- end */ /* ----------- notice ——————---- start */ /* ----------- message ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Layout ——————---- start */ /* ----------- Layout ——————---- end */ /* ----------- Typography ——————---- start */ /* ----------- Typography ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Badge ——————---- start */ /* ----------- Badge ——————---- end */ /* ----------- Anchor ——————---- start */ /* ----------- Anchor ——————---- end */ /* ----------- Avatar ——————---- start */ /* ----------- Avatar ——————---- end */ /* ----------- AdvancedSelector ——————---- start */ /* ----------- AdvancedSelector ——————---- end */ /* ----------- motion ——————---- start */ /* ----------- motion ——————---- end */ /* ----------- transition ——————---- start */ /* ----------- transition ——————---- end */ /* ----------- zIndex ——————---- start */ /* 普通组件内部自身层级应设置在0-100间 */ /* ----------- zIndex ——————---- end */ .kd-color-picker-container { position: relative; width: var(--kd-c-color-picker-input-sizing-width, 230px); } .kd-color-picker-container .kd-color-picker-input { width: var(--kd-c-color-picker-input-sizing-width, 230px); height: var(--kd-c-color-picker-input-sizing-height, 28px); border-bottom: 1px solid #d9d9d9; font-size: var(--kd-c-color-picker-input-font-size, var(--kd-g-font-size-middle, 14px)); } .kd-color-picker-container .kd-color-picker-icon-container { position: absolute; top: 3px; right: 6px; cursor: pointer; } .kd-color-picker-container .kd-color-picker-icon-container .kd-color-picker-icon { width: var(--kd-c-color-picker-input-suffix-sizing-width, 20px); height: var(--kd-c-color-picker-input-suffix-sizing-height, 20px); border: 1px solid rgba(0, 0, 0, 0.05); border-radius: 2px; line-height: 18px; text-align: center; color: #fff; } .kd-color-picker-container .kd-color-picker-icon-container .kd-color-picker-icon-underline { margin-right: -6px; } .kd-color-picker-container .kd-color-picker-icon-container .kd-color-picker-icon-up .kdicon-arrow-down { -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: -webkit-transform 0.2s ease-in-out; transition: -webkit-transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out; } .kd-color-picker-container .kd-color-picker-icon-container .kd-color-picker-icon-down .kdicon-arrow-down { -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: -webkit-transform 0.2s ease-in-out; transition: -webkit-transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out; } .kd-color-picker-pop { width: var(--kd-c-color-picker-panel-sizing-width, 304px); } .kd-color-picker-pop.topLeft.hidden, .kd-color-picker-pop.bottomLeft.hidden, .kd-color-picker-pop.topRight.hidden, .kd-color-picker-pop.bottomRight.hidden { opacity: 0; visibility: hidden; -webkit-transition: all calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1); transition: all calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1); } .kd-color-picker-pop .kd-color-picker-panel { -webkit-box-sizing: border-box; box-sizing: border-box; width: var(--kd-c-color-picker-panel-sizing-width, 304px); padding: 4px 12px 16px; background: #FFFFFF; -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.15); border-radius: 2px; -webkit-transform-origin: top left; transform-origin: top left; z-index: var(--kd-c-color-picker-panel-z-index, var(--kd-g-z-index-popper, 1050)); } .kd-color-picker-pop .kd-color-picker-panel-chrome { width: 278px !important; margin-top: 12px; -webkit-box-shadow: none !important; box-shadow: none !important; } .kd-color-picker-pop .kd-color-picker-panel-chrome > div:last-child { padding: 9px 0 4px !important; } .kd-color-picker-pop .kd-color-picker-panel-chrome > div:last-child .flexbox-fix:first-child { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .kd-color-picker-pop .kd-color-picker-panel-chrome > div:last-child .flexbox-fix:first-child > div:first-child > div { width: 28px !important; height: 28px !important; border-radius: 50% !important; margin-top: -1px !important; margin-left: 4px !important; } .kd-color-picker-pop .kd-color-picker-panel-chrome > div:last-child .flexbox-fix:first-child > div:last-child .hue-horizontal { width: 240px !important; height: 12px !important; border-radius: 6px !important; padding: unset !important; } .kd-color-picker-pop .kd-color-picker-panel-chrome > div:last-child .flexbox-fix:first-child > div:last-child .hue-horizontal > div > div { margin-top: 1px; } .kd-color-picker-pop .kd-color-picker-panel-chrome > div:last-child .flexbox-fix:first-child > div:last-child > div:last-child > div { width: 240px !important; height: 12px !important; margin: unset; } .kd-color-picker-pop .kd-color-picker-panel-chrome > div:last-child .flexbox-fix:first-child > div:last-child > div:last-child > div > div:first-child { border-radius: 6px !important; } .kd-color-picker-pop .kd-color-picker-panel-chrome > div:last-child .flexbox-fix:first-child > div:last-child > div:last-child > div > div:nth-child(2) { border-radius: 6px !important; } .kd-color-picker-pop .kd-color-picker-panel-chrome > div:last-child .flexbox-fix:first-child > div:last-child > div:last-child > div > div:last-child { margin: unset !important; } .kd-color-picker-pop .kd-color-picker-panel-chrome > div:last-child .flexbox-fix:first-child > div:last-child > div:last-child > div > div:last-child > div > div { margin-top: 1px; } .kd-color-picker-pop .kd-color-picker-panel-chrome > div:last-child .flexbox-fix:last-child { display: none !important; } .kd-color-picker-pop .kd-color-picker-panel-chrome-no-box > div:first-child { display: none; } .kd-color-picker-pop .kd-color-picker-panel-chrome-no-hue > div:last-child .flexbox-fix:first-child > div:last-child > div:first-child { display: none; } .kd-color-picker-pop .kd-color-picker-panel-chrome-no-hue > div:last-child .flexbox-fix:first-child > div:last-child > div:last-child { margin-top: 8px; } .kd-color-picker-pop .kd-color-picker-panel-chrome-no-opacity > div:last-child .flexbox-fix:first-child > div:last-child > div:last-child { display: none; } .kd-color-picker-pop .kd-color-picker-panel-chrome-no-opacity > div:last-child .flexbox-fix:first-child > div:last-child > div:first-child { margin-top: 8px; } .kd-color-picker-pop .kd-color-picker-panel .kd-color-picker-panel-chrome-no-box.kd-color-picker-panel-chrome-no-hue.kd-color-picker-panel-chrome-no-opacity { display: none; } .kd-color-picker-pop .kd-color-picker-panel .kd-color-picker-panel-chrome-no-hue.kd-color-picker-panel-chrome-no-opacity > div:last-child { display: none; } .kd-color-picker-pop .kd-color-picker-panel-switch { margin: 12px 0 0; font-size: 12px; color: #666666; letter-spacing: 0; line-height: 16px; font-weight: 400; } .kd-color-picker-pop .kd-color-picker-panel-switch span { vertical-align: middle; margin-right: 9px; } .kd-color-picker-pop .kd-color-picker-panel-container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin-top: 10px; } .kd-color-picker-pop .kd-color-picker-panel-container-input { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; display: inline-block; position: relative; font-size: var(--kd-c-color-picker-panel-select-font-size, var(--kd-g-font-size-middle, 14px)); } .kd-color-picker-pop .kd-color-picker-panel-container-input .kd-select-dropdown-panel { margin: 0 !important; } .kd-color-picker-pop .kd-color-picker-panel-container-input .kd-select-dropdown-panel.bottomLeft, .kd-color-picker-pop .kd-color-picker-panel-container-input .kd-select-dropdown-panel.topLeft { position: absolute; width: 60px !important; min-width: unset !important; background: #FFFFFF; right: 0; left: unset !important; -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2); border-radius: 2px; } .kd-color-picker-pop .kd-color-picker-panel-container-input .kd-select-dropdown-panel .kd-select-dropdown .kd-select-item-option { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-width: unset; } .kd-color-picker-pop .kd-color-picker-panel-container-input .kd-select-bordered { border-radius: 2px; width: var(--kd-c-color-picker-panel-select-sizing-width, 212px); height: var(--kd-c-color-picker-panel-select-sizing-height, 28px); min-height: 28px; padding: 0 28px 0 0; } .kd-color-picker-pop .kd-color-picker-panel-container-input .kd-select-bordered .kd-select-placeholder { left: 8px; } .kd-color-picker-pop .kd-color-picker-panel-container-input .active-option { background-color: var(--kd-c-color-picker-panel-option-color-background-selected, var(--kd-g-color-theme-3, #e3eeff)); } .kd-color-picker-pop .kd-color-picker-panel-container-transparent { -webkit-box-flex: 0; -ms-flex: 0 0 60px; flex: 0 0 60px; height: 28px; margin-left: 8px; text-align: center; font-size: var(--kd-c-color-picker-panel-alpha-font-size, var(--kd-g-font-size-middle, 14px)); } .kd-color-picker-pop .kd-color-picker-panel-colorDivContainer { display: grid; grid-template-columns: repeat(12, 1fr); grid-column-gap: 8px; grid-row-gap: 8px; margin-top: 12px; } .kd-color-picker-pop .kd-color-picker-panel-colorDivContainer-unset-color { margin-top: 0; } .kd-color-picker-pop .kd-color-picker-panel-colorDivContainer li { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; width: var(--kd-c-color-picker-panel-preset-sizing-width, 16px); height: var(--kd-c-color-picker-panel-preset-sizing-height, 16px); border: 1px solid rgba(0, 0, 0, 0.05); border-radius: 2px; list-style: none; cursor: pointer; } .kd-color-picker-pop .kd-color-picker-panel-colorDivContainer li .square { display: none; position: absolute; -webkit-box-sizing: inherit; box-sizing: inherit; top: -3px; left: -3px; width: calc(var(--kd-c-color-picker-panel-preset-sizing-width, 16px) + 4px); height: calc(var(--kd-c-color-picker-panel-preset-sizing-height, 16px) + 4px); border: 1px solid #b2b2b0; border-radius: 4px; } .kd-color-picker-pop .kd-color-picker-panel-colorDivContainer li .square-click { display: block; -webkit-box-shadow: 0 0 0 1px #e5e5e5 !important; box-shadow: 0 0 0 1px #e5e5e5 !important; } .kd-color-picker-pop .kd-color-picker-panel-colorDivContainer li:hover .square { display: block; } /* ----------- color ——————---- start */ /* ----------- color ——————---- end */ /* ----------- motion ——————---- start */ /* ----------- motion ——————---- end */ /* ----------- transition ——————---- start */ /* ----------- transition ——————---- end */ /* ----------- font ——————---- start */ /* ----------- font ——————---- end */ /* ----------- zIndex ——————---- start */ /* 普通组件内部自身层级应设置在0-100间 */ /* ----------- zIndex ——————---- end */ /* ----------- Button ——————---- start */ /* ----------- Button ——————---- end */ /* ----------- Collapse ——————---- start */ /* ----------- Collapse ——————---- end */ /* ----------- Card ——————---- start */ /* ----------- Card ——————---- end */ /* ----------- Carousel ——————---- start */ /* ----------- Carousel ——————---- end */ /* ----------- Cascader ——————---- start */ /* ----------- Cascader ——————---- end */ /* ----------- Switch ——————---- start */ /* ----------- Switch ——————---- end */ /* ----------- Input ——————---- start */ /* ----------- Input ——————---- end */ /* ----------- InputNumber ——————---- start */ /* ----------- InputNumber ——————---- end */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- end */ /* ----------- Radio ——————---- start */ /* ----------- Radio ——————---- end */ /* ----------- icon ——————---- start */ /* ----------- icon ——————---- end */ /* ----------- Popconfirm ——————---- start */ /* ----------- Popconfirm ——————---- end */ /* ----------- Progress ——————---- start */ /* ----------- Progress ——————---- end */ /* ----------- Pagination ——————---- start */ /* ----------- Pagination ——————---- end */ /* ----------- Timeline ——————---- start */ /* ----------- Timeline ——————---- end */ /* ----------- Tabs ——————---- start */ /* ----------- Tabs ——————---- end */ /* ----------- Select ——————---- start */ /* ----------- Select ——————---- end */ /* ----------- Rate ——————---- start */ /* ----------- Rate ——————---- end */ /* ----------- Dropdown ——————---- start */ /* ----------- Dropdown ——————---- end */ /* ----------- Tooltip ——————---- start */ /* ----------- Tooltip ——————---- end */ /* ----------- Transfer ——————---- start */ /* ----------- Transfer ——————---- end */ /* ----------- DatePicker ——————---- start */ /* ----------- DatePicker ——————---- end */ /* ----------- ColorPicker ——————---- start */ /* ----------- ColorPicker ——————---- end */ /* ----------- Tree ——————---- start */ /* ----------- Tree ——————---- end */ /* ----------- Alert ——————---- start */ /* ----------- Alert ——————---- end */ /* ----------- Split-Panel ——————---- start */ /* ----------- Split-Panel ——————---- end */ /* ----------- Modal ——————---- start */ /* ----------- Modal ——————---- end */ /* ----------- Steps ——————---- start */ /* ----------- Steps ——————---- end */ /* ----------- Form ——————---- start */ /* ----------- Form ——————---- end */ /* ----------- Tag ——————---- start */ /* ----------- Tag ——————---- end */ /* ----------- Menu ——————---- start */ /* ----------- Menu ——————---- end */ /* ----------- notice ——————---- start */ /* ----------- message ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Layout ——————---- start */ /* ----------- Layout ——————---- end */ /* ----------- Typography ——————---- start */ /* ----------- Typography ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Badge ——————---- start */ /* ----------- Badge ——————---- end */ /* ----------- Anchor ——————---- start */ /* ----------- Anchor ——————---- end */ /* ----------- Avatar ——————---- start */ /* ----------- Avatar ——————---- end */ /* ----------- AdvancedSelector ——————---- start */ /* ----------- AdvancedSelector ——————---- end */ /* ----------- motion ——————---- start */ /* ----------- motion ——————---- end */ /* ----------- transition ——————---- start */ /* ----------- transition ——————---- end */ /* ----------- zIndex ——————---- start */ /* 普通组件内部自身层级应设置在0-100间 */ /* ----------- zIndex ——————---- end */ /* 多行显示省略号 */ /* 单行显示省略号 */ /** 浮层箭头样式 **/ .kd-date-picker { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; border: 1px solid var(--kd-c-date-picker-input-color-border, var(--kd-g-color-border-strong, #d9d9d9)); border-radius: var(--kd-c-date-picker-input-radius-border, var(--kd-g-radius-border, 2px)); -webkit-box-sizing: border-box; box-sizing: border-box; background-color: var(--kd-c-date-picker-input-color-background, var(--kd-g-color-white, #fff)); width: var(--kd-c-date-picker-sizing-width, 230px); } .kd-date-picker-borderless { border: 0; } .kd-date-picker-underline { border: none; border-bottom: 1px solid var(--kd-c-date-picker-input-underline-color, #999); border-radius: 0; padding-left: 0; padding-right: 0; } .kd-date-picker-disabled { background-color: var(--kd-c-date-picker-input-color-background-disabled, var(--kd-g-color-background-contain-disabled, #f5f5f5)) !important; border-color: var(--kd-c-date-picker-input-color-border, var(--kd-g-color-border-strong, #d9d9d9)) !important; color: var(--kd-c-date-picker-input-color-disabled, var(--kd-g-color-disabled, #b2b2b2)) !important; cursor: not-allowed !important; } .kd-date-picker-disabled input { cursor: not-allowed !important; } .kd-date-picker-underline.kd-date-picker-disabled, .kd-date-picker-borderless.kd-date-picker-disabled { background-color: var(--kd-c-date-picker-input-color-background, var(--kd-g-color-white, #fff)); border-color: var(--kd-c-date-picker-input-color-border, var(--kd-g-color-border-strong, #d9d9d9)); } .kd-date-picker-focused { -webkit-box-shadow: none; box-shadow: none; outline: none; border-color: var(--kd-c-date-picker-color-background-checked, var(--kd-g-color-theme, #5582f3)); } .kd-date-picker:hover { border-color: var(--kd-c-date-picker-color-background-checked, var(--kd-g-color-theme, #5582f3)); } .kd-date-picker:not(.kd-date-picker-disabled) input:focus { color: var(--kd-c-date-picker-input-color-focused, var(--kd-g-color-text-primary, #212121)); } .kd-date-picker-small { height: var(--kd-c-date-picker-small-sizing-height, 20px); line-height: calc(var(--kd-c-date-picker-small-sizing-height, 20px) - (var(--kd-c-date-picker-small-spacing-padding-vertical, 4px) * 2) - 2); font-size: var(--kd-c-date-picker-small-font-size, var(--kd-g-font-size-small, 12px)); padding: var(--kd-c-date-picker-small-spacing-padding-vertical, 4px) var(--kd-c-date-picker-small-spacing-padding-horizontal, 9px); } .kd-date-picker-small.kd-date-picker-underline { padding: var(--kd-c-date-picker-small-spacing-padding-vertical, 4px) 0; } .kd-date-picker-small input { font-size: var(--kd-c-date-picker-small-font-size, var(--kd-g-font-size-small, 12px)); } .kd-date-picker-large { height: var(--kd-c-date-picker-large-sizing-height, 36px); line-height: calc(var(--kd-c-date-picker-large-sizing-height, 36px) - (var(--kd-c-date-picker-small-spacing-padding-vertical, 4px) * 2) - 2); font-size: var(--kd-c-date-picker-large-font-size, var(--kd-g-font-size-large, 16px)); padding: var(--kd-c-date-picker-small-spacing-padding-vertical, 4px) var(--kd-c-date-picker-small-spacing-padding-horizontal, 9px); } .kd-date-picker-large.kd-date-picker-underline { padding: var(--kd-c-date-picker-small-spacing-padding-vertical, 4px) 0; } .kd-date-picker-large input { font-size: var(--kd-c-date-picker-large-font-size, var(--kd-g-font-size-large, 16px)); } .kd-date-picker-middle { height: var(--kd-c-date-picker-middle-sizing-height, 30px); line-height: calc(var(--kd-c-date-picker-middle-sizing-height, 30px) - (var(--kd-c-date-picker-small-spacing-padding-vertical, 4px) * 2) - 2); font-size: var(--kd-c-date-picker-middle-font-size, var(--kd-g-font-size-middle, 14px)); padding: var(--kd-c-date-picker-small-spacing-padding-vertical, 4px) var(--kd-c-date-picker-small-spacing-padding-horizontal, 9px); } .kd-date-picker-middle.kd-date-picker-underline { padding: var(--kd-c-date-picker-small-spacing-padding-vertical, 4px) 0; } .kd-date-picker-middle input { font-size: var(--kd-c-date-picker-middle-font-size, var(--kd-g-font-size-middle, 14px)); } .kd-date-picker-input { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; top: 0; } .kd-date-picker-input input { width: 100%; min-width: 0; color: var(--kd-c-date-picker-input-color, var(--kd-g-color-text-primary, #212121)); line-height: inherit; -webkit-box-flex: 1; -ms-flex: auto; flex: auto; min-width: 1px; height: auto; padding: 0; background: transparent; border: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .kd-date-picker-input input::-webkit-input-placeholder { color: var(--kd-c-date-picker-input-color-placeholder, #f2f2f2); } .kd-date-picker-input input::-moz-input-placeholder { color: var(--kd-c-date-picker-input-color-placeholder, #f2f2f2); } .kd-date-picker-input input::-ms-input-placeholder { color: var(--kd-c-date-picker-input-color-placeholder, #f2f2f2); } .kd-date-picker-input input:focus { -webkit-box-shadow: none; box-shadow: none; outline: none; border-color: var(--kd-c-date-picker-color-background-checked, var(--kd-g-color-theme, #5582f3)); } .kd-date-picker-input input[disabled] { background: transparent; } .kd-date-picker-input input::-webkit-input-placeholder { color: var(--kd-c-date-picker-input-color-placeholder, #f2f2f2); } .kd-date-picker-input input::-moz-placeholder { color: var(--kd-c-date-picker-input-color-placeholder, #f2f2f2); } .kd-date-picker-input input:-ms-input-placeholder { color: var(--kd-c-date-picker-input-color-placeholder, #f2f2f2); } .kd-date-picker-input input::-ms-input-placeholder { color: var(--kd-c-date-picker-input-color-placeholder, #f2f2f2); } .kd-date-picker-input input::placeholder { color: var(--kd-c-date-picker-input-color-placeholder, #f2f2f2); } .kd-date-picker-input-placeholder > input { color: var(--kd-c-date-picker-input-color-placeholder, #f2f2f2); } .kd-date-picker-range { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; } .kd-date-picker-range-separator { display: inline-block; padding: 0 8px; } .kd-date-picker-range .kd-date-picker-clear { right: var(--kd-c-date-picker-small-spacing-padding-horizontal, 9px); } .kd-date-picker-range .kd-date-picker-active-bar { bottom: -1px; height: 2px; margin-left: 11px; background: var(--kd-c-date-picker-bar-color-bg-active, var(--kd-g-color-theme, #5582f3)); opacity: 0; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; pointer-events: none; } .kd-date-picker-range.kd-date-picker-focused .kd-date-picker-active-bar { opacity: 1; } .kd-date-picker-suffix { -ms-flex-item-align: center; align-self: center; margin-left: var(--kd-c-date-picker-suffix-spacing-margin-left, 10px); color: var(--kd-c-date-picker-input-color, var(--kd-g-color-text-primary, #212121)); line-height: 1; pointer-events: none; } .kd-date-picker-suffix > * { vertical-align: top; } .kd-date-picker:not(.kd-date-picker-disabled):hover .kd-date-picker-clear { opacity: 1; } .kd-date-picker-clear { position: absolute; top: 50%; right: 0; color: var(--kd-c-date-picker-icon-color, #d9d9d9); line-height: 1; background: var(--kd-c-date-picker-clear-color-background, var(--kd-g-color-background, #fff)); -webkit-transform: translateY(-48%); transform: translateY(-48%); cursor: pointer; opacity: 0; } .kd-date-picker-clear > * { vertical-align: top; } .kd-date-picker-clear:hover { color: var(--kd-c-date-picker-icon-color-hover, #999); } .kd-date-picker .kd-date-picker-range-clear { -ms-flex-item-align: center; align-self: center; margin-left: var(--kd-c-date-picker-suffix-spacing-margin-left, 10px); color: var(--kd-c-date-picker-icon-color, #d9d9d9); line-height: 1; cursor: pointer; } .kd-date-picker .kd-date-picker-range-clear:hover { color: var(--kd-c-date-picker-icon-color-hover, #999); } .kd-date-picker-focused .kd-date-picker-suffix { color: var(--kd-c-date-picker-clear-color-background-focused, var(--kd-g-color-theme, #5582f3)); } .kd-date-picker-error { border-color: var(--kd-g-color-error, #fb2323); } .kd-date-picker-panel { -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); border-radius: var(--kd-c-date-picker-panel-radius-border, var(--kd-g-radius-border, 2px)); background-color: #fff; text-align: center; z-index: var(--kd-c-date-picker-panel-z-index, var(--kd-g-z-index-popper, 1050)); font-size: var(--kd-c-date-picker-panel-font-size, var(--kd-g-font-size-middle, 14px)); } .kd-date-picker-panel-range { display: -webkit-box; display: -ms-flexbox; display: flex; } .kd-date-picker-panel.hidden { opacity: 0; visibility: hidden; -webkit-transition: all calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1); transition: all calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1); } .kd-date-picker-panel .kd-date-picker-warpper { font-size: 12px; background: var(--kd-c-date-picker-wrapper-color-background, var(--kd-g-color-background, #fff)); } .kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-month, .kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-year, .kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-quarter { width: 240px; padding: 8px 12px; -webkit-box-sizing: border-box; box-sizing: border-box; } .kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-year-warpper, .kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-month-line { display: grid; grid-template-columns: 33.33% 33.33% 33.33%; } .kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-month-item, .kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-year-item, .kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-quarter-item, .kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 32px; padding-bottom: 8px; color: #212121; } .kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-year-text, .kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-month-text, .kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-quarter-text { line-height: 24px; display: inline-block; border-radius: var(--kd-c-date-picker-panel-radius-border, var(--kd-g-radius-border, 2px)); } .kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-year-warpper .kd-date-picker-year-item { overflow: hidden; cursor: pointer; } .kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-year-warpper .kd-date-picker-year-item:hover .kd-date-picker-year-text:not(.kd-date-picker-year-text-selected) { background: #f5f5f5; } .kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-year-warpper .kd-date-picker-year-item:hover:not(.kd-date-picker-year-item-disabled) .kd-date-picker-year-text-selected { background: var(--kd-c-date-picker-square-item-color-selected, var(--kd-g-color-theme-5, #87adff)); } .kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-year-warpper .kd-date-picker-year-item .kd-date-picker-year-text { position: relative; z-index: 2; width: 46px; padding: 2px 2px; } .kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-year-warpper .kd-date-picker-year-item .kd-date-picker-year-text-today { position: relative; } .kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-year-warpper .kd-date-picker-year-item .kd-date-picker-year-text-today::after { position: absolute; width: 6px; height: 6px; border-radius: 6px; background: var(--kd-c-date-picker-color-background-checked, var(--kd-g-color-theme, #5582f3)); content: ''; bottom: 0; left: calc(50% - 3px); } .kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-year-warpper .kd-date-picker-year-item-disabled { pointer-events: none; } .kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-year-warpper .kd-date-picker-year-item-disabled .kd-date-picker-year-text { color: #b2b2b2; background: #f5f5f5; } .kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-year-warpper .kd-date-picker-year-item .kd-date-picker-year-text-selected { background: var(--kd-c-date-picker-color-background-checked, var(--kd-g-color-theme, #5582f3)); color: #fff; } .kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-year .kd-date-picker-range-view::before, .kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-year .kd-date-picker-range-start::before, .kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-year .kd-date-picker-range-end::before { height: 28px; } .kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-month-warpper .kd-date-picker-month-item { overflow: hidden; cursor: pointer; } .kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-month-warpper .kd-date-picker-month-item:hover .kd-date-picker-month-text:not(.kd-date-picker-month-text-selected) { background: #f5f5f5; } .kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-month-warpper .kd-date-picker-month-item:hover:not(.kd-date-picker-month-item-disabled) .kd-date-picker-month-text-selected { background: var(--kd-c-date-picker-square-item-color-selected, var(--kd-g-color-theme-5, #87adff)); } .kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-month-warpper .kd-date-picker-month-item .kd-date-picker-month-text { position: relative; z-index: 2; width: 48px; padding: 2px 5px; } .kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-month-warpper .kd-date-picker-month-item .kd-date-picker-month-text-today { position: relative; } .kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-month-warpper .kd-date-picker-month-item .kd-date-picker-month-text-today::after { position: absolute; width: 6px; height: 6px; border-radius: 6px; background: var(--kd-c-date-picker-color-background-checked, var(--kd-g-color-theme, #5582f3)); content: ''; bottom: 0; left: calc(50% - 3px); } .kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-month-warpper .kd-date-picker-month-item-disabled { pointer-events: none; } .kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-month-warpper .kd-date-picker-month-item-disabled .kd-date-picker-month-text { color: #b2b2b2; background: #f5f5f5; } .kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-month-warpper .kd-date-picker-month-item .kd-date-picker-month-text-selected { background: var(--kd-c-date-picker-color-background-checked, var(--kd-g-color-theme, #5582f3)); color: #fff; } .kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-month .kd-date-picker-range-view::before, .kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-month .kd-date-picker-range-start::before, .kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-month .kd-date-picker-range-end::before { height: 28px; } .kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-quarter-warpper { display: grid; grid-template-columns: 25% 25% 25% 25%; } .kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-quarter-warpper .kd-date-picker-quarter-item { overflow: hidden; padding-bottom: 0; cursor: pointer; } .kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-quarter-warpper .kd-date-picker-quarter-item:hover .kd-date-picker-quarter-text:not(.kd-date-picker-quarter-text-selected) { background: #f5f5f5; } .kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-quarter-warpper .kd-date-picker-quarter-item:hover:not(.kd-date-picker-quarter-item-disabled) .kd-date-picker-quarter-text-selected { background: var(--kd-c-date-picker-square-item-color-selected, var(--kd-g-color-theme-5, #87adff)); } .kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-quarter-warpper .kd-date-picker-quarter-item .kd-date-picker-quarter-text { position: relative; z-index: 2; width: 36px; padding: 0 5px; } .kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-quarter-warpper .kd-date-picker-quarter-item .kd-date-picker-quarter-text-today { position: relative; } .kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-quarter-warpper .kd-date-picker-quarter-item .kd-date-picker-quarter-text-today::after { position: absolute; width: 6px; height: 6px; border-radius: 6px; background: var(--kd-c-date-picker-color-background-checked, var(--kd-g-color-theme, #5582f3)); content: ''; bottom: 0; left: calc(50% - 3px); } .kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-quarter-warpper .kd-date-picker-quarter-item-disabled { pointer-events: none; } .kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-quarter-warpper .kd-date-picker-quarter-item-disabled .kd-date-picker-quarter-text { color: #b2b2b2; background: #f5f5f5; } .kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-quarter-warpper .kd-date-picker-quarter-item .kd-date-picker-quarter-text-selected { background: var(--kd-c-date-picker-color-background-checked, var(--kd-g-color-theme, #5582f3)); color: #fff; } .kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar { width: 240px; padding: 8px; -webkit-box-sizing: border-box; box-sizing: border-box; } .kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar .kd-date-picker-weektitle { display: -webkit-box; display: -ms-flexbox; display: flex; } .kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar .kd-date-picker-weektitle-item { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: 32px; line-height: 32px; cursor: default; } .kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar .kd-date-picker-calendar-line { display: -webkit-box; display: -ms-flexbox; display: flex; } .kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar .kd-date-picker-calendar-line .kd-date-picker-calendar-item { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-bottom: 0; height: 32px; padding: 3px 0; cursor: pointer; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; } .kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar .kd-date-picker-calendar-line .kd-date-picker-calendar-item:not(.kd-date-picker-calendar-item-disabled):hover .kd-date-picker-calendar-text { background: #f5f5f5; } .kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar .kd-date-picker-calendar-line .kd-date-picker-calendar-item:not(.kd-date-picker-calendar-item-disabled):hover .kd-date-picker-calendar-text-selected { background: var(--kd-c-date-picker-square-item-color-selected, var(--kd-g-color-theme-5, #87adff)) !important; } .kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar .kd-date-picker-calendar-line .kd-date-picker-calendar-item-disabled { position: relative; cursor: not-allowed; } .kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar .kd-date-picker-calendar-line .kd-date-picker-calendar-item-disabled .kd-date-picker-calendar-text { color: #b2b2b2; } .kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar .kd-date-picker-calendar-line .kd-date-picker-calendar-item-disabled .kd-date-picker-calendar-text-selected { color: #fff; } .kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar .kd-date-picker-calendar-line .kd-date-picker-calendar-item-disabled::before { content: ''; width: 100%; position: absolute; z-index: 1; background: #f5f5f5; height: 24px; } .kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar .kd-date-picker-calendar-week-line { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; } .kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar .kd-date-picker-calendar-week-line .kd-date-picker-calendar-item { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 0; cursor: pointer; } .kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar .kd-date-picker-calendar-week-line .kd-date-picker-calendar-item ::before { content: ''; position: absolute; height: 100%; width: 100%; top: 0; left: 0; z-index: -1; } .kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar .kd-date-picker-calendar-week-line:hover .kd-date-picker-calendar-item:not(.kd-date-picker-calendar-item-disabled) .kd-date-picker-calendar-week-text::before { background: #f5f5f5; } .kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar .kd-date-picker-calendar-week-line.kd-date-picker-calendar-week-selected .kd-date-picker-calendar-week-text::before { background: var(--kd-c-date-picker-color-background-checked, var(--kd-g-color-theme, #5582f3)); } .kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar .kd-date-picker-calendar-week-line.kd-date-picker-calendar-week-selected:hover .kd-date-picker-calendar-item:not(.kd-date-picker-calendar-item-disabled) .kd-date-picker-calendar-week-text::before { background: var(--kd-c-date-picker-square-item-color-selected, var(--kd-g-color-theme-5, #87adff)); } .kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar .kd-date-picker-calendar-week-line.kd-date-picker-calendar-week-selected .kd-date-picker-calendar-week-text { background: transparent !important; color: #fff !important; } .kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar .kd-date-picker-calendar-week-line.kd-date-picker-calendar-week-selected .kd-date-picker-calendar-week-text-today { position: relative; } .kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar .kd-date-picker-calendar-week-line.kd-date-picker-calendar-week-selected .kd-date-picker-calendar-week-text-today::after { position: absolute; width: 6px; height: 6px; border-radius: 6px; background: #fff; content: ''; bottom: 0; left: calc(50% - 3px); } .kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar .kd-date-picker-calendar-week-line .kd-date-picker-calendar-item-disabled { cursor: not-allowed; pointer-events: none; } .kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar .kd-date-picker-calendar-week-line .kd-date-picker-calendar-item-disabled .kd-date-picker-calendar-week-text { color: #b2b2b2; background: #f5f5f5; } .kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar .kd-date-picker-calendar-week-line .kd-date-picker-range-start::before { left: 0; } .kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar .kd-date-picker-calendar-week-line .kd-date-picker-range-end::before { right: 0; } .kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar .kd-date-picker-calendar-text, .kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar .kd-date-picker-calendar-week-text { position: relative; z-index: 2; width: 24px; height: 24px; text-align: center; line-height: 24px; display: inline-block; border-radius: var(--kd-c-date-picker-panel-radius-border, var(--kd-g-radius-border, 2px)); color: #b2b2b2; } .kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar .kd-date-picker-calendar-text-today, .kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar .kd-date-picker-calendar-week-text-today { position: relative; } .kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar .kd-date-picker-calendar-text-today::after, .kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar .kd-date-picker-calendar-week-text-today::after { position: absolute; width: 6px; height: 6px; border-radius: 6px; background: var(--kd-c-date-picker-color-background-checked, var(--kd-g-color-theme, #5582f3)); content: ''; bottom: 0; left: calc(50% - 3px); } .kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar .kd-date-picker-calendar-week-text { width: 100%; height: 24px; margin: 3px 0; } .kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar .kd-date-picker-calendar-current .kd-date-picker-calendar-text { color: #212121; } .kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar .kd-date-picker-calendar-current .kd-date-picker-calendar-week-text { color: #212121; } .kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar .kd-date-picker-calendar-current .kd-date-picker-calendar-text-selected { background: var(--kd-c-date-picker-color-background-checked, var(--kd-g-color-theme, #5582f3)); color: #fff; } .kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar .kd-date-picker-calendar-weeknumber, .kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar .kd-date-picker-weektitle-weeknumber { width: 24px; height: 30px; text-align: center; line-height: 30px; color: #bfbfbf; font-weight: bold; cursor: default; } .kd-date-picker-panel .kd-date-picker-range-start::before { left: 50%; } .kd-date-picker-panel .kd-date-picker-range-start .kd-date-picker-calendar-text-selected { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } .kd-date-picker-panel .kd-date-picker-range-end::before { right: 50%; } .kd-date-picker-panel .kd-date-picker-range-end .kd-date-picker-calendar-text-selected { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; } .kd-date-picker-panel .kd-date-picker-range-view, .kd-date-picker-panel .kd-date-picker-range-start, .kd-date-picker-panel .kd-date-picker-range-end { position: relative; } .kd-date-picker-panel .kd-date-picker-range-view::before, .kd-date-picker-panel .kd-date-picker-range-start::before, .kd-date-picker-panel .kd-date-picker-range-end::before { content: ''; position: absolute; z-index: 1; height: 24px; width: 100%; margin: 0 -4px; background: var(--kd-c-date-picker-range-item-color-bg, var(--kd-g-color-theme-1, #f2f8ff)); } .kd-date-picker-panel .kd-date-picker-header-icon { min-width: 1.6em; font-size: 14px; padding: 0; color: rgba(0, 0, 0, 0.25); background: 0 0; border: 0; cursor: pointer; -webkit-transition: color 0.3s; transition: color 0.3s; } .kd-date-picker-panel .kd-date-picker-header-icon:hover { color: var(--kd-c-date-picker-color-background-checked, var(--kd-g-color-theme, #5582f3)); } .kd-date-picker-panel .kd-date-picker-header-text { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .kd-date-picker-panel .kd-date-picker-header-text-inner-active { color: var(--kd-c-date-picker-color-background-checked, var(--kd-g-color-theme, #5582f3)); } .kd-date-picker-panel .kd-date-picker-header-text-inner-hover:hover { color: var(--kd-c-date-picker-color-background-checked, var(--kd-g-color-theme, #5582f3)); cursor: pointer; } .kd-date-picker-panel .kd-date-picker-header-text-inner:nth-child(2) { margin-left: 13px; } .kd-date-picker-panel .kd-date-picker-time-header, .kd-date-picker-panel .kd-date-picker-header { height: var(--kd-c-date-picker-panel-header-sizing-height, 36px); line-height: var(--kd-c-date-picker-panel-header-sizing-height, 36px); background: #fafafa; color: #212121; font-size: 14px; padding: 7px; border-bottom: 1px solid #d9d9d9; font-weight: bold; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box; } .kd-date-picker-panel .kd-date-picker-time { padding-top: 4px; width: auto; } .kd-date-picker-panel .kd-date-picker-time .kd-date-picker-content { display: -webkit-box; display: -ms-flexbox; display: flex; height: 242px; border-left: 1px solid #d9d9d9; width: 100%; table-layout: fixed; border-collapse: collapse; } .kd-date-picker-panel .kd-date-picker-time .kd-date-picker-content .kd-date-picker-time-column { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; width: 56px; margin: 0; padding: 10px 0 214px 0; text-align: left; -webkit-transition: background 0.3s; transition: background 0.3s; overflow: hidden; } .kd-date-picker-panel .kd-date-picker-time .kd-date-picker-content .kd-date-picker-time-column:not(:first-child) { border-left: 1px solid #d9d9d9; } .kd-date-picker-panel .kd-date-picker-time .kd-date-picker-content .kd-date-picker-time-column:hover { overflow-y: overlay; } .kd-date-picker-panel .kd-date-picker-time .kd-date-picker-content .kd-date-picker-time-column .kd-date-picker-time-cell { margin: 0; padding: 0; } .kd-date-picker-panel .kd-date-picker-time .kd-date-picker-content .kd-date-picker-time-column .kd-date-picker-time-cell-inner { display: block; width: 100%; height: 28px; margin: 0; text-align: center; color: rgba(0, 0, 0, 0.85); line-height: 28px; border-radius: 0; cursor: pointer; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: background 0.3s; transition: background 0.3s; } .kd-date-picker-panel .kd-date-picker-time .kd-date-picker-content .kd-date-picker-time-column .kd-date-picker-time-cell-inner:hover { background: #f5f5f5; } .kd-date-picker-panel .kd-date-picker-time .kd-date-picker-content .kd-date-picker-time-column .kd-date-picker-time-cell-selected .kd-date-picker-time-cell-inner { background: var(--kd-c-date-picker-range-item-color-bg, var(--kd-g-color-theme-1, #f2f8ff)); } .kd-date-picker-panel .kd-date-picker-time .kd-date-picker-content .kd-date-picker-time-column .kd-date-picker-time-cell-disabled .kd-date-picker-time-cell-inner { color: rgba(0, 0, 0, 0.25); background: transparent; cursor: not-allowed; } .kd-date-picker-panel .kd-date-picker-datetime-panel { display: -webkit-box; display: -ms-flexbox; display: flex; } .kd-date-picker-panel .kd-date-picker-datetime-panel .kd-date-picker-time { padding: 0; } .kd-date-picker-panel .kd-date-picker-footer { width: -webkit-min-content; width: -moz-min-content; width: min-content; min-width: 100%; line-height: 36px; height: 40px; border-top: 1px solid #d9d9d9; border-bottom: 1px solid transparent; padding: 0 12px; color: var(--kd-c-date-picker-color-background-checked, var(--kd-g-color-theme, #5582f3)); font-size: 12px; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: right; background: var(--kd-c-date-picker-footer-color-background, var(--kd-g-color-background, #fff)); } .kd-date-picker-panel .kd-date-picker-footer::after { content: ''; vertical-align: middle; } .kd-date-picker-panel .kd-date-picker-footer-extra { line-height: 34px; text-align: left; } .kd-date-picker-panel .kd-date-picker-footer .kd-date-picker-today-btn, .kd-date-picker-panel .kd-date-picker-footer .kd-date-picker-ok-btn { display: inline-block; padding: 5px 12px; background: var(--kd-c-date-picker-color-background-checked, var(--kd-g-color-theme, #5582f3)); color: #fff; border-radius: var(--kd-c-date-picker-panel-radius-border, var(--kd-g-radius-border, 2px)); line-height: initial; vertical-align: middle; cursor: pointer; } .kd-date-picker-panel .kd-date-picker-footer .kd-date-picker-btn-disabled { background-color: #e3ebff; cursor: not-allowed; } .kd-date-picker-panel .kd-date-picker-footer .kd-date-picker-btns { margin-bottom: 0; overflow: hidden; text-align: left; list-style: none; } .kd-date-picker-panel .kd-date-picker-footer .kd-date-picker-btns li { display: inline-block; } .kd-date-picker-panel .kd-date-picker-footer .kd-date-picker-btns li::after { vertical-align: middle; } .kd-date-picker-panel .kd-date-picker-footer .kd-date-picker-btns .kd-date-picker-now { text-align: left; vertical-align: middle; cursor: pointer; } .kd-date-picker-panel .kd-date-picker-footer .kd-date-picker-btns .kd-date-picker-ok { float: right; margin-left: 8px; vertical-align: middle; } .kd-date-picker-container { display: -webkit-box; display: -ms-flexbox; display: flex; background: var(--kd-c-date-picker-container-color-background, var(--kd-g-color-background-2, #f2f2f2)); } .kd-date-picker-container-date { display: -webkit-box; display: -ms-flexbox; display: flex; } .kd-date-picker-container .kd-date-picker-ranges { width: 160px; color: var(--kd-c-date-picker-container-color, var(--kd-g-color-text-primary, #212121)); padding: 0 12px; text-align: left; overflow: auto; max-height: 276px; } .kd-date-picker-container .kd-date-picker-ranges-item { height: var(--kd-c-date-picker-panel-header-sizing-height, 36px); line-height: var(--kd-c-date-picker-panel-header-sizing-height, 36px); font-size: var(--kd-c-date-picker-container-font-size, var(--kd-g-font-size-small, 12px)); border-bottom: 0.5px solid var(--kd-c-date-picker-container-color-border, var(--kd-g-color-border-weak, #e5e5e5)); cursor: pointer; } /* ----------- color ——————---- start */ /* ----------- color ——————---- end */ /* ----------- motion ——————---- start */ /* ----------- motion ——————---- end */ /* ----------- transition ——————---- start */ /* ----------- transition ——————---- end */ /* ----------- font ——————---- start */ /* ----------- font ——————---- end */ /* ----------- zIndex ——————---- start */ /* 普通组件内部自身层级应设置在0-100间 */ /* ----------- zIndex ——————---- end */ /* ----------- Button ——————---- start */ /* ----------- Button ——————---- end */ /* ----------- Collapse ——————---- start */ /* ----------- Collapse ——————---- end */ /* ----------- Card ——————---- start */ /* ----------- Card ——————---- end */ /* ----------- Carousel ——————---- start */ /* ----------- Carousel ——————---- end */ /* ----------- Cascader ——————---- start */ /* ----------- Cascader ——————---- end */ /* ----------- Switch ——————---- start */ /* ----------- Switch ——————---- end */ /* ----------- Input ——————---- start */ /* ----------- Input ——————---- end */ /* ----------- InputNumber ——————---- start */ /* ----------- InputNumber ——————---- end */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- end */ /* ----------- Radio ——————---- start */ /* ----------- Radio ——————---- end */ /* ----------- icon ——————---- start */ /* ----------- icon ——————---- end */ /* ----------- Popconfirm ——————---- start */ /* ----------- Popconfirm ——————---- end */ /* ----------- Progress ——————---- start */ /* ----------- Progress ——————---- end */ /* ----------- Pagination ——————---- start */ /* ----------- Pagination ——————---- end */ /* ----------- Timeline ——————---- start */ /* ----------- Timeline ——————---- end */ /* ----------- Tabs ——————---- start */ /* ----------- Tabs ——————---- end */ /* ----------- Select ——————---- start */ /* ----------- Select ——————---- end */ /* ----------- Rate ——————---- start */ /* ----------- Rate ——————---- end */ /* ----------- Dropdown ——————---- start */ /* ----------- Dropdown ——————---- end */ /* ----------- Tooltip ——————---- start */ /* ----------- Tooltip ——————---- end */ /* ----------- Transfer ——————---- start */ /* ----------- Transfer ——————---- end */ /* ----------- DatePicker ——————---- start */ /* ----------- DatePicker ——————---- end */ /* ----------- ColorPicker ——————---- start */ /* ----------- ColorPicker ——————---- end */ /* ----------- Tree ——————---- start */ /* ----------- Tree ——————---- end */ /* ----------- Alert ——————---- start */ /* ----------- Alert ——————---- end */ /* ----------- Split-Panel ——————---- start */ /* ----------- Split-Panel ——————---- end */ /* ----------- Modal ——————---- start */ /* ----------- Modal ——————---- end */ /* ----------- Steps ——————---- start */ /* ----------- Steps ——————---- end */ /* ----------- Form ——————---- start */ /* ----------- Form ——————---- end */ /* ----------- Tag ——————---- start */ /* ----------- Tag ——————---- end */ /* ----------- Menu ——————---- start */ /* ----------- Menu ——————---- end */ /* ----------- notice ——————---- start */ /* ----------- message ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Layout ——————---- start */ /* ----------- Layout ——————---- end */ /* ----------- Typography ——————---- start */ /* ----------- Typography ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Badge ——————---- start */ /* ----------- Badge ——————---- end */ /* ----------- Anchor ——————---- start */ /* ----------- Anchor ——————---- end */ /* ----------- Avatar ——————---- start */ /* ----------- Avatar ——————---- end */ /* ----------- AdvancedSelector ——————---- start */ /* ----------- AdvancedSelector ——————---- end */ /* ----------- motion ——————---- start */ /* ----------- motion ——————---- end */ /* ----------- transition ——————---- start */ /* ----------- transition ——————---- end */ /* ----------- zIndex ——————---- start */ /* 普通组件内部自身层级应设置在0-100间 */ /* ----------- zIndex ——————---- end */ .kd-divider { color: var(--kd-c-divider-color-text, var(--kd-g-color-text-primary, #212121)); font-size: var(--kd-c-divider-font-size, var(--kd-g-font-size-small, 12px)); width: 900px; padding: var(--kd-c-divider-spacing-padding-horizontal, 0px); border-top: 1px solid var(--kd-g-color-border-strong, #d9d9d9); } .kd-divider-vertical { display: inline-block; border-left: 1px solid var(--kd-g-color-border-strong, #d9d9d9); width: 0; height: 1em; } .kd-divider-solid { border-top-style: solid; border-left-style: solid; } .kd-divider-solid .kd-divider-inner-text::before, .kd-divider-solid .kd-divider-inner-text::after { border-block-start-style: solid; } .kd-divider-dashed { border-top-style: dashed; border-left-style: dashed; } .kd-divider-dashed .kd-divider-inner-text::before, .kd-divider-dashed .kd-divider-inner-text::after { border-block-start-style: dashed; } .kd-divider-dotted { border-top-style: dotted; border-left-style: dotted; } .kd-divider-dotted .kd-divider-inner-text::before, .kd-divider-dotted .kd-divider-inner-text::after { border-block-start-style: dotted; } .kd-divider-with-text { border: unset; } .kd-divider-with-text .kd-divider-inner-text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .kd-divider-with-text .kd-divider-inner-text::before { content: ''; width: 74px; margin-right: 8px; border-top-width: 1px; border-top-color: var(--kd-g-color-border-strong, #d9d9d9); } .kd-divider-with-text .kd-divider-inner-text::after { content: ''; width: calc(100% - 74px); margin-left: 8px; border-top-width: 1px; border-top-color: var(--kd-g-color-border-strong, #d9d9d9); } .kd-divider-with-text-center .kd-divider-inner-text::before, .kd-divider-with-text-center .kd-divider-inner-text::after { width: 50%; } .kd-divider-with-text-right .kd-divider-inner-text::before { width: calc(100% - 74px); } .kd-divider-with-text-right .kd-divider-inner-text::after { width: 74px; } .kd-divider-margin-left .kd-divider-inner-text::before { width: 0; } .kd-divider-margin-left .kd-divider-inner-text::after { width: 100%; } .kd-divider-margin-right .kd-divider-inner-text::before { width: 100%; } .kd-divider-margin-right .kd-divider-inner-text::after { width: 0; } /* ----------- color ——————---- start */ /* ----------- color ——————---- end */ /* ----------- motion ——————---- start */ /* ----------- motion ——————---- end */ /* ----------- transition ——————---- start */ /* ----------- transition ——————---- end */ /* ----------- font ——————---- start */ /* ----------- font ——————---- end */ /* ----------- zIndex ——————---- start */ /* 普通组件内部自身层级应设置在0-100间 */ /* ----------- zIndex ——————---- end */ /* ----------- Button ——————---- start */ /* ----------- Button ——————---- end */ /* ----------- Collapse ——————---- start */ /* ----------- Collapse ——————---- end */ /* ----------- Card ——————---- start */ /* ----------- Card ——————---- end */ /* ----------- Carousel ——————---- start */ /* ----------- Carousel ——————---- end */ /* ----------- Cascader ——————---- start */ /* ----------- Cascader ——————---- end */ /* ----------- Switch ——————---- start */ /* ----------- Switch ——————---- end */ /* ----------- Input ——————---- start */ /* ----------- Input ——————---- end */ /* ----------- InputNumber ——————---- start */ /* ----------- InputNumber ——————---- end */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- end */ /* ----------- Radio ——————---- start */ /* ----------- Radio ——————---- end */ /* ----------- icon ——————---- start */ /* ----------- icon ——————---- end */ /* ----------- Popconfirm ——————---- start */ /* ----------- Popconfirm ——————---- end */ /* ----------- Progress ——————---- start */ /* ----------- Progress ——————---- end */ /* ----------- Pagination ——————---- start */ /* ----------- Pagination ——————---- end */ /* ----------- Timeline ——————---- start */ /* ----------- Timeline ——————---- end */ /* ----------- Tabs ——————---- start */ /* ----------- Tabs ——————---- end */ /* ----------- Select ——————---- start */ /* ----------- Select ——————---- end */ /* ----------- Rate ——————---- start */ /* ----------- Rate ——————---- end */ /* ----------- Dropdown ——————---- start */ /* ----------- Dropdown ——————---- end */ /* ----------- Tooltip ——————---- start */ /* ----------- Tooltip ——————---- end */ /* ----------- Transfer ——————---- start */ /* ----------- Transfer ——————---- end */ /* ----------- DatePicker ——————---- start */ /* ----------- DatePicker ——————---- end */ /* ----------- ColorPicker ——————---- start */ /* ----------- ColorPicker ——————---- end */ /* ----------- Tree ——————---- start */ /* ----------- Tree ——————---- end */ /* ----------- Alert ——————---- start */ /* ----------- Alert ——————---- end */ /* ----------- Split-Panel ——————---- start */ /* ----------- Split-Panel ——————---- end */ /* ----------- Modal ——————---- start */ /* ----------- Modal ——————---- end */ /* ----------- Steps ——————---- start */ /* ----------- Steps ——————---- end */ /* ----------- Form ——————---- start */ /* ----------- Form ——————---- end */ /* ----------- Tag ——————---- start */ /* ----------- Tag ——————---- end */ /* ----------- Menu ——————---- start */ /* ----------- Menu ——————---- end */ /* ----------- notice ——————---- start */ /* ----------- message ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Layout ——————---- start */ /* ----------- Layout ——————---- end */ /* ----------- Typography ——————---- start */ /* ----------- Typography ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Badge ——————---- start */ /* ----------- Badge ——————---- end */ /* ----------- Anchor ——————---- start */ /* ----------- Anchor ——————---- end */ /* ----------- Avatar ——————---- start */ /* ----------- Avatar ——————---- end */ /* ----------- AdvancedSelector ——————---- start */ /* ----------- AdvancedSelector ——————---- end */ .drawer-container-placement-horizontal { top: 0; bottom: 0; } .drawer-container-placement-vertical { left: 0; right: 0; } .overall-postion { left: 0; right: 0; top: 0; bottom: 0; } /* ----------- motion ——————---- start */ /* ----------- motion ——————---- end */ /* ----------- transition ——————---- start */ /* ----------- transition ——————---- end */ /* ----------- zIndex ——————---- start */ /* 普通组件内部自身层级应设置在0-100间 */ /* ----------- zIndex ——————---- end */ .kd-drawer { display: -webkit-box; display: -ms-flexbox; display: flex; z-index: var(--kd-g-z-index-dialog, 1050); position: fixed; left: 0; right: 0; top: 0; bottom: 0; } .kd-drawer-active .kd-drawer-mask { opacity: 1; visibility: visible; -webkit-transition: all calc(var(--kd-g-duration, 0.3s) - 0.1s) var(--kd-g-ease-out, cubic-bezier(0, 0.4, 0.4, 1)); transition: all calc(var(--kd-g-duration, 0.3s) - 0.1s) var(--kd-g-ease-out, cubic-bezier(0, 0.4, 0.4, 1)); } .kd-drawer-hide { visibility: hidden; -webkit-transition: visibility calc(var(--kd-g-duration, 0.3s) - 0.1s) var(--kd-g-ease-out, cubic-bezier(0, 0.4, 0.4, 1)); transition: visibility calc(var(--kd-g-duration, 0.3s) - 0.1s) var(--kd-g-ease-out, cubic-bezier(0, 0.4, 0.4, 1)); } .kd-drawer-mask { position: fixed; background-color: rgba(55, 55, 55, 0.5); z-index: auto; left: 0; right: 0; top: 0; bottom: 0; opacity: 0; -webkit-transition: opacity calc(var(--kd-g-duration, 0.3s) - 0.1s) var(--kd-g-ease-out, cubic-bezier(0, 0.4, 0.4, 1)); transition: opacity calc(var(--kd-g-duration, 0.3s) - 0.1s) var(--kd-g-ease-out, cubic-bezier(0, 0.4, 0.4, 1)); } .kd-drawer-not-at-body { position: absolute; } .kd-drawer-not-at-body .kd-drawer-mask { position: absolute; } .kd-drawer-container-left, .kd-drawer-container-right { top: 0; bottom: 0; } .kd-drawer-container-top, .kd-drawer-container-bottom { left: 0; right: 0; } .kd-drawer-container-top .kd-drawer-body, .kd-drawer-container-bottom .kd-drawer-body { max-height: var(--kd-c-drawer-body-max-height-vertical, 470px); overflow-y: auto; } .kd-drawer-container-box { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background: var(--kd-c-drawer-color-background, var(--kd-g-color-background, #fff)); -webkit-box-shadow: -4px 0 10px 0 rgba(0, 0, 0, 0.1); box-shadow: -4px 0 10px 0 rgba(0, 0, 0, 0.1); -webkit-transition: all calc(var(--kd-g-duration, 0.3s) - 0.1s) var(--kd-g-ease-out, cubic-bezier(0, 0.4, 0.4, 1)); transition: all calc(var(--kd-g-duration, 0.3s) - 0.1s) var(--kd-g-ease-out, cubic-bezier(0, 0.4, 0.4, 1)); } .kd-drawer-container-box .kd-drawer-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: var(--kd-c-drawer-header-sizing-padding-vertical, 12px) var(--kd-c-drawer-header-sizing-padding-horizontal, 16px); border-bottom: var(--kd-c-drawer-dividing-sizing-width, 1px) solid var(--kd-c-drawer-dividing-color-border, var(--kd-g-color-border-disabled, #ccc)); } .kd-drawer-container-box .kd-drawer-header .kd-drawer-title { letter-spacing: 0; line-height: 26px; font-size: var(--kd-c-drawer-title-font-size, var(--kd-g-font-size-x-large, 18px)); color: var(--kd-c-drawer-title-color-text, var(--kd-g-color-text-primary, #212121)); } .kd-drawer-container-box .kd-drawer-header .kd-drawer-close-icon { cursor: pointer; } .kd-drawer-container-box .kd-drawer-header .kd-drawer-close-icon i { color: var(--kd-c-drawer-close-icon-color-text, var(--kd-g-color-text-secondary, #666)); font-size: var(--kd-c-drawer-close-icon-font-size, var(--kd-g-font-size-large, 16px)); } .kd-drawer-container-box .kd-drawer-body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: var(--kd-c-drawer-body-sizing-padding, 16px); font-size: var(--kd-g-font-size-middle, 14px); color: var(--kd-g-color-text-primary, #212121); } .kd-drawer-container-box .kd-drawer-footer { display: -webkit-box; display: -ms-flexbox; display: flex; min-height: 40px; font-size: var(--kd-g-font-size-small, 12px); color: var(--kd-g-color-text-primary, #212121); } /* ----------- color ——————---- start */ /* ----------- color ——————---- end */ /* ----------- motion ——————---- start */ /* ----------- motion ——————---- end */ /* ----------- transition ——————---- start */ /* ----------- transition ——————---- end */ /* ----------- font ——————---- start */ /* ----------- font ——————---- end */ /* ----------- zIndex ——————---- start */ /* 普通组件内部自身层级应设置在0-100间 */ /* ----------- zIndex ——————---- end */ /* ----------- Button ——————---- start */ /* ----------- Button ——————---- end */ /* ----------- Collapse ——————---- start */ /* ----------- Collapse ——————---- end */ /* ----------- Card ——————---- start */ /* ----------- Card ——————---- end */ /* ----------- Carousel ——————---- start */ /* ----------- Carousel ——————---- end */ /* ----------- Cascader ——————---- start */ /* ----------- Cascader ——————---- end */ /* ----------- Switch ——————---- start */ /* ----------- Switch ——————---- end */ /* ----------- Input ——————---- start */ /* ----------- Input ——————---- end */ /* ----------- InputNumber ——————---- start */ /* ----------- InputNumber ——————---- end */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- end */ /* ----------- Radio ——————---- start */ /* ----------- Radio ——————---- end */ /* ----------- icon ——————---- start */ /* ----------- icon ——————---- end */ /* ----------- Popconfirm ——————---- start */ /* ----------- Popconfirm ——————---- end */ /* ----------- Progress ——————---- start */ /* ----------- Progress ——————---- end */ /* ----------- Pagination ——————---- start */ /* ----------- Pagination ——————---- end */ /* ----------- Timeline ——————---- start */ /* ----------- Timeline ——————---- end */ /* ----------- Tabs ——————---- start */ /* ----------- Tabs ——————---- end */ /* ----------- Select ——————---- start */ /* ----------- Select ——————---- end */ /* ----------- Rate ——————---- start */ /* ----------- Rate ——————---- end */ /* ----------- Dropdown ——————---- start */ /* ----------- Dropdown ——————---- end */ /* ----------- Tooltip ——————---- start */ /* ----------- Tooltip ——————---- end */ /* ----------- Transfer ——————---- start */ /* ----------- Transfer ——————---- end */ /* ----------- DatePicker ——————---- start */ /* ----------- DatePicker ——————---- end */ /* ----------- ColorPicker ——————---- start */ /* ----------- ColorPicker ——————---- end */ /* ----------- Tree ——————---- start */ /* ----------- Tree ——————---- end */ /* ----------- Alert ——————---- start */ /* ----------- Alert ——————---- end */ /* ----------- Split-Panel ——————---- start */ /* ----------- Split-Panel ——————---- end */ /* ----------- Modal ——————---- start */ /* ----------- Modal ——————---- end */ /* ----------- Steps ——————---- start */ /* ----------- Steps ——————---- end */ /* ----------- Form ——————---- start */ /* ----------- Form ——————---- end */ /* ----------- Tag ——————---- start */ /* ----------- Tag ——————---- end */ /* ----------- Menu ——————---- start */ /* ----------- Menu ——————---- end */ /* ----------- notice ——————---- start */ /* ----------- message ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Layout ——————---- start */ /* ----------- Layout ——————---- end */ /* ----------- Typography ——————---- start */ /* ----------- Typography ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Badge ——————---- start */ /* ----------- Badge ——————---- end */ /* ----------- Anchor ——————---- start */ /* ----------- Anchor ——————---- end */ /* ----------- Avatar ——————---- start */ /* ----------- Avatar ——————---- end */ /* ----------- AdvancedSelector ——————---- start */ /* ----------- AdvancedSelector ——————---- end */ /* ----------- motion ——————---- start */ /* ----------- motion ——————---- end */ /* ----------- transition ——————---- start */ /* ----------- transition ——————---- end */ /* ----------- zIndex ——————---- start */ /* 普通组件内部自身层级应设置在0-100间 */ /* ----------- zIndex ——————---- end */ /* 多行显示省略号 */ /* 单行显示省略号 */ /** 浮层箭头样式 **/ .kd-dropdown-trigger { outline: none; } .kd-dropdown-trigger-container { display: inline-block; } .kd-dropdown { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; font-variant: tabular-nums; list-style: none; -webkit-font-feature-settings: 'tnum'; font-feature-settings: 'tnum'; opacity: 1; visibility: visible; z-index: var(--kd-g-z-index-popper, 1050); background-color: var(--kd-c-dropdown-menu-color-background, var(--kd-g-color-background, #fff)); border-radius: var(--kd-g-radius-border, 2px); min-width: var(--kd-c-dropdown-menu-sizing-min-width, 64px); max-width: var(--kd-c-dropdown-menu-sizing-max-width, 600px); -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2); } .kd-dropdown.hidden { opacity: 0; visibility: hidden; } .kd-dropdown.arrow::before { position: absolute; z-index: -2; background: var(--kd-c-dropdown-menu-color-background, var(--kd-g-color-background, #fff)); border-style: solid; border-width: var(--arrowSize); -webkit-transform: rotate(45deg); transform: rotate(45deg); content: ''; } .kd-dropdown.arrow::after { position: absolute; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; content: ''; background: var(--kd-c-dropdown-menu-color-background, var(--kd-g-color-background, #fff)); border-radius: var(--kd-g-radius-border, 2px); } .kd-dropdown.arrow.bottomLeft::before, .kd-dropdown.arrow.bottom::before, .kd-dropdown.arrow.bottomRight::before { left: var(--arrowLeft); top: var(--arrowSpill); -webkit-box-shadow: -2px -2px calc(10px - 1px) rgba(0, 0, 0, 0.1); box-shadow: -2px -2px calc(10px - 1px) rgba(0, 0, 0, 0.1); border-color: var(--kd-c-dropdown-menu-color-background, var(--kd-g-color-background, #fff)) transparent transparent var(--kd-c-dropdown-menu-color-background, var(--kd-g-color-background, #fff)); } .kd-dropdown.arrow.topLeft::before, .kd-dropdown.arrow.top::before, .kd-dropdown.arrow.topRight::before { left: var(--arrowLeft); bottom: var(--arrowSpill); -webkit-box-shadow: 3px 3px calc(10px + 1px) rgba(0, 0, 0, 0.15); box-shadow: 3px 3px calc(10px + 1px) rgba(0, 0, 0, 0.15); border-color: transparent var(--kd-c-dropdown-menu-color-background, var(--kd-g-color-background, #fff)) var(--kd-c-dropdown-menu-color-background, var(--kd-g-color-background, #fff)) transparent; } .kd-dropdown.arrow.leftTop::before, .kd-dropdown.arrow.left::before, .kd-dropdown.arrow.leftBottom::before { top: var(--arrowTop); right: var(--arrowSpill); -webkit-box-shadow: 3px 0 10px rgba(0, 0, 0, 0.12), 0 -2px 10px rgba(204, 149, 149, 0.12); box-shadow: 3px 0 10px rgba(0, 0, 0, 0.12), 0 -2px 10px rgba(204, 149, 149, 0.12); border-color: var(--kd-c-dropdown-menu-color-background, var(--kd-g-color-background, #fff)) var(--kd-c-dropdown-menu-color-background, var(--kd-g-color-background, #fff)) transparent transparent; } .kd-dropdown.arrow.rightTop::before, .kd-dropdown.arrow.right::before, .kd-dropdown.arrow.rightBottom::before { top: var(--arrowTop); left: var(--arrowSpill); -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1), -2px 0 10px rgba(0, 0, 0, 0.1); box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1), -2px 0 10px rgba(0, 0, 0, 0.1); border-color: transparent transparent var(--kd-c-dropdown-menu-color-background, var(--kd-g-color-background, #fff)) var(--kd-c-dropdown-menu-color-background, var(--kd-g-color-background, #fff)); } .kd-dropdown-menu { max-height: var(--kd-c-dropdown-menu-sizing-max-height, 328px); padding: var(--kd-c-dropdown-menu-spacing-padding-vertical, 4px) 0; overflow-y: auto; } .kd-dropdown-menu-item { position: relative; padding: var(--kd-c-dropdown-item-spacing-padding-vertical, 7px) var(--kd-c-dropdown-item-spacing-padding-horizontal, 12px); color: var(--kd-c-dropdown-menu-item-color-text, var(--kd-g-color-text-primary, #212121)); font-size: var(--kd-c-dropdown-font-size, var(--kd-g-font-size-small, 12px)); line-height: 18px; overflow: hidden; cursor: pointer; -webkit-transition: background-color var(--kd-g-duration, 0.3s); transition: background-color var(--kd-g-duration, 0.3s); } .kd-dropdown-menu-item.disabled, .kd-dropdown-menu-item.disabled > a { color: var(--kd-c-dropdown-item-color-text-disabled, var(--kd-g-color-disabled, #b2b2b2)); cursor: not-allowed; } .kd-dropdown-menu-item:not(.disabled):hover { background-color: var(--kd-c-dropdown-item-color-background-hover, var(--kd-g-color-hover, #f5f5f5)); } .kd-dropdown-menu-item:not(.disabled):hover > a { color: var(--kd-c-dropdown-item-color-text-hover, var(--kd-g-color-text-primary, #212121)); } .kd-dropdown-menu-item:not(.disabled):active, .kd-dropdown-menu-item:not(.disabled).selected { color: var(--kd-c-dropdown-item-color-text-active, var(--kd-g-color-theme, #5582f3)); } .kd-dropdown-menu-item:not(.disabled):active > a, .kd-dropdown-menu-item:not(.disabled).selected > a { color: var(--kd-c-dropdown-item-color-text-active, var(--kd-g-color-theme, #5582f3)); } .kd-dropdown-menu-item.divided::before { content: ''; position: absolute; top: 0; left: var(--kd-c-dropdown-item-spacing-padding-horizontal, 12px); right: var(--kd-c-dropdown-item-spacing-padding-horizontal, 12px); height: var(--kd-c-dropdown-divided-sizing-height, 1px); background-color: var(--kd-c-dropdown-divided-color-background, var(--kd-g-color-border-weak, #e5e5e5)); } .kd-dropdown-menu-item.danger, .kd-dropdown-menu-item.danger > a { color: var(--kd-c-dropdown-item-color-text-danger, var(--kd-g-color-error, #fb2323)); -webkit-transition: color var(--kd-g-duration, 0.3s), background-color var(--kd-g-duration, 0.3s); transition: color var(--kd-g-duration, 0.3s), background-color var(--kd-g-duration, 0.3s); } .kd-dropdown-menu-item.danger:hover, .kd-dropdown-menu-item.danger > a:hover { color: var(--kd-g-color-white, #fff); background-color: var(--kd-c-dropdown-item-color-background-danger-hover, var(--kd-g-color-error, #fb2323)); } .kd-dropdown-menu-item > a { display: block; margin: calc(-1 * var(--kd-c-dropdown-item-spacing-padding-vertical, 7px)) calc(-1 * var(--kd-c-dropdown-item-spacing-padding-horizontal, 12px)); padding: var(--kd-c-dropdown-item-spacing-padding-vertical, 7px) var(--kd-c-dropdown-item-spacing-padding-horizontal, 12px); color: var(--kd-c-dropdown-menu-item-color-text, var(--kd-g-color-text-primary, #212121)); font-size: var(--kd-c-dropdown-font-size, var(--kd-g-font-size-small, 12px)); line-height: 18px; -webkit-transition: color var(--kd-g-duration, 0.3s); transition: color var(--kd-g-duration, 0.3s); } .kd-dropdown-menu-item > a:hover { color: var(--kd-c-dropdown-menu-item-color-text, var(--kd-g-color-text-primary, #212121)); } .kd-dropdown-menu-item span { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } /* ----------- color ——————---- start */ /* ----------- color ——————---- end */ /* ----------- motion ——————---- start */ /* ----------- motion ——————---- end */ /* ----------- transition ——————---- start */ /* ----------- transition ——————---- end */ /* ----------- font ——————---- start */ /* ----------- font ——————---- end */ /* ----------- zIndex ——————---- start */ /* 普通组件内部自身层级应设置在0-100间 */ /* ----------- zIndex ——————---- end */ /* ----------- Button ——————---- start */ /* ----------- Button ——————---- end */ /* ----------- Collapse ——————---- start */ /* ----------- Collapse ——————---- end */ /* ----------- Card ——————---- start */ /* ----------- Card ——————---- end */ /* ----------- Carousel ——————---- start */ /* ----------- Carousel ——————---- end */ /* ----------- Cascader ——————---- start */ /* ----------- Cascader ——————---- end */ /* ----------- Switch ——————---- start */ /* ----------- Switch ——————---- end */ /* ----------- Input ——————---- start */ /* ----------- Input ——————---- end */ /* ----------- InputNumber ——————---- start */ /* ----------- InputNumber ——————---- end */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- end */ /* ----------- Radio ——————---- start */ /* ----------- Radio ——————---- end */ /* ----------- icon ——————---- start */ /* ----------- icon ——————---- end */ /* ----------- Popconfirm ——————---- start */ /* ----------- Popconfirm ——————---- end */ /* ----------- Progress ——————---- start */ /* ----------- Progress ——————---- end */ /* ----------- Pagination ——————---- start */ /* ----------- Pagination ——————---- end */ /* ----------- Timeline ——————---- start */ /* ----------- Timeline ——————---- end */ /* ----------- Tabs ——————---- start */ /* ----------- Tabs ——————---- end */ /* ----------- Select ——————---- start */ /* ----------- Select ——————---- end */ /* ----------- Rate ——————---- start */ /* ----------- Rate ——————---- end */ /* ----------- Dropdown ——————---- start */ /* ----------- Dropdown ——————---- end */ /* ----------- Tooltip ——————---- start */ /* ----------- Tooltip ——————---- end */ /* ----------- Transfer ——————---- start */ /* ----------- Transfer ——————---- end */ /* ----------- DatePicker ——————---- start */ /* ----------- DatePicker ——————---- end */ /* ----------- ColorPicker ——————---- start */ /* ----------- ColorPicker ——————---- end */ /* ----------- Tree ——————---- start */ /* ----------- Tree ——————---- end */ /* ----------- Alert ——————---- start */ /* ----------- Alert ——————---- end */ /* ----------- Split-Panel ——————---- start */ /* ----------- Split-Panel ——————---- end */ /* ----------- Modal ——————---- start */ /* ----------- Modal ——————---- end */ /* ----------- Steps ——————---- start */ /* ----------- Steps ——————---- end */ /* ----------- Form ——————---- start */ /* ----------- Form ——————---- end */ /* ----------- Tag ——————---- start */ /* ----------- Tag ——————---- end */ /* ----------- Menu ——————---- start */ /* ----------- Menu ——————---- end */ /* ----------- notice ——————---- start */ /* ----------- message ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Layout ——————---- start */ /* ----------- Layout ——————---- end */ /* ----------- Typography ——————---- start */ /* ----------- Typography ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Badge ——————---- start */ /* ----------- Badge ——————---- end */ /* ----------- Anchor ——————---- start */ /* ----------- Anchor ——————---- end */ /* ----------- Avatar ——————---- start */ /* ----------- Avatar ——————---- end */ /* ----------- AdvancedSelector ——————---- start */ /* ----------- AdvancedSelector ——————---- end */ /* ----------- motion ——————---- start */ /* ----------- motion ——————---- end */ /* ----------- transition ——————---- start */ /* ----------- transition ——————---- end */ /* ----------- zIndex ——————---- start */ /* 普通组件内部自身层级应设置在0-100间 */ /* ----------- zIndex ——————---- end */ .kd-empty { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .kd-empty-image { height: var(--kd-c-empty-image-sizing-height, 96px); } .kd-empty-image + .kd-empty-description { margin-top: 8px; } .kd-empty-description { font-size: var(--kd-c-empty-font-size, var(--kd-g-font-size-middle, 14px)); color: var(--kd-c-empty-color-text, var(--kd-g-color-text-third, #999)); } /* ----------- color ——————---- start */ /* ----------- color ——————---- end */ /* ----------- motion ——————---- start */ /* ----------- motion ——————---- end */ /* ----------- transition ——————---- start */ /* ----------- transition ——————---- end */ /* ----------- font ——————---- start */ /* ----------- font ——————---- end */ /* ----------- zIndex ——————---- start */ /* 普通组件内部自身层级应设置在0-100间 */ /* ----------- zIndex ——————---- end */ /* ----------- Button ——————---- start */ /* ----------- Button ——————---- end */ /* ----------- Collapse ——————---- start */ /* ----------- Collapse ——————---- end */ /* ----------- Card ——————---- start */ /* ----------- Card ——————---- end */ /* ----------- Carousel ——————---- start */ /* ----------- Carousel ——————---- end */ /* ----------- Cascader ——————---- start */ /* ----------- Cascader ——————---- end */ /* ----------- Switch ——————---- start */ /* ----------- Switch ——————---- end */ /* ----------- Input ——————---- start */ /* ----------- Input ——————---- end */ /* ----------- InputNumber ——————---- start */ /* ----------- InputNumber ——————---- end */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- end */ /* ----------- Radio ——————---- start */ /* ----------- Radio ——————---- end */ /* ----------- icon ——————---- start */ /* ----------- icon ——————---- end */ /* ----------- Popconfirm ——————---- start */ /* ----------- Popconfirm ——————---- end */ /* ----------- Progress ——————---- start */ /* ----------- Progress ——————---- end */ /* ----------- Pagination ——————---- start */ /* ----------- Pagination ——————---- end */ /* ----------- Timeline ——————---- start */ /* ----------- Timeline ——————---- end */ /* ----------- Tabs ——————---- start */ /* ----------- Tabs ——————---- end */ /* ----------- Select ——————---- start */ /* ----------- Select ——————---- end */ /* ----------- Rate ——————---- start */ /* ----------- Rate ——————---- end */ /* ----------- Dropdown ——————---- start */ /* ----------- Dropdown ——————---- end */ /* ----------- Tooltip ——————---- start */ /* ----------- Tooltip ——————---- end */ /* ----------- Transfer ——————---- start */ /* ----------- Transfer ——————---- end */ /* ----------- DatePicker ——————---- start */ /* ----------- DatePicker ——————---- end */ /* ----------- ColorPicker ——————---- start */ /* ----------- ColorPicker ——————---- end */ /* ----------- Tree ——————---- start */ /* ----------- Tree ——————---- end */ /* ----------- Alert ——————---- start */ /* ----------- Alert ——————---- end */ /* ----------- Split-Panel ——————---- start */ /* ----------- Split-Panel ——————---- end */ /* ----------- Modal ——————---- start */ /* ----------- Modal ——————---- end */ /* ----------- Steps ——————---- start */ /* ----------- Steps ——————---- end */ /* ----------- Form ——————---- start */ /* ----------- Form ——————---- end */ /* ----------- Tag ——————---- start */ /* ----------- Tag ——————---- end */ /* ----------- Menu ——————---- start */ /* ----------- Menu ——————---- end */ /* ----------- notice ——————---- start */ /* ----------- message ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Layout ——————---- start */ /* ----------- Layout ——————---- end */ /* ----------- Typography ——————---- start */ /* ----------- Typography ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Badge ——————---- start */ /* ----------- Badge ——————---- end */ /* ----------- Anchor ——————---- start */ /* ----------- Anchor ——————---- end */ /* ----------- Avatar ——————---- start */ /* ----------- Avatar ——————---- end */ /* ----------- AdvancedSelector ——————---- start */ /* ----------- AdvancedSelector ——————---- end */ /* ----------- motion ——————---- start */ /* ----------- motion ——————---- end */ /* ----------- transition ——————---- start */ /* ----------- transition ——————---- end */ /* ----------- zIndex ——————---- start */ /* 普通组件内部自身层级应设置在0-100间 */ /* ----------- zIndex ——————---- end */ /* 多行显示省略号 */ /* 单行显示省略号 */ /** 浮层箭头样式 **/ .kd-filter .kd-filter-header { z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; padding: 9px 124px 9px 0; } .kd-filter .kd-filter-header-title { white-space: nowrap; color: var(--kd-c-filter-header-title-color-text, var(--kd-g-color-text-primary, #212121)); font-size: var(--kd-c-filter-header-title-font-size, var(--kd-g-font-size-large, 16px)); } .kd-filter .kd-filter-header-condition { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin: 0 8px 0 40px; } .kd-filter .kd-filter-header-condition-label { padding-right: 8px; font-size: var(--kd-c-filter-condition-label-font-size, var(--kd-g-font-size-middle, 14px)); white-space: nowrap; color: var(--kd-c-filter-condition-label-color-text, var(--kd-g-color-text-third, #999)); } .kd-filter .kd-filter-header-condition-item-text { max-width: 224px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; } .kd-filter .kd-filter-header-search { min-width: 200px; } .kd-filter .kd-filter-header-handle { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; font-variant: tabular-nums; list-style: none; -webkit-font-feature-settings: 'tnum'; font-feature-settings: 'tnum'; position: absolute; right: 0; bottom: -1px; width: 100px; height: 44px; line-height: 44px; text-align: center; color: var(--kd-c-filter-handle-color-text, var(--kd-g-color-ongoing, #276ff5)); font-size: var(--kd-c-filter-handle-font-size, var(--kd-g-font-size-middle, 14px)); cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; border-bottom: none; } .kd-filter .kd-filter-header-handle > i { -webkit-transition: -webkit-transform 0.2s linear; transition: -webkit-transform 0.2s linear; transition: transform 0.2s linear; transition: transform 0.2s linear, -webkit-transform 0.2s linear; } .kd-filter .kd-filter-header-handle.spread { border-radius: 4px 4px 0 0; background-color: var(--kd-c-filter-handle-color-background-spread, var(--kd-g-color-background-contain, #fafafa)); border-color: var(--kd-c-filter-handle-color-border-spread, var(--kd-g-color-border-strong, #d9d9d9)); } .kd-filter .kd-filter-header-handle.spread > i { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .kd-filter .kd-filter-body { position: relative; height: 0; overflow: hidden; } .kd-filter .kd-filter-body.spread { height: auto; overflow: visible; padding: 8px 20px; border-radius: 4px 0 4px 4px; background-color: var(--kd-c-filter-body-color-background, var(--kd-g-color-background-contain, #fafafa)); border: 1px solid var(--kd-c-filter-body-color-border, var(--kd-g-color-border-strong, #d9d9d9)); } .kd-filter .kd-filter-body-tabs { border-bottom: 1px solid var(--kd-c-filter-body-tabs-color-border, var(--kd-g-color-border-weak, #e5e5e5)); } .kd-filter .kd-filter-body-tabs-item { padding: 10px 0; font-size: var(--kd-c-filter-body-tabs-item-font-size, var(--kd-g-font-size-middle, 14px)); color: var(--kd-c-filter-body-tabs-item-color-text, var(--kd-g-color-text-third, #999)); cursor: pointer; } .kd-filter .kd-filter-body-tabs-item:hover, .kd-filter .kd-filter-body-tabs-item.active { color: var(--kd-c-filter-body-tabs-item-color-text-active, var(--kd-g-color-ongoing, #276ff5)); } .kd-filter .kd-filter-body-tabs-split { width: 1px; height: 16px; background-color: var(--kd-g-color-border-strong, #d9d9d9); } .kd-filter .kd-filter-body-conditions { display: none; } .kd-filter .kd-filter-body-conditions.active { display: block; } .kd-filter .kd-filter-body-condition { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: var(--kd-g-font-size-small, 12px); } .kd-filter .kd-filter-body-condition:not(:last-child) { border-bottom: 1px solid var(--kd-g-color-border-weak, #e5e5e5); } .kd-filter .kd-filter-body-condition-label { padding: 11px 0 10px; color: var(--kd-g-color-text-third, #999); line-height: 18px; width: var(--kd-c-filter-body-condition-label-width); } .kd-filter .kd-filter-body-condition-options { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; max-height: 64px; margin-left: 24px; padding: 8px 0 4px; overflow: auto; } .kd-filter .kd-filter-body-condition-option { margin-bottom: 4px; padding: 0 12px; color: var(--kd-g-color-text-secondary, #666); vertical-align: middle; line-height: 22px; font-size: var(--kd-g-font-size-small, 12px); border-radius: var(--kd-g-radius-border, 2px); border: 1px solid transparent; cursor: pointer; white-space: nowrap; max-width: var(--kd-c-filter-body-condition-option-max-width); overflow: hidden; display: inline-block; text-overflow: ellipsis; } .kd-filter .kd-filter-body-condition-option:not(:last-child) { margin-right: 24px; } .kd-filter .kd-filter-body-condition-option.active { color: #276ff5; border-color: #276ff5; background-color: var(--kd-g-color-background, #fff); } .kd-filter .kd-filter-body-condition-option-customer { margin-left: -20px; } .kd-filter .kd-filter-body-condition-addition { margin-left: 24px; line-height: 40px; } .kd-filter .kd-filter-body-scheme { display: none; } .kd-filter .kd-filter-body-scheme.active { display: block; } .kd-filter .kd-filter-body-scheme > li { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; line-height: 40px; } .kd-filter .kd-filter-body-scheme-label { width: 96px; color: var(--kd-g-color-text-third, #999); font-size: var(--kd-g-font-size-small, 12px); } .kd-filter .kd-filter-body-scheme-list { display: -webkit-box; display: -ms-flexbox; display: flex; } .kd-filter .kd-filter-body-scheme-item { font-size: var(--kd-g-font-size-small, 12px); color: var(--kd-g-color-text-secondary, #666); cursor: pointer; } .kd-filter .kd-filter-body-scheme-item:not(:last-child) { margin-right: 48px; } .kd-filter .kd-filter-body-scheme-item.active { color: #276ff5; } .kd-filter .kd-filter-body-scheme-action { position: absolute; right: 0; } .kd-filter .kd-filter-body-scheme-detail { list-style: none; } .kd-filter .kd-filter-body-scheme-detail > li { line-height: normal; padding: 7px 0 5px 0; color: var(--kd-g-color-text-primary, #212121); font-size: var(--kd-g-font-size-small, 12px); } .kd-filter .kd-filter-body-scheme-detail > li > span { display: inline-block; } .kd-filter .kd-filter-body-scheme-detail > li > span:not(:last-child) { margin-right: 12px; } .kd-filter .kd-filter-body-scheme-detail-field { width: 100px; } .kd-filter .kd-filter-body-scheme-detail-operator { width: 140px; } .kd-filter .kd-filter-body-scheme-detail-value { width: 220px; } .kd-filter .kd-filter-body-scheme-detail-and { font-size: var(--kd-g-font-size-middle, 14px); } .kd-filter .kd-filter-body-scheme-detail-delete { color: var(--kd-g-color-disabled, #b2b2b2); font-size: var(--kd-g-font-size-xx-large, 20px); cursor: pointer; } .kd-filter .kd-filter-body-scheme-detail-delete:hover { color: var(--kd-g-color-error, #fb2323); } /* ----------- color ——————---- start */ /* ----------- color ——————---- end */ /* ----------- motion ——————---- start */ /* ----------- motion ——————---- end */ /* ----------- transition ——————---- start */ /* ----------- transition ——————---- end */ /* ----------- font ——————---- start */ /* ----------- font ——————---- end */ /* ----------- zIndex ——————---- start */ /* 普通组件内部自身层级应设置在0-100间 */ /* ----------- zIndex ——————---- end */ /* ----------- Button ——————---- start */ /* ----------- Button ——————---- end */ /* ----------- Collapse ——————---- start */ /* ----------- Collapse ——————---- end */ /* ----------- Card ——————---- start */ /* ----------- Card ——————---- end */ /* ----------- Carousel ——————---- start */ /* ----------- Carousel ——————---- end */ /* ----------- Cascader ——————---- start */ /* ----------- Cascader ——————---- end */ /* ----------- Switch ——————---- start */ /* ----------- Switch ——————---- end */ /* ----------- Input ——————---- start */ /* ----------- Input ——————---- end */ /* ----------- InputNumber ——————---- start */ /* ----------- InputNumber ——————---- end */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- end */ /* ----------- Radio ——————---- start */ /* ----------- Radio ——————---- end */ /* ----------- icon ——————---- start */ /* ----------- icon ——————---- end */ /* ----------- Popconfirm ——————---- start */ /* ----------- Popconfirm ——————---- end */ /* ----------- Progress ——————---- start */ /* ----------- Progress ——————---- end */ /* ----------- Pagination ——————---- start */ /* ----------- Pagination ——————---- end */ /* ----------- Timeline ——————---- start */ /* ----------- Timeline ——————---- end */ /* ----------- Tabs ——————---- start */ /* ----------- Tabs ——————---- end */ /* ----------- Select ——————---- start */ /* ----------- Select ——————---- end */ /* ----------- Rate ——————---- start */ /* ----------- Rate ——————---- end */ /* ----------- Dropdown ——————---- start */ /* ----------- Dropdown ——————---- end */ /* ----------- Tooltip ——————---- start */ /* ----------- Tooltip ——————---- end */ /* ----------- Transfer ——————---- start */ /* ----------- Transfer ——————---- end */ /* ----------- DatePicker ——————---- start */ /* ----------- DatePicker ——————---- end */ /* ----------- ColorPicker ——————---- start */ /* ----------- ColorPicker ——————---- end */ /* ----------- Tree ——————---- start */ /* ----------- Tree ——————---- end */ /* ----------- Alert ——————---- start */ /* ----------- Alert ——————---- end */ /* ----------- Split-Panel ——————---- start */ /* ----------- Split-Panel ——————---- end */ /* ----------- Modal ——————---- start */ /* ----------- Modal ——————---- end */ /* ----------- Steps ——————---- start */ /* ----------- Steps ——————---- end */ /* ----------- Form ——————---- start */ /* ----------- Form ——————---- end */ /* ----------- Tag ——————---- start */ /* ----------- Tag ——————---- end */ /* ----------- Menu ——————---- start */ /* ----------- Menu ——————---- end */ /* ----------- notice ——————---- start */ /* ----------- message ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Layout ——————---- start */ /* ----------- Layout ——————---- end */ /* ----------- Typography ——————---- start */ /* ----------- Typography ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Badge ——————---- start */ /* ----------- Badge ——————---- end */ /* ----------- Anchor ——————---- start */ /* ----------- Anchor ——————---- end */ /* ----------- Avatar ——————---- start */ /* ----------- Avatar ——————---- end */ /* ----------- AdvancedSelector ——————---- start */ /* ----------- AdvancedSelector ——————---- end */ /* ----------- motion ——————---- start */ /* ----------- motion ——————---- end */ /* ----------- transition ——————---- start */ /* ----------- transition ——————---- end */ /* ----------- zIndex ——————---- start */ /* 普通组件内部自身层级应设置在0-100间 */ /* ----------- zIndex ——————---- end */ /* 多行显示省略号 */ /* 单行显示省略号 */ /** 浮层箭头样式 **/ .kd-form { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; font-variant: tabular-nums; list-style: none; -webkit-font-feature-settings: 'tnum'; font-feature-settings: 'tnum'; } .kd-form-horizontal .kd-form-field, .kd-form-vertical .kd-form-field { display: -webkit-box; display: -ms-flexbox; display: flex; } .kd-form-horizontal .kd-form-field-label { -ms-flex-negative: 0; flex-shrink: 0; } .kd-form-inline .kd-form-field { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .kd-form-field { -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 var(--kd-c-form-field-spacing-margin-right, 30px) var(--kd-c-form-field-spacing-margin-bottom, 22px) 0; } .kd-form-field-vertical { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .kd-form-field-vertical .kd-form-field-label { margin-bottom: var(--kd-c-form-field-label-spacing-margin-bottom, 5px); } .kd-form-field-hidden { display: none !important; } .kd-form-field-extra { margin-bottom: calc(var(--kd-c-form-field-spacing-margin-bottom, 22px) * 2); } .kd-form-field-label { font-size: var(--kd-c-form-field-label-font-size, 12px); line-height: var(--kd-c-form-field-label-line-height, 18px); color: var(--kd-c-form-field-color, var(--kd-g-color-text-secondary, #666)); text-align: left; margin-right: 30px; } .kd-form-field-label-right { text-align: right; } .kd-form-field-label-required-mark { position: relative; } .kd-form-field-label-required-mark::after { content: '*'; position: absolute; top: -1px; right: -9px; width: 5px; height: 5px; font-family: SimSun, sans-serif; line-height: 1; color: var(--kd-c-form-error-color, var(--kd-g-color-error, #fb2323)); } .kd-form-field-wrapper { position: relative; } .kd-form-field-wrapper-message, .kd-form-field-wrapper-extra { position: absolute; left: -7px; right: 0; padding: var(--kd-c-form-field-message-spacing-padding-horizontal, 2px) var(--kd-c-form-field-message-spacing-padding-vertical, 8px); font-size: var(--kd-c-form-field-message-font-size, 12px); line-height: var(--kd-c-form-field-message-line-height, 18px); color: var(--kd-c-form-error-color, var(--kd-g-color-error, #fb2323)); word-break: break-word; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .kd-form-field-wrapper-extra-message { color: var(--kd-c-form-error-color, var(--kd-g-color-error, #fb2323)); } .kd-form-field-wrapper-extra-text { color: var(--kd-c-form-extra-color, var(--kd-g-color-text-third, #999)); } /* ----------- color ——————---- start */ /* ----------- color ——————---- end */ /* ----------- motion ——————---- start */ /* ----------- motion ——————---- end */ /* ----------- transition ——————---- start */ /* ----------- transition ——————---- end */ /* ----------- font ——————---- start */ /* ----------- font ——————---- end */ /* ----------- zIndex ——————---- start */ /* 普通组件内部自身层级应设置在0-100间 */ /* ----------- zIndex ——————---- end */ /* ----------- Button ——————---- start */ /* ----------- Button ——————---- end */ /* ----------- Collapse ——————---- start */ /* ----------- Collapse ——————---- end */ /* ----------- Card ——————---- start */ /* ----------- Card ——————---- end */ /* ----------- Carousel ——————---- start */ /* ----------- Carousel ——————---- end */ /* ----------- Cascader ——————---- start */ /* ----------- Cascader ——————---- end */ /* ----------- Switch ——————---- start */ /* ----------- Switch ——————---- end */ /* ----------- Input ——————---- start */ /* ----------- Input ——————---- end */ /* ----------- InputNumber ——————---- start */ /* ----------- InputNumber ——————---- end */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- end */ /* ----------- Radio ——————---- start */ /* ----------- Radio ——————---- end */ /* ----------- icon ——————---- start */ /* ----------- icon ——————---- end */ /* ----------- Popconfirm ——————---- start */ /* ----------- Popconfirm ——————---- end */ /* ----------- Progress ——————---- start */ /* ----------- Progress ——————---- end */ /* ----------- Pagination ——————---- start */ /* ----------- Pagination ——————---- end */ /* ----------- Timeline ——————---- start */ /* ----------- Timeline ——————---- end */ /* ----------- Tabs ——————---- start */ /* ----------- Tabs ——————---- end */ /* ----------- Select ——————---- start */ /* ----------- Select ——————---- end */ /* ----------- Rate ——————---- start */ /* ----------- Rate ——————---- end */ /* ----------- Dropdown ——————---- start */ /* ----------- Dropdown ——————---- end */ /* ----------- Tooltip ——————---- start */ /* ----------- Tooltip ——————---- end */ /* ----------- Transfer ——————---- start */ /* ----------- Transfer ——————---- end */ /* ----------- DatePicker ——————---- start */ /* ----------- DatePicker ——————---- end */ /* ----------- ColorPicker ——————---- start */ /* ----------- ColorPicker ——————---- end */ /* ----------- Tree ——————---- start */ /* ----------- Tree ——————---- end */ /* ----------- Alert ——————---- start */ /* ----------- Alert ——————---- end */ /* ----------- Split-Panel ——————---- start */ /* ----------- Split-Panel ——————---- end */ /* ----------- Modal ——————---- start */ /* ----------- Modal ——————---- end */ /* ----------- Steps ——————---- start */ /* ----------- Steps ——————---- end */ /* ----------- Form ——————---- start */ /* ----------- Form ——————---- end */ /* ----------- Tag ——————---- start */ /* ----------- Tag ——————---- end */ /* ----------- Menu ——————---- start */ /* ----------- Menu ——————---- end */ /* ----------- notice ——————---- start */ /* ----------- message ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Layout ——————---- start */ /* ----------- Layout ——————---- end */ /* ----------- Typography ——————---- start */ /* ----------- Typography ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Badge ——————---- start */ /* ----------- Badge ——————---- end */ /* ----------- Anchor ——————---- start */ /* ----------- Anchor ——————---- end */ /* ----------- Avatar ——————---- start */ /* ----------- Avatar ——————---- end */ /* ----------- AdvancedSelector ——————---- start */ /* ----------- AdvancedSelector ——————---- end */ /* ----------- motion ——————---- start */ /* ----------- motion ——————---- end */ /* ----------- transition ——————---- start */ /* ----------- transition ——————---- end */ /* ----------- zIndex ——————---- start */ /* 普通组件内部自身层级应设置在0-100间 */ /* ----------- zIndex ——————---- end */ /* 多行显示省略号 */ /* 单行显示省略号 */ /** 浮层箭头样式 **/ .kd-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; row-gap: var(--rgap); margin: 0 calc(-1 * var(--cgap) / 2); } .kd-row.nowrap { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .kd-row.sogou-row { margin-bottom: calc(-1 * var(--rgap)); } .kd-col { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 calc(var(--cgap) / 2); } .kd-col.sogou-col { margin-bottom: var(--rgap); } /* ----------- color ——————---- start */ /* ----------- color ——————---- end */ /* ----------- motion ——————---- start */ /* ----------- motion ——————---- end */ /* ----------- transition ——————---- start */ /* ----------- transition ——————---- end */ /* ----------- font ——————---- start */ /* ----------- font ——————---- end */ /* ----------- zIndex ——————---- start */ /* 普通组件内部自身层级应设置在0-100间 */ /* ----------- zIndex ——————---- end */ /* ----------- Button ——————---- start */ /* ----------- Button ——————---- end */ /* ----------- Collapse ——————---- start */ /* ----------- Collapse ——————---- end */ /* ----------- Card ——————---- start */ /* ----------- Card ——————---- end */ /* ----------- Carousel ——————---- start */ /* ----------- Carousel ——————---- end */ /* ----------- Cascader ——————---- start */ /* ----------- Cascader ——————---- end */ /* ----------- Switch ——————---- start */ /* ----------- Switch ——————---- end */ /* ----------- Input ——————---- start */ /* ----------- Input ——————---- end */ /* ----------- InputNumber ——————---- start */ /* ----------- InputNumber ——————---- end */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- end */ /* ----------- Radio ——————---- start */ /* ----------- Radio ——————---- end */ /* ----------- icon ——————---- start */ /* ----------- icon ——————---- end */ /* ----------- Popconfirm ——————---- start */ /* ----------- Popconfirm ——————---- end */ /* ----------- Progress ——————---- start */ /* ----------- Progress ——————---- end */ /* ----------- Pagination ——————---- start */ /* ----------- Pagination ——————---- end */ /* ----------- Timeline ——————---- start */ /* ----------- Timeline ——————---- end */ /* ----------- Tabs ——————---- start */ /* ----------- Tabs ——————---- end */ /* ----------- Select ——————---- start */ /* ----------- Select ——————---- end */ /* ----------- Rate ——————---- start */ /* ----------- Rate ——————---- end */ /* ----------- Dropdown ——————---- start */ /* ----------- Dropdown ——————---- end */ /* ----------- Tooltip ——————---- start */ /* ----------- Tooltip ——————---- end */ /* ----------- Transfer ——————---- start */ /* ----------- Transfer ——————---- end */ /* ----------- DatePicker ——————---- start */ /* ----------- DatePicker ——————---- end */ /* ----------- ColorPicker ——————---- start */ /* ----------- ColorPicker ——————---- end */ /* ----------- Tree ——————---- start */ /* ----------- Tree ——————---- end */ /* ----------- Alert ——————---- start */ /* ----------- Alert ——————---- end */ /* ----------- Split-Panel ——————---- start */ /* ----------- Split-Panel ——————---- end */ /* ----------- Modal ——————---- start */ /* ----------- Modal ——————---- end */ /* ----------- Steps ——————---- start */ /* ----------- Steps ——————---- end */ /* ----------- Form ——————---- start */ /* ----------- Form ——————---- end */ /* ----------- Tag ——————---- start */ /* ----------- Tag ——————---- end */ /* ----------- Menu ——————---- start */ /* ----------- Menu ——————---- end */ /* ----------- notice ——————---- start */ /* ----------- message ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Layout ——————---- start */ /* ----------- Layout ——————---- end */ /* ----------- Typography ——————---- start */ /* ----------- Typography ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Badge ——————---- start */ /* ----------- Badge ——————---- end */ /* ----------- Anchor ——————---- start */ /* ----------- Anchor ——————---- end */ /* ----------- Avatar ——————---- start */ /* ----------- Avatar ——————---- end */ /* ----------- AdvancedSelector ——————---- start */ /* ----------- AdvancedSelector ——————---- end */ [class^="kdicon"] { display: inline-block; text-align: center; vertical-align: middle; } .icon-spin::before, .icon-spin { -webkit-animation: loadingcircle 2s infinite linear; animation: loadingcircle 2s infinite linear; } /* ----------- color ——————---- start */ /* ----------- color ——————---- end */ /* ----------- motion ——————---- start */ /* ----------- motion ——————---- end */ /* ----------- transition ——————---- start */ /* ----------- transition ——————---- end */ /* ----------- font ——————---- start */ /* ----------- font ——————---- end */ /* ----------- zIndex ——————---- start */ /* 普通组件内部自身层级应设置在0-100间 */ /* ----------- zIndex ——————---- end */ /* ----------- Button ——————---- start */ /* ----------- Button ——————---- end */ /* ----------- Collapse ——————---- start */ /* ----------- Collapse ——————---- end */ /* ----------- Card ——————---- start */ /* ----------- Card ——————---- end */ /* ----------- Carousel ——————---- start */ /* ----------- Carousel ——————---- end */ /* ----------- Cascader ——————---- start */ /* ----------- Cascader ——————---- end */ /* ----------- Switch ——————---- start */ /* ----------- Switch ——————---- end */ /* ----------- Input ——————---- start */ /* ----------- Input ——————---- end */ /* ----------- InputNumber ——————---- start */ /* ----------- InputNumber ——————---- end */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- end */ /* ----------- Radio ——————---- start */ /* ----------- Radio ——————---- end */ /* ----------- icon ——————---- start */ /* ----------- icon ——————---- end */ /* ----------- Popconfirm ——————---- start */ /* ----------- Popconfirm ——————---- end */ /* ----------- Progress ——————---- start */ /* ----------- Progress ——————---- end */ /* ----------- Pagination ——————---- start */ /* ----------- Pagination ——————---- end */ /* ----------- Timeline ——————---- start */ /* ----------- Timeline ——————---- end */ /* ----------- Tabs ——————---- start */ /* ----------- Tabs ——————---- end */ /* ----------- Select ——————---- start */ /* ----------- Select ——————---- end */ /* ----------- Rate ——————---- start */ /* ----------- Rate ——————---- end */ /* ----------- Dropdown ——————---- start */ /* ----------- Dropdown ——————---- end */ /* ----------- Tooltip ——————---- start */ /* ----------- Tooltip ——————---- end */ /* ----------- Transfer ——————---- start */ /* ----------- Transfer ——————---- end */ /* ----------- DatePicker ——————---- start */ /* ----------- DatePicker ——————---- end */ /* ----------- ColorPicker ——————---- start */ /* ----------- ColorPicker ——————---- end */ /* ----------- Tree ——————---- start */ /* ----------- Tree ——————---- end */ /* ----------- Alert ——————---- start */ /* ----------- Alert ——————---- end */ /* ----------- Split-Panel ——————---- start */ /* ----------- Split-Panel ——————---- end */ /* ----------- Modal ——————---- start */ /* ----------- Modal ——————---- end */ /* ----------- Steps ——————---- start */ /* ----------- Steps ——————---- end */ /* ----------- Form ——————---- start */ /* ----------- Form ——————---- end */ /* ----------- Tag ——————---- start */ /* ----------- Tag ——————---- end */ /* ----------- Menu ——————---- start */ /* ----------- Menu ——————---- end */ /* ----------- notice ——————---- start */ /* ----------- message ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Layout ——————---- start */ /* ----------- Layout ——————---- end */ /* ----------- Typography ——————---- start */ /* ----------- Typography ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Badge ——————---- start */ /* ----------- Badge ——————---- end */ /* ----------- Anchor ——————---- start */ /* ----------- Anchor ——————---- end */ /* ----------- Avatar ——————---- start */ /* ----------- Avatar ——————---- end */ /* ----------- AdvancedSelector ——————---- start */ /* ----------- AdvancedSelector ——————---- end */ /* ----------- motion ——————---- start */ /* ----------- motion ——————---- end */ /* ----------- transition ——————---- start */ /* ----------- transition ——————---- end */ /* ----------- zIndex ——————---- start */ /* 普通组件内部自身层级应设置在0-100间 */ /* ----------- zIndex ——————---- end */ /* 多行显示省略号 */ /* 单行显示省略号 */ /** 浮层箭头样式 **/ .kd-image-cropper-container { width: 100%; height: 100%; } .kd-image-cropper-modal-body-container { padding: 28px !important; padding-bottom: 24px !important; } .kd-image-cropper-bar-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 44px; background: #f2f2f2; border-radius: 4px; } .kd-image-cropper-bar-container .kd-image-cropper-btn-container { padding-left: 28px; font-size: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .kd-image-cropper-bar-container .kd-image-cropper-btn-container.default { border-right: 1px solid #ccc; } .kd-image-cropper-bar-container .kd-image-cropper-btn-container > i, .kd-image-cropper-bar-container .kd-image-cropper-btn-container > .kd-upload { margin-right: 20px; cursor: pointer; } .kd-image-cropper-bar-container .kd-image-cropper-btn-container .kd-upload { display: -webkit-box; display: -ms-flexbox; display: flex; } .kd-image-cropper-bar-container .kd-image-cropper-btn-container .kd-upload-handle { display: -webkit-box; display: -ms-flexbox; display: flex; } .kd-image-cropper-bar-container .ok-btn { height: 100%; } .kd-image-cropper-bar-container-slider { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 20px; margin-right: 20px; } /*! * 禁止更新 * Cropper.js v1.5.7 * https://fengyuanchen.github.io/cropperjs * * Copyright 2015-present Chen Fengyuan * Released under the MIT license * * Date: 2020-05-23T05:22:57.283Z */ .cropper-container { direction: ltr; font-size: 0; height: 100%; line-height: 0; position: relative; -ms-touch-action: none; touch-action: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .cropper-container img { display: block; height: 100%; image-orientation: 0deg; max-height: none !important; max-width: none !important; min-height: 0 !important; min-width: 0 !important; width: 100%; } .cropper-wrap-box, .cropper-canvas, .cropper-drag-box, .cropper-crop-box, .cropper-modal { bottom: 0; left: 0; position: absolute; right: 0; top: 0; } .cropper-wrap-box, .cropper-canvas { overflow: hidden; } .cropper-drag-box { background-color: #fff; opacity: 0; } .cropper-modal { background-color: #000; opacity: 0.5; } .cropper-view-box { display: block; height: 100%; outline: 1px solid #39f; outline-color: rgba(51, 153, 255, 0.75); overflow: hidden; width: 100%; } .cropper-dashed { border: 0 dashed #eee; display: block; opacity: 0.5; position: absolute; } .cropper-dashed.dashed-h { border-bottom-width: 1px; border-top-width: 1px; height: calc(100% / 3); left: 0; top: calc(100% / 3); width: 100%; } .cropper-dashed.dashed-v { border-left-width: 1px; border-right-width: 1px; height: 100%; left: calc(100% / 3); top: 0; width: calc(100% / 3); } .cropper-center { display: block; height: 0; left: 50%; opacity: 0.75; position: absolute; top: 50%; width: 0; } .cropper-center::before, .cropper-center::after { background-color: #eee; content: ' '; display: block; position: absolute; } .cropper-center::before { height: 1px; left: -3px; top: 0; width: 7px; } .cropper-center::after { height: 7px; left: 0; top: -3px; width: 1px; } .cropper-face, .cropper-line, .cropper-point { display: block; height: 100%; opacity: 0.1; position: absolute; width: 100%; } .cropper-face { background-color: #fff; left: 0; top: 0; } .cropper-line { background-color: #5582f3; } .cropper-line.line-e { cursor: ew-resize; right: -3px; top: 0; width: 5px; } .cropper-line.line-n { cursor: ns-resize; height: 5px; left: 0; top: -3px; } .cropper-line.line-w { cursor: ew-resize; left: -3px; top: 0; width: 5px; } .cropper-line.line-s { bottom: -3px; cursor: ns-resize; height: 5px; left: 0; } .cropper-point { background-color: #fff; border: 1px solid #5582f3; height: 5px; opacity: 0.75; width: 5px; } .cropper-point:hover { background-color: #5582f3; } .cropper-point.point-e { cursor: ew-resize; margin-top: -3px; right: -3px; top: 50%; } .cropper-point.point-n { cursor: ns-resize; left: 50%; margin-left: -3px; top: -3px; } .cropper-point.point-w { cursor: ew-resize; left: -3px; margin-top: -3px; top: 50%; } .cropper-point.point-s { bottom: -3px; cursor: s-resize; left: 50%; margin-left: -3px; } .cropper-point.point-ne { cursor: nesw-resize; right: -3px; top: -3px; } .cropper-point.point-nw { cursor: nwse-resize; left: -3px; top: -3px; } .cropper-point.point-sw { bottom: -3px; cursor: nesw-resize; left: -3px; } .cropper-point.point-se { bottom: -3px; cursor: nwse-resize; right: -3px; } .cropper-invisible { opacity: 0; } .cropper-bg { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC); } .cropper-hide { display: block; height: 0; position: absolute; width: 0; } .cropper-hidden { display: none !important; } .cropper-move { cursor: move; } .cropper-crop { cursor: crosshair; } .cropper-disabled .cropper-drag-box, .cropper-disabled .cropper-face, .cropper-disabled .cropper-line, .cropper-disabled .cropper-point { cursor: not-allowed; } /* ----------- color ——————---- start */ /* ----------- color ——————---- end */ /* ----------- motion ——————---- start */ /* ----------- motion ——————---- end */ /* ----------- transition ——————---- start */ /* ----------- transition ——————---- end */ /* ----------- font ——————---- start */ /* ----------- font ——————---- end */ /* ----------- zIndex ——————---- start */ /* 普通组件内部自身层级应设置在0-100间 */ /* ----------- zIndex ——————---- end */ /* ----------- Button ——————---- start */ /* ----------- Button ——————---- end */ /* ----------- Collapse ——————---- start */ /* ----------- Collapse ——————---- end */ /* ----------- Card ——————---- start */ /* ----------- Card ——————---- end */ /* ----------- Carousel ——————---- start */ /* ----------- Carousel ——————---- end */ /* ----------- Cascader ——————---- start */ /* ----------- Cascader ——————---- end */ /* ----------- Switch ——————---- start */ /* ----------- Switch ——————---- end */ /* ----------- Input ——————---- start */ /* ----------- Input ——————---- end */ /* ----------- InputNumber ——————---- start */ /* ----------- InputNumber ——————---- end */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- end */ /* ----------- Radio ——————---- start */ /* ----------- Radio ——————---- end */ /* ----------- icon ——————---- start */ /* ----------- icon ——————---- end */ /* ----------- Popconfirm ——————---- start */ /* ----------- Popconfirm ——————---- end */ /* ----------- Progress ——————---- start */ /* ----------- Progress ——————---- end */ /* ----------- Pagination ——————---- start */ /* ----------- Pagination ——————---- end */ /* ----------- Timeline ——————---- start */ /* ----------- Timeline ——————---- end */ /* ----------- Tabs ——————---- start */ /* ----------- Tabs ——————---- end */ /* ----------- Select ——————---- start */ /* ----------- Select ——————---- end */ /* ----------- Rate ——————---- start */ /* ----------- Rate ——————---- end */ /* ----------- Dropdown ——————---- start */ /* ----------- Dropdown ——————---- end */ /* ----------- Tooltip ——————---- start */ /* ----------- Tooltip ——————---- end */ /* ----------- Transfer ——————---- start */ /* ----------- Transfer ——————---- end */ /* ----------- DatePicker ——————---- start */ /* ----------- DatePicker ——————---- end */ /* ----------- ColorPicker ——————---- start */ /* ----------- ColorPicker ——————---- end */ /* ----------- Tree ——————---- start */ /* ----------- Tree ——————---- end */ /* ----------- Alert ——————---- start */ /* ----------- Alert ——————---- end */ /* ----------- Split-Panel ——————---- start */ /* ----------- Split-Panel ——————---- end */ /* ----------- Modal ——————---- start */ /* ----------- Modal ——————---- end */ /* ----------- Steps ——————---- start */ /* ----------- Steps ——————---- end */ /* ----------- Form ——————---- start */ /* ----------- Form ——————---- end */ /* ----------- Tag ——————---- start */ /* ----------- Tag ——————---- end */ /* ----------- Menu ——————---- start */ /* ----------- Menu ——————---- end */ /* ----------- notice ——————---- start */ /* ----------- message ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Layout ——————---- start */ /* ----------- Layout ——————---- end */ /* ----------- Typography ——————---- start */ /* ----------- Typography ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Badge ——————---- start */ /* ----------- Badge ——————---- end */ /* ----------- Anchor ——————---- start */ /* ----------- Anchor ——————---- end */ /* ----------- Avatar ——————---- start */ /* ----------- Avatar ——————---- end */ /* ----------- AdvancedSelector ——————---- start */ /* ----------- AdvancedSelector ——————---- end */ /* ----------- motion ——————---- start */ /* ----------- motion ——————---- end */ /* ----------- transition ——————---- start */ /* ----------- transition ——————---- end */ /* ----------- zIndex ——————---- start */ /* 普通组件内部自身层级应设置在0-100间 */ /* ----------- zIndex ——————---- end */ /* 多行显示省略号 */ /* 单行显示省略号 */ /** 浮层箭头样式 **/ .kd-image { position: relative; display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; border-radius: var(--kd-c-image-radius-border, var(--kd-g-radius-border, 2px)); } .kd-image:not(.error):hover .kd-image-action { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } .kd-image.error .kd-image-img { cursor: auto; } .kd-image-img { display: block; width: 100%; height: auto; cursor: pointer; } .kd-image-action { position: absolute; bottom: 0; height: var(--kd-c-image-action-sizing-height, 28px); width: var(--kd-c-image-action-sizing-width, 100%); text-align: center; opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; background-color: var(--kd-c-image-action-color-background, rgba(0, 0, 0, 0.5)); } .kd-image-action > * { color: var(--kd-c-image-icon-color, var(--kd-g-color-white, #fff)); cursor: pointer; display: inline-block; font-size: var(--kd-c-image-font-size-x-large, var(--kd-g-font-size-x-large, 18px)); } .kd-image-action > *:not(:first-child) { margin-left: 20px; } .kd-image-preview { z-index: 3000; position: fixed; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; -webkit-transform: scale(0.15); transform: scale(0.15); visibility: hidden; -webkit-transition: all 0.2s cubic-bezier(0.4, 0, 1, 0.6); transition: all 0.2s cubic-bezier(0.4, 0, 1, 0.6); -webkit-overflow-scrolling: touch; } .kd-image-preview.show { opacity: 1; -webkit-transform: scale(1); transform: scale(1); visibility: visible; -webkit-transition: all 0.2s cubic-bezier(0, 0.4, 0.4, 1); transition: all 0.2s cubic-bezier(0, 0.4, 0.4, 1); } .kd-image-preview-mask { position: fixed; top: 0; right: 0; bottom: 0; left: 0; content: ''; background-color: rgba(0, 0, 0, 0.5); } .kd-image-preview-close { position: absolute; top: 18px; right: 18px; width: calc(var(--kd-c-image-preview-font-size, 28px) - 10px); height: calc(var(--kd-c-image-preview-font-size, 28px) - 10px); font-size: var(--kd-c-image-preview-font-size, 28px); color: var(--kd-c-image-close-color-background, #666666); cursor: pointer; background-color: var(--kd-c-image-icon-color, var(--kd-g-color-white, #fff)); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 50%; } .kd-image-preview-close:hover, .kd-image-preview-close:active { color: #5582f3; } .kd-image-preview-wrap { position: absolute; top: 68px; right: 0; bottom: 30px; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; transition: -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } .kd-image-preview-img { max-width: 100%; max-height: 100%; cursor: -webkit-grab; cursor: grab; } .kd-image-preview-action { position: absolute; left: 50%; bottom: 40px; width: 240px; height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 20px; background-color: rgba(0, 0, 0, 0.5); -webkit-transform: translateX(-50%); transform: translateX(-50%); } .kd-image-preview-action i { color: var(--kd-c-image-icon-color, var(--kd-g-color-white, #fff)); font-size: var(--kd-c-image-icon-font-size, 26px); cursor: pointer; } .kd-image-preview-action i:hover, .kd-image-preview-action i:active { opacity: 0.65; } .kd-image-preview-action i:not(:first-child) { margin-left: 20px; } .kd-image-preview-action i.disabled { opacity: 0.4; cursor: not-allowed; } .kd-image-preview-previous, .kd-image-preview-next { position: absolute; top: 50%; width: 40px; height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 50%; color: var(--kd-c-image-icon-color, var(--kd-g-color-white, #fff)); background-color: rgba(0, 0, 0, 0.6); -webkit-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; } .kd-image-preview-previous { left: 60px; } .kd-image-preview-next { right: 60px; } .kd-image-preview-topbar { position: absolute; top: 0; width: 100%; height: 40px; color: var(--kd-c-image-icon-color, var(--kd-g-color-white, #fff)); line-height: 40px; background-color: rgba(0, 0, 0, 0.9); -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.15); } .kd-image-preview-topbar-info { position: absolute; left: 40px; } .kd-image-preview-topbar-info-size { padding-left: 12px; opacity: 0.65; } .kd-image-preview-topbar-action { position: absolute; right: 40px; } .kd-image-preview-topbar-action > * { display: inline-block; margin-left: 20px; cursor: pointer; } .kd-image-preview-topbar-action > * i { margin-right: 2px; font-size: 18px; } /* ----------- color ——————---- start */ /* ----------- color ——————---- end */ /* ----------- motion ——————---- start */ /* ----------- motion ——————---- end */ /* ----------- transition ——————---- start */ /* ----------- transition ——————---- end */ /* ----------- font ——————---- start */ /* ----------- font ——————---- end */ /* ----------- zIndex ——————---- start */ /* 普通组件内部自身层级应设置在0-100间 */ /* ----------- zIndex ——————---- end */ /* ----------- Button ——————---- start */ /* ----------- Button ——————---- end */ /* ----------- Collapse ——————---- start */ /* ----------- Collapse ——————---- end */ /* ----------- Card ——————---- start */ /* ----------- Card ——————---- end */ /* ----------- Carousel ——————---- start */ /* ----------- Carousel ——————---- end */ /* ----------- Cascader ——————---- start */ /* ----------- Cascader ——————---- end */ /* ----------- Switch ——————---- start */ /* ----------- Switch ——————---- end */ /* ----------- Input ——————---- start */ /* ----------- Input ——————---- end */ /* ----------- InputNumber ——————---- start */ /* ----------- InputNumber ——————---- end */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- end */ /* ----------- Radio ——————---- start */ /* ----------- Radio ——————---- end */ /* ----------- icon ——————---- start */ /* ----------- icon ——————---- end */ /* ----------- Popconfirm ——————---- start */ /* ----------- Popconfirm ——————---- end */ /* ----------- Progress ——————---- start */ /* ----------- Progress ——————---- end */ /* ----------- Pagination ——————---- start */ /* ----------- Pagination ——————---- end */ /* ----------- Timeline ——————---- start */ /* ----------- Timeline ——————---- end */ /* ----------- Tabs ——————---- start */ /* ----------- Tabs ——————---- end */ /* ----------- Select ——————---- start */ /* ----------- Select ——————---- end */ /* ----------- Rate ——————---- start */ /* ----------- Rate ——————---- end */ /* ----------- Dropdown ——————---- start */ /* ----------- Dropdown ——————---- end */ /* ----------- Tooltip ——————---- start */ /* ----------- Tooltip ——————---- end */ /* ----------- Transfer ——————---- start */ /* ----------- Transfer ——————---- end */ /* ----------- DatePicker ——————---- start */ /* ----------- DatePicker ——————---- end */ /* ----------- ColorPicker ——————---- start */ /* ----------- ColorPicker ——————---- end */ /* ----------- Tree ——————---- start */ /* ----------- Tree ——————---- end */ /* ----------- Alert ——————---- start */ /* ----------- Alert ——————---- end */ /* ----------- Split-Panel ——————---- start */ /* ----------- Split-Panel ——————---- end */ /* ----------- Modal ——————---- start */ /* ----------- Modal ——————---- end */ /* ----------- Steps ——————---- start */ /* ----------- Steps ——————---- end */ /* ----------- Form ——————---- start */ /* ----------- Form ——————---- end */ /* ----------- Tag ——————---- start */ /* ----------- Tag ——————---- end */ /* ----------- Menu ——————---- start */ /* ----------- Menu ——————---- end */ /* ----------- notice ——————---- start */ /* ----------- message ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Layout ——————---- start */ /* ----------- Layout ——————---- end */ /* ----------- Typography ——————---- start */ /* ----------- Typography ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Badge ——————---- start */ /* ----------- Badge ——————---- end */ /* ----------- Anchor ——————---- start */ /* ----------- Anchor ——————---- end */ /* ----------- Avatar ——————---- start */ /* ----------- Avatar ——————---- end */ /* ----------- AdvancedSelector ——————---- start */ /* ----------- AdvancedSelector ——————---- end */ /* ----------- motion ——————---- start */ /* ----------- motion ——————---- end */ /* ----------- transition ——————---- start */ /* ----------- transition ——————---- end */ /* ----------- zIndex ——————---- start */ /* 普通组件内部自身层级应设置在0-100间 */ /* ----------- zIndex ——————---- end */ .kd-inputNumber-baseStep { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box; height: 100%; cursor: pointer; } .kd-inputNumber-baseStep-small { width: var(--kd-c-input-number-sizing-height-small, 20px); } .kd-inputNumber-baseStep-middle { width: var(--kd-c-input-number-sizing-height-middle, 30px); } .kd-inputNumber-baseStep-large { width: var(--kd-c-input-number-sizing-height-large, 36px); } .kd-inputNumber-baseStep .kd-inputNumber-icon { color: var(--kd-c-input-number-color-text-baseStep, var(--kd-g-color-text-secondary, #666)); -webkit-transition: color var(--kd-g-duration, 0.3s); transition: color var(--kd-g-duration, 0.3s); } .kd-inputNumber-baseStep:hover .kd-inputNumber-icon { color: var(--kd-c-input-number-color-theme-5, var(--kd-g-color-theme-5, #87adff)); } .kd-inputNumber-baseStep-decrease { border-right: 1px solid var(--kd-c-input-number-color-border-strong, var(--kd-g-color-border-strong, #d9d9d9)); } .kd-inputNumber-baseStep-decrease.kd-inputNumber-baseStep-small, .kd-inputNumber-baseStep-decrease.kd-inputNumber-embedStep-small { margin-left: -9px; } .kd-inputNumber-baseStep-decrease.kd-inputNumber-baseStep-middle, .kd-inputNumber-baseStep-decrease.kd-inputNumber-embedStep-middle { margin-left: -9px; } .kd-inputNumber-baseStep-decrease.kd-inputNumber-baseStep-large, .kd-inputNumber-baseStep-decrease.kd-inputNumber-embedStep-large { margin-left: -9px; } .kd-inputNumber-baseStep-increase { border-left: 1px solid var(--kd-c-input-number-color-border-strong, var(--kd-g-color-border-strong, #d9d9d9)); } .kd-inputNumber-baseStep-increase.kd-inputNumber-baseStep-small, .kd-inputNumber-baseStep-increase.kd-inputNumber-embedStep-small { margin-right: -9px; } .kd-inputNumber-baseStep-increase.kd-inputNumber-baseStep-middle, .kd-inputNumber-baseStep-increase.kd-inputNumber-embedStep-middle { margin-right: -9px; } .kd-inputNumber-baseStep-increase.kd-inputNumber-baseStep-large, .kd-inputNumber-baseStep-increase.kd-inputNumber-embedStep-large { margin-right: -9px; } .kd-inputNumber-embedStep { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%; border-radius: 0 1px 1px 0; background-color: var(--kd-c-input-number-color-text, #f6f7f9); overflow: hidden; border-left: 1px solid var(--kd-c-input-number-color-border-strong, var(--kd-g-color-border-strong, #d9d9d9)); border: none; } .kd-inputNumber-embedStep.kd-inputNumber-baseStep-small, .kd-inputNumber-embedStep.kd-inputNumber-embedStep-small { margin-right: -9px; } .kd-inputNumber-embedStep.kd-inputNumber-baseStep-middle, .kd-inputNumber-embedStep.kd-inputNumber-embedStep-middle { margin-right: -9px; } .kd-inputNumber-embedStep.kd-inputNumber-baseStep-large, .kd-inputNumber-embedStep.kd-inputNumber-embedStep-large { margin-right: -9px; } .kd-inputNumber-embedStep span { height: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-left: 1px solid var(--kd-c-input-number-color-border-strong, var(--kd-g-color-border-strong, #d9d9d9)); border-bottom: 1px solid var(--kd-c-input-number-color-border-strong, var(--kd-g-color-border-strong, #d9d9d9)); cursor: pointer; font-size: 12px; } .kd-inputNumber-embedStep span .kd-inputNumber-icon { -webkit-transition: color var(--kd-g-duration, 0.3s); transition: color var(--kd-g-duration, 0.3s); line-height: 1; } .kd-inputNumber-embedStep span:hover .kd-inputNumber-icon { color: var(--kd-c-input-number-color-theme-5, var(--kd-g-color-theme-5, #87adff)); } .kd-inputNumber-embedStep span:last-child { border-bottom: none; } /* ----------- color ——————---- start */ /* ----------- color ——————---- end */ /* ----------- motion ——————---- start */ /* ----------- motion ——————---- end */ /* ----------- transition ——————---- start */ /* ----------- transition ——————---- end */ /* ----------- font ——————---- start */ /* ----------- font ——————---- end */ /* ----------- zIndex ——————---- start */ /* 普通组件内部自身层级应设置在0-100间 */ /* ----------- zIndex ——————---- end */ /* ----------- Button ——————---- start */ /* ----------- Button ——————---- end */ /* ----------- Collapse ——————---- start */ /* ----------- Collapse ——————---- end */ /* ----------- Card ——————---- start */ /* ----------- Card ——————---- end */ /* ----------- Carousel ——————---- start */ /* ----------- Carousel ——————---- end */ /* ----------- Cascader ——————---- start */ /* ----------- Cascader ——————---- end */ /* ----------- Switch ——————---- start */ /* ----------- Switch ——————---- end */ /* ----------- Input ——————---- start */ /* ----------- Input ——————---- end */ /* ----------- InputNumber ——————---- start */ /* ----------- InputNumber ——————---- end */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- end */ /* ----------- Radio ——————---- start */ /* ----------- Radio ——————---- end */ /* ----------- icon ——————---- start */ /* ----------- icon ——————---- end */ /* ----------- Popconfirm ——————---- start */ /* ----------- Popconfirm ——————---- end */ /* ----------- Progress ——————---- start */ /* ----------- Progress ——————---- end */ /* ----------- Pagination ——————---- start */ /* ----------- Pagination ——————---- end */ /* ----------- Timeline ——————---- start */ /* ----------- Timeline ——————---- end */ /* ----------- Tabs ——————---- start */ /* ----------- Tabs ——————---- end */ /* ----------- Select ——————---- start */ /* ----------- Select ——————---- end */ /* ----------- Rate ——————---- start */ /* ----------- Rate ——————---- end */ /* ----------- Dropdown ——————---- start */ /* ----------- Dropdown ——————---- end */ /* ----------- Tooltip ——————---- start */ /* ----------- Tooltip ——————---- end */ /* ----------- Transfer ——————---- start */ /* ----------- Transfer ——————---- end */ /* ----------- DatePicker ——————---- start */ /* ----------- DatePicker ——————---- end */ /* ----------- ColorPicker ——————---- start */ /* ----------- ColorPicker ——————---- end */ /* ----------- Tree ——————---- start */ /* ----------- Tree ——————---- end */ /* ----------- Alert ——————---- start */ /* ----------- Alert ——————---- end */ /* ----------- Split-Panel ——————---- start */ /* ----------- Split-Panel ——————---- end */ /* ----------- Modal ——————---- start */ /* ----------- Modal ——————---- end */ /* ----------- Steps ——————---- start */ /* ----------- Steps ——————---- end */ /* ----------- Form ——————---- start */ /* ----------- Form ——————---- end */ /* ----------- Tag ——————---- start */ /* ----------- Tag ——————---- end */ /* ----------- Menu ——————---- start */ /* ----------- Menu ——————---- end */ /* ----------- notice ——————---- start */ /* ----------- message ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Layout ——————---- start */ /* ----------- Layout ——————---- end */ /* ----------- Typography ——————---- start */ /* ----------- Typography ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Badge ——————---- start */ /* ----------- Badge ——————---- end */ /* ----------- Anchor ——————---- start */ /* ----------- Anchor ——————---- end */ /* ----------- Avatar ——————---- start */ /* ----------- Avatar ——————---- end */ /* ----------- AdvancedSelector ——————---- start */ /* ----------- AdvancedSelector ——————---- end */ /* ----------- motion ——————---- start */ /* ----------- motion ——————---- end */ /* ----------- transition ——————---- start */ /* ----------- transition ——————---- end */ /* ----------- zIndex ——————---- start */ /* 普通组件内部自身层级应设置在0-100间 */ /* ----------- zIndex ——————---- end */ textarea { margin: 0; padding: 0; color: inherit; font-size: inherit; font-family: inherit; line-height: inherit; -webkit-appearance: none; overflow: auto; resize: vertical; } .kd-input { width: 100%; min-width: 0; border: var(--kd-c-input-sizing-border, 1px) solid var(--kd-c-input-color-border-disabled, var(--kd-g-color-border-strong, #d9d9d9)); border-radius: var(--kd-c-input-radius-border, var(--kd-g-radius-border, 2px)); color: var(--kd-c-input-color-text, var(--kd-g-color-text-primary, #212121)); -webkit-box-sizing: border-box; box-sizing: border-box; background-color: var(--kd-c-input-color-background, var(--kd-g-color-white, #fff)); display: inline-block; font-variant: tabular-nums; list-style: none; background-image: none; -webkit-font-feature-settings: "tnum"; font-feature-settings: "tnum"; -webkit-transition: border-color var(--kd-c-input-motion-duration, var(--kd-g-duration, 0.3s)); transition: border-color var(--kd-c-input-motion-duration, var(--kd-g-duration, 0.3s)); } .kd-input::-webkit-input-placeholder { color: var(--kd-c-input-placeholder-color-text, var(--kd-g-color-text-placeholder, #ccc)) !important; } .kd-input::-moz-input-placeholder { color: var(--kd-c-input-placeholder-color-text, var(--kd-g-color-text-placeholder, #ccc)) !important; } .kd-input::-ms-input-placeholder { color: var(--kd-c-input-placeholder-color-text, var(--kd-g-color-text-placeholder, #ccc)) !important; } .kd-input:focus { -webkit-box-shadow: none; box-shadow: none; outline: none; } .kd-input:not(.kd-input-disabled):not(.kd-input-error):hover { border-color: var(--kd-c-input-color-border-focused, var(--kd-g-color-theme, #5582f3)); } .kd-input:not(.kd-input-disabled):not(.kd-input-error):focus { color: #212121; border-color: var(--kd-c-input-color-border-focused, var(--kd-g-color-theme, #5582f3)); } .kd-input-countWrapper { position: relative; display: inline-block; width: 100%; } .kd-input-textarea { width: 100%; min-width: 0; border: var(--kd-c-input-sizing-border, 1px) solid var(--kd-c-input-color-border-disabled, var(--kd-g-color-border-strong, #d9d9d9)); border-radius: var(--kd-c-input-radius-border, var(--kd-g-radius-border, 2px)); color: var(--kd-c-input-color-text, var(--kd-g-color-text-primary, #212121)); -webkit-box-sizing: border-box; box-sizing: border-box; background-color: var(--kd-c-input-color-background, var(--kd-g-color-white, #fff)); display: inline-block; font-variant: tabular-nums; list-style: none; background-image: none; -webkit-font-feature-settings: "tnum"; font-feature-settings: "tnum"; -webkit-transition: border-color var(--kd-c-input-motion-duration, var(--kd-g-duration, 0.3s)); transition: border-color var(--kd-c-input-motion-duration, var(--kd-g-duration, 0.3s)); max-width: 100%; height: auto; vertical-align: bottom; } .kd-input-textarea::-webkit-input-placeholder { color: var(--kd-c-input-placeholder-color-text, var(--kd-g-color-text-placeholder, #ccc)) !important; } .kd-input-textarea::-moz-input-placeholder { color: var(--kd-c-input-placeholder-color-text, var(--kd-g-color-text-placeholder, #ccc)) !important; } .kd-input-textarea::-ms-input-placeholder { color: var(--kd-c-input-placeholder-color-text, var(--kd-g-color-text-placeholder, #ccc)) !important; } .kd-input-textarea:focus { -webkit-box-shadow: none; box-shadow: none; outline: none; } .kd-input-textarea:not(.kd-input-disabled):not(.kd-input-error):hover { border-color: var(--kd-c-input-color-border-focused, var(--kd-g-color-theme, #5582f3)); } .kd-input-textarea:not(.kd-input-disabled):not(.kd-input-error):focus { color: #212121; border-color: var(--kd-c-input-color-border-focused, var(--kd-g-color-theme, #5582f3)); } .kd-input-textarea-mark { position: absolute; right: 0; top: calc(100% + 1px); z-index: 1; color: var(--kd-c-input-placeholder-color-text, var(--kd-g-color-text-placeholder, #ccc)); font-size: var(--kd-c-input-font-size-small, var(--kd-g-font-size-small, 12px)); line-height: 18px; background-color: #fff; } .kd-input-textarea-mark-inner { top: auto; bottom: 5px; right: 8px; } .kd-input-textarea-mark-error { color: var(--kd-c-input-color-error, var(--kd-g-color-error, #fb2323)); } .kd-input-no-resize { resize: none; } .kd-input-borderless { border: 0; } .kd-input-borderless:focus { border: 0; } .kd-input-underline { border: none; border-bottom: 1px solid var(--kd-c-input-color-border, #999); border-radius: 0; padding-left: 0 !important; } .kd-input-disabled { background-color: var(--kd-c-input-color-background-disabled, var(--kd-g-color-background-contain-disabled, #f5f5f5)); border-color: var(--kd-c-input-color-border-disabled, var(--kd-g-color-border-strong, #d9d9d9)); color: var(--kd-c-input-affix-color-text, #666); cursor: not-allowed; } .kd-input-underline.kd-input-disabled { color: var(--kd-c-input-color-disabled, var(--kd-g-color-disabled, #b2b2b2)); background-color: var(--kd-c-input-color-background, var(--kd-g-color-white, #fff)); border-color: var(--kd-c-input-underline-color-border-disabled, var(--kd-g-color-border-weak, #e5e5e5)); } .kd-input-size-small { height: var(--kd-c-input-sizing-height-small, 20px); line-height: calc(var(--kd-c-input-sizing-height-small, 20px) - (var(--kd-c-input-spacing-padding-vertical-small, 3px) * 2) - (1px * 2)); font-size: var(--kd-c-input-font-size-small, var(--kd-g-font-size-small, 12px)); padding: var(--kd-c-input-spacing-padding-vertical-small, 3px) var(--kd-c-input-spacing-padding-horizontal-small, 9px); } .kd-input-size-small .kd-input-suffix { margin-left: calc(var(--kd-c-input-spacing-padding-vertical-small, 3px) * 2); } .kd-input-size-small .kd-input-prefix { margin-right: calc(var(--kd-c-input-spacing-padding-vertical-small, 3px) * 2); } .kd-input-size-small.kd-input-underline { padding-right: 0; padding-left: 0; } .kd-input-size-small.kd-input-wrapper-underline { padding-right: 0; padding-left: 0; } .kd-input-size-middle { height: var(--kd-c-input-sizing-height-middle, 30px); line-height: calc(var(--kd-c-input-sizing-height-middle, 30px) - (var(--kd-c-input-spacing-padding-vertical-small, 3px) * 2) - (1px * 2)); font-size: var(--kd-c-input-font-size-middle, var(--kd-g-font-size-middle, 14px)); padding: var(--kd-c-input-spacing-padding-vertical-small, 3px) var(--kd-c-input-spacing-padding-horizontal-small, 9px); } .kd-input-size-middle .kd-input-suffix { margin-left: calc(var(--kd-c-input-spacing-padding-vertical-small, 3px) * 2); } .kd-input-size-middle .kd-input-prefix { margin-right: calc(var(--kd-c-input-spacing-padding-vertical-small, 3px) * 2); } .kd-input-size-middle.kd-input-underline { padding-right: 0; padding-left: 0; } .kd-input-size-middle.kd-input-wrapper-underline { padding-right: 0; padding-left: 0; } .kd-input-size-large { height: var(--kd-c-input-sizing-height-large, 36px); line-height: calc(var(--kd-c-input-sizing-height-large, 36px) - (var(--kd-c-input-spacing-padding-vertical-small, 3px) * 2) - (1px * 2)); font-size: var(--kd-c-input-font-size-large, var(--kd-g-font-size-large, 16px)); padding: var(--kd-c-input-spacing-padding-vertical-small, 3px) var(--kd-c-input-spacing-padding-horizontal-small, 9px); } .kd-input-size-large .kd-input-suffix { margin-left: calc(var(--kd-c-input-spacing-padding-vertical-small, 3px) * 2); } .kd-input-size-large .kd-input-prefix { margin-right: calc(var(--kd-c-input-spacing-padding-vertical-small, 3px) * 2); } .kd-input-size-large.kd-input-underline { padding-right: 0; padding-left: 0; } .kd-input-size-large.kd-input-wrapper-underline { padding-right: 0; padding-left: 0; } .kd-input-wrapper { padding-left: var(--kd-c-input-wrapper-padding-left, 0px); width: 100%; min-width: 0; border: var(--kd-c-input-sizing-border, 1px) solid var(--kd-c-input-color-border-disabled, var(--kd-g-color-border-strong, #d9d9d9)); border-radius: var(--kd-c-input-radius-border, var(--kd-g-radius-border, 2px)); color: var(--kd-c-input-color-text, var(--kd-g-color-text-primary, #212121)); -webkit-box-sizing: border-box; box-sizing: border-box; background-color: var(--kd-c-input-color-background, var(--kd-g-color-white, #fff)); display: inline-block; font-variant: tabular-nums; list-style: none; background-image: none; -webkit-font-feature-settings: "tnum"; font-feature-settings: "tnum"; -webkit-transition: border-color var(--kd-c-input-motion-duration, var(--kd-g-duration, 0.3s)); transition: border-color var(--kd-c-input-motion-duration, var(--kd-g-duration, 0.3s)); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; position: relative; padding-top: 0 !important; padding-bottom: 0 !important; overflow: hidden; } .kd-input-wrapper::-webkit-input-placeholder { color: var(--kd-c-input-placeholder-color-text, var(--kd-g-color-text-placeholder, #ccc)) !important; } .kd-input-wrapper::-moz-input-placeholder { color: var(--kd-c-input-placeholder-color-text, var(--kd-g-color-text-placeholder, #ccc)) !important; } .kd-input-wrapper::-ms-input-placeholder { color: var(--kd-c-input-placeholder-color-text, var(--kd-g-color-text-placeholder, #ccc)) !important; } .kd-input-wrapper:focus { -webkit-box-shadow: none; box-shadow: none; outline: none; } .kd-input-wrapper:not(.kd-input-wrapper-disabled):not(.kd-input-error):hover { border-color: var(--kd-c-input-color-border-focused, var(--kd-g-color-theme, #5582f3)); } .kd-input-wrapper:not(.kd-input-wrapper-disabled):not(.kd-input-error):focus { color: #212121; border-color: var(--kd-c-input-color-border-focused, var(--kd-g-color-theme, #5582f3)); } .kd-input-wrapper .kd-input { border: none; padding-left: var(--kd-c-input-padding-left, 0px); padding-right: 0; height: 100%; } .kd-input-wrapper .kd-input-suffix, .kd-input-wrapper .kd-input-prefix { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0; flex: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; word-break: keep-all; color: var(--kd-c-input-affix-color-text, #666); } .kd-input-wrapper-size-small { height: var(--kd-c-input-sizing-height-small, 20px); line-height: calc(var(--kd-c-input-sizing-height-small, 20px) - (var(--kd-c-input-spacing-padding-vertical-small, 3px) * 2) - (1px * 2)); font-size: var(--kd-c-input-font-size-small, var(--kd-g-font-size-small, 12px)); padding: var(--kd-c-input-spacing-padding-vertical-small, 3px) var(--kd-c-input-spacing-padding-horizontal-small, 9px); } .kd-input-wrapper-size-small .kd-input-suffix { margin-left: calc(var(--kd-c-input-spacing-padding-vertical-small, 3px) * 2); } .kd-input-wrapper-size-small .kd-input-prefix { margin-right: calc(var(--kd-c-input-spacing-padding-vertical-small, 3px) * 2); } .kd-input-wrapper-size-small.kd-input-underline { padding-right: 0; padding-left: 0; } .kd-input-wrapper-size-small.kd-input-wrapper-underline { padding-right: 0; padding-left: 0; } .kd-input-wrapper-size-middle { height: var(--kd-c-input-sizing-height-middle, 30px); line-height: calc(var(--kd-c-input-sizing-height-middle, 30px) - (var(--kd-c-input-spacing-padding-vertical-small, 3px) * 2) - (1px * 2)); font-size: var(--kd-c-input-font-size-middle, var(--kd-g-font-size-middle, 14px)); padding: var(--kd-c-input-spacing-padding-vertical-small, 3px) var(--kd-c-input-spacing-padding-horizontal-middle, 9px); } .kd-input-wrapper-size-middle .kd-input-suffix { margin-left: calc(var(--kd-c-input-spacing-padding-vertical-small, 3px) * 2); } .kd-input-wrapper-size-middle .kd-input-prefix { margin-right: calc(var(--kd-c-input-spacing-padding-vertical-small, 3px) * 2); } .kd-input-wrapper-size-middle.kd-input-underline { padding-right: 0; padding-left: 0; } .kd-input-wrapper-size-middle.kd-input-wrapper-underline { padding-right: 0; padding-left: 0; } .kd-input-wrapper-size-large { height: var(--kd-c-input-sizing-height-large, 36px); line-height: calc(var(--kd-c-input-sizing-height-large, 36px) - (var(--kd-c-input-spacing-padding-vertical-small, 3px) * 2) - (1px * 2)); font-size: var(--kd-c-input-font-size-large, var(--kd-g-font-size-large, 16px)); padding: var(--kd-c-input-spacing-padding-vertical-small, 3px) var(--kd-c-input-spacing-padding-horizontal-large, 9px); } .kd-input-wrapper-size-large .kd-input-suffix { margin-left: calc(var(--kd-c-input-spacing-padding-vertical-small, 3px) * 2); } .kd-input-wrapper-size-large .kd-input-prefix { margin-right: calc(var(--kd-c-input-spacing-padding-vertical-small, 3px) * 2); } .kd-input-wrapper-size-large.kd-input-underline { padding-right: 0; padding-left: 0; } .kd-input-wrapper-size-large.kd-input-wrapper-underline { padding-right: 0; padding-left: 0; } .kd-input-wrapper-borderless { border: none !important; } .kd-input-wrapper-underline { border: none; border-bottom: 1px solid var(--kd-c-input-color-border, #999); border-radius: 0 !important; padding-left: 0; } .kd-input-wrapper-focused:not(.kd-input-error) { border-color: var(--kd-c-input-color-border-focused, var(--kd-g-color-theme, #5582f3)); } .kd-input-wrapper-disabled { border-color: var(--kd-c-input-color-border-disabled, var(--kd-g-color-border-strong, #d9d9d9)); cursor: not-allowed; } .kd-input-wrapper-disabled:not(.kd-input-wrapper-underline) { background-color: var(--kd-c-input-color-background-disabled, var(--kd-g-color-background-contain-disabled, #f5f5f5)); } .kd-input-wrapper-disabled .kd-input-suffix, .kd-input-wrapper-disabled .kd-input-prefix { color: var(--kd-c-input-color-disabled, var(--kd-g-color-disabled, #b2b2b2)); } .kd-input-wrapper-textarea { width: 100%; min-width: 0; border: var(--kd-c-input-sizing-border, 1px) solid var(--kd-c-input-color-border-disabled, var(--kd-g-color-border-strong, #d9d9d9)); border-radius: var(--kd-c-input-radius-border, var(--kd-g-radius-border, 2px)); color: var(--kd-c-input-color-text, var(--kd-g-color-text-primary, #212121)); -webkit-box-sizing: border-box; box-sizing: border-box; background-color: var(--kd-c-input-color-background, var(--kd-g-color-white, #fff)); font-variant: tabular-nums; list-style: none; background-image: none; -webkit-font-feature-settings: "tnum"; font-feature-settings: "tnum"; border: none !important; padding: 0 !important; position: relative; display: inline-block; } .kd-input-wrapper-textarea::-webkit-input-placeholder { color: var(--kd-c-input-placeholder-color-text, var(--kd-g-color-text-placeholder, #ccc)) !important; } .kd-input-wrapper-textarea::-moz-input-placeholder { color: var(--kd-c-input-placeholder-color-text, var(--kd-g-color-text-placeholder, #ccc)) !important; } .kd-input-wrapper-textarea::-ms-input-placeholder { color: var(--kd-c-input-placeholder-color-text, var(--kd-g-color-text-placeholder, #ccc)) !important; } .kd-input-wrapper-textarea:focus { -webkit-box-shadow: none; box-shadow: none; outline: none; } .kd-input-wrapper-textarea:not(.kd-input-disabled):not(.kd-input-error):hover { border-color: var(--kd-c-input-color-border-focused, var(--kd-g-color-theme, #5582f3)); } .kd-input-wrapper-textarea:not(.kd-input-disabled):not(.kd-input-error):focus { color: #212121; border-color: var(--kd-c-input-color-border-focused, var(--kd-g-color-theme, #5582f3)); } .kd-input-wrapper-textarea .kd-input-textarea-clear-icon { position: absolute; z-index: 2; right: 8px; top: 3px; } .kd-input-clear-icon, .kd-input-textarea-clear-icon { cursor: pointer; color: var(--kd-c-input-clear-color, #d9d9d9); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .kd-input-clear-icon:hover, .kd-input-textarea-clear-icon:hover { color: var(--kd-c-input-clear-color-hover, #999); } .kd-input-clear-icon i, .kd-input-textarea-clear-icon i { vertical-align: middle; font-size: 16px; } .kd-input-clear-icon-hidden { visibility: hidden; display: none; } .kd-input-clear-icon-rightSpace { margin-right: 4px; } .kd-input-group-wrapper { display: inline-block; width: 100%; text-align: start; vertical-align: top; } .kd-input-group-wrapper .kd-input-group { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; list-style: none; -webkit-font-feature-settings: 'tnum'; font-feature-settings: 'tnum'; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; border-collapse: separate; border-spacing: 0; } .kd-input-group-wrapper .kd-input-group > .kd-input-wrapper:not(:first-child):not(:last-child) { border-radius: 0; } .kd-input-group-wrapper .kd-input-group > .kd-input-wrapper:first-child:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .kd-input-group-wrapper .kd-input-group > .kd-input-wrapper:not(:first-child):last-child { border-top-left-radius: 0; border-bottom-left-radius: 0; } .kd-input-group-wrapper .kd-input-group .kd-input-group-addon { position: relative; color: var(--kd-c-input-affix-color-text, #666); padding: 0 9px; font-weight: 400; font-size: 14px; text-align: center; border: 1px solid var(--kd-c-input-color-border-disabled, var(--kd-g-color-border-strong, #d9d9d9)); border-radius: var(--kd-c-input-radius-border, var(--kd-g-radius-border, 2px)); white-space: nowrap; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: var(--kd-c-input-sizing-height-middle, 30px); } .kd-input-group-wrapper .kd-input-group .kd-input-group-addon:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0; border-right: none; } .kd-input-group-wrapper .kd-input-group .kd-input-group-addon:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0; border-left: none; } .kd-input-group-wrapper .kd-input-group .kd-input-group-addon-borderless { border: none !important; } .kd-input-group-wrapper .kd-input-group .kd-input-group-addon-underline { border: none; border-bottom: 1px solid var(--kd-c-input-color-border, #999); border-radius: 0 !important; padding-left: 0; } .kd-input-group-wrapper .kd-input-group .kd-input-group-addon-disabled { background-color: var(--kd-c-input-color-background-disabled, var(--kd-g-color-background-contain-disabled, #f5f5f5)); border-color: var(--kd-c-input-color-border-disabled, var(--kd-g-color-border-strong, #d9d9d9)); color: var(--kd-c-input-color-disabled, var(--kd-g-color-disabled, #b2b2b2)); cursor: not-allowed; } .kd-input-group-wrapper .kd-input-group-size-small .kd-input-group-addon { height: var(--kd-c-input-sizing-height-small, 20px); } .kd-input-group-wrapper .kd-input-group-middle-small .kd-input-group-addon { height: var(--kd-c-input-sizing-height-middle, 30px); } .kd-input-group-wrapper .kd-input-group-large-small .kd-input-group-addon { height: var(--kd-c-input-sizing-height-large, 36px); } .kd-input-allowClear-spacing { padding-right: 20px; } .kd-input-input-mark-inner { color: var(--kd-c-input-placeholder-color-text, var(--kd-g-color-text-placeholder, #ccc)); } .kd-input-error:not(.kd-input-disabled):not(.kd-input-wrapper-disabled):not(.kd-input-group-addon-disabled) { border-color: var(--kd-c-input-color-error, var(--kd-g-color-error, #fb2323)); } /* ----------- color ——————---- start */ /* ----------- color ——————---- end */ /* ----------- motion ——————---- start */ /* ----------- motion ——————---- end */ /* ----------- transition ——————---- start */ /* ----------- transition ——————---- end */ /* ----------- font ——————---- start */ /* ----------- font ——————---- end */ /* ----------- zIndex ——————---- start */ /* 普通组件内部自身层级应设置在0-100间 */ /* ----------- zIndex ——————---- end */ /* ----------- Button ——————---- start */ /* ----------- Button ——————---- end */ /* ----------- Collapse ——————---- start */ /* ----------- Collapse ——————---- end */ /* ----------- Card ——————---- start */ /* ----------- Card ——————---- end */ /* ----------- Carousel ——————---- start */ /* ----------- Carousel ——————---- end */ /* ----------- Cascader ——————---- start */ /* ----------- Cascader ——————---- end */ /* ----------- Switch ——————---- start */ /* ----------- Switch ——————---- end */ /* ----------- Input ——————---- start */ /* ----------- Input ——————---- end */ /* ----------- InputNumber ——————---- start */ /* ----------- InputNumber ——————---- end */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- end */ /* ----------- Radio ——————---- start */ /* ----------- Radio ——————---- end */ /* ----------- icon ——————---- start */ /* ----------- icon ——————---- end */ /* ----------- Popconfirm ——————---- start */ /* ----------- Popconfirm ——————---- end */ /* ----------- Progress ——————---- start */ /* ----------- Progress ——————---- end */ /* ----------- Pagination ——————---- start */ /* ----------- Pagination ——————---- end */ /* ----------- Timeline ——————---- start */ /* ----------- Timeline ——————---- end */ /* ----------- Tabs ——————---- start */ /* ----------- Tabs ——————---- end */ /* ----------- Select ——————---- start */ /* ----------- Select ——————---- end */ /* ----------- Rate ——————---- start */ /* ----------- Rate ——————---- end */ /* ----------- Dropdown ——————---- start */ /* ----------- Dropdown ——————---- end */ /* ----------- Tooltip ——————---- start */ /* ----------- Tooltip ——————---- end */ /* ----------- Transfer ——————---- start */ /* ----------- Transfer ——————---- end */ /* ----------- DatePicker ——————---- start */ /* ----------- DatePicker ——————---- end */ /* ----------- ColorPicker ——————---- start */ /* ----------- ColorPicker ——————---- end */ /* ----------- Tree ——————---- start */ /* ----------- Tree ——————---- end */ /* ----------- Alert ——————---- start */ /* ----------- Alert ——————---- end */ /* ----------- Split-Panel ——————---- start */ /* ----------- Split-Panel ——————---- end */ /* ----------- Modal ——————---- start */ /* ----------- Modal ——————---- end */ /* ----------- Steps ——————---- start */ /* ----------- Steps ——————---- end */ /* ----------- Form ——————---- start */ /* ----------- Form ——————---- end */ /* ----------- Tag ——————---- start */ /* ----------- Tag ——————---- end */ /* ----------- Menu ——————---- start */ /* ----------- Menu ——————---- end */ /* ----------- notice ——————---- start */ /* ----------- message ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Layout ——————---- start */ /* ----------- Layout ——————---- end */ /* ----------- Typography ——————---- start */ /* ----------- Typography ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Badge ——————---- start */ /* ----------- Badge ——————---- end */ /* ----------- Anchor ——————---- start */ /* ----------- Anchor ——————---- end */ /* ----------- Avatar ——————---- start */ /* ----------- Avatar ——————---- end */ /* ----------- AdvancedSelector ——————---- start */ /* ----------- AdvancedSelector ——————---- end */ /* ----------- motion ——————---- start */ /* ----------- motion ——————---- end */ /* ----------- transition ——————---- start */ /* ----------- transition ——————---- end */ /* ----------- zIndex ——————---- start */ /* 普通组件内部自身层级应设置在0-100间 */ /* ----------- zIndex ——————---- end */ /* 多行显示省略号 */ /* 单行显示省略号 */ /** 浮层箭头样式 **/ .kd-layout { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: auto; flex: auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 0; background: var(--kd-c-layout-body-color-background, var(--kd-g-color-background-2, #f2f2f2)); } .kd-layout, .kd-layout * { -webkit-box-sizing: border-box; box-sizing: border-box; } .kd-layout-has-sider { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .kd-layout-has-sider > .kd-layout, .kd-layout-has-sider > .kd-layout-content { width: 0; } .kd-layout-header, .kd-layout-footer { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .kd-layout-header { height: var(--kd-c-layout-header-sizing-height, 52px); padding: var(--kd-c-layout-header-spacing-padding, 0 20px 0 35px); color: var(--kd-c-layout-header-color-text, var(--kd-g-color-text-primary, #212121)); line-height: var(--kd-c-layout-header-sizing-height, 52px); background: var(--kd-c-layout-header-color-background, var(--kd-g-color-background, #fff)); } .kd-layout-footer { padding: var(--kd-c-layout-footer-spacing-padding, 24px 50px); color: var(--kd-g-color-text-primary, #212121); font-size: var(--kd-g-font-size-middle, 14px); background: var(--kd-c-layout-footer-color-background, var(--kd-g-color-background-2, #f2f2f2)); } .kd-layout-content { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; min-height: 0; } .kd-layout-sider { position: relative; min-width: 0; background: var(--kd-c-layout-sider-color-background, #343848); -webkit-transition: all 0.2s; transition: all 0.2s; } .kd-layout-sider-children { height: 100%; margin-top: -0.1px; padding-top: 0.1px; } .kd-layout-sider-has-trigger { padding-bottom: var(--kd-c-layout-trigger-sizing-height, 50px); } .kd-layout-sider-right { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .kd-layout-sider-trigger { position: absolute; bottom: 0; z-index: 1; padding: 0 16px; color: var(--kd-c-layout-trigger-color-text, var(--kd-g-color-white, #fff)); height: var(--kd-c-layout-trigger-sizing-height, 50px); line-height: calc(var(--kd-c-layout-trigger-sizing-height, 50px) - 4px); font-size: 20px; background: var(--kd-c-layout-trigger-color-background, #343848); cursor: pointer; -webkit-transition: all 0.2s; transition: all 0.2s; border-top: 1px solid rgba(218, 222, 237, 0.1); } .kd-layout-sider-zero-width > * { overflow: hidden; } .kd-layout-sider-zero-width-trigger { position: absolute; top: var(--kd-c-layout-header-sizing-height, 52px); right: calc(-1 * var(--kd-c-layout-trigger-sizing-width, 36px)); z-index: 1; width: var(--kd-c-layout-trigger-sizing-width, 36px); height: var(--kd-c-layout-trigger-sizing-height, 42px); color: var(--kd-c-layout-trigger-color-text, var(--kd-g-color-white, #fff)); font-size: calc(var(--kd-c-layout-trigger-sizing-width, 36px) / 2); line-height: var(--kd-c-layout-trigger-sizing-height, 42px); text-align: center; background: var(--kd-c-layout-sider-color-background, #343848); border-radius: 0 var(--kd-g-radius-border, 2px) var(--kd-g-radius-border, 2px) 0; cursor: pointer; -webkit-transition: background 0.3s ease; transition: background 0.3s ease; } .kd-layout-sider-zero-width-trigger::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; -webkit-transition: all 0.3s; transition: all 0.3s; content: ''; } .kd-layout-sider-zero-width-trigger:hover::after { background: rgba(255, 255, 255, 0.1); } .kd-layout-sider-zero-width-trigger-right { left: calc(-1 * var(--kd-c-layout-trigger-sizing-width, 36px)); border-radius: var(--kd-g-radius-border, 2px) 0 0 var(--kd-g-radius-border, 2px); } .kd-layout-sider-light { background: var(--kd-c-layout-sider-color-background-light, var(--kd-g-color-background, #fff)); } .kd-layout-sider-light .kd-layout-sider-trigger { color: var(--kd-c-layout-trigger-color-text-light, var(--kd-g-color-text-primary, #212121)); background: var(--kd-c-layout-trigger-color-background-light, var(--kd-g-color-background, #fff)); } .kd-layout-sider-light .kd-layout-sider-zero-width-trigger { color: var(--kd-c-layout-trigger-color-text-light, var(--kd-g-color-text-primary, #212121)); background: var(--kd-c-layout-trigger-color-background-light, var(--kd-g-color-background, #fff)); } /* ----------- color ——————---- start */ /* ----------- color ——————---- end */ /* ----------- motion ——————---- start */ /* ----------- motion ——————---- end */ /* ----------- transition ——————---- start */ /* ----------- transition ——————---- end */ /* ----------- font ——————---- start */ /* ----------- font ——————---- end */ /* ----------- zIndex ——————---- start */ /* 普通组件内部自身层级应设置在0-100间 */ /* ----------- zIndex ——————---- end */ /* ----------- Button ——————---- start */ /* ----------- Button ——————---- end */ /* ----------- Collapse ——————---- start */ /* ----------- Collapse ——————---- end */ /* ----------- Card ——————---- start */ /* ----------- Card ——————---- end */ /* ----------- Carousel ——————---- start */ /* ----------- Carousel ——————---- end */ /* ----------- Cascader ——————---- start */ /* ----------- Cascader ——————---- end */ /* ----------- Switch ——————---- start */ /* ----------- Switch ——————---- end */ /* ----------- Input ——————---- start */ /* ----------- Input ——————---- end */ /* ----------- InputNumber ——————---- start */ /* ----------- InputNumber ——————---- end */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- end */ /* ----------- Radio ——————---- start */ /* ----------- Radio ——————---- end */ /* ----------- icon ——————---- start */ /* ----------- icon ——————---- end */ /* ----------- Popconfirm ——————---- start */ /* ----------- Popconfirm ——————---- end */ /* ----------- Progress ——————---- start */ /* ----------- Progress ——————---- end */ /* ----------- Pagination ——————---- start */ /* ----------- Pagination ——————---- end */ /* ----------- Timeline ——————---- start */ /* ----------- Timeline ——————---- end */ /* ----------- Tabs ——————---- start */ /* ----------- Tabs ——————---- end */ /* ----------- Select ——————---- start */ /* ----------- Select ——————---- end */ /* ----------- Rate ——————---- start */ /* ----------- Rate ——————---- end */ /* ----------- Dropdown ——————---- start */ /* ----------- Dropdown ——————---- end */ /* ----------- Tooltip ——————---- start */ /* ----------- Tooltip ——————---- end */ /* ----------- Transfer ——————---- start */ /* ----------- Transfer ——————---- end */ /* ----------- DatePicker ——————---- start */ /* ----------- DatePicker ——————---- end */ /* ----------- ColorPicker ——————---- start */ /* ----------- ColorPicker ——————---- end */ /* ----------- Tree ——————---- start */ /* ----------- Tree ——————---- end */ /* ----------- Alert ——————---- start */ /* ----------- Alert ——————---- end */ /* ----------- Split-Panel ——————---- start */ /* ----------- Split-Panel ——————---- end */ /* ----------- Modal ——————---- start */ /* ----------- Modal ——————---- end */ /* ----------- Steps ——————---- start */ /* ----------- Steps ——————---- end */ /* ----------- Form ——————---- start */ /* ----------- Form ——————---- end */ /* ----------- Tag ——————---- start */ /* ----------- Tag ——————---- end */ /* ----------- Menu ——————---- start */ /* ----------- Menu ——————---- end */ /* ----------- notice ——————---- start */ /* ----------- message ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Layout ——————---- start */ /* ----------- Layout ——————---- end */ /* ----------- Typography ——————---- start */ /* ----------- Typography ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Badge ——————---- start */ /* ----------- Badge ——————---- end */ /* ----------- Anchor ——————---- start */ /* ----------- Anchor ——————---- end */ /* ----------- Avatar ——————---- start */ /* ----------- Avatar ——————---- end */ /* ----------- AdvancedSelector ——————---- start */ /* ----------- AdvancedSelector ——————---- end */ /* ----------- motion ——————---- start */ /* ----------- motion ——————---- end */ /* ----------- transition ——————---- start */ /* ----------- transition ——————---- end */ /* ----------- zIndex ——————---- start */ /* 普通组件内部自身层级应设置在0-100间 */ /* ----------- zIndex ——————---- end */ .kd-link { cursor: pointer; display: inline-block; color: var(--kd-c-link-color-text, var(--kd-g-color-text-link, #0e5fd8)); } .kd-link .kd-link-text { height: auto; width: auto; padding: 0; min-width: auto; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: inherit; font-weight: var(--kd-c-link-font-weight, var(--kd-g-font-weight, 400)); } .kd-link .kd-link-text:not(.kd-link-disabled):hover { color: var(--kd-c-link-color-text-link-hover, #87A9FF); } .kd-link .kd-link-text:not(.kd-link-disabled):active { color: var(--kd-c-link-color-text-link-active, #3761CA); } .kd-link-size-small { height: var(--kd-c-link-sizing-height-small, 18px); line-height: var(--kd-c-link-sizing-height-small, 18px); font-size: var(--kd-c-link-font-size-small, var(--kd-g-font-size-small, 12px)); } .kd-link-size-middle { height: var(--kd-c-link-sizing-height-middle, 21px); line-height: var(--kd-c-link-sizing-height-middle, 21px); font-size: var(--kd-c-link-font-size-middle, var(--kd-g-font-size-middle, 14px)); } .kd-link-size-large { height: var(--kd-c-link-sizing-height-large, 24px); line-height: var(--kd-c-link-sizing-height-large, 24px); font-size: var(--kd-c-link-font-size-large, var(--kd-g-font-size-large, 16px)); } .kd-link-underscore { border-bottom: 1px solid; } .kd-link-disabled { color: var(--kd-c-link-color-text-link-disabled, #9EBFEF) !important; cursor: not-allowed; } .kd-link-prefix { display: inline-block; margin-right: var(--kd-c-link-prefix-horizontal, 4px); } .kd-link-suffix { display: inline-block; margin-left: var(--kd-c-link-suffix-horizontal, 4px); } /* ----------- color ——————---- start */ /* ----------- color ——————---- end */ /* ----------- motion ——————---- start */ /* ----------- motion ——————---- end */ /* ----------- transition ——————---- start */ /* ----------- transition ——————---- end */ /* ----------- font ——————---- start */ /* ----------- font ——————---- end */ /* ----------- zIndex ——————---- start */ /* 普通组件内部自身层级应设置在0-100间 */ /* ----------- zIndex ——————---- end */ /* ----------- Button ——————---- start */ /* ----------- Button ——————---- end */ /* ----------- Collapse ——————---- start */ /* ----------- Collapse ——————---- end */ /* ----------- Card ——————---- start */ /* ----------- Card ——————---- end */ /* ----------- Carousel ——————---- start */ /* ----------- Carousel ——————---- end */ /* ----------- Cascader ——————---- start */ /* ----------- Cascader ——————---- end */ /* ----------- Switch ——————---- start */ /* ----------- Switch ——————---- end */ /* ----------- Input ——————---- start */ /* ----------- Input ——————---- end */ /* ----------- InputNumber ——————---- start */ /* ----------- InputNumber ——————---- end */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- end */ /* ----------- Radio ——————---- start */ /* ----------- Radio ——————---- end */ /* ----------- icon ——————---- start */ /* ----------- icon ——————---- end */ /* ----------- Popconfirm ——————---- start */ /* ----------- Popconfirm ——————---- end */ /* ----------- Progress ——————---- start */ /* ----------- Progress ——————---- end */ /* ----------- Pagination ——————---- start */ /* ----------- Pagination ——————---- end */ /* ----------- Timeline ——————---- start */ /* ----------- Timeline ——————---- end */ /* ----------- Tabs ——————---- start */ /* ----------- Tabs ——————---- end */ /* ----------- Select ——————---- start */ /* ----------- Select ——————---- end */ /* ----------- Rate ——————---- start */ /* ----------- Rate ——————---- end */ /* ----------- Dropdown ——————---- start */ /* ----------- Dropdown ——————---- end */ /* ----------- Tooltip ——————---- start */ /* ----------- Tooltip ——————---- end */ /* ----------- Transfer ——————---- start */ /* ----------- Transfer ——————---- end */ /* ----------- DatePicker ——————---- start */ /* ----------- DatePicker ——————---- end */ /* ----------- ColorPicker ——————---- start */ /* ----------- ColorPicker ——————---- end */ /* ----------- Tree ——————---- start */ /* ----------- Tree ——————---- end */ /* ----------- Alert ——————---- start */ /* ----------- Alert ——————---- end */ /* ----------- Split-Panel ——————---- start */ /* ----------- Split-Panel ——————---- end */ /* ----------- Modal ——————---- start */ /* ----------- Modal ——————---- end */ /* ----------- Steps ——————---- start */ /* ----------- Steps ——————---- end */ /* ----------- Form ——————---- start */ /* ----------- Form ——————---- end */ /* ----------- Tag ——————---- start */ /* ----------- Tag ——————---- end */ /* ----------- Menu ——————---- start */ /* ----------- Menu ——————---- end */ /* ----------- notice ——————---- start */ /* ----------- message ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Layout ——————---- start */ /* ----------- Layout ——————---- end */ /* ----------- Typography ——————---- start */ /* ----------- Typography ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Badge ——————---- start */ /* ----------- Badge ——————---- end */ /* ----------- Anchor ——————---- start */ /* ----------- Anchor ——————---- end */ /* ----------- Avatar ——————---- start */ /* ----------- Avatar ——————---- end */ /* ----------- AdvancedSelector ——————---- start */ /* ----------- AdvancedSelector ——————---- end */ /* ----------- motion ——————---- start */ /* ----------- motion ——————---- end */ /* ----------- transition ——————---- start */ /* ----------- transition ——————---- end */ /* ----------- zIndex ——————---- start */ /* 普通组件内部自身层级应设置在0-100间 */ /* ----------- zIndex ——————---- end */ /* 多行显示省略号 */ /* 单行显示省略号 */ /** 浮层箭头样式 **/ .menu-hidden { display: none; opacity: 0; visibility: hidden; -webkit-animation: kdZoomTopLeftOut calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1) forwards; animation: kdZoomTopLeftOut calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1) forwards; -webkit-animation-delay: 0.1s; animation-delay: 0.1s; -webkit-transition: opacity, visibility; transition: opacity, visibility; -webkit-transition-duration: calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s); transition-duration: calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s); -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1); transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1); } .menu-dark-hover { background-color: var(--kd-c-menu-sub-color-background, #121319); color: var(--kd-c-menu-sub-color-text-hover, var(--kd-g-color-white, #fff)); } .menu-dark-active { background-color: var(--kd-c-menu-sub-color-background, #121319); color: var(--kd-c-menu-sub-color-text-hover, var(--kd-g-color-white, #fff)); } .menu-dark-active-inline-title { color: var(--kd-c-menu-sub-color-text-hover, var(--kd-g-color-white, #fff)); background: var(--kd-c-menu-color-background, #343848); border: none; } .menu-light-base { color: var(--kd-c-menu-light-color-text, var(--kd-g-color-text-primary, #212121)); background: #ffffff; } .menu-light-base .kd-menu-item-disabled, .menu-light-base .kd-menu-submenu-disabled { background-color: #fff; } .menu-light-base .kd-menu-submenu-sub { color: var(--kd-c-menu-light-color-text, var(--kd-g-color-text-primary, #212121)); background: #fafafa; } .menu-light-base .kd-menu-submenu:not(.kd-menu-submenu-disabled):not(.kd-menu-submenu-active):hover, .menu-light-base .kd-menu-submenu-hover { background-color: var(--kd-c-menu-light-color-background-hover, #f5f5f5); color: var(--kd-c-menu-light-color-text-hover, var(--kd-g-color-text-primary, #212121)); border: none; } .menu-light-base .kd-menu-item:not(.kd-menu-item-disabled):not(.kd-menu-item-active):hover { background-color: var(--kd-c-menu-light-color-background-hover, #f5f5f5); color: var(--kd-c-menu-light-color-text-hover, var(--kd-g-color-text-primary, #212121)); border: none; } .menu-light-base .kd-menu-item-hover, .menu-light-base .kd-menu-submenu-hover { background-color: var(--kd-c-menu-light-color-background-hover, #f5f5f5); color: var(--kd-c-menu-light-color-text-hover, var(--kd-g-color-text-primary, #212121)); border: none; } .menu-light-base .kd-menu-item-active, .menu-light-base .kd-menu-submenu-active { background-color: var(--kd-c-menu-light-color-background-active, #e3ebff); color: var(--kd-c-menu-light-color-text-active, var(--kd-g-color-theme, #5582f3)); border: none; } .menu-light-default { color: var(--kd-c-menu-light-color-text, var(--kd-g-color-text-primary, #212121)); background: #ffffff; } .menu-light-hover { background-color: var(--kd-c-menu-light-color-background-hover, #f5f5f5); color: var(--kd-c-menu-light-color-text-hover, var(--kd-g-color-text-primary, #212121)); border: none; } .menu-light-active { background-color: var(--kd-c-menu-light-color-background-active, #e3ebff); color: var(--kd-c-menu-light-color-text-active, var(--kd-g-color-theme, #5582f3)); border: none; } .menu-light-active-inline-title { color: var(--kd-c-menu-light-color-text-active, var(--kd-g-color-theme, #5582f3)); background: #ffffff; border: none; } .kd-menu { position: relative; width: 100%; height: 100%; min-width: var(--kd-c-menu-sizing-min-width, 138px); max-width: var(--kd-c-menu-sizing-max-width); background-color: var(--kd-c-menu-color-background, #343848); color: var(--kd-c-menu-sub-color-text, rgba(255, 255, 255, 0.65)); } .kd-menu-inline .kd-menu-item { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .kd-menu-inline .kd-menu-submenu { padding-right: 0; } .kd-menu-collapsed { width: 50px; min-width: auto; } .kd-menu-item { position: relative; cursor: pointer; -webkit-transition: color, background-color; transition: color, background-color; -webkit-transition-duration: calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s); transition-duration: calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s); -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1); transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1); } .kd-menu-item-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 50px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .kd-menu-item-title > span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; opacity: 1; -webkit-transition: opacity calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1); transition: opacity calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1); } .kd-menu-item-collapsed { padding: 0; margin: 0; text-align: center; } .kd-menu-item-collapsed .kd-menu-item-title > p, .kd-menu-item-collapsed .kd-menu-submenu-title > p { margin: 0 auto; } .kd-menu-item-collapsed .kd-menu-item-title > span, .kd-menu-item-collapsed .kd-menu-submenu-title > span { opacity: 0; -webkit-transition: opacity calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1); transition: opacity calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1); } .kd-menu-item-icon { margin: 0 15px; font-size: var(--kd-c-menu-icon-font-size, var(--kd-g-font-size-xx-large, 20px)); } .kd-menu-item-disabled { cursor: not-allowed; color: var(--kd-c-menu-color-disabled, var(--kd-g-color-disabled, #b2b2b2)); background-color: var(--kd-c-menu-color-background, #343848); } .kd-menu-item-arrow { margin-left: auto; font-size: 16px; } .kd-menu-item-arrow-up { -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: -webkit-transform calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1); transition: -webkit-transform calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1); transition: transform calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1); transition: transform calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1), -webkit-transform calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1); } .kd-menu-item-arrow-down { -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: -webkit-transform calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0.4, 0, 0.6, 1); transition: -webkit-transform calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0.4, 0, 0.6, 1); transition: transform calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0.4, 0, 0.6, 1); transition: transform calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0.4, 0, 0.6, 1); } .kd-menu-submenu { position: static; cursor: pointer; -webkit-transition: color, background-color; transition: color, background-color; -webkit-transition-duration: calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s); transition-duration: calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s); -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1); transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1); } .kd-menu-submenu-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 50px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .kd-menu-submenu-title > span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; opacity: 1; -webkit-transition: opacity calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1); transition: opacity calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1); } .kd-menu-submenu-collapsed { padding: 0; margin: 0; text-align: center; } .kd-menu-submenu-collapsed .kd-menu-item-title > p, .kd-menu-submenu-collapsed .kd-menu-submenu-title > p { margin: 0 auto; } .kd-menu-submenu-collapsed .kd-menu-item-title > span, .kd-menu-submenu-collapsed .kd-menu-submenu-title > span { opacity: 0; -webkit-transition: opacity calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1); transition: opacity calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1); } .kd-menu-submenu-icon { margin: 0 15px; font-size: var(--kd-c-menu-icon-font-size, var(--kd-g-font-size-xx-large, 20px)); } .kd-menu-submenu-disabled { cursor: not-allowed; color: var(--kd-c-menu-color-disabled, var(--kd-g-color-disabled, #b2b2b2)); background-color: var(--kd-c-menu-color-background, #343848); } .kd-menu-submenu-arrow { margin-left: auto; font-size: 16px; } .kd-menu-submenu-arrow-up { -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: -webkit-transform calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1); transition: -webkit-transform calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1); transition: transform calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1); transition: transform calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1), -webkit-transform calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1); } .kd-menu-submenu-arrow-down { -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: -webkit-transform calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0.4, 0, 0.6, 1); transition: -webkit-transform calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0.4, 0, 0.6, 1); transition: transform calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0.4, 0, 0.6, 1); transition: transform calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0.4, 0, 0.6, 1); } .kd-menu-submenu-sub { line-height: var(--kd-c-menu-item-sizing-height, 50px); } .kd-menu-submenu-thrid { display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 810px; max-height: 492px; padding-left: 24px; background: var(--kd-c-menu-sub-color-background, #121319); -ms-flex-wrap: wrap; flex-wrap: wrap; overflow-y: auto; cursor: default; z-index: var(--kd-c-menu-z-index, var(--kd-g-z-index-dialog, 1050)); } .kd-menu-submenu-thrid-item { margin-right: 40px; } .kd-menu-submenu-thrid-title { line-height: 50px; font-size: 12px; color: #ffffff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid rgba(255, 255, 255, 0.3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .kd-menu-submenu-thrid-title > span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .kd-menu-submenu-thrid-list { list-style-type: none; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 20px; margin-top: 10px; height: 180px; } .kd-menu-submenu-thrid-list > li { width: 160px; margin: 8px 0; font-size: 12px; line-height: 18px; color: rgba(255, 255, 255, 0.65); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .kd-menu-submenu-thrid-list > li:hover { color: var(--kd-c-menu-sub-color-text-active, var(--kd-g-color-white, #fff)); } .kd-menu-submenu-thrid-list > li > span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .kd-menu-submenu-thrid-list > li .kd-menu-item-title { height: auto; } .kd-menu-submenu-thrid-list > .kd-menu-item-active { color: var(--kd-c-menu-sub-color-text-active, var(--kd-g-color-white, #fff)); } .kd-menu-dark .kd-menu-submenu-sub { color: var(--kd-c-menu-sub-color-text, rgba(255, 255, 255, 0.65)); background: var(--kd-c-menu-sub-inline-color-background, #1f212b); } .kd-menu-dark .kd-menu-submenu-sub-second, .kd-menu-dark .kd-menu-submenu-sub-third { background: var(--kd-c-menu-sub-color-background, #121319); } .kd-menu-dark .kd-menu-item:not(.kd-menu-item-disabled):not(.kd-menu-item-active):hover { background-color: var(--kd-c-menu-sub-color-background, #121319); color: var(--kd-c-menu-sub-color-text-hover, var(--kd-g-color-white, #fff)); } .kd-menu-dark .kd-menu-item-active { background-color: var(--kd-c-menu-sub-color-background, #121319); color: var(--kd-c-menu-sub-color-text-hover, var(--kd-g-color-white, #fff)); } .kd-menu-dark .kd-menu-item-active, .kd-menu-dark .kd-menu-submenu-active { background-color: var(--kd-c-menu-sub-color-background, #121319); color: var(--kd-c-menu-sub-color-text-hover, var(--kd-g-color-white, #fff)); } .kd-menu-dark .kd-menu-item-hover, .kd-menu-dark .kd-menu-submenu-hover { background-color: var(--kd-c-menu-sub-color-background, #121319); color: var(--kd-c-menu-sub-color-text-hover, var(--kd-g-color-white, #fff)); } .kd-menu-inline.kd-menu-dark .kd-menu-item-active .kd-menu-submenu-title, .kd-menu-inline.kd-menu-dark .kd-menu-submenu-active .kd-menu-submenu-title { color: var(--kd-c-menu-sub-color-text-hover, var(--kd-g-color-white, #fff)); background: var(--kd-c-menu-color-background, #343848); border: none; } .kd-menu-inline.kd-menu-dark .kd-menu-submenu:not(.kd-menu-submenu-disabled):not(.kd-menu-submenu-active) > .kd-menu-submenu-title:hover { color: var(--kd-c-menu-sub-color-text-hover, var(--kd-g-color-white, #fff)); background: var(--kd-c-menu-color-background, #343848); border: none; } .kd-menu-light { color: var(--kd-c-menu-light-color-text, var(--kd-g-color-text-primary, #212121)); background: #ffffff; } .kd-menu-light .kd-menu-item-disabled, .kd-menu-light .kd-menu-submenu-disabled { background-color: #fff; } .kd-menu-light .kd-menu-submenu-sub { color: var(--kd-c-menu-light-color-text, var(--kd-g-color-text-primary, #212121)); background: #fafafa; } .kd-menu-light .kd-menu-submenu:not(.kd-menu-submenu-disabled):not(.kd-menu-submenu-active):hover, .kd-menu-light .kd-menu-submenu-hover { background-color: var(--kd-c-menu-light-color-background-hover, #f5f5f5); color: var(--kd-c-menu-light-color-text-hover, var(--kd-g-color-text-primary, #212121)); border: none; } .kd-menu-light .kd-menu-item:not(.kd-menu-item-disabled):not(.kd-menu-item-active):hover { background-color: var(--kd-c-menu-light-color-background-hover, #f5f5f5); color: var(--kd-c-menu-light-color-text-hover, var(--kd-g-color-text-primary, #212121)); border: none; } .kd-menu-light .kd-menu-item-hover, .kd-menu-light .kd-menu-submenu-hover { background-color: var(--kd-c-menu-light-color-background-hover, #f5f5f5); color: var(--kd-c-menu-light-color-text-hover, var(--kd-g-color-text-primary, #212121)); border: none; } .kd-menu-light .kd-menu-item-active, .kd-menu-light .kd-menu-submenu-active { background-color: var(--kd-c-menu-light-color-background-active, #e3ebff); color: var(--kd-c-menu-light-color-text-active, var(--kd-g-color-theme, #5582f3)); border: none; } .kd-menu-inline.kd-menu-light .kd-menu-item-active .kd-menu-submenu-title, .kd-menu-inline.kd-menu-light .kd-menu-submenu-active .kd-menu-submenu-title { color: var(--kd-c-menu-light-color-text-active, var(--kd-g-color-theme, #5582f3)); background: #ffffff; border: none; } .kd-menu-popper .kd-menu-submenu:not(.kd-menu-submenu-disabled):not(.kd-menu-submenu-active):hover, .kd-menu-popper .kd-menu-submenu-hover { background-color: var(--kd-c-menu-sub-color-background, #121319); color: var(--kd-c-menu-sub-color-text-hover, var(--kd-g-color-white, #fff)); } .kd-menu-popper.hidden { display: none; opacity: 0; visibility: hidden; -webkit-animation: kdZoomTopLeftOut calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1) forwards; animation: kdZoomTopLeftOut calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1) forwards; -webkit-animation-delay: 0.1s; animation-delay: 0.1s; -webkit-transition: opacity, visibility; transition: opacity, visibility; -webkit-transition-duration: calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s); transition-duration: calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s); -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1); transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1); } .kd-menu-popper .kd-menu-submenu { padding-right: 0; } .kd-menu-popper .kd-menu-submenu-sub { color: var(--kd-c-menu-sub-color-text, rgba(255, 255, 255, 0.65)); background: var(--kd-c-menu-sub-inline-color-background, #1f212b); -webkit-box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05); box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05); } .kd-menu-popper .kd-menu-submenu-sub .kd-menu-item:not(.kd-menu-item-disabled):not(.kd-menu-item-active):hover, .kd-menu-popper .kd-menu-submenu-sub .kd-menu-item-active { background-color: var(--kd-c-menu-sub-color-background, #121319); color: var(--kd-c-menu-sub-color-text-hover, var(--kd-g-color-white, #fff)); } .kd-menu-popper .kd-menu-submenu-sub-second, .kd-menu-popper .kd-menu-submenu-sub-third { -webkit-animation: kdZoomTopLeftIn calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1) forwards; animation: kdZoomTopLeftIn calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1) forwards; opacity: 1; visibility: visible; -webkit-transition: opacity, visibility; transition: opacity, visibility; -webkit-transition-duration: calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s); transition-duration: calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s); -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1); transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1); } .kd-menu-popper .kd-menu-submenu-sub-hide { display: none; opacity: 0; visibility: hidden; -webkit-animation: kdZoomTopLeftOut calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1) forwards; animation: kdZoomTopLeftOut calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1) forwards; -webkit-animation-delay: 0.1s; animation-delay: 0.1s; -webkit-transition: opacity, visibility; transition: opacity, visibility; -webkit-transition-duration: calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s); transition-duration: calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s); -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1); transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1); } .kd-menu-popper.light { color: var(--kd-c-menu-light-color-text, var(--kd-g-color-text-primary, #212121)); background: #ffffff; } .kd-menu-popper.light .kd-menu-item-disabled, .kd-menu-popper.light .kd-menu-submenu-disabled { background-color: #fff; } .kd-menu-popper.light .kd-menu-submenu-sub { color: var(--kd-c-menu-light-color-text, var(--kd-g-color-text-primary, #212121)); background: #fafafa; } .kd-menu-popper.light .kd-menu-submenu:not(.kd-menu-submenu-disabled):not(.kd-menu-submenu-active):hover, .kd-menu-popper.light .kd-menu-submenu-hover { background-color: var(--kd-c-menu-light-color-background-hover, #f5f5f5); color: var(--kd-c-menu-light-color-text-hover, var(--kd-g-color-text-primary, #212121)); border: none; } .kd-menu-popper.light .kd-menu-item:not(.kd-menu-item-disabled):not(.kd-menu-item-active):hover { background-color: var(--kd-c-menu-light-color-background-hover, #f5f5f5); color: var(--kd-c-menu-light-color-text-hover, var(--kd-g-color-text-primary, #212121)); border: none; } .kd-menu-popper.light .kd-menu-item-hover, .kd-menu-popper.light .kd-menu-submenu-hover { background-color: var(--kd-c-menu-light-color-background-hover, #f5f5f5); color: var(--kd-c-menu-light-color-text-hover, var(--kd-g-color-text-primary, #212121)); border: none; } .kd-menu-popper.light .kd-menu-item-active, .kd-menu-popper.light .kd-menu-submenu-active { background-color: var(--kd-c-menu-light-color-background-active, #e3ebff); color: var(--kd-c-menu-light-color-text-active, var(--kd-g-color-theme, #5582f3)); border: none; } /* ----------- color ——————---- start */ /* ----------- color ——————---- end */ /* ----------- motion ——————---- start */ /* ----------- motion ——————---- end */ /* ----------- transition ——————---- start */ /* ----------- transition ——————---- end */ /* ----------- font ——————---- start */ /* ----------- font ——————---- end */ /* ----------- zIndex ——————---- start */ /* 普通组件内部自身层级应设置在0-100间 */ /* ----------- zIndex ——————---- end */ /* ----------- Button ——————---- start */ /* ----------- Button ——————---- end */ /* ----------- Collapse ——————---- start */ /* ----------- Collapse ——————---- end */ /* ----------- Card ——————---- start */ /* ----------- Card ——————---- end */ /* ----------- Carousel ——————---- start */ /* ----------- Carousel ——————---- end */ /* ----------- Cascader ——————---- start */ /* ----------- Cascader ——————---- end */ /* ----------- Switch ——————---- start */ /* ----------- Switch ——————---- end */ /* ----------- Input ——————---- start */ /* ----------- Input ——————---- end */ /* ----------- InputNumber ——————---- start */ /* ----------- InputNumber ——————---- end */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- end */ /* ----------- Radio ——————---- start */ /* ----------- Radio ——————---- end */ /* ----------- icon ——————---- start */ /* ----------- icon ——————---- end */ /* ----------- Popconfirm ——————---- start */ /* ----------- Popconfirm ——————---- end */ /* ----------- Progress ——————---- start */ /* ----------- Progress ——————---- end */ /* ----------- Pagination ——————---- start */ /* ----------- Pagination ——————---- end */ /* ----------- Timeline ——————---- start */ /* ----------- Timeline ——————---- end */ /* ----------- Tabs ——————---- start */ /* ----------- Tabs ——————---- end */ /* ----------- Select ——————---- start */ /* ----------- Select ——————---- end */ /* ----------- Rate ——————---- start */ /* ----------- Rate ——————---- end */ /* ----------- Dropdown ——————---- start */ /* ----------- Dropdown ——————---- end */ /* ----------- Tooltip ——————---- start */ /* ----------- Tooltip ——————---- end */ /* ----------- Transfer ——————---- start */ /* ----------- Transfer ——————---- end */ /* ----------- DatePicker ——————---- start */ /* ----------- DatePicker ——————---- end */ /* ----------- ColorPicker ——————---- start */ /* ----------- ColorPicker ——————---- end */ /* ----------- Tree ——————---- start */ /* ----------- Tree ——————---- end */ /* ----------- Alert ——————---- start */ /* ----------- Alert ——————---- end */ /* ----------- Split-Panel ——————---- start */ /* ----------- Split-Panel ——————---- end */ /* ----------- Modal ——————---- start */ /* ----------- Modal ——————---- end */ /* ----------- Steps ——————---- start */ /* ----------- Steps ——————---- end */ /* ----------- Form ——————---- start */ /* ----------- Form ——————---- end */ /* ----------- Tag ——————---- start */ /* ----------- Tag ——————---- end */ /* ----------- Menu ——————---- start */ /* ----------- Menu ——————---- end */ /* ----------- notice ——————---- start */ /* ----------- message ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Layout ——————---- start */ /* ----------- Layout ——————---- end */ /* ----------- Typography ——————---- start */ /* ----------- Typography ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Badge ——————---- start */ /* ----------- Badge ——————---- end */ /* ----------- Anchor ——————---- start */ /* ----------- Anchor ——————---- end */ /* ----------- Avatar ——————---- start */ /* ----------- Avatar ——————---- end */ /* ----------- AdvancedSelector ——————---- start */ /* ----------- AdvancedSelector ——————---- end */ /* ----------- motion ——————---- start */ /* ----------- motion ——————---- end */ /* ----------- transition ——————---- start */ /* ----------- transition ——————---- end */ /* ----------- zIndex ——————---- start */ /* 普通组件内部自身层级应设置在0-100间 */ /* ----------- zIndex ——————---- end */ .kd-message-box { position: fixed; width: 100%; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; pointer-events: none; z-index: var(--kd-c-message-z-index, var(--kd-g-z-index-apex, 9999)); } .kd-message { position: relative; display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; min-width: var(--kd-c-message-sizing-min-width, 280px); max-width: var(--kd-c-message-sizing-max-width, 1000px); margin: 0 auto var(--kd-c-message-spacing-margin-bottom, 16px); padding: var(--kd-c-message-spacing-padding-horizontal, 10px) var(--kd-c-message-spacing-padding-vertical, 20px); color: var(--kd-c-message-info-color-text, #0e5fd8); border: 1px solid var(--kd-c-message-info-color-border, #b3d5ff); border-radius: var(--kd-c-message-border-radius, 4px); background-color: var(--kd-c-message-info-color-background, #e0efff); pointer-events: all; -webkit-animation: kdNoticeEffect calc(0.3s - 0.2s) cubic-bezier(0, 0.4, 0.4, 1) forwards; animation: kdNoticeEffect calc(0.3s - 0.2s) cubic-bezier(0, 0.4, 0.4, 1) forwards; } .kd-message-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-size: var(--kd-c-message-font-size, 14px); line-height: var(--kd-c-message-line-height, 20px); } .kd-message-content-main { display: -webkit-box; display: -ms-flexbox; display: flex; } .kd-message-content-icon-wrapper { font-size: var(--kd-c-message-icon-font-size, 16px); margin-right: var(--kd-c-message-icon-spacing-margin-right, 8px); -ms-flex-item-align: start; align-self: flex-start; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .kd-message-content-text { max-height: var(--kd-c-message-text-sizing-max-height, 160px); overflow: auto; } .kd-message-content-close { cursor: pointer; color: var(--kd-c-message-close-color-text, #666); font-size: var(--kd-c-message-font-size, 16px); margin-left: var(--kd-c-message-close-spacing-margin-left, 12px); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .kd-message-content-close:hover { color: var(--kd-c-message-close-color-text-hover, var(--kd-g-color-theme-5, #87adff)); } .kd-message-success { color: var(--kd-c-message-success-color-text, #1BA854); background: var(--kd-c-message-success-color-background, #dcfae4); border: 1px solid var(--kd-c-message-success-color-border, #a1e6b5); } .kd-message-warning { color: var(--kd-c-message-warning-color-text, #FF991C); background: var(--kd-c-message-warning-color-background, #fff1d4); border: 1px solid var(--kd-c-message-warning-color-border, #ffe0a6); } .kd-message-error { color: var(--kd-c-message-error-color-text, #FB2323); background: var(--kd-c-message-error-color-background, #ffdbe0); border: 1px solid var(--kd-c-message-error-color-border, #ffadb6); } .kd-message-leave { -webkit-animation: kdNoticeLeaveEffect calc(0.3s - 0.2s) cubic-bezier(0, 0.4, 0.4, 1) forwards; animation: kdNoticeLeaveEffect calc(0.3s - 0.2s) cubic-bezier(0, 0.4, 0.4, 1) forwards; } .kd-message-leave-after { padding: 0; margin: 0; opacity: 0; -webkit-transition: all calc(0.3s - 0.2s) cubic-bezier(0, 0.4, 0.4, 1); transition: all calc(0.3s - 0.2s) cubic-bezier(0, 0.4, 0.4, 1); } .kd-message-leave-after.kd-message-success, .kd-message-leave-after.kd-message-warning, .kd-message-leave-after.kd-message-error { -webkit-transition: all calc(0.3s - 0.2s) cubic-bezier(0, 0.4, 0.4, 1); transition: all calc(0.3s - 0.2s) cubic-bezier(0, 0.4, 0.4, 1); border: none; } .kd-message-leave-after div, .kd-message-leave-after i { -webkit-transition: all calc(0.3s - 0.2s) cubic-bezier(0, 0.4, 0.4, 1); transition: all calc(0.3s - 0.2s) cubic-bezier(0, 0.4, 0.4, 1); height: 0; font-size: 0; } /* ----------- color ——————---- start */ /* ----------- color ——————---- end */ /* ----------- motion ——————---- start */ /* ----------- motion ——————---- end */ /* ----------- transition ——————---- start */ /* ----------- transition ——————---- end */ /* ----------- font ——————---- start */ /* ----------- font ——————---- end */ /* ----------- zIndex ——————---- start */ /* 普通组件内部自身层级应设置在0-100间 */ /* ----------- zIndex ——————---- end */ /* ----------- Button ——————---- start */ /* ----------- Button ——————---- end */ /* ----------- Collapse ——————---- start */ /* ----------- Collapse ——————---- end */ /* ----------- Card ——————---- start */ /* ----------- Card ——————---- end */ /* ----------- Carousel ——————---- start */ /* ----------- Carousel ——————---- end */ /* ----------- Cascader ——————---- start */ /* ----------- Cascader ——————---- end */ /* ----------- Switch ——————---- start */ /* ----------- Switch ——————---- end */ /* ----------- Input ——————---- start */ /* ----------- Input ——————---- end */ /* ----------- InputNumber ——————---- start */ /* ----------- InputNumber ——————---- end */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- end */ /* ----------- Radio ——————---- start */ /* ----------- Radio ——————---- end */ /* ----------- icon ——————---- start */ /* ----------- icon ——————---- end */ /* ----------- Popconfirm ——————---- start */ /* ----------- Popconfirm ——————---- end */ /* ----------- Progress ——————---- start */ /* ----------- Progress ——————---- end */ /* ----------- Pagination ——————---- start */ /* ----------- Pagination ——————---- end */ /* ----------- Timeline ——————---- start */ /* ----------- Timeline ——————---- end */ /* ----------- Tabs ——————---- start */ /* ----------- Tabs ——————---- end */ /* ----------- Select ——————---- start */ /* ----------- Select ——————---- end */ /* ----------- Rate ——————---- start */ /* ----------- Rate ——————---- end */ /* ----------- Dropdown ——————---- start */ /* ----------- Dropdown ——————---- end */ /* ----------- Tooltip ——————---- start */ /* ----------- Tooltip ——————---- end */ /* ----------- Transfer ——————---- start */ /* ----------- Transfer ——————---- end */ /* ----------- DatePicker ——————---- start */ /* ----------- DatePicker ——————---- end */ /* ----------- ColorPicker ——————---- start */ /* ----------- ColorPicker ——————---- end */ /* ----------- Tree ——————---- start */ /* ----------- Tree ——————---- end */ /* ----------- Alert ——————---- start */ /* ----------- Alert ——————---- end */ /* ----------- Split-Panel ——————---- start */ /* ----------- Split-Panel ——————---- end */ /* ----------- Modal ——————---- start */ /* ----------- Modal ——————---- end */ /* ----------- Steps ——————---- start */ /* ----------- Steps ——————---- end */ /* ----------- Form ——————---- start */ /* ----------- Form ——————---- end */ /* ----------- Tag ——————---- start */ /* ----------- Tag ——————---- end */ /* ----------- Menu ——————---- start */ /* ----------- Menu ——————---- end */ /* ----------- notice ——————---- start */ /* ----------- message ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Layout ——————---- start */ /* ----------- Layout ——————---- end */ /* ----------- Typography ——————---- start */ /* ----------- Typography ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Badge ——————---- start */ /* ----------- Badge ——————---- end */ /* ----------- Anchor ——————---- start */ /* ----------- Anchor ——————---- end */ /* ----------- Avatar ——————---- start */ /* ----------- Avatar ——————---- end */ /* ----------- AdvancedSelector ——————---- start */ /* ----------- AdvancedSelector ——————---- end */ .overall-postion { left: 0; right: 0; top: 0; bottom: 0; } /* ----------- motion ——————---- start */ /* ----------- motion ——————---- end */ /* ----------- transition ——————---- start */ /* ----------- transition ——————---- end */ /* ----------- zIndex ——————---- start */ /* 普通组件内部自身层级应设置在0-100间 */ /* ----------- zIndex ——————---- end */ .kd-modal-container { position: relative; z-index: var(--kd-c-modal-z-index, var(--kd-g-z-index-dialog, 1050)); } .kd-modal-container-show { -webkit-animation: kdModalEffect calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1) both; animation: kdModalEffect calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1) both; } .kd-modal-container-hidden { display: none; } .kd-modal-mask { position: fixed; background-color: var(--kd-c-modal-mask-color-background, rgba(55, 55, 55, 0.5)); z-index: auto; left: 0; right: 0; top: 0; bottom: 0; } .kd-modal-has-container-box { position: fixed; left: 50%; top: 50%; } .kd-modal-container-box { display: -webkit-box; display: -ms-flexbox; display: flex; width: 460px; height: 340px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background: #ffffff; -webkit-box-shadow: var(--kd-c-modal-box-shadow, 0 4px 10px 0 rgba(0, 0, 0, 0.2)); box-shadow: var(--kd-c-modal-box-shadow, 0 4px 10px 0 rgba(0, 0, 0, 0.2)); border-radius: var(--kd-c-modal-boeder-radius, 2px); outline: none; } .kd-modal-container-box .kd-modal-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: var(--kd-c-modal-header-sizing-padding-vertical, 0px) var(--kd-c-modal-header-sizing-padding-horizontal, 20px); -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: var(--kd-c-modal-header-sizing-height, 50px); -ms-flex-negative: 0; flex-shrink: 0; } .kd-modal-container-box .kd-modal-header .kd-modal-title-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .kd-modal-container-box .kd-modal-header .kd-modal-title-container .kd-modal-title-icon { border-radius: 50% 50%; width: var(--kd-c-modal-icon-circle-sizing, 6px); height: var(--kd-c-modal-icon-circle-sizing, 6px); margin-right: var(--kd-c-modal-title-icon-sizing-margin-right, 8px); } .kd-modal-container-box .kd-modal-header .kd-modal-title-container .modal-confirm-title-icon-bgcolor { background-color: var(--kd-c-modal-color-ongoing, var(--kd-g-color-ongoing, #276ff5)); } .kd-modal-container-box .kd-modal-header .kd-modal-title-container .modal-warning-title-icon-bgcolor { background-color: var(--kd-c-modal-color-warning, var(--kd-g-color-warning, #ff991c)); } .kd-modal-container-box .kd-modal-header .kd-modal-title-container .modal-error-title-icon-bgcolor { background-color: var(--kd-c-modal-color-error, var(--kd-g-color-error, #fb2323)); } .kd-modal-container-box .kd-modal-header .kd-modal-title-container .kd-modal-title { min-width: 72px; min-height: 27px; font-size: var(--kd-c-modal-title-font-size, 18px); color: var(--kd-c-modal-title-text-color, var(--kd-g-color-text-primary, #212121)); line-height: 27px; } .kd-modal-container-box .kd-modal-header .kd-modal-title-container:active { cursor: auto; } .kd-modal-container-box .kd-modal-header .kd-modal-close-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: var(--kd-c-modal-close-icon-font-size, 16px); color: var(--kd-c-modal-close-icon-color-text, #666666); cursor: pointer; } .kd-modal-container-box .kd-modal-header .kd-modal-close-icon:hover { color: var(--kd-c-modal-color-theme-hover, var(--kd-g-color-theme-5, #87adff)); } .kd-modal-container-box .kd-modal-header .kd-modal-close-icon:active { color: var(--kd-c-modal-color-theme-active, var(--kd-g-color-theme-7, #375cca)); } .kd-modal-container-box .kd-modal-header:active { cursor: move; } .kd-modal-container-box .kd-modal-body { display: block; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding: var(--kd-c-modal-body-sizing-padding, 20px); font-size: var(--kd-c-modal-body-font-size, 16px); color: var(--kd-c-modal-body-text-color, var(--kd-g-color-text-primary, #212121)); } .kd-modal-container-box .kd-modal-footer { height: var(--kd-c-modal-footer-sizing-height, 50px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: var(--kd-c-modal-footer-font-size, 14px); color: var(--kd-c-modal-footer-text-color, var(--kd-g-color-text-secondary, #666)); -ms-flex-negative: 0; flex-shrink: 0; } .kd-modal-container-box .kd-modal-resise-handle { position: absolute; } .kd-modal-container-box .kd-modal-resise-n { top: 0; left: 0; width: 100%; height: 6px; cursor: ns-resize; } .kd-modal-container-box .kd-modal-resise-e { top: 0; right: 0; height: 100%; width: 6px; cursor: ew-resize; } .kd-modal-container-box .kd-modal-resise-s { bottom: 0; left: 0; height: 6px; width: 100%; cursor: ns-resize; } .kd-modal-container-box .kd-modal-resise-w { left: 0; top: 0; height: 100%; width: 6px; cursor: ew-resize; } .kd-modal-container-box .kd-modal-resise-ne { top: 0; right: 0; width: 6px; height: 6px; cursor: nesw-resize; } .kd-modal-container-box .kd-modal-resise-se { bottom: 0; right: 0; width: 6px; height: 6px; cursor: nwse-resize; } .kd-modal-container-box .kd-modal-resise-sw { bottom: 0; left: 0; width: 6px; height: 6px; cursor: nesw-resize; } .kd-modal-container-box .kd-modal-resise-nw { top: 0; left: 0; width: 6px; height: 6px; cursor: nwse-resize; } .kd-modal-margin-btn { margin-right: var(--kd-c-modal-footer-button-spacing, 12px); } .kd-modal-wrapper { position: fixed; top: 0; right: 0; bottom: 0; left: 0; overflow: auto; text-align: center; } .kd-modal-wrapper::before { display: inline-block; width: 0; height: 100%; vertical-align: middle; content: ''; } .kd-modal-wrapper-resizable { text-align: unset; } .kd-modal-wrapper-resizable::before { height: 0; } .kd-modal-dialog { display: inline-block; vertical-align: middle; max-width: calc(100vw); } .kd-modal-showline .kd-modal-header { border-bottom: var(--kd-c-modal-sizing-border, 1px) solid var(--kd-c-modal-color-border, var(--kd-g-color-border-strong-2, #d9d9d9)); } .kd-modal-showline .kd-modal-footer { border-top: var(--kd-c-modal-sizing-border, 1px) solid var(--kd-c-modal-color-border, var(--kd-g-color-border-strong-2, #d9d9d9)); } /* ----------- color ——————---- start */ /* ----------- color ——————---- end */ /* ----------- motion ——————---- start */ /* ----------- motion ——————---- end */ /* ----------- transition ——————---- start */ /* ----------- transition ——————---- end */ /* ----------- font ——————---- start */ /* ----------- font ——————---- end */ /* ----------- zIndex ——————---- start */ /* 普通组件内部自身层级应设置在0-100间 */ /* ----------- zIndex ——————---- end */ /* ----------- Button ——————---- start */ /* ----------- Button ——————---- end */ /* ----------- Collapse ——————---- start */ /* ----------- Collapse ——————---- end */ /* ----------- Card ——————---- start */ /* ----------- Card ——————---- end */ /* ----------- Carousel ——————---- start */ /* ----------- Carousel ——————---- end */ /* ----------- Cascader ——————---- start */ /* ----------- Cascader ——————---- end */ /* ----------- Switch ——————---- start */ /* ----------- Switch ——————---- end */ /* ----------- Input ——————---- start */ /* ----------- Input ——————---- end */ /* ----------- InputNumber ——————---- start */ /* ----------- InputNumber ——————---- end */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- end */ /* ----------- Radio ——————---- start */ /* ----------- Radio ——————---- end */ /* ----------- icon ——————---- start */ /* ----------- icon ——————---- end */ /* ----------- Popconfirm ——————---- start */ /* ----------- Popconfirm ——————---- end */ /* ----------- Progress ——————---- start */ /* ----------- Progress ——————---- end */ /* ----------- Pagination ——————---- start */ /* ----------- Pagination ——————---- end */ /* ----------- Timeline ——————---- start */ /* ----------- Timeline ——————---- end */ /* ----------- Tabs ——————---- start */ /* ----------- Tabs ——————---- end */ /* ----------- Select ——————---- start */ /* ----------- Select ——————---- end */ /* ----------- Rate ——————---- start */ /* ----------- Rate ——————---- end */ /* ----------- Dropdown ——————---- start */ /* ----------- Dropdown ——————---- end */ /* ----------- Tooltip ——————---- start */ /* ----------- Tooltip ——————---- end */ /* ----------- Transfer ——————---- start */ /* ----------- Transfer ——————---- end */ /* ----------- DatePicker ——————---- start */ /* ----------- DatePicker ——————---- end */ /* ----------- ColorPicker ——————---- start */ /* ----------- ColorPicker ——————---- end */ /* ----------- Tree ——————---- start */ /* ----------- Tree ——————---- end */ /* ----------- Alert ——————---- start */ /* ----------- Alert ——————---- end */ /* ----------- Split-Panel ——————---- start */ /* ----------- Split-Panel ——————---- end */ /* ----------- Modal ——————---- start */ /* ----------- Modal ——————---- end */ /* ----------- Steps ——————---- start */ /* ----------- Steps ——————---- end */ /* ----------- Form ——————---- start */ /* ----------- Form ——————---- end */ /* ----------- Tag ——————---- start */ /* ----------- Tag ——————---- end */ /* ----------- Menu ——————---- start */ /* ----------- Menu ——————---- end */ /* ----------- notice ——————---- start */ /* ----------- message ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Layout ——————---- start */ /* ----------- Layout ——————---- end */ /* ----------- Typography ——————---- start */ /* ----------- Typography ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Badge ——————---- start */ /* ----------- Badge ——————---- end */ /* ----------- Anchor ——————---- start */ /* ----------- Anchor ——————---- end */ /* ----------- Avatar ——————---- start */ /* ----------- Avatar ——————---- end */ /* ----------- AdvancedSelector ——————---- start */ /* ----------- AdvancedSelector ——————---- end */ /* ----------- motion ——————---- start */ /* ----------- motion ——————---- end */ /* ----------- transition ——————---- start */ /* ----------- transition ——————---- end */ /* ----------- zIndex ——————---- start */ /* 普通组件内部自身层级应设置在0-100间 */ /* ----------- zIndex ——————---- end */ .kd-notice-box-topRight, .kd-notice-box-topLeft, .kd-notice-box-bottomLeft, .kd-notice-box-bottomRight { position: fixed; z-index: var(--kd-c-notice-z-index, var(--kd-g-z-index-apex, 9999)); } .kd-notice { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 320px; margin: 0 auto 16px; -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.15); border-radius: 2px; background-color: var(--kd-c-notice-content-color-background, var(--kd-g-color-white, #fff)); -webkit-animation: kdNoticeEffect var(--kd-c-notice-motion-duration, var(--kd-g-duration-quickly, 0.2s)) cubic-bezier(0, 0.4, 0.4, 1) forwards; animation: kdNoticeEffect var(--kd-c-notice-motion-duration, var(--kd-g-duration-quickly, 0.2s)) cubic-bezier(0, 0.4, 0.4, 1) forwards; } .kd-notice-content { width: 100%; } .kd-notice-content-title { height: 40px; line-height: 40px; white-space: nowrap; padding: 0 20px; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: var(--kd-c-notice-title-font-size, var(--kd-g-font-size-middle, 14px)); -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .kd-notice-content-title-left { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-right: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .kd-notice-content-title-left-icon { margin-right: 5px; font-size: 17px; } .kd-notice-content-title-left-text { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; font-weight: 600; overflow: hidden; text-overflow: ellipsis; } .kd-notice-content-title-close { cursor: pointer; } .kd-notice-content-description { height: 46px; padding: 10px 20px; font-size: 12px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .kd-notice-content-footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 20px 15px 20px; font-size: 12px; color: var(--kd-c-notice-footer-color, var(--kd-g-color-text-link, #0e5fd8)); cursor: pointer; } .kd-notice-content-footer > div { margin-right: 10px; } .kd-notice-content-footer > div:hover { color: var(--kd-c-notice-footer-color-hover, var(--kd-g-color-text-link-hover, #3987ed)); } .kd-notice-info .kd-notice-content-title { color: var(--kd-c-notice-info-color, var(--kd-g-color-text-primary, #212121)); background: var(--kd-c-notice-info-header-color-background, var(--kd-g-color-white, #fff)); } .kd-notice-info .kd-notice-content-title-left-icon { color: var(--kd-c-notice-icon-color, var(--kd-g-color-theme, #5582f3)); } .kd-notice-info .kd-notice-content-title-close { color: var(--kd-c-notice-icon-color, var(--kd-g-color-theme, #5582f3)); } .kd-notice-info .kd-notice-content-title-close:hover { color: var(--kd-c-notice-icon-color-hover, var(--kd-g-color-border-ongoing, #85b8ff)); } .kd-notice-primary .kd-notice-content-title { color: var(--kd-c-notice-header-color, var(--kd-g-color-white, #fff)); background: var(--kd-c-notice-header-color-background, var(--kd-g-color-theme, #5582f3)); } .kd-notice-primary .kd-notice-content-title-close { color: var(--kd-c-notice-header-color, var(--kd-g-color-white, #fff)); } .kd-notice-primary .kd-notice-content-title-close:hover { color: var(--kd-c-notice-icon-color-hover, var(--kd-g-color-border-ongoing, #85b8ff)); } .kd-notice-leave { -webkit-animation: kdNoticeLeaveEffect var(--kd-c-notice-motion-duration, var(--kd-g-duration-quickly, 0.2s)) cubic-bezier(0, 0.4, 0.4, 1) forwards; animation: kdNoticeLeaveEffect var(--kd-c-notice-motion-duration, var(--kd-g-duration-quickly, 0.2s)) cubic-bezier(0, 0.4, 0.4, 1) forwards; } .kd-notice-leave-after { padding: 0; margin: 0; opacity: 0; -webkit-transition: all var(--kd-c-notice-motion-duration, var(--kd-g-duration-quickly, 0.2s)) cubic-bezier(0, 0.4, 0.4, 1); transition: all var(--kd-c-notice-motion-duration, var(--kd-g-duration-quickly, 0.2s)) cubic-bezier(0, 0.4, 0.4, 1); } .kd-notice-leave-after.kd-notice-success, .kd-notice-leave-after.kd-notice-warning, .kd-notice-leave-after.kd-notice-error { -webkit-transition: all var(--kd-c-notice-motion-duration, var(--kd-g-duration-quickly, 0.2s)) cubic-bezier(0, 0.4, 0.4, 1); transition: all var(--kd-c-notice-motion-duration, var(--kd-g-duration-quickly, 0.2s)) cubic-bezier(0, 0.4, 0.4, 1); border: none; } .kd-notice-leave-after div, .kd-notice-leave-after i { -webkit-transition: all var(--kd-c-notice-motion-duration, var(--kd-g-duration-quickly, 0.2s)) cubic-bezier(0, 0.4, 0.4, 1); transition: all var(--kd-c-notice-motion-duration, var(--kd-g-duration-quickly, 0.2s)) cubic-bezier(0, 0.4, 0.4, 1); height: 0; font-size: 0; } /* ----------- color ——————---- start */ /* ----------- color ——————---- end */ /* ----------- motion ——————---- start */ /* ----------- motion ——————---- end */ /* ----------- transition ——————---- start */ /* ----------- transition ——————---- end */ /* ----------- font ——————---- start */ /* ----------- font ——————---- end */ /* ----------- zIndex ——————---- start */ /* 普通组件内部自身层级应设置在0-100间 */ /* ----------- zIndex ——————---- end */ /* ----------- Button ——————---- start */ /* ----------- Button ——————---- end */ /* ----------- Collapse ——————---- start */ /* ----------- Collapse ——————---- end */ /* ----------- Card ——————---- start */ /* ----------- Card ——————---- end */ /* ----------- Carousel ——————---- start */ /* ----------- Carousel ——————---- end */ /* ----------- Cascader ——————---- start */ /* ----------- Cascader ——————---- end */ /* ----------- Switch ——————---- start */ /* ----------- Switch ——————---- end */ /* ----------- Input ——————---- start */ /* ----------- Input ——————---- end */ /* ----------- InputNumber ——————---- start */ /* ----------- InputNumber ——————---- end */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- end */ /* ----------- Radio ——————---- start */ /* ----------- Radio ——————---- end */ /* ----------- icon ——————---- start */ /* ----------- icon ——————---- end */ /* ----------- Popconfirm ——————---- start */ /* ----------- Popconfirm ——————---- end */ /* ----------- Progress ——————---- start */ /* ----------- Progress ——————---- end */ /* ----------- Pagination ——————---- start */ /* ----------- Pagination ——————---- end */ /* ----------- Timeline ——————---- start */ /* ----------- Timeline ——————---- end */ /* ----------- Tabs ——————---- start */ /* ----------- Tabs ——————---- end */ /* ----------- Select ——————---- start */ /* ----------- Select ——————---- end */ /* ----------- Rate ——————---- start */ /* ----------- Rate ——————---- end */ /* ----------- Dropdown ——————---- start */ /* ----------- Dropdown ——————---- end */ /* ----------- Tooltip ——————---- start */ /* ----------- Tooltip ——————---- end */ /* ----------- Transfer ——————---- start */ /* ----------- Transfer ——————---- end */ /* ----------- DatePicker ——————---- start */ /* ----------- DatePicker ——————---- end */ /* ----------- ColorPicker ——————---- start */ /* ----------- ColorPicker ——————---- end */ /* ----------- Tree ——————---- start */ /* ----------- Tree ——————---- end */ /* ----------- Alert ——————---- start */ /* ----------- Alert ——————---- end */ /* ----------- Split-Panel ——————---- start */ /* ----------- Split-Panel ——————---- end */ /* ----------- Modal ——————---- start */ /* ----------- Modal ——————---- end */ /* ----------- Steps ——————---- start */ /* ----------- Steps ——————---- end */ /* ----------- Form ——————---- start */ /* ----------- Form ——————---- end */ /* ----------- Tag ——————---- start */ /* ----------- Tag ——————---- end */ /* ----------- Menu ——————---- start */ /* ----------- Menu ——————---- end */ /* ----------- notice ——————---- start */ /* ----------- message ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Layout ——————---- start */ /* ----------- Layout ——————---- end */ /* ----------- Typography ——————---- start */ /* ----------- Typography ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Badge ——————---- start */ /* ----------- Badge ——————---- end */ /* ----------- Anchor ——————---- start */ /* ----------- Anchor ——————---- end */ /* ----------- Avatar ——————---- start */ /* ----------- Avatar ——————---- end */ /* ----------- AdvancedSelector ——————---- start */ /* ----------- AdvancedSelector ——————---- end */ /* ----------- motion ——————---- start */ /* ----------- motion ——————---- end */ /* ----------- transition ——————---- start */ /* ----------- transition ——————---- end */ /* ----------- zIndex ——————---- start */ /* 普通组件内部自身层级应设置在0-100间 */ /* ----------- zIndex ——————---- end */ /* 多行显示省略号 */ /* 单行显示省略号 */ /** 浮层箭头样式 **/ .kd-pagination { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; font-variant: tabular-nums; list-style: none; -webkit-font-feature-settings: 'tnum'; font-feature-settings: 'tnum'; color: var(--kd-c-pagination-text-color, var(--kd-g-color-text-secondary, #666)); font-size: var(--kd-c-pagination-font-size, var(--kd-g-font-size-small, 12px)); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .kd-pagination .kd-pagination-total { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 12px; } .kd-pagination .kd-pagination-current { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 12px; } .kd-pagination .kd-pagination-current .kd-pagination-current-input { -webkit-box-sizing: border-box; box-sizing: border-box; width: 44px; height: var(--kd-c-pagination-sizing-square, 24px); margin: 0 3px; padding: 0; outline: none; text-align: center; background: var(--kd-g-color-background, #fff); color: var(--kd-g-color-text-primary, #212121); font-size: var(--kd-c-pagination-font-size, var(--kd-g-font-size-small, 12px)); border-radius: var(--kd-g-radius-border, 2px); border: var(--kd-c-pagination-sizing-border-width, 1px) solid var(--kd-g-color-border-strong, #d9d9d9); -webkit-transition: border-color var(--kd-g-duration, 0.3s); transition: border-color var(--kd-g-duration, 0.3s); } .kd-pagination .kd-pagination-current .kd-pagination-current-input:hover, .kd-pagination .kd-pagination-current .kd-pagination-current-input:active, .kd-pagination .kd-pagination-current .kd-pagination-current-input:focus { border-color: var(--kd-c-pagination-color-border-hover, var(--kd-g-color-theme-7, #375cca)); } .kd-pagination .kd-pagination-current .kd-pagination-current-input:disabled { color: var(--kd-c-pagination-color-disabled, var(--kd-g-color-disabled, #b2b2b2)); border: var(--kd-c-pagination-sizing-border-width, 1px) solid var(--kd-c-pagination-color-border-disabled, var(--kd-g-color-border-strong, #d9d9d9)); background: var(--kd-c-pagination-button-color-background-disabled, var(--kd-g-color-background-contain-disabled, #f5f5f5)); cursor: not-allowed; } .kd-pagination .kd-pagination-action { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; font-variant: tabular-nums; list-style: none; -webkit-font-feature-settings: 'tnum'; font-feature-settings: 'tnum'; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .kd-pagination .kd-pagination-action .kd-pagination-action-item { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; font-variant: tabular-nums; list-style: none; -webkit-font-feature-settings: 'tnum'; font-feature-settings: 'tnum'; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .kd-pagination .kd-pagination-action .kd-pagination-action-item.bordered { margin-right: calc(2 * var(--kd-c-pagination-button-spacing, 4px)); } .kd-pagination .kd-pagination-action .kd-pagination-action-item.bordered:last-child { margin-right: 0; } .kd-pagination .kd-pagination-action .kd-pagination-action-item.bordered button { border: var(--kd-c-pagination-sizing-border-width, 1px) solid var(--kd-c-pagination-color-border, var(--kd-g-color-border-strong, #d9d9d9)); } .kd-pagination .kd-pagination-action .kd-pagination-action-item.bordered button:disabled { background-color: var(--kd-c-pagination-button-color-background-disabled, var(--kd-g-color-background-contain-disabled, #f5f5f5)); } .kd-pagination .kd-pagination-action .kd-pagination-action-item button { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; width: var(--kd-c-pagination-sizing-square, 24px); height: var(--kd-c-pagination-sizing-square, 24px); border: none; background-color: var(--kd-g-color-background, #fff); border-radius: var(--kd-g-radius-border, 2px); cursor: pointer; outline: none; -webkit-transition: border-color var(--kd-g-duration, 0.3s); transition: border-color var(--kd-g-duration, 0.3s); } .kd-pagination .kd-pagination-action .kd-pagination-action-item button:hover:not(:disabled), .kd-pagination .kd-pagination-action .kd-pagination-action-item button:active:not(:disabled) { border-color: var(--kd-c-pagination-color-border-hover, var(--kd-g-color-theme-7, #375cca)); } .kd-pagination .kd-pagination-action .kd-pagination-action-item button:hover i, .kd-pagination .kd-pagination-action .kd-pagination-action-item button:active i { color: var(--kd-c-pagination-color-text-hover, var(--kd-g-color-theme, #5582f3)); } .kd-pagination .kd-pagination-action .kd-pagination-action-item button[disabled] { cursor: not-allowed; } .kd-pagination .kd-pagination-action .kd-pagination-action-item button[disabled] i { color: var(--kd-c-pagination-color-disabled, var(--kd-g-color-disabled, #b2b2b2)); } .kd-pagination .kd-pagination-action .kd-pagination-action-item button i { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: var(--kd-c-pagination-icon-font-size, var(--kd-g-font-size-large, 16px)); color: var(--kd-c-pagination-button-color, var(--kd-g-color-text-secondary, #666)); -webkit-transition: color var(--kd-g-duration, 0.3s); transition: color var(--kd-g-duration, 0.3s); } .kd-pagination .kd-pagination-selector { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; font-variant: tabular-nums; list-style: none; -webkit-font-feature-settings: 'tnum'; font-feature-settings: 'tnum'; position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 20px; outline: none; height: var(--kd-c-pagination-sizing-square, 24px); } .kd-pagination .kd-pagination-selector .kd-pagination-selector-size { -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0; line-height: var(--kd-c-pagination-sizing-square, 24px); color: var(--kd-g-color-text-primary, #212121); border-radius: var(--kd-g-radius-border, 2px); background: var(--kd-g-color-background, #fff); cursor: pointer; border: none; outline: none; } .kd-pagination .kd-pagination-selector .kd-pagination-selector-size:hover i, .kd-pagination .kd-pagination-selector .kd-pagination-selector-size:active i { color: var(--kd-c-pagination-color-text-hover, var(--kd-g-color-theme, #5582f3)); } .kd-pagination .kd-pagination-selector .kd-pagination-selector-size.disabled, .kd-pagination .kd-pagination-selector .kd-pagination-selector-size.disabled > i { cursor: not-allowed; color: var(--kd-c-pagination-color-disabled, var(--kd-g-color-disabled, #b2b2b2)); } .kd-pagination .kd-pagination-selector .kd-pagination-selector-size i { margin-left: 4px; line-height: var(--kd-c-pagination-sizing-square, 24px); font-size: var(--kd-c-pagination-icon-font-size, var(--kd-g-font-size-large, 16px)); color: var(--kd-c-pagination-text-color, var(--kd-g-color-text-secondary, #666)); } .kd-pagination .kd-pagination-selector .kd-dropdown-menu-item { text-align: right; padding-right: var(--kd-c-pagination-dropdown-item-spacing-padding-horizontal, 24px); padding-left: var(--kd-c-pagination-dropdown-item-spacing-padding-horizontal, 24px); } .kd-pagination .kd-pagination-selector .kd-dropdown-menu-item span { white-space: nowrap; } .kd-pagination.simple .kd-pagination-action { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: var(--kd-c-pagination-sizing-square, 24px); border-radius: var(--kd-g-radius-border, 2px); border: var(--kd-c-pagination-sizing-border-width, 1px) solid transparent; } .kd-pagination.simple .kd-pagination-action.bordered { border-color: var(--kd-c-pagination-color-border, var(--kd-g-color-border-strong, #d9d9d9)); -webkit-transition: border-color var(--kd-g-duration, 0.3s); transition: border-color var(--kd-g-duration, 0.3s); } .kd-pagination.simple .kd-pagination-action.bordered:active:not(.disabled) { border-color: var(--kd-c-pagination-color-border-hover, var(--kd-g-color-theme-7, #375cca)); } .kd-pagination.simple .kd-pagination-action.bordered.disabled, .kd-pagination.simple .kd-pagination-action.bordered.disabled > .kd-pagination-item > button { background-color: var(--kd-c-pagination-button-color-background-disabled, var(--kd-g-color-background-contain-disabled, #f5f5f5)); } .kd-pagination.simple .kd-pagination-action.disabled > .kd-pagination-action-item { color: var(--kd-c-pagination-color-disabled, var(--kd-g-color-disabled, #b2b2b2)); } .kd-pagination.simple .kd-pagination-action-item { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; font-variant: tabular-nums; list-style: none; -webkit-font-feature-settings: 'tnum'; font-feature-settings: 'tnum'; height: var(--kd-c-pagination-sizing-square, 24px); overflow: hidden; margin: 0 8px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: var(--kd-g-color-text-primary, #212121); } .kd-pagination.simple .kd-pagination-action-item:first-child, .kd-pagination.simple .kd-pagination-action-item:last-child { margin: 0; } .kd-pagination.simple .kd-pagination-action-item .kd-pagination-current { margin-right: 2px; } .kd-pagination.simple .kd-pagination-action-item .kd-pagination-current .kd-pagination-current-input { margin: 0; } .kd-pagination.simple .kd-pagination-action-item .kd-pagination-current .kd-pagination-current-input:disabled { color: var(--kd-c-pagination-color-disabled, var(--kd-g-color-disabled, #b2b2b2)); cursor: not-allowed; } .kd-pagination.simple .kd-pagination-action-item .kd-pagination-total { margin-right: 0; margin-left: 2px; } .kd-pagination.simple .kd-pagination-action-item.bordered > button { border: none; } .kd-pagination.simple .kd-pagination-action-item button { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; width: calc(var(--kd-c-pagination-sizing-square, 24px) - 2px); height: calc(var(--kd-c-pagination-sizing-square, 24px) - 2px); border: none; background-color: var(--kd-g-color-background, #fff); border-radius: var(--kd-g-radius-border, 2px); cursor: pointer; outline: none; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: border-color var(--kd-g-duration, 0.3s); transition: border-color var(--kd-g-duration, 0.3s); } .kd-pagination.simple .kd-pagination-action-item button:hover:not(:disabled), .kd-pagination.simple .kd-pagination-action-item button:active:not(:disabled) { border-color: var(--kd-c-pagination-color-border-hover, var(--kd-g-color-theme-7, #375cca)); } .kd-pagination.simple .kd-pagination-action-item button:hover i, .kd-pagination.simple .kd-pagination-action-item button:active i { color: var(--kd-c-pagination-color-text-hover, var(--kd-g-color-theme, #5582f3)); } .kd-pagination.simple .kd-pagination-action-item button:disabled { cursor: not-allowed; } .kd-pagination.simple .kd-pagination-action-item button:disabled i { color: var(--kd-c-pagination-color-disabled, var(--kd-g-color-disabled, #b2b2b2)); } .kd-pagination.simple .kd-pagination-action-item button i { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; line-height: calc(var(--kd-c-pagination-sizing-square, 24px) - 2px); font-size: var(--kd-c-pagination-icon-font-size, var(--kd-g-font-size-large, 16px)); color: var(--kd-c-pagination-button-color, var(--kd-g-color-text-secondary, #666)); -webkit-transition: color var(--kd-g-duration, 0.3s); transition: color var(--kd-g-duration, 0.3s); } .kd-pagination.less .kd-pagination-pages { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; font-variant: tabular-nums; list-style: none; -webkit-font-feature-settings: 'tnum'; font-feature-settings: 'tnum'; display: inline-block; } .kd-pagination.less .kd-pagination-pages-item { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; font-variant: tabular-nums; list-style: none; -webkit-font-feature-settings: 'tnum'; font-feature-settings: 'tnum'; position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: var(--kd-c-pagination-button-spacing, 4px); } .kd-pagination.less .kd-pagination-pages-item:last-child { margin-right: 0; } .kd-pagination.less .kd-pagination-pages-item.active > button:disabled { background-color: var(--kd-g-color-background-contain, #fafafa); } .kd-pagination.less .kd-pagination-pages-item:hover button, .kd-pagination.less .kd-pagination-pages-item:active button, .kd-pagination.less .kd-pagination-pages-item.active button { color: var(--kd-g-color-theme, #5582f3); } .kd-pagination.less .kd-pagination-pages-item:first-child button, .kd-pagination.less .kd-pagination-pages-item:last-child button { width: var(--kd-c-pagination-sizing-square, 24px); padding: 0; border-radius: var(--kd-g-radius-border, 2px); border: var(--kd-c-pagination-sizing-border-width, 1px) solid var(--kd-c-pagination-color-border, var(--kd-g-color-border-strong, #d9d9d9)); } .kd-pagination.less .kd-pagination-pages-item:first-child button:hover, .kd-pagination.less .kd-pagination-pages-item:last-child button:hover, .kd-pagination.less .kd-pagination-pages-item:first-child button:active, .kd-pagination.less .kd-pagination-pages-item:last-child button:active { border-color: var(--kd-c-pagination-color-border-hover, var(--kd-g-color-theme-7, #375cca)); } .kd-pagination.less .kd-pagination-pages-item:first-child button:hover:disabled, .kd-pagination.less .kd-pagination-pages-item:last-child button:hover:disabled, .kd-pagination.less .kd-pagination-pages-item:first-child button:active:disabled, .kd-pagination.less .kd-pagination-pages-item:last-child button:active:disabled { border-color: var(--kd-c-pagination-color-border-disabled, var(--kd-g-color-border-strong, #d9d9d9)); } .kd-pagination.less .kd-pagination-pages-item button { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; font-variant: tabular-nums; list-style: none; -webkit-font-feature-settings: 'tnum'; font-feature-settings: 'tnum'; min-width: var(--kd-c-pagination-sizing-square, 24px); height: var(--kd-c-pagination-sizing-square, 24px); padding: 0 4px; color: var(--kd-g-color-text-primary, #212121); font-size: var(--kd-c-pagination-font-size, var(--kd-g-font-size-small, 12px)); cursor: pointer; outline: none; border: none; background: var(--kd-g-color-background, #fff); -webkit-transition: color var(--kd-g-duration, 0.3s), border-color var(--kd-g-duration, 0.3s); transition: color var(--kd-g-duration, 0.3s), border-color var(--kd-g-duration, 0.3s); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .kd-pagination.less .kd-pagination-pages-item button:disabled { cursor: not-allowed; color: var(--kd-c-pagination-color-disabled, var(--kd-g-color-disabled, #b2b2b2)); } .kd-pagination.nicety .kd-pagination-pages { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; font-variant: tabular-nums; list-style: none; -webkit-font-feature-settings: 'tnum'; font-feature-settings: 'tnum'; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .kd-pagination.nicety .kd-pagination-pages-item { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; font-variant: tabular-nums; list-style: none; -webkit-font-feature-settings: 'tnum'; font-feature-settings: 'tnum'; position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: var(--kd-c-pagination-button-spacing, 4px); } .kd-pagination.nicety .kd-pagination-pages-item:last-child { margin-right: 0; } .kd-pagination.nicety .kd-pagination-pages-item:hover button, .kd-pagination.nicety .kd-pagination-pages-item:active button, .kd-pagination.nicety .kd-pagination-pages-item.active button { border-color: var(--kd-c-pagination-color-border-hover, var(--kd-g-color-theme-7, #375cca)); } .kd-pagination.nicety .kd-pagination-pages-item:hover button:disabled, .kd-pagination.nicety .kd-pagination-pages-item:active button:disabled, .kd-pagination.nicety .kd-pagination-pages-item.active button:disabled { border-color: var(--kd-c-pagination-color-border-disabled, var(--kd-g-color-border-strong, #d9d9d9)); } .kd-pagination.nicety .kd-pagination-pages-item.active > button:disabled { background-color: var(--kd-g-color-background-contain, #fafafa); } .kd-pagination.nicety .kd-pagination-pages-item.active button, .kd-pagination.nicety .kd-pagination-pages-item:hover button { color: var(--kd-g-color-theme, #5582f3); } .kd-pagination.nicety .kd-pagination-pages-item.active button:not(:disabled) > .kd-pagination-pages-jumper-icon, .kd-pagination.nicety .kd-pagination-pages-item:hover button:not(:disabled) > .kd-pagination-pages-jumper-icon { opacity: 1; } .kd-pagination.nicety .kd-pagination-pages-item:first-child button, .kd-pagination.nicety .kd-pagination-pages-item:last-child button { width: var(--kd-c-pagination-sizing-square, 24px); padding: 0; line-height: calc(var(--kd-c-pagination-sizing-square, 24px) - 2px); } .kd-pagination.nicety .kd-pagination-pages-item button { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; font-variant: tabular-nums; list-style: none; -webkit-font-feature-settings: 'tnum'; font-feature-settings: 'tnum'; min-width: var(--kd-c-pagination-sizing-square, 24px); height: var(--kd-c-pagination-sizing-square, 24px); padding: 0 6px; cursor: pointer; outline: none; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: var(--kd-c-pagination-font-size, var(--kd-g-font-size-small, 12px)); color: var(--kd-g-color-text-primary, #212121); border-radius: var(--kd-g-radius-border, 2px); border: var(--kd-c-pagination-sizing-border-width, 1px) solid var(--kd-c-pagination-color-border, var(--kd-g-color-border-strong, #d9d9d9)); background: var(--kd-g-color-background, #fff); -webkit-transition: color var(--kd-g-duration, 0.3s), border-color var(--kd-g-duration, 0.3s), background-color var(--kd-g-duration, 0.3s); transition: color var(--kd-g-duration, 0.3s), border-color var(--kd-g-duration, 0.3s), background-color var(--kd-g-duration, 0.3s); } .kd-pagination.nicety .kd-pagination-pages-item button:disabled { cursor: not-allowed; color: var(--kd-c-pagination-color-disabled, var(--kd-g-color-disabled, #b2b2b2)); } .kd-pagination.nicety .kd-pagination-pages-item button > i { font-size: 16px; } .kd-pagination.nicety .kd-pagination-pages-item button .kd-pagination-pages-jumper-icon { position: absolute; top: 0; left: 0; opacity: 0; width: 100%; height: 100%; color: var(--kd-g-color-theme, #5582f3); line-height: var(--kd-c-pagination-sizing-square, 24px); background-color: var(--kd-g-color-background, #fff); -webkit-transition: opacity var(--kd-g-duration, 0.3s); transition: opacity var(--kd-g-duration, 0.3s); } .kd-pagination.nicety .kd-pagination-jumper { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 4px; } .kd-pagination.nicety .kd-pagination-jumper .kd-pagination-jumper-input { -webkit-box-sizing: border-box; box-sizing: border-box; width: 40px; height: var(--kd-c-pagination-sizing-square, 24px); padding: 0; outline: none; text-align: center; background: var(--kd-g-color-background, #fff); color: var(--kd-g-color-text-primary, #212121); font-size: var(--kd-c-pagination-font-size, var(--kd-g-font-size-small, 12px)); border-radius: var(--kd-g-radius-border, 2px); border: var(--kd-c-pagination-sizing-border-width, 1px) solid var(--kd-g-color-border-strong, #d9d9d9); -webkit-transition: border-color var(--kd-g-duration, 0.3s); transition: border-color var(--kd-g-duration, 0.3s); } .kd-pagination.nicety .kd-pagination-jumper .kd-pagination-jumper-input:hover, .kd-pagination.nicety .kd-pagination-jumper .kd-pagination-jumper-input:active, .kd-pagination.nicety .kd-pagination-jumper .kd-pagination-jumper-input:focus { border-color: var(--kd-c-pagination-color-border-hover, var(--kd-g-color-theme-7, #375cca)); } .kd-pagination.nicety .kd-pagination-jumper .kd-pagination-jumper-input:disabled { color: var(--kd-c-pagination-color-disabled, var(--kd-g-color-disabled, #b2b2b2)); border: var(--kd-c-pagination-sizing-border-width, 1px) solid var(--kd-c-pagination-color-border-disabled, var(--kd-g-color-border-strong, #d9d9d9)); background: var(--kd-c-pagination-button-color-background-disabled, var(--kd-g-color-background-contain-disabled, #f5f5f5)); cursor: not-allowed; } .kd-pagination.nicety .kd-pagination-jumper .kd-pagination-jumper-button { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; font-variant: tabular-nums; list-style: none; -webkit-font-feature-settings: 'tnum'; font-feature-settings: 'tnum'; width: var(--kd-c-pagination-sizing-square, 24px); height: var(--kd-c-pagination-sizing-square, 24px); margin-left: var(--kd-c-pagination-button-spacing, 4px); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; outline: none; color: var(--kd-g-color-text-primary, #212121); font-size: var(--kd-c-pagination-font-size, var(--kd-g-font-size-small, 12px)); border-radius: var(--kd-g-radius-border, 2px); border: var(--kd-c-pagination-sizing-border-width, 1px) solid var(--kd-g-color-border-strong, #d9d9d9); background: var(--kd-g-color-background, #fff); -webkit-transition: border-color var(--kd-g-duration, 0.3s); transition: border-color var(--kd-g-duration, 0.3s); } .kd-pagination.nicety .kd-pagination-jumper .kd-pagination-jumper-button:hover, .kd-pagination.nicety .kd-pagination-jumper .kd-pagination-jumper-button:active { color: var(--kd-g-color-theme, #5582f3); border-color: var(--kd-c-pagination-color-border-hover, var(--kd-g-color-theme-7, #375cca)); } .kd-pagination.nicety .kd-pagination-jumper .kd-pagination-jumper-button:hover:disabled, .kd-pagination.nicety .kd-pagination-jumper .kd-pagination-jumper-button:active:disabled { border-color: var(--kd-c-pagination-color-border-disabled, var(--kd-g-color-border-strong, #d9d9d9)); } .kd-pagination.nicety .kd-pagination-jumper .kd-pagination-jumper-button:disabled { color: var(--kd-c-pagination-color-disabled, var(--kd-g-color-disabled, #b2b2b2)); cursor: not-allowed; } .kd-pagination.nicety .kd-pagination-options { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; font-variant: tabular-nums; list-style: none; -webkit-font-feature-settings: 'tnum'; font-feature-settings: 'tnum'; position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 22px; outline: none; height: var(--kd-c-pagination-sizing-square, 24px); color: var(--kd-g-color-text-primary, #212121); } .kd-pagination.nicety .kd-pagination-options .kd-pagination-options-size { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-width: 64px; height: var(--kd-c-pagination-sizing-square, 24px); margin-right: 8px; padding: 0 24px 0 4px; font-size: var(--kd-c-pagination-font-size, var(--kd-g-font-size-small, 12px)); color: var(--kd-g-color-text-primary, #212121); border-radius: var(--kd-g-radius-border, 2px); border: var(--kd-c-pagination-sizing-border-width, 1px) solid var(--kd-g-color-border-strong, #d9d9d9); background: var(--kd-g-color-background, #fff); cursor: pointer; outline: none; -webkit-transition: border-color var(--kd-g-duration, 0.3s); transition: border-color var(--kd-g-duration, 0.3s); } .kd-pagination.nicety .kd-pagination-options .kd-pagination-options-size:hover, .kd-pagination.nicety .kd-pagination-options .kd-pagination-options-size:active { border-color: var(--kd-c-pagination-color-border-hover, var(--kd-g-color-theme-7, #375cca)); } .kd-pagination.nicety .kd-pagination-options .kd-pagination-options-size:hover.disabled, .kd-pagination.nicety .kd-pagination-options .kd-pagination-options-size:active.disabled { border-color: var(--kd-g-color-border-strong, #d9d9d9); } .kd-pagination.nicety .kd-pagination-options .kd-pagination-options-size.disabled, .kd-pagination.nicety .kd-pagination-options .kd-pagination-options-size.disabled > i { cursor: not-allowed; color: var(--kd-c-pagination-color-disabled, var(--kd-g-color-disabled, #b2b2b2)); } .kd-pagination.nicety .kd-pagination-options .kd-pagination-options-size i { position: absolute; top: 50%; right: 5px; line-height: calc(var(--kd-c-pagination-sizing-square, 24px) - 2px); font-size: var(--kd-c-pagination-icon-font-size, var(--kd-g-font-size-large, 16px)); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .kd-pagination.nicety .kd-pagination-options .kd-pagination-options-size:hover i { color: var(--kd-c-pagination-color-text-hover, var(--kd-g-color-theme, #5582f3)); } .kd-pagination.nicety .kd-pagination-options .kd-pagination-options-size.kd-pagination-options-dropdown-open i { -webkit-transform: rotate(180deg) translateY(50%); transform: rotate(180deg) translateY(50%); } .kd-pagination-options-dropdown i { -webkit-transition: -webkit-transform var(--kd-g-duration, 0.3s); transition: -webkit-transform var(--kd-g-duration, 0.3s); transition: transform var(--kd-g-duration, 0.3s); transition: transform var(--kd-g-duration, 0.3s), -webkit-transform var(--kd-g-duration, 0.3s); } .kd-pagination-options-dropdown-open i { -webkit-transform: rotate(180deg); transform: rotate(180deg); } /* ----------- color ——————---- start */ /* ----------- color ——————---- end */ /* ----------- motion ——————---- start */ /* ----------- motion ——————---- end */ /* ----------- transition ——————---- start */ /* ----------- transition ——————---- end */ /* ----------- font ——————---- start */ /* ----------- font ——————---- end */ /* ----------- zIndex ——————---- start */ /* 普通组件内部自身层级应设置在0-100间 */ /* ----------- zIndex ——————---- end */ /* ----------- Button ——————---- start */ /* ----------- Button ——————---- end */ /* ----------- Collapse ——————---- start */ /* ----------- Collapse ——————---- end */ /* ----------- Card ——————---- start */ /* ----------- Card ——————---- end */ /* ----------- Carousel ——————---- start */ /* ----------- Carousel ——————---- end */ /* ----------- Cascader ——————---- start */ /* ----------- Cascader ——————---- end */ /* ----------- Switch ——————---- start */ /* ----------- Switch ——————---- end */ /* ----------- Input ——————---- start */ /* ----------- Input ——————---- end */ /* ----------- InputNumber ——————---- start */ /* ----------- InputNumber ——————---- end */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- end */ /* ----------- Radio ——————---- start */ /* ----------- Radio ——————---- end */ /* ----------- icon ——————---- start */ /* ----------- icon ——————---- end */ /* ----------- Popconfirm ——————---- start */ /* ----------- Popconfirm ——————---- end */ /* ----------- Progress ——————---- start */ /* ----------- Progress ——————---- end */ /* ----------- Pagination ——————---- start */ /* ----------- Pagination ——————---- end */ /* ----------- Timeline ——————---- start */ /* ----------- Timeline ——————---- end */ /* ----------- Tabs ——————---- start */ /* ----------- Tabs ——————---- end */ /* ----------- Select ——————---- start */ /* ----------- Select ——————---- end */ /* ----------- Rate ——————---- start */ /* ----------- Rate ——————---- end */ /* ----------- Dropdown ——————---- start */ /* ----------- Dropdown ——————---- end */ /* ----------- Tooltip ——————---- start */ /* ----------- Tooltip ——————---- end */ /* ----------- Transfer ——————---- start */ /* ----------- Transfer ——————---- end */ /* ----------- DatePicker ——————---- start */ /* ----------- DatePicker ——————---- end */ /* ----------- ColorPicker ——————---- start */ /* ----------- ColorPicker ——————---- end */ /* ----------- Tree ——————---- start */ /* ----------- Tree ——————---- end */ /* ----------- Alert ——————---- start */ /* ----------- Alert ——————---- end */ /* ----------- Split-Panel ——————---- start */ /* ----------- Split-Panel ——————---- end */ /* ----------- Modal ——————---- start */ /* ----------- Modal ——————---- end */ /* ----------- Steps ——————---- start */ /* ----------- Steps ——————---- end */ /* ----------- Form ——————---- start */ /* ----------- Form ——————---- end */ /* ----------- Tag ——————---- start */ /* ----------- Tag ——————---- end */ /* ----------- Menu ——————---- start */ /* ----------- Menu ——————---- end */ /* ----------- notice ——————---- start */ /* ----------- message ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Layout ——————---- start */ /* ----------- Layout ——————---- end */ /* ----------- Typography ——————---- start */ /* ----------- Typography ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Badge ——————---- start */ /* ----------- Badge ——————---- end */ /* ----------- Anchor ——————---- start */ /* ----------- Anchor ——————---- end */ /* ----------- Avatar ——————---- start */ /* ----------- Avatar ——————---- end */ /* ----------- AdvancedSelector ——————---- start */ /* ----------- AdvancedSelector ——————---- end */ /* ----------- motion ——————---- start */ /* ----------- motion ——————---- end */ /* ----------- transition ——————---- start */ /* ----------- transition ——————---- end */ /* ----------- zIndex ——————---- start */ /* 普通组件内部自身层级应设置在0-100间 */ /* ----------- zIndex ——————---- end */ /* 多行显示省略号 */ /* 单行显示省略号 */ /** 浮层箭头样式 **/ .kd-popconfirm { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; font-variant: tabular-nums; list-style: none; -webkit-font-feature-settings: 'tnum'; font-feature-settings: 'tnum'; border-radius: var(--kd-c-popconfirm-radius-border, var(--kd-g-radius-border, 2px)); background-color: var(--kd-c-popconfirm-color-background, var(--kd-g-color-background, #fff)); opacity: 1; z-index: var(--kd-g-z-index-popper, 1050); visibility: visible; } .kd-popconfirm.hidden { opacity: 0; visibility: hidden; } .kd-popconfirm[class*="top"] { -webkit-box-shadow: 0 6px 16px 3px rgba(0, 0, 0, 0.08); box-shadow: 0 6px 16px 3px rgba(0, 0, 0, 0.08); } .kd-popconfirm[class*="bottom"] { -webkit-box-shadow: 0 -6px 16px 3px rgba(0, 0, 0, 0.08); box-shadow: 0 -6px 16px 3px rgba(0, 0, 0, 0.08); } .kd-popconfirm[class*="left"] { -webkit-box-shadow: 6px 0 16px 3px rgba(0, 0, 0, 0.08); box-shadow: 6px 0 16px 3px rgba(0, 0, 0, 0.08); } .kd-popconfirm[class*="right"] { -webkit-box-shadow: -6px 0 16px 3px rgba(0, 0, 0, 0.08); box-shadow: -6px 0 16px 3px rgba(0, 0, 0, 0.08); } .kd-popconfirm.arrow::before { position: absolute; z-index: -2; background: var(--kd-c-popconfirm-color-background, var(--kd-g-color-background, #fff)); border-style: solid; border-width: var(--arrowSize); -webkit-transform: rotate(45deg); transform: rotate(45deg); content: ''; } .kd-popconfirm.arrow::after { position: absolute; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; content: ''; background: var(--kd-c-popconfirm-color-background, var(--kd-g-color-background, #fff)); border-radius: var(--kd-g-radius-border, 2px); } .kd-popconfirm.arrow.bottomLeft::before, .kd-popconfirm.arrow.bottom::before, .kd-popconfirm.arrow.bottomRight::before { left: var(--arrowLeft); top: var(--arrowSpill); -webkit-box-shadow: -2px -2px calc(16px - 1px) rgba(0, 0, 0, 0.1); box-shadow: -2px -2px calc(16px - 1px) rgba(0, 0, 0, 0.1); border-color: var(--kd-c-popconfirm-color-background, var(--kd-g-color-background, #fff)) transparent transparent var(--kd-c-popconfirm-color-background, var(--kd-g-color-background, #fff)); } .kd-popconfirm.arrow.topLeft::before, .kd-popconfirm.arrow.top::before, .kd-popconfirm.arrow.topRight::before { left: var(--arrowLeft); bottom: var(--arrowSpill); -webkit-box-shadow: 3px 3px calc(16px + 1px) rgba(0, 0, 0, 0.15); box-shadow: 3px 3px calc(16px + 1px) rgba(0, 0, 0, 0.15); border-color: transparent var(--kd-c-popconfirm-color-background, var(--kd-g-color-background, #fff)) var(--kd-c-popconfirm-color-background, var(--kd-g-color-background, #fff)) transparent; } .kd-popconfirm.arrow.leftTop::before, .kd-popconfirm.arrow.left::before, .kd-popconfirm.arrow.leftBottom::before { top: var(--arrowTop); right: var(--arrowSpill); -webkit-box-shadow: 3px 0 16px rgba(0, 0, 0, 0.12), 0 -2px 16px rgba(204, 149, 149, 0.12); box-shadow: 3px 0 16px rgba(0, 0, 0, 0.12), 0 -2px 16px rgba(204, 149, 149, 0.12); border-color: var(--kd-c-popconfirm-color-background, var(--kd-g-color-background, #fff)) var(--kd-c-popconfirm-color-background, var(--kd-g-color-background, #fff)) transparent transparent; } .kd-popconfirm.arrow.rightTop::before, .kd-popconfirm.arrow.right::before, .kd-popconfirm.arrow.rightBottom::before { top: var(--arrowTop); left: var(--arrowSpill); -webkit-box-shadow: 0 3px 16px rgba(0, 0, 0, 0.1), -2px 0 16px rgba(0, 0, 0, 0.1); box-shadow: 0 3px 16px rgba(0, 0, 0, 0.1), -2px 0 16px rgba(0, 0, 0, 0.1); border-color: transparent transparent var(--kd-c-popconfirm-color-background, var(--kd-g-color-background, #fff)) var(--kd-c-popconfirm-color-background, var(--kd-g-color-background, #fff)); } .kd-popconfirm-content { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; font-variant: tabular-nums; list-style: none; -webkit-font-feature-settings: 'tnum'; font-feature-settings: 'tnum'; width: var(--kd-c-popconfirm-sizing-min-width, 240px); padding: var(--kd-c-popconfirm-spacing-padding-vertical, 16px) var(--kd-c-popconfirm-spacing-padding-horizontal, 16px); } .kd-popconfirm-title { line-height: 21px; color: var(--kd-c-popconfirm-title-color-text, var(--kd-g-color-text-primary, #212121)); font-size: var(--kd-c-popconfirm-title-font-size, var(--kd-g-font-size-middle, 14px)); } .kd-popconfirm-title i { margin-right: var(--kd-c-popconfirm-title-icon-spacing-margin-right, 6px); vertical-align: top; line-height: 21px; color: var(--kd-c-popconfirm-icon-color-text, var(--kd-g-color-warning, #ff991c)); font-size: var(--kd-c-popconfirm-icon-sizing-square, 17px); } .kd-popconfirm-message { color: var(--kd-c-popconfirm-message-color-text, var(--kd-g-color-text-primary, #212121)); font-size: var(--kd-c-popconfirm-message-font-size, var(--kd-g-font-size-small, 12px)); line-height: 18px; margin: var(--kd-c-popconfirm-message-spacing-margin-top, 6px) 0 var(--kd-c-popconfirm-message-spacing-margin-bottom, 18px); } .kd-popconfirm-interaction { text-align: right; } .kd-popconfirm-interaction button:not(:last-child) { margin-right: var(--kd-c-popconfirm-button-spacing, 12px); } /* ----------- color ——————---- start */ /* ----------- color ——————---- end */ /* ----------- motion ——————---- start */ /* ----------- motion ——————---- end */ /* ----------- transition ——————---- start */ /* ----------- transition ——————---- end */ /* ----------- font ——————---- start */ /* ----------- font ——————---- end */ /* ----------- zIndex ——————---- start */ /* 普通组件内部自身层级应设置在0-100间 */ /* ----------- zIndex ——————---- end */ /* ----------- Button ——————---- start */ /* ----------- Button ——————---- end */ /* ----------- Collapse ——————---- start */ /* ----------- Collapse ——————---- end */ /* ----------- Card ——————---- start */ /* ----------- Card ——————---- end */ /* ----------- Carousel ——————---- start */ /* ----------- Carousel ——————---- end */ /* ----------- Cascader ——————---- start */ /* ----------- Cascader ——————---- end */ /* ----------- Switch ——————---- start */ /* ----------- Switch ——————---- end */ /* ----------- Input ——————---- start */ /* ----------- Input ——————---- end */ /* ----------- InputNumber ——————---- start */ /* ----------- InputNumber ——————---- end */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- end */ /* ----------- Radio ——————---- start */ /* ----------- Radio ——————---- end */ /* ----------- icon ——————---- start */ /* ----------- icon ——————---- end */ /* ----------- Popconfirm ——————---- start */ /* ----------- Popconfirm ——————---- end */ /* ----------- Progress ——————---- start */ /* ----------- Progress ——————---- end */ /* ----------- Pagination ——————---- start */ /* ----------- Pagination ——————---- end */ /* ----------- Timeline ——————---- start */ /* ----------- Timeline ——————---- end */ /* ----------- Tabs ——————---- start */ /* ----------- Tabs ——————---- end */ /* ----------- Select ——————---- start */ /* ----------- Select ——————---- end */ /* ----------- Rate ——————---- start */ /* ----------- Rate ——————---- end */ /* ----------- Dropdown ——————---- start */ /* ----------- Dropdown ——————---- end */ /* ----------- Tooltip ——————---- start */ /* ----------- Tooltip ——————---- end */ /* ----------- Transfer ——————---- start */ /* ----------- Transfer ——————---- end */ /* ----------- DatePicker ——————---- start */ /* ----------- DatePicker ——————---- end */ /* ----------- ColorPicker ——————---- start */ /* ----------- ColorPicker ——————---- end */ /* ----------- Tree ——————---- start */ /* ----------- Tree ——————---- end */ /* ----------- Alert ——————---- start */ /* ----------- Alert ——————---- end */ /* ----------- Split-Panel ——————---- start */ /* ----------- Split-Panel ——————---- end */ /* ----------- Modal ——————---- start */ /* ----------- Modal ——————---- end */ /* ----------- Steps ——————---- start */ /* ----------- Steps ——————---- end */ /* ----------- Form ——————---- start */ /* ----------- Form ——————---- end */ /* ----------- Tag ——————---- start */ /* ----------- Tag ——————---- end */ /* ----------- Menu ——————---- start */ /* ----------- Menu ——————---- end */ /* ----------- notice ——————---- start */ /* ----------- message ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Layout ——————---- start */ /* ----------- Layout ——————---- end */ /* ----------- Typography ——————---- start */ /* ----------- Typography ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Badge ——————---- start */ /* ----------- Badge ——————---- end */ /* ----------- Anchor ——————---- start */ /* ----------- Anchor ——————---- end */ /* ----------- Avatar ——————---- start */ /* ----------- Avatar ——————---- end */ /* ----------- AdvancedSelector ——————---- start */ /* ----------- AdvancedSelector ——————---- end */ /* ----------- motion ——————---- start */ /* ----------- motion ——————---- end */ /* ----------- transition ——————---- start */ /* ----------- transition ——————---- end */ /* ----------- zIndex ——————---- start */ /* 普通组件内部自身层级应设置在0-100间 */ /* ----------- zIndex ——————---- end */ .kd-progress { display: inline-block; font-variant: tabular-nums; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 1; font-size: 0; vertical-align: top; } .kd-progress-show-info { font-size: var(--kd-c-progress-line-text-font-size, 16px); } .kd-progress-type-line { width: 100%; color: var(--kd-c-progress-line-color-font, #212121); } .kd-progress-type-line .kd-progress-special-text { margin-top: var(--kd-c-progress-line-text-spacing-margin-top, 12px); line-height: 24px; } .kd-progress-type-circle { color: var(--kd-c-progress-circle-color-font, #666); } .kd-progress-type-circle .kd-progress-special-text { margin-top: var(--kd-c-progress-circle-text-spacing-margin-top, 8px); padding: 0; line-height: 24px; } .kd-progress-outer { display: inline-block; vertical-align: middle; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; margin-right: 0; padding-right: 0; font-size: 0; } .kd-progress-show-info:not(.kd-progress-position-bottom) .kd-progress-outer { margin-right: calc(-1 * var(--kd-c-progress-line-text-font-size, 16px) * 2 - 8px); padding-right: calc(var(--kd-c-progress-line-text-font-size, 16px) * 2 + 8px); } .kd-progress-inner { position: relative; display: inline-block; width: 100%; overflow: hidden; vertical-align: middle; font-size: 0; border-radius: var(--kd-c-progress-radius-border, 100px); background-color: var(--kd-c-progress-color-remaining, #e5e5e5); } .kd-progress-success-bg, .kd-progress-bg { position: relative; display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: var(--kd-c-progress-radius-border, 100px); background-color: var(--kd-c-progress-color-default, #5582f3); height: var(--kd-c-progress-line-stroke-sizing-width, 8px); -webkit-transition: all 0.3s cubic-bezier(0.66, 0, 0.34, 1); transition: all 0.3s cubic-bezier(0.66, 0, 0.34, 1); } .kd-progress-success-bg { position: absolute; top: 0; left: 0; background-color: var(--kd-c-progress-color-success, var(--kd-g-color-success, #1ba854)); } .kd-progress-text { display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; width: calc(var(--kd-c-progress-line-text-font-size, 16px)*2); margin-left: var(--kd-c-progress-line-text-spacing-margin-left, 8px); white-space: nowrap; text-align: left; vertical-align: middle; word-break: normal; } .kd-progress-special-text { font-size: var(--kd-c-progress-line-special-text-font-size, 16px); text-align: center; overflow: hidden; padding-right: calc(var(--kd-c-progress-line-text-font-size, 16px)*2 + 8px); } .kd-progress-position-bottom .kd-progress-special-text { padding-right: 0; } .kd-progress-status-success .kd-progress-bg { background-color: var(--kd-c-progress-color-success, var(--kd-g-color-success, #1ba854)); } .kd-progress-status-success .kd-progress-text, .kd-progress-status-success .kd-progress-special-text { color: var(--kd-c-progress-color-success, var(--kd-g-color-success, #1ba854)); } .kd-progress-status-success .kd-progress-text { font-size: 0; } .kd-progress-status-success .kd-progress-icon { font-size: var(--kd-c-progress-line-icon-font-size, 16px); color: var(--kd-c-progress-color-success, var(--kd-g-color-success, #1ba854)); } .kd-progress-status-success .kd-progress-circle-box:not(.kd-progress-circle-gradient) .kd-progress-circle-path { stroke: var(--kd-c-progress-color-success, var(--kd-g-color-success, #1ba854)); } .kd-progress-status-failure .kd-progress-bg { background-color: var(--kd-c-progress-color-failure, var(--kd-g-color-error, #fb2323)); } .kd-progress-status-failure .kd-progress-text, .kd-progress-status-failure .kd-progress-special-text { color: var(--kd-c-progress-color-failure, var(--kd-g-color-error, #fb2323)); } .kd-progress-status-failure .kd-progress-text { font-size: 0; } .kd-progress-status-failure .kd-progress-icon { font-size: var(--kd-c-progress-line-icon-font-size, 16px); color: var(--kd-c-progress-color-failure, var(--kd-g-color-error, #fb2323)); } .kd-progress-status-failure .kd-progress-circle-box:not(.kd-progress-circle-gradient) .kd-progress-circle-path { stroke: var(--kd-c-progress-color-failure, var(--kd-g-color-error, #fb2323)); } .kd-progress-circle-box { position: relative; } .kd-progress-circle-box .kd-progress-circle-trail { stroke: var(--kd-c-progress-color-remaining, #e5e5e5); } .kd-progress-circle-box .kd-progress-circle-path { -webkit-transition: stroke-dasharray 0.3s cubic-bezier(0.66, 0, 0.34, 1), stroke-dashoffset 0.3s cubic-bezier(0.66, 0, 0.34, 1); transition: stroke-dasharray 0.3s cubic-bezier(0.66, 0, 0.34, 1), stroke-dashoffset 0.3s cubic-bezier(0.66, 0, 0.34, 1); } .kd-progress-circle-box .kd-progress-text { position: absolute; width: auto; text-align: center; font-size: 28px; margin: 0; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .kd-progress-circle-box .kd-progress-text-percent, .kd-progress-circle-box .kd-progress-text-unit { display: inline-block; vertical-align: top; } .kd-progress-circle-box .kd-progress-text-percent { line-height: var(--kd-c-progress-circle-percent-line-height, 48px); } .kd-progress-circle-box .kd-progress-text-unit { line-height: var(--kd-c-progress-circle-unit-line-height, 18px); font-size: 12px; margin-top: var(--kd-c-progress-circle-unit-spacing-margin-top, 18px); } .kd-progress-circle-box .kd-progress-icon { font-size: 48px; } .kd-progress-circle-box:not(.kd-progress-circle-gradient) .kd-progress-circle-path { stroke: var(--kd-c-progress-color-default, #5582f3); -webkit-transition: stroke-dasharray 0.3s cubic-bezier(0.66, 0, 0.34, 1), stroke-dashoffset 0.3s cubic-bezier(0.66, 0, 0.34, 1); transition: stroke-dasharray 0.3s cubic-bezier(0.66, 0, 0.34, 1), stroke-dashoffset 0.3s cubic-bezier(0.66, 0, 0.34, 1); } /* ----------- color ——————---- start */ /* ----------- color ——————---- end */ /* ----------- motion ——————---- start */ /* ----------- motion ——————---- end */ /* ----------- transition ——————---- start */ /* ----------- transition ——————---- end */ /* ----------- font ——————---- start */ /* ----------- font ——————---- end */ /* ----------- zIndex ——————---- start */ /* 普通组件内部自身层级应设置在0-100间 */ /* ----------- zIndex ——————---- end */ /* ----------- Button ——————---- start */ /* ----------- Button ——————---- end */ /* ----------- Collapse ——————---- start */ /* ----------- Collapse ——————---- end */ /* ----------- Card ——————---- start */ /* ----------- Card ——————---- end */ /* ----------- Carousel ——————---- start */ /* ----------- Carousel ——————---- end */ /* ----------- Cascader ——————---- start */ /* ----------- Cascader ——————---- end */ /* ----------- Switch ——————---- start */ /* ----------- Switch ——————---- end */ /* ----------- Input ——————---- start */ /* ----------- Input ——————---- end */ /* ----------- InputNumber ——————---- start */ /* ----------- InputNumber ——————---- end */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- end */ /* ----------- Radio ——————---- start */ /* ----------- Radio ——————---- end */ /* ----------- icon ——————---- start */ /* ----------- icon ——————---- end */ /* ----------- Popconfirm ——————---- start */ /* ----------- Popconfirm ——————---- end */ /* ----------- Progress ——————---- start */ /* ----------- Progress ——————---- end */ /* ----------- Pagination ——————---- start */ /* ----------- Pagination ——————---- end */ /* ----------- Timeline ——————---- start */ /* ----------- Timeline ——————---- end */ /* ----------- Tabs ——————---- start */ /* ----------- Tabs ——————---- end */ /* ----------- Select ——————---- start */ /* ----------- Select ——————---- end */ /* ----------- Rate ——————---- start */ /* ----------- Rate ——————---- end */ /* ----------- Dropdown ——————---- start */ /* ----------- Dropdown ——————---- end */ /* ----------- Tooltip ——————---- start */ /* ----------- Tooltip ——————---- end */ /* ----------- Transfer ——————---- start */ /* ----------- Transfer ——————---- end */ /* ----------- DatePicker ——————---- start */ /* ----------- DatePicker ——————---- end */ /* ----------- ColorPicker ——————---- start */ /* ----------- ColorPicker ——————---- end */ /* ----------- Tree ——————---- start */ /* ----------- Tree ——————---- end */ /* ----------- Alert ——————---- start */ /* ----------- Alert ——————---- end */ /* ----------- Split-Panel ——————---- start */ /* ----------- Split-Panel ——————---- end */ /* ----------- Modal ——————---- start */ /* ----------- Modal ——————---- end */ /* ----------- Steps ——————---- start */ /* ----------- Steps ——————---- end */ /* ----------- Form ——————---- start */ /* ----------- Form ——————---- end */ /* ----------- Tag ——————---- start */ /* ----------- Tag ——————---- end */ /* ----------- Menu ——————---- start */ /* ----------- Menu ——————---- end */ /* ----------- notice ——————---- start */ /* ----------- message ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Layout ——————---- start */ /* ----------- Layout ——————---- end */ /* ----------- Typography ——————---- start */ /* ----------- Typography ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Badge ——————---- start */ /* ----------- Badge ——————---- end */ /* ----------- Anchor ——————---- start */ /* ----------- Anchor ——————---- end */ /* ----------- Avatar ——————---- start */ /* ----------- Avatar ——————---- end */ /* ----------- AdvancedSelector ——————---- start */ /* ----------- AdvancedSelector ——————---- end */ /* ----------- motion ——————---- start */ /* ----------- motion ——————---- end */ /* ----------- transition ——————---- start */ /* ----------- transition ——————---- end */ /* ----------- zIndex ——————---- start */ /* 普通组件内部自身层级应设置在0-100间 */ /* ----------- zIndex ——————---- end */ .kd-qrcode { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0; border-radius: var(--kd-c-qrcode-border-radius, 2px); border: var(--kd-c-qrcode-size-border, 1px) solid var(--kd-c-qrcode-color-border, rgba(5, 5, 5, 0.06)); padding: var(--kd-c-qrcode-spacing-padding-horizontal, 8px); font-size: var(--kd-c-qrcode-font-size, 12px); list-style: none; overflow: hidden; } .kd-qrcode-expired { margin-bottom: var(--kd-c-qrcode-spacing-margin-vertical, 4px); } .kd-qrcode-mask { position: absolute; z-index: 10; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; color: var(--kd-c-qrcode-color-text, #111111); background: var(--kd-c-qrcode-color-background, rgba(255, 255, 255, 0.96)); text-align: center; } .kd-qrcode-borderless { border: none; } /* ----------- color ——————---- start */ /* ----------- color ——————---- end */ /* ----------- motion ——————---- start */ /* ----------- motion ——————---- end */ /* ----------- transition ——————---- start */ /* ----------- transition ——————---- end */ /* ----------- font ——————---- start */ /* ----------- font ——————---- end */ /* ----------- zIndex ——————---- start */ /* 普通组件内部自身层级应设置在0-100间 */ /* ----------- zIndex ——————---- end */ /* ----------- Button ——————---- start */ /* ----------- Button ——————---- end */ /* ----------- Collapse ——————---- start */ /* ----------- Collapse ——————---- end */ /* ----------- Card ——————---- start */ /* ----------- Card ——————---- end */ /* ----------- Carousel ——————---- start */ /* ----------- Carousel ——————---- end */ /* ----------- Cascader ——————---- start */ /* ----------- Cascader ——————---- end */ /* ----------- Switch ——————---- start */ /* ----------- Switch ——————---- end */ /* ----------- Input ——————---- start */ /* ----------- Input ——————---- end */ /* ----------- InputNumber ——————---- start */ /* ----------- InputNumber ——————---- end */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- end */ /* ----------- Radio ——————---- start */ /* ----------- Radio ——————---- end */ /* ----------- icon ——————---- start */ /* ----------- icon ——————---- end */ /* ----------- Popconfirm ——————---- start */ /* ----------- Popconfirm ——————---- end */ /* ----------- Progress ——————---- start */ /* ----------- Progress ——————---- end */ /* ----------- Pagination ——————---- start */ /* ----------- Pagination ——————---- end */ /* ----------- Timeline ——————---- start */ /* ----------- Timeline ——————---- end */ /* ----------- Tabs ——————---- start */ /* ----------- Tabs ——————---- end */ /* ----------- Select ——————---- start */ /* ----------- Select ——————---- end */ /* ----------- Rate ——————---- start */ /* ----------- Rate ——————---- end */ /* ----------- Dropdown ——————---- start */ /* ----------- Dropdown ——————---- end */ /* ----------- Tooltip ——————---- start */ /* ----------- Tooltip ——————---- end */ /* ----------- Transfer ——————---- start */ /* ----------- Transfer ——————---- end */ /* ----------- DatePicker ——————---- start */ /* ----------- DatePicker ——————---- end */ /* ----------- ColorPicker ——————---- start */ /* ----------- ColorPicker ——————---- end */ /* ----------- Tree ——————---- start */ /* ----------- Tree ——————---- end */ /* ----------- Alert ——————---- start */ /* ----------- Alert ——————---- end */ /* ----------- Split-Panel ——————---- start */ /* ----------- Split-Panel ——————---- end */ /* ----------- Modal ——————---- start */ /* ----------- Modal ——————---- end */ /* ----------- Steps ——————---- start */ /* ----------- Steps ——————---- end */ /* ----------- Form ——————---- start */ /* ----------- Form ——————---- end */ /* ----------- Tag ——————---- start */ /* ----------- Tag ——————---- end */ /* ----------- Menu ——————---- start */ /* ----------- Menu ——————---- end */ /* ----------- notice ——————---- start */ /* ----------- message ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Layout ——————---- start */ /* ----------- Layout ——————---- end */ /* ----------- Typography ——————---- start */ /* ----------- Typography ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Badge ——————---- start */ /* ----------- Badge ——————---- end */ /* ----------- Anchor ——————---- start */ /* ----------- Anchor ——————---- end */ /* ----------- Avatar ——————---- start */ /* ----------- Avatar ——————---- end */ /* ----------- AdvancedSelector ——————---- start */ /* ----------- AdvancedSelector ——————---- end */ /* ----------- motion ——————---- start */ /* ----------- motion ——————---- end */ /* ----------- transition ——————---- start */ /* ----------- transition ——————---- end */ /* ----------- zIndex ——————---- start */ /* 普通组件内部自身层级应设置在0-100间 */ /* ----------- zIndex ——————---- end */ /* 多行显示省略号 */ /* 单行显示省略号 */ /** 浮层箭头样式 **/ .kd-radio { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; font-variant: tabular-nums; list-style: none; -webkit-font-feature-settings: 'tnum'; font-feature-settings: 'tnum'; position: relative; display: inline-block; padding-left: var(--kd-c-radio-square-sizing-width-height, 14px); margin-right: var(--kd-c-radio-spacing-margin-right, 8px); white-space: nowrap; text-overflow: ellipsis; cursor: pointer; vertical-align: middle; color: var(--kd-c-radio-color-font, var(--kd-g-color-text-primary, #212121)); font-size: var(--kd-c-radio-font-size, var(--kd-g-font-size-small, 12px)); max-width: var(--kd-c-radio-default-label-max-width); min-height: var(--kd-c-radio-square-sizing-width-height, 14px); } .kd-radio::before { position: absolute; top: 50%; left: 0; height: var(--kd-c-radio-square-sizing-width-height, 14px); width: var(--kd-c-radio-square-sizing-width-height, 14px); content: ''; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; border: var(--kd-c-radio-radius-border-width, 1px) solid var(--kd-c-radio-color-border, var(--kd-g-color-border-strong, #d9d9d9)); background-color: var(--kd-c-radio-color-background, var(--kd-g-color-white, #fff)); -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: border-color 0.3s, -webkit-box-shadow 0.3s; transition: border-color 0.3s, -webkit-box-shadow 0.3s; transition: border-color 0.3s, box-shadow 0.3s; transition: border-color 0.3s, box-shadow 0.3s, -webkit-box-shadow 0.3s; } .kd-radio::after { position: absolute; top: 50%; left: 2px; width: calc(var(--kd-c-radio-square-sizing-width-height, 14px) - 4px); height: calc(var(--kd-c-radio-square-sizing-width-height, 14px) - 4px); content: ''; border-radius: 50%; background-color: var(--kd-c-radio-color-theme, var(--kd-g-color-theme, #5582f3)); -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-animation: kdRadioLeaveEffect calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1) both; animation: kdRadioLeaveEffect calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1) both; -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.6, 1); transition: all 0.3s cubic-bezier(0.4, 0, 0.6, 1); visibility: hidden; opacity: 0; } .kd-radio-input { position: absolute; opacity: 0; left: 0; } .kd-radio > span { padding: 0 6px 0 var(--kd-c-radio-spacing-padding-left, 4px); } .kd-radio:hover { color: var(--kd-c-radio-color-theme, var(--kd-g-color-theme, #5582f3)); } .kd-radio:hover::before { border-color: var(--kd-c-radio-color-theme, var(--kd-g-color-theme, #5582f3)); } .kd-radio-checked::before { border-color: var(--kd-c-radio-color-theme, var(--kd-g-color-theme, #5582f3)); } .kd-radio-checked:focus-within::before { -webkit-box-shadow: 0 0 0 3px rgba(85, 130, 243, 0.1); box-shadow: 0 0 0 3px rgba(85, 130, 243, 0.1); } .kd-radio-checked::after { position: absolute; top: 50%; left: 2px; width: calc(var(--kd-c-radio-square-sizing-width-height, 14px) - 4px); height: calc(var(--kd-c-radio-square-sizing-width-height, 14px) - 4px); content: ''; border-radius: 50%; background-color: var(--kd-c-radio-color-theme, var(--kd-g-color-theme, #5582f3)); -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-animation: kdRadioEffect calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1) both; animation: kdRadioEffect calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1) both; -webkit-transition: all calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1); transition: all calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1); opacity: 1; visibility: visible; } .kd-radio-disabled, .kd-radio-disabled:hover { cursor: not-allowed; color: var(--kd-c-radio-color-disabled, var(--kd-g-color-disabled, #b2b2b2)); } .kd-radio-disabled::before, .kd-radio-disabled:hover::before { border-color: var(--kd-c-radio-color-disabled, var(--kd-g-color-disabled, #b2b2b2)); background-color: var(--kd-c-radio-color-background-disabled, var(--kd-g-color-background-contain-disabled, #f5f5f5)); -webkit-box-shadow: none; box-shadow: none; } .kd-radio-disabled::after, .kd-radio-disabled:hover::after { background-color: var(--kd-c-radio-color-disabled, var(--kd-g-color-disabled, #b2b2b2)); -webkit-animation: none; animation: none; } .kd-radio-disabled.kd-radio-checked, .kd-radio-disabled:hover.kd-radio-checked { color: var(--kd-c-radio-color-font, var(--kd-g-color-text-primary, #212121)); } .kd-radio-text { line-height: 1.5; } .kd-radio-square { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; font-variant: tabular-nums; list-style: none; -webkit-font-feature-settings: 'tnum'; font-feature-settings: 'tnum'; white-space: nowrap; text-overflow: ellipsis; position: relative; display: inline-block; height: var(--kd-c-radio-square-sizing-height, 32px); padding-top: var(--kd-c-radio-square-spacing-padding-vertical, 6px); padding-right: var(--kd-c-radio-square-spacing-padding-horizontal, 12px); padding-bottom: var(--kd-c-radio-square-spacing-padding-vertical, 6px); padding-left: var(--kd-c-radio-square-spacing-padding-horizontal, 12px); margin-right: var(--kd-c-radio-spacing-margin-right, 8px); line-height: calc(var(--kd-c-radio-square-sizing-height, 32px) - (var(--kd-c-radio-square-spacing-padding-vertical, 6px) * 2) - (var(--kd-c-radio-radius-border-width, 1px) * 2)); vertical-align: middle; color: var(--kd-c-radio-color-font, var(--kd-g-color-text-primary, #212121)); font-size: var(--kd-c-radio-font-size, var(--kd-g-font-size-small, 12px)); cursor: pointer; background-color: var(--kd-c-radio-color-background, var(--kd-g-color-white, #fff)); overflow: hidden; border-radius: 2px; border: var(--kd-c-radio-radius-border-width, 1px) solid var(--kd-c-radio-color-border, var(--kd-g-color-border-strong, #d9d9d9)); -webkit-transition: all 0.3s; transition: all 0.3s; max-width: var(--kd-c-radio-square-label-max-width); } .kd-radio-square::after { position: absolute; right: calc(-1 * (var(--kd-c-radio-square-sizing-height, 32px) - 10px) / 2); bottom: calc(-1 * (var(--kd-c-radio-square-sizing-height, 32px) - 10px) / 2); width: calc(var(--kd-c-radio-square-sizing-height, 32px) - 10px); height: calc(var(--kd-c-radio-square-sizing-height, 32px) - 10px); content: ''; background-color: var(--kd-c-radio-color-theme, var(--kd-g-color-theme, #5582f3)); -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-animation: kdRadioSquareLeaveEffect calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1) both; animation: kdRadioSquareLeaveEffect calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1) both; -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.6, 1); transition: all 0.3s cubic-bezier(0.4, 0, 0.6, 1); opacity: 0; visibility: hidden; } .kd-radio-square-input { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; cursor: pointer; opacity: 0; width: 100%; height: 100%; } .kd-radio-square-input[disabled] { cursor: not-allowed; } .kd-radio-square:hover { color: var(--kd-c-radio-color-theme, var(--kd-g-color-theme, #5582f3)); border-color: var(--kd-c-radio-color-theme, var(--kd-g-color-theme, #5582f3)); } .kd-radio-square-checked { border-color: var(--kd-c-radio-color-theme, var(--kd-g-color-theme, #5582f3)); } .kd-radio-square-checked:focus-within { -webkit-box-shadow: 0 0 0 3px rgba(85, 130, 243, 0.1); box-shadow: 0 0 0 3px rgba(85, 130, 243, 0.1); } .kd-radio-square-checked::after { position: absolute; right: calc(-1 * (var(--kd-c-radio-square-sizing-height, 32px) - 10px) / 2); bottom: calc(-1 * (var(--kd-c-radio-square-sizing-height, 32px) - 10px) / 2); width: calc(var(--kd-c-radio-square-sizing-height, 32px) - 10px); height: calc(var(--kd-c-radio-square-sizing-height, 32px) - 10px); content: ''; background-color: var(--kd-c-radio-color-theme, var(--kd-g-color-theme, #5582f3)); -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-animation: kdRadioSquareEffect calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1) both; animation: kdRadioSquareEffect calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1) both; -webkit-transition: all calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1); transition: all calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1); opacity: 1; visibility: visible; } .kd-radio-square-disabled, .kd-radio-square-disabled:hover { color: var(--kd-c-radio-color-disabled, var(--kd-g-color-disabled, #b2b2b2)); border-color: var(--kd-c-radio-color-border-disabled, var(--kd-g-color-border-strong, #d9d9d9)); background-color: var(--kd-c-radio-color-background-disabled, var(--kd-g-color-background-contain-disabled, #f5f5f5)); -webkit-box-shadow: none; box-shadow: none; cursor: not-allowed; } .kd-radio-square-disabled::after, .kd-radio-square-disabled:hover::after { background-color: var(--kd-c-radio-color-disabled, var(--kd-g-color-disabled, #b2b2b2)); -webkit-animation: none; animation: none; } .kd-radio-square-disabled.kd-radio-square-checked, .kd-radio-square-disabled:hover.kd-radio-square-checked { color: var(--kd-c-radio-color-font, var(--kd-g-color-text-primary, #212121)); } .kd-radio-square-text { line-height: 1.5; } .kd-radio-button { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; font-variant: tabular-nums; list-style: none; -webkit-font-feature-settings: 'tnum'; font-feature-settings: 'tnum'; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative; display: inline-block; height: var(--kd-c-radio-square-sizing-height, 32px); padding-top: var(--kd-c-radio-square-spacing-padding-vertical, 6px); padding-right: var(--kd-c-radio-square-spacing-padding-horizontal, 12px); padding-bottom: var(--kd-c-radio-square-spacing-padding-vertical, 6px); padding-left: var(--kd-c-radio-square-spacing-padding-horizontal, 12px); line-height: calc(var(--kd-c-radio-square-sizing-height, 32px) - (var(--kd-c-radio-square-spacing-padding-vertical, 6px) * 2) - (var(--kd-c-radio-radius-border-width, 1px) * 2)); vertical-align: middle; color: var(--kd-c-radio-color-font, var(--kd-g-color-text-primary, #212121)); font-size: var(--kd-c-radio-font-size, var(--kd-g-font-size-small, 12px)); cursor: pointer; background-color: var(--kd-c-radio-color-background, var(--kd-g-color-white, #fff)); border: var(--kd-c-radio-radius-border-width, 1px) solid var(--kd-c-radio-color-border, var(--kd-g-color-border-strong, #d9d9d9)); border-left: none; -webkit-transition: all 0.3s; transition: all 0.3s; max-width: var(--kd-c-radio-button-label-max-width); } .kd-radio-button:first-child { border-radius: 2px 0 0 2px; border-left: var(--kd-c-radio-radius-border-width, 1px) solid var(--kd-c-radio-color-border, var(--kd-g-color-border-strong, #d9d9d9)); } .kd-radio-button:first-child::before { content: none; } .kd-radio-button:last-child { border-radius: 0 2px 2px 0; } .kd-radio-button::before { z-index: 10; position: absolute; top: calc(-1 * var(--kd-c-radio-radius-border-width, 1px)); left: calc(-1 * var(--kd-c-radio-radius-border-width, 1px)); height: var(--kd-c-radio-square-sizing-height, 32px); width: var(--kd-c-radio-radius-border-width, 1px); content: ''; background-color: var(--kd-c-radio-color-border, var(--kd-g-color-border-strong, #d9d9d9)); } .kd-radio-button-input { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; cursor: pointer; opacity: 0; } .kd-radio-button-input[disabled] { cursor: not-allowed; } .kd-radio-button:hover { color: var(--kd-c-radio-color-theme, var(--kd-g-color-theme, #5582f3)); } .kd-radio-button-checked { z-index: 1; color: var(--kd-c-radio-color-background, var(--kd-g-color-white, #fff)); border-color: var(--kd-c-radio-color-theme, var(--kd-g-color-theme, #5582f3)); background-color: var(--kd-c-radio-color-theme, var(--kd-g-color-theme, #5582f3)); } .kd-radio-button-checked:focus-within { -webkit-box-shadow: 0 0 0 3px rgba(85, 130, 243, 0.1); box-shadow: 0 0 0 3px rgba(85, 130, 243, 0.1); } .kd-radio-button-checked:hover { color: var(--kd-c-radio-color-background, var(--kd-g-color-white, #fff)); } .kd-radio-button-checked:not(.kd-radio-button-disabled)::before { background-color: var(--kd-c-radio-color-theme, var(--kd-g-color-theme, #5582f3)); } .kd-radio-button-checked:first-child { border-left-color: var(--kd-c-radio-color-theme, var(--kd-g-color-theme, #5582f3)); } .kd-radio-button-checked:first-child::before { content: none; } .kd-radio-button-checked + .kd-radio-button::before { content: none; } .kd-radio-button-checked.kd-radio-button-disabled { background-color: var(--kd-c-radio-color-border, var(--kd-g-color-border-strong, #d9d9d9)); border-left-color: var(--kd-c-radio-color-border, var(--kd-g-color-border-strong, #d9d9d9)); -webkit-box-shadow: none; box-shadow: none; } .kd-radio-button-disabled, .kd-radio-button-disabled:hover { color: var(--kd-c-radio-color-disabled, var(--kd-g-color-disabled, #b2b2b2)); border-color: var(--kd-c-radio-color-border, var(--kd-g-color-border-strong, #d9d9d9)); cursor: not-allowed; } .kd-radio-button-text { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; line-height: 1.5; } /* ----------- color ——————---- start */ /* ----------- color ——————---- end */ /* ----------- motion ——————---- start */ /* ----------- motion ——————---- end */ /* ----------- transition ——————---- start */ /* ----------- transition ——————---- end */ /* ----------- font ——————---- start */ /* ----------- font ——————---- end */ /* ----------- zIndex ——————---- start */ /* 普通组件内部自身层级应设置在0-100间 */ /* ----------- zIndex ——————---- end */ /* ----------- Button ——————---- start */ /* ----------- Button ——————---- end */ /* ----------- Collapse ——————---- start */ /* ----------- Collapse ——————---- end */ /* ----------- Card ——————---- start */ /* ----------- Card ——————---- end */ /* ----------- Carousel ——————---- start */ /* ----------- Carousel ——————---- end */ /* ----------- Cascader ——————---- start */ /* ----------- Cascader ——————---- end */ /* ----------- Switch ——————---- start */ /* ----------- Switch ——————---- end */ /* ----------- Input ——————---- start */ /* ----------- Input ——————---- end */ /* ----------- InputNumber ——————---- start */ /* ----------- InputNumber ——————---- end */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- end */ /* ----------- Radio ——————---- start */ /* ----------- Radio ——————---- end */ /* ----------- icon ——————---- start */ /* ----------- icon ——————---- end */ /* ----------- Popconfirm ——————---- start */ /* ----------- Popconfirm ——————---- end */ /* ----------- Progress ——————---- start */ /* ----------- Progress ——————---- end */ /* ----------- Pagination ——————---- start */ /* ----------- Pagination ——————---- end */ /* ----------- Timeline ——————---- start */ /* ----------- Timeline ——————---- end */ /* ----------- Tabs ——————---- start */ /* ----------- Tabs ——————---- end */ /* ----------- Select ——————---- start */ /* ----------- Select ——————---- end */ /* ----------- Rate ——————---- start */ /* ----------- Rate ——————---- end */ /* ----------- Dropdown ——————---- start */ /* ----------- Dropdown ——————---- end */ /* ----------- Tooltip ——————---- start */ /* ----------- Tooltip ——————---- end */ /* ----------- Transfer ——————---- start */ /* ----------- Transfer ——————---- end */ /* ----------- DatePicker ——————---- start */ /* ----------- DatePicker ——————---- end */ /* ----------- ColorPicker ——————---- start */ /* ----------- ColorPicker ——————---- end */ /* ----------- Tree ——————---- start */ /* ----------- Tree ——————---- end */ /* ----------- Alert ——————---- start */ /* ----------- Alert ——————---- end */ /* ----------- Split-Panel ——————---- start */ /* ----------- Split-Panel ——————---- end */ /* ----------- Modal ——————---- start */ /* ----------- Modal ——————---- end */ /* ----------- Steps ——————---- start */ /* ----------- Steps ——————---- end */ /* ----------- Form ——————---- start */ /* ----------- Form ——————---- end */ /* ----------- Tag ——————---- start */ /* ----------- Tag ——————---- end */ /* ----------- Menu ——————---- start */ /* ----------- Menu ——————---- end */ /* ----------- notice ——————---- start */ /* ----------- message ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Layout ——————---- start */ /* ----------- Layout ——————---- end */ /* ----------- Typography ——————---- start */ /* ----------- Typography ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Badge ——————---- start */ /* ----------- Badge ——————---- end */ /* ----------- Anchor ——————---- start */ /* ----------- Anchor ——————---- end */ /* ----------- Avatar ——————---- start */ /* ----------- Avatar ——————---- end */ /* ----------- AdvancedSelector ——————---- start */ /* ----------- AdvancedSelector ——————---- end */ /* ----------- motion ——————---- start */ /* ----------- motion ——————---- end */ /* ----------- transition ——————---- start */ /* ----------- transition ——————---- end */ /* ----------- zIndex ——————---- start */ /* 普通组件内部自身层级应设置在0-100间 */ /* ----------- zIndex ——————---- end */ /* 多行显示省略号 */ /* 单行显示省略号 */ /** 浮层箭头样式 **/ .kd-rate { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; font-variant: tabular-nums; list-style: none; -webkit-font-feature-settings: 'tnum'; font-feature-settings: 'tnum'; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .kd-rate-size-large { font-size: var(--kd-c-rate-font-size-large, 20px); } .kd-rate-size-middle { font-size: var(--kd-c-rate-font-size-middle, 16px); } .kd-rate-size-small { font-size: var(--kd-c-rate-font-size-small, 12px); } .kd-rate-item { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; height: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 100%; margin-right: var(--kd-c-rate-spacing-margin-right, 8px); } .kd-rate-item .kd-rate-icon-view { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-transition: -webkit-transform var(--kd-c-rate-motion-duration, var(--kd-g-duration, 0.3s)); transition: -webkit-transform var(--kd-c-rate-motion-duration, var(--kd-g-duration, 0.3s)); transition: transform var(--kd-c-rate-motion-duration, var(--kd-g-duration, 0.3s)); transition: transform var(--kd-c-rate-motion-duration, var(--kd-g-duration, 0.3s)), -webkit-transform var(--kd-c-rate-motion-duration, var(--kd-g-duration, 0.3s)); } .kd-rate-item .kd-rate-icon-view:hover { -webkit-transform: scale(1.2); transform: scale(1.2); } .kd-rate-item .kd-rate-icon-wrapper { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .kd-rate-item .kd-rate-icon-first { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; position: absolute; top: 0; left: 0; width: 50%; overflow: hidden; color: var(--kd-c-rate-color-text-not-selected, #E5E5E5); opacity: 1; cursor: pointer; -webkit-transition: color var(--kd-c-rate-motion-duration, var(--kd-g-duration, 0.3s)); transition: color var(--kd-c-rate-motion-duration, var(--kd-g-duration, 0.3s)); } .kd-rate-item .kd-rate-icon-first:hover { color: var(--kd-c-rate-color-text-selected, #FEC104); } .kd-rate-item .kd-rate-icon-second { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; color: var(--kd-c-rate-color-text-not-selected, #E5E5E5); opacity: 1; cursor: pointer; -webkit-transition: color var(--kd-c-rate-motion-duration, var(--kd-g-duration, 0.3s)); transition: color var(--kd-c-rate-motion-duration, var(--kd-g-duration, 0.3s)); } .kd-rate-item .kd-rate-icon-second-content { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .kd-rate-item .kd-rate-icon-second:hover { color: var(--kd-c-rate-color-text-selected, #FEC104); } .kd-rate-item .kd-rate-icon-selected { color: var(--kd-c-rate-color-text-selected, #FEC104); opacity: 1; } .kd-rate-item:last-child { margin-right: 0; } .kd-rate-disabled { pointer-events: none; } /* ----------- color ——————---- start */ /* ----------- color ——————---- end */ /* ----------- motion ——————---- start */ /* ----------- motion ——————---- end */ /* ----------- transition ——————---- start */ /* ----------- transition ——————---- end */ /* ----------- font ——————---- start */ /* ----------- font ——————---- end */ /* ----------- zIndex ——————---- start */ /* 普通组件内部自身层级应设置在0-100间 */ /* ----------- zIndex ——————---- end */ /* ----------- Button ——————---- start */ /* ----------- Button ——————---- end */ /* ----------- Collapse ——————---- start */ /* ----------- Collapse ——————---- end */ /* ----------- Card ——————---- start */ /* ----------- Card ——————---- end */ /* ----------- Carousel ——————---- start */ /* ----------- Carousel ——————---- end */ /* ----------- Cascader ——————---- start */ /* ----------- Cascader ——————---- end */ /* ----------- Switch ——————---- start */ /* ----------- Switch ——————---- end */ /* ----------- Input ——————---- start */ /* ----------- Input ——————---- end */ /* ----------- InputNumber ——————---- start */ /* ----------- InputNumber ——————---- end */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- end */ /* ----------- Radio ——————---- start */ /* ----------- Radio ——————---- end */ /* ----------- icon ——————---- start */ /* ----------- icon ——————---- end */ /* ----------- Popconfirm ——————---- start */ /* ----------- Popconfirm ——————---- end */ /* ----------- Progress ——————---- start */ /* ----------- Progress ——————---- end */ /* ----------- Pagination ——————---- start */ /* ----------- Pagination ——————---- end */ /* ----------- Timeline ——————---- start */ /* ----------- Timeline ——————---- end */ /* ----------- Tabs ——————---- start */ /* ----------- Tabs ——————---- end */ /* ----------- Select ——————---- start */ /* ----------- Select ——————---- end */ /* ----------- Rate ——————---- start */ /* ----------- Rate ——————---- end */ /* ----------- Dropdown ——————---- start */ /* ----------- Dropdown ——————---- end */ /* ----------- Tooltip ——————---- start */ /* ----------- Tooltip ——————---- end */ /* ----------- Transfer ——————---- start */ /* ----------- Transfer ——————---- end */ /* ----------- DatePicker ——————---- start */ /* ----------- DatePicker ——————---- end */ /* ----------- ColorPicker ——————---- start */ /* ----------- ColorPicker ——————---- end */ /* ----------- Tree ——————---- start */ /* ----------- Tree ——————---- end */ /* ----------- Alert ——————---- start */ /* ----------- Alert ——————---- end */ /* ----------- Split-Panel ——————---- start */ /* ----------- Split-Panel ——————---- end */ /* ----------- Modal ——————---- start */ /* ----------- Modal ——————---- end */ /* ----------- Steps ——————---- start */ /* ----------- Steps ——————---- end */ /* ----------- Form ——————---- start */ /* ----------- Form ——————---- end */ /* ----------- Tag ——————---- start */ /* ----------- Tag ——————---- end */ /* ----------- Menu ——————---- start */ /* ----------- Menu ——————---- end */ /* ----------- notice ——————---- start */ /* ----------- message ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Layout ——————---- start */ /* ----------- Layout ——————---- end */ /* ----------- Typography ——————---- start */ /* ----------- Typography ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Badge ——————---- start */ /* ----------- Badge ——————---- end */ /* ----------- Anchor ——————---- start */ /* ----------- Anchor ——————---- end */ /* ----------- Avatar ——————---- start */ /* ----------- Avatar ——————---- end */ /* ----------- AdvancedSelector ——————---- start */ /* ----------- AdvancedSelector ——————---- end */ /* ----------- motion ——————---- start */ /* ----------- motion ——————---- end */ /* ----------- transition ——————---- start */ /* ----------- transition ——————---- end */ /* ----------- zIndex ——————---- start */ /* 普通组件内部自身层级应设置在0-100间 */ /* ----------- zIndex ——————---- end */ @-webkit-keyframes SlideDownIn { 0% { -webkit-transform: scaleY(0.8); transform: scaleY(0.8); -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; opacity: 0; } 100% { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; opacity: 1; } } @keyframes SlideDownIn { 0% { -webkit-transform: scaleY(0.8); transform: scaleY(0.8); -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; opacity: 0; } 100% { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; opacity: 1; } } @-webkit-keyframes SlideDownOut { 0% { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; opacity: 1; } 100% { -webkit-transform: scaleY(0.8); transform: scaleY(0.8); -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; opacity: 0; } } @keyframes SlideDownOut { 0% { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; opacity: 1; } 100% { -webkit-transform: scaleY(0.8); transform: scaleY(0.8); -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; opacity: 0; } } @-webkit-keyframes animate_loading { 50% { -webkit-transform: scale(1.5, 1.5); transform: scale(1.5, 1.5); } 100% { -webkit-transform: scale(1, 1); transform: scale(1, 1); } } @keyframes animate_loading { 50% { -webkit-transform: scale(1.5, 1.5); transform: scale(1.5, 1.5); } 100% { -webkit-transform: scale(1, 1); transform: scale(1, 1); } } .kd-search { border-bottom: var(--kd-c-search-sizing-border-width, 1px) solid var(--kd-c-search-color-border, var(--kd-g-color-border-strong-2, #d9d9d9)); } .kd-search-size-small { width: var(--kd-c-search-sizing-width-small, 200px); } .kd-search-size-middle { width: var(--kd-c-search-sizing-width-middle, 260px); } .kd-search-size-large { width: var(--kd-c-search-sizing-width-large, 320px); } .kd-search-disabled { cursor: not-allowed; } .kd-search-borderless { border: none !important; } .kd-search-border { border: var(--kd-c-search-sizing-border-width, 1px) solid var(--kd-c-search-color-border, var(--kd-g-color-border-strong-2, #d9d9d9)); border-radius: var(--kd-c-search-radius-border, var(--kd-g-radius-border, 2px)); } .kd-search-prefix, .kd-search-suffix { font-size: var(--kd-c-search-icon-font-size, 16px); color: var(--kd-c-search-icon-color, #B2B2B2); } .kd-search-focused, .kd-search:not(.kd-search-disabled):hover { border-color: var(--kd-c-search-color-theme, var(--kd-g-color-theme, #5582f3)); } .kd-search-focused .kd-search-prefix, .kd-search:not(.kd-search-disabled):hover .kd-search-prefix { color: var(--kd-c-search-color-theme, var(--kd-g-color-theme, #5582f3)); } .kd-search-focused .kd-search-suffix, .kd-search:not(.kd-search-disabled):hover .kd-search-suffix { color: var(--kd-c-search-color-theme, var(--kd-g-color-theme, #5582f3)); } .kd-quick-search { display: inline-block; max-width: var(--kd-c-search-sizing-width-max, 400px); width: var(--kd-c-search-sizing-width-default, 200px); height: var(--kd-c-search-sizing-height-default, 24px); position: relative; border-bottom: var(--kd-c-search-sizing-border-width, 1px) solid var(--kd-c-search-color-border, var(--kd-g-color-border-strong-2, #d9d9d9)); -webkit-transition: all calc(var(--kd-c-search-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0.4, 0, 0.6, 1); transition: all calc(var(--kd-c-search-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0.4, 0, 0.6, 1); } .kd-quick-search-borderless { border: none !important; } .kd-quick-search-border { border: var(--kd-c-search-sizing-border-width, 1px) solid var(--kd-c-search-color-border, var(--kd-g-color-border-strong-2, #d9d9d9)); border-radius: var(--kd-c-search-radius-border, var(--kd-g-radius-border, 2px)); } .kd-quick-search:hover:not(.kd-quick-search-disabled) { border-color: var(--kd-c-search-color-theme, var(--kd-g-color-theme, #5582f3)); } .kd-quick-search:hover:not(.kd-quick-search-disabled) .kd-quick-search-prefix { color: var(--kd-c-search-color-theme, var(--kd-g-color-theme, #5582f3)); } .kd-quick-search-focused:not(.kd-quick-search-disabled) { max-width: var(--kd-c-search-sizing-width-max, 400px); width: 100% !important; border-color: var(--kd-c-search-color-theme, var(--kd-g-color-theme, #5582f3)); } .kd-quick-search-focused:not(.kd-quick-search-disabled) .kd-quick-search-prefix { color: var(--kd-c-search-color-theme, var(--kd-g-color-theme, #5582f3)); } .kd-quick-search-disabled { cursor: not-allowed; } .kd-quick-search-prefix { margin-right: 4px; -ms-flex-item-align: center; align-self: center; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); line-height: 1; font-size: var(--kd-c-search-icon-font-size, 16px); color: var(--kd-c-search-icon-color, #B2B2B2); } .kd-quick-search-selector { cursor: text; padding-left: 24px; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .kd-quick-search-selector-disabled { cursor: not-allowed; } .kd-quick-search-selection-overflow { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: auto; flex: auto; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 100%; } .kd-quick-search-selection-overflow-item { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; border-radius: 2px; border: 1px solid var(--kd-c-search-color-end, var(--kd-g-color-end, #666)); margin: 2px 12px 2px 0; cursor: pointer; max-width: 100%; height: 20px; } .kd-quick-search-selection-overflow-item:hover .kd-quick-search-selection-overflow-item-del { display: block; } .kd-quick-search-selection-overflow-item-tag { padding: 0 4px 0 4px; -ms-flex-negative: 0; flex-shrink: 0; max-width: 170px; background: var(--kd-c-search-color-end, var(--kd-g-color-end, #666)); line-height: 20px; font-size: var(--kd-c-search-dropdown-font-size, 12px); color: #fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .kd-quick-search-selection-overflow-item-label { font-size: var(--kd-c-search-dropdown-font-size, 12px); color: #212121; letter-spacing: 0; padding: 0 4px; -ms-flex-item-align: center; align-self: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: var(--kd-c-search-tag-sizing-max-width); } .kd-quick-search-selection-overflow-item-del { height: 14px; width: 14px; line-height: 1; font-size: var(--kd-c-search-font-size-middle, var(--kd-g-font-size-middle, 14px)); border-radius: 50%; position: absolute; right: -7px; top: -6px; display: none; background: var(--kd-c-search-color-background, var(--kd-g-color-background, #fff)); } .kd-quick-search-selection-overflow-item-del:hover { color: var(--kd-c-search-selected-tags-del-color-background-hover, #999999); } .kd-quick-search-selection-placeholder { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); color: var(--kd-c-search-selection-placeholder-color-text, #B2B2B2); font-size: var(--kd-c-search-placeholder-font-size, 12px); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .kd-quick-search-selection-search { position: relative; max-width: 100%; margin-top: 2px; margin-bottom: 2px; } .kd-quick-search-selection-search-mirror { position: absolute; top: 0; left: 0; z-index: 999; white-space: pre; visibility: hidden; } .kd-quick-search-input { outline: 0; border-radius: 0; border: none; width: 100%; background: transparent; font-size: var(--kd-c-search-input-font-size, 12px); color: var(--kd-c-search-color-text-primary, var(--kd-g-color-text-primary, #212121)); } .kd-quick-search-input::-webkit-input-placeholder { font-size: 12px; color: var(--kd-c-search-input-color-text, var(--kd-g-color-disabled, #b2b2b2)); letter-spacing: 0; } .kd-quick-search-input::-moz-placeholder { font-size: 12px; color: var(--kd-c-search-input-color-text, var(--kd-g-color-disabled, #b2b2b2)); letter-spacing: 0; } .kd-quick-search-input:-ms-input-placeholder { font-size: 12px; color: var(--kd-c-search-input-color-text, var(--kd-g-color-disabled, #b2b2b2)); letter-spacing: 0; } .kd-quick-search-input::-ms-input-placeholder { font-size: 12px; color: var(--kd-c-search-input-color-text, var(--kd-g-color-disabled, #b2b2b2)); letter-spacing: 0; } .kd-quick-search-input::placeholder { font-size: 12px; color: var(--kd-c-search-input-color-text, var(--kd-g-color-disabled, #b2b2b2)); letter-spacing: 0; } .kd-quick-search-dropdown { padding: 8px 0; margin: 0; z-index: 1050; font-size: var(--kd-c-search-dropdown-font-size, 12px); -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2); border-radius: var(--kd-c-search-dropdown-radius-border, var(--kd-g-radius-border, 2px)); background: var(--kd-c-search-color-background, var(--kd-g-color-background, #fff)); overflow: auto; } .kd-quick-search-dropdown-scroll { overflow-y: auto; } .kd-quick-search-dropdown-empty { padding: 5px 12px; } .kd-quick-search-dropdown-desc { padding-left: var(--kd-c-search-dropdown-option-spacing-padding-horizontal, 12px); padding-right: var(--kd-c-search-dropdown-option-spacing-padding-horizontal, 12px); line-height: var(--kd-c-search-dropdown-option-sizing-height, 32px); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: var(--kd-c-search-dropdown-desc-color-text, #999999); font-size: var(--kd-c-search-dropdown-desc-font-size, 12px); } .kd-quick-search-option { padding-left: var(--kd-c-search-dropdown-option-spacing-padding-horizontal, 12px); padding-right: var(--kd-c-search-dropdown-option-spacing-padding-horizontal, 12px); line-height: var(--kd-c-search-dropdown-option-sizing-height, 32px); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; cursor: pointer; color: var(--kd-c-search-color-text-primary, var(--kd-g-color-text-primary, #212121)); } .kd-quick-search-option-tag { margin-right: 12px; } .kd-quick-search-option:hover:not(.kd-quick-search-option-selected) { background: var(--kd-c-search-color-background-contain-disabled, var(--kd-g-color-background-contain-disabled, #f5f5f5)); } .kd-quick-search-option-selected:not(.kd-quick-search-option-disabled) { background: var(--kd-c-search-dropdown-tags-color-background-selected, #F2F6FF); } .kd-quick-search-option-selected:not(.kd-quick-search-option-disabled) .kd-quick-search-option-tag { color: var(--kd-c-search-color-hover, #5582F3); } .kd-quick-search-option-selected:not(.kd-quick-search-option-disabled) .kd-quick-search-option-content { color: var(--kd-c-search-color-hover, #5582F3); } .kd-quick-search-npl { border-top: 1px solid var(--kd-c-search-npl-color-border, #D8D8D8); } .kd-quick-search-npl-loading { height: var(--kd-c-search-dropdown-option-sizing-height, 32px); line-height: var(--kd-c-search-dropdown-option-sizing-height, 32px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow: hidden; padding-left: var(--kd-c-search-dropdown-option-spacing-padding-horizontal, 12px); } .kd-quick-search-npl-loading-item { width: 4px; height: 4px; margin-right: 5px; border-radius: 50% 50% 50% 50%; -webkit-animation: animate_loading 1s infinite; animation: animate_loading 1s infinite; } .kd-quick-search-npl-loading-item:nth-child(1) { background-color: var(--kd-c-search-dot-color-first, var(--kd-g-color-logo-1, #2486ee)); } .kd-quick-search-npl-loading-item:nth-child(2) { background-color: #02ccfe; } .kd-quick-search-npl-loading-item:nth-child(3) { background-color: #05c8c7; } .kd-quick-search-npl-loading-item:nth-child(4) { background-color: #a06eff; } .kd-search-panel { width: var(--kd-c-search-panel-sizing-width, 800px); border-radius: 4px; background: var(--kd-c-search-color-background, var(--kd-g-color-background, #fff)); } .kd-search-panel-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: var(--kd-c-search-panel-sizing-height, 60px); border-radius: 4px; } .kd-search-panel-recommend { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 24px; } .kd-search-panel-recommend-icon { font-size: 18px; margin: 0 8px; -webkit-transition: all calc(var(--kd-c-search-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0.4, 0, 0.6, 1); transition: all calc(var(--kd-c-search-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0.4, 0, 0.6, 1); } .kd-search-panel-type { width: 230px; max-height: 400px; overflow: auto; } .kd-search-panel-type-list { line-height: 30px; display: block; padding-left: 24px; } .kd-search-panel-type-list:hover { background: var(--kd-c-search-panel-color-background-hover, #eef3fe); color: var(--kd-c-search-panel-color-hover, #597cfc); } .kd-search-panel-type-list-active { color: var(--kd-c-search-panel-color-hover, #597cfc); } .kd-search-panel-dropDown { height: 400px; display: -webkit-box; display: -ms-flexbox; display: flex; border-top: 1px solid var(--kd-c-search-panel-color-border, #E6E8ED); border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; -webkit-transition: all calc(var(--kd-c-search-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0.4, 0, 0.6, 1); transition: all calc(var(--kd-c-search-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0.4, 0, 0.6, 1); } .kd-search-panel-dropDown-result { width: 300px; height: 400px; border-right: 1px solid var(--kd-c-search-panel-color-border, #E6E8ED); } .kd-search-panel-dropDown-result-wrapper { max-height: 330px; overflow: auto; border-bottom: 1px solid var(--kd-c-search-panel-color-border, #E6E8ED); } .kd-search-panel-dropDown-result-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; height: 48px; padding: 5px 13px 2px 17px; font-size: 12px; line-height: 20px; cursor: pointer; -webkit-box-sizing: border-box; box-sizing: border-box; } .kd-search-panel-dropDown-result-list:hover { background: var(--kd-c-search-panel-color-background-hover, #eef3fe); } .kd-search-panel-dropDown-result-list-active { background: var(--kd-c-search-panel-color-background-hover, #eef3fe); } .kd-search-panel-dropDown-result-list-title { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; white-space: normal; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; } .kd-search-panel-dropDown-result-list-type { color: var(--kd-c-search-color-text-third, var(--kd-g-color-text-third, #999)); } .kd-search-panel-dropDown-result-list-sub-title { color: var(--kd-c-search-color-text-third, var(--kd-g-color-text-third, #999)); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 95px; } .kd-search-panel-dropDown-result-list img { height: 18px; width: 18px; margin-right: 4px; margin-top: 2px; } .kd-search-panel-dropDown-summary { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .kd-search-panel-dropDown-summary-pic { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: relative; margin-bottom: 20px; } .kd-search-panel-dropDown-summary-icon { position: absolute; width: 48px; height: 48px; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .kd-search-panel-dropDown-summary-title { margin-bottom: 10px; font-size: var(--kd-c-search-font-size-middle, var(--kd-g-font-size-middle, 14px)); color: var(--kd-c-search-color-text-primary, var(--kd-g-color-text-primary, #212121)); } .kd-search-panel-dropDown-summary-list { margin-top: 4px; color: var(--kd-c-search-color-text-secondary, var(--kd-g-color-text-secondary, #666)); font-size: var(--kd-c-search-font-size-small, var(--kd-g-font-size-small, 12px)); line-height: 20px; } .kd-search-panel-dropDown-search { height: 48px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 17px; font-size: var(--kd-c-search-font-size-middle, var(--kd-g-font-size-middle, 14px)); cursor: pointer; } .kd-search-panel-dropDown-search:hover { background: var(--kd-c-search-panel-color-background-hover, #eef3fe); } .kd-search-panel-dropDown-search-active { background: var(--kd-c-search-panel-color-background-hover, #eef3fe); } .kd-search-panel-dropDown-search-value { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .kd-search-panel-dropDown-loading { margin-left: 30px; margin-top: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; } .kd-search-panel .kd-input-clear-icon { display: inline-block; width: 18px; height: 18px; border-radius: 50%; background: var(--kd-c-search-color-end, var(--kd-g-color-end, #666)); position: relative; } .kd-search-panel .kd-input-clear-icon .kdicon { position: absolute; right: 2.5px; top: -2px; color: #fff; } .kd-search-panel-tooltip::before { display: none; } .kd-search-panel-tooltip-content { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; } .kd-search-panel-tooltip-content:hover { background: var(--kd-c-search-panel-color-background-hover, #eef3fe); } .kd-quick-search-dropdown-wrapper.topLeft.hidden, .kd-quick-search-dropdown-wrapper.bottomLeft.hidden { opacity: 0; visibility: hidden; -webkit-transition: all calc(var(--kd-c-search-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0.4, 0, 0.6, 1); transition: all calc(var(--kd-c-search-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0.4, 0, 0.6, 1); } .kd-quick-search-dropdown-wrapper.bottomLeft-active { padding: 10px 0; } /* ----------- color ——————---- start */ /* ----------- color ——————---- end */ /* ----------- motion ——————---- start */ /* ----------- motion ——————---- end */ /* ----------- transition ——————---- start */ /* ----------- transition ——————---- end */ /* ----------- font ——————---- start */ /* ----------- font ——————---- end */ /* ----------- zIndex ——————---- start */ /* 普通组件内部自身层级应设置在0-100间 */ /* ----------- zIndex ——————---- end */ /* ----------- Button ——————---- start */ /* ----------- Button ——————---- end */ /* ----------- Collapse ——————---- start */ /* ----------- Collapse ——————---- end */ /* ----------- Card ——————---- start */ /* ----------- Card ——————---- end */ /* ----------- Carousel ——————---- start */ /* ----------- Carousel ——————---- end */ /* ----------- Cascader ——————---- start */ /* ----------- Cascader ——————---- end */ /* ----------- Switch ——————---- start */ /* ----------- Switch ——————---- end */ /* ----------- Input ——————---- start */ /* ----------- Input ——————---- end */ /* ----------- InputNumber ——————---- start */ /* ----------- InputNumber ——————---- end */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- end */ /* ----------- Radio ——————---- start */ /* ----------- Radio ——————---- end */ /* ----------- icon ——————---- start */ /* ----------- icon ——————---- end */ /* ----------- Popconfirm ——————---- start */ /* ----------- Popconfirm ——————---- end */ /* ----------- Progress ——————---- start */ /* ----------- Progress ——————---- end */ /* ----------- Pagination ——————---- start */ /* ----------- Pagination ——————---- end */ /* ----------- Timeline ——————---- start */ /* ----------- Timeline ——————---- end */ /* ----------- Tabs ——————---- start */ /* ----------- Tabs ——————---- end */ /* ----------- Select ——————---- start */ /* ----------- Select ——————---- end */ /* ----------- Rate ——————---- start */ /* ----------- Rate ——————---- end */ /* ----------- Dropdown ——————---- start */ /* ----------- Dropdown ——————---- end */ /* ----------- Tooltip ——————---- start */ /* ----------- Tooltip ——————---- end */ /* ----------- Transfer ——————---- start */ /* ----------- Transfer ——————---- end */ /* ----------- DatePicker ——————---- start */ /* ----------- DatePicker ——————---- end */ /* ----------- ColorPicker ——————---- start */ /* ----------- ColorPicker ——————---- end */ /* ----------- Tree ——————---- start */ /* ----------- Tree ——————---- end */ /* ----------- Alert ——————---- start */ /* ----------- Alert ——————---- end */ /* ----------- Split-Panel ——————---- start */ /* ----------- Split-Panel ——————---- end */ /* ----------- Modal ——————---- start */ /* ----------- Modal ——————---- end */ /* ----------- Steps ——————---- start */ /* ----------- Steps ——————---- end */ /* ----------- Form ——————---- start */ /* ----------- Form ——————---- end */ /* ----------- Tag ——————---- start */ /* ----------- Tag ——————---- end */ /* ----------- Menu ——————---- start */ /* ----------- Menu ——————---- end */ /* ----------- notice ——————---- start */ /* ----------- message ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Layout ——————---- start */ /* ----------- Layout ——————---- end */ /* ----------- Typography ——————---- start */ /* ----------- Typography ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Badge ——————---- start */ /* ----------- Badge ——————---- end */ /* ----------- Anchor ——————---- start */ /* ----------- Anchor ——————---- end */ /* ----------- Avatar ——————---- start */ /* ----------- Avatar ——————---- end */ /* ----------- AdvancedSelector ——————---- start */ /* ----------- AdvancedSelector ——————---- end */ /* ----------- motion ——————---- start */ /* ----------- motion ——————---- end */ /* ----------- transition ——————---- start */ /* ----------- transition ——————---- end */ /* ----------- zIndex ——————---- start */ /* 普通组件内部自身层级应设置在0-100间 */ /* ----------- zIndex ——————---- end */ /* 多行显示省略号 */ /* 单行显示省略号 */ /** 浮层箭头样式 **/ @-webkit-keyframes SlideDownIn { 0% { -webkit-transform: scaleY(0.8); transform: scaleY(0.8); -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; opacity: 0; } 100% { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; opacity: 1; } } @keyframes SlideDownIn { 0% { -webkit-transform: scaleY(0.8); transform: scaleY(0.8); -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; opacity: 0; } 100% { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; opacity: 1; } } @-webkit-keyframes SlideDownOut { 0% { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; opacity: 1; } 100% { -webkit-transform: scaleY(0.8); transform: scaleY(0.8); -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; opacity: 0; } } @keyframes SlideDownOut { 0% { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; opacity: 1; } 100% { -webkit-transform: scaleY(0.8); transform: scaleY(0.8); -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; opacity: 0; } } @-webkit-keyframes SlideUpIn { 0% { -webkit-transform: scaleY(0.8); transform: scaleY(0.8); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; opacity: 0; } 100% { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; opacity: 1; } } @keyframes SlideUpIn { 0% { -webkit-transform: scaleY(0.8); transform: scaleY(0.8); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; opacity: 0; } 100% { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; opacity: 1; } } @-webkit-keyframes SlideUpOut { 0% { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; opacity: 1; } 100% { -webkit-transform: scaleY(0.8); transform: scaleY(0.8); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; opacity: 0; } } @keyframes SlideUpOut { 0% { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; opacity: 1; } 100% { -webkit-transform: scaleY(0.8); transform: scaleY(0.8); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; opacity: 0; } } .kd-select { position: relative; display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: transparent; cursor: pointer; vertical-align: middle; } .kd-select-selector:hover .kd-select-icon-active { color: #3761ca; } .kd-select-visible .kd-select-icon-active { color: #3761ca; } .kd-select-visible div.kd-select-show-search .kd-select-selection-item { color: var(--kd-c-select-placeholder-color-text, #b2b2b2); } .kd-select-icon-arrow { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; vertical-align: middle; } .kd-select-icon-arrow-up { -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: -webkit-transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1); transition: -webkit-transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1); transition: transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1); transition: transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1); } .kd-select-icon-arrow-down { -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: -webkit-transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1); transition: -webkit-transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1); transition: transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1); transition: transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1); } .kd-select-icon-clear { opacity: 0; z-index: 1; top: 0; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; background: #fff; -webkit-transition: opacity 0.15s ease; transition: opacity 0.15s ease; } .kd-select-icon-clear:hover { color: var(--kd-c-select-color-border-hover, var(--kd-g-color-theme, #5582f3)); } .kd-select-focused:not(.kd-select-error) { border-color: var(--kd-c-select-color-border-foucs, var(--kd-g-color-theme, #5582f3)) !important; } .kd-select-placeholder { position: absolute; color: var(--kd-c-select-placeholder-color-text, #b2b2b2); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; right: 28px; left: 0; top: 0; bottom: 0; pointer-events: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .kd-select-borderless { border: none; } .kd-select-underline { border-bottom: 1px solid var(--kd-c-select-color-border, var(--kd-g-color-input, #999)); } .kd-select-underline:hover:not(.kd-select-multiple-disabled):not(.kd-select-single-disabled):not( .kd-select-error) { border-bottom: 1px solid var(--kd-c-select-color-border-hover, var(--kd-g-color-theme, #5582f3)); } .kd-select-bordered { border: 1px solid var(--kd-c-select-border-color-border, var(--kd-g-color-border-strong, #d9d9d9)); padding-left: var(--kd-c-select-bordered-spacing-padding-left, 8px) !important; border-radius: var(--kd-c-select-bordered-radius-border, 2px); } .kd-select-bordered:hover:not(.kd-select-multiple-disabled):not(.kd-select-single-disabled):not( .kd-select-error) { border: 1px solid var(--kd-c-select-color-border-hover, var(--kd-g-color-theme, #5582f3)); } .kd-select-bordered .kd-select-suffix { padding-right: 8px; } .kd-select-bordered.kd-select-single .kd-select-selection-search { padding-left: var(--kd-c-select-bordered-spacing-padding-left, 8px); } .kd-select-bordered .kd-select-placeholder { padding-left: var(--kd-c-select-bordered-spacing-padding-left, 8px); } .kd-select-wrapper { -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); padding: var(--kd-c-select-wrapper-spacing-padding, 1px 28px 1px 0); max-width: 100%; color: #212121; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; -webkit-box-sizing: border-box; box-sizing: border-box; overflow-y: auto; overflow-x: hidden; position: relative; } .kd-select-show-search { cursor: text; } .kd-select-show-search.kd-select-single .kd-select-selection-search .kd-select-selection-search-input { cursor: text; } .kd-select-dropdown { display: block; left: 0; z-index: var(--kd-c-select-z-index, var(--kd-g-z-index-popper, 1050)); -webkit-box-sizing: border-box; box-sizing: border-box; padding: var(--kd-c-select-dropdown-spacing-padding-vertical, 8px) 0; margin: 0; overflow: auto; font-size: var(--kd-c-select-dropdown-font-size, 12px); font-variant: initial; background-color: var(--kd-c-select-dropdown-color-background, var(--kd-g-color-background, #fff)); border-radius: var(--kd-c-select-radius-border, var(--kd-g-radius-border, 2px)); outline: none; -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2); } .kd-select-dropdown-scroll { overflow-y: auto; } .kd-select-dropdown-empty { padding: 5px 12px; } .kd-select-dropdown-search { padding: 5px 6px; } .kd-select-dropdown-search-hidden { display: none; } .kd-select-multiple-dropdown-panel .kd-select-dropdown:not(.kd-select-dropdown-no-data) { padding-bottom: 0; } .kd-select-item { position: relative; display: block; font-weight: normal; font-size: var(--kd-c-select-dropdown-font-size, 12px); min-height: var(--kd-c-select-item-sizing-height, 22px); padding: 5px 12px; color: var(--kd-c-select-footer-color-text, var(--kd-g-color-text-primary, #212121)); line-height: var(--kd-c-select-dropdown-line-height, 22px); cursor: pointer; -webkit-transition: background 0.3s ease; transition: background 0.3s ease; } .kd-select-item-option { display: -webkit-box; display: -ms-flexbox; display: flex; min-width: 75px; } .kd-select-item-option-content { max-width: var(--kd-c-select-item-sizing-max-width); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .kd-select-item-option-content .kd-checkbox { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .kd-select-item-option-content .kd-checkbox .kd-checkbox-children { display: inline-block; } .kd-select-item-option-active:not(.kd-select-item-option-disabled) { background-color: var(--kd-c-select-color-background, #f5f5f5); } .kd-select-item-option-selected:not(.kd-select-item-option-disabled) { color: var(--kd-c-select-item-color-text-selected, var(--kd-g-color-theme, #5582f3)); background-color: var(--kd-c-select-color-background-selected, var(--kd-g-color-theme-3, #e3eeff)); } .kd-select-item-option-disabled { color: var(--kd-c-select-item-color-text-disabled, var(--kd-g-color-disabled, #b2b2b2)); cursor: not-allowed; background-color: var(--kd-c-select-item-color-background-disabled, #fff); } .kd-select-size-small { min-height: var(--kd-c-select-sizing-height-small, 24px); max-height: calc(var(--kd-c-select-sizing-height-small, 24px) * 3 - 10px); font-size: var(--kd-c-select-font-size-small, 12px); } .kd-select-size-small .kd-select-selection-item { min-height: calc(var(--kd-c-select-sizing-height-small, 24px) - 4px); line-height: calc(var(--kd-c-select-sizing-height-small, 24px) - 4px); } .kd-select-size-middle { min-height: var(--kd-c-select-sizing-height-middle, 30px); max-height: calc(var(--kd-c-select-sizing-height-middle, 30px) * 3 - 10px); font-size: var(--kd-c-select-font-size-middle, 14px); } .kd-select-size-middle .kd-select-selection-item { min-height: calc(var(--kd-c-select-sizing-height-middle, 30px) - 4px); line-height: calc(var(--kd-c-select-sizing-height-middle, 30px) - 4px); } .kd-select-size-large { min-height: var(--kd-c-select-sizing-height-large, 36px); max-height: calc(var(--kd-c-select-sizing-height-large, 36px) * 3 - 10px); font-size: var(--kd-c-select-font-size-large, 16px); } .kd-select-size-large .kd-select-selection-item { min-height: calc(var(--kd-c-select-sizing-height-large, 36px) - 4px); line-height: calc(var(--kd-c-select-sizing-height-large, 36px) - 4px); } .kd-select-suffix { right: 0; top: 0; bottom: 0; position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0; flex: 0; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-left: 8px; } .kd-select .kd-select-single .kd-select-selection-search { position: absolute; right: 28px; left: 0; height: 100%; top: 0; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .kd-select .kd-select-single .kd-select-selection-search-input { outline: 0; border-radius: 0; border: none; background: transparent; height: 100%; width: 100%; cursor: pointer; } .kd-select .kd-select-single .kd-select-selection-item { display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .kd-select .kd-select-single-focused:not(.kd-select-error) { border-color: var(--kd-c-select-color-border-foucs, var(--kd-g-color-theme, #5582f3)) !important; } .kd-select .kd-select-single-disabled { background-color: var(--kd-c-select-color-background-disabled, #f5f5f5); color: var(--kd-c-select-color-text-disabled, var(--kd-g-color-disabled, #b2b2b2)); } .kd-select .kd-select-single-disabled:hover { cursor: not-allowed; } .kd-select .kd-select-single-disabled .kd-select-suffix { color: var(--kd-c-select-arrow-icon-color-text-disabled, #b2b2b2); } .kd-select .kd-select-single:hover .kd-select-icon-clear { opacity: 1; } .kd-select .kd-select-single .kd-select-icon-clear { color: var(--kd-c-select-icon-clear-color-text, #666); } .kd-select .kd-select-single .kd-select-icon-clear:hover { color: var(--kd-c-select-icon-clear-color-text-hover, var(--kd-g-color-theme, #5582f3)); } .kd-select .kd-select-single-text { color: var(--kd-c-select-single-color-text, var(--kd-g-color-text-primary, #212121)); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .kd-select .kd-select-single-disabled-text { color: var(--kd-c-select-color-text-disabled, var(--kd-g-color-disabled, #b2b2b2)); } .kd-select .kd-select-selection-item { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-align: center; -ms-flex-align: center; align-items: center; vertical-align: middle; max-width: 100%; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .kd-select .kd-select-selection-item-small { height: 20px; line-height: 18px; font-size: 12px; } .kd-select .kd-select-selection-item-middle { font-size: 12px; height: 20px; line-height: 18px; } .kd-select .kd-select-selection-item-large { font-size: 14px; line-height: 22px; height: 22px; } .kd-select .kd-select-selection-item-content { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; vertical-align: middle; padding: 0 7px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; border: 1px solid #ccc; color: #212121; } .kd-select .kd-select-selection-item-span { position: relative; margin-left: 0.5px; -webkit-box-sizing: border-box; box-sizing: border-box; } .kd-select .kd-select-selection-item-input { cursor: text; margin: 0; padding: 0; background: 0 0; border: none; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; min-width: 20px; } .kd-select-multiple .kd-select-selection-tag { max-width: calc(100% - 5px); } .kd-select-multiple .kd-select-selection-tag .kd-tag { margin: 2px 8px 2px 0; max-width: 100%; } .kd-select-multiple .kd-select-selection-search { position: relative; max-width: 100%; } .kd-select-multiple .kd-select-selection-search-input { outline: 0; border-radius: 0; border: none; background: transparent; width: 100%; } .kd-select-multiple .kd-select-selection-search-mirror { position: absolute; top: 0; left: 0; z-index: 999; white-space: pre; visibility: hidden; } .kd-select-multiple-disabled { cursor: not-allowed; background-color: var(--kd-c-select-color-background-disabled, #f5f5f5); color: var(--kd-c-select-color-text-disabled, var(--kd-g-color-disabled, #b2b2b2)); } .kd-select-multiple-disabled .kd-select-suffix { color: var(--kd-c-select-arrow-icon-color-text-disabled, #b2b2b2); } .kd-select-multiple:hover .kd-select-icon-clear { opacity: 1; } .kd-select-multiple .kd-select-icon-clear { color: var(--kd-c-select-icon-clear-color-text, #666); } .kd-select-multiple .kd-select-icon-clear:hover { color: var(--kd-c-select-icon-clear-color-text-hover, var(--kd-g-color-theme, #5582f3)); } .kd-select-multiple-selector { position: relative; cursor: text; padding-right: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .kd-select-multiple .kd-select-wrapper:hover:not(.kd-select-multiple-disabled) { border-bottom: 1px solid var(--kd-c-select-color-border-hover, var(--kd-g-color-theme, #5582f3)); } .kd-select-multiple-footer { color: var(--kd-c-select-footer-color-text, var(--kd-g-color-text-primary, #212121)); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; padding: 0 12px; height: 40px; line-height: 30px; border-top: 1px solid #d9d9d9; -webkit-box-sizing: border-box; box-sizing: border-box; } .kd-select-multiple-footer-hadSelected { color: #999999; padding-left: 12px; } .kd-select-multiple-footer-hadSelected-number { color: var(--kd-c-select-footer-color-text-selected, #0e5fd8); padding: 0 2px; } .kd-select-error:not(.kd-select-single-disabled):not(.kd-select-multiple-disabled) { border-color: var(--kd-c-select-color-error, var(--kd-g-color-error, #fb2323)); } .kd-select-dropdown-panel.topLeft.hidden, .kd-select-dropdown-panel.bottomLeft.hidden, .kd-select-dropdown-panel.topRight.hidden, .kd-select-dropdown-panel.bottomRight.hidden { opacity: 0; visibility: hidden; -webkit-transition: all calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1); transition: all calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1); } /* ----------- color ——————---- start */ /* ----------- color ——————---- end */ /* ----------- motion ——————---- start */ /* ----------- motion ——————---- end */ /* ----------- transition ——————---- start */ /* ----------- transition ——————---- end */ /* ----------- font ——————---- start */ /* ----------- font ——————---- end */ /* ----------- zIndex ——————---- start */ /* 普通组件内部自身层级应设置在0-100间 */ /* ----------- zIndex ——————---- end */ /* ----------- Button ——————---- start */ /* ----------- Button ——————---- end */ /* ----------- Collapse ——————---- start */ /* ----------- Collapse ——————---- end */ /* ----------- Card ——————---- start */ /* ----------- Card ——————---- end */ /* ----------- Carousel ——————---- start */ /* ----------- Carousel ——————---- end */ /* ----------- Cascader ——————---- start */ /* ----------- Cascader ——————---- end */ /* ----------- Switch ——————---- start */ /* ----------- Switch ——————---- end */ /* ----------- Input ——————---- start */ /* ----------- Input ——————---- end */ /* ----------- InputNumber ——————---- start */ /* ----------- InputNumber ——————---- end */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- end */ /* ----------- Radio ——————---- start */ /* ----------- Radio ——————---- end */ /* ----------- icon ——————---- start */ /* ----------- icon ——————---- end */ /* ----------- Popconfirm ——————---- start */ /* ----------- Popconfirm ——————---- end */ /* ----------- Progress ——————---- start */ /* ----------- Progress ——————---- end */ /* ----------- Pagination ——————---- start */ /* ----------- Pagination ——————---- end */ /* ----------- Timeline ——————---- start */ /* ----------- Timeline ——————---- end */ /* ----------- Tabs ——————---- start */ /* ----------- Tabs ——————---- end */ /* ----------- Select ——————---- start */ /* ----------- Select ——————---- end */ /* ----------- Rate ——————---- start */ /* ----------- Rate ——————---- end */ /* ----------- Dropdown ——————---- start */ /* ----------- Dropdown ——————---- end */ /* ----------- Tooltip ——————---- start */ /* ----------- Tooltip ——————---- end */ /* ----------- Transfer ——————---- start */ /* ----------- Transfer ——————---- end */ /* ----------- DatePicker ——————---- start */ /* ----------- DatePicker ——————---- end */ /* ----------- ColorPicker ——————---- start */ /* ----------- ColorPicker ——————---- end */ /* ----------- Tree ——————---- start */ /* ----------- Tree ——————---- end */ /* ----------- Alert ——————---- start */ /* ----------- Alert ——————---- end */ /* ----------- Split-Panel ——————---- start */ /* ----------- Split-Panel ——————---- end */ /* ----------- Modal ——————---- start */ /* ----------- Modal ——————---- end */ /* ----------- Steps ——————---- start */ /* ----------- Steps ——————---- end */ /* ----------- Form ——————---- start */ /* ----------- Form ——————---- end */ /* ----------- Tag ——————---- start */ /* ----------- Tag ——————---- end */ /* ----------- Menu ——————---- start */ /* ----------- Menu ——————---- end */ /* ----------- notice ——————---- start */ /* ----------- message ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Layout ——————---- start */ /* ----------- Layout ——————---- end */ /* ----------- Typography ——————---- start */ /* ----------- Typography ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Badge ——————---- start */ /* ----------- Badge ——————---- end */ /* ----------- Anchor ——————---- start */ /* ----------- Anchor ——————---- end */ /* ----------- Avatar ——————---- start */ /* ----------- Avatar ——————---- end */ /* ----------- AdvancedSelector ——————---- start */ /* ----------- AdvancedSelector ——————---- end */ /* ----------- motion ——————---- start */ /* ----------- motion ——————---- end */ /* ----------- transition ——————---- start */ /* ----------- transition ——————---- end */ /* ----------- zIndex ——————---- start */ /* 普通组件内部自身层级应设置在0-100间 */ /* ----------- zIndex ——————---- end */ .kd-signature { -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px dashed #e5e5e5; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: var(--kd-c-signature-bg-color, #fafafa); color: var(--kd-c-signature-color-text, #999999); font-size: var(--kd-c-signature-font-size, 12px); cursor: pointer; border-radius: var(--kd-c-signature-border-radius, var(--kd-g-radius-border, 2px)); -webkit-transition: border-color var(--kd-c-signature-motion-duration, var(--kd-g-duration, 0.3s)), background-color var(--kd-c-signature-motion-duration, var(--kd-g-duration, 0.3s)); transition: border-color var(--kd-c-signature-motion-duration, var(--kd-g-duration, 0.3s)), background-color var(--kd-c-signature-motion-duration, var(--kd-g-duration, 0.3s)); } .kd-signature:hover { border-color: var(--kd-c-signature-border-color-hover, var(--kd-g-color-theme-5, #87adff)); background-color: var(--kd-c-signature-bg-color-hover, var(--kd-g-color-theme-1, #f2f8ff)); } .kd-signature.kd-signature-disabled { cursor: not-allowed; border: 1px solid var(--kd-g-color-border-disabled, #ccc); background: var(--kd-c-signature-bg-color, #fafafa); color: var(--kd-c-signature-color-text, #999999); } .kd-signature-drawing-board { width: 100%; height: 100%; border: 1px solid #e5e5e5; -webkit-box-sizing: border-box; box-sizing: border-box; background: var(--kd-c-signature-drawing-board-bg-color, #fafafa); position: relative; } .kd-signature-drawing-board-operation { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; top: 9px; right: 9px; color: #b2b2b2; z-index: 9999; } .kd-signature-drawing-board-operation > * { cursor: pointer; } .kd-signature-drawing-board-operation > *:not(:last-child) { margin-right: 13px; } .kd-signature-drawing-board-operation span:nth-of-type(2) { -webkit-transform: scaleX(-1) !important; transform: scaleX(-1) !important; } .kd-signature-drawing-board-operation.enabled { color: #666666; } .kd-signature-drawing-board-tip { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: var(--kd-c-signature-board-tip-color, #b2b2b2); font-size: 12px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .kd-signature-modal .kd-modal-header { position: relative; } .kd-signature-modal-footer .kd-btn:not(:last-child) { margin-right: 12px; } .kd-signature-modal .kd-modal-expand-icon { position: absolute; right: 43.5px; font-size: 14px; cursor: pointer; } .kd-signature-modal.kd-signature-modal-fullscreen .kd-modal-container-box { width: 90vw !important; height: 90vh !important; top: 5vh; left: 5vw; -webkit-transform: none !important; transform: none !important; } /* ----------- color ——————---- start */ /* ----------- color ——————---- end */ /* ----------- motion ——————---- start */ /* ----------- motion ——————---- end */ /* ----------- transition ——————---- start */ /* ----------- transition ——————---- end */ /* ----------- font ——————---- start */ /* ----------- font ——————---- end */ /* ----------- zIndex ——————---- start */ /* 普通组件内部自身层级应设置在0-100间 */ /* ----------- zIndex ——————---- end */ /* ----------- Button ——————---- start */ /* ----------- Button ——————---- end */ /* ----------- Collapse ——————---- start */ /* ----------- Collapse ——————---- end */ /* ----------- Card ——————---- start */ /* ----------- Card ——————---- end */ /* ----------- Carousel ——————---- start */ /* ----------- Carousel ——————---- end */ /* ----------- Cascader ——————---- start */ /* ----------- Cascader ——————---- end */ /* ----------- Switch ——————---- start */ /* ----------- Switch ——————---- end */ /* ----------- Input ——————---- start */ /* ----------- Input ——————---- end */ /* ----------- InputNumber ——————---- start */ /* ----------- InputNumber ——————---- end */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- end */ /* ----------- Radio ——————---- start */ /* ----------- Radio ——————---- end */ /* ----------- icon ——————---- start */ /* ----------- icon ——————---- end */ /* ----------- Popconfirm ——————---- start */ /* ----------- Popconfirm ——————---- end */ /* ----------- Progress ——————---- start */ /* ----------- Progress ——————---- end */ /* ----------- Pagination ——————---- start */ /* ----------- Pagination ——————---- end */ /* ----------- Timeline ——————---- start */ /* ----------- Timeline ——————---- end */ /* ----------- Tabs ——————---- start */ /* ----------- Tabs ——————---- end */ /* ----------- Select ——————---- start */ /* ----------- Select ——————---- end */ /* ----------- Rate ——————---- start */ /* ----------- Rate ——————---- end */ /* ----------- Dropdown ——————---- start */ /* ----------- Dropdown ——————---- end */ /* ----------- Tooltip ——————---- start */ /* ----------- Tooltip ——————---- end */ /* ----------- Transfer ——————---- start */ /* ----------- Transfer ——————---- end */ /* ----------- DatePicker ——————---- start */ /* ----------- DatePicker ——————---- end */ /* ----------- ColorPicker ——————---- start */ /* ----------- ColorPicker ——————---- end */ /* ----------- Tree ——————---- start */ /* ----------- Tree ——————---- end */ /* ----------- Alert ——————---- start */ /* ----------- Alert ——————---- end */ /* ----------- Split-Panel ——————---- start */ /* ----------- Split-Panel ——————---- end */ /* ----------- Modal ——————---- start */ /* ----------- Modal ——————---- end */ /* ----------- Steps ——————---- start */ /* ----------- Steps ——————---- end */ /* ----------- Form ——————---- start */ /* ----------- Form ——————---- end */ /* ----------- Tag ——————---- start */ /* ----------- Tag ——————---- end */ /* ----------- Menu ——————---- start */ /* ----------- Menu ——————---- end */ /* ----------- notice ——————---- start */ /* ----------- message ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Layout ——————---- start */ /* ----------- Layout ——————---- end */ /* ----------- Typography ——————---- start */ /* ----------- Typography ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Badge ——————---- start */ /* ----------- Badge ——————---- end */ /* ----------- Anchor ——————---- start */ /* ----------- Anchor ——————---- end */ /* ----------- Avatar ——————---- start */ /* ----------- Avatar ——————---- end */ /* ----------- AdvancedSelector ——————---- start */ /* ----------- AdvancedSelector ——————---- end */ /* ----------- motion ——————---- start */ /* ----------- motion ——————---- end */ /* ----------- transition ——————---- start */ /* ----------- transition ——————---- end */ /* ----------- zIndex ——————---- start */ /* 普通组件内部自身层级应设置在0-100间 */ /* ----------- zIndex ——————---- end */ .slider { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; height: 12px; margin: 10px 6px; padding: 4px 0; cursor: pointer; -ms-touch-action: none; touch-action: none; } .slider-vertical { width: 12px; height: 100%; margin: 6px 10px; padding: 0 4px; } .slider-dot { position: absolute; top: -2px; margin-left: -4px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 8px; height: 8px; background-color: #fff; border: 2px solid #f0f0f0; border-radius: 50%; cursor: pointer; } .slider-handle { position: absolute; top: -1px; margin-left: -7px; width: 14px; height: 14px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #fff; border: 2px solid var(--kd-c-slider-handle-color-border, var(--kd-g-color-theme, #5582f3)); border-radius: 50%; cursor: pointer; } .kd-slider { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; height: 12px; margin: 10px 6px; padding: 4px 0; cursor: pointer; -ms-touch-action: none; touch-action: none; } .kd-slider-rail { position: absolute; width: 100%; height: 4px; background-color: var(--kd-c-slider-trail-color-background, var(--kd-g-color-border-weak, #e5e5e5)); border-radius: 2px; } .kd-slider-track { position: absolute; height: 4px; background-color: var(--kd-c-slider-track-color-background, var(--kd-g-color-theme, #5582f3)); } .kd-slider-step { position: absolute; width: 100%; } .kd-slider-dot { position: absolute; top: -2px; margin-left: -4px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 8px; height: 8px; background-color: #fff; border: 2px solid #f0f0f0; border-radius: 50%; cursor: pointer; } .kd-slider-dot.kd-slider-dot-actived { border-color: var(--kd-c-slider-dot-color-border-actived, var(--kd-g-color-theme, #5582f3)); } .kd-slider-handle { position: absolute; top: -1px; margin-left: -7px; width: 14px; height: 14px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #fff; border: 2px solid var(--kd-c-slider-handle-color-border, var(--kd-g-color-theme, #5582f3)); border-radius: 50%; cursor: pointer; } .kd-slider-mark { position: absolute; width: 100%; top: 14px; } .kd-slider-mark-text { position: absolute; display: inline-block; color: var(--kd-c-slider-mark-color-text, var(--kd-g-color-text-primary, #212121)); word-break: keep-all; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .kd-slider-mark-text.kd-slider-mark-text-actived { color: var(--kd-c-slider-mark-color-text-actived, var(--kd-g-color-text-primary-2, #ffffff)); } .kd-slider:hover > .kd-slider-rail { background-color: #e1e1e1; } .kd-slider:not(.kd-slider-disabled):hover > .kd-slider-handle { border-color: var(--kd-c-slider-handle-color-border-hover, var(--kd-g-color-theme-5, #87adff)); } .kd-slider:not(.kd-slider-disabled):hover .kd-slider-track { background-color: var(--kd-c-slider-track-color-background-hover, var(--kd-g-color-theme-5, #87adff)); } .kd-slider-reverse .kd-slider-dot { top: -2px; margin-right: -4px; margin-left: 0; } .kd-slider-reverse .kd-slider-mark-text { -webkit-transform: translateX(50%); transform: translateX(50%); } .kd-slider-reverse.kd-slider-handle { top: -1px; margin-right: -7px; margin-left: 0; } .kd-slider-vertical { width: 12px; height: 100%; margin: 6px 10px; padding: 0 4px; } .kd-slider-vertical .kd-slider-rail { width: 4px; height: 100%; } .kd-slider-vertical .kd-slider-track { width: 4px; } .kd-slider-vertical .kd-slider-step { width: 4px; height: 100%; } .kd-slider-vertical .kd-slider-dot { top: auto; margin-left: 0; left: -2px; margin-bottom: -4px; } .kd-slider-vertical .kd-slider-mark { width: 4px; height: 100%; top: auto; left: 14px; } .kd-slider-vertical .kd-slider-mark-text { -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } .kd-slider-vertical .kd-slider-handle { left: -1px; margin-left: 0; margin-bottom: -7px; } .kd-slider-vertical .kd-slider-reverse .kd-slider-dot { top: auto; margin-left: 0; left: -2px; margin-top: -4px; } .kd-slider-vertical .kd-slider-reverse .kd-slider-mark-text { -webkit-transform: translate(0, 50%); transform: translate(0, 50%); } .kd-slider-vertical .kd-slider-reverse.kd-slider-handle { margin-left: 0; margin-top: -7px; } .kd-slider-disabled { cursor: not-allowed; } .kd-slider-disabled .kd-slider-track { background-color: var(--kd-c-slider-track-color-background-hover, var(--kd-g-color-disabled, #b2b2b2)); } .kd-slider-disabled .kd-slider-dot { border-color: var(--kd-c-slider-dot-color-border-actived, var(--kd-g-color-disabled, #b2b2b2)); cursor: not-allowed; } .kd-slider-disabled .kd-slider-handle { border-color: var(--kd-c-slider-handle-color-border-hover, var(--kd-g-color-disabled, #b2b2b2)); cursor: not-allowed; } /* ----------- color ——————---- start */ /* ----------- color ——————---- end */ /* ----------- motion ——————---- start */ /* ----------- motion ——————---- end */ /* ----------- transition ——————---- start */ /* ----------- transition ——————---- end */ /* ----------- font ——————---- start */ /* ----------- font ——————---- end */ /* ----------- zIndex ——————---- start */ /* 普通组件内部自身层级应设置在0-100间 */ /* ----------- zIndex ——————---- end */ /* ----------- Button ——————---- start */ /* ----------- Button ——————---- end */ /* ----------- Collapse ——————---- start */ /* ----------- Collapse ——————---- end */ /* ----------- Card ——————---- start */ /* ----------- Card ——————---- end */ /* ----------- Carousel ——————---- start */ /* ----------- Carousel ——————---- end */ /* ----------- Cascader ——————---- start */ /* ----------- Cascader ——————---- end */ /* ----------- Switch ——————---- start */ /* ----------- Switch ——————---- end */ /* ----------- Input ——————---- start */ /* ----------- Input ——————---- end */ /* ----------- InputNumber ——————---- start */ /* ----------- InputNumber ——————---- end */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- end */ /* ----------- Radio ——————---- start */ /* ----------- Radio ——————---- end */ /* ----------- icon ——————---- start */ /* ----------- icon ——————---- end */ /* ----------- Popconfirm ——————---- start */ /* ----------- Popconfirm ——————---- end */ /* ----------- Progress ——————---- start */ /* ----------- Progress ——————---- end */ /* ----------- Pagination ——————---- start */ /* ----------- Pagination ——————---- end */ /* ----------- Timeline ——————---- start */ /* ----------- Timeline ——————---- end */ /* ----------- Tabs ——————---- start */ /* ----------- Tabs ——————---- end */ /* ----------- Select ——————---- start */ /* ----------- Select ——————---- end */ /* ----------- Rate ——————---- start */ /* ----------- Rate ——————---- end */ /* ----------- Dropdown ——————---- start */ /* ----------- Dropdown ——————---- end */ /* ----------- Tooltip ——————---- start */ /* ----------- Tooltip ——————---- end */ /* ----------- Transfer ——————---- start */ /* ----------- Transfer ——————---- end */ /* ----------- DatePicker ——————---- start */ /* ----------- DatePicker ——————---- end */ /* ----------- ColorPicker ——————---- start */ /* ----------- ColorPicker ——————---- end */ /* ----------- Tree ——————---- start */ /* ----------- Tree ——————---- end */ /* ----------- Alert ——————---- start */ /* ----------- Alert ——————---- end */ /* ----------- Split-Panel ——————---- start */ /* ----------- Split-Panel ——————---- end */ /* ----------- Modal ——————---- start */ /* ----------- Modal ——————---- end */ /* ----------- Steps ——————---- start */ /* ----------- Steps ——————---- end */ /* ----------- Form ——————---- start */ /* ----------- Form ——————---- end */ /* ----------- Tag ——————---- start */ /* ----------- Tag ——————---- end */ /* ----------- Menu ——————---- start */ /* ----------- Menu ——————---- end */ /* ----------- notice ——————---- start */ /* ----------- message ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Layout ——————---- start */ /* ----------- Layout ——————---- end */ /* ----------- Typography ——————---- start */ /* ----------- Typography ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Badge ——————---- start */ /* ----------- Badge ——————---- end */ /* ----------- Anchor ——————---- start */ /* ----------- Anchor ——————---- end */ /* ----------- Avatar ——————---- start */ /* ----------- Avatar ——————---- end */ /* ----------- AdvancedSelector ——————---- start */ /* ----------- AdvancedSelector ——————---- end */ /* ----------- motion ——————---- start */ /* ----------- motion ——————---- end */ /* ----------- transition ——————---- start */ /* ----------- transition ——————---- end */ /* ----------- zIndex ——————---- start */ /* 普通组件内部自身层级应设置在0-100间 */ /* ----------- zIndex ——————---- end */ /* 多行显示省略号 */ /* 单行显示省略号 */ /** 浮层箭头样式 **/ .kd-space { display: -webkit-box; display: -ms-flexbox; display: flex; row-gap: var(--rgap); } .kd-space.kd-space-horizontal > *:not(:last-child) { margin-right: var(--cgap); } .kd-space.kd-space-vertical { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .kd-space.kd-space-vertical > *:not(:last-child) { margin-bottom: var(--cgap); } .kd-space.kd-space-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; } .kd-space.kd-space-align-start { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .kd-space.kd-space-align-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .kd-space.kd-space-align-end { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .kd-space.kd-space-align-baseline { -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } /* ----------- color ——————---- start */ /* ----------- color ——————---- end */ /* ----------- motion ——————---- start */ /* ----------- motion ——————---- end */ /* ----------- transition ——————---- start */ /* ----------- transition ——————---- end */ /* ----------- font ——————---- start */ /* ----------- font ——————---- end */ /* ----------- zIndex ——————---- start */ /* 普通组件内部自身层级应设置在0-100间 */ /* ----------- zIndex ——————---- end */ /* ----------- Button ——————---- start */ /* ----------- Button ——————---- end */ /* ----------- Collapse ——————---- start */ /* ----------- Collapse ——————---- end */ /* ----------- Card ——————---- start */ /* ----------- Card ——————---- end */ /* ----------- Carousel ——————---- start */ /* ----------- Carousel ——————---- end */ /* ----------- Cascader ——————---- start */ /* ----------- Cascader ——————---- end */ /* ----------- Switch ——————---- start */ /* ----------- Switch ——————---- end */ /* ----------- Input ——————---- start */ /* ----------- Input ——————---- end */ /* ----------- InputNumber ——————---- start */ /* ----------- InputNumber ——————---- end */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- end */ /* ----------- Radio ——————---- start */ /* ----------- Radio ——————---- end */ /* ----------- icon ——————---- start */ /* ----------- icon ——————---- end */ /* ----------- Popconfirm ——————---- start */ /* ----------- Popconfirm ——————---- end */ /* ----------- Progress ——————---- start */ /* ----------- Progress ——————---- end */ /* ----------- Pagination ——————---- start */ /* ----------- Pagination ——————---- end */ /* ----------- Timeline ——————---- start */ /* ----------- Timeline ——————---- end */ /* ----------- Tabs ——————---- start */ /* ----------- Tabs ——————---- end */ /* ----------- Select ——————---- start */ /* ----------- Select ——————---- end */ /* ----------- Rate ——————---- start */ /* ----------- Rate ——————---- end */ /* ----------- Dropdown ——————---- start */ /* ----------- Dropdown ——————---- end */ /* ----------- Tooltip ——————---- start */ /* ----------- Tooltip ——————---- end */ /* ----------- Transfer ——————---- start */ /* ----------- Transfer ——————---- end */ /* ----------- DatePicker ——————---- start */ /* ----------- DatePicker ——————---- end */ /* ----------- ColorPicker ——————---- start */ /* ----------- ColorPicker ——————---- end */ /* ----------- Tree ——————---- start */ /* ----------- Tree ——————---- end */ /* ----------- Alert ——————---- start */ /* ----------- Alert ——————---- end */ /* ----------- Split-Panel ——————---- start */ /* ----------- Split-Panel ——————---- end */ /* ----------- Modal ——————---- start */ /* ----------- Modal ——————---- end */ /* ----------- Steps ——————---- start */ /* ----------- Steps ——————---- end */ /* ----------- Form ——————---- start */ /* ----------- Form ——————---- end */ /* ----------- Tag ——————---- start */ /* ----------- Tag ——————---- end */ /* ----------- Menu ——————---- start */ /* ----------- Menu ——————---- end */ /* ----------- notice ——————---- start */ /* ----------- message ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Layout ——————---- start */ /* ----------- Layout ——————---- end */ /* ----------- Typography ——————---- start */ /* ----------- Typography ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Badge ——————---- start */ /* ----------- Badge ——————---- end */ /* ----------- Anchor ——————---- start */ /* ----------- Anchor ——————---- end */ /* ----------- Avatar ——————---- start */ /* ----------- Avatar ——————---- end */ /* ----------- AdvancedSelector ——————---- start */ /* ----------- AdvancedSelector ——————---- end */ /* ----------- motion ——————---- start */ /* ----------- motion ——————---- end */ /* ----------- transition ——————---- start */ /* ----------- transition ——————---- end */ /* ----------- zIndex ——————---- start */ /* 普通组件内部自身层级应设置在0-100间 */ /* ----------- zIndex ——————---- end */ .kd-spin-page .kd-spin-dot-spin { width: var(--kd-c-spin-page-dot-spin-sizing-square, 48px); height: var(--kd-c-spin-page-dot-spin-sizing-square, 48px); padding: var(--kd-c-spin-page-dot-spin-spacing-padding, 4px); -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-line-pack: justify; align-content: space-between; } .kd-spin-page .kd-spin-dot-item { width: var(--kd-c-spin-page-dot-item-sizing-square, 16px); height: var(--kd-c-spin-page-dot-item-sizing-square, 16px); background-color: var(--kd-c-spin-dot-color-backgroung-first, var(--kd-g-color-logo-1, #2486ee)); border-radius: 50%; } .kd-spin-page .kd-spin-dot-item:nth-child(2n+1) { -webkit-animation: pageLoading 1s 0.3s ease-in-out infinite; animation: pageLoading 1s 0.3s ease-in-out infinite; } .kd-spin-page .kd-spin-dot-item:nth-child(2n+2) { background-color: var(--kd-c-spin-dot-color-backgroung-second, var(--kd-g-color-logo-2, #02ccfe)); -webkit-animation: pageLoading 1s 0.2s ease-in-out infinite; animation: pageLoading 1s 0.2s ease-in-out infinite; } .kd-spin-page .kd-spin-dot-item:nth-child(2n+3) { background-color: var(--kd-c-spin-dot-color-backgroung-third, var(--kd-g-color-logo-3, #05c8c7)); -webkit-animation: pageLoading 1s 0.1s ease-in-out infinite; animation: pageLoading 1s 0.1s ease-in-out infinite; } .kd-spin-page .kd-spin-dot-item:nth-child(2n+4) { background-color: var(--kd-c-spin-dot-color-backgroung-fourth, var(--kd-g-color-logo-4, #a06eff)); -webkit-animation: pageLoading 1s ease-in-out infinite; animation: pageLoading 1s ease-in-out infinite; } @-webkit-keyframes pageLoading { 50% { -webkit-transform: scale(1.25); transform: scale(1.25); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes pageLoading { 50% { -webkit-transform: scale(1.25); transform: scale(1.25); } 100% { -webkit-transform: scale(1); transform: scale(1); } } .kd-spin-container .kd-spin-dot-spin { display: -webkit-box; display: -ms-flexbox; display: flex; height: 15px; width: 35px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .kd-spin-container .kd-spin-dot-spin .kd-spin-dot-item { width: var(--kd-c-spin-dot-container-sizing-square, 5px); height: var(--kd-c-spin-dot-container-sizing-square, 5px); background-color: var(--kd-c-spin-dot-color-backgroung-first, var(--kd-g-color-logo-1, #2486ee)); border-radius: 50%; } .kd-spin-container .kd-spin-dot-spin .kd-spin-dot-item:nth-child(2n+1) { -webkit-animation: containerLoading 1s 0.6s ease-in-out infinite; animation: containerLoading 1s 0.6s ease-in-out infinite; } .kd-spin-container .kd-spin-dot-spin .kd-spin-dot-item:nth-child(2n+2) { background-color: var(--kd-c-spin-dot-color-backgroung-second, var(--kd-g-color-logo-2, #02ccfe)); -webkit-animation: containerLoading 1s 0.45s ease-in-out infinite; animation: containerLoading 1s 0.45s ease-in-out infinite; } .kd-spin-container .kd-spin-dot-spin .kd-spin-dot-item:nth-child(2n+3) { background-color: var(--kd-c-spin-dot-color-backgroung-third, var(--kd-g-color-logo-3, #05c8c7)); -webkit-animation: containerLoading 1s 0.3s ease-in-out infinite; animation: containerLoading 1s 0.3s ease-in-out infinite; } .kd-spin-container .kd-spin-dot-spin .kd-spin-dot-item:nth-child(2n+4) { background-color: var(--kd-c-spin-dot-color-backgroung-fourth, var(--kd-g-color-logo-4, #a06eff)); -webkit-animation: containerLoading 1s 0.15s ease-in-out infinite; animation: containerLoading 1s 0.15s ease-in-out infinite; } @-webkit-keyframes containerLoading { 50% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes containerLoading { 50% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } .kd-spin-component .kd-spin-dot-spin { width: var(--kd-c-spin-dot-component-sizing-square, 24px); height: var(--kd-c-spin-dot-component-sizing-square, 24px); border: var(--kd-c-spin-dot-component-sizing-border, 2px) solid var(--kd-c-spin-component-dot-color-border, #ebebeb); border-radius: 50%; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; } .kd-spin-component .kd-spin-dot-spin .kd-spin-dot-item { width: var(--kd-c-spin-dot-component-sizing-square, 24px); height: var(--kd-c-spin-dot-component-sizing-square, 24px); -webkit-box-sizing: border-box; box-sizing: border-box; border: var(--kd-c-spin-dot-component-sizing-border, 2px) solid transparent; border-right-color: var(--kd-c-spin-component-dot-item-color-border, var(--kd-g-color-theme, #5582f3)); border-radius: 50%; position: absolute; top: calc(-1 * var(--kd-c-spin-dot-component-sizing-border, 2px)); left: calc(-1 * var(--kd-c-spin-dot-component-sizing-border, 2px)); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-animation: componentRotate 1s linear infinite; animation: componentRotate 1s linear infinite; } @-webkit-keyframes componentRotate { 0% { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } 100% { -webkit-transform: rotate(315deg); transform: rotate(315deg); } } @keyframes componentRotate { 0% { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } 100% { -webkit-transform: rotate(315deg); transform: rotate(315deg); } } .kd-spin-children-wrapper { position: relative; } .kd-spin-has-children { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; } .kd-spin-children-container { opacity: 0.5; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; } .kd-spin-indicator-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* ----------- color ——————---- start */ /* ----------- color ——————---- end */ /* ----------- motion ——————---- start */ /* ----------- motion ——————---- end */ /* ----------- transition ——————---- start */ /* ----------- transition ——————---- end */ /* ----------- font ——————---- start */ /* ----------- font ——————---- end */ /* ----------- zIndex ——————---- start */ /* 普通组件内部自身层级应设置在0-100间 */ /* ----------- zIndex ——————---- end */ /* ----------- Button ——————---- start */ /* ----------- Button ——————---- end */ /* ----------- Collapse ——————---- start */ /* ----------- Collapse ——————---- end */ /* ----------- Card ——————---- start */ /* ----------- Card ——————---- end */ /* ----------- Carousel ——————---- start */ /* ----------- Carousel ——————---- end */ /* ----------- Cascader ——————---- start */ /* ----------- Cascader ——————---- end */ /* ----------- Switch ——————---- start */ /* ----------- Switch ——————---- end */ /* ----------- Input ——————---- start */ /* ----------- Input ——————---- end */ /* ----------- InputNumber ——————---- start */ /* ----------- InputNumber ——————---- end */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- end */ /* ----------- Radio ——————---- start */ /* ----------- Radio ——————---- end */ /* ----------- icon ——————---- start */ /* ----------- icon ——————---- end */ /* ----------- Popconfirm ——————---- start */ /* ----------- Popconfirm ——————---- end */ /* ----------- Progress ——————---- start */ /* ----------- Progress ——————---- end */ /* ----------- Pagination ——————---- start */ /* ----------- Pagination ——————---- end */ /* ----------- Timeline ——————---- start */ /* ----------- Timeline ——————---- end */ /* ----------- Tabs ——————---- start */ /* ----------- Tabs ——————---- end */ /* ----------- Select ——————---- start */ /* ----------- Select ——————---- end */ /* ----------- Rate ——————---- start */ /* ----------- Rate ——————---- end */ /* ----------- Dropdown ——————---- start */ /* ----------- Dropdown ——————---- end */ /* ----------- Tooltip ——————---- start */ /* ----------- Tooltip ——————---- end */ /* ----------- Transfer ——————---- start */ /* ----------- Transfer ——————---- end */ /* ----------- DatePicker ——————---- start */ /* ----------- DatePicker ——————---- end */ /* ----------- ColorPicker ——————---- start */ /* ----------- ColorPicker ——————---- end */ /* ----------- Tree ——————---- start */ /* ----------- Tree ——————---- end */ /* ----------- Alert ——————---- start */ /* ----------- Alert ——————---- end */ /* ----------- Split-Panel ——————---- start */ /* ----------- Split-Panel ——————---- end */ /* ----------- Modal ——————---- start */ /* ----------- Modal ——————---- end */ /* ----------- Steps ——————---- start */ /* ----------- Steps ——————---- end */ /* ----------- Form ——————---- start */ /* ----------- Form ——————---- end */ /* ----------- Tag ——————---- start */ /* ----------- Tag ——————---- end */ /* ----------- Menu ——————---- start */ /* ----------- Menu ——————---- end */ /* ----------- notice ——————---- start */ /* ----------- message ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Layout ——————---- start */ /* ----------- Layout ——————---- end */ /* ----------- Typography ——————---- start */ /* ----------- Typography ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Badge ——————---- start */ /* ----------- Badge ——————---- end */ /* ----------- Anchor ——————---- start */ /* ----------- Anchor ——————---- end */ /* ----------- Avatar ——————---- start */ /* ----------- Avatar ——————---- end */ /* ----------- AdvancedSelector ——————---- start */ /* ----------- AdvancedSelector ——————---- end */ /* ----------- motion ——————---- start */ /* ----------- motion ——————---- end */ /* ----------- transition ——————---- start */ /* ----------- transition ——————---- end */ /* ----------- zIndex ——————---- start */ /* 普通组件内部自身层级应设置在0-100间 */ /* ----------- zIndex ——————---- end */ /* 多行显示省略号 */ /* 单行显示省略号 */ /** 浮层箭头样式 **/ .kd-split-wrapper { position: relative; width: 100%; height: 100%; border: var(--kd-c-split-panel-wrapper-sizing-border, 1px) solid var(--kd-c-split-panel-color-border, #d9d9d9); overflow: hidden; } .kd-split-panel { position: absolute; overflow: hidden; } .kd-split-panel.left-panel, .kd-split-panel.right-panel { top: 0; bottom: 0; } .kd-split-panel.left-panel { left: 0; margin-right: calc(var(--kd-c-split-panel-line-sizing-border, 1px) / 2); } .kd-split-panel.right-panel { right: 0; margin-left: calc(var(--kd-c-split-panel-line-sizing-border, 1px) / 2); } .kd-split-panel.top-panel, .kd-split-panel.bottom-panel { left: 0; right: 0; } .kd-split-panel.top-panel { top: 0; margin-bottom: calc(var(--kd-c-split-panel-line-sizing-border, 1px) / 2); } .kd-split-panel.bottom-panel { bottom: 0; margin-top: calc(var(--kd-c-split-panel-line-sizing-border, 1px) / 2); } .kd-split-panel-moving { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .kd-split-trigger-con { position: absolute; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 10; } .kd-split-trigger-con.is-active .kd-split-trigger-arrow { border-color: var(--kd-c-split-panel-arrow-color-background, #999); background: var(--kd-c-split-panel-arrow-color-background, #999); color: white; } .kd-split-trigger-con.can-drag .kd-split-trigger-vertical { cursor: col-resize; } .kd-split-trigger-con.can-drag .kd-split-trigger-horizontal { cursor: row-resize; } .kd-split-trigger-con.is-disabled .kd-split-trigger-vertical { cursor: not-allowed; } .kd-split-trigger-con:not(.is-disabled):hover .kd-split-trigger-arrow { border-color: var(--kd-c-split-panel-arrow-color-background, #999); } .kd-split-trigger-con:not(.is-disabled) .kd-split-trigger-arrow:hover { cursor: pointer; background: #fff !important; color: var(--kd-c-split-panel-arrow-color-background-hover, var(--kd-g-color-theme, #5582f3)) !important; border-color: var(--kd-c-split-panel-arrow-color-background-hover, var(--kd-g-color-theme, #5582f3)) !important; } .kd-split-trigger-arrow { position: absolute; color: var(--kd-c-split-panel-arrow-color-background, #999); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-sizing: border-box; box-sizing: border-box; border: var(--kd-c-split-panel-arrow-sizing-border, 1px) solid transparent; } .kd-split-trigger-arrow .kdicon { font-size: 12px; } .kd-split-trigger-arrow.is-vertical { width: var(--kd-c-split-panel-arrow-sizing-width-vertical, 16px); height: var(--kd-c-split-panel-arrow-sizing-height-vertical, 16px); top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } .kd-split-trigger-arrow.is-horizontal { width: var(--kd-c-split-panel-arrow-sizing-width-horizontal, 16px); height: var(--kd-c-split-panel-arrow-sizing-height-horizontal, 16px); left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } .kd-split-trigger-arrow.top { bottom: 100%; border-bottom: none; border-radius: var(--kd-c-split-panel-arrow-radius-border-vertical, 8px) var(--kd-c-split-panel-arrow-radius-border-vertical, 8px) 0 0; } .kd-split-trigger-arrow.bottom { top: 100%; border-top: none; border-radius: 0 0 var(--kd-c-split-panel-arrow-radius-border-vertical, 8px) var(--kd-c-split-panel-arrow-radius-border-vertical, 8px); } .kd-split-trigger-arrow.left { right: 100%; border-right: none; border-radius: var(--kd-c-split-panel-arrow-radius-border-horizontal, 8px) 0 0 var(--kd-c-split-panel-arrow-radius-border-horizontal, 8px); } .kd-split-trigger-arrow.right { left: 100%; border-left: none; border-radius: 0 var(--kd-c-split-panel-arrow-radius-border-horizontal, 8px) var(--kd-c-split-panel-arrow-radius-border-horizontal, 8px) 0; } .kd-split-trigger-vertical { width: var(--kd-c-split-panel-line-sizing-border, 1px); height: 100%; background: var(--kd-c-split-panel-line-color-background, #d9d9d9); border-top: none; border-bottom: none; } .kd-split-trigger-horizontal { height: var(--kd-c-split-panel-line-sizing-border, 1px); width: 100%; background: var(--kd-c-split-panel-line-color-background, #d9d9d9); border-left: none; border-right: none; } .kd-split-trigger.is-disabled { cursor: not-allowed; } .kd-split-horizontal > .kd-split-trigger-con { top: 50%; height: 100%; } .kd-split-vertical > .kd-split-trigger-con { left: 50%; width: 100%; } .kd-split .no-select { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* ----------- color ——————---- start */ /* ----------- color ——————---- end */ /* ----------- motion ——————---- start */ /* ----------- motion ——————---- end */ /* ----------- transition ——————---- start */ /* ----------- transition ——————---- end */ /* ----------- font ——————---- start */ /* ----------- font ——————---- end */ /* ----------- zIndex ——————---- start */ /* 普通组件内部自身层级应设置在0-100间 */ /* ----------- zIndex ——————---- end */ /* ----------- Button ——————---- start */ /* ----------- Button ——————---- end */ /* ----------- Collapse ——————---- start */ /* ----------- Collapse ——————---- end */ /* ----------- Card ——————---- start */ /* ----------- Card ——————---- end */ /* ----------- Carousel ——————---- start */ /* ----------- Carousel ——————---- end */ /* ----------- Cascader ——————---- start */ /* ----------- Cascader ——————---- end */ /* ----------- Switch ——————---- start */ /* ----------- Switch ——————---- end */ /* ----------- Input ——————---- start */ /* ----------- Input ——————---- end */ /* ----------- InputNumber ——————---- start */ /* ----------- InputNumber ——————---- end */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- end */ /* ----------- Radio ——————---- start */ /* ----------- Radio ——————---- end */ /* ----------- icon ——————---- start */ /* ----------- icon ——————---- end */ /* ----------- Popconfirm ——————---- start */ /* ----------- Popconfirm ——————---- end */ /* ----------- Progress ——————---- start */ /* ----------- Progress ——————---- end */ /* ----------- Pagination ——————---- start */ /* ----------- Pagination ——————---- end */ /* ----------- Timeline ——————---- start */ /* ----------- Timeline ——————---- end */ /* ----------- Tabs ——————---- start */ /* ----------- Tabs ——————---- end */ /* ----------- Select ——————---- start */ /* ----------- Select ——————---- end */ /* ----------- Rate ——————---- start */ /* ----------- Rate ——————---- end */ /* ----------- Dropdown ——————---- start */ /* ----------- Dropdown ——————---- end */ /* ----------- Tooltip ——————---- start */ /* ----------- Tooltip ——————---- end */ /* ----------- Transfer ——————---- start */ /* ----------- Transfer ——————---- end */ /* ----------- DatePicker ——————---- start */ /* ----------- DatePicker ——————---- end */ /* ----------- ColorPicker ——————---- start */ /* ----------- ColorPicker ——————---- end */ /* ----------- Tree ——————---- start */ /* ----------- Tree ——————---- end */ /* ----------- Alert ——————---- start */ /* ----------- Alert ——————---- end */ /* ----------- Split-Panel ——————---- start */ /* ----------- Split-Panel ——————---- end */ /* ----------- Modal ——————---- start */ /* ----------- Modal ——————---- end */ /* ----------- Steps ——————---- start */ /* ----------- Steps ——————---- end */ /* ----------- Form ——————---- start */ /* ----------- Form ——————---- end */ /* ----------- Tag ——————---- start */ /* ----------- Tag ——————---- end */ /* ----------- Menu ——————---- start */ /* ----------- Menu ——————---- end */ /* ----------- notice ——————---- start */ /* ----------- message ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Layout ——————---- start */ /* ----------- Layout ——————---- end */ /* ----------- Typography ——————---- start */ /* ----------- Typography ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Badge ——————---- start */ /* ----------- Badge ——————---- end */ /* ----------- Anchor ——————---- start */ /* ----------- Anchor ——————---- end */ /* ----------- Avatar ——————---- start */ /* ----------- Avatar ——————---- end */ /* ----------- AdvancedSelector ——————---- start */ /* ----------- AdvancedSelector ——————---- end */ /* ----------- motion ——————---- start */ /* ----------- motion ——————---- end */ /* ----------- transition ——————---- start */ /* ----------- transition ——————---- end */ /* ----------- zIndex ——————---- start */ /* 普通组件内部自身层级应设置在0-100间 */ /* ----------- zIndex ——————---- end */ .kd-inputNumber-stepper { width: 100px; } .kd-inputNumber-stepper.kd-input-wrapper { padding-left: var(--kd-c-stepper-padding-left, 9px) !important; } .kd-inputNumber-stepper.kd-input-wrapper .kd-input { padding-left: var(--kd-c-stepper-input-padding-left, 0px); } .kd-inputNumber-stepper.kd-input-wrapper-size-middle { height: var(--kd-c-stepper-sizing-height, 28px); line-height: var(--kd-c-stepper-sizing-height, 28px); } .kd-inputNumber-stepper input { text-align: center; color: var(--kd-c-stepper-input-color, var(--kd-g-color-text-primary, #212121)); margin: 0 4px; font-size: var(--kd-c-stepper-input-font-size, 12px); } .kd-inputNumber-stepper-icon { font-size: 14px; } .kd-inputNumber-stepper-baseStep { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box; height: 100%; cursor: pointer; } .kd-inputNumber-stepper-baseStep-small { width: var(--kd-c-stepper-input-small-sizing-height, 20px); } .kd-inputNumber-stepper-baseStep-middle { width: var(--kd-c-stepper-input-middle-sizing-height, 28px); } .kd-inputNumber-stepper-baseStep-large { width: var(--kd-c-stepper-input-large-sizing-height, 36px); } .kd-inputNumber-stepper-baseStep .kd-inputNumber-stepper-icon { color: var(--kd-c-stepper-icon-color, var(--kd-g-color-text-secondary, #666)); -webkit-transition: color var(--kd-c-stepper-motion-duration, var(--kd-g-duration, 0.3s)); transition: color var(--kd-c-stepper-motion-duration, var(--kd-g-duration, 0.3s)); font-size: 16px; } .kd-inputNumber-stepper-baseStep .kd-inputNumber-stepper-icon:hover { color: var(--kd-c-stepper-icon-color-hover, var(--kd-g-color-theme, #5582f3)); } .kd-inputNumber-stepper-baseStep:hover:not(.kd-inputNumber-stepper-baseStep-disabled) .kd-inputNumber-stepper-icon { color: var(--kd-c-stepper-icon-color-hover, var(--kd-g-color-theme, #5582f3)); } .kd-inputNumber-stepper-baseStep-disabled { cursor: not-allowed; color: var(--kd-c-stepper-icon-color-disabled, var(--kd-g-color-disabled, #b2b2b2)); } .kd-inputNumber-stepper-baseStep-disabled .kd-inputNumber-stepper-icon { color: unset !important; } .kd-inputNumber-stepper-baseStep-decrease { border-right: 1px solid var(--kd-c-stepper-color-border-strong, var(--kd-g-color-border-strong, #d9d9d9)); } .kd-inputNumber-stepper-baseStep-decrease.kd-inputNumber-stepper-baseStep-small, .kd-inputNumber-stepper-baseStep-decrease.kd-inputNumber-stepper-embedStep-small { margin-left: calc(-1 * var(--kd-c-stepper-input-spacing-padding-horizontal, 9px)); } .kd-inputNumber-stepper-baseStep-decrease.kd-inputNumber-stepper-baseStep-middle, .kd-inputNumber-stepper-baseStep-decrease.kd-inputNumber-stepper-embedStep-middle { margin-left: calc(-1 * var(--kd-c-stepper-input-spacing-padding-horizontal, 9px)); } .kd-inputNumber-stepper-baseStep-decrease.kd-inputNumber-stepper-baseStep-large, .kd-inputNumber-stepper-baseStep-decrease.kd-inputNumber-stepper-embedStep-large { margin-left: calc(-1 * var(--kd-c-stepper-input-spacing-padding-horizontal, 9px)); } .kd-inputNumber-stepper-baseStep-increase { border-left: 1px solid var(--kd-c-stepper-color-border-strong, var(--kd-g-color-border-strong, #d9d9d9)); } .kd-inputNumber-stepper-baseStep-increase.kd-inputNumber-stepper-baseStep-small, .kd-inputNumber-stepper-baseStep-increase.kd-inputNumber-stepper-embedStep-small { margin-right: calc(-1 * var(--kd-c-stepper-input-spacing-padding-horizontal, 9px)); } .kd-inputNumber-stepper-baseStep-increase.kd-inputNumber-stepper-baseStep-middle, .kd-inputNumber-stepper-baseStep-increase.kd-inputNumber-stepper-embedStep-middle { margin-right: calc(-1 * var(--kd-c-stepper-input-spacing-padding-horizontal, 9px)); } .kd-inputNumber-stepper-baseStep-increase.kd-inputNumber-stepper-baseStep-large, .kd-inputNumber-stepper-baseStep-increase.kd-inputNumber-stepper-embedStep-large { margin-right: calc(-1 * var(--kd-c-stepper-input-spacing-padding-horizontal, 9px)); } .kd-inputNumber-stepper-embedStep { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%; border-radius: 0 1px 1px 0; background-color: var(--kd-c-stepper-embed-icon-color-background, transparent); overflow: hidden; border-left: 1px solid var(--kd-c-stepper-color-border-strong, var(--kd-g-color-border-strong, #d9d9d9)); border: none; } .kd-inputNumber-stepper-embedStep.kd-inputNumber-stepper-baseStep-small, .kd-inputNumber-stepper-embedStep.kd-inputNumber-stepper-embedStep-small { margin-right: calc(-1 * var(--kd-c-stepper-input-spacing-padding-horizontal, 9px)); } .kd-inputNumber-stepper-embedStep.kd-inputNumber-stepper-baseStep-middle, .kd-inputNumber-stepper-embedStep.kd-inputNumber-stepper-embedStep-middle { margin-right: calc(-1 * var(--kd-c-stepper-input-spacing-padding-horizontal, 9px)); } .kd-inputNumber-stepper-embedStep.kd-inputNumber-stepper-baseStep-large, .kd-inputNumber-stepper-embedStep.kd-inputNumber-stepper-embedStep-large { margin-right: calc(-1 * var(--kd-c-stepper-input-spacing-padding-horizontal, 9px)); } .kd-inputNumber-stepper-embedStep span { height: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-left: 1px solid var(--kd-c-stepper-color-border-strong, var(--kd-g-color-border-strong, #d9d9d9)); border-bottom: 1px solid var(--kd-c-stepper-color-border-strong, var(--kd-g-color-border-strong, #d9d9d9)); cursor: pointer; font-size: 12px; } .kd-inputNumber-stepper-embedStep span .kd-inputNumber-stepper-icon { -webkit-transition: color var(--kd-c-stepper-motion-duration, var(--kd-g-duration, 0.3s)); transition: color var(--kd-c-stepper-motion-duration, var(--kd-g-duration, 0.3s)); } .kd-inputNumber-stepper-embedStep span:hover .kd-inputNumber-stepper-icon { color: var(--kd-c-stepper-icon-color-hover, var(--kd-g-color-theme, #5582f3)); } .kd-inputNumber-stepper-embedStep span:last-child { border-bottom: none; } .kd-inputNumber-stepper-embedStep-disabled { cursor: not-allowed !important; color: var(--kd-c-stepper-icon-color-disabled, var(--kd-g-color-disabled, #b2b2b2)); } .kd-inputNumber-stepper-embedStep-disabled .kd-inputNumber-stepper-icon { color: unset !important; } /* ----------- color ——————---- start */ /* ----------- color ——————---- end */ /* ----------- motion ——————---- start */ /* ----------- motion ——————---- end */ /* ----------- transition ——————---- start */ /* ----------- transition ——————---- end */ /* ----------- font ——————---- start */ /* ----------- font ——————---- end */ /* ----------- zIndex ——————---- start */ /* 普通组件内部自身层级应设置在0-100间 */ /* ----------- zIndex ——————---- end */ /* ----------- Button ——————---- start */ /* ----------- Button ——————---- end */ /* ----------- Collapse ——————---- start */ /* ----------- Collapse ——————---- end */ /* ----------- Card ——————---- start */ /* ----------- Card ——————---- end */ /* ----------- Carousel ——————---- start */ /* ----------- Carousel ——————---- end */ /* ----------- Cascader ——————---- start */ /* ----------- Cascader ——————---- end */ /* ----------- Switch ——————---- start */ /* ----------- Switch ——————---- end */ /* ----------- Input ——————---- start */ /* ----------- Input ——————---- end */ /* ----------- InputNumber ——————---- start */ /* ----------- InputNumber ——————---- end */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- end */ /* ----------- Radio ——————---- start */ /* ----------- Radio ——————---- end */ /* ----------- icon ——————---- start */ /* ----------- icon ——————---- end */ /* ----------- Popconfirm ——————---- start */ /* ----------- Popconfirm ——————---- end */ /* ----------- Progress ——————---- start */ /* ----------- Progress ——————---- end */ /* ----------- Pagination ——————---- start */ /* ----------- Pagination ——————---- end */ /* ----------- Timeline ——————---- start */ /* ----------- Timeline ——————---- end */ /* ----------- Tabs ——————---- start */ /* ----------- Tabs ——————---- end */ /* ----------- Select ——————---- start */ /* ----------- Select ——————---- end */ /* ----------- Rate ——————---- start */ /* ----------- Rate ——————---- end */ /* ----------- Dropdown ——————---- start */ /* ----------- Dropdown ——————---- end */ /* ----------- Tooltip ——————---- start */ /* ----------- Tooltip ——————---- end */ /* ----------- Transfer ——————---- start */ /* ----------- Transfer ——————---- end */ /* ----------- DatePicker ——————---- start */ /* ----------- DatePicker ——————---- end */ /* ----------- ColorPicker ——————---- start */ /* ----------- ColorPicker ——————---- end */ /* ----------- Tree ——————---- start */ /* ----------- Tree ——————---- end */ /* ----------- Alert ——————---- start */ /* ----------- Alert ——————---- end */ /* ----------- Split-Panel ——————---- start */ /* ----------- Split-Panel ——————---- end */ /* ----------- Modal ——————---- start */ /* ----------- Modal ——————---- end */ /* ----------- Steps ——————---- start */ /* ----------- Steps ——————---- end */ /* ----------- Form ——————---- start */ /* ----------- Form ——————---- end */ /* ----------- Tag ——————---- start */ /* ----------- Tag ——————---- end */ /* ----------- Menu ——————---- start */ /* ----------- Menu ——————---- end */ /* ----------- notice ——————---- start */ /* ----------- message ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Layout ——————---- start */ /* ----------- Layout ——————---- end */ /* ----------- Typography ——————---- start */ /* ----------- Typography ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Badge ——————---- start */ /* ----------- Badge ——————---- end */ /* ----------- Anchor ——————---- start */ /* ----------- Anchor ——————---- end */ /* ----------- Avatar ——————---- start */ /* ----------- Avatar ——————---- end */ /* ----------- AdvancedSelector ——————---- start */ /* ----------- AdvancedSelector ——————---- end */ /* ----------- motion ——————---- start */ /* ----------- motion ——————---- end */ /* ----------- transition ——————---- start */ /* ----------- transition ——————---- end */ /* ----------- zIndex ——————---- start */ /* 普通组件内部自身层级应设置在0-100间 */ /* ----------- zIndex ——————---- end */ .kd-steps { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .kd-steps .kd-steps-icon { border: 2px solid; padding-top: 1px; } .kd-steps .kdicon-exclamatory { font-size: 30px; } .kd-steps-item { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 0; } .kd-steps-item-clickable { cursor: pointer; } .kd-steps-item-clickable .kd-steps-item-iconContainer-icon .kd-steps-icon { background-color: var(--kd-c-steps-color-white, var(--kd-g-color-white, #fff)); } .kd-steps-item-clickable.kd-steps-item-wait .kd-steps-icon, .kd-steps-item-clickable.kd-steps-item-wait .kd-steps-item-title { -webkit-transition: all var(--kd-c-steps-motion-duration, var(--kd-g-duration, 0.3s)); transition: all var(--kd-c-steps-motion-duration, var(--kd-g-duration, 0.3s)); } .kd-steps-item-clickable.kd-steps-item-wait:hover .kd-steps-icon { background-color: var(--kd-c-steps-color-white, var(--kd-g-color-white, #fff)); color: var(--kd-c-steps-color-hover, var(--kd-g-color-theme, #5582f3)); border-color: var(--kd-c-steps-color-hover, var(--kd-g-color-theme, #5582f3)); } .kd-steps-item-clickable.kd-steps-item-wait:hover .kd-steps-item-title, .kd-steps-item-clickable.kd-steps-item-wait:hover .kd-steps-item-description { color: var(--kd-c-steps-color-hover, var(--kd-g-color-theme, #5582f3)); } .kd-steps-item-clickable.kd-steps-item-finish .kd-steps-item-title { -webkit-transition: all var(--kd-c-steps-motion-duration, var(--kd-g-duration, 0.3s)) ease; transition: all var(--kd-c-steps-motion-duration, var(--kd-g-duration, 0.3s)) ease; } .kd-steps-item-clickable.kd-steps-item-finish:hover .kd-steps-item-title { color: var(--kd-c-steps-color-completed, var(--kd-g-color-success, #1ba854)); } .kd-steps-item-container { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .kd-steps-item-iconContainer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; } .kd-steps-item-iconContainer::after { content: ''; width: 100%; height: var(--kd-c-steps-line-sizing-height, 1px); border-bottom: 1px dashed var(--kd-c-steps-color-wait, #999); border-left: 1px dashed var(--kd-c-steps-color-wait, #999); position: absolute; left: 50%; top: calc(50% - var(--kd-c-steps-line-sizing-height, 1px) / 2); -webkit-transition: width var(--kd-c-steps-motion-duration, var(--kd-g-duration, 0.3s)) cubic-bezier(0.48, 0.04, 0.52, 0.96), background-color var(--kd-c-steps-motion-duration, var(--kd-g-duration, 0.3s)) cubic-bezier(0.48, 0.04, 0.52, 0.96); transition: width var(--kd-c-steps-motion-duration, var(--kd-g-duration, 0.3s)) cubic-bezier(0.48, 0.04, 0.52, 0.96), background-color var(--kd-c-steps-motion-duration, var(--kd-g-duration, 0.3s)) cubic-bezier(0.48, 0.04, 0.52, 0.96); } .kd-steps-item-iconContainer:last-child::after { display: none; } .kd-steps-item-iconContainer-icon { z-index: 1; width: var(--kd-c-steps-icon-sizing-width, 28px); height: var(--kd-c-steps-icon-sizing-width, 28px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .kd-steps-item-iconContainer-icon .kd-steps-icon { width: var(--kd-c-steps-icon-sizing-width, 28px); height: var(--kd-c-steps-icon-sizing-width, 28px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: var(--kd-c-steps-color-white, var(--kd-g-color-white, #fff)); color: var(--kd-c-steps-color-wait, #999); font-size: calc(var(--kd-c-steps-icon-sizing-width, 28px) - 13px); border-radius: 50%; border-color: var(--kd-c-steps-color-wait, #999); -webkit-box-sizing: border-box; box-sizing: border-box; } .kd-steps-item-content { text-align: center; } .kd-steps-item-content .kd-steps-item-title { line-height: 20px; font-size: var(--kd-c-steps-font-size, var(--kd-g-font-size-small, 12px)); color: var(--kd-c-steps-color-wait, #999); } .kd-steps-item-content .kd-steps-item-description { line-height: 20px; font-size: var(--kd-c-steps-font-size, var(--kd-g-font-size-small, 12px)); color: var(--kd-c-steps-color-wait, #999); width: var(--kd-c-steps-vertical-description-sizing-width, 200px); } .kd-steps-item-process { color: var(--kd-c-steps-color-hover, var(--kd-g-color-theme, #5582f3)); } .kd-steps-item-process .kd-steps-icon { background-color: var(--kd-c-steps-color-white, var(--kd-g-color-white, #fff)); color: var(--kd-c-steps-color-hover, var(--kd-g-color-theme, #5582f3)); border-color: var(--kd-c-steps-color-hover, var(--kd-g-color-theme, #5582f3)); } .kd-steps-item-process .kd-steps-item-title, .kd-steps-item-process .kd-steps-item-description { color: var(--kd-c-steps-color-hover, var(--kd-g-color-theme, #5582f3)); } .kd-steps-item:last-child .kd-steps-item-iconContainer::after { display: none; } .kd-steps-item-finish .kd-steps-icon { background-color: var(--kd-c-steps-color-white, var(--kd-g-color-white, #fff)); color: var(--kd-c-steps-color-completed, var(--kd-g-color-success, #1ba854)); border-color: var(--kd-c-steps-color-completed, var(--kd-g-color-success, #1ba854)); -webkit-box-sizing: border-box; box-sizing: border-box; } .kd-steps-item-finish .kd-steps-item-content .kd-steps-item-title, .kd-steps-item-finish .kd-steps-item-content .kd-steps-item-description { color: var(--kd-c-steps-color-completed, var(--kd-g-color-success, #1ba854)); } .kd-steps-item-error .kd-steps-icon { color: var(--kd-c-steps-color-error, var(--kd-g-color-error, #fb2323)); border-color: var(--kd-c-steps-color-error, var(--kd-g-color-error, #fb2323)); } .kd-steps-item-error .kd-steps-item-content .kd-steps-item-title, .kd-steps-item-error .kd-steps-item-content .kd-steps-item-description { color: var(--kd-c-steps-color-error, var(--kd-g-color-error, #fb2323)); } .kd-steps-bottomLable .kd-steps-item-iconContainer { margin-bottom: 4px; } .kd-steps-horizontal .kd-steps-item { min-width: 88px; -webkit-box-sizing: content-box; box-sizing: content-box; padding: 0 22px; } .kd-steps-horizontal .kd-steps-item:first-child { padding-left: 0; } .kd-steps-horizontal .kd-steps-item:last-child { padding-right: 0; } .kd-steps-horizontal .kd-steps-item .kd-steps-item-description { height: var(--kd-c-steps-horizontal-description-sizing-height, 60px); width: auto; } .kd-steps-horizontal .kd-steps-item-iconContainer::after { width: calc(100% + 44px); } .kd-steps-vertical { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .kd-steps-vertical .kd-steps-item { width: 100%; min-height: 68px; -webkit-box-sizing: content-box; box-sizing: content-box; padding: 22px 0; } .kd-steps-vertical .kd-steps-item:first-child { padding-top: 0; } .kd-steps-vertical .kd-steps-item:last-child { padding-bottom: 0; } .kd-steps-vertical .kd-steps-item-container { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .kd-steps-vertical .kd-steps-item-iconContainer { margin-bottom: 0; margin-right: 4px; } .kd-steps-vertical .kd-steps-item-iconContainer::after { width: var(--kd-c-steps-line-sizing-height, 1px); height: calc(100% + 44px); top: 2px; left: calc(50% - var(--kd-c-steps-line-sizing-height, 1px) / 2); } .kd-steps-vertical .kd-steps-item-content { text-align: left; margin-top: 1px; } /* ----------- color ——————---- start */ /* ----------- color ——————---- end */ /* ----------- motion ——————---- start */ /* ----------- motion ——————---- end */ /* ----------- transition ——————---- start */ /* ----------- transition ——————---- end */ /* ----------- font ——————---- start */ /* ----------- font ——————---- end */ /* ----------- zIndex ——————---- start */ /* 普通组件内部自身层级应设置在0-100间 */ /* ----------- zIndex ——————---- end */ /* ----------- Button ——————---- start */ /* ----------- Button ——————---- end */ /* ----------- Collapse ——————---- start */ /* ----------- Collapse ——————---- end */ /* ----------- Card ——————---- start */ /* ----------- Card ——————---- end */ /* ----------- Carousel ——————---- start */ /* ----------- Carousel ——————---- end */ /* ----------- Cascader ——————---- start */ /* ----------- Cascader ——————---- end */ /* ----------- Switch ——————---- start */ /* ----------- Switch ——————---- end */ /* ----------- Input ——————---- start */ /* ----------- Input ——————---- end */ /* ----------- InputNumber ——————---- start */ /* ----------- InputNumber ——————---- end */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- end */ /* ----------- Radio ——————---- start */ /* ----------- Radio ——————---- end */ /* ----------- icon ——————---- start */ /* ----------- icon ——————---- end */ /* ----------- Popconfirm ——————---- start */ /* ----------- Popconfirm ——————---- end */ /* ----------- Progress ——————---- start */ /* ----------- Progress ——————---- end */ /* ----------- Pagination ——————---- start */ /* ----------- Pagination ——————---- end */ /* ----------- Timeline ——————---- start */ /* ----------- Timeline ——————---- end */ /* ----------- Tabs ——————---- start */ /* ----------- Tabs ——————---- end */ /* ----------- Select ——————---- start */ /* ----------- Select ——————---- end */ /* ----------- Rate ——————---- start */ /* ----------- Rate ——————---- end */ /* ----------- Dropdown ——————---- start */ /* ----------- Dropdown ——————---- end */ /* ----------- Tooltip ——————---- start */ /* ----------- Tooltip ——————---- end */ /* ----------- Transfer ——————---- start */ /* ----------- Transfer ——————---- end */ /* ----------- DatePicker ——————---- start */ /* ----------- DatePicker ——————---- end */ /* ----------- ColorPicker ——————---- start */ /* ----------- ColorPicker ——————---- end */ /* ----------- Tree ——————---- start */ /* ----------- Tree ——————---- end */ /* ----------- Alert ——————---- start */ /* ----------- Alert ——————---- end */ /* ----------- Split-Panel ——————---- start */ /* ----------- Split-Panel ——————---- end */ /* ----------- Modal ——————---- start */ /* ----------- Modal ——————---- end */ /* ----------- Steps ——————---- start */ /* ----------- Steps ——————---- end */ /* ----------- Form ——————---- start */ /* ----------- Form ——————---- end */ /* ----------- Tag ——————---- start */ /* ----------- Tag ——————---- end */ /* ----------- Menu ——————---- start */ /* ----------- Menu ——————---- end */ /* ----------- notice ——————---- start */ /* ----------- message ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Layout ——————---- start */ /* ----------- Layout ——————---- end */ /* ----------- Typography ——————---- start */ /* ----------- Typography ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Badge ——————---- start */ /* ----------- Badge ——————---- end */ /* ----------- Anchor ——————---- start */ /* ----------- Anchor ——————---- end */ /* ----------- Avatar ——————---- start */ /* ----------- Avatar ——————---- end */ /* ----------- AdvancedSelector ——————---- start */ /* ----------- AdvancedSelector ——————---- end */ /* ----------- motion ——————---- start */ /* ----------- motion ——————---- end */ /* ----------- transition ——————---- start */ /* ----------- transition ——————---- end */ /* ----------- zIndex ——————---- start */ /* 普通组件内部自身层级应设置在0-100间 */ /* ----------- zIndex ——————---- end */ .kd-switch { padding: 0; position: relative; display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: var(--kd-c-switch-color-off, #B2B2B2); cursor: pointer; -webkit-transition: all calc(0.3s - 0.1s) cubic-bezier(0, 0.4, 0.4, 1); transition: all calc(0.3s - 0.1s) cubic-bezier(0, 0.4, 0.4, 1); } .kd-switch::after { content: ''; position: absolute; top: 1px; left: 1px; border-radius: 50%; background-color: #fff; -webkit-transition: all calc(0.3s - 0.1s) cubic-bezier(0, 0.4, 0.4, 1); transition: all calc(0.3s - 0.1s) cubic-bezier(0, 0.4, 0.4, 1); } .kd-switch .kd-switch-inner { color: var(--kd-c-switch-color-font, var(--kd-g-color-white, #fff)); font-size: var(--kd-c-switch-inner-font-size-small, var(--kd-g-font-size-small, 12px)); margin: var(--kd-c-switch-inner-spacing-margin, 0 5px 0 17px); -webkit-transition: all calc(0.3s - 0.1s) cubic-bezier(0, 0.4, 0.4, 1); transition: all calc(0.3s - 0.1s) cubic-bezier(0, 0.4, 0.4, 1); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .kd-switch .kd-switch-loading-icon { color: #b2b2b2; position: absolute; -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; left: 1px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 10; } .kd-switch .kd-switch-loading-icon .kdicon-loadding-circle { -webkit-animation: loadingcircle 1s infinite; animation: loadingcircle 1s infinite; -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); font-size: var(--kd-c-switch-small-font-size, var(--kd-g-font-size-small, 12px)); line-height: 1; vertical-align: baseline; } .kd-switch-disabled { background-color: var(--kd-c-switch-color-off-background-disabled, #D9D9D9); cursor: not-allowed; } .kd-switch-checked { background-color: var(--kd-c-switch-color-on, var(--kd-g-color-theme-6, #5582f3)); text-align: right; } .kd-switch-checked::after { left: 100%; margin-left: -1px; -webkit-transform: translateX(-100%); transform: translateX(-100%); } .kd-switch-checked .kd-switch-loading-icon { left: unset; right: 1px; color: var(--kd-c-switch-color-loading, var(--kd-g-color-ongoing, #276ff5)); } .kd-switch-checked.kd-switch-disabled { background-color: var(--kd-c-switch-color-on-background-disabled, var(--kd-g-color-theme-4, #b5cfff)); } .kd-switch-checked .kd-switch-inner { margin: var(--kd-c-switch-inner-spacing-margin-checked, 0 17px 0 5px); } .kd-switch-checked.kd-switch-size-large .kd-switch-inner { margin: var(--kd-c-switch-inner-spacing-margin-large-checked, 0 21px 0 5px); } .kd-switch-size-small { height: var(--kd-c-switch-small-sizing-height, 16px); min-width: var(--kd-c-switch-small-sizing-width, 32px); line-height: var(--kd-c-switch-small-line-height, 16px); font-size: var(--kd-c-switch-small-font-size, var(--kd-g-font-size-small, 12px)); border-radius: var(--kd-c-switch-small-radius-border, 8px); } .kd-switch-size-small::after { width: calc(var(--kd-c-switch-small-sizing-height, 16px) - 2px); height: calc(var(--kd-c-switch-small-sizing-height, 16px) - 2px); } .kd-switch-size-small .kd-switch-loading-icon { width: calc(var(--kd-c-switch-small-sizing-height, 16px) - 2px); height: calc(var(--kd-c-switch-small-sizing-height, 16px) - 2px); } .kd-switch-size-large { height: var(--kd-c-switch-large-sizing-height, 20px); min-width: var(--kd-c-switch-large-sizing-width, 40px); line-height: var(--kd-c-switch-large-line-height, 20px); font-size: var(--kd-c-switch-large-font-size, var(--kd-g-font-size-small, 12px)); border-radius: var(--kd-c-switch-large-sizing-border-radius, 10px); } .kd-switch-size-large::after { width: calc(var(--kd-c-switch-large-sizing-height, 20px) - 2px); height: calc(var(--kd-c-switch-large-sizing-height, 20px) - 2px); } .kd-switch-size-large .kd-switch-loading-icon { width: calc(var(--kd-c-switch-large-sizing-height, 20px) - 2px); height: calc(var(--kd-c-switch-large-sizing-height, 20px) - 2px); } .kd-switch-size-large .kd-switch-inner { margin: var(--kd-c-switch-inner-spacing-margin-large, 0 5px 0 21px); } /* ----------- color ——————---- start */ /* ----------- color ——————---- end */ /* ----------- motion ——————---- start */ /* ----------- motion ——————---- end */ /* ----------- transition ——————---- start */ /* ----------- transition ——————---- end */ /* ----------- font ——————---- start */ /* ----------- font ——————---- end */ /* ----------- zIndex ——————---- start */ /* 普通组件内部自身层级应设置在0-100间 */ /* ----------- zIndex ——————---- end */ /* ----------- Button ——————---- start */ /* ----------- Button ——————---- end */ /* ----------- Collapse ——————---- start */ /* ----------- Collapse ——————---- end */ /* ----------- Card ——————---- start */ /* ----------- Card ——————---- end */ /* ----------- Carousel ——————---- start */ /* ----------- Carousel ——————---- end */ /* ----------- Cascader ——————---- start */ /* ----------- Cascader ——————---- end */ /* ----------- Switch ——————---- start */ /* ----------- Switch ——————---- end */ /* ----------- Input ——————---- start */ /* ----------- Input ——————---- end */ /* ----------- InputNumber ——————---- start */ /* ----------- InputNumber ——————---- end */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- end */ /* ----------- Radio ——————---- start */ /* ----------- Radio ——————---- end */ /* ----------- icon ——————---- start */ /* ----------- icon ——————---- end */ /* ----------- Popconfirm ——————---- start */ /* ----------- Popconfirm ——————---- end */ /* ----------- Progress ——————---- start */ /* ----------- Progress ——————---- end */ /* ----------- Pagination ——————---- start */ /* ----------- Pagination ——————---- end */ /* ----------- Timeline ——————---- start */ /* ----------- Timeline ——————---- end */ /* ----------- Tabs ——————---- start */ /* ----------- Tabs ——————---- end */ /* ----------- Select ——————---- start */ /* ----------- Select ——————---- end */ /* ----------- Rate ——————---- start */ /* ----------- Rate ——————---- end */ /* ----------- Dropdown ——————---- start */ /* ----------- Dropdown ——————---- end */ /* ----------- Tooltip ——————---- start */ /* ----------- Tooltip ——————---- end */ /* ----------- Transfer ——————---- start */ /* ----------- Transfer ——————---- end */ /* ----------- DatePicker ——————---- start */ /* ----------- DatePicker ——————---- end */ /* ----------- ColorPicker ——————---- start */ /* ----------- ColorPicker ——————---- end */ /* ----------- Tree ——————---- start */ /* ----------- Tree ——————---- end */ /* ----------- Alert ——————---- start */ /* ----------- Alert ——————---- end */ /* ----------- Split-Panel ——————---- start */ /* ----------- Split-Panel ——————---- end */ /* ----------- Modal ——————---- start */ /* ----------- Modal ——————---- end */ /* ----------- Steps ——————---- start */ /* ----------- Steps ——————---- end */ /* ----------- Form ——————---- start */ /* ----------- Form ——————---- end */ /* ----------- Tag ——————---- start */ /* ----------- Tag ——————---- end */ /* ----------- Menu ——————---- start */ /* ----------- Menu ——————---- end */ /* ----------- notice ——————---- start */ /* ----------- message ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Layout ——————---- start */ /* ----------- Layout ——————---- end */ /* ----------- Typography ——————---- start */ /* ----------- Typography ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Badge ——————---- start */ /* ----------- Badge ——————---- end */ /* ----------- Anchor ——————---- start */ /* ----------- Anchor ——————---- end */ /* ----------- Avatar ——————---- start */ /* ----------- Avatar ——————---- end */ /* ----------- AdvancedSelector ——————---- start */ /* ----------- AdvancedSelector ——————---- end */ .kd-table-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } /* ----------- color ——————---- start */ /* ----------- color ——————---- end */ /* ----------- motion ——————---- start */ /* ----------- motion ——————---- end */ /* ----------- transition ——————---- start */ /* ----------- transition ——————---- end */ /* ----------- font ——————---- start */ /* ----------- font ——————---- end */ /* ----------- zIndex ——————---- start */ /* 普通组件内部自身层级应设置在0-100间 */ /* ----------- zIndex ——————---- end */ /* ----------- Button ——————---- start */ /* ----------- Button ——————---- end */ /* ----------- Collapse ——————---- start */ /* ----------- Collapse ——————---- end */ /* ----------- Card ——————---- start */ /* ----------- Card ——————---- end */ /* ----------- Carousel ——————---- start */ /* ----------- Carousel ——————---- end */ /* ----------- Cascader ——————---- start */ /* ----------- Cascader ——————---- end */ /* ----------- Switch ——————---- start */ /* ----------- Switch ——————---- end */ /* ----------- Input ——————---- start */ /* ----------- Input ——————---- end */ /* ----------- InputNumber ——————---- start */ /* ----------- InputNumber ——————---- end */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- end */ /* ----------- Radio ——————---- start */ /* ----------- Radio ——————---- end */ /* ----------- icon ——————---- start */ /* ----------- icon ——————---- end */ /* ----------- Popconfirm ——————---- start */ /* ----------- Popconfirm ——————---- end */ /* ----------- Progress ——————---- start */ /* ----------- Progress ——————---- end */ /* ----------- Pagination ——————---- start */ /* ----------- Pagination ——————---- end */ /* ----------- Timeline ——————---- start */ /* ----------- Timeline ——————---- end */ /* ----------- Tabs ——————---- start */ /* ----------- Tabs ——————---- end */ /* ----------- Select ——————---- start */ /* ----------- Select ——————---- end */ /* ----------- Rate ——————---- start */ /* ----------- Rate ——————---- end */ /* ----------- Dropdown ——————---- start */ /* ----------- Dropdown ——————---- end */ /* ----------- Tooltip ——————---- start */ /* ----------- Tooltip ——————---- end */ /* ----------- Transfer ——————---- start */ /* ----------- Transfer ——————---- end */ /* ----------- DatePicker ——————---- start */ /* ----------- DatePicker ——————---- end */ /* ----------- ColorPicker ——————---- start */ /* ----------- ColorPicker ——————---- end */ /* ----------- Tree ——————---- start */ /* ----------- Tree ——————---- end */ /* ----------- Alert ——————---- start */ /* ----------- Alert ——————---- end */ /* ----------- Split-Panel ——————---- start */ /* ----------- Split-Panel ——————---- end */ /* ----------- Modal ——————---- start */ /* ----------- Modal ——————---- end */ /* ----------- Steps ——————---- start */ /* ----------- Steps ——————---- end */ /* ----------- Form ——————---- start */ /* ----------- Form ——————---- end */ /* ----------- Tag ——————---- start */ /* ----------- Tag ——————---- end */ /* ----------- Menu ——————---- start */ /* ----------- Menu ——————---- end */ /* ----------- notice ——————---- start */ /* ----------- message ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Layout ——————---- start */ /* ----------- Layout ——————---- end */ /* ----------- Typography ——————---- start */ /* ----------- Typography ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Badge ——————---- start */ /* ----------- Badge ——————---- end */ /* ----------- Anchor ——————---- start */ /* ----------- Anchor ——————---- end */ /* ----------- Avatar ——————---- start */ /* ----------- Avatar ——————---- end */ /* ----------- AdvancedSelector ——————---- start */ /* ----------- AdvancedSelector ——————---- end */ /* ----------- motion ——————---- start */ /* ----------- motion ——————---- end */ /* ----------- transition ——————---- start */ /* ----------- transition ——————---- end */ /* ----------- zIndex ——————---- start */ /* 普通组件内部自身层级应设置在0-100间 */ /* ----------- zIndex ——————---- end */ .kd-tabs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: nowrap; flex-wrap: nowrap; height: 100%; } .kd-tabs-noContainer { height: var(--kd-c-tabs-sizing-height, 48px); } .kd-tabs-tab-wrap { position: relative; height: calc(100% + 1px); overflow: hidden; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; font-size: 0; } .kd-tabs-tab-list { display: inline-block; position: absolute; white-space: nowrap; top: 0; left: 0; -webkit-transition: all var(--kd-c-tabs-motion-duration, var(--kd-g-duration, 0.3s)) var(--kd-c-tabs-motion-timing-function, cubic-bezier(0.42, 0, 1, 1)); transition: all var(--kd-c-tabs-motion-duration, var(--kd-g-duration, 0.3s)) var(--kd-c-tabs-motion-timing-function, cubic-bezier(0.42, 0, 1, 1)); } .kd-tabs-bottom { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .kd-tabs-left { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .kd-tabs-right { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .kd-tabs-left-arrows { -webkit-box-shadow: 2px 0 2px rgba(0, 0, 0, 0.08); box-shadow: 2px 0 2px rgba(0, 0, 0, 0.08); height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .kd-tabs-left-arrows-line { background-color: #fff; } .kd-tabs-left-arrows-noshadow { -webkit-box-shadow: unset; box-shadow: unset; } .kd-tabs-right-arrows { -webkit-box-shadow: -2px 0 2px rgba(0, 0, 0, 0.08); box-shadow: -2px 0 2px rgba(0, 0, 0, 0.08); height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .kd-tabs-right-arrows-line { background-color: #fff; } .kd-tabs-right-arrows-line .kd-tabs-more-btn { width: 24px; } .kd-tabs-right-arrows-grid { background-color: #fff; -webkit-box-shadow: unset; box-shadow: unset; border: 1px solid var(--kd-c-tabs-color-border, var(--kd-g-color-border-strong, #d9d9d9)); } .kd-tabs-right-arrows-grid .kd-tabs-more-btn { line-height: 22px; } .kd-tabs-right-arrows-noshadow { -webkit-box-shadow: unset; box-shadow: unset; } .kd-tabs-right-arrows .kdicon { font-size: 14px; } .kd-tabs-left-operations { position: relative; margin-right: 2px; } .kd-tabs-left-operations-item { padding: 0 12px; cursor: pointer; } .kd-tabs-right-operations { position: relative; padding-right: 18px; } .kd-tabs-right-operations-item { padding-left: 12px; cursor: pointer; } .kd-tabs-more-btn { display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 48px; text-align: center; cursor: pointer; } .kd-tabs-more-btn:hover { color: var(--kd-c-tabs-color-text-hover, var(--kd-g-color-theme, #5582f3)); } .kd-tabs-more-btn-disabled { color: var(--kd-c-tabs-color-text-disabled, var(--kd-g-color-disabled, #b2b2b2)); cursor: not-allowed; } .kd-tabs-more-btn-disabled:hover { color: var(--kd-c-tabs-color-text-disabled, var(--kd-g-color-disabled, #b2b2b2)); } .kd-tabs-navs { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: var(--kd-c-tabs-sizing-height, 48px); border-bottom: var(--kd-c-tabs-sizing-border, 1px) solid var(--kd-c-tabs-color-border, var(--kd-g-color-border-strong, #d9d9d9)); } .kd-tabs-navs-line.kd-tabs-navs-middle { height: var(--kd-c-tabs-pane-type-line-sizing-height-middle, 32px); } .kd-tabs-navs-line.kd-tabs-navs-small { height: var(--kd-c-tabs-pane-type-line-sizing-height-small, 32px) !important; } .kd-tabs-navs-line .kd-tab-pane-middle { line-height: var(--kd-c-tabs-pane-type-line-sizing-height-middle, 32px); height: var(--kd-c-tabs-pane-type-line-sizing-height-middle, 32px); } .kd-tabs-navs-line .kd-tab-pane-small { line-height: var(--kd-c-tabs-pane-type-line-sizing-height-small, 32px); height: var(--kd-c-tabs-pane-type-line-sizing-height-small, 32px); } .kd-tabs-navs-line.kd-tabs-navs-bottom { border-top: 1px solid var(--kd-c-tabs-color-border, var(--kd-g-color-border-strong, #d9d9d9)); border-bottom: unset; } .kd-tabs-navs-line.kd-tabs-navs-bottom .kd-tabs-tab-wrap { margin-top: -1px; } .kd-tabs-navs-line.kd-tabs-navs-bottom .kd-tabs-tab-list { top: -1px; } .kd-tabs-navs-line.kd-tabs-navs-bottom .kd-active-line { top: 1px; bottom: unset; } .kd-tabs-navs-card { border-top: 1px solid var(--kd-c-tabs-color-border, var(--kd-g-color-border-strong, #d9d9d9)); background-color: var(--kd-c-tabs-card-color-background, var(--kd-g-color-background-contain-disabled, #f5f5f5)); } .kd-tabs-navs-card .kd-tabs-tab-wrap { top: -1px; height: calc(100% + 2px); } .kd-tabs-navs-card.kd-tabs-navs-left, .kd-tabs-navs-card.kd-tabs-navs-right { min-width: 120px; height: 100%; font-size: 0; border-top: 1px solid transparent; } .kd-tabs-navs-card.kd-tabs-navs-left::before, .kd-tabs-navs-card.kd-tabs-navs-right::before, .kd-tabs-navs-card.kd-tabs-navs-left::after, .kd-tabs-navs-card.kd-tabs-navs-right::after { position: absolute; content: ''; display: inline-block; width: 1px; height: 100%; background-color: var(--kd-c-tabs-color-border, var(--kd-g-color-border-strong, #d9d9d9)); } .kd-tabs-navs-card.kd-tabs-navs-left::before, .kd-tabs-navs-card.kd-tabs-navs-right::before { left: 0; } .kd-tabs-navs-card.kd-tabs-navs-left::after, .kd-tabs-navs-card.kd-tabs-navs-right::after { right: 0; } .kd-tabs-navs-card.kd-tabs-navs-left .kd-tabs-tab-wrap, .kd-tabs-navs-card.kd-tabs-navs-right .kd-tabs-tab-wrap { -webkit-box-sizing: border-box; box-sizing: border-box; min-width: 120px; width: 100%; z-index: 2; } .kd-tabs-navs-card.kd-tabs-navs-left .kd-tabs-tab-list, .kd-tabs-navs-card.kd-tabs-navs-right .kd-tabs-tab-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; white-space: normal; width: 100%; height: 100%; min-width: 120px; max-height: 100%; overflow: auto; } .kd-tabs-navs-grid { height: 24px; border-bottom: unset; } .kd-tabs-navs-dynamic { background-color: var(--kd-c-tabs-card-color-background, var(--kd-g-color-background-contain-disabled, #f5f5f5)); border-bottom: unset; height: var(--kd-c-tabs-pane-type-dynamic-sizing-height, 32px); } .kd-tabs-navs-dynamic .kd-tabs-tab-wrap { height: var(--kd-c-tabs-pane-type-dynamic-sizing-height, 32px); } .kd-tabs-navs-dynamic .kd-tabs-more-btn { line-height: var(--kd-c-tabs-pane-type-dynamic-sizing-height, 32px); } .kd-tabs-navs-small:not(.kd-tabs-navs-left):not(.kd-tabs-navs-right) { height: 36px; } .kd-tabs-navs-small:not(.kd-tabs-navs-left):not(.kd-tabs-navs-right).kd-tabs-card-more { padding-right: 36px; } .kd-tab-pane { display: inline-block; vertical-align: middle; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: var(--kd-c-tabs-pane-font-size, var(--kd-g-font-size-middle, 14px)); color: var(--kd-c-tabs-color-text, var(--kd-g-color-text-secondary, #666)); height: var(--kd-c-tabs-pane-sizing-height, 48px); line-height: var(--kd-c-tabs-pane-height, 48px); cursor: pointer; } .kd-tab-pane-text { display: inline-block; -webkit-transition: color var(--kd-c-tabs-motion-duration, var(--kd-g-duration, 0.3s)); transition: color var(--kd-c-tabs-motion-duration, var(--kd-g-duration, 0.3s)); overflow: hidden; text-overflow: ellipsis; max-width: var(--kd-c-tabs-pane-text-sizing-max-width); } .kd-tab-pane-text-active, .kd-tab-pane-text:hover { color: var(--kd-c-tabs-color-text-active, var(--kd-g-color-theme, #5582f3)); } .kd-tab-pane-text-disabled:hover { color: var(--kd-c-tabs-color-text-disabled, var(--kd-g-color-disabled, #b2b2b2)); } .kd-tab-pane-disabled { color: var(--kd-c-tabs-color-text-disabled, var(--kd-g-color-disabled, #b2b2b2)); cursor: not-allowed; } .kd-tab-pane-disabled:hover { color: var(--kd-c-tabs-color-text-disabled, var(--kd-g-color-disabled, #b2b2b2)); } .kd-tab-pane-type-line { padding: 0 var(--kd-c-tabs-pane-line-paddinng-horizontal, 20px); } .kd-tab-pane-type-card { margin-right: 0; padding: 0 var(--kd-c-tabs-pane-card-paddinng-horizontal, 18px); border: 1px solid transparent; } .kd-tab-pane-type-card.kd-tab-pane-box-active { background-color: #fff; border: 1px solid var(--kd-c-tabs-color-border, var(--kd-g-color-border-strong, #d9d9d9)); border-top: 2px solid; border-color: var(--kd-c-tabs-line-color-active, var(--kd-g-color-theme, #5582f3)) var(--kd-c-tabs-color-border, var(--kd-g-color-border-strong, #d9d9d9)) transparent var(--kd-c-tabs-color-border, var(--kd-g-color-border-strong, #d9d9d9)); -webkit-transition: background-color 0.2s var(--kd-c-tabs-motion-timing-function, cubic-bezier(0.42, 0, 1, 1)); transition: background-color 0.2s var(--kd-c-tabs-motion-timing-function, cubic-bezier(0.42, 0, 1, 1)); } .kd-tab-pane-type-card.kd-tab-pane-box-active:first-of-type { border-left-color: transparent; } .kd-tab-pane-type-card.kd-tab-pane-left { border-left: 2px solid transparent; } .kd-tab-pane-type-card.kd-tab-pane-left.kd-tab-pane-box-active { border-left: 2px solid; border-color: var(--kd-c-tabs-color-border, var(--kd-g-color-border-strong, #d9d9d9)) transparent transparent var(--kd-c-tabs-line-color-active, var(--kd-g-color-theme, #5582f3)); } .kd-tab-pane-type-card.kd-tab-pane-right { border-right: 1px solid transparent; } .kd-tab-pane-type-card.kd-tab-pane-right.kd-tab-pane-box-active { border-right: 2px solid var(--kd-c-tabs-line-color-active, var(--kd-g-color-theme, #5582f3)); border-left: 1px solid transparent; } .kd-tab-pane-type-card.kd-tab-pane-left, .kd-tab-pane-type-card.kd-tab-pane-right { width: 100%; border-top: 1px solid var(--kd-c-tabs-color-border, var(--kd-g-color-border-strong, #d9d9d9)); } .kd-tab-pane-type-card.kd-tab-pane-left:last-of-type, .kd-tab-pane-type-card.kd-tab-pane-right:last-of-type { border-bottom: 1px solid var(--kd-c-tabs-color-border, var(--kd-g-color-border-strong, #d9d9d9)); } .kd-tab-pane-type-card.kd-tab-pane-bottom { border-top: 1px solid transparent; border-bottom: 2px solid transparent; } .kd-tab-pane-type-card.kd-tab-pane-bottom.kd-tab-pane-box-active { border-bottom: 2px solid; border-color: transparent var(--kd-c-tabs-color-border, var(--kd-g-color-border-strong, #d9d9d9)) var(--kd-c-tabs-line-color-active, var(--kd-g-color-theme, #5582f3)) var(--kd-c-tabs-color-border, var(--kd-g-color-border-strong, #d9d9d9)); } .kd-tab-pane-type-card.kd-tab-pane-bottom.kd-tab-pane-box-active:first-of-type { border-left-color: transparent; } .kd-tab-pane-type-card.kd-tab-pane-top { border-top: 2px solid transparent; } .kd-tab-pane-type-card.kd-tab-pane-top.kd-tab-pane-box-active { border-top: 2px solid; border-color: var(--kd-c-tabs-line-color-active, var(--kd-g-color-theme, #5582f3)) var(--kd-c-tabs-color-border, var(--kd-g-color-border-strong, #d9d9d9)) transparent var(--kd-c-tabs-color-border, var(--kd-g-color-border-strong, #d9d9d9)); } .kd-tab-pane-type-card.kd-tab-pane-top.kd-tab-pane-box-active:first-of-type { border-left-color: transparent; } .kd-tab-pane-type-dynamic { height: var(--kd-c-tabs-pane-type-dynamic-sizing-height, 32px); line-height: var(--kd-c-tabs-pane-type-dynamic-sizing-height, 32px); margin: 0 0 0 4px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .kd-tab-pane-type-dynamic:not(.kd-tab-pane-disabled):hover .kd-tab-pane-operations span:first-child { opacity: 1; cursor: pointer; } .kd-tab-pane-type-dynamic .kd-tab-pane-operations .kdicon { font-size: 16px; } .kd-tab-pane-type-grid { height: 24px; line-height: 22px; padding: 0 var(--kd-c-tabs-pane-grid-paddinng-horizontal, 20px); border: 1px solid var(--kd-c-tabs-color-border, var(--kd-g-color-border-strong, #d9d9d9)); margin-right: -1px; } .kd-tab-pane-type-grid:first-of-type { border-radius: 2px 0 0 2px; } .kd-tab-pane-type-grid:last-of-type { border-radius: 0 2px 2px 0; } .kd-tab-pane-type-grid.kd-tab-pane-box-active { position: relative; z-index: 2; background-color: var(--kd-c-tabs-line-color-active, var(--kd-g-color-theme, #5582f3)); border: 1px solid var(--kd-c-tabs-line-color-active, var(--kd-g-color-theme, #5582f3)); -webkit-transition: background-color 0.2s var(--kd-c-tabs-motion-timing-function, cubic-bezier(0.42, 0, 1, 1)); transition: background-color 0.2s var(--kd-c-tabs-motion-timing-function, cubic-bezier(0.42, 0, 1, 1)); } .kd-tab-pane-type-grid.kd-tab-pane-box-active .kd-tab-pane-text-active { color: #fff; } .kd-tab-pane-type-grid.kd-tab-pane-disabled { background-color: var(--kd-c-tabs-color-background-disabled, transparent); } .kd-tab-pane-type-grid:hover { color: var(--kd-c-tabs-color-text-active, var(--kd-g-color-theme, #5582f3)); } .kd-tab-pane-operations { position: relative; display: inline-block; line-height: 1; padding: 0 4px; } .kd-tab-pane-operations span:first-child { display: inline-block; vertical-align: top; font-size: 0; opacity: 0; } .kd-tab-pane-small { height: 36px; line-height: 36px; } .kd-active-line { position: absolute; display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; width: auto; left: 0; bottom: 0; height: 2px; background-color: var(--kd-c-tabs-line-color-active, var(--kd-g-color-theme, #5582f3)); -webkit-transition: all var(--kd-c-tabs-motion-duration, var(--kd-g-duration, 0.3s)) var(--kd-c-tabs-motion-timing-function, cubic-bezier(0.42, 0, 1, 1)); transition: all var(--kd-c-tabs-motion-duration, var(--kd-g-duration, 0.3s)) var(--kd-c-tabs-motion-timing-function, cubic-bezier(0.42, 0, 1, 1)); } .kd-arrow-button { display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 48px; text-align: center; cursor: pointer; } .kd-arrow-button:hover { color: var(--kd-c-tabs-color-text-hover, var(--kd-g-color-theme, #5582f3)); } .kd-arrow-button-line { width: 24px; } .kd-arrow-button-dynamic { width: 24px; line-height: var(--kd-c-tabs-pane-type-dynamic-sizing-height, 32px); } .kd-arrow-button-disabled { color: var(--kd-c-tabs-color-text-disabled, var(--kd-g-color-disabled, #b2b2b2)); cursor: not-allowed; } .kd-arrow-button-disabled:hover { color: var(--kd-c-tabs-color-text-disabled, var(--kd-g-color-disabled, #b2b2b2)); } .kd-arrow-button .kdicon { font-size: 14px; } /* ----------- color ——————---- start */ /* ----------- color ——————---- end */ /* ----------- motion ——————---- start */ /* ----------- motion ——————---- end */ /* ----------- transition ——————---- start */ /* ----------- transition ——————---- end */ /* ----------- font ——————---- start */ /* ----------- font ——————---- end */ /* ----------- zIndex ——————---- start */ /* 普通组件内部自身层级应设置在0-100间 */ /* ----------- zIndex ——————---- end */ /* ----------- Button ——————---- start */ /* ----------- Button ——————---- end */ /* ----------- Collapse ——————---- start */ /* ----------- Collapse ——————---- end */ /* ----------- Card ——————---- start */ /* ----------- Card ——————---- end */ /* ----------- Carousel ——————---- start */ /* ----------- Carousel ——————---- end */ /* ----------- Cascader ——————---- start */ /* ----------- Cascader ——————---- end */ /* ----------- Switch ——————---- start */ /* ----------- Switch ——————---- end */ /* ----------- Input ——————---- start */ /* ----------- Input ——————---- end */ /* ----------- InputNumber ——————---- start */ /* ----------- InputNumber ——————---- end */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- end */ /* ----------- Radio ——————---- start */ /* ----------- Radio ——————---- end */ /* ----------- icon ——————---- start */ /* ----------- icon ——————---- end */ /* ----------- Popconfirm ——————---- start */ /* ----------- Popconfirm ——————---- end */ /* ----------- Progress ——————---- start */ /* ----------- Progress ——————---- end */ /* ----------- Pagination ——————---- start */ /* ----------- Pagination ——————---- end */ /* ----------- Timeline ——————---- start */ /* ----------- Timeline ——————---- end */ /* ----------- Tabs ——————---- start */ /* ----------- Tabs ——————---- end */ /* ----------- Select ——————---- start */ /* ----------- Select ——————---- end */ /* ----------- Rate ——————---- start */ /* ----------- Rate ——————---- end */ /* ----------- Dropdown ——————---- start */ /* ----------- Dropdown ——————---- end */ /* ----------- Tooltip ——————---- start */ /* ----------- Tooltip ——————---- end */ /* ----------- Transfer ——————---- start */ /* ----------- Transfer ——————---- end */ /* ----------- DatePicker ——————---- start */ /* ----------- DatePicker ——————---- end */ /* ----------- ColorPicker ——————---- start */ /* ----------- ColorPicker ——————---- end */ /* ----------- Tree ——————---- start */ /* ----------- Tree ——————---- end */ /* ----------- Alert ——————---- start */ /* ----------- Alert ——————---- end */ /* ----------- Split-Panel ——————---- start */ /* ----------- Split-Panel ——————---- end */ /* ----------- Modal ——————---- start */ /* ----------- Modal ——————---- end */ /* ----------- Steps ——————---- start */ /* ----------- Steps ——————---- end */ /* ----------- Form ——————---- start */ /* ----------- Form ——————---- end */ /* ----------- Tag ——————---- start */ /* ----------- Tag ——————---- end */ /* ----------- Menu ——————---- start */ /* ----------- Menu ——————---- end */ /* ----------- notice ——————---- start */ /* ----------- message ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Layout ——————---- start */ /* ----------- Layout ——————---- end */ /* ----------- Typography ——————---- start */ /* ----------- Typography ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Badge ——————---- start */ /* ----------- Badge ——————---- end */ /* ----------- Anchor ——————---- start */ /* ----------- Anchor ——————---- end */ /* ----------- Avatar ——————---- start */ /* ----------- Avatar ——————---- end */ /* ----------- AdvancedSelector ——————---- start */ /* ----------- AdvancedSelector ——————---- end */ /* ----------- motion ——————---- start */ /* ----------- motion ——————---- end */ /* ----------- transition ——————---- start */ /* ----------- transition ——————---- end */ /* ----------- zIndex ——————---- start */ /* 普通组件内部自身层级应设置在0-100间 */ /* ----------- zIndex ——————---- end */ .kd-tag { -webkit-transition: all var(--kd-c-tag-motion-duration, var(--kd-g-duration, 0.3s)); transition: all var(--kd-c-tag-motion-duration, var(--kd-g-duration, 0.3s)); } .kd-tag-ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .kd-tag-size-small { font-size: var(--kd-c-tag-font-size-small, var(--kd-g-font-size-small, 12px)); height: var(--kd-c-tag-sizing-height-small, 20px); -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; vertical-align: middle; padding: 0 var(--kd-c-tag-spacing-padding-horizontal-small, 6px); border-radius: calc(var(--kd-c-tag-sizing-height-small, 20px) / 2); max-width: var(--kd-c-tag-sizing-max-width); min-width: var(--kd-c-tag-sizing-min-width); } .kd-tag-size-middle { font-size: var(--kd-c-tag-font-size-middle, var(--kd-g-font-size-small, 12px)); height: var(--kd-c-tag-sizing-height-middle, 20px); -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; vertical-align: middle; padding: 0 var(--kd-c-tag-spacing-padding-horizontal-middle, 7px); border-radius: calc(var(--kd-c-tag-sizing-height-middle, 20px) / 2); max-width: var(--kd-c-tag-sizing-max-width); min-width: var(--kd-c-tag-sizing-min-width); } .kd-tag-size-large { font-size: var(--kd-c-tag-font-size-large, var(--kd-g-font-size-middle, 14px)); height: var(--kd-c-tag-sizing-height-large, 24px); -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; vertical-align: middle; padding: 0 var(--kd-c-tag-spacing-padding-horizontal-large, 8px); border-radius: calc(var(--kd-c-tag-sizing-height-large, 24px) / 2); max-width: var(--kd-c-tag-sizing-max-width); min-width: var(--kd-c-tag-sizing-min-width); } .kd-tag-shape-status { border: 1px solid var(--kd-c-tag-color-process, var(--kd-g-color-ongoing, #276ff5)); color: var(--kd-c-tag-color-process, var(--kd-g-color-ongoing, #276ff5)); } .kd-tag-shape-status:hover { background-color: var(--kd-c-tag-color-process, var(--kd-g-color-ongoing, #276ff5)); color: #fff; } .kd-tag-shape-status.kd-tag-process { border: 1px solid var(--kd-c-tag-color-process, var(--kd-g-color-ongoing, #276ff5)); color: var(--kd-c-tag-color-process, var(--kd-g-color-ongoing, #276ff5)); } .kd-tag-shape-status.kd-tag-process:hover { background-color: var(--kd-c-tag-color-process, var(--kd-g-color-ongoing, #276ff5)); color: #fff; } .kd-tag-shape-status.kd-tag-success { border: 1px solid var(--kd-c-tag-color-success, var(--kd-g-color-success, #1ba854)); color: var(--kd-c-tag-color-success, var(--kd-g-color-success, #1ba854)); } .kd-tag-shape-status.kd-tag-success:hover { background-color: var(--kd-c-tag-color-success, var(--kd-g-color-success, #1ba854)); color: #fff; } .kd-tag-shape-status.kd-tag-warning { border: 1px solid var(--kd-c-tag-color-warning, var(--kd-g-color-warning, #ff991c)); color: var(--kd-c-tag-color-warning, var(--kd-g-color-warning, #ff991c)); } .kd-tag-shape-status.kd-tag-warning:hover { background-color: var(--kd-c-tag-color-warning, var(--kd-g-color-warning, #ff991c)); color: #fff; } .kd-tag-shape-status.kd-tag-error { border: 1px solid var(--kd-c-tag-color-error, var(--kd-g-color-error, #fb2323)); color: var(--kd-c-tag-color-error, var(--kd-g-color-error, #fb2323)); } .kd-tag-shape-status.kd-tag-error:hover { background-color: var(--kd-c-tag-color-error, var(--kd-g-color-error, #fb2323)); color: #fff; } .kd-tag-shape-status.kd-tag-end { border: 1px solid var(--kd-c-tag-color-end, var(--kd-g-color-end, #666)); color: var(--kd-c-tag-color-end, var(--kd-g-color-end, #666)); } .kd-tag-shape-status.kd-tag-end:hover { background-color: var(--kd-c-tag-color-end, var(--kd-g-color-end, #666)); color: #fff; } .kd-tag-shape-status.kd-tag-expired { border: 1px solid var(--kd-c-tag-color-expired, var(--kd-g-color-disabled, #b2b2b2)); color: var(--kd-c-tag-color-expired, var(--kd-g-color-disabled, #b2b2b2)); } .kd-tag-shape-status.kd-tag-expired:hover { background-color: var(--kd-c-tag-color-expired, var(--kd-g-color-disabled, #b2b2b2)); color: #fff; } .kd-tag-shape-attribute { color: #fff; background-color: var(--kd-c-tag-color-process, var(--kd-g-color-ongoing, #276ff5)); } .kd-tag-shape-attribute.kd-tag-process { color: #fff; background-color: var(--kd-c-tag-color-process, var(--kd-g-color-ongoing, #276ff5)); } .kd-tag-shape-attribute.kd-tag-success { color: #fff; background-color: var(--kd-c-tag-color-success, var(--kd-g-color-success, #1ba854)); } .kd-tag-shape-attribute.kd-tag-warning { color: #fff; background-color: var(--kd-c-tag-color-warning, var(--kd-g-color-warning, #ff991c)); } .kd-tag-shape-attribute.kd-tag-error { color: #fff; background-color: var(--kd-c-tag-color-error, var(--kd-g-color-error, #fb2323)); } .kd-tag-shape-attribute.kd-tag-end { color: #fff; background-color: var(--kd-c-tag-color-end, var(--kd-g-color-end, #666)); } .kd-tag-shape-attribute.kd-tag-expired { color: #fff; background-color: var(--kd-c-tag-color-expired, var(--kd-g-color-disabled, #b2b2b2)); } .kd-tag-shape-text { color: var(--kd-c-tag-color-process, var(--kd-g-color-ongoing, #276ff5)); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0; border-radius: 0; } .kd-tag-shape-text.kd-tag-process { color: var(--kd-c-tag-color-process, var(--kd-g-color-ongoing, #276ff5)); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0; border-radius: 0; } .kd-tag-shape-text.kd-tag-process.kd-tag-size-middle { color: var(--kd-c-tag-color-process, var(--kd-g-color-ongoing, #276ff5)); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0; border-radius: 0; } .kd-tag-shape-text.kd-tag-process.kd-tag-size-large { color: var(--kd-c-tag-color-process, var(--kd-g-color-ongoing, #276ff5)); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0; border-radius: 0; } .kd-tag-shape-text.kd-tag-success { color: var(--kd-c-tag-color-success, var(--kd-g-color-success, #1ba854)); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0; border-radius: 0; } .kd-tag-shape-text.kd-tag-success.kd-tag-size-middle { color: var(--kd-c-tag-color-success, var(--kd-g-color-success, #1ba854)); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0; border-radius: 0; } .kd-tag-shape-text.kd-tag-success.kd-tag-size-large { color: var(--kd-c-tag-color-success, var(--kd-g-color-success, #1ba854)); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0; border-radius: 0; } .kd-tag-shape-text.kd-tag-warning { color: var(--kd-c-tag-color-warning, var(--kd-g-color-warning, #ff991c)); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0; border-radius: 0; } .kd-tag-shape-text.kd-tag-warning.kd-tag-size-middle { color: var(--kd-c-tag-color-warning, var(--kd-g-color-warning, #ff991c)); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0; border-radius: 0; } .kd-tag-shape-text.kd-tag-warning.kd-tag-size-large { color: var(--kd-c-tag-color-warning, var(--kd-g-color-warning, #ff991c)); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0; border-radius: 0; } .kd-tag-shape-text.kd-tag-error { color: var(--kd-c-tag-color-error, var(--kd-g-color-error, #fb2323)); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0; border-radius: 0; } .kd-tag-shape-text.kd-tag-error.kd-tag-size-middle { color: var(--kd-c-tag-color-error, var(--kd-g-color-error, #fb2323)); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0; border-radius: 0; } .kd-tag-shape-text.kd-tag-error.kd-tag-size-large { color: var(--kd-c-tag-color-error, var(--kd-g-color-error, #fb2323)); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0; border-radius: 0; } .kd-tag-shape-text.kd-tag-end { color: var(--kd-c-tag-color-end, var(--kd-g-color-end, #666)); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0; border-radius: 0; } .kd-tag-shape-text.kd-tag-end.kd-tag-size-middle { color: var(--kd-c-tag-color-end, var(--kd-g-color-end, #666)); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0; border-radius: 0; } .kd-tag-shape-text.kd-tag-end.kd-tag-size-large { color: var(--kd-c-tag-color-end, var(--kd-g-color-end, #666)); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0; border-radius: 0; } .kd-tag-shape-text.kd-tag-expired { color: var(--kd-c-tag-color-expired, var(--kd-g-color-disabled, #b2b2b2)); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0; border-radius: 0; } .kd-tag-shape-text.kd-tag-expired.kd-tag-size-middle { color: var(--kd-c-tag-color-expired, var(--kd-g-color-disabled, #b2b2b2)); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0; border-radius: 0; } .kd-tag-shape-text.kd-tag-expired.kd-tag-size-large { color: var(--kd-c-tag-color-expired, var(--kd-g-color-disabled, #b2b2b2)); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0; border-radius: 0; } .kd-tag-shape-edit { border: 1px solid var(--kd-c-tag-edit-color-border, var(--kd-g-color-text-placeholder, #ccc)); border-radius: 2px; line-height: var(--kd-c-tag-sizing-height-middle, 20px); padding-left: 6px; padding-right: 6px; color: var(--kd-c-tag-edit-color-text, var(--kd-g-color-text-primary, #212121)); } .kd-tag-shape-edit:not(.kd-tag-closable-disabled):hover { border-color: var(--kd-c-tag-edit-color-border-hover, var(--kd-g-color-theme, #5582f3)); } .kd-tag-shape-edit:not(.kd-tag-closable-disabled):hover .kd-tag-closeWrapper { color: var(--kd-c-tag-edit-cloesWrapper-color-text-hover, var(--kd-g-color-theme, #5582f3)); } .kd-tag-shape-edit.kd-tag-closable { padding-right: 8px; } .kd-tag-clickable { cursor: pointer; } .kd-tag-has-color { color: var(--kd-c-tag-attribute-color-text, var(--kd-g-color-white, #fff)); } .kd-tag-text { margin-left: 6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .kd-tag-closable-disabled { background-color: var(--kd-c-tag-edit-color-background-disabled, var(--kd-g-color-background-contain-disabled, #f5f5f5)); border-color: var(--kd-c-tag-edit-color-background-disabled, var(--kd-g-color-border-strong, #d9d9d9)); color: var(--kd-c-tag-edit-color-text-disabled, var(--kd-g-color-border-strong, #d9d9d9)); cursor: not-allowed; } .kd-tag-closable.kd-tag-size-middle { line-height: var(--kd-c-tag-sizing-height-middle, 20px); } .kd-tag-closable.kd-tag-size-large { line-height: var(--kd-c-tag-sizing-height-large, 24px); padding-left: var(--kd-c-tag-spacing-padding-horizontal-large, 8px); } .kd-tag-closable.kd-tag-size-large .kd-tag-closeWrapper .kd-tag-close-icon { font-size: 14px; } .kd-tag-closeWrapper { margin-left: 4px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: color var(--kd-c-tag-motion-duration, var(--kd-g-duration, 0.3s)), background-color var(--kd-c-tag-motion-duration, var(--kd-g-duration, 0.3s)); transition: color var(--kd-c-tag-motion-duration, var(--kd-g-duration, 0.3s)), background-color var(--kd-c-tag-motion-duration, var(--kd-g-duration, 0.3s)); } .kd-tag-close-icon { cursor: pointer; font-size: 12px; } /* ----------- color ——————---- start */ /* ----------- color ——————---- end */ /* ----------- motion ——————---- start */ /* ----------- motion ——————---- end */ /* ----------- transition ——————---- start */ /* ----------- transition ——————---- end */ /* ----------- font ——————---- start */ /* ----------- font ——————---- end */ /* ----------- zIndex ——————---- start */ /* 普通组件内部自身层级应设置在0-100间 */ /* ----------- zIndex ——————---- end */ /* ----------- Button ——————---- start */ /* ----------- Button ——————---- end */ /* ----------- Collapse ——————---- start */ /* ----------- Collapse ——————---- end */ /* ----------- Card ——————---- start */ /* ----------- Card ——————---- end */ /* ----------- Carousel ——————---- start */ /* ----------- Carousel ——————---- end */ /* ----------- Cascader ——————---- start */ /* ----------- Cascader ——————---- end */ /* ----------- Switch ——————---- start */ /* ----------- Switch ——————---- end */ /* ----------- Input ——————---- start */ /* ----------- Input ——————---- end */ /* ----------- InputNumber ——————---- start */ /* ----------- InputNumber ——————---- end */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- end */ /* ----------- Radio ——————---- start */ /* ----------- Radio ——————---- end */ /* ----------- icon ——————---- start */ /* ----------- icon ——————---- end */ /* ----------- Popconfirm ——————---- start */ /* ----------- Popconfirm ——————---- end */ /* ----------- Progress ——————---- start */ /* ----------- Progress ——————---- end */ /* ----------- Pagination ——————---- start */ /* ----------- Pagination ——————---- end */ /* ----------- Timeline ——————---- start */ /* ----------- Timeline ——————---- end */ /* ----------- Tabs ——————---- start */ /* ----------- Tabs ——————---- end */ /* ----------- Select ——————---- start */ /* ----------- Select ——————---- end */ /* ----------- Rate ——————---- start */ /* ----------- Rate ——————---- end */ /* ----------- Dropdown ——————---- start */ /* ----------- Dropdown ——————---- end */ /* ----------- Tooltip ——————---- start */ /* ----------- Tooltip ——————---- end */ /* ----------- Transfer ——————---- start */ /* ----------- Transfer ——————---- end */ /* ----------- DatePicker ——————---- start */ /* ----------- DatePicker ——————---- end */ /* ----------- ColorPicker ——————---- start */ /* ----------- ColorPicker ——————---- end */ /* ----------- Tree ——————---- start */ /* ----------- Tree ——————---- end */ /* ----------- Alert ——————---- start */ /* ----------- Alert ——————---- end */ /* ----------- Split-Panel ——————---- start */ /* ----------- Split-Panel ——————---- end */ /* ----------- Modal ——————---- start */ /* ----------- Modal ——————---- end */ /* ----------- Steps ——————---- start */ /* ----------- Steps ——————---- end */ /* ----------- Form ——————---- start */ /* ----------- Form ——————---- end */ /* ----------- Tag ——————---- start */ /* ----------- Tag ——————---- end */ /* ----------- Menu ——————---- start */ /* ----------- Menu ——————---- end */ /* ----------- notice ——————---- start */ /* ----------- message ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Layout ——————---- start */ /* ----------- Layout ——————---- end */ /* ----------- Typography ——————---- start */ /* ----------- Typography ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Badge ——————---- start */ /* ----------- Badge ——————---- end */ /* ----------- Anchor ——————---- start */ /* ----------- Anchor ——————---- end */ /* ----------- Avatar ——————---- start */ /* ----------- Avatar ——————---- end */ /* ----------- AdvancedSelector ——————---- start */ /* ----------- AdvancedSelector ——————---- end */ /* ----------- motion ——————---- start */ /* ----------- motion ——————---- end */ /* ----------- transition ——————---- start */ /* ----------- transition ——————---- end */ /* ----------- zIndex ——————---- start */ /* 普通组件内部自身层级应设置在0-100间 */ /* ----------- zIndex ——————---- end */ /* 多行显示省略号 */ /* 单行显示省略号 */ /** 浮层箭头样式 **/ .kd-timeline { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; font-variant: tabular-nums; -webkit-font-feature-settings: 'tnum'; font-feature-settings: 'tnum'; margin: 0; padding: 0 4px; overflow: hidden; list-style: none; } .kd-timeline .kd-timeline-item { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; font-variant: tabular-nums; list-style: none; -webkit-font-feature-settings: 'tnum'; font-feature-settings: 'tnum'; position: relative; margin: 0; padding-bottom: var(--kd-c-timeline-spacing-padding-bottom, 24px); font-size: var(--kd-c-timeline-content-font-size, var(--kd-g-font-size-small, 12px)); } .kd-timeline .kd-timeline-item-tail { position: absolute; left: calc((var(--kd-c-timeline-dot-sizing, 9px) - 1px) / 2); height: calc(100% - var(--kd-c-timeline-dot-sizing, 9px) * 2 + 4px); border-left: var(--kd-c-timeline-sizing-width, 1px) solid var(--kd-c-timeline-line-color, var(--kd-g-color-border-weak, #e5e5e5)); } .kd-timeline .kd-timeline-item.pending .kd-timeline-item-dot { font-size: var(--kd-c-timeline-content-font-size, var(--kd-g-font-size-small, 12px)); } .kd-timeline .kd-timeline-item.pending .kd-timeline-item-tail { display: none; } .kd-timeline .kd-timeline-item-dot { -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; width: var(--kd-c-timeline-dot-sizing, 9px); height: var(--kd-c-timeline-dot-sizing, 9px); border-radius: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .kd-timeline .kd-timeline-item-dot.blue { color: var(--kd-c-timeline-finished-color, var(--kd-g-color-theme, #5582f3)); background-color: var(--kd-c-timeline-finished-color, var(--kd-g-color-theme, #5582f3)); } .kd-timeline .kd-timeline-item-dot.red { color: var(--kd-c-timeline-error-color, var(--kd-g-color-error, #fb2323)); background-color: var(--kd-c-timeline-error-color, var(--kd-g-color-error, #fb2323)); } .kd-timeline .kd-timeline-item-dot.green { color: var(--kd-c-timeline-success-color, var(--kd-g-color-success, #1ba854)); background-color: var(--kd-c-timeline-success-color, var(--kd-g-color-success, #1ba854)); } .kd-timeline .kd-timeline-item-dot.gray { color: var(--kd-c-timeline-disabled-color, var(--kd-g-color-disabled, #b2b2b2)); background-color: var(--kd-c-timeline-disabled-color, var(--kd-g-color-disabled, #b2b2b2)); } .kd-timeline .kd-timeline-item-dot.custom { position: absolute; left: calc(var(--kd-c-timeline-dot-sizing, 9px) / 2); width: auto; height: auto; margin-top: 0; padding: 1px; line-height: 1; text-align: center; border: 0; border-radius: 0; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: transparent !important; } .kd-timeline .kd-timeline-item-content { position: relative; margin: 0 0 0 calc(2 * (var(--kd-c-timeline-dot-sizing, 9px) - var(--kd-c-timeline-sizing-width, 1px)) + 8px); word-break: break-word; color: var(--kd-c-timeline-content-color-text, var(--kd-g-color-text-primary, #212121)); max-width: var(--kd-c-timeline-content-sizing-max-width); min-width: var(--kd-c-timeline-content-sizing-min-width); } .kd-timeline .kd-timeline-item-content > * { margin: 0; padding: 0; } .kd-timeline .kd-timeline-item.last > .kd-timeline-item-tail { display: none; } .kd-timeline .kd-timeline-item.last > .kd-timeline-item-content { min-height: 48px; } .kd-timeline.alternate .kd-timeline-item-tail, .kd-timeline.alternate .kd-timeline-item-dot, .kd-timeline.alternate .kd-timeline-item-dot.custom { left: 50%; } .kd-timeline.alternate .kd-timeline-item-dot { margin-left: calc(-1 * (var(--kd-c-timeline-dot-sizing, 9px) - 1px) / 2); } .kd-timeline.alternate .kd-timeline-item-dot.custom { margin-left: 1px; } .kd-timeline.alternate .kd-timeline-item:nth-child(2n + 1) .kd-timeline-item-content { left: calc(50% - 4px); width: calc(50% - 24px); text-align: left; } .kd-timeline.alternate .kd-timeline-item:nth-child(2n) .kd-timeline-item-content { width: calc(50% - 24px); margin: 0; text-align: right; } .kd-timeline.right .kd-timeline-item-tail, .kd-timeline.right .kd-timeline-item-dot, .kd-timeline.right .kd-timeline-item-dot.custom { left: auto; right: 4.5px; } .kd-timeline.right .kd-timeline-item-dot { margin-right: calc(-1 * (var(--kd-c-timeline-dot-sizing, 9px) - 1px) / 2); } .kd-timeline.right .kd-timeline-item-dot.custom { margin-right: -18px; } .kd-timeline.right .kd-timeline-item .kd-timeline-item-content { left: 0; text-align: right; margin: 0 calc(2 * (var(--kd-c-timeline-dot-sizing, 9px) - var(--kd-c-timeline-sizing-width, 1px)) + 8px) 0 0; width: auto; } .kd-timeline.label.left .kd-timeline-item-tail, .kd-timeline.label.left .kd-timeline-item-dot, .kd-timeline.label.left .kd-timeline-item-dot.custom { left: calc((2 * 8px) + (var(--kd-c-timeline-dot-sizing, 9px) / 2)); } .kd-timeline.label.left .kd-timeline-item-dot { margin-left: calc(-1 * (var(--kd-c-timeline-dot-sizing, 9px) - 1px) / 2); } .kd-timeline.label.left .kd-timeline-item-dot.custom { margin-left: 1px; } .kd-timeline.label.left .kd-timeline-item .kd-timeline-item-label { position: absolute; text-align: right; color: var(--kd-c-timeline-label-color-text, #666666); } .kd-timeline.label.left .kd-timeline-item .kd-timeline-item-content { left: calc(var(--kd-c-timeline-dot-sizing, 9px) + 7.5px); text-align: left; margin-right: 16px; } .kd-timeline.label.right .kd-timeline-item-tail, .kd-timeline.label.right .kd-timeline-item-dot, .kd-timeline.label.right .kd-timeline-item-dot.custom { left: auto; right: calc((2 * 8px) + (var(--kd-c-timeline-dot-sizing, 9px) / 2)); } .kd-timeline.label.right .kd-timeline-item-dot { margin-right: calc(-1 * (var(--kd-c-timeline-dot-sizing, 9px) - 1px) / 2); } .kd-timeline.label.right .kd-timeline-item-dot.custom { right: calc(-1 * (var(--kd-c-timeline-dot-sizing, 9px) - 1px) / 2); } .kd-timeline.label.right .kd-timeline-item .kd-timeline-item-label { position: absolute; right: 0; text-align: left; } .kd-timeline.label.right .kd-timeline-item .kd-timeline-item-content { left: auto; right: calc(var(--kd-c-timeline-dot-sizing, 9px) + 7.5px); text-align: right; margin-left: 17px; } .kd-timeline.label.alternate .kd-timeline-item:nth-child(2n + 1) .kd-timeline-item-label { position: absolute; width: calc(50% - 18px); text-align: right; } .kd-timeline.label.alternate .kd-timeline-item:nth-child(2n) .kd-timeline-item-label { position: absolute; left: calc(50% + (2 * (var(--kd-c-timeline-dot-sizing, 9px) - var(--kd-c-timeline-sizing-width, 1px)) + 8px) - var(--kd-c-timeline-dot-sizing, 9px) / 2); width: calc(50% - (2 * (var(--kd-c-timeline-dot-sizing, 9px) - var(--kd-c-timeline-sizing-width, 1px)) + 8px) + var(--kd-c-timeline-dot-sizing, 9px) / 2); text-align: left; } .kd-timeline.pending .kd-timeline-item.last .kd-timeline-item-tail { display: block; height: calc(100% - 14px); border-left: 1px dotted var(--kd-c-timeline-line-color, var(--kd-g-color-border-weak, #e5e5e5)); } .kd-timeline.reverse .kd-timeline-item.last .kd-timeline-item-tail { display: none; } .kd-timeline.reverse .kd-timeline-item.pending .kd-timeline-item-tail { display: block; height: calc(100% - 15px); border-left: 1px dotted var(--kd-c-timeline-line-color, var(--kd-g-color-border-weak, #e5e5e5)); } .kd-timeline.reverse .kd-timeline-item.pending .kd-timeline-item-content { min-height: 48px; } /* ----------- color ——————---- start */ /* ----------- color ——————---- end */ /* ----------- motion ——————---- start */ /* ----------- motion ——————---- end */ /* ----------- transition ——————---- start */ /* ----------- transition ——————---- end */ /* ----------- font ——————---- start */ /* ----------- font ——————---- end */ /* ----------- zIndex ——————---- start */ /* 普通组件内部自身层级应设置在0-100间 */ /* ----------- zIndex ——————---- end */ /* ----------- Button ——————---- start */ /* ----------- Button ——————---- end */ /* ----------- Collapse ——————---- start */ /* ----------- Collapse ——————---- end */ /* ----------- Card ——————---- start */ /* ----------- Card ——————---- end */ /* ----------- Carousel ——————---- start */ /* ----------- Carousel ——————---- end */ /* ----------- Cascader ——————---- start */ /* ----------- Cascader ——————---- end */ /* ----------- Switch ——————---- start */ /* ----------- Switch ——————---- end */ /* ----------- Input ——————---- start */ /* ----------- Input ——————---- end */ /* ----------- InputNumber ——————---- start */ /* ----------- InputNumber ——————---- end */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- end */ /* ----------- Radio ——————---- start */ /* ----------- Radio ——————---- end */ /* ----------- icon ——————---- start */ /* ----------- icon ——————---- end */ /* ----------- Popconfirm ——————---- start */ /* ----------- Popconfirm ——————---- end */ /* ----------- Progress ——————---- start */ /* ----------- Progress ——————---- end */ /* ----------- Pagination ——————---- start */ /* ----------- Pagination ——————---- end */ /* ----------- Timeline ——————---- start */ /* ----------- Timeline ——————---- end */ /* ----------- Tabs ——————---- start */ /* ----------- Tabs ——————---- end */ /* ----------- Select ——————---- start */ /* ----------- Select ——————---- end */ /* ----------- Rate ——————---- start */ /* ----------- Rate ——————---- end */ /* ----------- Dropdown ——————---- start */ /* ----------- Dropdown ——————---- end */ /* ----------- Tooltip ——————---- start */ /* ----------- Tooltip ——————---- end */ /* ----------- Transfer ——————---- start */ /* ----------- Transfer ——————---- end */ /* ----------- DatePicker ——————---- start */ /* ----------- DatePicker ——————---- end */ /* ----------- ColorPicker ——————---- start */ /* ----------- ColorPicker ——————---- end */ /* ----------- Tree ——————---- start */ /* ----------- Tree ——————---- end */ /* ----------- Alert ——————---- start */ /* ----------- Alert ——————---- end */ /* ----------- Split-Panel ——————---- start */ /* ----------- Split-Panel ——————---- end */ /* ----------- Modal ——————---- start */ /* ----------- Modal ——————---- end */ /* ----------- Steps ——————---- start */ /* ----------- Steps ——————---- end */ /* ----------- Form ——————---- start */ /* ----------- Form ——————---- end */ /* ----------- Tag ——————---- start */ /* ----------- Tag ——————---- end */ /* ----------- Menu ——————---- start */ /* ----------- Menu ——————---- end */ /* ----------- notice ——————---- start */ /* ----------- message ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Layout ——————---- start */ /* ----------- Layout ——————---- end */ /* ----------- Typography ——————---- start */ /* ----------- Typography ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Badge ——————---- start */ /* ----------- Badge ——————---- end */ /* ----------- Anchor ——————---- start */ /* ----------- Anchor ——————---- end */ /* ----------- Avatar ——————---- start */ /* ----------- Avatar ——————---- end */ /* ----------- AdvancedSelector ——————---- start */ /* ----------- AdvancedSelector ——————---- end */ /* ----------- motion ——————---- start */ /* ----------- motion ——————---- end */ /* ----------- transition ——————---- start */ /* ----------- transition ——————---- end */ /* ----------- zIndex ——————---- start */ /* 普通组件内部自身层级应设置在0-100间 */ /* ----------- zIndex ——————---- end */ /* 多行显示省略号 */ /* 单行显示省略号 */ /** 浮层箭头样式 **/ .kd-tooltip { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; font-variant: tabular-nums; list-style: none; -webkit-font-feature-settings: 'tnum'; font-feature-settings: 'tnum'; max-width: var(--kd-c-tooltip-sizing-max-width, 360px); padding: var(--kd-c-tooltip-spacing-padding-vertical, 8px) var(--kd-c-tooltip-spacing-padding-horizontal, 12px); color: var(--kd-c-tooltip-color-text, var(--kd-g-color-text-primary, #212121)); border-radius: var(--kd-c-tooltip-radius-border, var(--kd-g-radius-border, 2px)); font-size: var(--kd-c-tooltip-color-text, var(--kd-g-font-size-small, 12px)); line-height: 1.5; background-color: var(--kd-c-tooltip-color-background, var(--kd-g-color-background, #fff)); -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2); opacity: 1; z-index: var(--kd-g-z-index-popper, 1050); visibility: visible; } .kd-tooltip.hidden { opacity: 0; visibility: hidden; } .kd-tooltip.arrow::before { position: absolute; z-index: -2; background: var(--kd-c-tooltip-color-background, var(--kd-g-color-background, #fff)); border-style: solid; border-width: var(--arrowSize); -webkit-transform: rotate(45deg); transform: rotate(45deg); content: ''; } .kd-tooltip.arrow::after { position: absolute; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; content: ''; background: var(--kd-c-tooltip-color-background, var(--kd-g-color-background, #fff)); border-radius: var(--kd-g-radius-border, 2px); } .kd-tooltip.arrow.bottomLeft::before, .kd-tooltip.arrow.bottom::before, .kd-tooltip.arrow.bottomRight::before { left: var(--arrowLeft); top: var(--arrowSpill); -webkit-box-shadow: -2px -2px calc(6px - 1px) rgba(0, 0, 0, 0.1); box-shadow: -2px -2px calc(6px - 1px) rgba(0, 0, 0, 0.1); border-color: var(--kd-c-tooltip-color-background, var(--kd-g-color-background, #fff)) transparent transparent var(--kd-c-tooltip-color-background, var(--kd-g-color-background, #fff)); } .kd-tooltip.arrow.topLeft::before, .kd-tooltip.arrow.top::before, .kd-tooltip.arrow.topRight::before { left: var(--arrowLeft); bottom: var(--arrowSpill); -webkit-box-shadow: 3px 3px calc(6px + 1px) rgba(0, 0, 0, 0.15); box-shadow: 3px 3px calc(6px + 1px) rgba(0, 0, 0, 0.15); border-color: transparent var(--kd-c-tooltip-color-background, var(--kd-g-color-background, #fff)) var(--kd-c-tooltip-color-background, var(--kd-g-color-background, #fff)) transparent; } .kd-tooltip.arrow.leftTop::before, .kd-tooltip.arrow.left::before, .kd-tooltip.arrow.leftBottom::before { top: var(--arrowTop); right: var(--arrowSpill); -webkit-box-shadow: 3px 0 6px rgba(0, 0, 0, 0.12), 0 -2px 6px rgba(204, 149, 149, 0.12); box-shadow: 3px 0 6px rgba(0, 0, 0, 0.12), 0 -2px 6px rgba(204, 149, 149, 0.12); border-color: var(--kd-c-tooltip-color-background, var(--kd-g-color-background, #fff)) var(--kd-c-tooltip-color-background, var(--kd-g-color-background, #fff)) transparent transparent; } .kd-tooltip.arrow.rightTop::before, .kd-tooltip.arrow.right::before, .kd-tooltip.arrow.rightBottom::before { top: var(--arrowTop); left: var(--arrowSpill); -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), -2px 0 6px rgba(0, 0, 0, 0.1); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), -2px 0 6px rgba(0, 0, 0, 0.1); border-color: transparent transparent var(--kd-c-tooltip-color-background, var(--kd-g-color-background, #fff)) var(--kd-c-tooltip-color-background, var(--kd-g-color-background, #fff)); } /* ----------- color ——————---- start */ /* ----------- color ——————---- end */ /* ----------- motion ——————---- start */ /* ----------- motion ——————---- end */ /* ----------- transition ——————---- start */ /* ----------- transition ——————---- end */ /* ----------- font ——————---- start */ /* ----------- font ——————---- end */ /* ----------- zIndex ——————---- start */ /* 普通组件内部自身层级应设置在0-100间 */ /* ----------- zIndex ——————---- end */ /* ----------- Button ——————---- start */ /* ----------- Button ——————---- end */ /* ----------- Collapse ——————---- start */ /* ----------- Collapse ——————---- end */ /* ----------- Card ——————---- start */ /* ----------- Card ——————---- end */ /* ----------- Carousel ——————---- start */ /* ----------- Carousel ——————---- end */ /* ----------- Cascader ——————---- start */ /* ----------- Cascader ——————---- end */ /* ----------- Switch ——————---- start */ /* ----------- Switch ——————---- end */ /* ----------- Input ——————---- start */ /* ----------- Input ——————---- end */ /* ----------- InputNumber ——————---- start */ /* ----------- InputNumber ——————---- end */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- end */ /* ----------- Radio ——————---- start */ /* ----------- Radio ——————---- end */ /* ----------- icon ——————---- start */ /* ----------- icon ——————---- end */ /* ----------- Popconfirm ——————---- start */ /* ----------- Popconfirm ——————---- end */ /* ----------- Progress ——————---- start */ /* ----------- Progress ——————---- end */ /* ----------- Pagination ——————---- start */ /* ----------- Pagination ——————---- end */ /* ----------- Timeline ——————---- start */ /* ----------- Timeline ——————---- end */ /* ----------- Tabs ——————---- start */ /* ----------- Tabs ——————---- end */ /* ----------- Select ——————---- start */ /* ----------- Select ——————---- end */ /* ----------- Rate ——————---- start */ /* ----------- Rate ——————---- end */ /* ----------- Dropdown ——————---- start */ /* ----------- Dropdown ——————---- end */ /* ----------- Tooltip ——————---- start */ /* ----------- Tooltip ——————---- end */ /* ----------- Transfer ——————---- start */ /* ----------- Transfer ——————---- end */ /* ----------- DatePicker ——————---- start */ /* ----------- DatePicker ——————---- end */ /* ----------- ColorPicker ——————---- start */ /* ----------- ColorPicker ——————---- end */ /* ----------- Tree ——————---- start */ /* ----------- Tree ——————---- end */ /* ----------- Alert ——————---- start */ /* ----------- Alert ——————---- end */ /* ----------- Split-Panel ——————---- start */ /* ----------- Split-Panel ——————---- end */ /* ----------- Modal ——————---- start */ /* ----------- Modal ——————---- end */ /* ----------- Steps ——————---- start */ /* ----------- Steps ——————---- end */ /* ----------- Form ——————---- start */ /* ----------- Form ——————---- end */ /* ----------- Tag ——————---- start */ /* ----------- Tag ——————---- end */ /* ----------- Menu ——————---- start */ /* ----------- Menu ——————---- end */ /* ----------- notice ——————---- start */ /* ----------- message ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Layout ——————---- start */ /* ----------- Layout ——————---- end */ /* ----------- Typography ——————---- start */ /* ----------- Typography ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Badge ——————---- start */ /* ----------- Badge ——————---- end */ /* ----------- Anchor ——————---- start */ /* ----------- Anchor ——————---- end */ /* ----------- Avatar ——————---- start */ /* ----------- Avatar ——————---- end */ /* ----------- AdvancedSelector ——————---- start */ /* ----------- AdvancedSelector ——————---- end */ /* ----------- motion ——————---- start */ /* ----------- motion ——————---- end */ /* ----------- transition ——————---- start */ /* ----------- transition ——————---- end */ /* ----------- zIndex ——————---- start */ /* 普通组件内部自身层级应设置在0-100间 */ /* ----------- zIndex ——————---- end */ /* 多行显示省略号 */ /* 单行显示省略号 */ /** 浮层箭头样式 **/ .kd-transfer { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; font-variant: tabular-nums; list-style: none; -webkit-font-feature-settings: 'tnum'; font-feature-settings: 'tnum'; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .kd-transfer .kd-checkbox { background: transparent; margin-right: 6px; } .kd-transfer-disabled .kd-transfer-list { background: var(--kd-c-transfer-color-background-disabled, var(--kd-g-color-background-contain-disabled, #f5f5f5)); } .kd-transfer-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: var(--kd-c-transfer-list-sizing-width, 250px); min-height: 300px; border: 1px solid var(--kd-c-transfer-color-border, var(--kd-g-color-border-strong, #d9d9d9)); } .kd-transfer-list-with-pagination { width: var(--kd-c-transfer-list-sizing-width, 250px); height: auto; } .kd-transfer-list-header { height: var(--kd-c-transfer-header-sizing-height, 36px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-negative: 0; flex-shrink: 0; font-size: var(--kd-c-transfer-font-size, 12px); background-color: var(--kd-c-transfer-header-color-background, #f5f5f5); border-bottom: 1px solid var(--kd-c-transfer-color-border, var(--kd-g-color-border-strong, #d9d9d9)); padding: 0 var(--kd-c-transfer-spacing-horizontal, 14px); } .kd-transfer-list-header-left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow: hidden; } .kd-transfer-list-header-title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .kd-transfer-list-header-select-all { -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .kd-transfer-list-search { height: var(--kd-c-transfer-search-sizing-height, 32px); position: relative; } .kd-transfer-list-search-prefix i { color: var(--kd-c-transfer-search-icon-color-text-prefix, #999); } .kd-transfer-list-search-suffix { cursor: pointer; } .kd-transfer-list-search-suffix i { color: var(--kd-c-transfer-search-icon-color-text-suffix, #bbb); } .kd-transfer-list-search-suffix i:hover { color: var(--kd-c-transfer-search-icon-color-text-suffix-hover, #999); } .kd-transfer-list-body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: auto; flex: auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; overflow: hidden; font-size: var(--kd-c-transfer-font-size, 12px); } .kd-transfer-list-body-search-wrapper { position: relative; -webkit-box-flex: 0; -ms-flex: none; flex: none; padding: 0 12px; margin: 8px 0; } .kd-transfer-list-content { height: var(--kd-c-transfer-list-item-content-sizing-height, 320px); -webkit-box-flex: 1; -ms-flex: auto; flex: auto; margin: 0; padding: 0; overflow: auto; list-style: none; padding-bottom: 8px; } .kd-transfer-list-content-item { height: var(--kd-c-transfer-list-item-sizing-height, 32px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 var(--kd-c-transfer-spacing-horizontal, 14px); cursor: pointer; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; } .kd-transfer-list-content-item-disabled { color: var(--kd-c-transfer-list-item-color-text-disabled, var(--kd-g-color-disabled, #b2b2b2)); cursor: not-allowed; } .kd-transfer-list-content-item:hover:not(.kd-transfer-list-content-item-disabled) { background: var(--kd-c-transfer-list-item-color-background-hover, var(--kd-g-color-hover, #f5f5f5)); } .kd-transfer-list-content-item-checked { color: var(--kd-c-transfer-list-item-color-text-checked, var(--kd-g-color-theme, #5582f3)); } .kd-transfer-list-content-item-text { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .kd-transfer-list-content-item-remove { cursor: pointer; } .kd-transfer-list-content-item-remove i { color: var(--kd-c-transfer-search-icon-color-text-suffix, #bbb); } .kd-transfer-list-content-item-remove i:hover { color: var(--kd-c-transfer-search-icon-color-text-suffix-hover, #999); } .kd-transfer-list-pagination { height: var(--kd-c-transfer-pagination-sizing-height, 36px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding: 0 var(--kd-c-transfer-spacing-horizontal, 14px); border-top: 1px solid var(--kd-c-transfer-color-border, var(--kd-g-color-border-strong, #d9d9d9)); } .kd-transfer-list-footer { border-top: 1px solid var(--kd-c-transfer-color-border, var(--kd-g-color-border-strong, #d9d9d9)); } .kd-transfer-list-body-not-found { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-bottom: 8px; color: #999999; } .kd-transfer-list-body-not-found-tip { font-size: 12px; line-height: 16px; margin-top: 8px; } .kd-transfer-operation { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: none; flex: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-item-align: center; align-self: center; margin: 0 8px; overflow: hidden; vertical-align: middle; } .kd-transfer-operation .kd-btn { display: block; height: 28px; padding: 0 10px; -webkit-box-sizing: border-box; box-sizing: border-box; min-width: 40px; } .kd-transfer-operation .kd-btn + .kd-btn { margin-top: 20px; } /* ----------- color ——————---- start */ /* ----------- color ——————---- end */ /* ----------- motion ——————---- start */ /* ----------- motion ——————---- end */ /* ----------- transition ——————---- start */ /* ----------- transition ——————---- end */ /* ----------- font ——————---- start */ /* ----------- font ——————---- end */ /* ----------- zIndex ——————---- start */ /* 普通组件内部自身层级应设置在0-100间 */ /* ----------- zIndex ——————---- end */ /* ----------- Button ——————---- start */ /* ----------- Button ——————---- end */ /* ----------- Collapse ——————---- start */ /* ----------- Collapse ——————---- end */ /* ----------- Card ——————---- start */ /* ----------- Card ——————---- end */ /* ----------- Carousel ——————---- start */ /* ----------- Carousel ——————---- end */ /* ----------- Cascader ——————---- start */ /* ----------- Cascader ——————---- end */ /* ----------- Switch ——————---- start */ /* ----------- Switch ——————---- end */ /* ----------- Input ——————---- start */ /* ----------- Input ——————---- end */ /* ----------- InputNumber ——————---- start */ /* ----------- InputNumber ——————---- end */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- end */ /* ----------- Radio ——————---- start */ /* ----------- Radio ——————---- end */ /* ----------- icon ——————---- start */ /* ----------- icon ——————---- end */ /* ----------- Popconfirm ——————---- start */ /* ----------- Popconfirm ——————---- end */ /* ----------- Progress ——————---- start */ /* ----------- Progress ——————---- end */ /* ----------- Pagination ——————---- start */ /* ----------- Pagination ——————---- end */ /* ----------- Timeline ——————---- start */ /* ----------- Timeline ——————---- end */ /* ----------- Tabs ——————---- start */ /* ----------- Tabs ——————---- end */ /* ----------- Select ——————---- start */ /* ----------- Select ——————---- end */ /* ----------- Rate ——————---- start */ /* ----------- Rate ——————---- end */ /* ----------- Dropdown ——————---- start */ /* ----------- Dropdown ——————---- end */ /* ----------- Tooltip ——————---- start */ /* ----------- Tooltip ——————---- end */ /* ----------- Transfer ——————---- start */ /* ----------- Transfer ——————---- end */ /* ----------- DatePicker ——————---- start */ /* ----------- DatePicker ——————---- end */ /* ----------- ColorPicker ——————---- start */ /* ----------- ColorPicker ——————---- end */ /* ----------- Tree ——————---- start */ /* ----------- Tree ——————---- end */ /* ----------- Alert ——————---- start */ /* ----------- Alert ——————---- end */ /* ----------- Split-Panel ——————---- start */ /* ----------- Split-Panel ——————---- end */ /* ----------- Modal ——————---- start */ /* ----------- Modal ——————---- end */ /* ----------- Steps ——————---- start */ /* ----------- Steps ——————---- end */ /* ----------- Form ——————---- start */ /* ----------- Form ——————---- end */ /* ----------- Tag ——————---- start */ /* ----------- Tag ——————---- end */ /* ----------- Menu ——————---- start */ /* ----------- Menu ——————---- end */ /* ----------- notice ——————---- start */ /* ----------- message ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Layout ——————---- start */ /* ----------- Layout ——————---- end */ /* ----------- Typography ——————---- start */ /* ----------- Typography ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Badge ——————---- start */ /* ----------- Badge ——————---- end */ /* ----------- Anchor ——————---- start */ /* ----------- Anchor ——————---- end */ /* ----------- Avatar ——————---- start */ /* ----------- Avatar ——————---- end */ /* ----------- AdvancedSelector ——————---- start */ /* ----------- AdvancedSelector ——————---- end */ /* ----------- motion ——————---- start */ /* ----------- motion ——————---- end */ /* ----------- transition ——————---- start */ /* ----------- transition ——————---- end */ /* ----------- zIndex ——————---- start */ /* 普通组件内部自身层级应设置在0-100间 */ /* ----------- zIndex ——————---- end */ /* 多行显示省略号 */ /* 单行显示省略号 */ /** 浮层箭头样式 **/ .kd-tree-select { position: relative; display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: transparent; cursor: pointer; vertical-align: middle; } .kd-tree-select-selector:hover .kd-tree-select-icon-active { color: #3761ca; } .kd-tree-select-visible .kd-tree-select-icon-active { color: #3761ca; } .kd-tree-select-visible .kd-tree-select-selection-item { color: var(--kd-c-tree-select-placeholder-color-text, #b2b2b2); } .kd-tree-select-icon-arrow { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; vertical-align: middle; } .kd-tree-select-icon-arrow-up { -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: -webkit-transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1); transition: -webkit-transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1); transition: transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1); transition: transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1); } .kd-tree-select-icon-arrow-down { -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: -webkit-transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1); transition: -webkit-transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1); transition: transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1); transition: transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1); } .kd-tree-select-icon-arrow-focus { color: var(--kd-c-tree-select-color-border-foucs, var(--kd-g-color-theme, #5582f3)); } .kd-tree-select-icon-clear { opacity: 0; z-index: 1; position: absolute; background: #fff; -webkit-transition: opacity 0.15s ease; transition: opacity 0.15s ease; } .kd-tree-select-icon-clear:hover { color: var(--kd-c-tree-select-color-border-hover, var(--kd-g-color-theme, #5582f3)); } .kd-tree-select-focused:not(.kd-tree-select-error) { border-color: var(--kd-c-tree-select-color-border-foucs, var(--kd-g-color-theme, #5582f3)) !important; } .kd-tree-select-placeholder { position: absolute; color: var(--kd-c-tree-select-placeholder-color-text, #b2b2b2); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; right: 28px; left: 0; } .kd-tree-select-borderless { border: none; } .kd-tree-select-underline { border-bottom: 1px solid var(--kd-c-tree-select-color-border, var(--kd-g-color-input, #999)); } .kd-tree-select-underline:hover:not(.kd-tree-select-multiple-disabled):not(.kd-tree-select-single-disabled):not( .kd-tree-select-error) { border-bottom: 1px solid var(--kd-c-tree-select-color-border-hover, var(--kd-g-color-theme, #5582f3)); } .kd-tree-select-bordered { border: 1px solid var(--kd-c-tree-select-border-color-border, var(--kd-g-color-border-strong, #d9d9d9)); padding-left: var(--kd-c-tree-select-bordered-spacing-padding-left, 8px) !important; border-radius: var(--kd-c-tree-select-bordered-radius-border, 2px); } .kd-tree-select-bordered:hover:not(.kd-tree-select-multiple-disabled):not(.kd-tree-select-single-disabled):not( .kd-tree-select-error) { border: 1px solid var(--kd-c-tree-select-color-border-hover, var(--kd-g-color-theme, #5582f3)); } .kd-tree-select-bordered .kd-tree-select-suffix { padding-right: 8px; } .kd-tree-select-bordered.kd-tree-select-single .kd-tree-select-selection-search { padding-left: var(--kd-c-tree-select-bordered-spacing-padding-left, 8px); } .kd-tree-select-bordered .kd-tree-select-placeholder { padding-left: var(--kd-c-tree-select-bordered-spacing-padding-left, 8px); } .kd-tree-select-wrapper { -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); padding: var(--kd-c-tree-select-wrapper-spacing-padding, 1px 28px 1px 0); max-width: 100%; color: #212121; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; -webkit-box-sizing: border-box; box-sizing: border-box; overflow-y: auto; overflow-x: hidden; position: relative; } .kd-tree-select-dropdown { display: block; left: 0; z-index: var(--kd-c-tree-select-z-index, var(--kd-g-z-index-popper, 1050)); -webkit-box-sizing: border-box; box-sizing: border-box; padding: var(--kd-c-tree-select-dropdown-spacing-padding-vertical, 8px) 0; margin: 0; overflow: auto; font-size: var(--kd-c-tree-select-dropdown-font-size, 12px); font-variant: initial; background-color: var(--kd-c-tree-select-dropdown-color-background, var(--kd-g-color-background, #fff)); border-radius: var(--kd-c-tree-select-radius-border, var(--kd-g-radius-border, 2px)); outline: none; -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2); max-height: 200px; } .kd-tree-select-dropdown .kd-tree { padding: 0; } .kd-tree-select-dropdown .kd-tree-node-item { padding: 0 var(--kd-c-tree-select-dropdown-node-spacing-padding-horizontal, 16px); } .kd-tree-select-dropdown-scroll { overflow-y: auto; } .kd-tree-select-dropdown-empty { padding: 5px 12px; } .kd-tree-select-dropdown-search { padding: 5px 6px; } .kd-tree-select-dropdown-search-hidden { display: none; } .kd-tree-select-size-small { min-height: var(--kd-c-tree-select-sizing-height-small, 24px); max-height: calc(var(--kd-c-tree-select-sizing-height-small, 24px) * 3 - 10px); font-size: var(--kd-c-tree-select-font-size-small, 12px); } .kd-tree-select-size-middle { min-height: var(--kd-c-tree-select-sizing-height-middle, 32px); max-height: calc(var(--kd-c-tree-select-sizing-height-middle, 32px) * 3 - 10px); font-size: var(--kd-c-tree-select-font-size-middle, 14px); } .kd-tree-select-size-large { min-height: var(--kd-c-tree-select-sizing-height-large, 36px); max-height: calc(var(--kd-c-tree-select-sizing-height-large, 36px) * 3 - 10px); font-size: var(--kd-c-tree-select-font-size-large, 16px); } .kd-tree-select-suffix { right: 0; position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0; flex: 0; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-left: 8px; } .kd-tree-select .kd-tree-select-single .kd-tree-select-selection-search { position: absolute; right: 28px; left: 0; height: 100%; } .kd-tree-select .kd-tree-select-single .kd-tree-select-selection-search-input { outline: 0; border-radius: 0; border: none; background: transparent; height: 100%; width: 100%; } .kd-tree-select .kd-tree-select-single .kd-tree-select-selection-item { display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .kd-tree-select .kd-tree-select-single-focused:not(.kd-tree-select-error) { border-color: var(--kd-c-tree-select-color-border-foucs, var(--kd-g-color-theme, #5582f3)) !important; } .kd-tree-select .kd-tree-select-single-disabled { background-color: var(--kd-c-tree-select-color-background-disabled, #f5f5f5); color: var(--kd-c-tree-select-color-text-disabled, var(--kd-g-color-disabled, #b2b2b2)); } .kd-tree-select .kd-tree-select-single-disabled:hover { cursor: not-allowed; } .kd-tree-select .kd-tree-select-single-disabled .kd-tree-select-suffix { color: var(--kd-c-tree-select-arrow-icon-color-text-disabled, #b2b2b2); } .kd-tree-select .kd-tree-select-single:hover .kd-tree-select-icon-clear { opacity: 1; } .kd-tree-select .kd-tree-select-single .kd-tree-select-icon-clear { color: var(--kd-c-tree-select-icon-clear-color-text, #d9d9d9); } .kd-tree-select .kd-tree-select-single .kd-tree-select-icon-clear:hover { color: var(--kd-c-tree-select-icon-clear-color-text-hover, #999); } .kd-tree-select .kd-tree-select-single-text { color: var(--kd-c-tree-select-single-color-text, var(--kd-g-color-text-primary, #212121)); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .kd-tree-select .kd-tree-select-single-disabled-text { color: var(--kd-c-tree-select-color-text-disabled, var(--kd-g-color-disabled, #b2b2b2)); } .kd-tree-select .kd-tree-select-selection-item { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-align: center; -ms-flex-align: center; align-items: center; vertical-align: middle; max-width: 100%; height: 20px; line-height: 20px; margin: 2px 8px 2px 0; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .kd-tree-select .kd-tree-select-selection-item-small { height: 20px; line-height: 18px; font-size: 12px; } .kd-tree-select .kd-tree-select-selection-item-middle { font-size: 12px; height: 20px; line-height: 18px; } .kd-tree-select .kd-tree-select-selection-item-large { font-size: 14px; line-height: 22px; height: 22px; } .kd-tree-select .kd-tree-select-selection-item-content { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; vertical-align: middle; padding: 0 7px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; border: 1px solid #ccc; color: #212121; } .kd-tree-select .kd-tree-select-selection-item-span { position: relative; margin-left: 0.5px; -webkit-box-sizing: border-box; box-sizing: border-box; } .kd-tree-select .kd-tree-select-selection-item-input { cursor: text; margin: 0; padding: 0; background: 0 0; border: none; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; min-width: 20px; } .kd-tree-select-multiple .kd-tree-select-selection-tag { max-width: calc(100% - 5px); } .kd-tree-select-multiple .kd-tree-select-selection-tag .kd-tag { margin: 2px 8px 2px 0; max-width: 100%; } .kd-tree-select-multiple .kd-tree-select-selection-search { position: relative; max-width: 100%; } .kd-tree-select-multiple .kd-tree-select-selection-search-input { outline: 0; border-radius: 0; border: none; background: transparent; width: 100%; } .kd-tree-select-multiple .kd-tree-select-selection-search-mirror { position: absolute; top: 0; left: 0; z-index: 999; white-space: pre; visibility: hidden; } .kd-tree-select-multiple-disabled { cursor: not-allowed; background-color: var(--kd-c-tree-select-color-background-disabled, #f5f5f5); color: var(--kd-c-tree-select-color-text-disabled, var(--kd-g-color-disabled, #b2b2b2)); } .kd-tree-select-multiple-disabled .kd-tree-select-suffix { color: var(--kd-c-tree-select-arrow-icon-color-text-disabled, #b2b2b2); } .kd-tree-select-multiple:hover .kd-tree-select-icon-clear { opacity: 1; } .kd-tree-select-multiple .kd-tree-select-icon-clear { color: var(--kd-c-tree-select-icon-clear-color-text, #d9d9d9); } .kd-tree-select-multiple .kd-tree-select-icon-clear:hover { color: var(--kd-c-tree-select-icon-clear-color-text-hover, #999); } .kd-tree-select-multiple-selector { position: relative; cursor: text; padding-right: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .kd-tree-select-multiple .kd-tree-select-wrapper:hover:not(.kd-tree-select-multiple-disabled) { border-bottom: 1px solid var(--kd-c-tree-select-color-border-hover, var(--kd-g-color-theme, #5582f3)); } .kd-tree-select-multiple-footer { color: var(--kd-c-tree-select-footer-color-text, var(--kd-g-color-text-primary, #212121)); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; padding: 0 12px; height: 32px; line-height: 32px; border-top: 1px solid #d9d9d9; -webkit-box-sizing: border-box; box-sizing: border-box; } .kd-tree-select-multiple-footer-hadSelected { color: #999999; padding-left: 12px; } .kd-tree-select-multiple-footer-hadSelected > span { color: var(--kd-c-tree-select-footer-color-text-selected, #0e5fd8); padding: 0 2px; } .kd-tree-select-error:not(.kd-tree-select-single-disabled):not(.kd-tree-select-multiple-disabled) { border-color: var(--kd-c-tree-select-color-error, var(--kd-g-color-error, #fb2323)); } .kd-tree-select.topLeft.hidden, .kd-tree-select.bottomLeft.hidden, .kd-tree-select.topRight.hidden, .kd-tree-select.bottomRight.hidden { opacity: 0; visibility: hidden; -webkit-transition: all calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1); transition: all calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1); } /* ----------- color ——————---- start */ /* ----------- color ——————---- end */ /* ----------- motion ——————---- start */ /* ----------- motion ——————---- end */ /* ----------- transition ——————---- start */ /* ----------- transition ——————---- end */ /* ----------- font ——————---- start */ /* ----------- font ——————---- end */ /* ----------- zIndex ——————---- start */ /* 普通组件内部自身层级应设置在0-100间 */ /* ----------- zIndex ——————---- end */ /* ----------- Button ——————---- start */ /* ----------- Button ——————---- end */ /* ----------- Collapse ——————---- start */ /* ----------- Collapse ——————---- end */ /* ----------- Card ——————---- start */ /* ----------- Card ——————---- end */ /* ----------- Carousel ——————---- start */ /* ----------- Carousel ——————---- end */ /* ----------- Cascader ——————---- start */ /* ----------- Cascader ——————---- end */ /* ----------- Switch ——————---- start */ /* ----------- Switch ——————---- end */ /* ----------- Input ——————---- start */ /* ----------- Input ——————---- end */ /* ----------- InputNumber ——————---- start */ /* ----------- InputNumber ——————---- end */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- end */ /* ----------- Radio ——————---- start */ /* ----------- Radio ——————---- end */ /* ----------- icon ——————---- start */ /* ----------- icon ——————---- end */ /* ----------- Popconfirm ——————---- start */ /* ----------- Popconfirm ——————---- end */ /* ----------- Progress ——————---- start */ /* ----------- Progress ——————---- end */ /* ----------- Pagination ——————---- start */ /* ----------- Pagination ——————---- end */ /* ----------- Timeline ——————---- start */ /* ----------- Timeline ——————---- end */ /* ----------- Tabs ——————---- start */ /* ----------- Tabs ——————---- end */ /* ----------- Select ——————---- start */ /* ----------- Select ——————---- end */ /* ----------- Rate ——————---- start */ /* ----------- Rate ——————---- end */ /* ----------- Dropdown ——————---- start */ /* ----------- Dropdown ——————---- end */ /* ----------- Tooltip ——————---- start */ /* ----------- Tooltip ——————---- end */ /* ----------- Transfer ——————---- start */ /* ----------- Transfer ——————---- end */ /* ----------- DatePicker ——————---- start */ /* ----------- DatePicker ——————---- end */ /* ----------- ColorPicker ——————---- start */ /* ----------- ColorPicker ——————---- end */ /* ----------- Tree ——————---- start */ /* ----------- Tree ——————---- end */ /* ----------- Alert ——————---- start */ /* ----------- Alert ——————---- end */ /* ----------- Split-Panel ——————---- start */ /* ----------- Split-Panel ——————---- end */ /* ----------- Modal ——————---- start */ /* ----------- Modal ——————---- end */ /* ----------- Steps ——————---- start */ /* ----------- Steps ——————---- end */ /* ----------- Form ——————---- start */ /* ----------- Form ——————---- end */ /* ----------- Tag ——————---- start */ /* ----------- Tag ——————---- end */ /* ----------- Menu ——————---- start */ /* ----------- Menu ——————---- end */ /* ----------- notice ——————---- start */ /* ----------- message ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Layout ——————---- start */ /* ----------- Layout ——————---- end */ /* ----------- Typography ——————---- start */ /* ----------- Typography ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Badge ——————---- start */ /* ----------- Badge ——————---- end */ /* ----------- Anchor ——————---- start */ /* ----------- Anchor ——————---- end */ /* ----------- Avatar ——————---- start */ /* ----------- Avatar ——————---- end */ /* ----------- AdvancedSelector ——————---- start */ /* ----------- AdvancedSelector ——————---- end */ /* ----------- motion ——————---- start */ /* ----------- motion ——————---- end */ /* ----------- transition ——————---- start */ /* ----------- transition ——————---- end */ /* ----------- zIndex ——————---- start */ /* 普通组件内部自身层级应设置在0-100间 */ /* ----------- zIndex ——————---- end */ .node-hover-hover { -webkit-transition: background-color var(--kd-c-tree-motion-duration, var(--kd-g-duration, 0.3s)), color var(--kd-c-tree-motion-duration, var(--kd-g-duration, 0.3s)); transition: background-color var(--kd-c-tree-motion-duration, var(--kd-g-duration, 0.3s)), color var(--kd-c-tree-motion-duration, var(--kd-g-duration, 0.3s)); } .node-hover-hover:hover { background-color: var(--kd-c-tree-node-color-backgroung-hover, var(--kd-g-color-hover, #f5f5f5)); cursor: pointer; } .node-selected { background-color: var(--kd-c-tree-node-color-backgroung-checked, var(--kd-g-color-theme-3, #e3eeff)) !important; color: var(--kd-c-tree-node-color-text-checked, var(--kd-g-color-theme, #5582f3)); } .node-selected .kd-tree-node-title { color: var(--kd-c-tree-node-color-text-checked, var(--kd-g-color-theme, #5582f3)); } .node-selected .kd-tree-node-icon { color: var(--kd-c-tree-node-color-text-checked, var(--kd-g-color-theme, #5582f3)); } .kd-tree { position: relative; overflow: auto; height: inherit; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; font-size: var(--kd-c-tree-font-size, var(--kd-g-font-size-small, 12px)); color: var(--kd-c-tree-color-text, var(--kd-g-color-text-primary, #212121)); margin-left: var(--kd-c-tree-spacing-margin-left, 0px); padding: var(--kd-c-tree-spacing-padding-vertical, 3px) 0; max-width: var(--kd-c-tree-root-sizing-max-width); min-width: var(--kd-c-tree-root-sizing-min-width); } .kd-tree-root { min-width: 100%; -ms-flex-negative: 0; flex-shrink: 0; } .kd-tree-show-line .kd-tree-node-indent { position: relative; } .kd-tree-show-line .kd-tree-node-indent::before { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 1px; border-left: 1px solid #d9d9d9; content: ''; -webkit-box-sizing: border-box; box-sizing: border-box; top: 0; bottom: 0; } .kd-tree-show-line .kd-tree-node-indent-active::before { border-color: var(--kd-c-tree-color-theme, var(--kd-g-color-theme, #5582f3)); } .kd-tree-node-root { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .kd-tree-node-root .kd-spin-dot-spin { border: 2px solid transparent; width: var(--kd-c-tree-expand-icon-loading-sizing-width, 16px); height: var(--kd-c-tree-expand-icon-loading-sizing-height, 16px); } .kd-tree-node-root .kd-spin-dot-spin .kd-spin-dot-item { width: var(--kd-c-tree-expand-icon-loading-sizing-width, 16px); height: var(--kd-c-tree-expand-icon-loading-sizing-height, 16px); } .kd-tree-node-fb-children-pointerEvents * { pointer-events: none; } .kd-tree-node-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .kd-tree-node-item-hover { -webkit-transition: background-color var(--kd-c-tree-motion-duration, var(--kd-g-duration, 0.3s)), color var(--kd-c-tree-motion-duration, var(--kd-g-duration, 0.3s)); transition: background-color var(--kd-c-tree-motion-duration, var(--kd-g-duration, 0.3s)), color var(--kd-c-tree-motion-duration, var(--kd-g-duration, 0.3s)); } .kd-tree-node-item-hover:hover { background-color: var(--kd-c-tree-node-color-backgroung-hover, var(--kd-g-color-hover, #f5f5f5)); cursor: pointer; } .kd-tree-node-indent { display: -webkit-box; display: -ms-flexbox; display: flex; width: var(--kd-c-tree-expand-icon-sizing-width, 16px); margin-right: 6px; height: 100%; cursor: default; } .kd-tree-node-icon { cursor: pointer; height: var(--kd-c-tree-expand-icon-sizing-height, 16px); width: var(--kd-c-tree-expand-icon-sizing-width, 16px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: var(--kd-c-tree-node-icon-font-size, 16px); color: var(--kd-c-tree-node-icon-color-text, #666666); } .kd-tree-node-icon-hover:hover { background-color: var(--kd-c-tree-node-color-backgroung-hover, var(--kd-g-color-hover, #f5f5f5)); cursor: pointer; } .kd-tree-node-icon-hidden { height: var(--kd-c-tree-node-icon-sizing-height, 16px); width: var(--kd-c-tree-node-icon-sizing-width, 16px); -ms-flex-negative: 0; flex-shrink: 0; opacity: 0; cursor: default; } .kd-tree-node-animation-expand { -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: -webkit-transform var(--kd-c-tree-motion-duration, var(--kd-g-duration, 0.3s)); transition: -webkit-transform var(--kd-c-tree-motion-duration, var(--kd-g-duration, 0.3s)); transition: transform var(--kd-c-tree-motion-duration, var(--kd-g-duration, 0.3s)); transition: transform var(--kd-c-tree-motion-duration, var(--kd-g-duration, 0.3s)), -webkit-transform var(--kd-c-tree-motion-duration, var(--kd-g-duration, 0.3s)); } .kd-tree-node-animation-collapse { -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: -webkit-transform var(--kd-c-tree-motion-duration, var(--kd-g-duration, 0.3s)); transition: -webkit-transform var(--kd-c-tree-motion-duration, var(--kd-g-duration, 0.3s)); transition: transform var(--kd-c-tree-motion-duration, var(--kd-g-duration, 0.3s)); transition: transform var(--kd-c-tree-motion-duration, var(--kd-g-duration, 0.3s)), -webkit-transform var(--kd-c-tree-motion-duration, var(--kd-g-duration, 0.3s)); } .kd-tree-node-disabled { cursor: not-allowed !important; border-color: var(--kd-c-tree-node-color-border-disabled, var(--kd-g-color-border-disabled, #ccc)); } .kd-tree-node-title-disabled { color: var(--kd-c-tree-node-color-disabled, var(--kd-g-color-disabled, #b2b2b2)); } .kd-tree-node-title-wrap { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; padding-left: 4px; } .kd-tree-node-title-wrap-hover { -webkit-transition: background-color var(--kd-c-tree-motion-duration, var(--kd-g-duration, 0.3s)), color var(--kd-c-tree-motion-duration, var(--kd-g-duration, 0.3s)); transition: background-color var(--kd-c-tree-motion-duration, var(--kd-g-duration, 0.3s)), color var(--kd-c-tree-motion-duration, var(--kd-g-duration, 0.3s)); } .kd-tree-node-title-wrap-hover:hover { background-color: var(--kd-c-tree-node-color-backgroung-hover, var(--kd-g-color-hover, #f5f5f5)); cursor: pointer; } .kd-tree-node-title-wrap-selected { background-color: var(--kd-c-tree-node-color-backgroung-checked, var(--kd-g-color-theme-3, #e3eeff)) !important; color: var(--kd-c-tree-node-color-text-checked, var(--kd-g-color-theme, #5582f3)); } .kd-tree-node-title-wrap-selected .kd-tree-node-title { color: var(--kd-c-tree-node-color-text-checked, var(--kd-g-color-theme, #5582f3)); } .kd-tree-node-title-wrap-selected .kd-tree-node-icon { color: var(--kd-c-tree-node-color-text-checked, var(--kd-g-color-theme, #5582f3)); } .kd-tree-node-title { white-space: nowrap; } .kd-tree-node-selected { background-color: var(--kd-c-tree-node-color-backgroung-checked, var(--kd-g-color-theme-3, #e3eeff)) !important; color: var(--kd-c-tree-node-color-text-checked, var(--kd-g-color-theme, #5582f3)); } .kd-tree-node-selected .kd-tree-node-title { color: var(--kd-c-tree-node-color-text-checked, var(--kd-g-color-theme, #5582f3)); } .kd-tree-node-selected .kd-tree-node-icon { color: var(--kd-c-tree-node-color-text-checked, var(--kd-g-color-theme, #5582f3)); } .kd-tree-node-draggabled { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; } .kd-tree-node-draggabled.kd-tree-node-dragging .kd-tree-node-indent::before { border-color: transparent; } .kd-tree-node-drag-over { background-color: var(--kd-c-tree-node-drag-over-color-background, #E3EBFF); -webkit-box-shadow: inset 0 0 0 2px var(--kd-c-tree-node-drag-over-color-border, #5582f3); box-shadow: inset 0 0 0 2px var(--kd-c-tree-node-drag-over-color-border, #5582f3); } .kd-tree-node-drag-line-top, .kd-tree-node-drag-line-bottom { position: absolute; left: 0; top: 0; width: 100%; border-top: 2px solid var(--kd-c-tree-node-drag-line-color-background, #276FF5); } .kd-tree-node-drag-line-top::before, .kd-tree-node-drag-line-bottom::before { content: ''; width: 4px; height: 4px; background-color: #fff; border-radius: 50%; border: 2px solid var(--kd-c-tree-node-drag-line-color-background, #276FF5); position: absolute; top: -1px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .kd-tree-node-drag-line-top { top: 0; } .kd-tree-node-drag-line-bottom { top: 100%; } .kd-tree-node-leaf-icon { height: var(--kd-c-tree-node-icon-sizing-height, 16px); width: var(--kd-c-tree-node-icon-sizing-width, 16px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* ----------- color ——————---- start */ /* ----------- color ——————---- end */ /* ----------- motion ——————---- start */ /* ----------- motion ——————---- end */ /* ----------- transition ——————---- start */ /* ----------- transition ——————---- end */ /* ----------- font ——————---- start */ /* ----------- font ——————---- end */ /* ----------- zIndex ——————---- start */ /* 普通组件内部自身层级应设置在0-100间 */ /* ----------- zIndex ——————---- end */ /* ----------- Button ——————---- start */ /* ----------- Button ——————---- end */ /* ----------- Collapse ——————---- start */ /* ----------- Collapse ——————---- end */ /* ----------- Card ——————---- start */ /* ----------- Card ——————---- end */ /* ----------- Carousel ——————---- start */ /* ----------- Carousel ——————---- end */ /* ----------- Cascader ——————---- start */ /* ----------- Cascader ——————---- end */ /* ----------- Switch ——————---- start */ /* ----------- Switch ——————---- end */ /* ----------- Input ——————---- start */ /* ----------- Input ——————---- end */ /* ----------- InputNumber ——————---- start */ /* ----------- InputNumber ——————---- end */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- end */ /* ----------- Radio ——————---- start */ /* ----------- Radio ——————---- end */ /* ----------- icon ——————---- start */ /* ----------- icon ——————---- end */ /* ----------- Popconfirm ——————---- start */ /* ----------- Popconfirm ——————---- end */ /* ----------- Progress ——————---- start */ /* ----------- Progress ——————---- end */ /* ----------- Pagination ——————---- start */ /* ----------- Pagination ——————---- end */ /* ----------- Timeline ——————---- start */ /* ----------- Timeline ——————---- end */ /* ----------- Tabs ——————---- start */ /* ----------- Tabs ——————---- end */ /* ----------- Select ——————---- start */ /* ----------- Select ——————---- end */ /* ----------- Rate ——————---- start */ /* ----------- Rate ——————---- end */ /* ----------- Dropdown ——————---- start */ /* ----------- Dropdown ——————---- end */ /* ----------- Tooltip ——————---- start */ /* ----------- Tooltip ——————---- end */ /* ----------- Transfer ——————---- start */ /* ----------- Transfer ——————---- end */ /* ----------- DatePicker ——————---- start */ /* ----------- DatePicker ——————---- end */ /* ----------- ColorPicker ——————---- start */ /* ----------- ColorPicker ——————---- end */ /* ----------- Tree ——————---- start */ /* ----------- Tree ——————---- end */ /* ----------- Alert ——————---- start */ /* ----------- Alert ——————---- end */ /* ----------- Split-Panel ——————---- start */ /* ----------- Split-Panel ——————---- end */ /* ----------- Modal ——————---- start */ /* ----------- Modal ——————---- end */ /* ----------- Steps ——————---- start */ /* ----------- Steps ——————---- end */ /* ----------- Form ——————---- start */ /* ----------- Form ——————---- end */ /* ----------- Tag ——————---- start */ /* ----------- Tag ——————---- end */ /* ----------- Menu ——————---- start */ /* ----------- Menu ——————---- end */ /* ----------- notice ——————---- start */ /* ----------- message ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Layout ——————---- start */ /* ----------- Layout ——————---- end */ /* ----------- Typography ——————---- start */ /* ----------- Typography ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Badge ——————---- start */ /* ----------- Badge ——————---- end */ /* ----------- Anchor ——————---- start */ /* ----------- Anchor ——————---- end */ /* ----------- Avatar ——————---- start */ /* ----------- Avatar ——————---- end */ /* ----------- AdvancedSelector ——————---- start */ /* ----------- AdvancedSelector ——————---- end */ /* ----------- motion ——————---- start */ /* ----------- motion ——————---- end */ /* ----------- transition ——————---- start */ /* ----------- transition ——————---- end */ /* ----------- zIndex ——————---- start */ /* 普通组件内部自身层级应设置在0-100间 */ /* ----------- zIndex ——————---- end */ .kd-typography { color: var(--kd-c-typography-color-text-primary, var(--kd-g-color-text-primary, #212121)); overflow-wrap: break-word; line-height: 2; max-width: var(--kd-c-typography-sizing-width-max, 830px); } .kd-typography.kd-typography-second { color: var(--kd-c-typography-color-text-secondary, var(--kd-g-color-text-secondary, #666)); } .kd-typography.kd-typography-success { color: var(--kd-c-typography-color-success, var(--kd-g-color-success, #1ba854)); } .kd-typography.kd-typography-warning { color: var(--kd-c-typography-color-warning, var(--kd-g-color-warning, #ff991c)); } .kd-typography.kd-typography-danger { color: var(--kd-c-typography-color-error, var(--kd-g-color-error, #fb2323)); } .kd-typography.kd-typography-disabled { color: var(--kd-c-typography-color-disabled, var(--kd-g-color-disabled, #b2b2b2)); cursor: not-allowed; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .kd-typography.kd-typography-assist { color: var(--kd-c-typography-color-text-third, var(--kd-g-color-text-third, #999)); } .kd-typography + h1.kd-typography, .kd-typography + h2.kd-typography, .kd-typography + h3.kd-typography, .kd-typography + h4.kd-typography, .kd-typography + h5.kd-typography { margin-top: var(--kd-c-typography-title-spacing-margin-top, 1.2em); } article.kd-typography > div.kd-typography { margin-bottom: var(--kd-c-typography-paragraph-spacing-margin-bottom, 24px); } article.kd-typography > div.kd-typography:first-child { margin-bottom: var(--kd-c-typography-spacing-margin-bottom, 80px); } article.kd-typography > div.kd-typography + div.kd-typography h2 { margin-top: var(--kd-c-typography-spacing-margin-bottom, 80px); } article.kd-typography h1 { margin-top: 0; margin-bottom: var(--kd-c-typography-spacing-margin-bottom-1, 12px); color: var(--kd-c-typography-color-text-primary, var(--kd-g-color-text-primary, #212121)); font-weight: var(--kd-c-typography-title-font-weight, 600); font-size: var(--kd-c-typography-font-size-1, 40px); line-height: 1.5; } article.kd-typography h2 { margin-top: 0; margin-bottom: var(--kd-c-typography-spacing-margin-bottom-2, 24px); color: var(--kd-c-typography-title-color-text, #276ff5); font-weight: var(--kd-c-typography-title-font-weight, 600); font-size: var(--kd-c-typography-font-size-2, 28px); line-height: 1.5; } article.kd-typography h3 { margin-top: 0; margin-bottom: var(--kd-c-typography-spacing-margin-bottom-3, 12px); color: var(--kd-c-typography-color-text-primary, var(--kd-g-color-text-primary, #212121)); font-weight: var(--kd-c-typography-title-font-weight, 600); font-size: var(--kd-c-typography-font-size-3, 18px); line-height: 1.5; } h1.kd-typography, .kd-typography h1 { margin-bottom: var(--kd-c-typography-title-spacing-margin-bottom, 0.5em); color: var(--kd-c-typography-color-text-primary, var(--kd-g-color-text-primary, #212121)); font-weight: var(--kd-c-typography-title-font-weight, 600); font-size: var(--kd-c-typography-font-size-1, 40px); line-height: 1.5; } h2.kd-typography, .kd-typography h2 { margin-bottom: var(--kd-c-typography-title-spacing-margin-bottom, 0.5em); color: var(--kd-c-typography-title-color-text, #276ff5); font-weight: var(--kd-c-typography-title-font-weight, 600); font-size: var(--kd-c-typography-font-size-2, 28px); line-height: 1.5; } h3.kd-typography, .kd-typography h3 { margin-bottom: var(--kd-c-typography-title-spacing-margin-bottom, 0.5em); color: var(--kd-c-typography-color-text-primary, var(--kd-g-color-text-primary, #212121)); font-weight: var(--kd-c-typography-title-font-weight, 600); font-size: var(--kd-c-typography-font-size-3, 18px); line-height: 1.5; } .kd-typography code { margin: 0 0.2em; padding: 0.2em 0.4em 0.1em; font-size: 85%; background: rgba(150, 150, 150, 0.1); border: 1px solid rgba(100, 100, 100, 0.2); border-radius: 3px; } .kd-typography kbd { margin: 0 0.2em; padding: 0.15em 0.4em 0.1em; font-size: 90%; background: rgba(150, 150, 150, 0.06); border: 1px solid rgba(100, 100, 100, 0.2); border-bottom-width: 2px; border-radius: 3px; } .kd-typography strong { font-weight: 600; } .kd-typography ul, .kd-typography ol { margin: 0 0 var(--kd-c-typography-spacing-margin-bottom-2, 24px) 0; padding: 0; } .kd-typography ul li, .kd-typography ol li { margin: 0 0 0 20px; padding: 0 0 0 4px; } .kd-typography ul { list-style-type: disc; } .kd-typography ul ul { list-style-type: disc; } .kd-typography ol { list-style-type: decimal; } /* ----------- color ——————---- start */ /* ----------- color ——————---- end */ /* ----------- motion ——————---- start */ /* ----------- motion ——————---- end */ /* ----------- transition ——————---- start */ /* ----------- transition ——————---- end */ /* ----------- font ——————---- start */ /* ----------- font ——————---- end */ /* ----------- zIndex ——————---- start */ /* 普通组件内部自身层级应设置在0-100间 */ /* ----------- zIndex ——————---- end */ /* ----------- Button ——————---- start */ /* ----------- Button ——————---- end */ /* ----------- Collapse ——————---- start */ /* ----------- Collapse ——————---- end */ /* ----------- Card ——————---- start */ /* ----------- Card ——————---- end */ /* ----------- Carousel ——————---- start */ /* ----------- Carousel ——————---- end */ /* ----------- Cascader ——————---- start */ /* ----------- Cascader ——————---- end */ /* ----------- Switch ——————---- start */ /* ----------- Switch ——————---- end */ /* ----------- Input ——————---- start */ /* ----------- Input ——————---- end */ /* ----------- InputNumber ——————---- start */ /* ----------- InputNumber ——————---- end */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- start */ /* ----------- checkbox ——————---- end */ /* ----------- Radio ——————---- start */ /* ----------- Radio ——————---- end */ /* ----------- icon ——————---- start */ /* ----------- icon ——————---- end */ /* ----------- Popconfirm ——————---- start */ /* ----------- Popconfirm ——————---- end */ /* ----------- Progress ——————---- start */ /* ----------- Progress ——————---- end */ /* ----------- Pagination ——————---- start */ /* ----------- Pagination ——————---- end */ /* ----------- Timeline ——————---- start */ /* ----------- Timeline ——————---- end */ /* ----------- Tabs ——————---- start */ /* ----------- Tabs ——————---- end */ /* ----------- Select ——————---- start */ /* ----------- Select ——————---- end */ /* ----------- Rate ——————---- start */ /* ----------- Rate ——————---- end */ /* ----------- Dropdown ——————---- start */ /* ----------- Dropdown ——————---- end */ /* ----------- Tooltip ——————---- start */ /* ----------- Tooltip ——————---- end */ /* ----------- Transfer ——————---- start */ /* ----------- Transfer ——————---- end */ /* ----------- DatePicker ——————---- start */ /* ----------- DatePicker ——————---- end */ /* ----------- ColorPicker ——————---- start */ /* ----------- ColorPicker ——————---- end */ /* ----------- Tree ——————---- start */ /* ----------- Tree ——————---- end */ /* ----------- Alert ——————---- start */ /* ----------- Alert ——————---- end */ /* ----------- Split-Panel ——————---- start */ /* ----------- Split-Panel ——————---- end */ /* ----------- Modal ——————---- start */ /* ----------- Modal ——————---- end */ /* ----------- Steps ——————---- start */ /* ----------- Steps ——————---- end */ /* ----------- Form ——————---- start */ /* ----------- Form ——————---- end */ /* ----------- Tag ——————---- start */ /* ----------- Tag ——————---- end */ /* ----------- Menu ——————---- start */ /* ----------- Menu ——————---- end */ /* ----------- notice ——————---- start */ /* ----------- message ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Spin ——————---- start */ /* ----------- Spin ——————---- end */ /* ----------- Layout ——————---- start */ /* ----------- Layout ——————---- end */ /* ----------- Typography ——————---- start */ /* ----------- Typography ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Search ——————---- start */ /* ----------- Badge ——————---- start */ /* ----------- Badge ——————---- end */ /* ----------- Anchor ——————---- start */ /* ----------- Anchor ——————---- end */ /* ----------- Avatar ——————---- start */ /* ----------- Avatar ——————---- end */ /* ----------- AdvancedSelector ——————---- start */ /* ----------- AdvancedSelector ——————---- end */ /* ----------- motion ——————---- start */ /* ----------- motion ——————---- end */ /* ----------- transition ——————---- start */ /* ----------- transition ——————---- end */ /* ----------- zIndex ——————---- start */ /* 普通组件内部自身层级应设置在0-100间 */ /* ----------- zIndex ——————---- end */ /* 多行显示省略号 */ /* 单行显示省略号 */ /** 浮层箭头样式 **/ .kd-upload { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; font-variant: tabular-nums; list-style: none; -webkit-font-feature-settings: 'tnum'; font-feature-settings: 'tnum'; } .kd-upload-select { position: relative; display: inline-block; cursor: pointer; } .kd-upload-drag { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; font-variant: tabular-nums; list-style: none; -webkit-font-feature-settings: 'tnum'; font-feature-settings: 'tnum'; position: relative; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; height: 80px; text-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: var(--kd-c-upload-color, var(--kd-g-color-text-third, #999)); border: 1px dashed var(--kd-c-upload-color-border, var(--kd-g-color-border-weak, #e5e5e5)); background-color: var(--kd-c-upload-color-background, var(--kd-g-color-background-contain, #fafafa)); -webkit-transition: border-color var(--kd-c-upload-motion-duration, var(--kd-g-duration, 0.3s)), background-color var(--kd-c-upload-motion-duration, var(--kd-g-duration, 0.3s)); transition: border-color var(--kd-c-upload-motion-duration, var(--kd-g-duration, 0.3s)), background-color var(--kd-c-upload-motion-duration, var(--kd-g-duration, 0.3s)); } .kd-upload-drag.hover, .kd-upload-drag:hover, .kd-upload-drag:active { border-color: var(--kd-c-upload-color-border-active, var(--kd-g-color-text-link, #0e5fd8)); background-color: var(--kd-c-upload-color-background-ongoing, var(--kd-g-color-background-ongoing, #f2f9ff)); } .kd-upload-input { position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; overflow: hidden; } .kd-upload-input input[type="file"] { position: absolute; top: -20%; left: 0; width: 100%; height: 120%; font-size: 0; cursor: pointer; } .kd-upload .kd-upload-text-list { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; font-variant: tabular-nums; list-style: none; -webkit-font-feature-settings: 'tnum'; font-feature-settings: 'tnum'; margin-top: var(--kd-c-upload-text-list-margin-top, 16px); font-size: var(--kd-c-upload-font-size, var(--kd-g-font-size-middle, 14px)); border-top: 1px dashed var(--kd-c-upload-division-color, var(--kd-g-color-border-strong, #d9d9d9)); } .kd-upload .kd-upload-text-list-item { position: relative; padding: 0 var(--kd-c-upload-text-list-item-padding-horizontal, 20px); height: var(--kd-c-upload-list-item-height, 44px); overflow: hidden; white-space: nowrap; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: background-color var(--kd-c-upload-motion-duration, var(--kd-g-duration, 0.3s)); transition: background-color var(--kd-c-upload-motion-duration, var(--kd-g-duration, 0.3s)); } .kd-upload .kd-upload-text-list-item:hover { background-color: var(--kd-c-upload-color-background-hover, var(--kd-g-color-hover, #f5f5f5)); } .kd-upload .kd-upload-text-list-item:hover .kd-upload-text-list-item-action { opacity: 1; visibility: visible; -webkit-transform: translateX(0); transform: translateX(0); } .kd-upload .kd-upload-text-list-item.error i, .kd-upload .kd-upload-text-list-item.error .kd-upload-text-list-item-name { color: var(--kd-c-upload-error-color, var(--kd-g-color-error, #fb2323)); } .kd-upload .kd-upload-text-list-item-icon > i { font-size: var(--kd-c-upload-font-size, var(--kd-g-font-size-middle, 14px)); } .kd-upload .kd-upload-text-list-item-name, .kd-upload .kd-upload-text-list-item-icon { cursor: pointer; } .kd-upload .kd-upload-text-list-item-name { display: inline-block; margin: 0 var(--kd-c-upload-text-list-item-name-padding-right, 8px) 0 var(--kd-c-upload-text-list-item-name-padding-left, 4px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--kd-c-upload-panel-color, var(--kd-g-color-text-primary, #212121)); } .kd-upload .kd-upload-text-list-item-size { color: var(--kd-c-upload-color, var(--kd-g-color-text-third, #999)); } .kd-upload .kd-upload-text-list-item-action { position: absolute; top: 0; right: 0; padding: 0 var(--kd-c-upload-text-list-item-padding-horizontal, 20px); height: var(--kd-c-upload-list-item-height, 44px); line-height: var(--kd-c-upload-list-item-height, 44px); background: transparent; opacity: 0; visibility: hidden; -webkit-transform: translateX(5px); transform: translateX(5px); -webkit-transition: -webkit-transform var(--kd-c-upload-motion-duration, var(--kd-g-duration, 0.3s)); transition: -webkit-transform var(--kd-c-upload-motion-duration, var(--kd-g-duration, 0.3s)); transition: transform var(--kd-c-upload-motion-duration, var(--kd-g-duration, 0.3s)); transition: transform var(--kd-c-upload-motion-duration, var(--kd-g-duration, 0.3s)), -webkit-transform var(--kd-c-upload-motion-duration, var(--kd-g-duration, 0.3s)); } .kd-upload .kd-upload-text-list-item-action a { display: inline-block; vertical-align: middle; color: var(--kd-c-upload-panel-button-color, #0E5FD8); } .kd-upload .kd-upload-text-list-item-action a:not(:first-child) { margin-left: 20px; } .kd-upload .kd-upload-picture-list { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; font-variant: tabular-nums; list-style: none; -webkit-font-feature-settings: 'tnum'; font-feature-settings: 'tnum'; } .kd-upload .kd-upload-picture-list-item { position: relative; width: 100px; height: 100px; display: inline-block; margin: 0 28px 28px 0; vertical-align: middle; overflow: hidden; border-radius: var(--kd-c-upload-radius-border, var(--kd-g-radius-border, 2px)); border: 1px solid var(--kd-c-upload-color-border, var(--kd-g-color-border-weak, #e5e5e5)); background-color: var(--kd-c-upload-color-background, var(--kd-g-color-background-contain, #fafafa)); } .kd-upload .kd-upload-picture-list-item .kd-upload-select { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; top: -1px; right: -1px; bottom: -1px; left: -1px; color: var(--kd-c-upload-color, var(--kd-g-color-text-third, #999)); -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 1px dashed var(--kd-c-upload-color-border, var(--kd-g-color-border-weak, #e5e5e5)); -webkit-transition: all var(--kd-c-upload-motion-duration, var(--kd-g-duration, 0.3s)); transition: all var(--kd-c-upload-motion-duration, var(--kd-g-duration, 0.3s)); } .kd-upload .kd-upload-picture-list-item .kd-upload-select:hover, .kd-upload .kd-upload-picture-list-item .kd-upload-select:active { border-color: var(--kd-c-upload-color-border-active, var(--kd-g-color-text-link, #0e5fd8)); background-color: var(--kd-c-upload-color-background-ongoing, var(--kd-g-color-background-ongoing, #f2f9ff)); } .kd-upload .kd-upload-picture-list-item .kd-upload-select .kd-upload-handle { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; text-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .kd-upload .kd-upload-picture-list-item img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; max-width: 100%; max-height: 100%; } .kd-upload .kd-upload-picture-list-item.error { border-color: var(--kd-c-upload-color-border-error, var(--kd-g-color-border-error, #fc808B)); background-color: var(--kd-c-upload-color-background-error, var(--kd-g-color-background-error, #fff2f4)); } .kd-upload .kd-upload-picture-list-item-loading { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .kd-upload .kd-upload-picture-list-item-loading > * { width: 80%; } .kd-upload .kd-upload-picture-list-item-error { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .kd-upload .kd-upload-picture-list-item-error-text { margin-bottom: 4px; color: var(--kd-c-upload-error-color, var(--kd-g-color-error, #fb2323)); } .kd-upload .kd-upload-picture-list-item-error a { display: inline-block; } .kd-upload .kd-upload-picture-list-item-error a:not(:first-child) { margin-left: 10px; } .kd-upload .kd-upload-picture-list-item-action > a { color: var(--kd-c-upload-panel-button-color, #0E5FD8); font-size: var(--kd-c-upload-picture-action-font-size, var(--kd-g-font-size-small, 12px)); } /*# sourceMappingURL=kdesign.css.map*/ /* * { // transition: all linear 0.1s; } */ .tie--hA_vu { width: 100%; height: 100%; position: absolute; box-sizing: border-box; background-color: #eaeaea; } ::-webkit-scrollbar-thumb { min-height: 28px; height: 5px; min-width: 2px; width: 5px; border-radius: 4px; border: dashed transparent; padding: 100px 0 0; border-width: 1px; background-color: #b2b2b2; background-clip: padding-box; } ::-webkit-scrollbar { width: 8px !important; height: 8px !important; overflow: visible; } .ant-message { z-index: 99999; } /*# sourceMappingURL=main.css.map*/