:root { --main-color: rgb(220, 0, 12); --third-color: rgba(220, 0, 12, 0.1); --hover-color: linear-gradient(90deg, #dc000c, #fff); } body { -webkit-font-smoothing: antialiased } .dd-base-footer-contant { min-width: 1200px } [class*=ant-]::-ms-clear,[class*=ant-] input::-ms-clear,[class*=ant-] input::-ms-reveal,[class^=ant-]::-ms-clear,[class^=ant-] input::-ms-clear,[class^=ant-] input::-ms-reveal {display: none} body { color: rgba(0,0,0,.85); -webkit-font-feature-settings: "tnum","tnum" } a { color: #1890ff } a:hover { color: #40a9ff } a:active { color: #096dd9 } caption { color: rgba(0,0,0,.45) } ::-moz-selection { background: #1890ff } ::selection { background: #1890ff } .anticon { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-rendering: optimizelegibility } .anticon>.anticon { line-height: 0; vertical-align: 0 } .anticon-spin,.anticon-spin:before { display: inline-block; -webkit-animation: loadingCircle 1s linear infinite; animation: loadingCircle 1s linear infinite } .ant-fade-appear,.ant-fade-enter,.ant-fade-leave { -webkit-animation-duration: .2s; animation-duration: .2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused } .ant-fade-appear.ant-fade-appear-active,.ant-fade-enter.ant-fade-enter-active { -webkit-animation-name: antFadeIn; animation-name: antFadeIn; -webkit-animation-play-state: running; animation-play-state: running } .ant-fade-leave.ant-fade-leave-active { -webkit-animation-name: antFadeOut; animation-name: antFadeOut; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none } .ant-fade-appear,.ant-fade-enter { opacity: 0 } .ant-fade-appear,.ant-fade-enter,.ant-fade-leave { -webkit-animation-timing-function: linear; animation-timing-function: linear } .ant-move-up-appear,.ant-move-up-enter,.ant-move-up-leave { -webkit-animation-duration: .2s; animation-duration: .2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused } .ant-move-up-appear.ant-move-up-appear-active,.ant-move-up-enter.ant-move-up-enter-active { -webkit-animation-name: antMoveUpIn; animation-name: antMoveUpIn; -webkit-animation-play-state: running; animation-play-state: running } .ant-move-up-leave.ant-move-up-leave-active { -webkit-animation-name: antMoveUpOut; animation-name: antMoveUpOut; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none } .ant-move-up-appear,.ant-move-up-enter { opacity: 0; -webkit-animation-timing-function: cubic-bezier(.08,.82,.17,1); animation-timing-function: cubic-bezier(.08,.82,.17,1) } .ant-move-up-leave { -webkit-animation-timing-function: cubic-bezier(.6,.04,.98,.34); animation-timing-function: cubic-bezier(.6,.04,.98,.34) } .ant-move-down-appear,.ant-move-down-enter,.ant-move-down-leave { -webkit-animation-duration: .2s; animation-duration: .2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused } .ant-move-down-appear.ant-move-down-appear-active,.ant-move-down-enter.ant-move-down-enter-active { -webkit-animation-name: antMoveDownIn; animation-name: antMoveDownIn; -webkit-animation-play-state: running; animation-play-state: running } .ant-move-down-leave.ant-move-down-leave-active { -webkit-animation-name: antMoveDownOut; animation-name: antMoveDownOut; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none } .ant-move-down-appear,.ant-move-down-enter { opacity: 0; -webkit-animation-timing-function: cubic-bezier(.08,.82,.17,1); animation-timing-function: cubic-bezier(.08,.82,.17,1) } .ant-move-down-leave { -webkit-animation-timing-function: cubic-bezier(.6,.04,.98,.34); animation-timing-function: cubic-bezier(.6,.04,.98,.34) } .ant-move-left-appear,.ant-move-left-enter,.ant-move-left-leave { -webkit-animation-duration: .2s; animation-duration: .2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused } .ant-move-left-appear.ant-move-left-appear-active,.ant-move-left-enter.ant-move-left-enter-active { -webkit-animation-name: antMoveLeftIn; animation-name: antMoveLeftIn; -webkit-animation-play-state: running; animation-play-state: running } .ant-move-left-leave.ant-move-left-leave-active { -webkit-animation-name: antMoveLeftOut; animation-name: antMoveLeftOut; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none } .ant-move-left-appear,.ant-move-left-enter { opacity: 0; -webkit-animation-timing-function: cubic-bezier(.08,.82,.17,1); animation-timing-function: cubic-bezier(.08,.82,.17,1) } .ant-move-left-leave { -webkit-animation-timing-function: cubic-bezier(.6,.04,.98,.34); animation-timing-function: cubic-bezier(.6,.04,.98,.34) } .ant-move-right-appear,.ant-move-right-enter,.ant-move-right-leave { -webkit-animation-duration: .2s; animation-duration: .2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused } .ant-move-right-appear.ant-move-right-appear-active,.ant-move-right-enter.ant-move-right-enter-active { -webkit-animation-name: antMoveRightIn; animation-name: antMoveRightIn; -webkit-animation-play-state: running; animation-play-state: running } .ant-move-right-leave.ant-move-right-leave-active { -webkit-animation-name: antMoveRightOut; animation-name: antMoveRightOut; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none } .ant-move-right-appear,.ant-move-right-enter { opacity: 0; -webkit-animation-timing-function: cubic-bezier(.08,.82,.17,1); animation-timing-function: cubic-bezier(.08,.82,.17,1) } .ant-move-right-leave { -webkit-animation-timing-function: cubic-bezier(.6,.04,.98,.34); animation-timing-function: cubic-bezier(.6,.04,.98,.34) } [ant-click-animating-without-extra-node=true],[ant-click-animating=true] {position: relative} html { --antd-wave-shadow-color: #1890ff } .ant-click-animating-node,[ant-click-animating-without-extra-node=true]:after {position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; border-radius: inherit; -webkit-box-shadow: 0 0 0 0 #1890ff; box-shadow: 0 0 0 0 #1890ff; -webkit-box-shadow: 0 0 0 0 var(--antd-wave-shadow-color); box-shadow: 0 0 0 0 var(--antd-wave-shadow-color); opacity: .2; -webkit-animation: fadeEffect 2s cubic-bezier(.08,.82,.17,1),waveEffect .4s cubic-bezier(.08,.82,.17,1); animation: fadeEffect 2s cubic-bezier(.08,.82,.17,1),waveEffect .4s cubic-bezier(.08,.82,.17,1); -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; content: ""; pointer-events: none } .ant-slide-up-appear,.ant-slide-up-enter,.ant-slide-up-leave { -webkit-animation-duration: .2s; animation-duration: .2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused } .ant-slide-up-appear.ant-slide-up-appear-active,.ant-slide-up-enter.ant-slide-up-enter-active { -webkit-animation-name: antSlideUpIn; animation-name: antSlideUpIn; -webkit-animation-play-state: running; animation-play-state: running } .ant-slide-up-leave.ant-slide-up-leave-active { -webkit-animation-name: antSlideUpOut; animation-name: antSlideUpOut; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none } .ant-slide-up-appear,.ant-slide-up-enter { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; opacity: 0; -webkit-animation-timing-function: cubic-bezier(.23,1,.32,1); animation-timing-function: cubic-bezier(.23,1,.32,1) } .ant-slide-up-leave { -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06); animation-timing-function: cubic-bezier(.755,.05,.855,.06) } .ant-slide-down-appear,.ant-slide-down-enter,.ant-slide-down-leave { -webkit-animation-duration: .2s; animation-duration: .2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused } .ant-slide-down-appear.ant-slide-down-appear-active,.ant-slide-down-enter.ant-slide-down-enter-active { -webkit-animation-name: antSlideDownIn; animation-name: antSlideDownIn; -webkit-animation-play-state: running; animation-play-state: running } .ant-slide-down-leave.ant-slide-down-leave-active { -webkit-animation-name: antSlideDownOut; animation-name: antSlideDownOut; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none } .ant-slide-down-appear,.ant-slide-down-enter { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; opacity: 0; -webkit-animation-timing-function: cubic-bezier(.23,1,.32,1); animation-timing-function: cubic-bezier(.23,1,.32,1) } .ant-slide-down-leave { -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06); animation-timing-function: cubic-bezier(.755,.05,.855,.06) } .ant-slide-left-appear,.ant-slide-left-enter,.ant-slide-left-leave { -webkit-animation-duration: .2s; animation-duration: .2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused } .ant-slide-left-appear.ant-slide-left-appear-active,.ant-slide-left-enter.ant-slide-left-enter-active { -webkit-animation-name: antSlideLeftIn; animation-name: antSlideLeftIn; -webkit-animation-play-state: running; animation-play-state: running } .ant-slide-left-leave.ant-slide-left-leave-active { -webkit-animation-name: antSlideLeftOut; animation-name: antSlideLeftOut; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none } .ant-slide-left-appear,.ant-slide-left-enter { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; opacity: 0; -webkit-animation-timing-function: cubic-bezier(.23,1,.32,1); animation-timing-function: cubic-bezier(.23,1,.32,1) } .ant-slide-left-leave { -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06); animation-timing-function: cubic-bezier(.755,.05,.855,.06) } .ant-slide-right-appear,.ant-slide-right-enter,.ant-slide-right-leave { -webkit-animation-duration: .2s; animation-duration: .2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused } .ant-slide-right-appear.ant-slide-right-appear-active,.ant-slide-right-enter.ant-slide-right-enter-active { -webkit-animation-name: antSlideRightIn; animation-name: antSlideRightIn; -webkit-animation-play-state: running; animation-play-state: running } .ant-slide-right-leave.ant-slide-right-leave-active { -webkit-animation-name: antSlideRightOut; animation-name: antSlideRightOut; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none } .ant-slide-right-appear,.ant-slide-right-enter { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; opacity: 0; -webkit-animation-timing-function: cubic-bezier(.23,1,.32,1); animation-timing-function: cubic-bezier(.23,1,.32,1) } .ant-slide-right-leave { -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06); animation-timing-function: cubic-bezier(.755,.05,.855,.06) } .ant-zoom-appear,.ant-zoom-enter,.ant-zoom-leave { -webkit-animation-duration: .2s; animation-duration: .2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused } .ant-zoom-appear.ant-zoom-appear-active,.ant-zoom-enter.ant-zoom-enter-active { -webkit-animation-name: antZoomIn; animation-name: antZoomIn; -webkit-animation-play-state: running; animation-play-state: running } .ant-zoom-leave.ant-zoom-leave-active { -webkit-animation-name: antZoomOut; animation-name: antZoomOut; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none } .ant-zoom-appear,.ant-zoom-enter { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); opacity: 0; -webkit-animation-timing-function: cubic-bezier(.08,.82,.17,1); animation-timing-function: cubic-bezier(.08,.82,.17,1) } .ant-zoom-appear-prepare,.ant-zoom-enter-prepare { -webkit-transform: none; -ms-transform: none; transform: none } .ant-zoom-leave { -webkit-animation-timing-function: cubic-bezier(.78,.14,.15,.86); animation-timing-function: cubic-bezier(.78,.14,.15,.86) } .ant-zoom-big-appear,.ant-zoom-big-enter,.ant-zoom-big-leave { -webkit-animation-duration: .2s; animation-duration: .2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused } .ant-zoom-big-appear.ant-zoom-big-appear-active,.ant-zoom-big-enter.ant-zoom-big-enter-active { -webkit-animation-name: antZoomBigIn; animation-name: antZoomBigIn; -webkit-animation-play-state: running; animation-play-state: running } .ant-zoom-big-leave.ant-zoom-big-leave-active { -webkit-animation-name: antZoomBigOut; animation-name: antZoomBigOut; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none } .ant-zoom-big-appear,.ant-zoom-big-enter { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); opacity: 0; -webkit-animation-timing-function: cubic-bezier(.08,.82,.17,1); animation-timing-function: cubic-bezier(.08,.82,.17,1) } .ant-zoom-big-appear-prepare,.ant-zoom-big-enter-prepare { -webkit-transform: none; -ms-transform: none; transform: none } .ant-zoom-big-leave { -webkit-animation-timing-function: cubic-bezier(.78,.14,.15,.86); animation-timing-function: cubic-bezier(.78,.14,.15,.86) } .ant-zoom-big-fast-appear,.ant-zoom-big-fast-enter,.ant-zoom-big-fast-leave { -webkit-animation-duration: .1s; animation-duration: .1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused } .ant-zoom-big-fast-appear.ant-zoom-big-fast-appear-active,.ant-zoom-big-fast-enter.ant-zoom-big-fast-enter-active { -webkit-animation-name: antZoomBigIn; animation-name: antZoomBigIn; -webkit-animation-play-state: running; animation-play-state: running } .ant-zoom-big-fast-leave.ant-zoom-big-fast-leave-active { -webkit-animation-name: antZoomBigOut; animation-name: antZoomBigOut; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none } .ant-zoom-big-fast-appear,.ant-zoom-big-fast-enter { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); opacity: 0; -webkit-animation-timing-function: cubic-bezier(.08,.82,.17,1); animation-timing-function: cubic-bezier(.08,.82,.17,1) } .ant-zoom-big-fast-appear-prepare,.ant-zoom-big-fast-enter-prepare { -webkit-transform: none; -ms-transform: none; transform: none } .ant-zoom-big-fast-leave { -webkit-animation-timing-function: cubic-bezier(.78,.14,.15,.86); animation-timing-function: cubic-bezier(.78,.14,.15,.86) } .ant-zoom-up-appear,.ant-zoom-up-enter,.ant-zoom-up-leave { -webkit-animation-duration: .2s; animation-duration: .2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused } .ant-zoom-up-appear.ant-zoom-up-appear-active,.ant-zoom-up-enter.ant-zoom-up-enter-active { -webkit-animation-name: antZoomUpIn; animation-name: antZoomUpIn; -webkit-animation-play-state: running; animation-play-state: running } .ant-zoom-up-leave.ant-zoom-up-leave-active { -webkit-animation-name: antZoomUpOut; animation-name: antZoomUpOut; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none } .ant-zoom-up-appear,.ant-zoom-up-enter { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); opacity: 0; -webkit-animation-timing-function: cubic-bezier(.08,.82,.17,1); animation-timing-function: cubic-bezier(.08,.82,.17,1) } .ant-zoom-up-appear-prepare,.ant-zoom-up-enter-prepare { -webkit-transform: none; -ms-transform: none; transform: none } .ant-zoom-up-leave { -webkit-animation-timing-function: cubic-bezier(.78,.14,.15,.86); animation-timing-function: cubic-bezier(.78,.14,.15,.86) } .ant-zoom-down-appear,.ant-zoom-down-enter,.ant-zoom-down-leave { -webkit-animation-duration: .2s; animation-duration: .2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused } .ant-zoom-down-appear.ant-zoom-down-appear-active,.ant-zoom-down-enter.ant-zoom-down-enter-active { -webkit-animation-name: antZoomDownIn; animation-name: antZoomDownIn; -webkit-animation-play-state: running; animation-play-state: running } .ant-zoom-down-leave.ant-zoom-down-leave-active { -webkit-animation-name: antZoomDownOut; animation-name: antZoomDownOut; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none } .ant-zoom-down-appear,.ant-zoom-down-enter { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); opacity: 0; -webkit-animation-timing-function: cubic-bezier(.08,.82,.17,1); animation-timing-function: cubic-bezier(.08,.82,.17,1) } .ant-zoom-down-appear-prepare,.ant-zoom-down-enter-prepare { -webkit-transform: none; -ms-transform: none; transform: none } .ant-zoom-down-leave { -webkit-animation-timing-function: cubic-bezier(.78,.14,.15,.86); animation-timing-function: cubic-bezier(.78,.14,.15,.86) } .ant-zoom-left-appear,.ant-zoom-left-enter,.ant-zoom-left-leave { -webkit-animation-duration: .2s; animation-duration: .2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused } .ant-zoom-left-appear.ant-zoom-left-appear-active,.ant-zoom-left-enter.ant-zoom-left-enter-active { -webkit-animation-name: antZoomLeftIn; animation-name: antZoomLeftIn; -webkit-animation-play-state: running; animation-play-state: running } .ant-zoom-left-leave.ant-zoom-left-leave-active { -webkit-animation-name: antZoomLeftOut; animation-name: antZoomLeftOut; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none } .ant-zoom-left-appear,.ant-zoom-left-enter { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); opacity: 0; -webkit-animation-timing-function: cubic-bezier(.08,.82,.17,1); animation-timing-function: cubic-bezier(.08,.82,.17,1) } .ant-zoom-left-appear-prepare,.ant-zoom-left-enter-prepare { -webkit-transform: none; -ms-transform: none; transform: none } .ant-zoom-left-leave { -webkit-animation-timing-function: cubic-bezier(.78,.14,.15,.86); animation-timing-function: cubic-bezier(.78,.14,.15,.86) } .ant-zoom-right-appear,.ant-zoom-right-enter,.ant-zoom-right-leave { -webkit-animation-duration: .2s; animation-duration: .2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused } .ant-zoom-right-appear.ant-zoom-right-appear-active,.ant-zoom-right-enter.ant-zoom-right-enter-active { -webkit-animation-name: antZoomRightIn; animation-name: antZoomRightIn; -webkit-animation-play-state: running; animation-play-state: running } .ant-zoom-right-leave.ant-zoom-right-leave-active { -webkit-animation-name: antZoomRightOut; animation-name: antZoomRightOut; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none } .ant-zoom-right-appear,.ant-zoom-right-enter { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); opacity: 0; -webkit-animation-timing-function: cubic-bezier(.08,.82,.17,1); animation-timing-function: cubic-bezier(.08,.82,.17,1) } .ant-zoom-right-appear-prepare,.ant-zoom-right-enter-prepare { -webkit-transform: none; -ms-transform: none; transform: none } .ant-zoom-right-leave { -webkit-animation-timing-function: cubic-bezier(.78,.14,.15,.86); animation-timing-function: cubic-bezier(.78,.14,.15,.86) } .ant-layout { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: auto; -ms-flex: auto; flex: auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; min-height: 0; background: #f0f2f5 } .ant-layout,.ant-layout * { -webkit-box-sizing: border-box; box-sizing: border-box } .ant-layout.ant-layout-has-sider { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row } .ant-layout.ant-layout-has-sider>.ant-layout,.ant-layout.ant-layout-has-sider>.ant-layout-content { width: 0 } .ant-layout-footer,.ant-layout-header { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto } .ant-layout-header { height: 64px; padding: 0 50px; color: rgba(0,0,0,.85); line-height: 64px; background: #001529 } .ant-layout-footer { padding: 24px 50px; color: rgba(0,0,0,.85); font-size: 14px; background: #f0f2f5 } .ant-layout-content { -webkit-box-flex: 1; -webkit-flex: auto; -ms-flex: auto; flex: auto; min-height: 0 } .ant-layout-sider { position: relative; min-width: 0; background: #001529; -webkit-transition: all .2s; transition: all .2s } .ant-layout-sider-children { height: 100%; margin-top: -.1px; padding-top: .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 { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; 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; -webkit-transition: all .2s; transition: all .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; -webkit-transition: background .3s ease; transition: background .3s ease } .ant-layout-sider-zero-width-trigger:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; -webkit-transition: all .3s; transition: all .3s; content: "" } .ant-layout-sider-zero-width-trigger:hover:after { background: hsla(0,0%,100%,.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,.ant-layout-sider-light .ant-layout-sider-zero-width-trigger { color: rgba(0,0,0,.85); background: #fff } .ant-layout-rtl { direction: rtl } .layouts--layout--3KUdEfp { min-height: 100vh } .layouts--container--3in1PN_ { width: 100% } .mainTitle { padding: 48px 0; font-size: 32px; line-height: 48px } .mainTitle,.subTitle { color: #171a1d; font-family: PingFangSC-Semibold; text-align: center } .subTitle { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 32px; font-size: 20px; line-height: 30px } .subTitle-line { width: 24px; height: 2px; background-color: #171a1d } .subTitle-content { margin: 0 12px } .hoverColor { -webkit-box-shadow: 0 8px 24px 0 rgba(34,38,48,.12); box-shadow: 0 8px 24px 0 rgba(34,38,48,.12); position: relative; top: 0; cursor: pointer; -webkit-transition: .2s; transition: .2s; border-radius: 8px } .hoverColor,.hoverColor .backgroundImage { width: 100%; height: 100% } .hoverColor .backgroundImageVideo { border-radius: 8px 8px 0 0; height: 212px } .hoverColor .hoverColor-container { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background-color: rgba(0,0,0,0.15); -webkit-box-shadow: 0 8px 24px 0 rgba(34,38,48,.16); box-shadow: 0 8px 24px 0 rgba(34,38,48,.16); opacity: 0; -webkit-transition: .2s; transition: .2s; border-radius: 8px } .hoverColor .hoverColor-container.red { background: var(--hover-color); } .hoverColor .hoverColor-container .hoverColor-icon { width: 58px; height: 42px; -webkit-animation: moveScaleEnd .2s linear; animation: moveScaleEnd .2s linear } .hoverColor .hoverColor-containerVideoIcon { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; opacity: 1; -webkit-transition: .2s; transition: .2s; z-index: 999 } .hoverColor .hoverColor-containerVideoIcon .hoverColor-icon2 { position: absolute; bottom: 29px; right: 27px; width: 49px; height: 49px } .hoverColor-video .hoverColor-container { bottom: 140px; border-radius: 8px 8px 0 0 } .hoverColor-video .hoverColor-container .hoverColor-icon { width: 56px; height: 56px } .hoverColor-video .hoverColor-icon2 { bottom: 160px!important; right: 24px!important } .emptyShadow img { border-radius: 8px; -webkit-box-shadow: 0 8px 24px 0 rgba(34,38,48,.12); box-shadow: 0 8px 24px 0 rgba(34,38,48,.12) } .emptyShadow:hover { -webkit-box-shadow: none; box-shadow: none } .hoverColor:hover { -webkit-box-shadow: 0 8px 32px 0 rgba(34,38,48,.12); box-shadow: 0 8px 32px 0 rgba(34,38,48,.12); top: -8px; -webkit-box-shadow: 0 8px 24px 0 rgba(34,38,48,.12); box-shadow: 0 8px 24px 0 rgba(34,38,48,.12); -webkit-animation: moveTop .2s linear; animation: moveTop .2s linear } .hoverColor:hover .hoverColor-container { opacity: .8 } .hoverColor:hover .hoverColor-container .hoverColor-icon { -webkit-animation: moveScale .2s linear; animation: moveScale .2s linear } .hoverColor:hover .hoverColor-containerVideoIcon { opacity: 0 } .hoverColor:hover .hoverColor-containerVideoIcon .hoverColor-icon2 { -webkit-animation: moveScaleFrom .2s linear; animation: moveScaleFrom .2s linear } @-webkit-keyframes moveTop { 0% { top: 0 } to { top: -8px } } @keyframes moveTop { 0% { top: 0 } to { top: -8px } } @-webkit-keyframes moveScaleEnd { 0% { -webkit-transform: scale(1); transform: scale(1) } to { -webkit-transform: scale(0); transform: scale(0) } } @keyframes moveScaleEnd { 0% { -webkit-transform: scale(1); transform: scale(1) } to { -webkit-transform: scale(0); transform: scale(0) } } @-webkit-keyframes moveScaleFrom { 0% { -webkit-transform: scale(0); transform: scale(0) } to { -webkit-transform: scale(1); transform: scale(1) } } @keyframes moveScaleFrom { 0% { -webkit-transform: scale(0); transform: scale(0) } to { -webkit-transform: scale(1); transform: scale(1) } } @-webkit-keyframes moveScale { 0% { -webkit-transform: scale(0); transform: scale(0) } to { -webkit-transform: scale(1); transform: scale(1) } } @keyframes moveScale { 0% { -webkit-transform: scale(0); transform: scale(0) } to { -webkit-transform: scale(1); transform: scale(1) } } .topicalIssues-item { width: 282px; height: 158px; -webkit-box-shadow: 0 8px 24px 0 rgba(34,38,48,.16); box-shadow: 0 8px 24px 0 rgba(34,38,48,.16); border-radius: 8px; overflow: hidden } .topicalIssues-item img { width: 100%; height: 100% } .invisible { height: 8px; width: 100%; background: transparent; position: absolute; bottom: -8px; border-radius: 8px; display: none } .hoverColor:hover .invisible { display: block } .selectedCases { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 1200px; height: 400px; margin: 0 auto 72px } .selectedCases img { width: 100%; height: 100% } .selectedCases .selectedCases-left { margin-right: 16px } .selectedCases .selectedCases-left .selectedCases-img1 { width: 416px; height: 188px; margin-bottom: 16px } .selectedCases .selectedCases-left .selectedCases-img2 { width: 416px; height: 196px } .selectedCases .selectedCases-middle .selectedCases-img3 { width: 268px; height: 400px; margin-right: 16px } .selectedCases .selectedCases-right .selectedCases-top { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 14px } .selectedCases .selectedCases-right .selectedCases-top .selectedCases-img4 { width: 220px; height: 228px; margin-right: 16px } .selectedCases .selectedCases-right .selectedCases-top .selectedCases-img5 { width: 248px; height: 228px } .selectedCases .selectedCases-right .selectedCases-img6 { width: 484px; height: 158px } .iconCases { width: 100%; height: 224px; margin-bottom: 24px; background: rgba(247,247,248,.8) } .iconCases .iconCases-container { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: 1200px; margin: 0 auto } .iconCases .iconCases-container,.iconCases .iconCases-container .iconCases-item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 224px } .iconCases .iconCases-container .iconCases-item { position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 171px; cursor: pointer } .iconCases .iconCases-container .iconCases-item .iconCases-img { width: 38px; height: 38px; margin: 66px 0 28px } .iconCases .iconCases-container .iconCases-item .iconCases-title { height: 24px; color: #171a1d; font-size: 16px; line-height: 24px; font-family: PingFangSC-Regular; text-align: center } .iconCases .iconCases-container .iconCases-item:hover { background: url(https://img.alicdn.com/imgextra/i2/O1CN01FjTUMZ23Ayj7Czsqu_!!6000000007216-2-tps-374-448.png) no-repeat; background-size: 100% 100%; -webkit-box-shadow: 0 9px 35px 0 rgba(0,0,0,.12); box-shadow: 0 9px 35px 0 rgba(0,0,0,.12) } .iconCases .iconCases-container .iconCases-item:hover .iconCases-title { color: #fff } .iconCases .iconCases-itemFour { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } .iconCases .iconCases-itemFour .iconCases-item { margin-right: 96px } .iconCases .iconCases-itemFour .iconCases-item:nth-of-type(4) { margin-right: 0 } .topicalIssues { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: 1200px; height: 158px; margin: 0 auto 48px; cursor: pointer } .onlineChat { position: fixed; right: 0; bottom: 48px; z-index: 999 } .onlineChat .onlineChat-consult { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; width: 58px; height: 142px; margin-bottom: 32px; background: var(--main-color); border-radius: 8px 0 0 8px; cursor: pointer } .onlineChat .onlineChat-consult img { width: 21px; height: 20px; margin-bottom: 9px } .onlineChat .onlineChat-consult p { width: 20px; color: #fff; font-size: 16px; line-height: 20px; text-align: center; font-family: PingFangSC-Medium } .onlineChat .onlineChat-consult:hover { -webkit-box-shadow: 0 4px 24px 0 rgba(34,38,48,.16); box-shadow: 0 4px 24px 0 rgba(34,38,48,.16); background: #fff } .onlineChat .onlineChat-consult:hover p { color: var(--main-color) } .onlineChat .onlineChat-toTop { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 44px; height: 44px; margin-left: 7px; background: #fff; border-radius: 50%; -webkit-box-shadow: 0 4px 25px 0 rgba(34,38,48,.16); box-shadow: 0 4px 25px 0 rgba(34,38,48,.16); cursor: pointer } .onlineChat .onlineChat-toTop img { width: 16px } .ant-modal { -webkit-box-sizing: border-box; box-sizing: border-box; color: rgba(0,0,0,.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; -webkit-font-feature-settings: "tnum","tnum"; font-feature-settings: "tnum","tnum"; pointer-events: none; position: relative; top: 100px; width: auto; max-width: calc(100vw - 32px); margin: 0 auto; padding: 0 0 24px } .ant-modal.ant-zoom-appear,.ant-modal.ant-zoom-enter { -webkit-transform: none; -ms-transform: none; transform: none; opacity: 0; -webkit-animation-duration: .3s; animation-duration: .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,.45) } .ant-modal-mask-hidden { display: none } .ant-modal-wrap { position: fixed; top: 0; right: 0; bottom: 0; left: 0; overflow: auto; outline: 0; z-index: 1000 } .ant-modal-title { margin: 0; color: rgba(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; -webkit-box-shadow: 0 3px 6px -4px rgba(0,0,0,.12),0 6px 16px 0 rgba(0,0,0,.08),0 9px 28px 8px rgba(0,0,0,.05); box-shadow: 0 3px 6px -4px rgba(0,0,0,.12),0 6px 16px 0 rgba(0,0,0,.08),0 9px 28px 8px rgba(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,.45); font-weight: 700; line-height: 1; text-decoration: none; background: transparent; border: 0; outline: 0; cursor: pointer; -webkit-transition: color .3s; transition: color .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,.75); text-decoration: none } .ant-modal-header { padding: 16px 24px; color: rgba(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 { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; 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,.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,.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-confirm .ant-modal-confirm-body>.anticon,.ant-modal-confirm-warning .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: auto; 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 } .ant-btn { line-height: 1.5715; position: relative; display: inline-block; font-weight: 400; white-space: nowrap; text-align: center; background-image: none; -webkit-box-shadow: 0 2px 0 rgba(0,0,0,.015); box-shadow: 0 2px 0 rgba(0,0,0,.015); cursor: pointer; -webkit-transition: all .3s cubic-bezier(.645,.045,.355,1); transition: all .3s cubic-bezier(.645,.045,.355,1); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: manipulation; touch-action: manipulation; height: 32px; padding: 4px 15px; font-size: 14px; border-radius: 2px; color: rgba(0,0,0,.85); border: 1px solid #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; -webkit-box-shadow: none; 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: 0 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:focus,.ant-btn:hover { color: #40a9ff; border-color: #40a9ff; background: #fff } .ant-btn:focus>a:only-child,.ant-btn:hover>a:only-child { color: currentcolor } .ant-btn:focus>a:only-child:after,.ant-btn:hover>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]:active,.ant-btn[disabled]:focus,.ant-btn[disabled]:hover { color: rgba(0,0,0,.25); border-color: #d9d9d9; background: #f5f5f5; text-shadow: none; -webkit-box-shadow: none; box-shadow: none } .ant-btn[disabled]:active>a:only-child,.ant-btn[disabled]:focus>a:only-child,.ant-btn[disabled]:hover>a:only-child,.ant-btn[disabled]>a:only-child { color: currentcolor } .ant-btn[disabled]:active>a:only-child:after,.ant-btn[disabled]:focus>a:only-child:after,.ant-btn[disabled]:hover>a:only-child:after,.ant-btn[disabled]>a:only-child:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: "" } .ant-btn:active,.ant-btn:focus,.ant-btn:hover { 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,.12); -webkit-box-shadow: 0 2px 0 rgba(0,0,0,.045); box-shadow: 0 2px 0 rgba(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:focus,.ant-btn-primary:hover { color: #fff; border-color: #40a9ff; background: #40a9ff } .ant-btn-primary:focus>a:only-child,.ant-btn-primary:hover>a:only-child { color: currentcolor } .ant-btn-primary:focus>a:only-child:after,.ant-btn-primary:hover>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]:active,.ant-btn-primary[disabled]:focus,.ant-btn-primary[disabled]:hover { color: rgba(0,0,0,.25); border-color: #d9d9d9; background: #f5f5f5; text-shadow: none; -webkit-box-shadow: none; box-shadow: none } .ant-btn-primary[disabled]:active>a:only-child,.ant-btn-primary[disabled]:focus>a:only-child,.ant-btn-primary[disabled]:hover>a:only-child,.ant-btn-primary[disabled]>a:only-child { color: currentcolor } .ant-btn-primary[disabled]:active>a:only-child:after,.ant-btn-primary[disabled]:focus>a:only-child:after,.ant-btn-primary[disabled]:hover>a:only-child:after,.ant-btn-primary[disabled]>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+.ant-btn-primary,.ant-btn-group .ant-btn-primary:last-child:not(:first-child) { border-left-color: #40a9ff } .ant-btn-group .ant-btn-primary+.ant-btn-primary[disabled],.ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled] { border-left-color: #d9d9d9 } .ant-btn-ghost { color: rgba(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:focus,.ant-btn-ghost:hover { color: #40a9ff; border-color: #40a9ff; background: transparent } .ant-btn-ghost:focus>a:only-child,.ant-btn-ghost:hover>a:only-child { color: currentcolor } .ant-btn-ghost:focus>a:only-child:after,.ant-btn-ghost:hover>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]:active,.ant-btn-ghost[disabled]:focus,.ant-btn-ghost[disabled]:hover { color: rgba(0,0,0,.25); border-color: #d9d9d9; background: #f5f5f5; text-shadow: none; -webkit-box-shadow: none; box-shadow: none } .ant-btn-ghost[disabled]:active>a:only-child,.ant-btn-ghost[disabled]:focus>a:only-child,.ant-btn-ghost[disabled]:hover>a:only-child,.ant-btn-ghost[disabled]>a:only-child { color: currentcolor } .ant-btn-ghost[disabled]:active>a:only-child:after,.ant-btn-ghost[disabled]:focus>a:only-child:after,.ant-btn-ghost[disabled]:hover>a:only-child:after,.ant-btn-ghost[disabled]>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,.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:focus,.ant-btn-dashed:hover { color: #40a9ff; border-color: #40a9ff; background: #fff } .ant-btn-dashed:focus>a:only-child,.ant-btn-dashed:hover>a:only-child { color: currentcolor } .ant-btn-dashed:focus>a:only-child:after,.ant-btn-dashed:hover>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]:active,.ant-btn-dashed[disabled]:focus,.ant-btn-dashed[disabled]:hover { color: rgba(0,0,0,.25); border-color: #d9d9d9; background: #f5f5f5; text-shadow: none; -webkit-box-shadow: none; box-shadow: none } .ant-btn-dashed[disabled]:active>a:only-child,.ant-btn-dashed[disabled]:focus>a:only-child,.ant-btn-dashed[disabled]:hover>a:only-child,.ant-btn-dashed[disabled]>a:only-child { color: currentcolor } .ant-btn-dashed[disabled]:active>a:only-child:after,.ant-btn-dashed[disabled]:focus>a:only-child:after,.ant-btn-dashed[disabled]:hover>a:only-child:after,.ant-btn-dashed[disabled]>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,.12); -webkit-box-shadow: 0 2px 0 rgba(0,0,0,.045); box-shadow: 0 2px 0 rgba(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:focus,.ant-btn-danger:hover { color: #fff; border-color: #ff7875; background: #ff7875 } .ant-btn-danger:focus>a:only-child,.ant-btn-danger:hover>a:only-child { color: currentcolor } .ant-btn-danger:focus>a:only-child:after,.ant-btn-danger:hover>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]:active,.ant-btn-danger[disabled]:focus,.ant-btn-danger[disabled]:hover { color: rgba(0,0,0,.25); border-color: #d9d9d9; background: #f5f5f5; text-shadow: none; -webkit-box-shadow: none; box-shadow: none } .ant-btn-danger[disabled]:active>a:only-child,.ant-btn-danger[disabled]:focus>a:only-child,.ant-btn-danger[disabled]:hover>a:only-child,.ant-btn-danger[disabled]>a:only-child { color: currentcolor } .ant-btn-danger[disabled]:active>a:only-child:after,.ant-btn-danger[disabled]:focus>a:only-child:after,.ant-btn-danger[disabled]:hover>a:only-child:after,.ant-btn-danger[disabled]>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; -webkit-box-shadow: none; 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:focus,.ant-btn-link:hover { color: #40a9ff; border-color: #40a9ff; background: transparent } .ant-btn-link:focus>a:only-child,.ant-btn-link:hover>a:only-child { color: currentcolor } .ant-btn-link:focus>a:only-child:after,.ant-btn-link:hover>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]:active,.ant-btn-link[disabled]:focus,.ant-btn-link[disabled]:hover { border-color: #d9d9d9; background: #f5f5f5 } .ant-btn-link:hover { background: transparent } .ant-btn-link:active,.ant-btn-link:focus,.ant-btn-link:hover { border-color: transparent } .ant-btn-link[disabled],.ant-btn-link[disabled]:active,.ant-btn-link[disabled]:focus,.ant-btn-link[disabled]:hover { color: rgba(0,0,0,.25); border-color: transparent; background: transparent; text-shadow: none; -webkit-box-shadow: none; box-shadow: none } .ant-btn-link[disabled]:active>a:only-child,.ant-btn-link[disabled]:focus>a:only-child,.ant-btn-link[disabled]:hover>a:only-child,.ant-btn-link[disabled]>a:only-child { color: currentcolor } .ant-btn-link[disabled]:active>a:only-child:after,.ant-btn-link[disabled]:focus>a:only-child:after,.ant-btn-link[disabled]:hover>a:only-child:after,.ant-btn-link[disabled]>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,.85); border-color: transparent; background: transparent; -webkit-box-shadow: none; 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:focus,.ant-btn-text:hover { color: #40a9ff; border-color: #40a9ff; background: transparent } .ant-btn-text:focus>a:only-child,.ant-btn-text:hover>a:only-child { color: currentcolor } .ant-btn-text:focus>a:only-child:after,.ant-btn-text:hover>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]:active,.ant-btn-text[disabled]:focus,.ant-btn-text[disabled]:hover { border-color: #d9d9d9; background: #f5f5f5 } .ant-btn-text:focus,.ant-btn-text:hover { color: rgba(0,0,0,.85); background: rgba(0,0,0,.018); border-color: transparent } .ant-btn-text:active { color: rgba(0,0,0,.85); background: rgba(0,0,0,.028); border-color: transparent } .ant-btn-text[disabled],.ant-btn-text[disabled]:active,.ant-btn-text[disabled]:focus,.ant-btn-text[disabled]:hover { color: rgba(0,0,0,.25); border-color: transparent; background: transparent; text-shadow: none; -webkit-box-shadow: none; box-shadow: none } .ant-btn-text[disabled]:active>a:only-child,.ant-btn-text[disabled]:focus>a:only-child,.ant-btn-text[disabled]:hover>a:only-child,.ant-btn-text[disabled]>a:only-child { color: currentcolor } .ant-btn-text[disabled]:active>a:only-child:after,.ant-btn-text[disabled]:focus>a:only-child:after,.ant-btn-text[disabled]:hover>a:only-child:after,.ant-btn-text[disabled]>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:focus,.ant-btn-dangerous:hover { color: #ff7875; border-color: #ff7875; background: #fff } .ant-btn-dangerous:focus>a:only-child,.ant-btn-dangerous:hover>a:only-child { color: currentcolor } .ant-btn-dangerous:focus>a:only-child:after,.ant-btn-dangerous:hover>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]:active,.ant-btn-dangerous[disabled]:focus,.ant-btn-dangerous[disabled]:hover { color: rgba(0,0,0,.25); border-color: #d9d9d9; background: #f5f5f5; text-shadow: none; -webkit-box-shadow: none; box-shadow: none } .ant-btn-dangerous[disabled]:active>a:only-child,.ant-btn-dangerous[disabled]:focus>a:only-child,.ant-btn-dangerous[disabled]:hover>a:only-child,.ant-btn-dangerous[disabled]>a:only-child { color: currentcolor } .ant-btn-dangerous[disabled]:active>a:only-child:after,.ant-btn-dangerous[disabled]:focus>a:only-child:after,.ant-btn-dangerous[disabled]:hover>a:only-child:after,.ant-btn-dangerous[disabled]>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,.12); -webkit-box-shadow: 0 2px 0 rgba(0,0,0,.045); box-shadow: 0 2px 0 rgba(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:focus,.ant-btn-dangerous.ant-btn-primary:hover { color: #fff; border-color: #ff7875; background: #ff7875 } .ant-btn-dangerous.ant-btn-primary:focus>a:only-child,.ant-btn-dangerous.ant-btn-primary:hover>a:only-child { color: currentcolor } .ant-btn-dangerous.ant-btn-primary:focus>a:only-child:after,.ant-btn-dangerous.ant-btn-primary:hover>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]:active,.ant-btn-dangerous.ant-btn-primary[disabled]:focus,.ant-btn-dangerous.ant-btn-primary[disabled]:hover { color: rgba(0,0,0,.25); border-color: #d9d9d9; background: #f5f5f5; text-shadow: none; -webkit-box-shadow: none; box-shadow: none } .ant-btn-dangerous.ant-btn-primary[disabled]:active>a:only-child,.ant-btn-dangerous.ant-btn-primary[disabled]:focus>a:only-child,.ant-btn-dangerous.ant-btn-primary[disabled]:hover>a:only-child,.ant-btn-dangerous.ant-btn-primary[disabled]>a:only-child { color: currentcolor } .ant-btn-dangerous.ant-btn-primary[disabled]:active>a:only-child:after,.ant-btn-dangerous.ant-btn-primary[disabled]:focus>a:only-child:after,.ant-btn-dangerous.ant-btn-primary[disabled]:hover>a:only-child:after,.ant-btn-dangerous.ant-btn-primary[disabled]>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; -webkit-box-shadow: none; 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:focus,.ant-btn-dangerous.ant-btn-link:hover { color: #40a9ff; border-color: #40a9ff } .ant-btn-dangerous.ant-btn-link:active { color: #096dd9; border-color: #096dd9 } .ant-btn-dangerous.ant-btn-link[disabled],.ant-btn-dangerous.ant-btn-link[disabled]:active,.ant-btn-dangerous.ant-btn-link[disabled]:focus,.ant-btn-dangerous.ant-btn-link[disabled]:hover { border-color: #d9d9d9; background: #f5f5f5 } .ant-btn-dangerous.ant-btn-link:focus,.ant-btn-dangerous.ant-btn-link:hover { color: #ff7875; border-color: transparent; background: transparent } .ant-btn-dangerous.ant-btn-link:focus>a:only-child,.ant-btn-dangerous.ant-btn-link:hover>a:only-child { color: currentcolor } .ant-btn-dangerous.ant-btn-link:focus>a:only-child:after,.ant-btn-dangerous.ant-btn-link:hover>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]:active,.ant-btn-dangerous.ant-btn-link[disabled]:focus,.ant-btn-dangerous.ant-btn-link[disabled]:hover { color: rgba(0,0,0,.25); border-color: transparent; background: transparent; text-shadow: none; -webkit-box-shadow: none; box-shadow: none } .ant-btn-dangerous.ant-btn-link[disabled]:active>a:only-child,.ant-btn-dangerous.ant-btn-link[disabled]:focus>a:only-child,.ant-btn-dangerous.ant-btn-link[disabled]:hover>a:only-child,.ant-btn-dangerous.ant-btn-link[disabled]>a:only-child { color: currentcolor } .ant-btn-dangerous.ant-btn-link[disabled]:active>a:only-child:after,.ant-btn-dangerous.ant-btn-link[disabled]:focus>a:only-child:after,.ant-btn-dangerous.ant-btn-link[disabled]:hover>a:only-child:after,.ant-btn-dangerous.ant-btn-link[disabled]>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; -webkit-box-shadow: none; 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:focus,.ant-btn-dangerous.ant-btn-text:hover { color: #40a9ff; border-color: #40a9ff; background: transparent } .ant-btn-dangerous.ant-btn-text:active { color: #096dd9; border-color: #096dd9; background: transparent } .ant-btn-dangerous.ant-btn-text[disabled],.ant-btn-dangerous.ant-btn-text[disabled]:active,.ant-btn-dangerous.ant-btn-text[disabled]:focus,.ant-btn-dangerous.ant-btn-text[disabled]:hover { border-color: #d9d9d9; background: #f5f5f5 } .ant-btn-dangerous.ant-btn-text:focus,.ant-btn-dangerous.ant-btn-text:hover { color: #ff7875; border-color: transparent; background: rgba(0,0,0,.018) } .ant-btn-dangerous.ant-btn-text:focus>a:only-child,.ant-btn-dangerous.ant-btn-text:hover>a:only-child { color: currentcolor } .ant-btn-dangerous.ant-btn-text:focus>a:only-child:after,.ant-btn-dangerous.ant-btn-text:hover>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,.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]:active,.ant-btn-dangerous.ant-btn-text[disabled]:focus,.ant-btn-dangerous.ant-btn-text[disabled]:hover { color: rgba(0,0,0,.25); border-color: transparent; background: transparent; text-shadow: none; -webkit-box-shadow: none; box-shadow: none } .ant-btn-dangerous.ant-btn-text[disabled]:active>a:only-child,.ant-btn-dangerous.ant-btn-text[disabled]:focus>a:only-child,.ant-btn-dangerous.ant-btn-text[disabled]:hover>a:only-child,.ant-btn-dangerous.ant-btn-text[disabled]>a:only-child { color: currentcolor } .ant-btn-dangerous.ant-btn-text[disabled]:active>a:only-child:after,.ant-btn-dangerous.ant-btn-text[disabled]:focus>a:only-child:after,.ant-btn-dangerous.ant-btn-text[disabled]:hover>a:only-child:after,.ant-btn-dangerous.ant-btn-text[disabled]>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: 0; font-size: 14px; border-radius: 2px } .ant-btn-icon-only.ant-btn-sm>* { font-size: 14px } .ant-btn-icon-only>.anticon { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; 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: 0 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: .35; -webkit-transition: opacity .2s; transition: opacity .2s; content: ""; pointer-events: none } .ant-btn .anticon { -webkit-transition: margin-left .3s cubic-bezier(.645,.045,.355,1); transition: margin-left .3s cubic-bezier(.645,.045,.355,1) } .ant-btn .anticon.anticon-minus>svg,.ant-btn .anticon.anticon-plus>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 { -webkit-transition: width .3s cubic-bezier(.645,.045,.355,1),opacity .3s cubic-bezier(.645,.045,.355,1); transition: width .3s cubic-bezier(.645,.045,.355,1),opacity .3s cubic-bezier(.645,.045,.355,1) } .ant-btn>.ant-btn-loading-icon .anticon { padding-right: 8px; -webkit-animation: none; animation: none } .ant-btn>.ant-btn-loading-icon .anticon svg { -webkit-animation: loadingCircle 1s linear infinite; animation: loadingCircle 1s linear infinite } .ant-btn-group { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex } .ant-btn-group,.ant-btn-group>.ant-btn,.ant-btn-group>span>.ant-btn { position: relative } .ant-btn-group>.ant-btn:active,.ant-btn-group>.ant-btn:focus,.ant-btn-group>.ant-btn:hover,.ant-btn-group>span>.ant-btn:active,.ant-btn-group>span>.ant-btn:focus,.ant-btn-group>span>.ant-btn:hover { 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+.ant-btn-group,.ant-btn-group+.ant-btn,.ant-btn-group+.ant-btn-group,.ant-btn-group .ant-btn+.ant-btn,.ant-btn-group .ant-btn+span,.ant-btn-group>span+span,.ant-btn-group span+.ant-btn { 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,.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,.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-group-rtl.ant-btn+.ant-btn-group,.ant-btn-group-rtl.ant-btn-group+.ant-btn,.ant-btn-group-rtl.ant-btn-group+.ant-btn-group,.ant-btn-group-rtl.ant-btn-group .ant-btn+.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 span+.ant-btn,.ant-btn-rtl.ant-btn+.ant-btn-group,.ant-btn-rtl.ant-btn-group+.ant-btn,.ant-btn-rtl.ant-btn-group+.ant-btn-group,.ant-btn-rtl.ant-btn-group .ant-btn+.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 span+.ant-btn { 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:active>span,.ant-btn:focus>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:active,.ant-btn.ant-btn-background-ghost:focus,.ant-btn.ant-btn-background-ghost:hover { background: transparent } .ant-btn.ant-btn-background-ghost:focus,.ant-btn.ant-btn-background-ghost:hover { 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,.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:focus,.ant-btn-background-ghost.ant-btn-primary:hover { color: #40a9ff; border-color: #40a9ff } .ant-btn-background-ghost.ant-btn-primary:focus>a:only-child,.ant-btn-background-ghost.ant-btn-primary:hover>a:only-child { color: currentcolor } .ant-btn-background-ghost.ant-btn-primary:focus>a:only-child:after,.ant-btn-background-ghost.ant-btn-primary:hover>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]:active,.ant-btn-background-ghost.ant-btn-primary[disabled]:focus,.ant-btn-background-ghost.ant-btn-primary[disabled]:hover { color: rgba(0,0,0,.25); border-color: #d9d9d9; background: #f5f5f5; text-shadow: none; -webkit-box-shadow: none; box-shadow: none } .ant-btn-background-ghost.ant-btn-primary[disabled]:active>a:only-child,.ant-btn-background-ghost.ant-btn-primary[disabled]:focus>a:only-child,.ant-btn-background-ghost.ant-btn-primary[disabled]:hover>a:only-child,.ant-btn-background-ghost.ant-btn-primary[disabled]>a:only-child { color: currentcolor } .ant-btn-background-ghost.ant-btn-primary[disabled]:active>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]:hover>a:only-child:after,.ant-btn-background-ghost.ant-btn-primary[disabled]>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:focus,.ant-btn-background-ghost.ant-btn-danger:hover { color: #ff7875; border-color: #ff7875 } .ant-btn-background-ghost.ant-btn-danger:focus>a:only-child,.ant-btn-background-ghost.ant-btn-danger:hover>a:only-child { color: currentcolor } .ant-btn-background-ghost.ant-btn-danger:focus>a:only-child:after,.ant-btn-background-ghost.ant-btn-danger:hover>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]:active,.ant-btn-background-ghost.ant-btn-danger[disabled]:focus,.ant-btn-background-ghost.ant-btn-danger[disabled]:hover { color: rgba(0,0,0,.25); border-color: #d9d9d9; background: #f5f5f5; text-shadow: none; -webkit-box-shadow: none; box-shadow: none } .ant-btn-background-ghost.ant-btn-danger[disabled]:active>a:only-child,.ant-btn-background-ghost.ant-btn-danger[disabled]:focus>a:only-child,.ant-btn-background-ghost.ant-btn-danger[disabled]:hover>a:only-child,.ant-btn-background-ghost.ant-btn-danger[disabled]>a:only-child { color: currentcolor } .ant-btn-background-ghost.ant-btn-danger[disabled]:active>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]:hover>a:only-child:after,.ant-btn-background-ghost.ant-btn-danger[disabled]>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:focus,.ant-btn-background-ghost.ant-btn-dangerous:hover { color: #ff7875; border-color: #ff7875 } .ant-btn-background-ghost.ant-btn-dangerous:focus>a:only-child,.ant-btn-background-ghost.ant-btn-dangerous:hover>a:only-child { color: currentcolor } .ant-btn-background-ghost.ant-btn-dangerous:focus>a:only-child:after,.ant-btn-background-ghost.ant-btn-dangerous:hover>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]:active,.ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus,.ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover { color: rgba(0,0,0,.25); border-color: #d9d9d9; background: #f5f5f5; text-shadow: none; -webkit-box-shadow: none; box-shadow: none } .ant-btn-background-ghost.ant-btn-dangerous[disabled]:active>a:only-child,.ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus>a:only-child,.ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover>a:only-child,.ant-btn-background-ghost.ant-btn-dangerous[disabled]>a:only-child { color: currentcolor } .ant-btn-background-ghost.ant-btn-dangerous[disabled]:active>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]:hover>a:only-child:after,.ant-btn-background-ghost.ant-btn-dangerous[disabled]>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:focus,.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover { color: #ff7875; border-color: transparent } .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus>a:only-child,.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover>a:only-child { color: currentcolor } .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus>a:only-child:after,.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover>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]:active,.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus,.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover { color: rgba(0,0,0,.25); border-color: #d9d9d9; background: #f5f5f5; text-shadow: none; -webkit-box-shadow: none; box-shadow: none } .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active>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]:hover>a:only-child,.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]>a:only-child { color: currentcolor } .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active>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]:hover>a:only-child:after,.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]>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: .34em } .ant-btn-two-chinese-chars>:not(.anticon) { margin-right: -.34em; letter-spacing: .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: .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:active,a.ant-btn-disabled:focus,a.ant-btn-disabled:hover { color: rgba(0,0,0,.25); border-color: transparent; background: transparent; text-shadow: none; -webkit-box-shadow: none; box-shadow: none } a.ant-btn-disabled:active>a:only-child,a.ant-btn-disabled:focus>a:only-child,a.ant-btn-disabled:hover>a:only-child,a.ant-btn-disabled>a:only-child { color: currentcolor } a.ant-btn-disabled:active>a:only-child:after,a.ant-btn-disabled:focus>a:only-child:after,a.ant-btn-disabled:hover>a:only-child:after,a.ant-btn-disabled>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:active,.ant-btn-compact-item:focus,.ant-btn-compact-item:hover { 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-last-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-item-rtl.ant-btn-compact-first-item:not(.ant-btn-compact-last-item),.ant-btn-compact-item.ant-btn.ant-btn-compact-last-item:not(.ant-btn-compact-first-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-last-item:not(.ant-btn-compact-first-item) { border-top-right-radius: 0; border-bottom-right-radius: 0 } .ant-btn-icon-only.ant-btn-compact-item { -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; 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% + 2px); 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:active,.ant-btn-compact-vertical-item:focus,.ant-btn-compact-vertical-item:hover { 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:not(.ant-btn-compact-vertical-last-item) { border-bottom-right-radius: 0; border-bottom-left-radius: 0 } .ant-btn-compact-vertical-item.ant-btn-compact-vertical-last-item:not(.ant-btn-compact-vertical-first-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% + 2px); height: 1px; background-color: #40a9ff; content: " " } .ant-btn-rtl { direction: rtl } .ant-btn-group-rtl.ant-btn-group .ant-btn-primary+.ant-btn-primary,.ant-btn-group-rtl.ant-btn-group .ant-btn-primary:last-child:not(:first-child) { border-right-color: #40a9ff; border-left-color: #d9d9d9 } .ant-btn-group-rtl.ant-btn-group .ant-btn-primary+.ant-btn-primary[disabled],.ant-btn-group-rtl.ant-btn-group .ant-btn-primary:last-child:not(:first-child)[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 } .ant-carousel { margin: 0; padding: 0; color: rgba(0,0,0,.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; -webkit-font-feature-settings: "tnum","tnum"; font-feature-settings: "tnum","tnum" } .ant-carousel,.ant-carousel .slick-slider { -webkit-box-sizing: border-box; box-sizing: border-box } .ant-carousel .slick-slider { position: relative; display: block; -ms-touch-action: pan-y; 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-checkbox-input,.ant-carousel .slick-list .slick-slide input.ant-radio-input { visibility: hidden } .ant-carousel .slick-list .slick-slide.slick-active { pointer-events: auto } .ant-carousel .slick-list .slick-slide.slick-active input.ant-checkbox-input,.ant-carousel .slick-list .slick-slide.slick-active input.ant-radio-input { visibility: visible } .ant-carousel .slick-list .slick-slide>div>div { vertical-align: bottom } .ant-carousel .slick-slider .slick-list,.ant-carousel .slick-slider .slick-track { -webkit-transform: translateZ(0); transform: translateZ(0); -ms-touch-action: pan-y; touch-action: pan-y } .ant-carousel .slick-track { position: relative; top: 0; left: 0; display: block } .ant-carousel .slick-track:after,.ant-carousel .slick-track:before { 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-next,.ant-carousel .slick-prev { position: absolute; top: 50%; display: block; width: 20px; height: 20px; margin-top: -10px; padding: 0; font-size: 0; line-height: 0; border: 0; cursor: pointer } .ant-carousel .slick-next,.ant-carousel .slick-next:focus,.ant-carousel .slick-next:hover,.ant-carousel .slick-prev,.ant-carousel .slick-prev:focus,.ant-carousel .slick-prev:hover { color: transparent; background: transparent; outline: none } .ant-carousel .slick-next:focus:before,.ant-carousel .slick-next:hover:before,.ant-carousel .slick-prev:focus:before,.ant-carousel .slick-prev:hover:before { opacity: 1 } .ant-carousel .slick-next.slick-disabled:before,.ant-carousel .slick-prev.slick-disabled:before { opacity: .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: -webkit-box!important; display: -webkit-flex!important; display: -ms-flexbox!important; display: flex!important; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; 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 { display: inline-block; -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-box-sizing: content-box; box-sizing: content-box; width: 16px; margin: 0 4px; text-align: center; text-indent: -999px; vertical-align: top } .ant-carousel .slick-dots li,.ant-carousel .slick-dots li button { position: relative; height: 3px; padding: 0; -webkit-transition: all .5s; transition: all .5s } .ant-carousel .slick-dots li button { display: block; width: 100%; color: transparent; font-size: 0; background: #fff; border: 0; border-radius: 1px; outline: none; cursor: pointer; opacity: .3 } .ant-carousel .slick-dots li button:focus,.ant-carousel .slick-dots li button:hover { opacity: .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:focus,.ant-carousel .slick-dots li.slick-active:hover { opacity: 1 } .ant-carousel-vertical .slick-dots { top: 50%; bottom: auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 3px; height: auto; margin: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); 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,.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 { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse } .ant-carousel-rtl.ant-carousel-vertical .slick-dots { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column } .customer { width: 1264px!important; margin: 0 auto; margin-top: -32px!important; margin-bottom: 48px!important } .customer .customer-container { display: -webkit-box!important; display: -webkit-flex!important; display: -ms-flexbox!important; display: flex!important } .customer .customer-container .customer-item { height: 352px; margin-right: 36px; background: #fff } .customer .customer-container .customer-item .customer-content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; height: 140px; padding: 0 24px } .customer .customer-container .customer-item .customer-content .customer-title { height: 32px; margin-bottom: 18px; font-size: 22px; line-height: 32px; color: #171a1d; font-family: PingFangSC-Medium } .customer .customer-container .customer-item .customer-content .customer-logoSingle { height: 22px; margin: 1px 0 } .customer .customer-container .customer-item .customer-content .customer-logoDouble { height: 26px; margin: 1px 0 } .customer-modal { width: 848px!important; height: 476px; top: 50%!important; margin-top: -238px } .customer-video { border-radius: 8px; overflow: hidden } .ant-modal-content { background: transparent } .customer-modalX { height: 56px; width: 56px; position: absolute; right: -68px; top: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; border-radius: 8px; z-index: 9999; cursor: pointer } .customer-modalX img { height: 22px; width: 22px } .customer-modalX:hover { background: #737373; opacity: .9 } .ant-modal-close { top: -12px; right: -63px } .ant-modal-close-x { color: #fff; font-size: 22px; opacity: 0 } .customer-video { position: absolute; top: 0; left: 0; width: 100% } .slick-dots { bottom: -17px!important } .slick-dots li { width: 8px!important; margin: 0 8px 0 0!important } .slick-dots li button { width: 8px!important; height: 8px!important; background: #cfd2d5!important; background-color: #cfd2d5!important; border-radius: 50%!important } .slick-dots .slick-active { width: 24px!important } .slick-dots .slick-active button { width: 24px!important; background: var(--main-color)!important; background-color: var(--main-color)!important; border-radius: 5px!important } .slick-list { height: 416px!important } .slick-list .slick-track { margin-top: 32px!important } .slick-list .slick-track .slick-slide { width: 1200px!important; margin: 0 32px!important } .ant-modal-mask { background-color: rgba(0,0,0,.7) } .registerBanner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; min-width: 1200px; height: 248px; margin-top: 58px; background: url(https://img.alicdn.com/imgextra/i1/O1CN01JxVOa81UPcqDTNGM8_!!6000000002510-2-tps-2880-496.png) no-repeat; background-size: 100% 100% } .registerBanner .registerBanner-title { height: 48px; margin-bottom: 32px; color: #fff; font-size: 32px; line-height: 48px; text-align: center; font-family: PingFangSC-Semibold } .registerBanner .registerBanner-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .registerBanner .registerBanner-container div { width: 160px; height: 52px; font-size: 16px; font-family: PingFangSC-Medium; line-height: 52px; text-align: center; border-radius: 5px; cursor: pointer } .registerBanner .registerBanner-container .registerBanner-btn { color: #fff; border: 1px solid #fff } .registerBanner .registerBanner-container .registerBanner-btn1 { color: var(--main-color); background: #fff } .registerBanner .registerBanner-container .registerBanner-btn:first-of-type { margin-right: 16px } .registerBanner .registerBanner-container .registerBanner-btn:hover { color: var(--main-color)!important; background: #eef0f4!important; border: 1px solid #eef0f4!important } .ant-message { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; color: rgba(0,0,0,.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; -webkit-font-feature-settings: "tnum","tnum"; font-feature-settings: "tnum","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; -webkit-box-shadow: 0 3px 6px -4px rgba(0,0,0,.12),0 6px 16px 0 rgba(0,0,0,.08),0 9px 28px 8px rgba(0,0,0,.05); box-shadow: 0 3px 6px -4px rgba(0,0,0,.12),0 6px 16px 0 rgba(0,0,0,.08),0 9px 28px 8px rgba(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 { -webkit-animation-name: MessageMoveOut; animation-name: MessageMoveOut; -webkit-animation-duration: .3s; animation-duration: .3s } @-webkit-keyframes MessageMoveOut { 0% { max-height: 150px; padding: 8px; opacity: 1 } to { max-height: 0; padding: 0; opacity: 0 } } @keyframes MessageMoveOut { 0% { max-height: 150px; padding: 8px; opacity: 1 } to { max-height: 0; padding: 0; opacity: 0 } } .ant-message-rtl,.ant-message-rtl span { direction: rtl } .ant-message-rtl .anticon { margin-right: 0; margin-left: 8px } .filter-img { width: 20px; height: 20px; margin-right: 3px } .dtd-modal-content .modal { height: 376px; position: relative } .dtd-modal-content .modal .modal-check { height: 376px; overflow: auto; padding-top: 13px; color: #171a1d; font-family: PingFangSC-Regular } .dtd-modal-content .modal .modal-check .dtd-checkbox-wrapper { height: 36px } .dtd-modal-content .modal .modal-check .modal-btn { position: absolute; right: 18px; top: 13px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .dtd-modal-content .modal .modal-check .modal-btn .reset,.dtd-modal-content .modal .modal-check .modal-btn .reset span { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } .dtd-modal-content .modal .modal-check .modal-btn .dtd-btn { width: 86px; height: 36px; border: none; -webkit-box-shadow: none; box-shadow: none; border-radius: 4px; font-size: 16px } .dtd-modal-content .modal .modal-check .modal-btn .dtd-btn-default:hover { background: rgba(23,26,29,.06) } .dtd-modal-content .modal .modal-check .modal-btn:after { content: ""; width: 1px; height: 16px; background: rgba(23,26,29,.06); position: absolute; top: 12px; left: 87px } .dtd-modal-content .modal .modal-check .modal-btn:hover:after { display: none } .dtd-modal-content .modal .modal-check .modal-btn .dtd-checkbox-wrapper-checked { background: var(--third-color) } .dtd-modal-content .modal .modal-check .modal-btn .dtd-checkbox-wrapper-checked .modal-btn:after { content: "" } .dtd-modal-content .modal .modal-check .dtd-checkbox-wrapper { padding: 6px 16px!important; font-size: 16px } .dtd-modal-content .modal .modal-check .modal-checkbox { position: absolute; top: 64px; height: 312px; overflow: auto } .dtd-modal-content .modal .modal-check .modal-checkbox .dtd-checkbox-wrapper { padding: 6px 16px!important } [class*=dtd-]::-ms-clear,[class*=dtd-] input::-ms-clear,[class*=dtd-] input::-ms-reveal,[class^=dtd-]::-ms-clear,[class^=dtd-] input::-ms-clear,[class^=dtd-] input::-ms-reveal { display: none } body,html { width: 100%; height: 100% } input::-ms-clear,input::-ms-reveal { display: none } *,:after,:before { -webkit-box-sizing: border-box; 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: #171a1d; color: var(--common_level1_base_color,#171a1d); 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; -webkit-font-feature-settings: "tnum"; font-feature-settings: "tnum","tnum" } [tabindex="-1"]:focus { outline: none!important } hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; overflow: visible } h1,h2,h3,h4,h5,h6 { margin-top: 0; margin-bottom: .5em; color: rgba(0,0,0,.85); font-weight: 500 } p { margin-top: 0; margin-bottom: 1em } abbr[data-original-title],abbr[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=number],input[type=password],input[type=text],textarea { -webkit-appearance: none } dl,ol,ul { margin-top: 0; margin-bottom: 1em } ol ol,ol ul,ul ol,ul ul { margin-bottom: 0 } dt { font-weight: 500 } dd { margin-bottom: .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: -.25em } sup { top: -.5em } a { color: var(--main-color); text-decoration: none; background-color: transparent; outline: none; cursor: pointer; -webkit-transition: color .3s; transition: color .3s; -webkit-text-decoration-skip: objects } a:hover { color: #29a2ff } a:active { color: #006cd9 } a:active,a:focus,a:hover { text-decoration: none; outline: 0 } a[disabled] { color: rgba(0,0,0,.25); cursor: not-allowed } code,kbd,pre,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 } svg:not(:root) { overflow: hidden } [role=button],a,area,button,input:not([type=range]),label,select,summary,textarea { -ms-touch-action: manipulation; touch-action: manipulation } table { border-collapse: collapse } caption { padding-top: .75em; padding-bottom: .3em; color: rgba(23,26,29,.6); color: var(--common_level2_base_color,rgba(23,26,29,.6)); text-align: left; caption-side: bottom } button,input,optgroup,select,textarea { margin: 0; color: inherit; font-size: inherit; font-family: inherit; line-height: inherit } button,input { overflow: visible } button,select { text-transform: none } [type=reset],[type=submit],button,html [type=button] { -webkit-appearance: button } [type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { padding: 0; border-style: none } input[type=checkbox],input[type=radio] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 } input[type=date],input[type=datetime-local],input[type=month],input[type=time] { -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: .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: .2em; background-color: #feffe6 } ::-moz-selection { color: #fff; background: var(--main-color) } ::selection { color: #fff; background: var(--main-color) } .clearfix:after,.clearfix:before { display: table; content: "" } .clearfix:after { clear: both } .anticon { display: inline-block; color: inherit; font-style: normal; line-height: 0; text-align: center; text-transform: none; vertical-align: -.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[tabindex] { cursor: pointer } .anticon-spin,.anticon-spin:before { display: inline-block; -webkit-animation: loadingCircle 1s linear infinite; animation: loadingCircle 1s linear infinite } .dtd-fade-appear,.dtd-fade-enter,.dtd-fade-leave { -webkit-animation-duration: .2s; animation-duration: .2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused } .dtd-fade-appear.dtd-fade-appear-active,.dtd-fade-enter.dtd-fade-enter-active { -webkit-animation-name: antFadeIn; animation-name: antFadeIn; -webkit-animation-play-state: running; animation-play-state: running } .dtd-fade-leave.dtd-fade-leave-active { -webkit-animation-name: antFadeOut; animation-name: antFadeOut; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none } .dtd-fade-appear,.dtd-fade-enter { opacity: 0 } .dtd-fade-appear,.dtd-fade-enter,.dtd-fade-leave { -webkit-animation-timing-function: linear; animation-timing-function: linear } .dtd-move-up-appear,.dtd-move-up-enter,.dtd-move-up-leave { -webkit-animation-duration: .2s; animation-duration: .2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused } .dtd-move-up-appear.dtd-move-up-appear-active,.dtd-move-up-enter.dtd-move-up-enter-active { -webkit-animation-name: antMoveUpIn; animation-name: antMoveUpIn; -webkit-animation-play-state: running; animation-play-state: running } .dtd-move-up-leave.dtd-move-up-leave-active { -webkit-animation-name: antMoveUpOut; animation-name: antMoveUpOut; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none } .dtd-move-up-appear,.dtd-move-up-enter { opacity: 0; -webkit-animation-timing-function: cubic-bezier(.08,.82,.17,1); animation-timing-function: cubic-bezier(.08,.82,.17,1) } .dtd-move-up-leave { -webkit-animation-timing-function: cubic-bezier(.6,.04,.98,.34); animation-timing-function: cubic-bezier(.6,.04,.98,.34) } .dtd-move-down-appear,.dtd-move-down-enter,.dtd-move-down-leave { -webkit-animation-duration: .2s; animation-duration: .2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused } .dtd-move-down-appear.dtd-move-down-appear-active,.dtd-move-down-enter.dtd-move-down-enter-active { -webkit-animation-name: antMoveDownIn; animation-name: antMoveDownIn; -webkit-animation-play-state: running; animation-play-state: running } .dtd-move-down-leave.dtd-move-down-leave-active { -webkit-animation-name: antMoveDownOut; animation-name: antMoveDownOut; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none } .dtd-move-down-appear,.dtd-move-down-enter { opacity: 0; -webkit-animation-timing-function: cubic-bezier(.08,.82,.17,1); animation-timing-function: cubic-bezier(.08,.82,.17,1) } .dtd-move-down-leave { -webkit-animation-timing-function: cubic-bezier(.6,.04,.98,.34); animation-timing-function: cubic-bezier(.6,.04,.98,.34) } .dtd-move-left-appear,.dtd-move-left-enter,.dtd-move-left-leave { -webkit-animation-duration: .2s; animation-duration: .2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused } .dtd-move-left-appear.dtd-move-left-appear-active,.dtd-move-left-enter.dtd-move-left-enter-active { -webkit-animation-name: antMoveLeftIn; animation-name: antMoveLeftIn; -webkit-animation-play-state: running; animation-play-state: running } .dtd-move-left-leave.dtd-move-left-leave-active { -webkit-animation-name: antMoveLeftOut; animation-name: antMoveLeftOut; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none } .dtd-move-left-appear,.dtd-move-left-enter { opacity: 0; -webkit-animation-timing-function: cubic-bezier(.08,.82,.17,1); animation-timing-function: cubic-bezier(.08,.82,.17,1) } .dtd-move-left-leave { -webkit-animation-timing-function: cubic-bezier(.6,.04,.98,.34); animation-timing-function: cubic-bezier(.6,.04,.98,.34) } .dtd-move-right-appear,.dtd-move-right-enter,.dtd-move-right-leave { -webkit-animation-duration: .2s; animation-duration: .2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused } .dtd-move-right-appear.dtd-move-right-appear-active,.dtd-move-right-enter.dtd-move-right-enter-active { -webkit-animation-name: antMoveRightIn; animation-name: antMoveRightIn; -webkit-animation-play-state: running; animation-play-state: running } .dtd-move-right-leave.dtd-move-right-leave-active { -webkit-animation-name: antMoveRightOut; animation-name: antMoveRightOut; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none } .dtd-move-right-appear,.dtd-move-right-enter { opacity: 0; -webkit-animation-timing-function: cubic-bezier(.08,.82,.17,1); animation-timing-function: cubic-bezier(.08,.82,.17,1) } .dtd-move-right-leave { -webkit-animation-timing-function: cubic-bezier(.6,.04,.98,.34); animation-timing-function: cubic-bezier(.6,.04,.98,.34) } [dtd-click-animating-without-extra-node=true],[dtd-click-animating=true] { position: relative } html { --antd-wave-shadow-color: var(--main-color); --scroll-bar: 0 } .dtd-click-animating-node,[dtd-click-animating-without-extra-node=true]:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; border-radius: inherit; -webkit-box-shadow: 0 0 0 0 var(--main-color); box-shadow: 0 0 0 0 var(--main-color); -webkit-box-shadow: 0 0 0 0 var(--antd-wave-shadow-color); box-shadow: 0 0 0 0 var(--antd-wave-shadow-color); opacity: .2; -webkit-animation: fadeEffect 2s cubic-bezier(.08,.82,.17,1),waveEffect .4s cubic-bezier(.08,.82,.17,1); animation: fadeEffect 2s cubic-bezier(.08,.82,.17,1),waveEffect .4s cubic-bezier(.08,.82,.17,1); -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; content: ""; pointer-events: none } .dtd-slide-up-appear,.dtd-slide-up-enter,.dtd-slide-up-leave { -webkit-animation-duration: .2s; animation-duration: .2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused } .dtd-slide-up-appear.dtd-slide-up-appear-active,.dtd-slide-up-enter.dtd-slide-up-enter-active { -webkit-animation-name: antSlideUpIn; animation-name: antSlideUpIn; -webkit-animation-play-state: running; animation-play-state: running } .dtd-slide-up-leave.dtd-slide-up-leave-active { -webkit-animation-name: antSlideUpOut; animation-name: antSlideUpOut; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none } .dtd-slide-up-appear,.dtd-slide-up-enter { opacity: 0; -webkit-animation-timing-function: cubic-bezier(.23,1,.32,1); animation-timing-function: cubic-bezier(.23,1,.32,1) } .dtd-slide-up-leave { -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06); animation-timing-function: cubic-bezier(.755,.05,.855,.06) } .dtd-slide-down-appear,.dtd-slide-down-enter,.dtd-slide-down-leave { -webkit-animation-duration: .2s; animation-duration: .2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused } .dtd-slide-down-appear.dtd-slide-down-appear-active,.dtd-slide-down-enter.dtd-slide-down-enter-active { -webkit-animation-name: antSlideDownIn; animation-name: antSlideDownIn; -webkit-animation-play-state: running; animation-play-state: running } .dtd-slide-down-leave.dtd-slide-down-leave-active { -webkit-animation-name: antSlideDownOut; animation-name: antSlideDownOut; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none } .dtd-slide-down-appear,.dtd-slide-down-enter { opacity: 0; -webkit-animation-timing-function: cubic-bezier(.23,1,.32,1); animation-timing-function: cubic-bezier(.23,1,.32,1) } .dtd-slide-down-leave { -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06); animation-timing-function: cubic-bezier(.755,.05,.855,.06) } .dtd-slide-left-appear,.dtd-slide-left-enter,.dtd-slide-left-leave { -webkit-animation-duration: .2s; animation-duration: .2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused } .dtd-slide-left-appear.dtd-slide-left-appear-active,.dtd-slide-left-enter.dtd-slide-left-enter-active { -webkit-animation-name: antSlideLeftIn; animation-name: antSlideLeftIn; -webkit-animation-play-state: running; animation-play-state: running } .dtd-slide-left-leave.dtd-slide-left-leave-active { -webkit-animation-name: antSlideLeftOut; animation-name: antSlideLeftOut; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none } .dtd-slide-left-appear,.dtd-slide-left-enter { opacity: 0; -webkit-animation-timing-function: cubic-bezier(.23,1,.32,1); animation-timing-function: cubic-bezier(.23,1,.32,1) } .dtd-slide-left-leave { -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06); animation-timing-function: cubic-bezier(.755,.05,.855,.06) } .dtd-slide-right-appear,.dtd-slide-right-enter,.dtd-slide-right-leave { -webkit-animation-duration: .2s; animation-duration: .2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused } .dtd-slide-right-appear.dtd-slide-right-appear-active,.dtd-slide-right-enter.dtd-slide-right-enter-active { -webkit-animation-name: antSlideRightIn; animation-name: antSlideRightIn; -webkit-animation-play-state: running; animation-play-state: running } .dtd-slide-right-leave.dtd-slide-right-leave-active { -webkit-animation-name: antSlideRightOut; animation-name: antSlideRightOut; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none } .dtd-slide-right-appear,.dtd-slide-right-enter { opacity: 0; -webkit-animation-timing-function: cubic-bezier(.23,1,.32,1); animation-timing-function: cubic-bezier(.23,1,.32,1) } .dtd-slide-right-leave { -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06); animation-timing-function: cubic-bezier(.755,.05,.855,.06) } .dtd-zoom-appear,.dtd-zoom-enter,.dtd-zoom-leave { -webkit-animation-duration: .2s; animation-duration: .2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused } .dtd-zoom-appear.dtd-zoom-appear-active,.dtd-zoom-enter.dtd-zoom-enter-active { -webkit-animation-name: antZoomIn; animation-name: antZoomIn; -webkit-animation-play-state: running; animation-play-state: running } .dtd-zoom-leave.dtd-zoom-leave-active { -webkit-animation-name: antZoomOut; animation-name: antZoomOut; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none } .dtd-zoom-appear,.dtd-zoom-enter { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); opacity: 0; -webkit-animation-timing-function: cubic-bezier(.08,.82,.17,1); animation-timing-function: cubic-bezier(.08,.82,.17,1) } .dtd-zoom-appear-prepare,.dtd-zoom-enter-prepare { -webkit-transform: none; -ms-transform: none; transform: none } .dtd-zoom-leave { -webkit-animation-timing-function: cubic-bezier(.78,.14,.15,.86); animation-timing-function: cubic-bezier(.78,.14,.15,.86) } .dtd-zoom-big-appear,.dtd-zoom-big-enter,.dtd-zoom-big-leave { -webkit-animation-duration: .2s; animation-duration: .2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused } .dtd-zoom-big-appear.dtd-zoom-big-appear-active,.dtd-zoom-big-enter.dtd-zoom-big-enter-active { -webkit-animation-name: antZoomBigIn; animation-name: antZoomBigIn; -webkit-animation-play-state: running; animation-play-state: running } .dtd-zoom-big-leave.dtd-zoom-big-leave-active { -webkit-animation-name: antZoomBigOut; animation-name: antZoomBigOut; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none } .dtd-zoom-big-appear,.dtd-zoom-big-enter { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); opacity: 0; -webkit-animation-timing-function: cubic-bezier(.08,.82,.17,1); animation-timing-function: cubic-bezier(.08,.82,.17,1) } .dtd-zoom-big-appear-prepare,.dtd-zoom-big-enter-prepare { -webkit-transform: none; -ms-transform: none; transform: none } .dtd-zoom-big-leave { -webkit-animation-timing-function: cubic-bezier(.78,.14,.15,.86); animation-timing-function: cubic-bezier(.78,.14,.15,.86) } .dtd-zoom-big-fast-appear,.dtd-zoom-big-fast-enter,.dtd-zoom-big-fast-leave { -webkit-animation-duration: .1s; animation-duration: .1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused } .dtd-zoom-big-fast-appear.dtd-zoom-big-fast-appear-active,.dtd-zoom-big-fast-enter.dtd-zoom-big-fast-enter-active { -webkit-animation-name: antZoomBigIn; animation-name: antZoomBigIn; -webkit-animation-play-state: running; animation-play-state: running } .dtd-zoom-big-fast-leave.dtd-zoom-big-fast-leave-active { -webkit-animation-name: antZoomBigOut; animation-name: antZoomBigOut; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none } .dtd-zoom-big-fast-appear,.dtd-zoom-big-fast-enter { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); opacity: 0; -webkit-animation-timing-function: cubic-bezier(.08,.82,.17,1); animation-timing-function: cubic-bezier(.08,.82,.17,1) } .dtd-zoom-big-fast-appear-prepare,.dtd-zoom-big-fast-enter-prepare { -webkit-transform: none; -ms-transform: none; transform: none } .dtd-zoom-big-fast-leave { -webkit-animation-timing-function: cubic-bezier(.78,.14,.15,.86); animation-timing-function: cubic-bezier(.78,.14,.15,.86) } .dtd-zoom-up-appear,.dtd-zoom-up-enter,.dtd-zoom-up-leave { -webkit-animation-duration: .2s; animation-duration: .2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused } .dtd-zoom-up-appear.dtd-zoom-up-appear-active,.dtd-zoom-up-enter.dtd-zoom-up-enter-active { -webkit-animation-name: antZoomUpIn; animation-name: antZoomUpIn; -webkit-animation-play-state: running; animation-play-state: running } .dtd-zoom-up-leave.dtd-zoom-up-leave-active { -webkit-animation-name: antZoomUpOut; animation-name: antZoomUpOut; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none } .dtd-zoom-up-appear,.dtd-zoom-up-enter { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); opacity: 0; -webkit-animation-timing-function: cubic-bezier(.08,.82,.17,1); animation-timing-function: cubic-bezier(.08,.82,.17,1) } .dtd-zoom-up-appear-prepare,.dtd-zoom-up-enter-prepare { -webkit-transform: none; -ms-transform: none; transform: none } .dtd-zoom-up-leave { -webkit-animation-timing-function: cubic-bezier(.78,.14,.15,.86); animation-timing-function: cubic-bezier(.78,.14,.15,.86) } .dtd-zoom-down-appear,.dtd-zoom-down-enter,.dtd-zoom-down-leave { -webkit-animation-duration: .2s; animation-duration: .2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused } .dtd-zoom-down-appear.dtd-zoom-down-appear-active,.dtd-zoom-down-enter.dtd-zoom-down-enter-active { -webkit-animation-name: antZoomDownIn; animation-name: antZoomDownIn; -webkit-animation-play-state: running; animation-play-state: running } .dtd-zoom-down-leave.dtd-zoom-down-leave-active { -webkit-animation-name: antZoomDownOut; animation-name: antZoomDownOut; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none } .dtd-zoom-down-appear,.dtd-zoom-down-enter { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); opacity: 0; -webkit-animation-timing-function: cubic-bezier(.08,.82,.17,1); animation-timing-function: cubic-bezier(.08,.82,.17,1) } .dtd-zoom-down-appear-prepare,.dtd-zoom-down-enter-prepare { -webkit-transform: none; -ms-transform: none; transform: none } .dtd-zoom-down-leave { -webkit-animation-timing-function: cubic-bezier(.78,.14,.15,.86); animation-timing-function: cubic-bezier(.78,.14,.15,.86) } .dtd-zoom-left-appear,.dtd-zoom-left-enter,.dtd-zoom-left-leave { -webkit-animation-duration: .2s; animation-duration: .2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused } .dtd-zoom-left-appear.dtd-zoom-left-appear-active,.dtd-zoom-left-enter.dtd-zoom-left-enter-active { -webkit-animation-name: antZoomLeftIn; animation-name: antZoomLeftIn; -webkit-animation-play-state: running; animation-play-state: running } .dtd-zoom-left-leave.dtd-zoom-left-leave-active { -webkit-animation-name: antZoomLeftOut; animation-name: antZoomLeftOut; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none } .dtd-zoom-left-appear,.dtd-zoom-left-enter { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); opacity: 0; -webkit-animation-timing-function: cubic-bezier(.08,.82,.17,1); animation-timing-function: cubic-bezier(.08,.82,.17,1) } .dtd-zoom-left-appear-prepare,.dtd-zoom-left-enter-prepare { -webkit-transform: none; -ms-transform: none; transform: none } .dtd-zoom-left-leave { -webkit-animation-timing-function: cubic-bezier(.78,.14,.15,.86); animation-timing-function: cubic-bezier(.78,.14,.15,.86) } .dtd-zoom-right-appear,.dtd-zoom-right-enter,.dtd-zoom-right-leave { -webkit-animation-duration: .2s; animation-duration: .2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused } .dtd-zoom-right-appear.dtd-zoom-right-appear-active,.dtd-zoom-right-enter.dtd-zoom-right-enter-active { -webkit-animation-name: antZoomRightIn; animation-name: antZoomRightIn; -webkit-animation-play-state: running; animation-play-state: running } .dtd-zoom-right-leave.dtd-zoom-right-leave-active { -webkit-animation-name: antZoomRightOut; animation-name: antZoomRightOut; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none } .dtd-zoom-right-appear,.dtd-zoom-right-enter { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); opacity: 0; -webkit-animation-timing-function: cubic-bezier(.08,.82,.17,1); animation-timing-function: cubic-bezier(.08,.82,.17,1) } .dtd-zoom-right-appear-prepare,.dtd-zoom-right-enter-prepare { -webkit-transform: none; -ms-transform: none; transform: none } .dtd-zoom-right-leave { -webkit-animation-timing-function: cubic-bezier(.78,.14,.15,.86); animation-timing-function: cubic-bezier(.78,.14,.15,.86) } .ant-motion-collapse-legacy { overflow: hidden } .ant-motion-collapse,.ant-motion-collapse-legacy-active { -webkit-transition: height .2s cubic-bezier(.645,.045,.355,1),opacity .2s cubic-bezier(.645,.045,.355,1)!important; transition: height .2s cubic-bezier(.645,.045,.355,1),opacity .2s cubic-bezier(.645,.045,.355,1)!important } .ant-motion-collapse { overflow: hidden } .ant-fade-appear,.ant-fade-enter,.ant-fade-leave,.dtd-fade-appear,.dtd-fade-enter,.dtd-fade-leave { -webkit-animation-duration: .2s; animation-duration: .2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused } .ant-fade-appear.ant-fade-appear-active,.ant-fade-appear.dtd-fade-appear-active,.ant-fade-enter.ant-fade-enter-active,.ant-fade-enter.dtd-fade-enter-active,.dtd-fade-appear.ant-fade-appear-active,.dtd-fade-appear.dtd-fade-appear-active,.dtd-fade-enter.ant-fade-enter-active,.dtd-fade-enter.dtd-fade-enter-active { -webkit-animation-name: antFadeIn; animation-name: antFadeIn; -webkit-animation-play-state: running; animation-play-state: running } .ant-fade-leave.ant-fade-leave-active,.ant-fade-leave.dtd-fade-leave-active,.dtd-fade-leave.ant-fade-leave-active,.dtd-fade-leave.dtd-fade-leave-active { -webkit-animation-name: antFadeOut; animation-name: antFadeOut; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none } .ant-fade-appear,.ant-fade-enter,.dtd-fade-appear,.dtd-fade-enter { opacity: 0 } .ant-fade-appear,.ant-fade-enter,.ant-fade-leave,.dtd-fade-appear,.dtd-fade-enter,.dtd-fade-leave { -webkit-animation-timing-function: linear; animation-timing-function: linear } @-webkit-keyframes antFadeIn { 0% { opacity: 0 } to { opacity: 1 } } @keyframes antFadeIn { 0% { opacity: 0 } to { opacity: 1 } } @-webkit-keyframes antFadeOut { 0% { opacity: 1 } to { opacity: 0 } } @keyframes antFadeOut { 0% { opacity: 1 } to { opacity: 0 } } .ant-move-up-appear,.ant-move-up-enter,.ant-move-up-leave,.dtd-move-up-appear,.dtd-move-up-enter,.dtd-move-up-leave { -webkit-animation-duration: .2s; animation-duration: .2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused } .ant-move-up-appear.ant-move-up-appear-active,.ant-move-up-appear.dtd-move-up-appear-active,.ant-move-up-enter.ant-move-up-enter-active,.ant-move-up-enter.dtd-move-up-enter-active,.dtd-move-up-appear.ant-move-up-appear-active,.dtd-move-up-appear.dtd-move-up-appear-active,.dtd-move-up-enter.ant-move-up-enter-active,.dtd-move-up-enter.dtd-move-up-enter-active { -webkit-animation-name: antMoveUpIn; animation-name: antMoveUpIn; -webkit-animation-play-state: running; animation-play-state: running } .ant-move-up-leave.ant-move-up-leave-active,.ant-move-up-leave.dtd-move-up-leave-active,.dtd-move-up-leave.ant-move-up-leave-active,.dtd-move-up-leave.dtd-move-up-leave-active { -webkit-animation-name: antMoveUpOut; animation-name: antMoveUpOut; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none } .ant-move-up-appear,.ant-move-up-enter,.dtd-move-up-appear,.dtd-move-up-enter { opacity: 0; -webkit-animation-timing-function: cubic-bezier(.08,.82,.17,1); animation-timing-function: cubic-bezier(.08,.82,.17,1) } .ant-move-up-leave,.dtd-move-up-leave { -webkit-animation-timing-function: cubic-bezier(.6,.04,.98,.34); animation-timing-function: cubic-bezier(.6,.04,.98,.34) } .ant-move-down-appear,.ant-move-down-enter,.ant-move-down-leave,.dtd-move-down-appear,.dtd-move-down-enter,.dtd-move-down-leave { -webkit-animation-duration: .2s; animation-duration: .2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused } .ant-move-down-appear.ant-move-down-appear-active,.ant-move-down-appear.dtd-move-down-appear-active,.ant-move-down-enter.ant-move-down-enter-active,.ant-move-down-enter.dtd-move-down-enter-active,.dtd-move-down-appear.ant-move-down-appear-active,.dtd-move-down-appear.dtd-move-down-appear-active,.dtd-move-down-enter.ant-move-down-enter-active,.dtd-move-down-enter.dtd-move-down-enter-active { -webkit-animation-name: antMoveDownIn; animation-name: antMoveDownIn; -webkit-animation-play-state: running; animation-play-state: running } .ant-move-down-leave.ant-move-down-leave-active,.ant-move-down-leave.dtd-move-down-leave-active,.dtd-move-down-leave.ant-move-down-leave-active,.dtd-move-down-leave.dtd-move-down-leave-active { -webkit-animation-name: antMoveDownOut; animation-name: antMoveDownOut; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none } .ant-move-down-appear,.ant-move-down-enter,.dtd-move-down-appear,.dtd-move-down-enter { opacity: 0; -webkit-animation-timing-function: cubic-bezier(.08,.82,.17,1); animation-timing-function: cubic-bezier(.08,.82,.17,1) } .ant-move-down-leave,.dtd-move-down-leave { -webkit-animation-timing-function: cubic-bezier(.6,.04,.98,.34); animation-timing-function: cubic-bezier(.6,.04,.98,.34) } .ant-move-left-appear,.ant-move-left-enter,.ant-move-left-leave,.dtd-move-left-appear,.dtd-move-left-enter,.dtd-move-left-leave { -webkit-animation-duration: .2s; animation-duration: .2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused } .ant-move-left-appear.ant-move-left-appear-active,.ant-move-left-appear.dtd-move-left-appear-active,.ant-move-left-enter.ant-move-left-enter-active,.ant-move-left-enter.dtd-move-left-enter-active,.dtd-move-left-appear.ant-move-left-appear-active,.dtd-move-left-appear.dtd-move-left-appear-active,.dtd-move-left-enter.ant-move-left-enter-active,.dtd-move-left-enter.dtd-move-left-enter-active { -webkit-animation-name: antMoveLeftIn; animation-name: antMoveLeftIn; -webkit-animation-play-state: running; animation-play-state: running } .ant-move-left-leave.ant-move-left-leave-active,.ant-move-left-leave.dtd-move-left-leave-active,.dtd-move-left-leave.ant-move-left-leave-active,.dtd-move-left-leave.dtd-move-left-leave-active { -webkit-animation-name: antMoveLeftOut; animation-name: antMoveLeftOut; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none } .ant-move-left-appear,.ant-move-left-enter,.dtd-move-left-appear,.dtd-move-left-enter { opacity: 0; -webkit-animation-timing-function: cubic-bezier(.08,.82,.17,1); animation-timing-function: cubic-bezier(.08,.82,.17,1) } .ant-move-left-leave,.dtd-move-left-leave { -webkit-animation-timing-function: cubic-bezier(.6,.04,.98,.34); animation-timing-function: cubic-bezier(.6,.04,.98,.34) } .ant-move-right-appear,.ant-move-right-enter,.ant-move-right-leave,.dtd-move-right-appear,.dtd-move-right-enter,.dtd-move-right-leave { -webkit-animation-duration: .2s; animation-duration: .2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused } .ant-move-right-appear.ant-move-right-appear-active,.ant-move-right-appear.dtd-move-right-appear-active,.ant-move-right-enter.ant-move-right-enter-active,.ant-move-right-enter.dtd-move-right-enter-active,.dtd-move-right-appear.ant-move-right-appear-active,.dtd-move-right-appear.dtd-move-right-appear-active,.dtd-move-right-enter.ant-move-right-enter-active,.dtd-move-right-enter.dtd-move-right-enter-active { -webkit-animation-name: antMoveRightIn; animation-name: antMoveRightIn; -webkit-animation-play-state: running; animation-play-state: running } .ant-move-right-leave.ant-move-right-leave-active,.ant-move-right-leave.dtd-move-right-leave-active,.dtd-move-right-leave.ant-move-right-leave-active,.dtd-move-right-leave.dtd-move-right-leave-active { -webkit-animation-name: antMoveRightOut; animation-name: antMoveRightOut; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none } .ant-move-right-appear,.ant-move-right-enter,.dtd-move-right-appear,.dtd-move-right-enter { opacity: 0; -webkit-animation-timing-function: cubic-bezier(.08,.82,.17,1); animation-timing-function: cubic-bezier(.08,.82,.17,1) } .ant-move-right-leave,.dtd-move-right-leave { -webkit-animation-timing-function: cubic-bezier(.6,.04,.98,.34); animation-timing-function: cubic-bezier(.6,.04,.98,.34) } @-webkit-keyframes antMoveDownIn { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 0 } to { -webkit-transform: translateY(0); transform: translateY(0); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 1 } } @keyframes antMoveDownIn { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 0 } to { -webkit-transform: translateY(0); transform: translateY(0); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 1 } } @-webkit-keyframes antMoveDownOut { 0% { -webkit-transform: translateY(0); transform: translateY(0); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 1 } to { -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 0 } } @keyframes antMoveDownOut { 0% { -webkit-transform: translateY(0); transform: translateY(0); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 1 } to { -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 0 } } @-webkit-keyframes antMoveLeftIn { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 0 } to { -webkit-transform: translateX(0); transform: translateX(0); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 1 } } @keyframes antMoveLeftIn { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 0 } to { -webkit-transform: translateX(0); transform: translateX(0); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 1 } } @-webkit-keyframes antMoveLeftOut { 0% { -webkit-transform: translateX(0); transform: translateX(0); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 1 } to { -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 0 } } @keyframes antMoveLeftOut { 0% { -webkit-transform: translateX(0); transform: translateX(0); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 1 } to { -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 0 } } @-webkit-keyframes antMoveRightIn { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 0 } to { -webkit-transform: translateX(0); transform: translateX(0); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 1 } } @keyframes antMoveRightIn { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 0 } to { -webkit-transform: translateX(0); transform: translateX(0); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 1 } } @-webkit-keyframes antMoveRightOut { 0% { -webkit-transform: translateX(0); transform: translateX(0); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 1 } to { -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 0 } } @keyframes antMoveRightOut { 0% { -webkit-transform: translateX(0); transform: translateX(0); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 1 } to { -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 0 } } @-webkit-keyframes antMoveUpIn { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 0 } to { -webkit-transform: translateY(0); transform: translateY(0); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 1 } } @keyframes antMoveUpIn { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 0 } to { -webkit-transform: translateY(0); transform: translateY(0); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 1 } } @-webkit-keyframes antMoveUpOut { 0% { -webkit-transform: translateY(0); transform: translateY(0); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 1 } to { -webkit-transform: translateY(-100%); transform: translateY(-100%); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 0 } } @keyframes antMoveUpOut { 0% { -webkit-transform: translateY(0); transform: translateY(0); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 1 } to { -webkit-transform: translateY(-100%); transform: translateY(-100%); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 0 } } @-webkit-keyframes loadingCircle { to { -webkit-transform: rotate(1turn); transform: rotate(1turn) } } @keyframes loadingCircle { to { -webkit-transform: rotate(1turn); transform: rotate(1turn) } } .ant [ant-click-animating-without-extra-node=true],.ant [ant-click-animating=true],.dtd [ant-click-animating-without-extra-node=true],.dtd [ant-click-animating=true] { position: relative } .ant html,.dtd html { --antd-wave-shadow-color: #1890ff; --scroll-bar: 0 } .ant-click-animating-node,.ant [ant-click-animating-without-extra-node=true]:after,.dtd-click-animating-node,.dtd [ant-click-animating-without-extra-node=true]:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; border-radius: inherit; -webkit-box-shadow: 0 0 0 0 #1890ff; box-shadow: 0 0 0 0 #1890ff; -webkit-box-shadow: 0 0 0 0 var(--main-color); box-shadow: 0 0 0 0 var(--main-color); -webkit-box-shadow: 0 0 0 0 var(--antd-wave-shadow-color); box-shadow: 0 0 0 0 var(--antd-wave-shadow-color); opacity: .2; -webkit-animation: fadeEffect 2s cubic-bezier(.08,.82,.17,1),waveEffect .4s cubic-bezier(.08,.82,.17,1); animation: fadeEffect 2s cubic-bezier(.08,.82,.17,1),waveEffect .4s cubic-bezier(.08,.82,.17,1); -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; content: ""; pointer-events: none } @-webkit-keyframes waveEffect { to { -webkit-box-shadow: 0 0 0 #1890ff; box-shadow: 0 0 0 #1890ff; -webkit-box-shadow: 0 0 0 6px var(--main-color); box-shadow: 0 0 0 6px var(--main-color); -webkit-box-shadow: 0 0 0 6px var(--antd-wave-shadow-color); box-shadow: 0 0 0 6px var(--antd-wave-shadow-color) } } @keyframes waveEffect { to { -webkit-box-shadow: 0 0 0 #1890ff; box-shadow: 0 0 0 #1890ff; -webkit-box-shadow: 0 0 0 6px var(--main-color); box-shadow: 0 0 0 6px var(--main-color); -webkit-box-shadow: 0 0 0 6px var(--antd-wave-shadow-color); box-shadow: 0 0 0 6px var(--antd-wave-shadow-color) } } @-webkit-keyframes fadeEffect { to { opacity: 0 } } @keyframes fadeEffect { to { opacity: 0 } } .ant-slide-up-appear,.ant-slide-up-enter,.ant-slide-up-leave,.dtd-slide-up-appear,.dtd-slide-up-enter,.dtd-slide-up-leave { -webkit-animation-duration: .2s; animation-duration: .2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused } .ant-slide-up-appear.ant-slide-up-appear-active,.ant-slide-up-appear.dtd-slide-up-appear-active,.ant-slide-up-enter.ant-slide-up-enter-active,.ant-slide-up-enter.dtd-slide-up-enter-active,.dtd-slide-up-appear.ant-slide-up-appear-active,.dtd-slide-up-appear.dtd-slide-up-appear-active,.dtd-slide-up-enter.ant-slide-up-enter-active,.dtd-slide-up-enter.dtd-slide-up-enter-active { -webkit-animation-name: antSlideUpIn; animation-name: antSlideUpIn; -webkit-animation-play-state: running; animation-play-state: running } .ant-slide-up-leave.ant-slide-up-leave-active,.ant-slide-up-leave.dtd-slide-up-leave-active,.dtd-slide-up-leave.ant-slide-up-leave-active,.dtd-slide-up-leave.dtd-slide-up-leave-active { -webkit-animation-name: antSlideUpOut; animation-name: antSlideUpOut; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none } .ant-slide-up-appear,.ant-slide-up-enter,.dtd-slide-up-appear,.dtd-slide-up-enter { opacity: 0; -webkit-animation-timing-function: cubic-bezier(.23,1,.32,1); animation-timing-function: cubic-bezier(.23,1,.32,1) } .ant-slide-up-leave,.dtd-slide-up-leave { -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06); animation-timing-function: cubic-bezier(.755,.05,.855,.06) } .ant-slide-down-appear,.ant-slide-down-enter,.ant-slide-down-leave,.dtd-slide-down-appear,.dtd-slide-down-enter,.dtd-slide-down-leave { -webkit-animation-duration: .2s; animation-duration: .2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused } .ant-slide-down-appear.ant-slide-down-appear-active,.ant-slide-down-appear.dtd-slide-down-appear-active,.ant-slide-down-enter.ant-slide-down-enter-active,.ant-slide-down-enter.dtd-slide-down-enter-active,.dtd-slide-down-appear.ant-slide-down-appear-active,.dtd-slide-down-appear.dtd-slide-down-appear-active,.dtd-slide-down-enter.ant-slide-down-enter-active,.dtd-slide-down-enter.dtd-slide-down-enter-active { -webkit-animation-name: antSlideDownIn; animation-name: antSlideDownIn; -webkit-animation-play-state: running; animation-play-state: running } .ant-slide-down-leave.ant-slide-down-leave-active,.ant-slide-down-leave.dtd-slide-down-leave-active,.dtd-slide-down-leave.ant-slide-down-leave-active,.dtd-slide-down-leave.dtd-slide-down-leave-active { -webkit-animation-name: antSlideDownOut; animation-name: antSlideDownOut; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none } .ant-slide-down-appear,.ant-slide-down-enter,.dtd-slide-down-appear,.dtd-slide-down-enter { opacity: 0; -webkit-animation-timing-function: cubic-bezier(.23,1,.32,1); animation-timing-function: cubic-bezier(.23,1,.32,1) } .ant-slide-down-leave,.dtd-slide-down-leave { -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06); animation-timing-function: cubic-bezier(.755,.05,.855,.06) } .ant-slide-left-appear,.ant-slide-left-enter,.ant-slide-left-leave,.dtd-slide-left-appear,.dtd-slide-left-enter,.dtd-slide-left-leave { -webkit-animation-duration: .2s; animation-duration: .2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused } .ant-slide-left-appear.ant-slide-left-appear-active,.ant-slide-left-appear.dtd-slide-left-appear-active,.ant-slide-left-enter.ant-slide-left-enter-active,.ant-slide-left-enter.dtd-slide-left-enter-active,.dtd-slide-left-appear.ant-slide-left-appear-active,.dtd-slide-left-appear.dtd-slide-left-appear-active,.dtd-slide-left-enter.ant-slide-left-enter-active,.dtd-slide-left-enter.dtd-slide-left-enter-active { -webkit-animation-name: antSlideLeftIn; animation-name: antSlideLeftIn; -webkit-animation-play-state: running; animation-play-state: running } .ant-slide-left-leave.ant-slide-left-leave-active,.ant-slide-left-leave.dtd-slide-left-leave-active,.dtd-slide-left-leave.ant-slide-left-leave-active,.dtd-slide-left-leave.dtd-slide-left-leave-active { -webkit-animation-name: antSlideLeftOut; animation-name: antSlideLeftOut; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none } .ant-slide-left-appear,.ant-slide-left-enter,.dtd-slide-left-appear,.dtd-slide-left-enter { opacity: 0; -webkit-animation-timing-function: cubic-bezier(.23,1,.32,1); animation-timing-function: cubic-bezier(.23,1,.32,1) } .ant-slide-left-leave,.dtd-slide-left-leave { -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06); animation-timing-function: cubic-bezier(.755,.05,.855,.06) } .ant-slide-right-appear,.ant-slide-right-enter,.ant-slide-right-leave,.dtd-slide-right-appear,.dtd-slide-right-enter,.dtd-slide-right-leave { -webkit-animation-duration: .2s; animation-duration: .2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused } .ant-slide-right-appear.ant-slide-right-appear-active,.ant-slide-right-appear.dtd-slide-right-appear-active,.ant-slide-right-enter.ant-slide-right-enter-active,.ant-slide-right-enter.dtd-slide-right-enter-active,.dtd-slide-right-appear.ant-slide-right-appear-active,.dtd-slide-right-appear.dtd-slide-right-appear-active,.dtd-slide-right-enter.ant-slide-right-enter-active,.dtd-slide-right-enter.dtd-slide-right-enter-active { -webkit-animation-name: antSlideRightIn; animation-name: antSlideRightIn; -webkit-animation-play-state: running; animation-play-state: running } .ant-slide-right-leave.ant-slide-right-leave-active,.ant-slide-right-leave.dtd-slide-right-leave-active,.dtd-slide-right-leave.ant-slide-right-leave-active,.dtd-slide-right-leave.dtd-slide-right-leave-active { -webkit-animation-name: antSlideRightOut; animation-name: antSlideRightOut; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none } .ant-slide-right-appear,.ant-slide-right-enter,.dtd-slide-right-appear,.dtd-slide-right-enter { opacity: 0; -webkit-animation-timing-function: cubic-bezier(.23,1,.32,1); animation-timing-function: cubic-bezier(.23,1,.32,1) } .ant-slide-right-leave,.dtd-slide-right-leave { -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06); animation-timing-function: cubic-bezier(.755,.05,.855,.06) } @-webkit-keyframes antSlideUpIn { 0% { -webkit-transform: scaleY(.8); transform: scaleY(.8); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 0 } to { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 1 } } @keyframes antSlideUpIn { 0% { -webkit-transform: scaleY(.8); transform: scaleY(.8); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 0 } to { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 1 } } @-webkit-keyframes antSlideUpOut { 0% { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 1 } to { -webkit-transform: scaleY(.8); transform: scaleY(.8); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 0 } } @keyframes antSlideUpOut { 0% { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 1 } to { -webkit-transform: scaleY(.8); transform: scaleY(.8); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 0 } } @-webkit-keyframes antSlideDownIn { 0% { -webkit-transform: scaleY(.8); transform: scaleY(.8); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; opacity: 0 } to { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; opacity: 1 } } @keyframes antSlideDownIn { 0% { -webkit-transform: scaleY(.8); transform: scaleY(.8); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; opacity: 0 } to { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; opacity: 1 } } @-webkit-keyframes antSlideDownOut { 0% { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; opacity: 1 } to { -webkit-transform: scaleY(.8); transform: scaleY(.8); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; opacity: 0 } } @keyframes antSlideDownOut { 0% { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; opacity: 1 } to { -webkit-transform: scaleY(.8); transform: scaleY(.8); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; opacity: 0 } } @-webkit-keyframes antSlideLeftIn { 0% { -webkit-transform: scaleX(.8); transform: scaleX(.8); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 0 } to { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 1 } } @keyframes antSlideLeftIn { 0% { -webkit-transform: scaleX(.8); transform: scaleX(.8); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 0 } to { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 1 } } @-webkit-keyframes antSlideLeftOut { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 1 } to { -webkit-transform: scaleX(.8); transform: scaleX(.8); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 0 } } @keyframes antSlideLeftOut { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 1 } to { -webkit-transform: scaleX(.8); transform: scaleX(.8); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 0 } } @-webkit-keyframes antSlideRightIn { 0% { -webkit-transform: scaleX(.8); transform: scaleX(.8); -webkit-transform-origin: 100% 0; transform-origin: 100% 0; opacity: 0 } to { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: 100% 0; transform-origin: 100% 0; opacity: 1 } } @keyframes antSlideRightIn { 0% { -webkit-transform: scaleX(.8); transform: scaleX(.8); -webkit-transform-origin: 100% 0; transform-origin: 100% 0; opacity: 0 } to { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: 100% 0; transform-origin: 100% 0; opacity: 1 } } @-webkit-keyframes antSlideRightOut { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: 100% 0; transform-origin: 100% 0; opacity: 1 } to { -webkit-transform: scaleX(.8); transform: scaleX(.8); -webkit-transform-origin: 100% 0; transform-origin: 100% 0; opacity: 0 } } @keyframes antSlideRightOut { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: 100% 0; transform-origin: 100% 0; opacity: 1 } to { -webkit-transform: scaleX(.8); transform: scaleX(.8); -webkit-transform-origin: 100% 0; transform-origin: 100% 0; opacity: 0 } } .ant-zoom-appear,.ant-zoom-enter,.ant-zoom-leave,.dtd-zoom-appear,.dtd-zoom-enter,.dtd-zoom-leave { -webkit-animation-duration: .2s; animation-duration: .2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused } .ant-zoom-appear.ant-zoom-appear-active,.ant-zoom-appear.dtd-zoom-appear-active,.ant-zoom-enter.ant-zoom-enter-active,.ant-zoom-enter.dtd-zoom-enter-active,.dtd-zoom-appear.ant-zoom-appear-active,.dtd-zoom-appear.dtd-zoom-appear-active,.dtd-zoom-enter.ant-zoom-enter-active,.dtd-zoom-enter.dtd-zoom-enter-active { -webkit-animation-name: antZoomIn; animation-name: antZoomIn; -webkit-animation-play-state: running; animation-play-state: running } .ant-zoom-leave.ant-zoom-leave-active,.ant-zoom-leave.dtd-zoom-leave-active,.dtd-zoom-leave.ant-zoom-leave-active,.dtd-zoom-leave.dtd-zoom-leave-active { -webkit-animation-name: antZoomOut; animation-name: antZoomOut; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none } .ant-zoom-appear,.ant-zoom-enter,.dtd-zoom-appear,.dtd-zoom-enter { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); opacity: 0; -webkit-animation-timing-function: cubic-bezier(.08,.82,.17,1); animation-timing-function: cubic-bezier(.08,.82,.17,1) } .ant-zoom-appear-prepare,.ant-zoom-enter-prepare,.dtd-zoom-appear-prepare,.dtd-zoom-enter-prepare { -webkit-transform: none; -ms-transform: none; transform: none } .ant-zoom-leave,.dtd-zoom-leave { -webkit-animation-timing-function: cubic-bezier(.78,.14,.15,.86); animation-timing-function: cubic-bezier(.78,.14,.15,.86) } .ant-zoom-big-appear,.ant-zoom-big-enter,.ant-zoom-big-leave,.dtd-zoom-big-appear,.dtd-zoom-big-enter,.dtd-zoom-big-leave { -webkit-animation-duration: .2s; animation-duration: .2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused } .ant-zoom-big-appear.ant-zoom-big-appear-active,.ant-zoom-big-appear.dtd-zoom-big-appear-active,.ant-zoom-big-enter.ant-zoom-big-enter-active,.ant-zoom-big-enter.dtd-zoom-big-enter-active,.dtd-zoom-big-appear.ant-zoom-big-appear-active,.dtd-zoom-big-appear.dtd-zoom-big-appear-active,.dtd-zoom-big-enter.ant-zoom-big-enter-active,.dtd-zoom-big-enter.dtd-zoom-big-enter-active { -webkit-animation-name: antZoomBigIn; animation-name: antZoomBigIn; -webkit-animation-play-state: running; animation-play-state: running } .ant-zoom-big-leave.ant-zoom-big-leave-active,.ant-zoom-big-leave.dtd-zoom-big-leave-active,.dtd-zoom-big-leave.ant-zoom-big-leave-active,.dtd-zoom-big-leave.dtd-zoom-big-leave-active { -webkit-animation-name: antZoomBigOut; animation-name: antZoomBigOut; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none } .ant-zoom-big-appear,.ant-zoom-big-enter,.dtd-zoom-big-appear,.dtd-zoom-big-enter { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); opacity: 0; -webkit-animation-timing-function: cubic-bezier(.08,.82,.17,1); animation-timing-function: cubic-bezier(.08,.82,.17,1) } .ant-zoom-big-appear-prepare,.ant-zoom-big-enter-prepare,.dtd-zoom-big-appear-prepare,.dtd-zoom-big-enter-prepare { -webkit-transform: none; -ms-transform: none; transform: none } .ant-zoom-big-leave,.dtd-zoom-big-leave { -webkit-animation-timing-function: cubic-bezier(.78,.14,.15,.86); animation-timing-function: cubic-bezier(.78,.14,.15,.86) } .ant-zoom-big-fast-appear,.ant-zoom-big-fast-enter,.ant-zoom-big-fast-leave,.dtd-zoom-big-fast-appear,.dtd-zoom-big-fast-enter,.dtd-zoom-big-fast-leave { -webkit-animation-duration: .1s; animation-duration: .1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused } .ant-zoom-big-fast-appear.ant-zoom-big-fast-appear-active,.ant-zoom-big-fast-appear.dtd-zoom-big-fast-appear-active,.ant-zoom-big-fast-enter.ant-zoom-big-fast-enter-active,.ant-zoom-big-fast-enter.dtd-zoom-big-fast-enter-active,.dtd-zoom-big-fast-appear.ant-zoom-big-fast-appear-active,.dtd-zoom-big-fast-appear.dtd-zoom-big-fast-appear-active,.dtd-zoom-big-fast-enter.ant-zoom-big-fast-enter-active,.dtd-zoom-big-fast-enter.dtd-zoom-big-fast-enter-active { -webkit-animation-name: antZoomBigIn; animation-name: antZoomBigIn; -webkit-animation-play-state: running; animation-play-state: running } .ant-zoom-big-fast-leave.ant-zoom-big-fast-leave-active,.ant-zoom-big-fast-leave.dtd-zoom-big-fast-leave-active,.dtd-zoom-big-fast-leave.ant-zoom-big-fast-leave-active,.dtd-zoom-big-fast-leave.dtd-zoom-big-fast-leave-active { -webkit-animation-name: antZoomBigOut; animation-name: antZoomBigOut; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none } .ant-zoom-big-fast-appear,.ant-zoom-big-fast-enter,.dtd-zoom-big-fast-appear,.dtd-zoom-big-fast-enter { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); opacity: 0; -webkit-animation-timing-function: cubic-bezier(.08,.82,.17,1); animation-timing-function: cubic-bezier(.08,.82,.17,1) } .ant-zoom-big-fast-appear-prepare,.ant-zoom-big-fast-enter-prepare,.dtd-zoom-big-fast-appear-prepare,.dtd-zoom-big-fast-enter-prepare { -webkit-transform: none; -ms-transform: none; transform: none } .ant-zoom-big-fast-leave,.dtd-zoom-big-fast-leave { -webkit-animation-timing-function: cubic-bezier(.78,.14,.15,.86); animation-timing-function: cubic-bezier(.78,.14,.15,.86) } .ant-zoom-up-appear,.ant-zoom-up-enter,.ant-zoom-up-leave,.dtd-zoom-up-appear,.dtd-zoom-up-enter,.dtd-zoom-up-leave { -webkit-animation-duration: .2s; animation-duration: .2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused } .ant-zoom-up-appear.ant-zoom-up-appear-active,.ant-zoom-up-appear.dtd-zoom-up-appear-active,.ant-zoom-up-enter.ant-zoom-up-enter-active,.ant-zoom-up-enter.dtd-zoom-up-enter-active,.dtd-zoom-up-appear.ant-zoom-up-appear-active,.dtd-zoom-up-appear.dtd-zoom-up-appear-active,.dtd-zoom-up-enter.ant-zoom-up-enter-active,.dtd-zoom-up-enter.dtd-zoom-up-enter-active { -webkit-animation-name: antZoomUpIn; animation-name: antZoomUpIn; -webkit-animation-play-state: running; animation-play-state: running } .ant-zoom-up-leave.ant-zoom-up-leave-active,.ant-zoom-up-leave.dtd-zoom-up-leave-active,.dtd-zoom-up-leave.ant-zoom-up-leave-active,.dtd-zoom-up-leave.dtd-zoom-up-leave-active { -webkit-animation-name: antZoomUpOut; animation-name: antZoomUpOut; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none } .ant-zoom-up-appear,.ant-zoom-up-enter,.dtd-zoom-up-appear,.dtd-zoom-up-enter { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); opacity: 0; -webkit-animation-timing-function: cubic-bezier(.08,.82,.17,1); animation-timing-function: cubic-bezier(.08,.82,.17,1) } .ant-zoom-up-appear-prepare,.ant-zoom-up-enter-prepare,.dtd-zoom-up-appear-prepare,.dtd-zoom-up-enter-prepare { -webkit-transform: none; -ms-transform: none; transform: none } .ant-zoom-up-leave,.dtd-zoom-up-leave { -webkit-animation-timing-function: cubic-bezier(.78,.14,.15,.86); animation-timing-function: cubic-bezier(.78,.14,.15,.86) } .ant-zoom-down-appear,.ant-zoom-down-enter,.ant-zoom-down-leave,.dtd-zoom-down-appear,.dtd-zoom-down-enter,.dtd-zoom-down-leave { -webkit-animation-duration: .2s; animation-duration: .2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused } .ant-zoom-down-appear.ant-zoom-down-appear-active,.ant-zoom-down-appear.dtd-zoom-down-appear-active,.ant-zoom-down-enter.ant-zoom-down-enter-active,.ant-zoom-down-enter.dtd-zoom-down-enter-active,.dtd-zoom-down-appear.ant-zoom-down-appear-active,.dtd-zoom-down-appear.dtd-zoom-down-appear-active,.dtd-zoom-down-enter.ant-zoom-down-enter-active,.dtd-zoom-down-enter.dtd-zoom-down-enter-active { -webkit-animation-name: antZoomDownIn; animation-name: antZoomDownIn; -webkit-animation-play-state: running; animation-play-state: running } .ant-zoom-down-leave.ant-zoom-down-leave-active,.ant-zoom-down-leave.dtd-zoom-down-leave-active,.dtd-zoom-down-leave.ant-zoom-down-leave-active,.dtd-zoom-down-leave.dtd-zoom-down-leave-active { -webkit-animation-name: antZoomDownOut; animation-name: antZoomDownOut; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none } .ant-zoom-down-appear,.ant-zoom-down-enter,.dtd-zoom-down-appear,.dtd-zoom-down-enter { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); opacity: 0; -webkit-animation-timing-function: cubic-bezier(.08,.82,.17,1); animation-timing-function: cubic-bezier(.08,.82,.17,1) } .ant-zoom-down-appear-prepare,.ant-zoom-down-enter-prepare,.dtd-zoom-down-appear-prepare,.dtd-zoom-down-enter-prepare { -webkit-transform: none; -ms-transform: none; transform: none } .ant-zoom-down-leave,.dtd-zoom-down-leave { -webkit-animation-timing-function: cubic-bezier(.78,.14,.15,.86); animation-timing-function: cubic-bezier(.78,.14,.15,.86) } .ant-zoom-left-appear,.ant-zoom-left-enter,.ant-zoom-left-leave,.dtd-zoom-left-appear,.dtd-zoom-left-enter,.dtd-zoom-left-leave { -webkit-animation-duration: .2s; animation-duration: .2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused } .ant-zoom-left-appear.ant-zoom-left-appear-active,.ant-zoom-left-appear.dtd-zoom-left-appear-active,.ant-zoom-left-enter.ant-zoom-left-enter-active,.ant-zoom-left-enter.dtd-zoom-left-enter-active,.dtd-zoom-left-appear.ant-zoom-left-appear-active,.dtd-zoom-left-appear.dtd-zoom-left-appear-active,.dtd-zoom-left-enter.ant-zoom-left-enter-active,.dtd-zoom-left-enter.dtd-zoom-left-enter-active { -webkit-animation-name: antZoomLeftIn; animation-name: antZoomLeftIn; -webkit-animation-play-state: running; animation-play-state: running } .ant-zoom-left-leave.ant-zoom-left-leave-active,.ant-zoom-left-leave.dtd-zoom-left-leave-active,.dtd-zoom-left-leave.ant-zoom-left-leave-active,.dtd-zoom-left-leave.dtd-zoom-left-leave-active { -webkit-animation-name: antZoomLeftOut; animation-name: antZoomLeftOut; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none } .ant-zoom-left-appear,.ant-zoom-left-enter,.dtd-zoom-left-appear,.dtd-zoom-left-enter { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); opacity: 0; -webkit-animation-timing-function: cubic-bezier(.08,.82,.17,1); animation-timing-function: cubic-bezier(.08,.82,.17,1) } .ant-zoom-left-appear-prepare,.ant-zoom-left-enter-prepare,.dtd-zoom-left-appear-prepare,.dtd-zoom-left-enter-prepare { -webkit-transform: none; -ms-transform: none; transform: none } .ant-zoom-left-leave,.dtd-zoom-left-leave { -webkit-animation-timing-function: cubic-bezier(.78,.14,.15,.86); animation-timing-function: cubic-bezier(.78,.14,.15,.86) } .ant-zoom-right-appear,.ant-zoom-right-enter,.ant-zoom-right-leave,.dtd-zoom-right-appear,.dtd-zoom-right-enter,.dtd-zoom-right-leave { -webkit-animation-duration: .2s; animation-duration: .2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-play-state: paused; animation-play-state: paused } .ant-zoom-right-appear.ant-zoom-right-appear-active,.ant-zoom-right-appear.dtd-zoom-right-appear-active,.ant-zoom-right-enter.ant-zoom-right-enter-active,.ant-zoom-right-enter.dtd-zoom-right-enter-active,.dtd-zoom-right-appear.ant-zoom-right-appear-active,.dtd-zoom-right-appear.dtd-zoom-right-appear-active,.dtd-zoom-right-enter.ant-zoom-right-enter-active,.dtd-zoom-right-enter.dtd-zoom-right-enter-active { -webkit-animation-name: antZoomRightIn; animation-name: antZoomRightIn; -webkit-animation-play-state: running; animation-play-state: running } .ant-zoom-right-leave.ant-zoom-right-leave-active,.ant-zoom-right-leave.dtd-zoom-right-leave-active,.dtd-zoom-right-leave.ant-zoom-right-leave-active,.dtd-zoom-right-leave.dtd-zoom-right-leave-active { -webkit-animation-name: antZoomRightOut; animation-name: antZoomRightOut; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none } .ant-zoom-right-appear,.ant-zoom-right-enter,.dtd-zoom-right-appear,.dtd-zoom-right-enter { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); opacity: 0; -webkit-animation-timing-function: cubic-bezier(.08,.82,.17,1); animation-timing-function: cubic-bezier(.08,.82,.17,1) } .ant-zoom-right-appear-prepare,.ant-zoom-right-enter-prepare,.dtd-zoom-right-appear-prepare,.dtd-zoom-right-enter-prepare { -webkit-transform: none; -ms-transform: none; transform: none } .ant-zoom-right-leave,.dtd-zoom-right-leave { -webkit-animation-timing-function: cubic-bezier(.78,.14,.15,.86); animation-timing-function: cubic-bezier(.78,.14,.15,.86) } @-webkit-keyframes antZoomIn { 0% { -webkit-transform: scale(.2); transform: scale(.2); opacity: 0 } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } } @keyframes antZoomIn { 0% { -webkit-transform: scale(.2); transform: scale(.2); opacity: 0 } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } } @-webkit-keyframes antZoomOut { 0% { -webkit-transform: scale(1); transform: scale(1) } to { -webkit-transform: scale(.2); transform: scale(.2); opacity: 0 } } @keyframes antZoomOut { 0% { -webkit-transform: scale(1); transform: scale(1) } to { -webkit-transform: scale(.2); transform: scale(.2); opacity: 0 } } @-webkit-keyframes antZoomBigIn { 0% { -webkit-transform: scale(.8); transform: scale(.8); opacity: 0 } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } } @keyframes antZoomBigIn { 0% { -webkit-transform: scale(.8); transform: scale(.8); opacity: 0 } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } } @-webkit-keyframes antZoomBigOut { 0% { -webkit-transform: scale(1); transform: scale(1) } to { -webkit-transform: scale(.8); transform: scale(.8); opacity: 0 } } @keyframes antZoomBigOut { 0% { -webkit-transform: scale(1); transform: scale(1) } to { -webkit-transform: scale(.8); transform: scale(.8); opacity: 0 } } @-webkit-keyframes antZoomUpIn { 0% { -webkit-transform: scale(.8); transform: scale(.8); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; opacity: 0 } to { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 50% 0; transform-origin: 50% 0 } } @keyframes antZoomUpIn { 0% { -webkit-transform: scale(.8); transform: scale(.8); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; opacity: 0 } to { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 50% 0; transform-origin: 50% 0 } } @-webkit-keyframes antZoomUpOut { 0% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 50% 0; transform-origin: 50% 0 } to { -webkit-transform: scale(.8); transform: scale(.8); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; opacity: 0 } } @keyframes antZoomUpOut { 0% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 50% 0; transform-origin: 50% 0 } to { -webkit-transform: scale(.8); transform: scale(.8); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; opacity: 0 } } @-webkit-keyframes antZoomLeftIn { 0% { -webkit-transform: scale(.8); transform: scale(.8); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; opacity: 0 } to { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 0 50%; transform-origin: 0 50% } } @keyframes antZoomLeftIn { 0% { -webkit-transform: scale(.8); transform: scale(.8); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; opacity: 0 } to { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 0 50%; transform-origin: 0 50% } } @-webkit-keyframes antZoomLeftOut { 0% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 0 50%; transform-origin: 0 50% } to { -webkit-transform: scale(.8); transform: scale(.8); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; opacity: 0 } } @keyframes antZoomLeftOut { 0% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 0 50%; transform-origin: 0 50% } to { -webkit-transform: scale(.8); transform: scale(.8); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; opacity: 0 } } @-webkit-keyframes antZoomRightIn { 0% { -webkit-transform: scale(.8); transform: scale(.8); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; opacity: 0 } to { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50% } } @keyframes antZoomRightIn { 0% { -webkit-transform: scale(.8); transform: scale(.8); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; opacity: 0 } to { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50% } } @-webkit-keyframes antZoomRightOut { 0% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50% } to { -webkit-transform: scale(.8); transform: scale(.8); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; opacity: 0 } } @keyframes antZoomRightOut { 0% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50% } to { -webkit-transform: scale(.8); transform: scale(.8); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; opacity: 0 } } @-webkit-keyframes antZoomDownIn { 0% { -webkit-transform: scale(.8); transform: scale(.8); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; opacity: 0 } to { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100% } } @keyframes antZoomDownIn { 0% { -webkit-transform: scale(.8); transform: scale(.8); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; opacity: 0 } to { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100% } } @-webkit-keyframes antZoomDownOut { 0% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100% } to { -webkit-transform: scale(.8); transform: scale(.8); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; opacity: 0 } } @keyframes antZoomDownOut { 0% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100% } to { -webkit-transform: scale(.8); transform: scale(.8); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; opacity: 0 } } .ant-motion-collapse-legacy,.dtd-motion-collapse-legacy { overflow: hidden } .ant-motion-collapse,.ant-motion-collapse-legacy-active,.dtd-motion-collapse,.dtd-motion-collapse-legacy-active { -webkit-transition: height .2s cubic-bezier(.645,.045,.355,1),opacity .2s cubic-bezier(.645,.045,.355,1)!important; transition: height .2s cubic-bezier(.645,.045,.355,1),opacity .2s cubic-bezier(.645,.045,.355,1)!important } .ant-motion-collapse,.dtd-motion-collapse { overflow: hidden } .dtd-checkbox { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; color: #171a1d; color: var(--common_level1_base_color,#171a1d); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; -webkit-font-feature-settings: "tnum"; font-feature-settings: "tnum","tnum"; position: relative; top: .2em; line-height: 1; white-space: nowrap; outline: none; cursor: default } .dtd-checkbox-input:focus+.dtd-checkbox-inner,.dtd-checkbox-wrapper:not(.dtd-checkbox-wrapper-disabled):hover .dtd-checkbox-inner,.dtd-checkbox:not(.dtd-checkbox-disabled):hover .dtd-checkbox-inner { border-color: #007fff; border-color: var(--theme_primary1_color,#007fff) } .dtd-checkbox-checked:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #007fff; border: 1px solid var(--theme_primary1_color,#007fff); border-radius: 4px; visibility: hidden; content: "" } .dtd-checkbox-wrapper:hover .dtd-checkbox:after,.dtd-checkbox:hover:after { visibility: visible } .dtd-checkbox-inner { position: relative; top: 0; left: 0; display: block; width: 16px; height: 16px; direction: ltr; background-color: #fff; border: 2px solid rgba(126,134,142,.24); border: 2px solid var(--common_line_hard_color,rgba(126,134,142,.24)); border-radius: 4px; border-collapse: separate; -webkit-transition: all .3s; transition: all .3s } .dtd-checkbox-inner:after { position: absolute; top: 50%; left: 16.8%!important; display: table; width: 5.71428571px; height: 9.14285714px; border: 2px solid #fff; border-top: 0; border-left: 0; -webkit-transform: rotate(45deg) scale(0) translate(-50%,-50%); -ms-transform: rotate(45deg) scale(0) translate(-50%,-50%); transform: rotate(45deg) scale(0) translate(-50%,-50%); opacity: 0; -webkit-transition: all .1s cubic-bezier(.71,-.46,.88,.6),opacity .1s; transition: all .1s cubic-bezier(.71,-.46,.88,.6),opacity .1s; content: " " } .dtd-checkbox-input { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; width: 100%; height: 100%; cursor: default; opacity: 0 } .dtd-checkbox.dtd-checkbox-checked .dtd-checkbox-inner:after { position: absolute; display: table; border: 2px solid #fff; border-top: 0; border-left: 0; -webkit-transform: rotate(45deg) scale(1) translate(-50%,-50%); -ms-transform: rotate(45deg) scale(1) translate(-50%,-50%); transform: rotate(45deg) scale(1) translate(-50%,-50%); opacity: 1; -webkit-transition: all .2s cubic-bezier(.12,.4,.29,1.46) .1s; transition: all .2s cubic-bezier(.12,.4,.29,1.46) .1s; content: " "; top: 50% } .dtd-checkbox-checked .dtd-checkbox-inner { background-color: #007fff; background-color: var(--theme_primary1_color,#007fff); border-color: #007fff; border-color: var(--theme_primary1_color,#007fff) } .dtd-checkbox-disabled { cursor: not-allowed } .dtd-checkbox-disabled.dtd-checkbox-checked .dtd-checkbox-inner { background: rgba(0,127,255,.48); background: var(--theme_primary2_color,rgba(0,127,255,.48)); border-color: transparent } .dtd-checkbox-disabled.dtd-checkbox-checked .dtd-checkbox-inner:after { border-color: hsla(0,0%,100%,.4); border-color: var(--common_white2_color,hsla(0,0%,100%,.4)); -webkit-animation-name: none; animation-name: none } .dtd-checkbox-disabled .dtd-checkbox-input { cursor: not-allowed; pointer-events: none } .dtd-checkbox-disabled .dtd-checkbox-inner { background-color: #f6f6f6; background-color: var(--common_fg_press_color,#f6f6f6); border-color: rgba(126,134,142,.24); border-color: var(--common_line_hard_color,rgba(126,134,142,.24)) } .dtd-checkbox-disabled .dtd-checkbox-inner:after { border-color: #f6f6f6; border-color: var(--common_fg_press_color,#f6f6f6); border-collapse: separate; -webkit-animation-name: none; animation-name: none } .dtd-checkbox-disabled+span { color: rgba(0,0,0,.25); cursor: not-allowed } .dtd-checkbox-disabled:hover:after,.dtd-checkbox-wrapper:hover .dtd-checkbox-disabled:after { visibility: hidden } .dtd-checkbox-wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; color: #171a1d; color: var(--common_level1_base_color,#171a1d); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; -webkit-font-feature-settings: "tnum"; font-feature-settings: "tnum","tnum"; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: baseline; -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; line-height: unset; cursor: default } .dtd-checkbox-wrapper:after { display: inline-block; width: 0; overflow: hidden; content: "\a0" } .dtd-checkbox-wrapper.dtd-checkbox-wrapper-disabled { cursor: not-allowed } .dtd-checkbox-wrapper+.dtd-checkbox-wrapper { margin-left: 8px } .dtd-checkbox-wrapper.dtd-checkbox-wrapper-in-form-item input[type=checkbox] { width: 14px; height: 14px } .dtd-checkbox+span { padding-right: 8px; padding-left: 8px } .dtd-checkbox-group { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; color: #171a1d; color: var(--common_level1_base_color,#171a1d); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; -webkit-font-feature-settings: "tnum"; font-feature-settings: "tnum","tnum"; display: inline-block } .dtd-checkbox-group-item { margin-right: 8px } .dtd-checkbox-group-item:last-child { margin-right: 0 } .dtd-checkbox-group-item+.dtd-checkbox-group-item { margin-left: 0 } .dtd-checkbox-indeterminate .dtd-checkbox-inner { background-color: #007fff; background-color: var(--theme_primary1_color,#007fff); border-color: #007fff; border-color: var(--theme_primary1_color,#007fff) } .dtd-checkbox-indeterminate .dtd-checkbox-inner:after { top: 50%; left: 50%!important; width: 8px; height: 2px; background-color: #fff; border: 0; border-radius: 2px; -webkit-transform: translate(-50%,-50%) scale(1); -ms-transform: translate(-50%,-50%) scale(1); transform: translate(-50%,-50%) scale(1); opacity: 1; content: " " } .dtd-checkbox-indeterminate.dtd-checkbox-disabled .dtd-checkbox-inner:after { background-color: rgba(0,0,0,.25); border-color: rgba(0,0,0,.25) } .dtd-checkbox-rtl { direction: rtl } .dtd-checkbox-group-rtl .dtd-checkbox-group-item { margin-right: 0; margin-left: 8px } .dtd-checkbox-group-rtl .dtd-checkbox-group-item:last-child { margin-left: 0!important } .dtd-checkbox-group-rtl .dtd-checkbox-group-item+.dtd-checkbox-group-item { margin-left: 8px } .dtd-checkbox-input:focus+.dtd-checkbox-inner { border-color: rgba(126,134,142,.24); border-color: var(--common_line_hard_color,rgba(126,134,142,.24)) } .dtd-btn { line-height: 1.5715; display: inline-block; font-weight: 400; white-space: nowrap; text-align: center; background-image: none; -webkit-box-shadow: 0 2px 0 rgba(0,0,0,.015); box-shadow: 0 2px 0 rgba(0,0,0,.015); cursor: pointer; -webkit-transition: all .3s cubic-bezier(.645,.045,.355,1); transition: all .3s cubic-bezier(.645,.045,.355,1); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: manipulation; touch-action: manipulation; height: 32px; padding: 4px 15px; font-size: 14px; border-radius: 5px; color: #171a1d; color: var(--common_level1_base_color,#171a1d); border: 1px solid rgba(126,134,142,.24); border-color: var(--common_line_hard_color,rgba(126,134,142,.24)); background: #fff } .dtd-btn>.anticon { line-height: 1 } .dtd-btn,.dtd-btn:active,.dtd-btn:focus { outline: 0 } .dtd-btn:not([disabled]):hover { text-decoration: none } .dtd-btn:not([disabled]):active { outline: 0; -webkit-box-shadow: none; box-shadow: none } .dtd-btn[disabled] { cursor: not-allowed } .dtd-btn[disabled]>* { pointer-events: none } .dtd-btn-lg { height: 36px; padding: 6px 23px; font-size: 14px; border-radius: 5px } .dtd-btn-sm { height: 28px; padding: 2px 11px; font-size: 14px; border-radius: 4px } .dtd-btn>a:only-child { color: currentColor } .dtd-btn>a:only-child:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: "" } .dtd-btn:focus,.dtd-btn:hover { color: #0d0c0c; border-color: #0d0c0c; background: #fff } .dtd-btn:focus>a:only-child,.dtd-btn:hover>a:only-child { color: currentColor } .dtd-btn:focus>a:only-child:after,.dtd-btn:hover>a:only-child:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: "" } .dtd-btn:active { color: #000; border-color: #000; background: #fff } .dtd-btn:active>a:only-child { color: currentColor } .dtd-btn:active>a:only-child:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: "" } .dtd-btn[disabled],.dtd-btn[disabled]:active,.dtd-btn[disabled]:focus,.dtd-btn[disabled]:hover { color: rgba(23,26,29,.24); color: var(--common_level4_base_color,rgba(23,26,29,.24)); border-color: rgba(126,134,142,.24); border-color: var(--common_line_hard_color,rgba(126,134,142,.24)); background: #fff; text-shadow: none; -webkit-box-shadow: none; box-shadow: none } .dtd-btn[disabled]:active>a:only-child,.dtd-btn[disabled]:focus>a:only-child,.dtd-btn[disabled]:hover>a:only-child,.dtd-btn[disabled]>a:only-child { color: currentColor } .dtd-btn[disabled]:active>a:only-child:after,.dtd-btn[disabled]:focus>a:only-child:after,.dtd-btn[disabled]:hover>a:only-child:after,.dtd-btn[disabled]>a:only-child:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: "" } .dtd-btn:active,.dtd-btn:focus,.dtd-btn:hover { text-decoration: none; background: #fff } .dtd-btn>span { display: inline-block } .dtd-btn-primary { border-color: #007fff; border-color: var(--theme_primary1_color,#007fff); text-shadow: unset; -webkit-box-shadow: unset; box-shadow: unset } .dtd-btn-primary>a:only-child { color: currentColor } .dtd-btn-primary>a:only-child:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: "" } .dtd-btn-primary:focus,.dtd-btn-primary:hover { color: #fff; border-color: #0d0c0c; background: #0d0c0c } .dtd-btn-primary:focus>a:only-child,.dtd-btn-primary:hover>a:only-child { color: currentColor } .dtd-btn-primary:focus>a:only-child:after,.dtd-btn-primary:hover>a:only-child:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: "" } .dtd-btn-primary:active { color: #fff; border-color: #000; background: #000 } .dtd-btn-primary:active>a:only-child { color: currentColor } .dtd-btn-primary:active>a:only-child:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: "" } .dtd-btn-primary[disabled],.dtd-btn-primary[disabled]:active,.dtd-btn-primary[disabled]:focus,.dtd-btn-primary[disabled]:hover { color: rgba(23,26,29,.24); color: var(--common_level4_base_color,rgba(23,26,29,.24)); border-color: rgba(126,134,142,.24); border-color: var(--common_line_hard_color,rgba(126,134,142,.24)); background: #fff; text-shadow: none; -webkit-box-shadow: none; box-shadow: none } .dtd-btn-primary[disabled]:active>a:only-child,.dtd-btn-primary[disabled]:focus>a:only-child,.dtd-btn-primary[disabled]:hover>a:only-child,.dtd-btn-primary[disabled]>a:only-child { color: currentColor } .dtd-btn-primary[disabled]:active>a:only-child:after,.dtd-btn-primary[disabled]:focus>a:only-child:after,.dtd-btn-primary[disabled]:hover>a:only-child:after,.dtd-btn-primary[disabled]>a:only-child:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: "" } .dtd-btn-group .dtd-btn-primary:not(:first-child):not(:last-child) { border-right-color: #29a2ff; border-left-color: #29a2ff } .dtd-btn-group .dtd-btn-primary:not(:first-child):not(:last-child):disabled { border-color: rgba(126,134,142,.24); border-color: var(--common_line_hard_color,rgba(126,134,142,.24)) } .dtd-btn-group .dtd-btn-primary:first-child:not(:last-child) { border-right-color: #29a2ff } .dtd-btn-group .dtd-btn-primary:first-child:not(:last-child)[disabled] { border-right-color: rgba(126,134,142,.24); border-right-color: var(--common_line_hard_color,rgba(126,134,142,.24)) } .dtd-btn-group .dtd-btn-primary+.dtd-btn-primary,.dtd-btn-group .dtd-btn-primary:last-child:not(:first-child) { border-left-color: #29a2ff } .dtd-btn-group .dtd-btn-primary+.dtd-btn-primary[disabled],.dtd-btn-group .dtd-btn-primary:last-child:not(:first-child)[disabled] { border-left-color: rgba(126,134,142,.24); border-left-color: var(--common_line_hard_color,rgba(126,134,142,.24)) } .dtd-btn-ghost { color: #007fff; color: var(--theme_primary1_color,#007fff); border-color: rgba(126,134,142,.24); border-color: var(--common_line_hard_color,rgba(126,134,142,.24)); background: transparent } .dtd-btn-ghost>a:only-child { color: currentColor } .dtd-btn-ghost>a:only-child:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: "" } .dtd-btn-ghost:focus,.dtd-btn-ghost:hover { color: #0d0c0c; border-color: #0d0c0c; background: transparent } .dtd-btn-ghost:focus>a:only-child,.dtd-btn-ghost:hover>a:only-child { color: currentColor } .dtd-btn-ghost:focus>a:only-child:after,.dtd-btn-ghost:hover>a:only-child:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: "" } .dtd-btn-ghost:active { color: #000; border-color: #000; background: transparent } .dtd-btn-ghost:active>a:only-child { color: currentColor } .dtd-btn-ghost:active>a:only-child:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: "" } .dtd-btn-ghost[disabled],.dtd-btn-ghost[disabled]:active,.dtd-btn-ghost[disabled]:focus,.dtd-btn-ghost[disabled]:hover { color: rgba(23,26,29,.24); color: var(--common_level4_base_color,rgba(23,26,29,.24)); border-color: rgba(126,134,142,.24); border-color: var(--common_line_hard_color,rgba(126,134,142,.24)); background: #fff; text-shadow: none; -webkit-box-shadow: none; box-shadow: none } .dtd-btn-ghost[disabled]:active>a:only-child,.dtd-btn-ghost[disabled]:focus>a:only-child,.dtd-btn-ghost[disabled]:hover>a:only-child,.dtd-btn-ghost[disabled]>a:only-child { color: currentColor } .dtd-btn-ghost[disabled]:active>a:only-child:after,.dtd-btn-ghost[disabled]:focus>a:only-child:after,.dtd-btn-ghost[disabled]:hover>a:only-child:after,.dtd-btn-ghost[disabled]>a:only-child:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: "" } .dtd-btn-dashed { color: #171a1d; color: var(--common_level1_base_color,#171a1d); border-color: rgba(126,134,142,.24); border-color: var(--common_line_hard_color,rgba(126,134,142,.24)); background: #fff; border-style: dashed } .dtd-btn-dashed>a:only-child { color: currentColor } .dtd-btn-dashed>a:only-child:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: "" } .dtd-btn-dashed:focus,.dtd-btn-dashed:hover { color: #0d0c0c; border-color: #0d0c0c; background: #fff } .dtd-btn-dashed:focus>a:only-child,.dtd-btn-dashed:hover>a:only-child { color: currentColor } .dtd-btn-dashed:focus>a:only-child:after,.dtd-btn-dashed:hover>a:only-child:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: "" } .dtd-btn-dashed:active { color: #000; border-color: #000; background: #fff } .dtd-btn-dashed:active>a:only-child { color: currentColor } .dtd-btn-dashed:active>a:only-child:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: "" } .dtd-btn-dashed[disabled],.dtd-btn-dashed[disabled]:active,.dtd-btn-dashed[disabled]:focus,.dtd-btn-dashed[disabled]:hover { color: rgba(23,26,29,.24); color: var(--common_level4_base_color,rgba(23,26,29,.24)); border-color: rgba(126,134,142,.24); border-color: var(--common_line_hard_color,rgba(126,134,142,.24)); background: #fff; text-shadow: none; -webkit-box-shadow: none; box-shadow: none } .dtd-btn-dashed[disabled]:active>a:only-child,.dtd-btn-dashed[disabled]:focus>a:only-child,.dtd-btn-dashed[disabled]:hover>a:only-child,.dtd-btn-dashed[disabled]>a:only-child { color: currentColor } .dtd-btn-dashed[disabled]:active>a:only-child:after,.dtd-btn-dashed[disabled]:focus>a:only-child:after,.dtd-btn-dashed[disabled]:hover>a:only-child:after,.dtd-btn-dashed[disabled]>a:only-child:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: "" } .dtd-btn-danger { color: #fff; color: var(--common_white1_color,#fff); border-color: #ff5219; border-color: var(--theme_danger1_color,#ff5219); background: #ff5219; background: var(--theme_danger1_color,#ff5219); text-shadow: unset; -webkit-box-shadow: unset; box-shadow: unset } .dtd-btn-danger>a:only-child { color: currentColor } .dtd-btn-danger>a:only-child:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: "" } .dtd-btn-danger:focus,.dtd-btn-danger:hover { color: #fff; color: var(--common_white1_color,#fff); border-color: #0d0c0c; background: #0d0c0c } .dtd-btn-danger:focus>a:only-child,.dtd-btn-danger:hover>a:only-child { color: currentColor } .dtd-btn-danger:focus>a:only-child:after,.dtd-btn-danger:hover>a:only-child:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: "" } .dtd-btn-danger:active { color: #fff; color: var(--common_white1_color,#fff); border-color: #000; background: #000 } .dtd-btn-danger:active>a:only-child { color: currentColor } .dtd-btn-danger:active>a:only-child:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: "" } .dtd-btn-danger[disabled],.dtd-btn-danger[disabled]:active,.dtd-btn-danger[disabled]:focus,.dtd-btn-danger[disabled]:hover { color: rgba(23,26,29,.24); color: var(--common_level4_base_color,rgba(23,26,29,.24)); border-color: rgba(126,134,142,.24); border-color: var(--common_line_hard_color,rgba(126,134,142,.24)); background: #fff; text-shadow: none; -webkit-box-shadow: none; box-shadow: none } .dtd-btn-danger[disabled]:active>a:only-child,.dtd-btn-danger[disabled]:focus>a:only-child,.dtd-btn-danger[disabled]:hover>a:only-child,.dtd-btn-danger[disabled]>a:only-child { color: currentColor } .dtd-btn-danger[disabled]:active>a:only-child:after,.dtd-btn-danger[disabled]:focus>a:only-child:after,.dtd-btn-danger[disabled]:hover>a:only-child:after,.dtd-btn-danger[disabled]>a:only-child:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: "" } .dtd-btn-link { border-color: transparent; background: transparent; -webkit-box-shadow: none; box-shadow: none } .dtd-btn-link>a:only-child { color: currentColor } .dtd-btn-link>a:only-child:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: "" } .dtd-btn-link:focus,.dtd-btn-link:hover { color: #0d0c0c; border-color: #0d0c0c; background: transparent } .dtd-btn-link:focus>a:only-child,.dtd-btn-link:hover>a:only-child { color: currentColor } .dtd-btn-link:focus>a:only-child:after,.dtd-btn-link:hover>a:only-child:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: "" } .dtd-btn-link:active { color: #000; border-color: #000; background: transparent } .dtd-btn-link:active>a:only-child { color: currentColor } .dtd-btn-link:active>a:only-child:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: "" } .dtd-btn-link[disabled],.dtd-btn-link[disabled]:active,.dtd-btn-link[disabled]:focus,.dtd-btn-link[disabled]:hover { color: rgba(23,26,29,.24); color: var(--common_level4_base_color,rgba(23,26,29,.24)); border-color: rgba(126,134,142,.24); border-color: var(--common_line_hard_color,rgba(126,134,142,.24)); background: #fff } .dtd-btn-link:hover { background: transparent } .dtd-btn-link:active,.dtd-btn-link:focus,.dtd-btn-link:hover { border-color: transparent } .dtd-btn-link[disabled],.dtd-btn-link[disabled]:active,.dtd-btn-link[disabled]:focus,.dtd-btn-link[disabled]:hover { color: rgba(0,0,0,.25); border-color: transparent; background: transparent; text-shadow: none; -webkit-box-shadow: none; box-shadow: none } .dtd-btn-link[disabled]:active>a:only-child,.dtd-btn-link[disabled]:focus>a:only-child,.dtd-btn-link[disabled]:hover>a:only-child,.dtd-btn-link[disabled]>a:only-child { color: currentColor } .dtd-btn-link[disabled]:active>a:only-child:after,.dtd-btn-link[disabled]:focus>a:only-child:after,.dtd-btn-link[disabled]:hover>a:only-child:after,.dtd-btn-link[disabled]>a:only-child:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: "" } .dtd-btn-text { border-color: transparent; background: transparent; -webkit-box-shadow: none; box-shadow: none } .dtd-btn-text>a:only-child { color: currentColor } .dtd-btn-text>a:only-child:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: "" } .dtd-btn-text:focus,.dtd-btn-text:hover { color: #0d0c0c; border-color: #0d0c0c; background: transparent } .dtd-btn-text:focus>a:only-child,.dtd-btn-text:hover>a:only-child { color: currentColor } .dtd-btn-text:focus>a:only-child:after,.dtd-btn-text:hover>a:only-child:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: "" } .dtd-btn-text:active { color: #000; border-color: #000 } .dtd-btn-text:active>a:only-child { color: currentColor } .dtd-btn-text:active>a:only-child:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: "" } .dtd-btn-text[disabled],.dtd-btn-text[disabled]:active,.dtd-btn-text[disabled]:focus,.dtd-btn-text[disabled]:hover { color: rgba(23,26,29,.24); color: var(--common_level4_base_color,rgba(23,26,29,.24)); border-color: rgba(126,134,142,.24); border-color: var(--common_line_hard_color,rgba(126,134,142,.24)); background: #fff } .dtd-btn-text:focus,.dtd-btn-text:hover { background: rgba(0,0,0,.018) } .dtd-btn-text:active,.dtd-btn-text:focus,.dtd-btn-text:hover { color: #007fff; color: var(--theme_primary1_color,#007fff); border-color: transparent } .dtd-btn-text:active { background: rgba(0,0,0,.028) } .dtd-btn-text[disabled],.dtd-btn-text[disabled]:active,.dtd-btn-text[disabled]:focus,.dtd-btn-text[disabled]:hover { color: rgba(0,0,0,.25); border-color: transparent; background: transparent; text-shadow: none; -webkit-box-shadow: none; box-shadow: none } .dtd-btn-text[disabled]:active>a:only-child,.dtd-btn-text[disabled]:focus>a:only-child,.dtd-btn-text[disabled]:hover>a:only-child,.dtd-btn-text[disabled]>a:only-child { color: currentColor } .dtd-btn-text[disabled]:active>a:only-child:after,.dtd-btn-text[disabled]:focus>a:only-child:after,.dtd-btn-text[disabled]:hover>a:only-child:after,.dtd-btn-text[disabled]>a:only-child:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: "" } .dtd-btn-dangerous { color: #ff4d4f; border-color: #ff4d4f; background: #fff } .dtd-btn-dangerous>a:only-child { color: currentColor } .dtd-btn-dangerous>a:only-child:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: "" } .dtd-btn-dangerous:focus,.dtd-btn-dangerous:hover { color: #ff7875; border-color: #ff7875; background: #fff } .dtd-btn-dangerous:focus>a:only-child,.dtd-btn-dangerous:hover>a:only-child { color: currentColor } .dtd-btn-dangerous:focus>a:only-child:after,.dtd-btn-dangerous:hover>a:only-child:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: "" } .dtd-btn-dangerous:active { color: #d9363e; border-color: #d9363e; background: #fff } .dtd-btn-dangerous:active>a:only-child { color: currentColor } .dtd-btn-dangerous:active>a:only-child:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: "" } .dtd-btn-dangerous[disabled],.dtd-btn-dangerous[disabled]:active,.dtd-btn-dangerous[disabled]:focus,.dtd-btn-dangerous[disabled]:hover { color: rgba(23,26,29,.24); color: var(--common_level4_base_color,rgba(23,26,29,.24)); border-color: rgba(126,134,142,.24); border-color: var(--common_line_hard_color,rgba(126,134,142,.24)); background: #fff; text-shadow: none; -webkit-box-shadow: none; box-shadow: none } .dtd-btn-dangerous[disabled]:active>a:only-child,.dtd-btn-dangerous[disabled]:focus>a:only-child,.dtd-btn-dangerous[disabled]:hover>a:only-child,.dtd-btn-dangerous[disabled]>a:only-child { color: currentColor } .dtd-btn-dangerous[disabled]:active>a:only-child:after,.dtd-btn-dangerous[disabled]:focus>a:only-child:after,.dtd-btn-dangerous[disabled]:hover>a:only-child:after,.dtd-btn-dangerous[disabled]>a:only-child:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: "" } .dtd-btn-dangerous.dtd-btn-primary { border-color: #ff5219; border-color: var(--theme_danger1_color,#ff5219); text-shadow: unset; -webkit-box-shadow: unset; box-shadow: unset } .dtd-btn-dangerous.dtd-btn-primary>a:only-child { color: currentColor } .dtd-btn-dangerous.dtd-btn-primary>a:only-child:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: "" } .dtd-btn-dangerous.dtd-btn-primary:focus,.dtd-btn-dangerous.dtd-btn-primary:hover { color: #fff; color: var(--common_white1_color,#fff); border-color: #0d0c0c; background: #0d0c0c } .dtd-btn-dangerous.dtd-btn-primary:focus>a:only-child,.dtd-btn-dangerous.dtd-btn-primary:hover>a:only-child { color: currentColor } .dtd-btn-dangerous.dtd-btn-primary:focus>a:only-child:after,.dtd-btn-dangerous.dtd-btn-primary:hover>a:only-child:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: "" } .dtd-btn-dangerous.dtd-btn-primary:active { color: #fff; color: var(--common_white1_color,#fff); border-color: #000; background: #000 } .dtd-btn-dangerous.dtd-btn-primary:active>a:only-child { color: currentColor } .dtd-btn-dangerous.dtd-btn-primary:active>a:only-child:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: "" } .dtd-btn-dangerous.dtd-btn-primary[disabled],.dtd-btn-dangerous.dtd-btn-primary[disabled]:active,.dtd-btn-dangerous.dtd-btn-primary[disabled]:focus,.dtd-btn-dangerous.dtd-btn-primary[disabled]:hover { color: rgba(23,26,29,.24); color: var(--common_level4_base_color,rgba(23,26,29,.24)); border-color: rgba(126,134,142,.24); border-color: var(--common_line_hard_color,rgba(126,134,142,.24)); background: #fff; text-shadow: none; -webkit-box-shadow: none; box-shadow: none } .dtd-btn-dangerous.dtd-btn-primary[disabled]:active>a:only-child,.dtd-btn-dangerous.dtd-btn-primary[disabled]:focus>a:only-child,.dtd-btn-dangerous.dtd-btn-primary[disabled]:hover>a:only-child,.dtd-btn-dangerous.dtd-btn-primary[disabled]>a:only-child { color: currentColor } .dtd-btn-dangerous.dtd-btn-primary[disabled]:active>a:only-child:after,.dtd-btn-dangerous.dtd-btn-primary[disabled]:focus>a:only-child:after,.dtd-btn-dangerous.dtd-btn-primary[disabled]:hover>a:only-child:after,.dtd-btn-dangerous.dtd-btn-primary[disabled]>a:only-child:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: "" } .dtd-btn-dangerous.dtd-btn-link { color: #ff4d4f; border-color: transparent; background: transparent; -webkit-box-shadow: none; box-shadow: none } .dtd-btn-dangerous.dtd-btn-link>a:only-child { color: currentColor } .dtd-btn-dangerous.dtd-btn-link>a:only-child:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: "" } .dtd-btn-dangerous.dtd-btn-link:focus,.dtd-btn-dangerous.dtd-btn-link:hover { color: #0d0c0c; border-color: #0d0c0c } .dtd-btn-dangerous.dtd-btn-link:active { color: #000; border-color: #000 } .dtd-btn-dangerous.dtd-btn-link[disabled],.dtd-btn-dangerous.dtd-btn-link[disabled]:active,.dtd-btn-dangerous.dtd-btn-link[disabled]:focus,.dtd-btn-dangerous.dtd-btn-link[disabled]:hover { color: rgba(23,26,29,.24); color: var(--common_level4_base_color,rgba(23,26,29,.24)); border-color: rgba(126,134,142,.24); border-color: var(--common_line_hard_color,rgba(126,134,142,.24)); background: #fff } .dtd-btn-dangerous.dtd-btn-link:focus,.dtd-btn-dangerous.dtd-btn-link:hover { color: #ff7875; border-color: transparent; background: transparent } .dtd-btn-dangerous.dtd-btn-link:focus>a:only-child,.dtd-btn-dangerous.dtd-btn-link:hover>a:only-child { color: currentColor } .dtd-btn-dangerous.dtd-btn-link:focus>a:only-child:after,.dtd-btn-dangerous.dtd-btn-link:hover>a:only-child:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: "" } .dtd-btn-dangerous.dtd-btn-link:active { color: #d9363e; border-color: transparent; background: transparent } .dtd-btn-dangerous.dtd-btn-link:active>a:only-child { color: currentColor } .dtd-btn-dangerous.dtd-btn-link:active>a:only-child:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: "" } .dtd-btn-dangerous.dtd-btn-link[disabled],.dtd-btn-dangerous.dtd-btn-link[disabled]:active,.dtd-btn-dangerous.dtd-btn-link[disabled]:focus,.dtd-btn-dangerous.dtd-btn-link[disabled]:hover { color: rgba(0,0,0,.25); border-color: transparent; background: transparent; text-shadow: none; -webkit-box-shadow: none; box-shadow: none } .dtd-btn-dangerous.dtd-btn-link[disabled]:active>a:only-child,.dtd-btn-dangerous.dtd-btn-link[disabled]:focus>a:only-child,.dtd-btn-dangerous.dtd-btn-link[disabled]:hover>a:only-child,.dtd-btn-dangerous.dtd-btn-link[disabled]>a:only-child { color: currentColor } .dtd-btn-dangerous.dtd-btn-link[disabled]:active>a:only-child:after,.dtd-btn-dangerous.dtd-btn-link[disabled]:focus>a:only-child:after,.dtd-btn-dangerous.dtd-btn-link[disabled]:hover>a:only-child:after,.dtd-btn-dangerous.dtd-btn-link[disabled]>a:only-child:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: "" } .dtd-btn-dangerous.dtd-btn-text { color: #ff4d4f; border-color: transparent; background: transparent; -webkit-box-shadow: none; box-shadow: none } .dtd-btn-dangerous.dtd-btn-text>a:only-child { color: currentColor } .dtd-btn-dangerous.dtd-btn-text>a:only-child:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: "" } .dtd-btn-dangerous.dtd-btn-text:focus,.dtd-btn-dangerous.dtd-btn-text:hover { color: #0d0c0c; border-color: #0d0c0c; background: transparent } .dtd-btn-dangerous.dtd-btn-text:active { color: #000; border-color: #000; background: transparent } .dtd-btn-dangerous.dtd-btn-text[disabled],.dtd-btn-dangerous.dtd-btn-text[disabled]:active,.dtd-btn-dangerous.dtd-btn-text[disabled]:focus,.dtd-btn-dangerous.dtd-btn-text[disabled]:hover { color: rgba(23,26,29,.24); color: var(--common_level4_base_color,rgba(23,26,29,.24)); border-color: rgba(126,134,142,.24); border-color: var(--common_line_hard_color,rgba(126,134,142,.24)); background: #fff } .dtd-btn-dangerous.dtd-btn-text:focus,.dtd-btn-dangerous.dtd-btn-text:hover { color: #ff7875; border-color: transparent; background: rgba(0,0,0,.018) } .dtd-btn-dangerous.dtd-btn-text:focus>a:only-child,.dtd-btn-dangerous.dtd-btn-text:hover>a:only-child { color: currentColor } .dtd-btn-dangerous.dtd-btn-text:focus>a:only-child:after,.dtd-btn-dangerous.dtd-btn-text:hover>a:only-child:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: "" } .dtd-btn-dangerous.dtd-btn-text:active { color: #d9363e; border-color: transparent; background: rgba(0,0,0,.028) } .dtd-btn-dangerous.dtd-btn-text:active>a:only-child { color: currentColor } .dtd-btn-dangerous.dtd-btn-text:active>a:only-child:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: "" } .dtd-btn-dangerous.dtd-btn-text[disabled],.dtd-btn-dangerous.dtd-btn-text[disabled]:active,.dtd-btn-dangerous.dtd-btn-text[disabled]:focus,.dtd-btn-dangerous.dtd-btn-text[disabled]:hover { color: rgba(0,0,0,.25); border-color: transparent; background: transparent; text-shadow: none; -webkit-box-shadow: none; box-shadow: none } .dtd-btn-dangerous.dtd-btn-text[disabled]:active>a:only-child,.dtd-btn-dangerous.dtd-btn-text[disabled]:focus>a:only-child,.dtd-btn-dangerous.dtd-btn-text[disabled]:hover>a:only-child,.dtd-btn-dangerous.dtd-btn-text[disabled]>a:only-child { color: currentColor } .dtd-btn-dangerous.dtd-btn-text[disabled]:active>a:only-child:after,.dtd-btn-dangerous.dtd-btn-text[disabled]:focus>a:only-child:after,.dtd-btn-dangerous.dtd-btn-text[disabled]:hover>a:only-child:after,.dtd-btn-dangerous.dtd-btn-text[disabled]>a:only-child:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: "" } .dtd-btn-icon-only { width: 32px; height: 32px; padding: 2.4px 0; font-size: 16px; border-radius: 5px; vertical-align: -3px } .dtd-btn-icon-only>* { font-size: 16px } .dtd-btn-icon-only.dtd-btn-lg { width: 36px; height: 36px; padding: 4.4px 0; font-size: 16px; border-radius: 5px } .dtd-btn-icon-only.dtd-btn-lg>* { font-size: 16px } .dtd-btn-icon-only.dtd-btn-sm { width: 28px; height: 28px; padding: 2px 0; font-size: 14px; border-radius: 5px } .dtd-btn-icon-only.dtd-btn-sm>* { font-size: 14px } .dtd-btn-icon-only>.anticon { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } .dtd-btn-round { height: 32px; padding: 4px 16px; font-size: 14px; border-radius: 32px } .dtd-btn-round.dtd-btn-lg { height: 36px; padding: 6px 18px; font-size: 14px; border-radius: 36px } .dtd-btn-round.dtd-btn-sm { height: 28px; padding: 2px 14px; font-size: 14px; border-radius: 28px } .dtd-btn-round.dtd-btn-icon-only { width: auto } .dtd-btn-circle { min-width: 32px; padding-right: 0; padding-left: 0; text-align: center; border-radius: 50% } .dtd-btn-circle.dtd-btn-lg { min-width: 36px; border-radius: 50% } .dtd-btn-circle.dtd-btn-sm { min-width: 28px; border-radius: 50% } .dtd-btn:before { position: absolute; top: -1px; right: -1px; bottom: -1px; left: -1px; z-index: 1; display: none; background: #fff; background: var(--common_bg_z1_color,#fff); border-radius: inherit; opacity: .35; -webkit-transition: opacity .2s; transition: opacity .2s; content: ""; pointer-events: none } .dtd-btn .anticon { -webkit-transition: margin-left .3s cubic-bezier(.645,.045,.355,1); transition: margin-left .3s cubic-bezier(.645,.045,.355,1) } .dtd-btn .anticon.anticon-minus>svg,.dtd-btn .anticon.anticon-plus>svg { shape-rendering: optimizeSpeed } .dtd-btn.dtd-btn-loading { position: relative } .dtd-btn.dtd-btn-loading:not([disabled]) { pointer-events: none } .dtd-btn.dtd-btn-loading:before { display: block } .dtd-btn>.dtd-btn-loading-icon { -webkit-transition: all .3s cubic-bezier(.645,.045,.355,1); transition: all .3s cubic-bezier(.645,.045,.355,1) } .dtd-btn>.dtd-btn-loading-icon .anticon { padding-right: 8px; -webkit-animation: none; animation: none } .dtd-btn>.dtd-btn-loading-icon .anticon svg { -webkit-animation: loadingCircle 1s linear infinite; animation: loadingCircle 1s linear infinite } .dtd-btn-group { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex } .dtd-btn-group,.dtd-btn-group>.dtd-btn,.dtd-btn-group>span>.dtd-btn { position: relative } .dtd-btn-group>.dtd-btn:active,.dtd-btn-group>.dtd-btn:focus,.dtd-btn-group>.dtd-btn:hover,.dtd-btn-group>span>.dtd-btn:active,.dtd-btn-group>span>.dtd-btn:focus,.dtd-btn-group>span>.dtd-btn:hover { z-index: 2 } .dtd-btn-group>.dtd-btn[disabled],.dtd-btn-group>span>.dtd-btn[disabled] { z-index: 0 } .dtd-btn-group .dtd-btn-icon-only { font-size: 14px } .dtd-btn-group-lg>.dtd-btn,.dtd-btn-group-lg>span>.dtd-btn { height: 36px; padding: 6px 23px; font-size: 14px; border-radius: 0 } .dtd-btn-group-lg .dtd-btn.dtd-btn-icon-only { width: 36px; height: 36px; padding-right: 0; padding-left: 0 } .dtd-btn-group-sm>.dtd-btn,.dtd-btn-group-sm>span>.dtd-btn { height: 28px; padding: 2px 11px; font-size: 14px; border-radius: 0 } .dtd-btn-group-sm>.dtd-btn>.anticon,.dtd-btn-group-sm>span>.dtd-btn>.anticon { font-size: 14px } .dtd-btn-group-sm .dtd-btn.dtd-btn-icon-only { width: 28px; height: 28px; padding-right: 0; padding-left: 0 } .dtd-btn+.dtd-btn-group,.dtd-btn-group+.dtd-btn,.dtd-btn-group+.dtd-btn-group,.dtd-btn-group .dtd-btn+.dtd-btn,.dtd-btn-group .dtd-btn+span,.dtd-btn-group>span+span,.dtd-btn-group span+.dtd-btn { margin-left: -1px } .dtd-btn-group .dtd-btn-primary+.dtd-btn:not(.dtd-btn-primary):not([disabled]) { border-left-color: transparent } .dtd-btn-group .dtd-btn { border-radius: 0 } .dtd-btn-group>.dtd-btn:first-child,.dtd-btn-group>span:first-child>.dtd-btn { margin-left: 0 } .dtd-btn-group>.dtd-btn:only-child,.dtd-btn-group>span:only-child>.dtd-btn { border-radius: 5px } .dtd-btn-group>.dtd-btn:first-child:not(:last-child),.dtd-btn-group>span:first-child:not(:last-child)>.dtd-btn { border-top-left-radius: 5px; border-bottom-left-radius: 5px } .dtd-btn-group>.dtd-btn:last-child:not(:first-child),.dtd-btn-group>span:last-child:not(:first-child)>.dtd-btn { border-top-right-radius: 5px; border-bottom-right-radius: 5px } .dtd-btn-group-sm>.dtd-btn:only-child,.dtd-btn-group-sm>span:only-child>.dtd-btn { border-radius: 4px } .dtd-btn-group-sm>.dtd-btn:first-child:not(:last-child),.dtd-btn-group-sm>span:first-child:not(:last-child)>.dtd-btn { border-top-left-radius: 4px; border-bottom-left-radius: 4px } .dtd-btn-group-sm>.dtd-btn:last-child:not(:first-child),.dtd-btn-group-sm>span:last-child:not(:first-child)>.dtd-btn { border-top-right-radius: 4px; border-bottom-right-radius: 4px } .dtd-btn-group>.dtd-btn-group { float: left } .dtd-btn-group>.dtd-btn-group:not(:first-child):not(:last-child)>.dtd-btn { border-radius: 0 } .dtd-btn-group>.dtd-btn-group:first-child:not(:last-child)>.dtd-btn:last-child { padding-right: 8px; border-top-right-radius: 0; border-bottom-right-radius: 0 } .dtd-btn-group>.dtd-btn-group:last-child:not(:first-child)>.dtd-btn:first-child { padding-left: 8px; border-top-left-radius: 0; border-bottom-left-radius: 0 } .dtd-btn-group-rtl.dtd-btn+.dtd-btn-group,.dtd-btn-group-rtl.dtd-btn-group+.dtd-btn,.dtd-btn-group-rtl.dtd-btn-group+.dtd-btn-group,.dtd-btn-group-rtl.dtd-btn-group .dtd-btn+.dtd-btn,.dtd-btn-group-rtl.dtd-btn-group .dtd-btn+span,.dtd-btn-group-rtl.dtd-btn-group>span+span,.dtd-btn-group-rtl.dtd-btn-group span+.dtd-btn,.dtd-btn-rtl.dtd-btn+.dtd-btn-group,.dtd-btn-rtl.dtd-btn-group+.dtd-btn,.dtd-btn-rtl.dtd-btn-group+.dtd-btn-group,.dtd-btn-rtl.dtd-btn-group .dtd-btn+.dtd-btn,.dtd-btn-rtl.dtd-btn-group .dtd-btn+span,.dtd-btn-rtl.dtd-btn-group>span+span,.dtd-btn-rtl.dtd-btn-group span+.dtd-btn { margin-right: -1px; margin-left: auto } .dtd-btn-group.dtd-btn-group-rtl { direction: rtl } .dtd-btn-group-rtl.dtd-btn-group>.dtd-btn:first-child:not(:last-child),.dtd-btn-group-rtl.dtd-btn-group>span:first-child:not(:last-child)>.dtd-btn { border-top-left-radius: 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 0 } .dtd-btn-group-rtl.dtd-btn-group>.dtd-btn:last-child:not(:first-child),.dtd-btn-group-rtl.dtd-btn-group>span:last-child:not(:first-child)>.dtd-btn { border-top-left-radius: 5px; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 5px } .dtd-btn-group-rtl.dtd-btn-group-sm>.dtd-btn:first-child:not(:last-child),.dtd-btn-group-rtl.dtd-btn-group-sm>span:first-child:not(:last-child)>.dtd-btn { border-top-left-radius: 0; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 0 } .dtd-btn-group-rtl.dtd-btn-group-sm>.dtd-btn:last-child:not(:first-child),.dtd-btn-group-rtl.dtd-btn-group-sm>span:last-child:not(:first-child)>.dtd-btn { border-top-left-radius: 4px; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 4px } .dtd-btn:active>span,.dtd-btn:focus>span { position: relative } .dtd-btn>.anticon+span,.dtd-btn>span+.anticon { margin-left: 8px } .dtd-btn.dtd-btn-background-ghost { color: #fff; color: var(--common_bg_z1_color,#fff); border-color: #fff; border-color: var(--common_bg_z1_color,#fff) } .dtd-btn.dtd-btn-background-ghost,.dtd-btn.dtd-btn-background-ghost:active,.dtd-btn.dtd-btn-background-ghost:focus,.dtd-btn.dtd-btn-background-ghost:hover { background: transparent } .dtd-btn-background-ghost.dtd-btn-primary { color: #007fff; color: var(--theme_primary1_color,#007fff); border-color: #007fff; border-color: var(--theme_primary1_color,#007fff); text-shadow: none } .dtd-btn-background-ghost.dtd-btn-primary>a:only-child { color: currentColor } .dtd-btn-background-ghost.dtd-btn-primary>a:only-child:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: "" } .dtd-btn-background-ghost.dtd-btn-primary:focus,.dtd-btn-background-ghost.dtd-btn-primary:hover { color: #0d0c0c; border-color: #0d0c0c } .dtd-btn-background-ghost.dtd-btn-primary:focus>a:only-child,.dtd-btn-background-ghost.dtd-btn-primary:hover>a:only-child { color: currentColor } .dtd-btn-background-ghost.dtd-btn-primary:focus>a:only-child:after,.dtd-btn-background-ghost.dtd-btn-primary:hover>a:only-child:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: "" } .dtd-btn-background-ghost.dtd-btn-primary:active { color: #000; border-color: #000 } .dtd-btn-background-ghost.dtd-btn-primary:active>a:only-child { color: currentColor } .dtd-btn-background-ghost.dtd-btn-primary:active>a:only-child:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: "" } .dtd-btn-background-ghost.dtd-btn-primary[disabled],.dtd-btn-background-ghost.dtd-btn-primary[disabled]:active,.dtd-btn-background-ghost.dtd-btn-primary[disabled]:focus,.dtd-btn-background-ghost.dtd-btn-primary[disabled]:hover { color: rgba(23,26,29,.24); color: var(--common_level4_base_color,rgba(23,26,29,.24)); border-color: rgba(126,134,142,.24); border-color: var(--common_line_hard_color,rgba(126,134,142,.24)); background: #fff; text-shadow: none; -webkit-box-shadow: none; box-shadow: none } .dtd-btn-background-ghost.dtd-btn-primary[disabled]:active>a:only-child,.dtd-btn-background-ghost.dtd-btn-primary[disabled]:focus>a:only-child,.dtd-btn-background-ghost.dtd-btn-primary[disabled]:hover>a:only-child,.dtd-btn-background-ghost.dtd-btn-primary[disabled]>a:only-child { color: currentColor } .dtd-btn-background-ghost.dtd-btn-primary[disabled]:active>a:only-child:after,.dtd-btn-background-ghost.dtd-btn-primary[disabled]:focus>a:only-child:after,.dtd-btn-background-ghost.dtd-btn-primary[disabled]:hover>a:only-child:after,.dtd-btn-background-ghost.dtd-btn-primary[disabled]>a:only-child:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: "" } .dtd-btn-background-ghost.dtd-btn-danger { color: #ff4d4f; border-color: #ff4d4f; text-shadow: none } .dtd-btn-background-ghost.dtd-btn-danger>a:only-child { color: currentColor } .dtd-btn-background-ghost.dtd-btn-danger>a:only-child:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: "" } .dtd-btn-background-ghost.dtd-btn-danger:focus,.dtd-btn-background-ghost.dtd-btn-danger:hover { color: #ff7875; border-color: #ff7875 } .dtd-btn-background-ghost.dtd-btn-danger:focus>a:only-child,.dtd-btn-background-ghost.dtd-btn-danger:hover>a:only-child { color: currentColor } .dtd-btn-background-ghost.dtd-btn-danger:focus>a:only-child:after,.dtd-btn-background-ghost.dtd-btn-danger:hover>a:only-child:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: "" } .dtd-btn-background-ghost.dtd-btn-danger:active { color: #d9363e; border-color: #d9363e } .dtd-btn-background-ghost.dtd-btn-danger:active>a:only-child { color: currentColor } .dtd-btn-background-ghost.dtd-btn-danger:active>a:only-child:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: "" } .dtd-btn-background-ghost.dtd-btn-danger[disabled],.dtd-btn-background-ghost.dtd-btn-danger[disabled]:active,.dtd-btn-background-ghost.dtd-btn-danger[disabled]:focus,.dtd-btn-background-ghost.dtd-btn-danger[disabled]:hover { color: rgba(23,26,29,.24); color: var(--common_level4_base_color,rgba(23,26,29,.24)); border-color: rgba(126,134,142,.24); border-color: var(--common_line_hard_color,rgba(126,134,142,.24)); background: #fff; text-shadow: none; -webkit-box-shadow: none; box-shadow: none } .dtd-btn-background-ghost.dtd-btn-danger[disabled]:active>a:only-child,.dtd-btn-background-ghost.dtd-btn-danger[disabled]:focus>a:only-child,.dtd-btn-background-ghost.dtd-btn-danger[disabled]:hover>a:only-child,.dtd-btn-background-ghost.dtd-btn-danger[disabled]>a:only-child { color: currentColor } .dtd-btn-background-ghost.dtd-btn-danger[disabled]:active>a:only-child:after,.dtd-btn-background-ghost.dtd-btn-danger[disabled]:focus>a:only-child:after,.dtd-btn-background-ghost.dtd-btn-danger[disabled]:hover>a:only-child:after,.dtd-btn-background-ghost.dtd-btn-danger[disabled]>a:only-child:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: "" } .dtd-btn-background-ghost.dtd-btn-dangerous { color: #ff4d4f; border-color: #ff4d4f; text-shadow: none } .dtd-btn-background-ghost.dtd-btn-dangerous>a:only-child { color: currentColor } .dtd-btn-background-ghost.dtd-btn-dangerous>a:only-child:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: "" } .dtd-btn-background-ghost.dtd-btn-dangerous:focus,.dtd-btn-background-ghost.dtd-btn-dangerous:hover { color: #ff7875; border-color: #ff7875 } .dtd-btn-background-ghost.dtd-btn-dangerous:focus>a:only-child,.dtd-btn-background-ghost.dtd-btn-dangerous:hover>a:only-child { color: currentColor } .dtd-btn-background-ghost.dtd-btn-dangerous:focus>a:only-child:after,.dtd-btn-background-ghost.dtd-btn-dangerous:hover>a:only-child:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: "" } .dtd-btn-background-ghost.dtd-btn-dangerous:active { color: #d9363e; border-color: #d9363e } .dtd-btn-background-ghost.dtd-btn-dangerous:active>a:only-child { color: currentColor } .dtd-btn-background-ghost.dtd-btn-dangerous:active>a:only-child:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: "" } .dtd-btn-background-ghost.dtd-btn-dangerous[disabled],.dtd-btn-background-ghost.dtd-btn-dangerous[disabled]:active,.dtd-btn-background-ghost.dtd-btn-dangerous[disabled]:focus,.dtd-btn-background-ghost.dtd-btn-dangerous[disabled]:hover { color: rgba(23,26,29,.24); color: var(--common_level4_base_color,rgba(23,26,29,.24)); border-color: rgba(126,134,142,.24); border-color: var(--common_line_hard_color,rgba(126,134,142,.24)); background: #fff; text-shadow: none; -webkit-box-shadow: none; box-shadow: none } .dtd-btn-background-ghost.dtd-btn-dangerous[disabled]:active>a:only-child,.dtd-btn-background-ghost.dtd-btn-dangerous[disabled]:focus>a:only-child,.dtd-btn-background-ghost.dtd-btn-dangerous[disabled]:hover>a:only-child,.dtd-btn-background-ghost.dtd-btn-dangerous[disabled]>a:only-child { color: currentColor } .dtd-btn-background-ghost.dtd-btn-dangerous[disabled]:active>a:only-child:after,.dtd-btn-background-ghost.dtd-btn-dangerous[disabled]:focus>a:only-child:after,.dtd-btn-background-ghost.dtd-btn-dangerous[disabled]:hover>a:only-child:after,.dtd-btn-background-ghost.dtd-btn-dangerous[disabled]>a:only-child:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: "" } .dtd-btn-background-ghost.dtd-btn-dangerous.dtd-btn-link { color: #ff4d4f; border-color: transparent; text-shadow: none } .dtd-btn-background-ghost.dtd-btn-dangerous.dtd-btn-link>a:only-child { color: currentColor } .dtd-btn-background-ghost.dtd-btn-dangerous.dtd-btn-link>a:only-child:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: "" } .dtd-btn-background-ghost.dtd-btn-dangerous.dtd-btn-link:focus,.dtd-btn-background-ghost.dtd-btn-dangerous.dtd-btn-link:hover { color: #ff7875; border-color: transparent } .dtd-btn-background-ghost.dtd-btn-dangerous.dtd-btn-link:focus>a:only-child,.dtd-btn-background-ghost.dtd-btn-dangerous.dtd-btn-link:hover>a:only-child { color: currentColor } .dtd-btn-background-ghost.dtd-btn-dangerous.dtd-btn-link:focus>a:only-child:after,.dtd-btn-background-ghost.dtd-btn-dangerous.dtd-btn-link:hover>a:only-child:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: "" } .dtd-btn-background-ghost.dtd-btn-dangerous.dtd-btn-link:active { color: #d9363e; border-color: transparent } .dtd-btn-background-ghost.dtd-btn-dangerous.dtd-btn-link:active>a:only-child { color: currentColor } .dtd-btn-background-ghost.dtd-btn-dangerous.dtd-btn-link:active>a:only-child:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: "" } .dtd-btn-background-ghost.dtd-btn-dangerous.dtd-btn-link[disabled],.dtd-btn-background-ghost.dtd-btn-dangerous.dtd-btn-link[disabled]:active,.dtd-btn-background-ghost.dtd-btn-dangerous.dtd-btn-link[disabled]:focus,.dtd-btn-background-ghost.dtd-btn-dangerous.dtd-btn-link[disabled]:hover { color: rgba(23,26,29,.24); color: var(--common_level4_base_color,rgba(23,26,29,.24)); border-color: rgba(126,134,142,.24); border-color: var(--common_line_hard_color,rgba(126,134,142,.24)); background: #fff; text-shadow: none; -webkit-box-shadow: none; box-shadow: none } .dtd-btn-background-ghost.dtd-btn-dangerous.dtd-btn-link[disabled]:active>a:only-child,.dtd-btn-background-ghost.dtd-btn-dangerous.dtd-btn-link[disabled]:focus>a:only-child,.dtd-btn-background-ghost.dtd-btn-dangerous.dtd-btn-link[disabled]:hover>a:only-child,.dtd-btn-background-ghost.dtd-btn-dangerous.dtd-btn-link[disabled]>a:only-child { color: currentColor } .dtd-btn-background-ghost.dtd-btn-dangerous.dtd-btn-link[disabled]:active>a:only-child:after,.dtd-btn-background-ghost.dtd-btn-dangerous.dtd-btn-link[disabled]:focus>a:only-child:after,.dtd-btn-background-ghost.dtd-btn-dangerous.dtd-btn-link[disabled]:hover>a:only-child:after,.dtd-btn-background-ghost.dtd-btn-dangerous.dtd-btn-link[disabled]>a:only-child:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; content: "" } .dtd-btn-two-chinese-chars:first-letter { letter-spacing: .34em } .dtd-btn-two-chinese-chars>:not(.anticon) { margin-right: -.34em; letter-spacing: .34em } .dtd-btn-block { width: 100% } .dtd-btn:empty { display: inline-block; width: 0; visibility: hidden; content: "\a0" } a.dtd-btn { padding-top: .01px!important; line-height: 30px } a.dtd-btn-lg { line-height: 34px } a.dtd-btn-sm { line-height: 26px } .dtd-btn-rtl { direction: rtl } .dtd-btn-group-rtl.dtd-btn-group .dtd-btn-primary+.dtd-btn-primary,.dtd-btn-group-rtl.dtd-btn-group .dtd-btn-primary:last-child:not(:first-child) { border-right-color: #29a2ff; border-left-color: rgba(126,134,142,.24); border-left-color: var(--common_line_hard_color,rgba(126,134,142,.24)) } .dtd-btn-group-rtl.dtd-btn-group .dtd-btn-primary+.dtd-btn-primary[disabled],.dtd-btn-group-rtl.dtd-btn-group .dtd-btn-primary:last-child:not(:first-child)[disabled] { border-right-color: rgba(126,134,142,.24); border-right-color: var(--common_line_hard_color,rgba(126,134,142,.24)); border-left-color: #29a2ff } .dtd-btn-rtl.dtd-btn>.dtd-btn-loading-icon .anticon { padding-right: 0; padding-left: 8px } .dtd-btn>.dtd-btn-loading-icon:only-child .anticon { padding-right: 0; padding-left: 0 } .dtd-btn-rtl.dtd-btn>.anticon+span,.dtd-btn-rtl.dtd-btn>span+.anticon { margin-right: 8px; margin-left: 0 } :root[data-dingtalk-theme=light] { --default_button_hover_color: #ebebeb; --default_button_active_color: #d6d6d6 } :root[data-dingtalk-theme=dark] { --default_button_hover_color: #585858; --default_button_active_color: #676767 } .dtd-btn { position: relative; -webkit-box-shadow: none; box-shadow: none; cursor: default; -webkit-transition: all .2s cubic-bezier(.215,.61,.355,1); transition: all .2s cubic-bezier(.215,.61,.355,1) } @-webkit-keyframes cirle-anim { to { -webkit-transform: rotate(1turn); transform: rotate(1turn) } } @keyframes cirle-anim { to { -webkit-transform: rotate(1turn); transform: rotate(1turn) } } .dtd-btn-loading-icon svg { -webkit-animation: cirle-anim 1s linear infinite; animation: cirle-anim 1s linear infinite } .dtd-btn-default { border-radius: 4px; border-radius: var(--common_border_radius_s,4px); -webkit-box-shadow: none; box-shadow: none } .dtd-btn-default,.dtd-btn-default:not([disabled]):focus { background: #fff; background: var(--button_secondary_bg_color,#fff) } .dtd-btn-default,.dtd-btn-default:not([disabled]):focus,.dtd-btn-default:not([disabled]):hover { color: #171a1d; color: var(--common_level1_base_color,#171a1d); border-color: rgba(126,134,142,.24); border-color: var(--button_secondary_line_color,rgba(126,134,142,.24)) } .dtd-btn-default:not([disabled]):hover { background: #ebebeb; background: var(--default_button_hover_color,#ebebeb) } .dtd-btn-default:not([disabled]):active { color: #171a1d; color: var(--common_level1_base_color,#171a1d); background: #d6d6d6; background: var(--default_button_active_color,#d6d6d6); border-color: rgba(126,134,142,.24); border-color: var(--button_secondary_line_color,rgba(126,134,142,.24)) } .dtd-btn-default[disabled],.dtd-btn-default[disabled]:active,.dtd-btn-default[disabled]:focus,.dtd-btn-default[disabled]:hover { color: rgba(23,26,29,.24); color: var(--common_level4_base_color,rgba(23,26,29,.24)); background: #fff; background: var(--button_secondary_bg_color,#fff); border-color: rgba(126,134,142,.24); border-color: var(--button_secondary_line_color,rgba(126,134,142,.24)); cursor: not-allowed } .dtd-btn-primary,.dtd-btn-primary:not([disabled]):focus { color: #fff; color: var(--common_white1_color,#fff); background: #007fff; background: var(--theme_primary1_color,#007fff); border-color: transparent } .dtd-btn-primary:not([disabled]):hover { color: #fff; color: var(--common_white1_color,#fff); background: #0075eb; background: var(--theme_primary_hover_color,#0075eb); border-color: transparent } .dtd-btn-primary:not([disabled]):active { color: #fff; color: var(--common_white1_color,#fff); background: #006ad6; background: var(--theme_primary_press_color,#006ad6); border-color: transparent } .dtd-btn-primary[disabled],.dtd-btn-primary[disabled]:active,.dtd-btn-primary[disabled]:focus,.dtd-btn-primary[disabled]:hover { color: hsla(0,0%,100%,.4); color: var(--common_white2_color,hsla(0,0%,100%,.4)); background: rgba(0,127,255,.48); background: var(--theme_primary2_color,rgba(0,127,255,.48)); border-color: transparent; cursor: not-allowed } .dtd-btn-dangerous.dtd-btn-primary,.dtd-btn-dangerous.dtd-btn-primary:not([disabled]):focus { color: #fff; color: var(--common_white1_color,#fff); background: #ff5219; background: var(--theme_danger1_color,#ff5219) } .dtd-btn-dangerous.dtd-btn-primary:not([disabled]):hover { color: #fff; color: var(--common_white1_color,#fff); background: #eb4b17; background: var(--theme_danger_hover_color,#eb4b17) } .dtd-btn-dangerous.dtd-btn-primary:not([disabled]):active { color: #fff; color: var(--common_white1_color,#fff); background: #d64414; background: var(--theme_danger_press_color,#d64414) } .dtd-btn-dangerous.dtd-btn-primary[disabled],.dtd-btn-dangerous.dtd-btn-primary[disabled]:active,.dtd-btn-dangerous.dtd-btn-primary[disabled]:focus,.dtd-btn-dangerous.dtd-btn-primary[disabled]:hover { color: #fff; color: var(--common_white1_color,#fff); background: rgba(255,82,25,.48); background: var(--theme_danger2_color,rgba(255,82,25,.48)); border-color: transparent; cursor: not-allowed } .dtd-btn-dangerous.dtd-btn-link { color: #ff5219; color: var(--theme_danger1_color,#ff5219) } .dtd-btn-dangerous.dtd-btn-link:hover { color: #eb4b17; color: var(--theme_danger_hover_color,#eb4b17) } .dtd-btn-dangerous.dtd-btn-link:active,.dtd-btn-dangerous.dtd-btn-link:focus { color: #d64414; color: var(--theme_danger_press_color,#d64414) } .dtd-btn-dangerous.dtd-btn-link[disabled],.dtd-btn-dangerous.dtd-btn-link[disabled]:active,.dtd-btn-dangerous.dtd-btn-link[disabled]:focus,.dtd-btn-dangerous.dtd-btn-link[disabled]:hover { color: rgba(255,82,25,.48); color: var(--theme_danger2_color,rgba(255,82,25,.48)) } .dtd-btn-link,.dtd-btn-link:focus { color: #007fff; color: var(--theme_primary1_color,#007fff) } .dtd-btn-link:hover { color: #0075eb; color: var(--theme_primary_hover_color,#0075eb); cursor: pointer } .dtd-btn-link:active { color: #006ad6; color: var(--theme_primary_press_color,#006ad6) } .dtd-btn-link[disabled],.dtd-btn-link[disabled]:active,.dtd-btn-link[disabled]:focus,.dtd-btn-link[disabled]:hover { color: rgba(0,127,255,.48); color: var(--theme_primary2_color,rgba(0,127,255,.48)); cursor: not-allowed } .dtd-btn-text { padding: 0 4px } .dtd-btn-text,.dtd-btn-text:focus { color: #007fff; color: var(--theme_primary1_color,#007fff); border-radius: 4px; border-radius: var(--common_border_radius_s,4px) } .dtd-btn-text:hover { color: #0075eb; color: var(--theme_primary_hover_color,#0075eb); background: transparent; cursor: pointer } .dtd-btn-text:active { color: #006ad6; color: var(--theme_primary_press_color,#006ad6) } .dtd-btn-text:active,.dtd-btn-text:focus { background: transparent } .dtd-btn-text[disabled],.dtd-btn-text[disabled]:active,.dtd-btn-text[disabled]:focus,.dtd-btn-text[disabled]:hover { color: rgba(0,127,255,.48); color: var(--theme_primary2_color,rgba(0,127,255,.48)); cursor: not-allowed } .dtd-btn-dangerous.dtd-btn-text { color: #ff5219; color: var(--theme_danger1_color,#ff5219) } .dtd-btn-dangerous.dtd-btn-text:hover { color: #eb4b17; color: var(--theme_danger_hover_color,#eb4b17); background-color: transparent } .dtd-btn-dangerous.dtd-btn-text:active,.dtd-btn-dangerous.dtd-btn-text:focus { color: #d64414; color: var(--theme_danger_press_color,#d64414); background-color: transparent } .dtd-btn-dangerous.dtd-btn-text[disabled],.dtd-btn-dangerous.dtd-btn-text[disabled]:active,.dtd-btn-dangerous.dtd-btn-text[disabled]:focus,.dtd-btn-dangerous.dtd-btn-text[disabled]:hover { color: rgba(255,82,25,.48); color: var(--theme_danger2_color,rgba(255,82,25,.48)) } .dtd-btn-lg { border-radius: 6px; border-radius: var(--common_border_radius_m,6px) } .dtd-modal { -webkit-box-sizing: border-box; box-sizing: border-box; color: #171a1d; color: var(--common_level1_base_color,#171a1d); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; -webkit-font-feature-settings: "tnum"; font-feature-settings: "tnum","tnum"; pointer-events: none; position: relative; top: 100px; width: auto; max-width: calc(100vw - 32px); margin: 0 auto; padding: 0 0 24px } .dtd-modal.dtd-zoom-enter,.dtd-modal.dtdzoom-appear { -webkit-transform: none; -ms-transform: none; transform: none; opacity: 0; -webkit-animation-duration: .3s; animation-duration: .3s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .dtd-modal-mask { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1000; height: 100%; background-color: rgba(0,0,0,.45) } .dtd-modal-mask-hidden { display: none } .dtd-modal-wrap { position: fixed; top: 0; right: 0; bottom: 0; left: 0; overflow: auto; outline: 0; -webkit-overflow-scrolling: touch; z-index: 1000 } .dtd-modal-title { margin: 0; color: rgba(0,0,0,.85); font-weight: 500; font-size: 16px; line-height: 24px; word-wrap: break-word } .dtd-modal-content { background-color: var(--common_bg_z1_color,#fff); background-clip: padding-box; border: 0; border-radius: 4px; border-radius: var(--common_border_radius_s,4px); -webkit-box-shadow: 0 3px 6px -4px rgba(0,0,0,.12),0 6px 16px 0 rgba(0,0,0,.08),0 9px 28px 8px rgba(0,0,0,.05); box-shadow: 0 3px 6px -4px rgba(0,0,0,.12),0 6px 16px 0 rgba(0,0,0,.08),0 9px 28px 8px rgba(0,0,0,.05); pointer-events: auto } .dtd-modal-close { position: absolute; top: 0; right: 0; z-index: 10; padding: 0; color: rgba(23,26,29,.6); color: var(--common_level2_base_color,rgba(23,26,29,.6)); font-weight: 700; line-height: 1; text-decoration: none; background: transparent; border: 0; outline: 0; cursor: pointer; -webkit-transition: color .3s; transition: color .3s } .dtd-modal-close-x { display: block; width: 56px; height: 56px; font-size: 16px; font-style: normal; line-height: 56px; text-align: center; text-transform: none; text-rendering: auto } .dtd-modal-close:focus,.dtd-modal-close:hover { color: rgba(0,0,0,.75); text-decoration: none } .dtd-modal-header { padding: 16px 16px 15px; color: #171a1d; color: var(--common_level1_base_color,#171a1d); background: #fff; background: var(--common_bg_z1_color,#fff); border-bottom: 1px solid #f0f0f0; border-radius: 4px 4px 0 0; border-radius: var(--common_border_radius_s,4px) var(--common_border_radius_s,4px) 0 0 } .dtd-modal-body { padding: 16px; font-size: 14px; line-height: 1.5715; word-wrap: break-word } .dtd-modal-footer { padding: 10px 16px; text-align: right; background: transparent; border-top: 1px solid #f0f0f0; border-radius: 0 0 4px 4px; border-radius: 0 0 var(--common_border_radius_s,4px) var(--common_border_radius_s,4px) } .dtd-modal-footer .dtd-btn+.dtd-btn:not(.dtd-dropdown-trigger) { margin-bottom: 0; margin-left: 8px } .dtd-modal-open { overflow: hidden } .dtd-modal-centered { text-align: center } .dtd-modal-centered:before { display: inline-block; width: 0; height: 100%; vertical-align: middle; content: "" } .dtd-modal-centered .dtd-modal { top: 0; display: inline-block; text-align: left; vertical-align: middle } @media (max-width: 767px) { .dtd-modal { max-width:calc(100vw - 16px); margin: 8px auto } .dtd-modal-centered .dtd-modal { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1 } } .dtd-modal-confirm .dtd-modal-header { display: none } .dtd-modal-confirm .dtd-modal-body { padding: 32px 32px 24px } .dtd-modal-confirm-body-wrapper:before { display: table; content: "" } .dtd-modal-confirm-body-wrapper:after { display: table; clear: both; content: "" } .dtd-modal-confirm-body .dtd-modal-confirm-title { display: block; overflow: hidden; color: rgba(0,0,0,.85); font-weight: 500; font-size: 16px; line-height: 1.4 } .dtd-modal-confirm-body .dtd-modal-confirm-content { margin-top: 8px; color: #171a1d; color: var(--common_level1_base_color,#171a1d); font-size: 14px } .dtd-modal-confirm-body>.anticon { float: left; margin-right: 16px; font-size: 22px } .dtd-modal-confirm-body>.anticon+.dtd-modal-confirm-title+.dtd-modal-confirm-content { margin-left: 38px } .dtd-modal-confirm .dtd-modal-confirm-btns { float: right; margin-top: 24px } .dtd-modal-confirm .dtd-modal-confirm-btns .dtd-btn+.dtd-btn { margin-bottom: 0; margin-left: 8px } .dtd-modal-confirm-error .dtd-modal-confirm-body>.anticon { color: #ff4d4f } .dtd-modal-confirm-confirm .dtd-modal-confirm-body>.anticon,.dtd-modal-confirm-warning .dtd-modal-confirm-body>.anticon { color: #faad14 } .dtd-modal-confirm-info .dtd-modal-confirm-body>.anticon { color: var(--main-color) } .dtd-modal-confirm-success .dtd-modal-confirm-body>.anticon { color: #52c41a } .dtd-modal-wrap-rtl { direction: rtl } .dtd-modal-wrap-rtl .dtd-modal-close { right: auto; left: 0 } .dtd-modal-wrap-rtl .dtd-modal-footer { text-align: left } .dtd-modal-wrap-rtl .dtd-modal-footer .dtd-btn+.dtd-btn { margin-right: 8px; margin-left: 0 } .dtd-modal-wrap-rtl .dtd-modal-confirm-body { direction: rtl } .dtd-modal-wrap-rtl .dtd-modal-confirm-body>.anticon { float: right; margin-right: 0; margin-left: 16px } .dtd-modal-wrap-rtl .dtd-modal-confirm-body>.anticon+.dtd-modal-confirm-title+.dtd-modal-confirm-content { margin-right: 38px; margin-left: 0 } .dtd-modal-wrap-rtl .dtd-modal-confirm-btns { float: left } .dtd-modal-wrap-rtl .dtd-modal-confirm-btns .dtd-btn+.dtd-btn { margin-right: 8px; margin-left: 0 } .dtd-modal-wrap-rtl.dtd-modal-centered .dtd-modal { text-align: right } .dtd-modal { padding: 0; -webkit-animation: .36s cubic-bezier(.66,0,.01,1) .1s; animation: .36s cubic-bezier(.66,0,.01,1) .1s } .dtd-modal-content { -webkit-box-shadow: 0 12px 32px rgba(0,0,0,.24); box-shadow: 0 12px 32px rgba(0,0,0,.24); -webkit-box-shadow: var(--common_box_shadow_l__box-shadow,0 12px 32px rgba(0,0,0,.24)); box-shadow: var(--common_box_shadow_l__box-shadow,0 12px 32px rgba(0,0,0,.24)); position: relative; background: var(--common_fg_z1_color,#fff); border-radius: var(--common_border_radius_l,8px) } .dtd-modal-content .dtd-modal-close-x { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 52px; height: 52px; cursor: default } .dtd-modal-content .dtd-modal-close-x .dtd-modal-close-icon { width: 20px; height: 20px; padding: 2px; color: #171a1d; color: var(--common_level1_base_color,#171a1d); border-radius: 4px; border-radius: var(--common_border_radius_s,4px); cursor: default } .dtd-modal-content .dtd-modal-close-x .dtd-modal-close-icon:hover { background: rgba(126,134,142,.12) } .dtd-modal-content .dtd-modal-close-x .dtd-modal-close-icon:active { background: rgba(0,0,0,.16); background: var(--common_overlay_color,rgba(0,0,0,.16)) } .dtd-modal-content .dtd-modal-header { padding: 14px 16px 13px; background: transparent; border-bottom: 1px solid rgba(126,134,142,.16); border-bottom: 1px solid var(--common_line_light_color,rgba(126,134,142,.16)) } .dtd-modal-content .dtd-modal-header .dtd-modal-title { padding-right: 16px; color: #171a1d; color: var(--common_level1_base_color,#171a1d); overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .dtd-modal-content .dtd-modal-body { color: rgba(23,26,29,.6); color: var(--common_level2_base_color,rgba(23,26,29,.6)) } .dtd-modal-content .dtd-modal-footer { padding: 9px 16px 10px; border-top: 1px solid rgba(126,134,142,.16); border-top: 1px solid var(--common_line_light_color,rgba(126,134,142,.16)) } .dtd-modal-content .dtd-modal-footer button { padding: 5px 22px; cursor: default } .dtd-modal.dialog { width: 260px } .dtd-modal.dialog .dtd-modal-content .dtd-modal-close { display: none } .dtd-modal.dialog .dtd-modal-content .dtd-modal-header { padding: 16px 14px 8px; text-align: center; border: none } .dtd-modal.dialog .dtd-modal-content .dtd-modal-header .dtd-modal-title { padding: 0; text-align: center; white-space: normal; display: -webkit-box; -webkit-line-clamp: 3; overflow: hidden; -webkit-box-orient: vertical } .dtd-modal.dialog .dtd-modal-content .dtd-modal-body { min-height: 60px; padding: 0 16px; font-size: 14px; line-height: 22px; text-align: center; white-space: normal; display: -webkit-box; -webkit-line-clamp: 3; overflow: hidden; -webkit-box-orient: vertical } .dtd-modal.dialog .dtd-modal-content .dtd-modal-footer { padding: 16px; text-align: center; border-top: none } .dtd-modal.dialog .dtd-modal-content .default-icon { width: 48px; height: 48px; margin: 32px auto 12px; background: rgba(126,134,142,.16); border-radius: 50% } .dtd-modal.dialog .dtd-modal-content .dialog-title { margin-bottom: 8px; color: #171a1d; color: var(--common_level1_base_color,#171a1d); font-size: 16px; line-height: 24px; text-align: center } .dtd-modal.dtd-modal-transform-origin-center { -webkit-transform-origin: center!important; -ms-transform-origin: center!important; transform-origin: center!important } .ellipsisLine1 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .dtd-modal-confirm-info .dd-icon { color: #007fff; color: var(--common_blue1_color,#007fff) } .dtd-modal-confirm-success .dd-icon { color: #00b042; color: var(--common_green1_color,#00b042) } .dtd-modal-confirm-error .dd-icon { color: #ff5219; color: var(--common_red1_color,#ff5219) } .dtd-modal-confirm-confirm .dd-icon,.dtd-modal-confirm-warning .dd-icon { color: #ff9200; color: var(--common_orange1_color,#ff9200) } .dtd-modal-confirm .dtd-modal-body { padding: 32px 24px 24px } .dtd-modal-confirm-body.no-icon .dtd-modal-confirm-content { margin-left: 0 } .dtd-modal-confirm-body .dd-icon { position: relative; z-index: 1; display: inline-block; float: left; margin-right: 12px; font-size: 24px; font-style: normal; line-height: 0; text-align: center; text-transform: none; vertical-align: -.125em; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased } .dtd-modal-confirm-body .anticon-info-circle { position: relative; z-index: 1 } .dtd-modal-confirm-body .anticon-info-circle:after,.dtd-modal-confirm-body .dd-icon:after { position: absolute; top: 50%; left: 50%; z-index: -1; display: block; width: .8em; height: .8em; background: #fff; border-radius: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); content: "" } .dtd-modal-confirm-body .dtd-modal-confirm-title { color: #171a1d; color: var(--common_level1_base_color,#171a1d); font-size: 18px; line-height: 25px } .dtd-modal-confirm-body .dtd-modal-confirm-content { margin-left: 36px; color: rgba(23,26,29,.6); color: var(--common_level2_base_color,rgba(23,26,29,.6)) } .dtd-modal-confirm .dtd-modal-confirm-btns { margin-top: 20px } .dtd-modal-confirm .dtd-modal-confirm-btns .dtd-btn { padding: 4px 16px } .dtd-modal-confirm.center-confirm .dtd-modal-body { padding: 16px; text-align: center } .dtd-modal-confirm.center-confirm .dtd-modal-body .dtd-modal-confirm-body .dtd-modal-confirm-icon-wrapper { margin: 16px 0 } .dtd-modal-confirm.center-confirm .dtd-modal-body .dtd-modal-confirm-body .dtd-modal-confirm-icon-wrapper .dd-icon { float: none; margin: 0 } .dtd-modal-confirm.center-confirm .dtd-modal-body .dtd-modal-confirm-body .dtd-modal-confirm-title { text-align: center } .dtd-modal-confirm.center-confirm .dtd-modal-body .dtd-modal-confirm-body .dtd-modal-confirm-content { margin: 16px 0 0 } .dtd-modal-confirm.center-confirm .dtd-modal-body .dtd-modal-confirm-btns { float: none; margin: 16px 0 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .dtd-modal-confirm.center-confirm .dtd-modal-body .dtd-modal-confirm-btns button { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1 } .dtd-radio-group { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; color: #171a1d; color: var(--common_level1_base_color,#171a1d); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; -webkit-font-feature-settings: "tnum"; font-feature-settings: "tnum","tnum"; display: inline-block; font-size: 0 } .dtd-radio-group .dtd-badge-count { z-index: 1 } .dtd-radio-group>.dtd-badge:not(:first-child)>.dtd-radio-button-wrapper { border-left: none } .dtd-radio-wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; -webkit-font-feature-settings: "tnum"; font-feature-settings: "tnum","tnum"; position: relative; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: baseline; -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; margin: 0 8px 0 0; cursor: pointer } .dtd-radio-wrapper:after { display: inline-block; width: 0; overflow: hidden; content: "\a0" } .dtd-radio { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; color: #171a1d; color: var(--common_level1_base_color,#171a1d); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; -webkit-font-feature-settings: "tnum"; font-feature-settings: "tnum","tnum"; position: relative; top: .2em; display: inline-block; outline: none; cursor: pointer } .dtd-radio-input:focus+.dtd-radio-inner,.dtd-radio-wrapper:hover .dtd-radio,.dtd-radio:hover .dtd-radio-inner { border-color: var(--main-color) } .dtd-radio-input:focus+.dtd-radio-inner { -webkit-box-shadow: none; box-shadow: none } .dtd-radio-checked:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid var(--main-color); border-radius: 50%; visibility: hidden; -webkit-animation: antRadioEffect .36s ease-in-out; animation: antRadioEffect .36s ease-in-out; -webkit-animation-fill-mode: both; animation-fill-mode: both; content: "" } .dtd-radio-wrapper:hover .dtd-radio:after,.dtd-radio:hover:after { visibility: visible } .dtd-radio-inner { position: relative; top: 0; left: 0; display: block; width: 16px; height: 16px; background-color: #fff; border: 1px solid rgba(126,134,142,.24); border-radius: 50%; -webkit-transition: all .3s; transition: all .3s } .dtd-radio-inner:after { position: absolute; top: 3px; left: 3px; display: block; width: 8px; height: 8px; background-color: var(--main-color); border-top: 0; border-left: 0; border-radius: 8px; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); opacity: 0; -webkit-transition: all .3s cubic-bezier(.78,.14,.15,.86); transition: all .3s cubic-bezier(.78,.14,.15,.86); content: " " } .dtd-radio-input { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; cursor: pointer; opacity: 0 } .dtd-radio-checked .dtd-radio-inner { border-color: var(--main-color) } .dtd-radio-checked .dtd-radio-inner:after { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; -webkit-transition: all .3s cubic-bezier(.78,.14,.15,.86); transition: all .3s cubic-bezier(.78,.14,.15,.86) } .dtd-radio-disabled { cursor: not-allowed } .dtd-radio-disabled .dtd-radio-inner { background-color: #f6f6f6; background-color: var(--common_fg_press_color,#f6f6f6); border-color: rgba(126,134,142,.24)!important; border-color: var(--common_line_hard_color,rgba(126,134,142,.24))!important; cursor: not-allowed } .dtd-radio-disabled .dtd-radio-inner:after { background-color: rgba(0,0,0,.2) } .dtd-radio-disabled .dtd-radio-input { cursor: not-allowed } .dtd-radio-disabled+span { color: rgba(0,0,0,.25); cursor: not-allowed } span.dtd-radio+* { padding-right: 8px; padding-left: 8px } .dtd-radio-button-wrapper { position: relative; display: inline-block; height: 32px; margin: 0; padding: 0 15px; font-size: 14px; line-height: 30px; border: 1px solid rgba(126,134,142,.24); border-color: var(--common_line_hard_color,rgba(126,134,142,.24)); border-width: 1.02px 1px 1px 0; cursor: pointer; -webkit-transition: color .3s,background .3s,border-color .3s,box-shadow .3s; -webkit-transition: color .3s,background .3s,border-color .3s,-webkit-box-shadow .3s; transition: color .3s,background .3s,border-color .3s,-webkit-box-shadow .3s; transition: color .3s,background .3s,border-color .3s,box-shadow .3s; transition: color .3s,background .3s,border-color .3s,box-shadow .3s,-webkit-box-shadow .3s } .dtd-radio-button-wrapper,.dtd-radio-button-wrapper a { color: #171a1d; color: var(--common_level1_base_color,#171a1d) } .dtd-radio-button-wrapper>.dtd-radio-button { position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100% } .dtd-radio-group-large .dtd-radio-button-wrapper { height: 40px; font-size: 16px; line-height: 38px } .dtd-radio-group-small .dtd-radio-button-wrapper { height: 24px; padding: 0 7px; line-height: 22px } .dtd-radio-button-wrapper:not(:first-child):before { position: absolute; top: -1px; left: -1px; display: block; -webkit-box-sizing: content-box; box-sizing: content-box; width: 1px; height: 100%; padding: 1px 0; background-color: rgba(126,134,142,.24); background-color: var(--common_line_hard_color,rgba(126,134,142,.24)); -webkit-transition: background-color .3s; transition: background-color .3s; content: "" } .dtd-radio-button-wrapper:first-child { border-left: 1px solid rgba(126,134,142,.24); border-left: 1px solid var(--common_line_hard_color,rgba(126,134,142,.24)); border-radius: 4px 0 0 4px; border-radius: var(--common_border_radius_s,4px) 0 0 var(--common_border_radius_s,4px) } .dtd-radio-button-wrapper:last-child { border-radius: 0 4px 4px 0; border-radius: 0 var(--common_border_radius_s,4px) var(--common_border_radius_s,4px) 0 } .dtd-radio-button-wrapper:first-child:last-child { border-radius: 4px; border-radius: var(--common_border_radius_s,4px) } .dtd-radio-button-wrapper:hover { position: relative; color: var(--main-color) } .dtd-radio-button-wrapper:focus-within { -webkit-box-shadow: none; box-shadow: none } .dtd-radio-button-wrapper .dtd-radio-inner,.dtd-radio-button-wrapper input[type=checkbox],.dtd-radio-button-wrapper input[type=radio] { width: 0; height: 0; opacity: 0; pointer-events: none } .dtd-radio-button-wrapper-checked:not(.dtd-radio-button-wrapper-disabled) { z-index: 1; color: var(--main-color); border-color: var(--main-color) } .dtd-radio-button-wrapper-checked:not(.dtd-radio-button-wrapper-disabled):before { background-color: var(--main-color) } .dtd-radio-button-wrapper-checked:not(.dtd-radio-button-wrapper-disabled):first-child { border-color: var(--main-color) } .dtd-radio-button-wrapper-checked:not(.dtd-radio-button-wrapper-disabled):hover { color: #29a2ff; border-color: #29a2ff } .dtd-radio-button-wrapper-checked:not(.dtd-radio-button-wrapper-disabled):hover:before { background-color: #29a2ff } .dtd-radio-button-wrapper-checked:not(.dtd-radio-button-wrapper-disabled):active { color: #006cd9; border-color: #006cd9 } .dtd-radio-button-wrapper-checked:not(.dtd-radio-button-wrapper-disabled):active:before { background-color: #006cd9 } .dtd-radio-button-wrapper-checked:not(.dtd-radio-button-wrapper-disabled):focus-within { -webkit-box-shadow: none; box-shadow: none } .dtd-radio-group-solid .dtd-radio-button-wrapper-checked:not(.dtd-radio-button-wrapper-disabled) { color: #fff; color: var(--common_bg_z1_color,#fff); background: var(--main-color); border-color: var(--main-color) } .dtd-radio-group-solid .dtd-radio-button-wrapper-checked:not(.dtd-radio-button-wrapper-disabled):hover { color: #fff; color: var(--common_bg_z1_color,#fff); background: #29a2ff; border-color: #29a2ff } .dtd-radio-group-solid .dtd-radio-button-wrapper-checked:not(.dtd-radio-button-wrapper-disabled):active { color: #fff; color: var(--common_bg_z1_color,#fff); background: #006cd9; border-color: #006cd9 } .dtd-radio-group-solid .dtd-radio-button-wrapper-checked:not(.dtd-radio-button-wrapper-disabled):focus-within { -webkit-box-shadow: none; box-shadow: none } .dtd-radio-button-wrapper-disabled { cursor: not-allowed } .dtd-radio-button-wrapper-disabled,.dtd-radio-button-wrapper-disabled:first-child,.dtd-radio-button-wrapper-disabled:hover { color: rgba(0,0,0,.25); background-color: #f6f6f6; background-color: var(--common_fg_press_color,#f6f6f6); border-color: rgba(126,134,142,.24); border-color: var(--common_line_hard_color,rgba(126,134,142,.24)) } .dtd-radio-button-wrapper-disabled:first-child { border-left-color: rgba(126,134,142,.24); border-left-color: var(--common_line_hard_color,rgba(126,134,142,.24)) } .dtd-radio-button-wrapper-disabled.dtd-radio-button-wrapper-checked { color: rgba(0,0,0,.25); background-color: #e6e6e6; border-color: rgba(126,134,142,.24); border-color: var(--common_line_hard_color,rgba(126,134,142,.24)); -webkit-box-shadow: none; box-shadow: none } @-webkit-keyframes antRadioEffect { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: .5 } to { -webkit-transform: scale(1.6); transform: scale(1.6); opacity: 0 } } @keyframes antRadioEffect { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: .5 } to { -webkit-transform: scale(1.6); transform: scale(1.6); opacity: 0 } } .dtd-radio-group.dtd-radio-group-rtl { direction: rtl } .dtd-radio-wrapper.dtd-radio-wrapper-rtl { margin-right: 0; margin-left: 8px; direction: rtl } .dtd-radio-button-wrapper.dtd-radio-button-wrapper-rtl { border-right-width: 0; border-left-width: 1px } .dtd-radio-button-wrapper.dtd-radio-button-wrapper-rtl.dtd-radio-button-wrapper:not(:first-child):before { right: -1px; left: 0 } .dtd-radio-button-wrapper.dtd-radio-button-wrapper-rtl.dtd-radio-button-wrapper:first-child { border-right: 1px solid rgba(126,134,142,.24); border-right: 1px solid var(--common_line_hard_color,rgba(126,134,142,.24)); border-radius: 0 4px 4px 0; border-radius: 0 var(--common_border_radius_s,4px) var(--common_border_radius_s,4px) 0 } .dtd-radio-button-wrapper-checked:not([class*=" dtd-radio-button-wrapper-disabled"]).dtd-radio-button-wrapper:first-child { border-right-color: #29a2ff } .dtd-radio-button-wrapper.dtd-radio-button-wrapper-rtl.dtd-radio-button-wrapper:last-child { border-radius: 4px 0 0 4px; border-radius: var(--common_border_radius_s,4px) 0 0 var(--common_border_radius_s,4px) } .dtd-radio-button-wrapper.dtd-radio-button-wrapper-rtl.dtd-radio-button-wrapper-disabled:first-child { border-right-color: rgba(126,134,142,.24); border-right-color: var(--common_line_hard_color,rgba(126,134,142,.24)) } .dtd-radio,.dtd-radio-input { cursor: default } .dtd-radio-wrapper-disabled { cursor: not-allowed } .dtd-radio-button-wrapper-checked:not(.dtd-radio-button-wrapper-disabled) { color: #007fff; color: var(--common_blue1_color,#007fff); background: #fff; background: var(--common_fg_z1_color,#fff) } .dtd-radio-checked .dtd-radio-inner { background: #007fff; background: var(--theme_primary1_color,#007fff) } .dtd-radio-checked .dtd-radio-inner:after { background: #fff } .dtd-radio-wrapper .dtd-radio-checked:not(.dtd-radio-disabled):hover .dtd-radio-inner { border-color: transparent!important; background: #0075eb; background: var(--theme_primary_hover_color,#0075eb) } .dtd-radio-wrapper .dtd-radio-checked:not(.dtd-radio-disabled):active .dtd-radio-inner { border-color: transparent; background: #006ad6!important; background: var(--theme_primary_press_color,#006ad6)!important } .dtd-radio-wrapper { color: #171a1d; color: var(--common_level1_base_color,#171a1d); cursor: default } .dtd-radio-checked .dtd-radio-inner { border-color: transparent!important } .dtd-radio-disabled .dtd-radio-inner { border: 2px solid rgba(126,134,142,.24)!important; border: 2px solid var(--common_line_hard_color,rgba(126,134,142,.24))!important; background: rgba(126,134,142,.24); background: var(--common_line_hard_color,rgba(126,134,142,.24)) } .dtd-radio-disabled.dtd-radio-checked .dtd-radio-inner { background: rgba(0,127,255,.48)!important; background: var(--theme_primary2_color,rgba(0,127,255,.48))!important; background-color: rgba(0,127,255,.48)!important; background-color: var(--theme_primary2_color,rgba(0,127,255,.48))!important; border: 2px solid transparent!important } .dtd-radio-disabled.dtd-radio-checked .dtd-radio-inner:after { background: hsla(0,0%,100%,.4); background: var(--common_white2_color,hsla(0,0%,100%,.4)) } .dtd-radio-disabled+span { color: rgba(23,26,29,.24); color: var(--common_level4_base_color,rgba(23,26,29,.24)) } .dtd-radio-wrapper:hover .dtd-radio:not(.dtd-radio-checked),.dtd-radio:not(.dtd-radio-checked) .dtd-radio-input:hover+.dtd-radio-inner,.dtd-radio:not(.dtd-radio-checked):hover .dtd-radio-inner { border-color: #0075eb; border-color: var(--theme_primary_hover_color,#0075eb) } .dtd-radio-input:active+.dtd-radio-inner,.dtd-radio-wrapper:active .dtd-radio,.dtd-radio:active .dtd-radio-inner { border-color: #006ad6; border-color: var(--theme_primary_press_color,#006ad6) } .dtd-radio-checked:after { -webkit-animation: none; animation: none; border: none } .dtd-radio-inner { -webkit-animation: none; animation: none; border-width: 2px; border-color: rgba(126,134,142,.24); border-color: var(--common_line_hard_color,rgba(126,134,142,.24)); background-color: transparent } .dtd-radio-inner:after { -webkit-transition: none; transition: none; -webkit-animation: none; animation: none; background-color: #007fff; background-color: var(--theme_primary1_color,#007fff); left: 2px; top: 2px } .dtd-radio-button-wrapper { background: #fff; background: var(--common_fg_z1_color,#fff); cursor: default } .dtd-radio-button-wrapper-disabled,.dtd-radio-button-wrapper-disabled:hover { color: rgba(23,26,29,.24); color: var(--common_level4_base_color,rgba(23,26,29,.24)) } .dtd-radio-button-wrapper-disabled:hover { background: #fff; background: var(--common_fg_z1_color,#fff) } .dtd-radio-group-solid .dtd-radio-button-wrapper-checked:not(.dtd-radio-button-wrapper-disabled) { background: #007fff; background: var(--theme_primary1_color,#007fff); border-color: #007fff; border-color: var(--theme_primary1_color,#007fff) } .customer-case { margin: auto; padding: 0 0 48px; background: #fff; width: 1200px } .customer-case .customer-case { padding-bottom: 48px; font-family: PingFangSC-Semibold; font-size: 32px; color: #171a1d; text-align: center } .customer-case .customer-content { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: start; -ms-flex-pack: start; justify-content: start; position: relative } .customer-case .customer-content .industry { margin-right: 12px; font-family: PingFangSC-Semibold; font-size: 16px; color: #171a1d; text-align: center; line-height: 36px; width: 80px; height: 36px } .customer-case .customer-content .tag { height: 36px; margin: 0 16px 0 0; background: rgba(23,26,29,.04); border-radius: 4px; font-family: PingFangSC-Regular; font-size: 16px; color: #171a1d; text-align: center; line-height: 36px; border: none } .customer-case .customer-content .tag:before { display: none } .customer-case .customer-content .tag:hover { font-family: PingFangSC-Medium; color: var(--main-color); background: var(--third-color); cursor: pointer } .customer-case .customer-content .dtd-radio-button-wrapper-checked { background: var(--third-color); font-family: PingFangSC-Medium; font-size: 16px; color: var(--main-color); text-align: center } .customer-case .customer-content .screenModal { position: absolute; right: 0 } .customerCase-list .no-content { width: 400px; height: 64px; margin: 76px auto 0 } .customerCase-list .no-content img { width: 64px; height: 64px; float: left; margin-right: 15px } .customerCase-list .no-content .no-result { color: rgba(23,26,29,.6); font-size: 16px; line-height: 64px } .customerCase-list .dtd-list-items { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; background: none } .customerCase-list .dtd-list-items .dtd-list-item-span { /* margin-right: 36px */ margin-right: 12px } .customerCase-list .dtd-list-items .dtd-list-item-span:nth-child(3n) { /* margin-right: 0 */ margin-right: 12px } .customerCase-list .dtd-list-items .dtd-list-item { margin-top: 48px; padding: 0; background: transparent!important; border-radius: 8px } .customerCase-list .dtd-list-items .dtd-list-item .hoverColor { height: 330px; width: 376px } .customerCase-list .dtd-list-items .dtd-list-item .hoverColor .item-content { width: 100%; height: 100%; position: relative; background: #fff; padding: 40px 32px 0; border-radius: 8px } .customerCase-list .dtd-list-items .dtd-list-item .hoverColor .item-content .list-img { height: 76px } .customerCase-list .dtd-list-items .dtd-list-item .hoverColor .item-content .list-img .customer-logoSingle { height: 50px; max-width: 312px } .customerCase-list .dtd-list-items .dtd-list-item .hoverColor .item-content .list-img .customer-logoDouble { height: 36px; max-width: 312px; margin: 7px 0 } .customerCase-list .dtd-list-items .dtd-list-item .hoverColor .item-content .list-title { height: 32px; width: 312px; font-family: PingFangSC-Medium; font-size: 20px; color: #171a1d; line-height: 32px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .customerCase-list .dtd-list-items .dtd-list-item .hoverColor .item-content .list-con { margin: 14px 0 32px; height: 72px; width: 312px; font-family: PingFangSC-Regular; font-size: 15px; color: rgba(23,26,29,.6); line-height: 24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3 } .customerCase-list .dtd-list-items .dtd-list-item .hoverColor .item-content .list-tag { margin-top: 32px; height: 28px } .customerCase-list .dtd-list-items .dtd-list-item .hoverColor .item-content .list-tag span { display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; height: 28px; padding: 4px 8px; font-size: 12px; color: rgba(23,26,29,.6); border: 1px solid rgba(126,134,142,.24); border-radius: 4px; text-align: center; font-family: PingFangSC-Medium; margin-right: 8px } .customerCase-list .dtd-list-items .dtd-list-item .hoverColor .item-content .list-tag .color { border: 1px solid var(--third-color); color: var(--main-color) } .customerCase-list .dtd-list-items .dtd-list-item .hoverColor .item-content .list-tag .greenColor { border: 1px solid rgba(0,176,66,.48); color: #00b042 } .customerCase-list .dtd-list-items .dtd-list-item .hoverColor .item-content .list-tag .purpleColor { border: 1px solid rgba(67,92,252,.48); color: #435cfc } .customerCase-list .dtd-list-items .dtd-list-item .hoverColor .item-content .list-tag .turquoiseColor { border: 1px solid rgba(7,185,232,.48); color: #07b9e8 } .customerCase-list .dtd-list-items .dtd-list-item .hoverColor .item-content .list-tag .orangeColor { border: 1px solid rgba(255,146,0,.48); color: #ff9200 } .customerCase-list .dtd-list-items .dtd-list-item .hoverColor .item-content .list-tag .skyBlueColor { border: 1px solid rgba(0,137,255,.48); color: var(--main-color) } .customerCase-list .dtd-list-items .dtd-list-item .hoverColor .item-content .list-tag .pinkColor { border: 1px solid rgba(255,48,130,.48); color: #ff3082 } .customerCase-list .dtd-list-items .dtd-list-item .hoverColor-container { border-radius: 8px } .customerCase-list .dtd-list-items .dtd-list-item:hover { background: transparent } .customerCase-list .seeMore { margin-top: 56px; font-family: PingFangSC-Regular; font-size: 18px; color: var(--main-color); text-align: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } .customerCase-list .seeMore p { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; height: 46px; text-align: center; line-height: 46px; margin: 0 auto; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .customerCase-list .seeMore p span { position: relative; cursor: pointer; color: var(--main-color) } .customerCase-list .seeMore p span:after { content: ""; display: block; position: absolute; bottom: -4px; left: 0; width: 0; height: 3px; background-color: var(--main-color); -webkit-transition: all .2s linear; transition: all .2s linear } .customerCase-list .seeMore p span:hover:after { width: 100% } .dtd-modal-content { height: 480px; background: #fff; -webkit-box-shadow: 0 12px 32px 0 rgba(0,0,0,.24); box-shadow: 0 12px 32px 0 rgba(0,0,0,.24); border-radius: 8px; background-color: #fff } .dtd-modal-content .dtd-radio-button-checked,.dtd-modal-content .dtd-radio-button-wrapper { border-radius: 0!important } .dtd-modal-content .dtd-modal-body { height: 376px; padding: 0 } .dtd-modal-content .modal .modal-list { float: left; padding-top: 13px; width: 125px; height: 376px; border-right: 1px solid rgba(126,134,142,.16) } .dtd-modal-content .modal .modal-list .dtd-radio-button-wrapper { width: 100%; height: 48px; font-family: PingFangSC-Regular; font-size: 15px; color: #171a1d; line-height: 48px; text-align: center; border: none } .dtd-modal-content .modal .modal-list .dtd-radio-button-wrapper:hover { background: rgba(23,26,29,.06) } .dtd-modal-content .modal .modal-list .dtd-radio-button-wrapper-checked { color: var(--main-color); background: rgba(0,137,255,.12); font-family: PingFangSC-Medium } .dtd-modal-content .modal .modal-list .dtd-radio-button-wrapper-checked:before { display: none } .dtd-modal-content .modal .modal-check { width: 675px; float: right } .dtd-modal-content .modal .modal-check .dtd-checkbox-wrapper { border-radius: 4px; padding: 6px 16px 8px; margin-bottom: 16px } .dtd-modal-content .modal .modal-check .dtd-checkbox-wrapper:hover { background: rgba(23,26,29,.06) } .dtd-modal-content .modal .modal-check .dtd-checkbox-wrapper-checked { background: var(--third-color) } .dtd-modal-content .modal .modal-check .modal-checkbox { float: right; padding-left: 24px } .dtd-modal-content .modal .modal-check .modal-checkbox .dtd-checkbox-wrapper { background: rgba(23,26,29,.04); border-radius: 4px; padding: 6px 16px 8px } .dtd-modal-content .modal .modal-check .modal-checkbox .dtd-checkbox-wrapper:hover { background: rgba(23,26,29,.06) } .dtd-modal-content .modal .modal-check .modal-checkbox .dtd-checkbox-wrapper-checked { background: var(--third-color) } .dtd-list { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; color: #171a1d; color: var(--common_level1_base_color,#171a1d); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; -webkit-font-feature-settings: "tnum"; font-feature-settings: "tnum","tnum"; position: relative } .dtd-list * { outline: none } .dtd-list-pagination { margin-top: 24px; text-align: right } .dtd-list-pagination .dtd-pagination-options { text-align: left } .dtd-list-more { margin-top: 12px; text-align: center } .dtd-list-more button { padding-right: 32px; padding-left: 32px } .dtd-list-spin { min-height: 40px; text-align: center } .dtd-list-empty-text { padding: 16px; color: rgba(0,0,0,.25); font-size: 14px; text-align: center } .dtd-list-items { margin: 0; padding: 0; list-style: none } .dtd-list-item { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 8px } .dtd-list-item,.dtd-list-item-meta { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .dtd-list-item-meta { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; max-width: 100% } .dtd-list-item-meta-avatar { margin-right: 16px } .dtd-list-item-meta-content { -webkit-box-flex: 1; -webkit-flex: 1 0; -ms-flex: 1 0; flex: 1 0; width: 0; color: #171a1d; color: var(--common_level1_base_color,#171a1d) } .dtd-list-item-meta-title { margin-bottom: 4px; font-size: 14px; line-height: 1.5715 } .dtd-list-item-meta-title>a { -webkit-transition: all .3s; transition: all .3s } .dtd-list-item-meta-title>a:hover { color: var(--main-color) } .dtd-list-item-meta-description { color: rgba(23,26,29,.6); color: var(--common_level2_base_color,rgba(23,26,29,.6)); font-size: 14px; line-height: 1.5715 } .dtd-list-item-action { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-left: 48px; padding: 0; font-size: 0; list-style: none } .dtd-list-item-action>li { position: relative; display: inline-block; padding: 0 8px; color: rgba(23,26,29,.6); color: var(--common_level2_base_color,rgba(23,26,29,.6)); font-size: 14px; line-height: 1.5715; text-align: center } .dtd-list-item-action>li:first-child { padding-left: 0 } .dtd-list-item-action-split { position: absolute; top: 50%; right: 0; width: 1px; height: 14px; margin-top: -7px; background-color: #f0f0f0 } .dtd-list-footer,.dtd-list-header { background: transparent } .dtd-list-footer,.dtd-list-header { padding-top: 12px; padding-bottom: 12px } .dtd-list-empty { padding: 16px 0; color: rgba(23,26,29,.6); color: var(--common_level2_base_color,rgba(23,26,29,.6)); font-size: 12px; text-align: center } .dtd-list-split .dtd-list-item { border-bottom: 1px solid #f0f0f0 } .dtd-list-split .dtd-list-item:last-child { border-bottom: none } .dtd-list-split .dtd-list-header { border-bottom: 1px solid #f0f0f0 } .dtd-list-split.dtd-list-empty .dtd-list-footer { border-top: 1px solid #f0f0f0 } .dtd-list-loading .dtd-list-spin-nested-loading { min-height: 32px } .dtd-list-split.dtd-list-something-after-last-item .dtd-spin-container>.dtd-list-items>.dtd-list-item:last-child { border-bottom: 1px solid #f0f0f0 } .dtd-list-vertical .dtd-list-item { -webkit-box-align: initial; -webkit-align-items: initial; -ms-flex-align: initial; align-items: normal } .dtd-list-vertical .dtd-list-item-main { display: block; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1 } .dtd-list-vertical .dtd-list-item-extra { margin-left: 40px } .dtd-list-vertical .dtd-list-item-meta { margin-bottom: 16px } .dtd-list-vertical .dtd-list-item-meta-title { margin-bottom: 12px; color: rgba(0,0,0,.85); font-size: 16px; line-height: 24px } .dtd-list-vertical .dtd-list-item-action { margin-top: 16px; margin-left: auto } .dtd-list-vertical .dtd-list-item-action>li { padding: 0 16px } .dtd-list-vertical .dtd-list-item-action>li:first-child { padding-left: 0 } .dtd-list-grid .dtd-col>.dtd-list-item { display: block; max-width: 100%; margin-bottom: 16px; padding-top: 0; padding-bottom: 0; border-bottom: none } .dtd-list-item-no-flex { display: block } .dtd-list:not(.dtd-list-vertical) .dtd-list-item-no-flex .dtd-list-item-action { float: right } .dtd-list-bordered { border: 1px solid rgba(126,134,142,.24); border: 1px solid var(--common_line_hard_color,rgba(126,134,142,.24)); border-radius: 4px; border-radius: var(--common_border_radius_s,4px) } .dtd-list-bordered .dtd-list-footer,.dtd-list-bordered .dtd-list-header,.dtd-list-bordered .dtd-list-item { padding-right: 24px; padding-left: 24px } .dtd-list-bordered .dtd-list-pagination { margin: 16px 24px } .dtd-list-bordered.dtd-list-sm .dtd-list-footer,.dtd-list-bordered.dtd-list-sm .dtd-list-header,.dtd-list-bordered.dtd-list-sm .dtd-list-item { padding: 3px 12px } .dtd-list-bordered.dtd-list-lg .dtd-list-footer,.dtd-list-bordered.dtd-list-lg .dtd-list-header,.dtd-list-bordered.dtd-list-lg .dtd-list-item { padding: 13px 8px } @media screen and (max-width: 768px) { .dtd-list-item-action,.dtd-list-vertical .dtd-list-item-extra { margin-left:24px } } @media screen and (max-width: 576px) { .dtd-list-item { -webkit-flex-wrap:wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .dtd-list-item-action { margin-left: 12px } .dtd-list-vertical .dtd-list-item { -webkit-flex-wrap: wrap-reverse; -ms-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse } .dtd-list-vertical .dtd-list-item-main { min-width: 220px } .dtd-list-vertical .dtd-list-item-extra { margin: auto auto 16px } } .dtd-list-rtl { direction: rtl; text-align: right } .dtd-list-rtl .ReactVirtualized__List .dtd-list-item { direction: rtl } .dtd-list-rtl .dtd-list-pagination { text-align: left } .dtd-list-rtl .dtd-list-item-meta-avatar { margin-right: 0; margin-left: 16px } .dtd-list-rtl .dtd-list-item-action { margin-right: 48px; margin-left: 0 } .dtd-list.dtd-list-rtl .dtd-list-item-action>li:first-child { padding-right: 0; padding-left: 16px } .dtd-list-rtl .dtd-list-item-action-split { right: auto; left: 0 } .dtd-list-rtl.dtd-list-vertical .dtd-list-item-extra { margin-right: 40px; margin-left: 0 } .dtd-list-rtl.dtd-list-vertical .dtd-list-item-action { margin-right: auto } .dtd-list-rtl .dtd-list-vertical .dtd-list-item-action>li:first-child { padding-right: 0; padding-left: 16px } .dtd-list-rtl .dtd-list:not(.dtd-list-vertical) .dtd-list-item-no-flex .dtd-list-item-action { float: left } @media screen and (max-width: 768px) { .dtd-list-rtl .dtd-list-item-action,.dtd-list-rtl .dtd-list-vertical .dtd-list-item-extra { margin-right:24px; margin-left: 0 } } @media screen and (max-width: 576px) { .dtd-list-rtl .dtd-list-item-action { margin-right:22px; margin-left: 0 } .dtd-list-rtl.dtd-list-vertical .dtd-list-item-extra { margin: auto auto 16px } } .dtd-list-bordered { border: none } .dtd-list-item.dtd-list-item-disabled { cursor: not-allowed; opacity: .24 } .dtd-list-item.dtd-list-item-disabled:active,.dtd-list-item.dtd-list-item-disabled:focus,.dtd-list-item.dtd-list-item-disabled:hover { background: #fff; background: var(--common_bg_z1_color,#fff) } .dtd-list-sm .dtd-list-item { padding: 3px 12px } .dtd-list-lg .dtd-list-item { padding: 13px 8px } .dtd-list-sm .dtd-list-item-span { padding: 4px } .dtd-list-lg .dtd-list-item-span { padding: 8px } .dtd-list-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-radius: 4px; border-radius: var(--common_border_radius_s,4px); color: #171a1d; color: var(--common_level1_base_color,#171a1d); padding: 9px } .dtd-list-item-extra { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; font-size: 12px; color: rgba(23,26,29,.4); color: var(--common_level3_base_color,rgba(23,26,29,.4)); line-height: 18px } .dtd-list-item-meta { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .dtd-list-item-meta-title { margin-top: 0; margin-bottom: 0; line-height: 22px; font-weight: 400 } .dtd-list-item-meta-title,.dtd-list-item-meta-title>a { color: #171a1d; color: var(--common_level1_base_color,#171a1d) } .dtd-list-item-meta-title>a:hover { color: #007fff; color: var(--common_blue1_color,#007fff) } .dtd-list-item-meta-avatar { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-right: 8px } .dtd-list-item-meta-description { color: rgba(23,26,29,.4); color: var(--common_level3_base_color,rgba(23,26,29,.4)); line-height: 18px; font-size: 12px } .dtd-list-item-span { color: #171a1d; color: var(--common_level1_base_color,#171a1d) } .dtd-list-bordered .dtd-list-item-span { position: relative } .dtd-list-bordered .dtd-list-item-span:after { content: ""; width: calc(100% - 16px); height: 1px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: absolute; bottom: 0; left: 8px; background: rgba(126,134,142,.16); background: var(--common_line_light_color,rgba(126,134,142,.16)) } .dtd-list-split .dtd-list-item { border-bottom: none } .dtd-list-bordered .dtd-list-footer,.dtd-list-bordered .dtd-list-header,.dtd-list-bordered .dtd-list-item { padding-left: 8px; padding-right: 8px } .dtd-list-bordered .dtd-list-header,.dtd-list-bordered.dtd-list-lg .dtd-list-header,.dtd-list-bordered.dtd-list-sm .dtd-list-header { padding-left: 8px } .dtd-list-bordered .dtd-list-footer,.dtd-list-bordered.dtd-list-lg .dtd-list-footer,.dtd-list-bordered.dtd-list-sm .dtd-list-footer,.dtd-list-header { padding-left: 16px } .dtd-list-item-span { display: block; padding: 1px 0 2px } .dtd-list-item:not(.dtd-list-item-disabled):hover { background: rgba(126,134,142,.12); background: var(--common_hover_bg_color,rgba(126,134,142,.12)) } .dtd-list-item:not(.dtd-list-item-disabled):active { background: rgba(126,134,142,.24); background: var(--common_overlay_press_color,rgba(126,134,142,.24)) } .dtd-list-item:active { background: rgba(0,0,0,.16); background: var(--common_overlay_color,rgba(0,0,0,.16)) } .dtd-list .dtd-empty-description { color: rgba(23,26,29,.4); color: var(--common_level3_base_color,rgba(23,26,29,.4)) } .homePage { position: relative; background-color: #fff }