@font-face { font-family: chinese quote; src: local("pingfang sc"),local("simsun"); unicode-range: u 2018,u 2019,u 201c,u 201d } body, html { width: 100%; height: 100% } input::-ms-clear, input::-ms-reveal { display: none } *, :after, :before { 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 } article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section { display: block } body { margin: 0; font-family: chinese quote,-apple-system,blinkmacsystemfont,segoe ui,pingfang sc,hiragino sans gb,microsoft yahei,helvetica neue,helvetica,arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol; font-size: 14px; font-feature-settings: "tnum"; font-variant: tabular-nums; line-height: 1.5; color: rgba(0,0,0,.65); background-color: #fff } [tabindex="-1"]:focus { outline: none !important } hr { box-sizing: initial; 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; cursor: help; border-bottom: 0 } 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: initial } sub { bottom: -.25em } sup { top: -.5em } a { color: rgba(0, 0, 0, 0.65); background-color: initial; text-decoration: none; outline: none; cursor: pointer; -webkit-transition: color .3s; transition: color .3s; -webkit-text-decoration-skip: objects } a:focus { text-decoration: underline; -webkit-text-decoration-skip: ink; text-decoration-skip: ink } a:hover { color: #40a9ff } a:active { color: #096dd9 } a:active, a:hover { outline: 0; text-decoration: none } a[disabled] { color: rgba(0,0,0,.25); cursor: not-allowed; pointer-events: none } code, kbd, pre, samp { font-family: sfmono-regular,consolas,liberation mono,menlo,courier,monospace; font-size: 1em } 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 { touch-action: manipulation } table { border-collapse: collapse } caption { padding-top: .75em; padding-bottom: .3em; color: rgba(0,0,0,.45); text-align: left; caption-side: bottom } th { text-align: inherit } button, input, optgroup, select, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; color: 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] { 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; padding: 0; margin: 0; border: 0 } legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: .5em; font-size: 1.5em; line-height: inherit; color: inherit; white-space: normal } progress { vertical-align: initial } [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 { background: #1890ff; color: #fff } ::selection { background: #1890ff; color: #fff } .clearfix { zoom: 1 } .clearfix:after, .clearfix:before { content: ""; display: table } .clearfix:after { clear: both } .anticon { display: inline-block; font-style: normal; vertical-align: -.125em; text-align: center; text-transform: none; line-height: 0; 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-spin, .anticon-spin:before { display: inline-block; -webkit-animation: loadingcircle 1s linear infinite; animation: loadingcircle 1s linear infinite } .fade-appear, .fade-enter, .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 } .fade-appear.fade-appear-active, .fade-enter.fade-enter-active { -webkit-animation-name: antfadein; animation-name: antfadein; -webkit-animation-play-state: running; animation-play-state: running } .fade-leave.fade-leave-active { -webkit-animation-name: antfadeout; animation-name: antfadeout; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none } .fade-appear, .fade-enter { opacity: 0 } .fade-appear, .fade-enter, .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 } } .move-up-appear, .move-up-enter, .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 } .move-up-appear.move-up-appear-active, .move-up-enter.move-up-enter-active { -webkit-animation-name: antmoveupin; animation-name: antmoveupin; -webkit-animation-play-state: running; animation-play-state: running } .move-up-leave.move-up-leave-active { -webkit-animation-name: antmoveupout; animation-name: antmoveupout; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none } .move-up-appear, .move-up-enter { opacity: 0; -webkit-animation-timing-function: cubic-bezier(.08,.82,.17,1); animation-timing-function: cubic-bezier(.08,.82,.17,1) } .move-up-leave { -webkit-animation-timing-function: cubic-bezier(.6,.04,.98,.34); animation-timing-function: cubic-bezier(.6,.04,.98,.34) } .move-down-appear, .move-down-enter, .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 } .move-down-appear.move-down-appear-active, .move-down-enter.move-down-enter-active { -webkit-animation-name: antmovedownin; animation-name: antmovedownin; -webkit-animation-play-state: running; animation-play-state: running } .move-down-leave.move-down-leave-active { -webkit-animation-name: antmovedownout; animation-name: antmovedownout; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none } .move-down-appear, .move-down-enter { opacity: 0; -webkit-animation-timing-function: cubic-bezier(.08,.82,.17,1); animation-timing-function: cubic-bezier(.08,.82,.17,1) } .move-down-leave { -webkit-animation-timing-function: cubic-bezier(.6,.04,.98,.34); animation-timing-function: cubic-bezier(.6,.04,.98,.34) } .move-left-appear, .move-left-enter, .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 } .move-left-appear.move-left-appear-active, .move-left-enter.move-left-enter-active { -webkit-animation-name: antmoveleftin; animation-name: antmoveleftin; -webkit-animation-play-state: running; animation-play-state: running } .move-left-leave.move-left-leave-active { -webkit-animation-name: antmoveleftout; animation-name: antmoveleftout; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none } .move-left-appear, .move-left-enter { opacity: 0; -webkit-animation-timing-function: cubic-bezier(.08,.82,.17,1); animation-timing-function: cubic-bezier(.08,.82,.17,1) } .move-left-leave { -webkit-animation-timing-function: cubic-bezier(.6,.04,.98,.34); animation-timing-function: cubic-bezier(.6,.04,.98,.34) } .move-right-appear, .move-right-enter, .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 } .move-right-appear.move-right-appear-active, .move-right-enter.move-right-enter-active { -webkit-animation-name: antmoverightin; animation-name: antmoverightin; -webkit-animation-play-state: running; animation-play-state: running } .move-right-leave.move-right-leave-active { -webkit-animation-name: antmoverightout; animation-name: antmoverightout; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none } .move-right-appear, .move-right-enter { opacity: 0; -webkit-animation-timing-function: cubic-bezier(.08,.82,.17,1); animation-timing-function: cubic-bezier(.08,.82,.17,1) } .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-origin: 0 0; transform-origin: 0 0; -webkit-transform: translatey(100%); transform: translatey(100%); opacity: 0 } to { -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translatey(0); transform: translatey(0); opacity: 1 } } @keyframes antmovedownin { 0% { -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translatey(100%); transform: translatey(100%); opacity: 0 } to { -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translatey(0); transform: translatey(0); opacity: 1 } } @-webkit-keyframes antmovedownout { 0% { -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translatey(0); transform: translatey(0); opacity: 1 } to { -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translatey(100%); transform: translatey(100%); opacity: 0 } } @keyframes antmovedownout { 0% { -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translatey(0); transform: translatey(0); opacity: 1 } to { -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translatey(100%); transform: translatey(100%); opacity: 0 } } @-webkit-keyframes antmoveleftin { 0% { -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translatex(-100%); transform: translatex(-100%); opacity: 0 } to { -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translatex(0); transform: translatex(0); opacity: 1 } } @keyframes antmoveleftin { 0% { -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translatex(-100%); transform: translatex(-100%); opacity: 0 } to { -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translatex(0); transform: translatex(0); opacity: 1 } } @-webkit-keyframes antmoveleftout { 0% { -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translatex(0); transform: translatex(0); opacity: 1 } to { -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translatex(-100%); transform: translatex(-100%); opacity: 0 } } @keyframes antmoveleftout { 0% { -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translatex(0); transform: translatex(0); opacity: 1 } to { -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translatex(-100%); transform: translatex(-100%); opacity: 0 } } @-webkit-keyframes antmoverightin { 0% { opacity: 0; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translatex(100%); transform: translatex(100%) } to { opacity: 1; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translatex(0); transform: translatex(0) } } @keyframes antmoverightin { 0% { opacity: 0; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translatex(100%); transform: translatex(100%) } to { opacity: 1; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translatex(0); transform: translatex(0) } } @-webkit-keyframes antmoverightout { 0% { -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translatex(0); transform: translatex(0); opacity: 1 } to { -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translatex(100%); transform: translatex(100%); opacity: 0 } } @keyframes antmoverightout { 0% { -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translatex(0); transform: translatex(0); opacity: 1 } to { -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translatex(100%); transform: translatex(100%); opacity: 0 } } @-webkit-keyframes antmoveupin { 0% { -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translatey(-100%); transform: translatey(-100%); opacity: 0 } to { -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translatey(0); transform: translatey(0); opacity: 1 } } @keyframes antmoveupin { 0% { -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translatey(-100%); transform: translatey(-100%); opacity: 0 } to { -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translatey(0); transform: translatey(0); opacity: 1 } } @-webkit-keyframes antmoveupout { 0% { -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translatey(0); transform: translatey(0); opacity: 1 } to { -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translatey(-100%); transform: translatey(-100%); opacity: 0 } } @keyframes antmoveupout { 0% { -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translatey(0); transform: translatey(0); opacity: 1 } to { -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translatey(-100%); transform: translatey(-100%); opacity: 0 } } @-webkit-keyframes loadingcircle { to { -webkit-transform: rotate(1turn); transform: rotate(1turn) } } @keyframes loadingcircle { to { -webkit-transform: rotate(1turn); transform: rotate(1turn) } } [ant-click-animating-without-extra-node], [ant-click-animating] { position: relative } .ant-click-animating-node, [ant-click-animating-without-extra-node]:after { content: ""; position: absolute; top: -1px; left: -1px; bottom: -1px; right: -1px; border-radius: inherit; border: 0 solid #1890ff; 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; display: block; pointer-events: none } @-webkit-keyframes waveeffect { to { top: -6px; left: -6px; bottom: -6px; right: -6px; border-width: 6px } } @keyframes waveeffect { to { top: -6px; left: -6px; bottom: -6px; right: -6px; border-width: 6px } } @-webkit-keyframes fadeeffect { to { opacity: 0 } } @keyframes fadeeffect { to { opacity: 0 } } .slide-up-appear, .slide-up-enter, .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 } .slide-up-appear.slide-up-appear-active, .slide-up-enter.slide-up-enter-active { -webkit-animation-name: antslideupin; animation-name: antslideupin; -webkit-animation-play-state: running; animation-play-state: running } .slide-up-leave.slide-up-leave-active { -webkit-animation-name: antslideupout; animation-name: antslideupout; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none } .slide-up-appear, .slide-up-enter { opacity: 0; -webkit-animation-timing-function: cubic-bezier(.23,1,.32,1); animation-timing-function: cubic-bezier(.23,1,.32,1) } .slide-up-leave { -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06); animation-timing-function: cubic-bezier(.755,.05,.855,.06) } .slide-down-appear, .slide-down-enter, .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 } .slide-down-appear.slide-down-appear-active, .slide-down-enter.slide-down-enter-active { -webkit-animation-name: antslidedownin; animation-name: antslidedownin; -webkit-animation-play-state: running; animation-play-state: running } .slide-down-leave.slide-down-leave-active { -webkit-animation-name: antslidedownout; animation-name: antslidedownout; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none } .slide-down-appear, .slide-down-enter { opacity: 0; -webkit-animation-timing-function: cubic-bezier(.23,1,.32,1); animation-timing-function: cubic-bezier(.23,1,.32,1) } .slide-down-leave { -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06); animation-timing-function: cubic-bezier(.755,.05,.855,.06) } .slide-left-appear, .slide-left-enter, .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 } .slide-left-appear.slide-left-appear-active, .slide-left-enter.slide-left-enter-active { -webkit-animation-name: antslideleftin; animation-name: antslideleftin; -webkit-animation-play-state: running; animation-play-state: running } .slide-left-leave.slide-left-leave-active { -webkit-animation-name: antslideleftout; animation-name: antslideleftout; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none } .slide-left-appear, .slide-left-enter { opacity: 0; -webkit-animation-timing-function: cubic-bezier(.23,1,.32,1); animation-timing-function: cubic-bezier(.23,1,.32,1) } .slide-left-leave { -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06); animation-timing-function: cubic-bezier(.755,.05,.855,.06) } .slide-right-appear, .slide-right-enter, .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 } .slide-right-appear.slide-right-appear-active, .slide-right-enter.slide-right-enter-active { -webkit-animation-name: antsliderightin; animation-name: antsliderightin; -webkit-animation-play-state: running; animation-play-state: running } .slide-right-leave.slide-right-leave-active { -webkit-animation-name: antsliderightout; animation-name: antsliderightout; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none } .slide-right-appear, .slide-right-enter { opacity: 0; -webkit-animation-timing-function: cubic-bezier(.23,1,.32,1); animation-timing-function: cubic-bezier(.23,1,.32,1) } .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% { opacity: 0; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaley(.8); transform: scaley(.8) } to { opacity: 1; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaley(1); transform: scaley(1) } } @keyframes antslideupin { 0% { opacity: 0; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaley(.8); transform: scaley(.8) } to { opacity: 1; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaley(1); transform: scaley(1) } } @-webkit-keyframes antslideupout { 0% { opacity: 1; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaley(1); transform: scaley(1) } to { opacity: 0; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaley(.8); transform: scaley(.8) } } @keyframes antslideupout { 0% { opacity: 1; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaley(1); transform: scaley(1) } to { opacity: 0; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaley(.8); transform: scaley(.8) } } @-webkit-keyframes antslidedownin { 0% { opacity: 0; -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; -webkit-transform: scaley(.8); transform: scaley(.8) } to { opacity: 1; -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; -webkit-transform: scaley(1); transform: scaley(1) } } @keyframes antslidedownin { 0% { opacity: 0; -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; -webkit-transform: scaley(.8); transform: scaley(.8) } to { opacity: 1; -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; -webkit-transform: scaley(1); transform: scaley(1) } } @-webkit-keyframes antslidedownout { 0% { opacity: 1; -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; -webkit-transform: scaley(1); transform: scaley(1) } to { opacity: 0; -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; -webkit-transform: scaley(.8); transform: scaley(.8) } } @keyframes antslidedownout { 0% { opacity: 1; -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; -webkit-transform: scaley(1); transform: scaley(1) } to { opacity: 0; -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; -webkit-transform: scaley(.8); transform: scaley(.8) } } @-webkit-keyframes antslideleftin { 0% { opacity: 0; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scalex(.8); transform: scalex(.8) } to { opacity: 1; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scalex(1); transform: scalex(1) } } @keyframes antslideleftin { 0% { opacity: 0; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scalex(.8); transform: scalex(.8) } to { opacity: 1; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scalex(1); transform: scalex(1) } } @-webkit-keyframes antslideleftout { 0% { opacity: 1; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scalex(1); transform: scalex(1) } to { opacity: 0; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scalex(.8); transform: scalex(.8) } } @keyframes antslideleftout { 0% { opacity: 1; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scalex(1); transform: scalex(1) } to { opacity: 0; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scalex(.8); transform: scalex(.8) } } @-webkit-keyframes antsliderightin { 0% { opacity: 0; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: scalex(.8); transform: scalex(.8) } to { opacity: 1; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: scalex(1); transform: scalex(1) } } @keyframes antsliderightin { 0% { opacity: 0; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: scalex(.8); transform: scalex(.8) } to { opacity: 1; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: scalex(1); transform: scalex(1) } } @-webkit-keyframes antsliderightout { 0% { opacity: 1; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: scalex(1); transform: scalex(1) } to { opacity: 0; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: scalex(.8); transform: scalex(.8) } } @keyframes antsliderightout { 0% { opacity: 1; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: scalex(1); transform: scalex(1) } to { opacity: 0; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: scalex(.8); transform: scalex(.8) } } .swing-appear, .swing-enter { -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 } .swing-appear.swing-appear-active, .swing-enter.swing-enter-active { -webkit-animation-name: antswingin; animation-name: antswingin; -webkit-animation-play-state: running; animation-play-state: running } @-webkit-keyframes antswingin { 0%,to { -webkit-transform: translatex(0); transform: translatex(0) } 20% { -webkit-transform: translatex(-10px); transform: translatex(-10px) } 40% { -webkit-transform: translatex(10px); transform: translatex(10px) } 60% { -webkit-transform: translatex(-5px); transform: translatex(-5px) } 80% { -webkit-transform: translatex(5px); transform: translatex(5px) } } @keyframes antswingin { 0%,to { -webkit-transform: translatex(0); transform: translatex(0) } 20% { -webkit-transform: translatex(-10px); transform: translatex(-10px) } 40% { -webkit-transform: translatex(10px); transform: translatex(10px) } 60% { -webkit-transform: translatex(-5px); transform: translatex(-5px) } 80% { -webkit-transform: translatex(5px); transform: translatex(5px) } } .zoom-appear, .zoom-enter, .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 } .zoom-appear.zoom-appear-active, .zoom-enter.zoom-enter-active { -webkit-animation-name: antzoomin; animation-name: antzoomin; -webkit-animation-play-state: running; animation-play-state: running } .zoom-leave.zoom-leave-active { -webkit-animation-name: antzoomout; animation-name: antzoomout; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none } .zoom-appear, .zoom-enter { -webkit-transform: scale(0); transform: scale(0); -webkit-animation-timing-function: cubic-bezier(.08,.82,.17,1); animation-timing-function: cubic-bezier(.08,.82,.17,1) } .zoom-leave { -webkit-animation-timing-function: cubic-bezier(.78,.14,.15,.86); animation-timing-function: cubic-bezier(.78,.14,.15,.86) } .zoom-big-appear, .zoom-big-enter, .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 } .zoom-big-appear.zoom-big-appear-active, .zoom-big-enter.zoom-big-enter-active { -webkit-animation-name: antzoombigin; animation-name: antzoombigin; -webkit-animation-play-state: running; animation-play-state: running } .zoom-big-leave.zoom-big-leave-active { -webkit-animation-name: antzoombigout; animation-name: antzoombigout; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none } .zoom-big-appear, .zoom-big-enter { -webkit-transform: scale(0); transform: scale(0); -webkit-animation-timing-function: cubic-bezier(.08,.82,.17,1); animation-timing-function: cubic-bezier(.08,.82,.17,1) } .zoom-big-leave { -webkit-animation-timing-function: cubic-bezier(.78,.14,.15,.86); animation-timing-function: cubic-bezier(.78,.14,.15,.86) } .zoom-big-fast-appear, .zoom-big-fast-enter, .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 } .zoom-big-fast-appear.zoom-big-fast-appear-active, .zoom-big-fast-enter.zoom-big-fast-enter-active { -webkit-animation-name: antzoombigin; animation-name: antzoombigin; -webkit-animation-play-state: running; animation-play-state: running } .zoom-big-fast-leave.zoom-big-fast-leave-active { -webkit-animation-name: antzoombigout; animation-name: antzoombigout; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none } .zoom-big-fast-appear, .zoom-big-fast-enter { -webkit-transform: scale(0); transform: scale(0); -webkit-animation-timing-function: cubic-bezier(.08,.82,.17,1); animation-timing-function: cubic-bezier(.08,.82,.17,1) } .zoom-big-fast-leave { -webkit-animation-timing-function: cubic-bezier(.78,.14,.15,.86); animation-timing-function: cubic-bezier(.78,.14,.15,.86) } .zoom-up-appear, .zoom-up-enter, .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 } .zoom-up-appear.zoom-up-appear-active, .zoom-up-enter.zoom-up-enter-active { -webkit-animation-name: antzoomupin; animation-name: antzoomupin; -webkit-animation-play-state: running; animation-play-state: running } .zoom-up-leave.zoom-up-leave-active { -webkit-animation-name: antzoomupout; animation-name: antzoomupout; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none } .zoom-up-appear, .zoom-up-enter { -webkit-transform: scale(0); transform: scale(0); -webkit-animation-timing-function: cubic-bezier(.08,.82,.17,1); animation-timing-function: cubic-bezier(.08,.82,.17,1) } .zoom-up-leave { -webkit-animation-timing-function: cubic-bezier(.78,.14,.15,.86); animation-timing-function: cubic-bezier(.78,.14,.15,.86) } .zoom-down-appear, .zoom-down-enter, .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 } .zoom-down-appear.zoom-down-appear-active, .zoom-down-enter.zoom-down-enter-active { -webkit-animation-name: antzoomdownin; animation-name: antzoomdownin; -webkit-animation-play-state: running; animation-play-state: running } .zoom-down-leave.zoom-down-leave-active { -webkit-animation-name: antzoomdownout; animation-name: antzoomdownout; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none } .zoom-down-appear, .zoom-down-enter { -webkit-transform: scale(0); transform: scale(0); -webkit-animation-timing-function: cubic-bezier(.08,.82,.17,1); animation-timing-function: cubic-bezier(.08,.82,.17,1) } .zoom-down-leave { -webkit-animation-timing-function: cubic-bezier(.78,.14,.15,.86); animation-timing-function: cubic-bezier(.78,.14,.15,.86) } .zoom-left-appear, .zoom-left-enter, .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 } .zoom-left-appear.zoom-left-appear-active, .zoom-left-enter.zoom-left-enter-active { -webkit-animation-name: antzoomleftin; animation-name: antzoomleftin; -webkit-animation-play-state: running; animation-play-state: running } .zoom-left-leave.zoom-left-leave-active { -webkit-animation-name: antzoomleftout; animation-name: antzoomleftout; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none } .zoom-left-appear, .zoom-left-enter { -webkit-transform: scale(0); transform: scale(0); -webkit-animation-timing-function: cubic-bezier(.08,.82,.17,1); animation-timing-function: cubic-bezier(.08,.82,.17,1) } .zoom-left-leave { -webkit-animation-timing-function: cubic-bezier(.78,.14,.15,.86); animation-timing-function: cubic-bezier(.78,.14,.15,.86) } .zoom-right-appear, .zoom-right-enter, .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 } .zoom-right-appear.zoom-right-appear-active, .zoom-right-enter.zoom-right-enter-active { -webkit-animation-name: antzoomrightin; animation-name: antzoomrightin; -webkit-animation-play-state: running; animation-play-state: running } .zoom-right-leave.zoom-right-leave-active { -webkit-animation-name: antzoomrightout; animation-name: antzoomrightout; -webkit-animation-play-state: running; animation-play-state: running; pointer-events: none } .zoom-right-appear, .zoom-right-enter { -webkit-transform: scale(0); transform: scale(0); -webkit-animation-timing-function: cubic-bezier(.08,.82,.17,1); animation-timing-function: cubic-bezier(.08,.82,.17,1) } .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% { opacity: 0; -webkit-transform: scale(.2); transform: scale(.2) } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1) } } @keyframes antzoomin { 0% { opacity: 0; -webkit-transform: scale(.2); transform: scale(.2) } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1) } } @-webkit-keyframes antzoomout { 0% { -webkit-transform: scale(1); transform: scale(1) } to { opacity: 0; -webkit-transform: scale(.2); transform: scale(.2) } } @keyframes antzoomout { 0% { -webkit-transform: scale(1); transform: scale(1) } to { opacity: 0; -webkit-transform: scale(.2); transform: scale(.2) } } @-webkit-keyframes antzoombigin { 0% { opacity: 0; -webkit-transform: scale(.8); transform: scale(.8) } to { -webkit-transform: scale(1); transform: scale(1) } } @keyframes antzoombigin { 0% { opacity: 0; -webkit-transform: scale(.8); transform: scale(.8) } to { -webkit-transform: scale(1); transform: scale(1) } } @-webkit-keyframes antzoombigout { 0% { -webkit-transform: scale(1); transform: scale(1) } to { opacity: 0; -webkit-transform: scale(.8); transform: scale(.8) } } @keyframes antzoombigout { 0% { -webkit-transform: scale(1); transform: scale(1) } to { opacity: 0; -webkit-transform: scale(.8); transform: scale(.8) } } @-webkit-keyframes antzoomupin { 0% { opacity: 0; -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: scale(.8); transform: scale(.8) } to { -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: scale(1); transform: scale(1) } } @keyframes antzoomupin { 0% { opacity: 0; -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: scale(.8); transform: scale(.8) } to { -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: scale(1); transform: scale(1) } } @-webkit-keyframes antzoomupout { 0% { -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: scale(1); transform: scale(1) } to { opacity: 0; -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: scale(.8); transform: scale(.8) } } @keyframes antzoomupout { 0% { -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: scale(1); transform: scale(1) } to { opacity: 0; -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: scale(.8); transform: scale(.8) } } @-webkit-keyframes antzoomleftin { 0% { opacity: 0; -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transform: scale(.8); transform: scale(.8) } to { -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transform: scale(1); transform: scale(1) } } @keyframes antzoomleftin { 0% { opacity: 0; -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transform: scale(.8); transform: scale(.8) } to { -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transform: scale(1); transform: scale(1) } } @-webkit-keyframes antzoomleftout { 0% { -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transform: scale(1); transform: scale(1) } to { opacity: 0; -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transform: scale(.8); transform: scale(.8) } } @keyframes antzoomleftout { 0% { -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transform: scale(1); transform: scale(1) } to { opacity: 0; -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transform: scale(.8); transform: scale(.8) } } @-webkit-keyframes antzoomrightin { 0% { opacity: 0; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform: scale(.8); transform: scale(.8) } to { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform: scale(1); transform: scale(1) } } @keyframes antzoomrightin { 0% { opacity: 0; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform: scale(.8); transform: scale(.8) } to { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform: scale(1); transform: scale(1) } } @-webkit-keyframes antzoomrightout { 0% { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform: scale(1); transform: scale(1) } to { opacity: 0; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform: scale(.8); transform: scale(.8) } } @keyframes antzoomrightout { 0% { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform: scale(1); transform: scale(1) } to { opacity: 0; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform: scale(.8); transform: scale(.8) } } @-webkit-keyframes antzoomdownin { 0% { opacity: 0; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transform: scale(.8); transform: scale(.8) } to { -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transform: scale(1); transform: scale(1) } } @keyframes antzoomdownin { 0% { opacity: 0; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transform: scale(.8); transform: scale(.8) } to { -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transform: scale(1); transform: scale(1) } } @-webkit-keyframes antzoomdownout { 0% { -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transform: scale(1); transform: scale(1) } to { opacity: 0; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transform: scale(.8); transform: scale(.8) } } @keyframes antzoomdownout { 0% { -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transform: scale(1); transform: scale(1) } to { opacity: 0; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transform: scale(.8); transform: scale(.8) } } .ant-motion-collapse { overflow: hidden } .ant-motion-collapse-active { -webkit-transition: height .15s cubic-bezier(.645,.045,.355,1),opacity .15s cubic-bezier(.645,.045,.355,1) !important; transition: height .15s cubic-bezier(.645,.045,.355,1),opacity .15s cubic-bezier(.645,.045,.355,1) !important } .ant-spin { font-family: chinese quote,-apple-system,blinkmacsystemfont,segoe ui,pingfang sc,hiragino sans gb,microsoft yahei,helvetica neue,helvetica,arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol; font-size: 14px; font-feature-settings: "tnum"; font-variant: tabular-nums; line-height: 1.5; color: rgba(0,0,0,.65); box-sizing: border-box; margin: 0; padding: 0; list-style: none; color: #1890ff; vertical-align: middle; text-align: center; opacity: 0; position: absolute; -webkit-transition: -webkit-transform .3s cubic-bezier(.78,.14,.15,.86); transition: -webkit-transform .3s cubic-bezier(.78,.14,.15,.86); transition: transform .3s cubic-bezier(.78,.14,.15,.86); transition: transform .3s cubic-bezier(.78,.14,.15,.86),-webkit-transform .3s cubic-bezier(.78,.14,.15,.86); display: none } .ant-spin-spinning { opacity: 1; position: static; display: inline-block } .ant-spin-nested-loading { position: relative } .ant-spin-nested-loading > div > .ant-spin { display: block; position: absolute; height: 100%; max-height: 360px; width: 100%; z-index: 4 } .ant-spin-nested-loading > div > .ant-spin .ant-spin-dot { position: absolute; top: 50%; left: 50%; margin: -10px } .ant-spin-nested-loading > div > .ant-spin .ant-spin-text { position: absolute; top: 50%; width: 100%; padding-top: 5px; text-shadow: 0 1px 2px #fff } .ant-spin-nested-loading > div > .ant-spin.ant-spin-show-text .ant-spin-dot { margin-top: -20px } .ant-spin-nested-loading > div > .ant-spin-sm .ant-spin-dot { margin: -7px } .ant-spin-nested-loading > div > .ant-spin-sm .ant-spin-text { padding-top: 2px } .ant-spin-nested-loading > div > .ant-spin-sm.ant-spin-show-text .ant-spin-dot { margin-top: -17px } .ant-spin-nested-loading > div > .ant-spin-lg .ant-spin-dot { margin: -16px } .ant-spin-nested-loading > div > .ant-spin-lg .ant-spin-text { padding-top: 11px } .ant-spin-nested-loading > div > .ant-spin-lg.ant-spin-show-text .ant-spin-dot { margin-top: -26px } .ant-spin-container { position: relative; -webkit-transition: opacity .3s; transition: opacity .3s; zoom: 1 } .ant-spin-container:after, .ant-spin-container:before { content: ""; display: table } .ant-spin-container:after { clear: both } .ant-spin-blur { pointer-events: none; user-select: none; overflow: hidden; opacity: .5; -webkit-filter: blur(.5px); filter: blur(.5px); filter: progid\:dximagetransform\.microsoft\.blur(pixelradius\=1,makeshadow\=false) } .ant-spin-blur:after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: #fff; opacity: .3; -webkit-transition: all .3s; transition: all .3s; z-index: 10 } .ant-spin-tip { color: rgba(0,0,0,.45) } .ant-spin-dot { position: relative; display: inline-block; font-size: 20px; width: 20px; height: 20px } .ant-spin-dot i { width: 9px; height: 9px; border-radius: 100%; background-color: #1890ff; -webkit-transform: scale(.75); transform: scale(.75); display: block; position: absolute; opacity: .3; -webkit-animation: antspinmove 1s linear infinite alternate; animation: antspinmove 1s linear infinite alternate; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50% } .ant-spin-dot i:first-child { left: 0; top: 0 } .ant-spin-dot i:nth-child(2) { right: 0; top: 0; -webkit-animation-delay: .4s; animation-delay: .4s } .ant-spin-dot i:nth-child(3) { right: 0; bottom: 0; -webkit-animation-delay: .8s; animation-delay: .8s } .ant-spin-dot i:nth-child(4) { left: 0; bottom: 0; -webkit-animation-delay: 1.2s; animation-delay: 1.2s } .ant-spin-dot-spin { -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-animation: antrotate 1.2s linear infinite; animation: antrotate 1.2s linear infinite } .ant-spin-sm .ant-spin-dot { font-size: 14px; width: 14px; height: 14px } .ant-spin-sm .ant-spin-dot i { width: 6px; height: 6px } .ant-spin-lg .ant-spin-dot { font-size: 32px; width: 32px; height: 32px } .ant-spin-lg .ant-spin-dot i { width: 14px; height: 14px } .ant-spin.ant-spin-show-text .ant-spin-text { display: block } @media (-ms-high-contrast:active),(-ms-high-contrast:none) { .ant-spin-blur { background: #fff; opacity: .5 } } @-webkit-keyframes antspinmove { to { opacity: 1 } } @keyframes antspinmove { to { opacity: 1 } } @-webkit-keyframes antrotate { to { -webkit-transform: rotate(405deg); transform: rotate(405deg) } } @keyframes antrotate { to { -webkit-transform: rotate(405deg); transform: rotate(405deg) } } .ant-modal { font-family: chinese quote,-apple-system,blinkmacsystemfont,segoe ui,pingfang sc,hiragino sans gb,microsoft yahei,helvetica neue,helvetica,arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol; font-size: 14px; font-feature-settings: "tnum"; font-variant: tabular-nums; line-height: 1.5; color: rgba(0,0,0,.65); box-sizing: border-box; list-style: none; position: relative; width: auto; margin: 0 auto; top: 100px; padding: 0 0 24px } .ant-modal-wrap { position: fixed; overflow: auto; top: 0; right: 0; bottom: 0; left: 0; z-index: 1000; -webkit-overflow-scrolling: touch; outline: 0 } .ant-modal-title { margin: 0; font-size: 16px; line-height: 22px; font-weight: 500; color: rgba(0,0,0,.85) } .ant-modal-content { position: relative; background-color: #fff; border: 0; border-radius: 4px; background-clip: padding-box; box-shadow: 0 4px 12px rgba(0,0,0,.15) } .ant-modal-close { cursor: pointer; border: 0; background: transparent; position: absolute; right: 0; top: 0; z-index: 10; font-weight: 700; line-height: 1; text-decoration: none; -webkit-transition: color .3s; transition: color .3s; color: rgba(0,0,0,.45); outline: 0; padding: 0 } .ant-modal-close-x { display: block; font-style: normal; vertical-align: initial; text-align: center; text-transform: none; text-rendering: auto; width: 56px; height: 56px; line-height: 56px; font-size: 16px } .ant-modal-close:focus, .ant-modal-close:hover { color: #444; text-decoration: none } .ant-modal-header { padding: 16px 24px; border-radius: 4px 4px 0 0; background: #fff; color: rgba(0,0,0,.65); border-bottom: 1px solid #e8e8e8 } .ant-modal-body { padding: 24px; font-size: 14px; line-height: 1.5; word-wrap: break-word } .ant-modal-footer { border-top: 1px solid #e8e8e8; padding: 10px 16px; text-align: right; border-radius: 0 0 4px 4px } .ant-modal-footer button button { margin-left: 8px; margin-bottom: 0 } .ant-modal.zoom-appear, .ant-modal.zoom-enter { -webkit-animation-duration: .3s; animation-duration: .3s; -webkit-transform: none; transform: none; opacity: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .ant-modal-mask { position: fixed; top: 0; right: 0; left: 0; bottom: 0; background-color: rgba(0,0,0,.65); height: 100%; z-index: 1000; filter: alpha(opacity=50) } .ant-modal-mask-hidden { display: none } .ant-modal-open { overflow: hidden } .ant-modal-centered { text-align: center } .ant-modal-centered:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; width: 0 } .ant-modal-centered .ant-modal { display: inline-block; vertical-align: middle; top: 0; text-align: left } @media (max-width:767px) { .ant-modal { width: auto !important; margin: 10px } .ant-modal-centered .ant-modal { flex: 1 1 } } .ant-modal-confirm .ant-modal-close, .ant-modal-confirm .ant-modal-header { display: none } .ant-modal-confirm .ant-modal-body { padding: 32px 32px 24px } .ant-modal-confirm-body-wrapper { zoom: 1 } .ant-modal-confirm-body-wrapper:after, .ant-modal-confirm-body-wrapper:before { content: ""; display: table } .ant-modal-confirm-body-wrapper:after { clear: both } .ant-modal-confirm-body .ant-modal-confirm-title { color: rgba(0,0,0,.85); font-weight: 500; font-size: 16px; line-height: 1.4; display: block; overflow: hidden } .ant-modal-confirm-body .ant-modal-confirm-content { margin-left: 38px; font-size: 14px; color: rgba(0,0,0,.65); margin-top: 8px } .ant-modal-confirm-body > .anticon { font-size: 22px; margin-right: 16px; float: left } .ant-modal-confirm .ant-modal-confirm-btns { margin-top: 24px; float: right } .ant-modal-confirm .ant-modal-confirm-btns button button { margin-left: 8px; margin-bottom: 0 } .ant-modal-confirm-error .ant-modal-confirm-body > .anticon { color: #f5222d } .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-btn { line-height: 1.5; display: inline-block; font-weight: 400; text-align: center; touch-action: manipulation; cursor: pointer; background-image: none; white-space: nowrap; padding: 0 15px; font-size: 14px; border-radius: 4px; height: 32px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: all .3s cubic-bezier(.645,.045,.355,1); transition: all .3s cubic-bezier(.645,.045,.355,1); position: relative; box-shadow: 0 2px 0 rgba(0,0,0,.015); color: rgba(0,0,0,.65); background-color: #fff; border: 1px solid #d9d9d9 } .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-transition: none; transition: none; box-shadow: none } .ant-btn.disabled, .ant-btn[disabled] { cursor: not-allowed } .ant-btn.disabled > *, .ant-btn[disabled] > * { pointer-events: none } .ant-btn-lg { padding: 0 15px; font-size: 16px; border-radius: 4px; height: 40px } .ant-btn-sm { padding: 0 7px; font-size: 14px; border-radius: 4px; height: 24px } .ant-btn > a:only-child { color: currentcolor } .ant-btn > a:only-child:after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: transparent } .ant-btn:focus, .ant-btn:hover { color: #40a9ff; background-color: #fff; border-color: #40a9ff } .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 { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: transparent } .ant-btn.active, .ant-btn:active { color: #096dd9; background-color: #fff; border-color: #096dd9 } .ant-btn.active > a:only-child, .ant-btn:active > a:only-child { color: currentcolor } .ant-btn.active > a:only-child:after, .ant-btn:active > a:only-child:after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: transparent } .ant-btn.disabled, .ant-btn.disabled.active, .ant-btn.disabled:active, .ant-btn.disabled:focus, .ant-btn.disabled:hover, .ant-btn[disabled], .ant-btn[disabled].active, .ant-btn[disabled]:active, .ant-btn[disabled]:focus, .ant-btn[disabled]:hover { color: rgba(0,0,0,.25); background-color: #f5f5f5; border-color: #d9d9d9; text-shadow: none; box-shadow: none } .ant-btn.disabled.active > a:only-child, .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, .ant-btn[disabled].active > a:only-child, .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: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, .ant-btn[disabled].active > a:only-child:after, .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 { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: transparent } .ant-btn.active, .ant-btn:active, .ant-btn:focus, .ant-btn:hover { background: #fff; text-decoration: none } .ant-btn > i, .ant-btn > span { pointer-events: none } .ant-btn-primary { color: #fff; background-color: #1890ff; border-color: #1890ff; text-shadow: 0 -1px 0 rgba(0,0,0,.12); box-shadow: 0 2px 0 rgba(0,0,0,.035) } .ant-btn-primary > a:only-child { color: currentcolor } .ant-btn-primary > a:only-child:after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: transparent } .ant-btn-primary:focus, .ant-btn-primary:hover { color: #fff; background-color: #40a9ff; border-color: #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 { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: transparent } .ant-btn-primary.active, .ant-btn-primary:active { color: #fff; background-color: #096dd9; border-color: #096dd9 } .ant-btn-primary.active > a:only-child, .ant-btn-primary:active > a:only-child { color: currentcolor } .ant-btn-primary.active > a:only-child:after, .ant-btn-primary:active > a:only-child:after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: transparent } .ant-btn-primary.disabled, .ant-btn-primary.disabled.active, .ant-btn-primary.disabled:active, .ant-btn-primary.disabled:focus, .ant-btn-primary.disabled:hover, .ant-btn-primary[disabled], .ant-btn-primary[disabled].active, .ant-btn-primary[disabled]:active, .ant-btn-primary[disabled]:focus, .ant-btn-primary[disabled]:hover { color: rgba(0,0,0,.25); background-color: #f5f5f5; border-color: #d9d9d9; text-shadow: none; box-shadow: none } .ant-btn-primary.disabled.active > a:only-child, .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, .ant-btn-primary[disabled].active > a:only-child, .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: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, .ant-btn-primary[disabled].active > a:only-child:after, .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 { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: transparent } .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,.65); background-color: initial; border-color: #d9d9d9 } .ant-btn-ghost > a:only-child { color: currentcolor } .ant-btn-ghost > a:only-child:after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: transparent } .ant-btn-ghost:focus, .ant-btn-ghost:hover { color: #40a9ff; background-color: initial; border-color: #40a9ff } .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 { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: transparent } .ant-btn-ghost.active, .ant-btn-ghost:active { color: #096dd9; background-color: initial; border-color: #096dd9 } .ant-btn-ghost.active > a:only-child, .ant-btn-ghost:active > a:only-child { color: currentcolor } .ant-btn-ghost.active > a:only-child:after, .ant-btn-ghost:active > a:only-child:after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: transparent } .ant-btn-ghost.disabled, .ant-btn-ghost.disabled.active, .ant-btn-ghost.disabled:active, .ant-btn-ghost.disabled:focus, .ant-btn-ghost.disabled:hover, .ant-btn-ghost[disabled], .ant-btn-ghost[disabled].active, .ant-btn-ghost[disabled]:active, .ant-btn-ghost[disabled]:focus, .ant-btn-ghost[disabled]:hover { color: rgba(0,0,0,.25); background-color: #f5f5f5; border-color: #d9d9d9; text-shadow: none; box-shadow: none } .ant-btn-ghost.disabled.active > a:only-child, .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, .ant-btn-ghost[disabled].active > a:only-child, .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: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, .ant-btn-ghost[disabled].active > a:only-child:after, .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 { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: transparent } .ant-btn-dashed { color: rgba(0,0,0,.65); background-color: #fff; border-color: #d9d9d9; border-style: dashed } .ant-btn-dashed > a:only-child { color: currentcolor } .ant-btn-dashed > a:only-child:after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: transparent } .ant-btn-dashed:focus, .ant-btn-dashed:hover { color: #40a9ff; background-color: #fff; border-color: #40a9ff } .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 { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: transparent } .ant-btn-dashed.active, .ant-btn-dashed:active { color: #096dd9; background-color: #fff; border-color: #096dd9 } .ant-btn-dashed.active > a:only-child, .ant-btn-dashed:active > a:only-child { color: currentcolor } .ant-btn-dashed.active > a:only-child:after, .ant-btn-dashed:active > a:only-child:after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: transparent } .ant-btn-dashed.disabled, .ant-btn-dashed.disabled.active, .ant-btn-dashed.disabled:active, .ant-btn-dashed.disabled:focus, .ant-btn-dashed.disabled:hover, .ant-btn-dashed[disabled], .ant-btn-dashed[disabled].active, .ant-btn-dashed[disabled]:active, .ant-btn-dashed[disabled]:focus, .ant-btn-dashed[disabled]:hover { color: rgba(0,0,0,.25); background-color: #f5f5f5; border-color: #d9d9d9; text-shadow: none; box-shadow: none } .ant-btn-dashed.disabled.active > a:only-child, .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, .ant-btn-dashed[disabled].active > a:only-child, .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: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, .ant-btn-dashed[disabled].active > a:only-child:after, .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 { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: transparent } .ant-btn-danger { color: #f5222d; background-color: #f5f5f5; border-color: #d9d9d9 } .ant-btn-danger > a:only-child { color: currentcolor } .ant-btn-danger > a:only-child:after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: transparent } .ant-btn-danger:hover { color: #fff; background-color: #ff4d4f; border-color: #ff4d4f } .ant-btn-danger:hover > a:only-child { color: currentcolor } .ant-btn-danger:hover > a:only-child:after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: transparent } .ant-btn-danger:focus { color: #ff4d4f; background-color: #fff; border-color: #ff4d4f } .ant-btn-danger:focus > a:only-child { color: currentcolor } .ant-btn-danger:focus > a:only-child:after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: transparent } .ant-btn-danger.active, .ant-btn-danger:active { color: #fff; background-color: #cf1322; border-color: #cf1322 } .ant-btn-danger.active > a:only-child, .ant-btn-danger:active > a:only-child { color: currentcolor } .ant-btn-danger.active > a:only-child:after, .ant-btn-danger:active > a:only-child:after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: transparent } .ant-btn-danger.disabled, .ant-btn-danger.disabled.active, .ant-btn-danger.disabled:active, .ant-btn-danger.disabled:focus, .ant-btn-danger.disabled:hover, .ant-btn-danger[disabled], .ant-btn-danger[disabled].active, .ant-btn-danger[disabled]:active, .ant-btn-danger[disabled]:focus, .ant-btn-danger[disabled]:hover { color: rgba(0,0,0,.25); background-color: #f5f5f5; border-color: #d9d9d9; text-shadow: none; box-shadow: none } .ant-btn-danger.disabled.active > a:only-child, .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, .ant-btn-danger[disabled].active > a:only-child, .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: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, .ant-btn-danger[disabled].active > a:only-child:after, .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 { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: transparent } .ant-btn-circle, .ant-btn-circle-outline { width: 32px; padding: 0; font-size: 16px; border-radius: 50%; height: 32px } .ant-btn-circle-outline.ant-btn-lg, .ant-btn-circle.ant-btn-lg { width: 40px; padding: 0; font-size: 18px; border-radius: 50%; height: 40px } .ant-btn-circle-outline.ant-btn-sm, .ant-btn-circle.ant-btn-sm { width: 24px; padding: 0; font-size: 14px; border-radius: 50%; height: 24px } .ant-btn:before { position: absolute; top: -1px; left: -1px; bottom: -1px; right: -1px; background: #fff; opacity: .35; content: ""; border-radius: inherit; z-index: 1; -webkit-transition: opacity .2s; transition: opacity .2s; pointer-events: none; display: 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.ant-btn-loading:before { display: block } .ant-btn.ant-btn-loading:not(.ant-btn-circle):not(.ant-btn-circle-outline):not(.ant-btn-icon-only) { padding-left: 29px; pointer-events: none; position: relative } .ant-btn.ant-btn-loading:not(.ant-btn-circle):not(.ant-btn-circle-outline):not(.ant-btn-icon-only) .anticon { margin-left: -14px } .ant-btn-sm.ant-btn-loading:not(.ant-btn-circle):not(.ant-btn-circle-outline):not(.ant-btn-icon-only) { padding-left: 24px } .ant-btn-sm.ant-btn-loading:not(.ant-btn-circle):not(.ant-btn-circle-outline):not(.ant-btn-icon-only) .anticon { margin-left: -17px } .ant-btn-group { position: relative; display: inline-block } .ant-btn-group > .ant-btn, .ant-btn-group > span > .ant-btn { position: relative; line-height: 30px } .ant-btn-group > .ant-btn.active, .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: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-lg > .ant-btn, .ant-btn-group-lg > span > .ant-btn { padding: 0 15px; font-size: 16px; border-radius: 0; height: 40px; line-height: 38px } .ant-btn-group-sm > .ant-btn, .ant-btn-group-sm > span > .ant-btn { padding: 0 7px; font-size: 14px; border-radius: 0; height: 24px; line-height: 22px } .ant-btn-group-sm > .ant-btn > .anticon, .ant-btn-group-sm > span > .ant-btn > .anticon { 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: 4px } .ant-btn-group > .ant-btn:first-child:not(:last-child), .ant-btn-group > span:first-child:not(:last-child) > .ant-btn { border-bottom-left-radius: 4px; border-top-left-radius: 4px } .ant-btn-group > .ant-btn:last-child:not(:first-child), .ant-btn-group > span:last-child:not(:first-child) > .ant-btn { border-bottom-right-radius: 4px; border-top-right-radius: 4px } .ant-btn-group-sm > .ant-btn:only-child, .ant-btn-group-sm > span:only-child > .ant-btn { border-radius: 4px } .ant-btn-group-sm > .ant-btn:first-child:not(:last-child), .ant-btn-group-sm > span:first-child:not(:last-child) > .ant-btn { border-bottom-left-radius: 4px; border-top-left-radius: 4px } .ant-btn-group-sm > .ant-btn:last-child:not(:first-child), .ant-btn-group-sm > span:last-child:not(:first-child) > .ant-btn { border-bottom-right-radius: 4px; border-top-right-radius: 4px } .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 { border-bottom-right-radius: 0; border-top-right-radius: 0; padding-right: 8px } .ant-btn-group > .ant-btn-group:last-child:not(:first-child) > .ant-btn:first-child { border-bottom-left-radius: 0; border-top-left-radius: 0; padding-left: 8px } .ant-btn:not(.ant-btn-circle):not(.ant-btn-circle-outline).ant-btn-icon-only { padding-left: 8px; padding-right: 8px } .ant-btn:active > span, .ant-btn:focus > span { position: relative } .ant-btn > .anticon span, .ant-btn > span .anticon { margin-left: 8px } .ant-btn-background-ghost { background: transparent !important; border-color: #fff; color: #fff } .ant-btn-background-ghost.ant-btn-primary { color: #1890ff; background-color: initial; 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 { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: transparent } .ant-btn-background-ghost.ant-btn-primary:focus, .ant-btn-background-ghost.ant-btn-primary:hover { color: #40a9ff; background-color: initial; 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 { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: transparent } .ant-btn-background-ghost.ant-btn-primary.active, .ant-btn-background-ghost.ant-btn-primary:active { color: #096dd9; background-color: initial; border-color: #096dd9 } .ant-btn-background-ghost.ant-btn-primary.active > a:only-child, .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, .ant-btn-background-ghost.ant-btn-primary:active > a:only-child:after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: transparent } .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:active, .ant-btn-background-ghost.ant-btn-primary.disabled:focus, .ant-btn-background-ghost.ant-btn-primary.disabled:hover, .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]: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); background-color: #f5f5f5; border-color: #d9d9d9; text-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: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, .ant-btn-background-ghost.ant-btn-primary[disabled].active > a:only-child, .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: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, .ant-btn-background-ghost.ant-btn-primary[disabled].active > a:only-child:after, .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 { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: transparent } .ant-btn-background-ghost.ant-btn-danger { color: #f5222d; background-color: initial; border-color: #f5222d; 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 { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: transparent } .ant-btn-background-ghost.ant-btn-danger:focus, .ant-btn-background-ghost.ant-btn-danger:hover { color: #ff4d4f; background-color: initial; border-color: #ff4d4f } .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 { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: transparent } .ant-btn-background-ghost.ant-btn-danger.active, .ant-btn-background-ghost.ant-btn-danger:active { color: #cf1322; background-color: initial; border-color: #cf1322 } .ant-btn-background-ghost.ant-btn-danger.active > a:only-child, .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, .ant-btn-background-ghost.ant-btn-danger:active > a:only-child:after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: transparent } .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:active, .ant-btn-background-ghost.ant-btn-danger.disabled:focus, .ant-btn-background-ghost.ant-btn-danger.disabled:hover, .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]: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); background-color: #f5f5f5; border-color: #d9d9d9; text-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: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, .ant-btn-background-ghost.ant-btn-danger[disabled].active > a:only-child, .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: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, .ant-btn-background-ghost.ant-btn-danger[disabled].active > a:only-child:after, .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 { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: transparent } .ant-btn-two-chinese-chars:first-letter { letter-spacing: .34em } .ant-btn-two-chinese-chars > * { letter-spacing: .34em; margin-right: -.34em } .ant-btn-block { width: 100% } .christmas.ant-btn-primary:before { content: ""; display: block; position: absolute; top: -6px; left: 0; right: 0; background: no-repeat 50% 0; background-size: 64px; opacity: 1 } .christmas.ant-btn-primary.ant-btn-lg:before { background-size: 72px } .christmas.ant-btn-primary.ant-btn-sm:before { background-size: 56px } a.ant-btn { line-height: 30px } a.ant-btn-lg { line-height: 38px } a.ant-btn-sm { line-height: 22px } .login-iframe { z-index: 1000; height: 380px; width: 400px; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); background: #fff; border-radius: 5px; box-shadow: 0 .125rem .125rem rgba(10,16,20,.24),0 0 .125rem rgba(10,16,20,.12); overflow: hidden } .login-iframe span.login-close { z-index: 999; position: absolute; cursor: pointer; right: 16px } .login-iframe span.login-close.ch-close { top: 16px !important } .login-iframe span.login-close img { width: 16px; -webkit-filter: invert(.5); filter: invert(.5) } .login-iframe iframe { height: 100%; width: 100% } .login-iframe .akan-loading-container { height: 380px; width: 400px; display: flex; justify-content: center; align-items: center } @font-face { font-family: iconfontgz; src: url(/uploads/image/at/font_766127_u72nxap96fa.eot); src: url(/uploads/image/at/font_766127_u72nxap96fa.eot) format("embedded-opentype"),url(/uploads/image/at/font_766127_u72nxap96fa.woff) format("woff"),url(/uploads/image/at/font_766127_u72nxap96fa.ttf) format("truetype"),url(/uploads/image/at/font_766127_u72nxap96fa.svg) format("svg") } .nav-wrapper { width: 100%; position: fixed; z-index: 100 } .nav-wrapper ul { margin: 0 } .nav-wrapper a:link, .nav-wrapper a:visited { text-decoration: none } .nav-wrapper.fixed { background-color: #fff; box-shadow: 1px 1px 1px 1px hsla(0,0%,50.2%,.12) } .nav-wrapper.fixed a { font-family: pingfangsc-regular; font-size: 16px; color: #000 !important; letter-spacing: 0; display: inline-block } .nav-wrapper.fixed a.menu-active { color: var(--main-color) !important } .nav-wrapper.fixed .nav-tools .mobile-link:before, .nav-wrapper.fixed .nav-tools a { color: #666 !important } .nav-wrapper.fixed .nav-tools li:last-child { position: relative } .nav-wrapper.fixed .nav-tools li:last-child .qcode { width: 87px; top: 80%; display: none; box-shadow: 0 0 3px 1px; position: absolute } .nav-wrapper.fixed .nav-tools li:last-child .qcode img { width: 100% } .nav-wrapper.fixed .nav-tools li:last-child:hover .qcode { display: block } .nav-wrapper.fixed .nav-tools li:hover a { opacity: .5 } .nav-wrapper.fixed .nav-menu li:hover a { color: var(--main-color) !important } .nav-wrapper .nav-bar { height: 75px; width: 1200px; margin: 0 auto } .nav-wrapper .nav-bar a { font-family: pingfangsc-regular; font-size: 16px; color: #fff; letter-spacing: 0; display: inline-block } .nav-wrapper .nav-bar > div { float: left; height: 100%; line-height: 75px; display: flex; align-items: center } .nav-wrapper .nav-bar .nav-logo img { vertical-align: middle; width: 223px } .nav-wrapper .nav-bar .nav-menu ul { height: 100%; margin-left: 110px } .nav-wrapper .nav-bar .nav-menu ul li { float: left; height: 75px; line-height: 75px; margin: 0 40px; list-style: none } .nav-wrapper .nav-bar .nav-menu ul li:hover a { color: var(--main-color) } .nav-wrapper .nav-bar .nav-menu ul a.menu-active { color: var(--main-color); position: relative } .nav-wrapper .nav-bar .nav-menu ul a.menu-active:after { content: ""; position: absolute; width: 100%; left: 0; right: 0; bottom: 20px; border-bottom: 2px solid var(--main-color) } .nav-wrapper .nav-bar .nav-tools { float: right } .nav-wrapper .nav-bar .nav-tools ul { height: 100% } .nav-wrapper .nav-bar .nav-tools ul li { float: left; height: 100%; line-height: 75px; list-style: none } .nav-wrapper .nav-bar .nav-tools ul li:hover a { opacity: .5 } .nav-wrapper .nav-bar .nav-tools ul li:after { content: "|"; display: inline-block; color: grey; margin: 0 10px; font-size: 12px; opacity: .9 } .nav-wrapper .nav-bar .nav-tools ul li:last-child:after { display: none } .nav-wrapper .nav-bar .nav-tools ul li:last-child { position: relative } .nav-wrapper .nav-bar .nav-tools ul li:last-child .qcode { top: 80%; width: 87px; display: none; box-shadow: 0 0 3px 1px; position: absolute } .nav-wrapper .nav-bar .nav-tools ul li:last-child .qcode img { width: 100% } .nav-wrapper .nav-bar .nav-tools ul li:last-child:hover .qcode { display: block } .nav-wrapper .nav-bar .nav-tools ul .mobile-link:before { content: "\e6e6"; font-family: iconfontgz; display: inline-block; vertical-align: initial; font-size: 16px; width: 18px; height: 18px; margin-top: -4px; color: #fff } .ant-carousel, .nav-wrapper .nav-bar .nav-tools ul a { font-size: 14px } .ant-carousel { font-family: chinese quote,-apple-system,blinkmacsystemfont,segoe ui,pingfang sc,hiragino sans gb,microsoft yahei,helvetica neue,helvetica,arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol; font-feature-settings: "tnum"; font-variant: tabular-nums; line-height: 1.5; color: rgba(0,0,0,.65); box-sizing: border-box; margin: 0; padding: 0; list-style: none } .ant-carousel .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; touch-action: pan-y; -webkit-tap-highlight-color: transparent } .ant-carousel .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0 } .ant-carousel .slick-list:focus { outline: none } .ant-carousel .slick-list.dragging { cursor: pointer } .ant-carousel .slick-slider .slick-list, .ant-carousel .slick-slider .slick-track { -webkit-transform: translatez(0); transform: translatez(0) } .ant-carousel .slick-track { position: relative; left: 0; top: 0; display: block } .ant-carousel .slick-track:after, .ant-carousel .slick-track:before { content: ""; display: table } .ant-carousel .slick-track:after { clear: both } .slick-loading .ant-carousel .slick-track { visibility: hidden } .ant-carousel .slick-slide { float: left; height: 100%; min-height: 1px; display: none } [dir=rtl] .ant-carousel .slick-slide { float: right } .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; border: 1px solid transparent } .ant-carousel .slick-arrow.slick-hidden { display: none } .ant-carousel .slick-next, .ant-carousel .slick-prev { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; top: 50%; margin-top: -10px; padding: 0; border: 0 } .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 { background: transparent; color: 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: "\2190" } .ant-carousel .slick-next { right: -25px } .ant-carousel .slick-next:before { content: "\2192" } .ant-carousel .slick-dots { position: absolute; bottom: 12px; list-style: none; display: block; text-align: center; margin: 0; padding: 0; width: 100%; height: 3px } .ant-carousel .slick-dots li { position: relative; display: inline-block; vertical-align: top; text-align: center; margin: 0 2px; padding: 0 } .ant-carousel .slick-dots li button { border: 0; cursor: pointer; background: #fff; opacity: .3; display: block; width: 16px; height: 3px; border-radius: 1px; outline: none; font-size: 0; color: transparent; -webkit-transition: all .5s; transition: all .5s; padding: 0 } .ant-carousel .slick-dots li button:focus, .ant-carousel .slick-dots li button:hover { opacity: .75 } .ant-carousel .slick-dots li.slick-active button { background: #fff; opacity: 1; width: 24px } .ant-carousel .slick-dots li.slick-active button:focus, .ant-carousel .slick-dots li.slick-active button:hover { opacity: 1 } .ant-carousel-vertical .slick-dots { width: 3px; bottom: auto; right: 12px; top: 50%; -webkit-transform: translatey(-50%); transform: translatey(-50%); height: auto } .ant-carousel-vertical .slick-dots li { margin: 0 2px; vertical-align: initial } .ant-carousel-vertical .slick-dots li button { width: 3px; height: 16px } .ant-carousel-vertical .slick-dots li.slick-active button { width: 3px; height: 24px } .gzbanner .ant-carousel .slick-track { height: 100vh } .gzbanner .ant-carousel .slick-track h1 { font-size: 52px; text-align: center; color: #fff; font-weight: 700 } .gzbanner .ant-carousel .slick-track p { font-size: 18px; text-align: center; margin-top: 21px; color: #fff } .gzbanner .ant-carousel .slick-track .entry { text-align: center; margin-top: 84px } .gzbanner .ant-carousel .slick-track .entry a { display: inline-block; width: 180px; height: 38px; line-height: 38px; text-align: center; border: 1px solid #fff; color: #fff; border-radius: 26px } .gzbanner .ant-carousel .slick-track .entry a:last-child { margin-left: 40px; background-color: var(--main-color); border: none } .gzbanner .ant-carousel .slick-track .slick-active .fadein, .gzbanner .ant-carousel .slick-track .slick-active .fadeleft, .gzbanner .ant-carousel .slick-track .slick-active .fadeup { -webkit-transform: scale(1) translatey(0) translatex(0) !important; transform: scale(1) translatey(0) translatex(0) !important; opacity: 1 !important } .gzbanner .ant-carousel .slick-track .banner-item { width: 100vw; height: 100vh; background-size: 100% 100%; float: left; position: relative } .gzbanner .ant-carousel .slick-track .banner-item .delay-2s { -webkit-animation-delay: 1s !important; animation-delay: 1s !important } .gzbanner .ant-carousel .slick-track .banner-item .fadein { height: 100%; will-change: filter,transform,opacity; -webkit-transform: scale(1.2) translatey(0) translatex(0); transform: scale(1.2) translatey(0) translatex(0); opacity: 0; -webkit-transition: opacity .7s ease-in .2s,-webkit-filter 1.3s ease-in .2s,-webkit-transform 1.6s ease-in 1s; transition: opacity .7s ease-in .2s,-webkit-filter 1.3s ease-in .2s,-webkit-transform 1.6s ease-in 1s; transition: filter 1.3s ease-in .2s,transform 1.6s ease-in 1s,opacity .7s ease-in .2s; transition: filter 1.3s ease-in .2s,transform 1.6s ease-in 1s,opacity .7s ease-in .2s,-webkit-filter 1.3s ease-in .2s,-webkit-transform 1.6s ease-in 1s } .gzbanner .ant-carousel .slick-track .banner-item .fadein > div { position: absolute; top: 50%; left: 50%; margin-left: -313px; margin-top: -123px } .gzbanner .ant-carousel .slick-track .banner-item .fadeup { height: 100%; will-change: filter,transform,opacity; -webkit-transform: scale(1) translatey(40px) translatex(0); transform: scale(1) translatey(40px) translatex(0); opacity: 0; -webkit-transition: opacity .7s ease-in 1s,-webkit-filter 1.3s ease-in 1s,-webkit-transform 1.6s ease-in 1s; transition: opacity .7s ease-in 1s,-webkit-filter 1.3s ease-in 1s,-webkit-transform 1.6s ease-in 1s; transition: filter 1.3s ease-in 1s,transform 1.6s ease-in 1s,opacity .7s ease-in 1s; transition: filter 1.3s ease-in 1s,transform 1.6s ease-in 1s,opacity .7s ease-in 1s,-webkit-filter 1.3s ease-in 1s,-webkit-transform 1.6s ease-in 1s } .gzbanner .ant-carousel .slick-track .banner-item .fadeup > div { position: absolute; top: 50%; left: 50%; margin-left: -234px; margin-top: -123px } .gzbanner .ant-carousel .slick-track .banner-item .fadeleft { will-change: filter,transform,opacity; -webkit-transform: scale(1) translatey(0) translatex(60px); transform: scale(1) translatey(0) translatex(60px); opacity: 0; -webkit-transition: opacity .7s ease-in 1s,-webkit-filter 1.3s ease-in 1s,-webkit-transform 1.6s ease-in 1s; transition: opacity .7s ease-in 1s,-webkit-filter 1.3s ease-in 1s,-webkit-transform 1.6s ease-in 1s; transition: filter 1.3s ease-in 1s,transform 1.6s ease-in 1s,opacity .7s ease-in 1s; transition: filter 1.3s ease-in 1s,transform 1.6s ease-in 1s,opacity .7s ease-in 1s,-webkit-filter 1.3s ease-in 1s,-webkit-transform 1.6s ease-in 1s } .gzbanner .ant-carousel li.slick-active button { background-color: var(--main-color) } .gzbanner .ant-carousel .slick-slider:hover .slick-next:after, .gzbanner .ant-carousel .slick-slider:hover .slick-prev:after { -webkit-transform: translatex(0); transform: translatex(0); opacity: 1 } .gzbanner .ant-carousel .slick-slider .slick-next, .gzbanner .ant-carousel .slick-slider .slick-prev { border-radius: 50%; z-index: 2; width: 30px; height: 30px } .gzbanner .ant-carousel .slick-slider .slick-next { right: 35px } .gzbanner .ant-carousel .slick-slider .slick-prev { left: 25px } .gzbanner .ant-carousel .slick-slider .slick-prev:after { background: ; background-size: cover; -webkit-transform: translatex(10px); transform: translatex(10px) } .gzbanner .ant-carousel .slick-slider .slick-next:after, .gzbanner .ant-carousel .slick-slider .slick-prev:after { content: ""; display: block; opacity: 0; width: 30px; height: 30px; -webkit-transition: opacity .2s ease-in,background-color .2s ease-in,-webkit-transform .2s ease-in; transition: opacity .2s ease-in,background-color .2s ease-in,-webkit-transform .2s ease-in; transition: transform .2s ease-in,opacity .2s ease-in,background-color .2s ease-in; transition: transform .2s ease-in,opacity .2s ease-in,background-color .2s ease-in,-webkit-transform .2s ease-in; border-radius: 50% } .gzbanner .ant-carousel .slick-slider .slick-next:after { background: ; background-size: cover; -webkit-transform: translatex(-10px); transform: translatex(-10px) } .gzbanner .ant-carousel .slick-slider .slick-next:hover:after, .gzbanner .ant-carousel .slick-slider .slick-prev:hover:after { background-color: #000; opacity: .8 } .gzbanner .confirm-container { position: fixed; z-index: 10000; top: 0; width: 100vw; height: 100vh; background-color: rgba(51,51,51,.44) } .gzbanner .confirm-container iframe { margin: 10vh 10vw 0; width: 80vw; height: 85vh; background-color: #fff; border: none; box-shadow: 0 0 5px 1px #999 } .gzmenubar { background-color: hsla(0,0%,50.2%,.06) } .gzmenubar li { list-style: none } .gzmenubar .function-bar { width: 1200px; margin: 0 auto; height: 150px } .gzmenubar .function-bar ul { width: 100%; height: 100%; display: flex; justify-content: space-between } .gzmenubar .function-bar ul li { width: 25%; height: 100%; text-align: center } .gzmenubar .function-bar ul li:hover a { color: #888 } .gzmenubar .function-bar ul li a { height: 100%; display: flex; flex-direction: column; justify-content: center; color: #a1a1a1 } .gzmenubar .function-bar ul li img { height: 46px; width: 50px; display: block; margin: 0 auto } .gzmenubar .function-bar ul li p { margin-top: 11px; font-size: 18px } .iconfont { font-family: iconfontgz } .ellis { width: 100%; overflow: hidden; text-overflow: ellipsis; word-break: keep-all; white-space: nowrap } .multiple-line-ellis:after { content: "..."; font-weight: 700; position: absolute; bottom: 0; right: 0; padding: 0 20px 1px 45px; background: repeat-y } .gznews { padding: 88px 0; width: 1200px; margin: 0 auto; text-align: left } .gznews li { list-style: none } .gznews ul { margin: 0 } .gznews > div { display: inline-block; width: 50%; padding: 5px 10px } .gznews .news-title { width: 100%; overflow: hidden; text-overflow: ellipsis; word-break: keep-all; white-space: nowrap } .gznews .news-content { width: 100%; font-size: 14px; color: #8f8f8f; line-height: 2em; overflow: hidden; position: relative } .gznews .news-main { vertical-align: top } .gznews .news-main hr { width: 100px; float: left; height: 3px; background: var(--main-color); outline: none; border: none; margin: 0 } .gznews .news-main h2 { font-size: 20px; font-weight: 700; margin-top: 20px } .gznews .news-main h1 { font-size: 26px; padding-right: 60px; font-weight: 700; margin: 25px 0 30px } .gznews .news-main .news-content { padding-top: 30px; padding-right: 60px; max-height: 107px } .gznews .news-main .news-content:after { right: 60px } .gznews .news-main .news-time { margin-top: 30px; color: hsla(0,0%,56.1%,.56) } .gznews .news-main .news-detail-btn { display: block; margin-top: 40px; width: 184px; height: 39px; border: 1px solid grey; border-radius: 19px; text-align: center; line-height: 39px; font-size: 16px; cursor: pointer; color: #000 } .gznews .news-main .news-detail-btn:hover { color: var(--main-color); border-color: var(--main-color) } .gznews .news-list h1 { font-size: 16px; line-height: 2.5em; color: #000 } .gznews .news-list li { position: relative; margin-top: 20px; box-shadow: 0 0 6px 0 #e9e9f4; cursor: pointer; height: 132px } .gznews .news-list li a { display: block; padding: 10px 54px; box-sizing: border-box; width: 100%; height: 100% } .gznews .news-list .news-content { line-height: 1.5em; max-height: 4.5em } .gznews .news-list .news-time { width: 77px; height: 77px; position: absolute; border: 1px solid; border-color: var(--main-color); border-radius: 50%; left: 0; margin-left: -39px; top: 50%; margin-top: -39px; background: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center; -webkit-transition: background-color .2s ease-in; transition: background-color .2s ease-in } .gznews .news-list .news-time p { line-height: 1.5em; color: var(--main-color); margin-bottom: 0 } .gznews .news-list .news-time p:first-child { font-size: 20px } .gznews .news-list .news-time p:last-child { border-top: 1px solid var(--main-color) } .gzbusinesstype { width: 100%; padding: 56px 0 102px; background: #f7f7f7 } .gzbusinesstype li { list-style: none } .gzbusinesstype .business-type { width: 1200px; margin: 20px auto 0 } .gzbusinesstype .business-type .business-title { font-size: 24px; text-align: center } .gzbusinesstype .business-type .business-title:after, .gzbusinesstype .business-type .business-title:before { content: ""; display: inline-block; width: 60px; height: 3px; background-color: var(--main-color); vertical-align: middle; margin: 0 20px } .gzbusinesstype .business-type .business-des { width: 763px; text-align: center; margin: 22px auto 0; color: #999; font-size: 14px; line-height: 22px } .gzbusinesstype .business-type ul { width: 100%; height: 100%; margin-top: 69px; overflow: hidden } .gzbusinesstype .business-type ul li { width: 33.3%; height: 263px; float: left; padding: 15px; text-align: center } .gzbusinesstype .business-type ul li:hover a { -webkit-transform: translatey(-5px); transform: translatey(-5px) } .gzbusinesstype .business-type ul li:hover span { color: #000 } .gzbusinesstype .business-type ul li a { height: 100%; display: flex; flex-direction: column; justify-content: start; color: #a1a1a1; box-shadow: 0 0 6px 0 #e9e9f4; border-radius: 4px; background: #fff; -webkit-transition: -webkit-transform .1s ease-in; transition: -webkit-transform .1s ease-in; transition: transform .1s ease-in; transition: transform .1s ease-in,-webkit-transform .1s ease-in; will-change: transform; align-items: center; padding: 25px 26px 0 } .gzbusinesstype .business-type ul li span { font-family: iconfontgz; font-size: 45px; color: var(--main-color); -webkit-transition: color .5s ease-in; transition: color .5s ease-in } .gzbusinesstype .business-type ul li img { height: 48px } .gzbusinesstype .business-type ul li:nth-child(6) img { -webkit-transform: scale(1.2); transform: scale(1.2) } .gzbusinesstype .business-type ul li h2 { margin-top: 16px; font-size: 18px } .gzbusinesstype .business-type ul li p { margin-top: 32px; line-height: 18px; font-size: 13px; color: #8f8f8f; position: relative; max-height: 70px; overflow: hidden } .gzbusinesstype .business-type div.down { text-align: center } .gzbusinesstype .business-type div.down span { display: inline-block } .gzbusinesstype .business-type div.down span.down, .gzbusinesstype .business-type div.down span.up { font-size: 24px; color: #ccc } .gzbusinesstype .business-type div.down span.down:hover { color: #ccc; opacity: .1; margin-top: 3px; -webkit-transition: all .5s ease-in; transition: all .5s ease-in; cursor: pointer } .gzbusinesstype .business-type div.down span.up:hover { color: #ccc; opacity: .1; margin-top: -3px; -webkit-transition: all .5s ease-in; transition: all .5s ease-in; cursor: pointer } .gzbusinesstype .business-type div.down .up { transform: rotatex(180deg); -webkit-transform: rotatex(180deg) } .gzguide { width: 100%; position: relative; text-align: left } .gzguide li { list-style: none } .gzguide:before { background-image: ; background-size: 102% 117% } .gzguide:after, .gzguide:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 50vw; height: 100% } .gzguide:after { background-color: rgba(0,0,0,.71) } .gzguide .guide { margin: 0 auto; padding: 47px 0; position: relative; z-index: 2 } .gzguide .guide:after { content: ""; clear: both; display: block } .gzguide .guide .entry { text-align: center; margin-top: 84px } .gzguide .guide .entry a { display: inline-block; width: 140px; height: 32px; line-height: 32px; text-align: center; border: 1px solid #fff; color: #fff; border-radius: 26px } .gzguide .guide .half { width: 50%; float: left } .gzguide .guide .guide-beigao, .gzguide .guide .guide-yuangao { width: 350px; position: relative; margin: 0 auto } .gzguide .guide .guide-title { font-size: 24px; text-align: center; position: relative; z-index: 2 } .gzguide .guide .guide-title:after, .gzguide .guide .guide-title:before { content: ""; display: inline-block; width: 60px; height: 3px; vertical-align: middle; margin: 0 20px } .gzguide .guide .guide-title:before { margin-left: 0 } .gzguide .guide .guide-title:after { margin-right: 0 } .gzguide .guide .guide-step { counter-reset: sectioncounter } .gzguide .guide .guide-step li { position: relative; padding-left: 75px; margin-top: 40px } .gzguide .guide .guide-step li:before { content: counter(sectioncounter); counter-increment: sectioncounter; display: inline-block; width: 35px; height: 35px; border-radius: 50%; text-align: center; line-height: 35px; position: absolute; left: 0; top: 50%; margin-top: -17px } .gzguide .guide .guide-step li h2 { font-size: 16px; font-family: pingfangsc-medium } .gzguide .guide .guide-step li p { line-height: 20px; font-size: 14px; margin-top: 5px } .gzguide .guide .guide-yuangao .guide-title { color: #fff } .gzguide .guide .guide-yuangao .guide-title:after, .gzguide .guide .guide-yuangao .guide-title:before { background-color: #fff } .gzguide .guide .guide-yuangao .guide-step li:before { color: #fff; border: 1px solid #fff } .gzguide .guide .guide-yuangao .guide-step h2 { color: var(--main-color) } .gzguide .guide .guide-yuangao .guide-step p { color: #fff } .gzguide .guide .guide-yuangao .guide-step .guide-important h2, .gzguide .guide .guide-yuangao .guide-step .guide-important p { color: var(--main-color) !important; font-size: 16px; font-family: pingfangsc-medium } .gzguide .guide .guide-yuangao .entry a { margin-left: 40px } .gzguide .guide .guide-beigao .guide-title { color: #000 } .gzguide .guide .guide-beigao .guide-title:after, .gzguide .guide .guide-beigao .guide-title:before { background-color: var(--main-color) } .gzguide .guide .guide-beigao .guide-step li:before { color: var(--main-color); border: 1px solid var(--main-color) } .gzguide .guide .guide-beigao .guide-step h2 { color: #000 } .gzguide .guide .guide-beigao .guide-step p { color: #8f8f8f } .gzguide .guide .guide-beigao .guide-step .guide-important h2, .gzguide .guide .guide-beigao .guide-step .guide-important p { color: #0e0e0e !important; font-family: pingfangsc-medium; font-size: 16px } .gzguide .guide .guide-beigao .entry a { margin-left: 40px; background-color: var(--main-color) } .gzguide .play { display: inline-block; width: 15px; height: 15px; background: #fff; border-radius: 50%; vertical-align: -2px; margin-left: 8px; position: relative } .gzguide .play:before { content: ""; position: absolute; width: 0; height: 0; top: 2px; left: 6px; border: 5px solid transparent; border-left-color: hsla(0,0%,50.2%,.83) } .gzguide .video-container { width: 840px; height: 500px; position: fixed; top: 50%; left: 50%; margin: -250px -420px; background: #000; box-shadow: 1px 1px 6px 0 grey; z-index: 9999 } .gzguide .video-container .slick-next { top: 200px; right: -33px !important } .gzguide .video-container .slick-prev { top: 200px; left: -33px !important } .gzguide .video-container .ant-carousel { margin: 40px } .gzguide .video-container video { margin-top: -30px } .gzguide .video-container .ant-carousel .slick-dots { top: 440px } .gzguide .video-title { position: absolute; color: #fff; padding: 4px 16px; background-color: #574f43; top: 16px; left: 16px; border-radius: 6px; font-size: 15px } .gzguide .close { position: absolute; right: 10px; top: 5px; font-size: 16px; z-index: 1; color: #fff; cursor: pointer } .page-lassen-foot { width: 100%; background-color: #060002; background-size: cover } .page-lassen-foot.theme { background-color: var(--main-color) } .page-lassen-foot .page-lassen-foot-wrap { width: 1200px; margin: 0 auto; text-align: center } .page-lassen-foot .page-lassen-foot-wrap .page-lassen-foot-qrcode { color: #fff; position: relative; padding-top: 20px; margin-bottom: 10px } .page-lassen-foot .page-lassen-foot-wrap .page-lassen-foot-qrcode .text { display: block; position: static !important; margin: 12px 0 0 !important } .page-lassen-foot .page-lassen-foot-wrap .page-lassen-foot-qrcode img { max-height: 300px } .page-lassen-foot .page-lassen-foot-wrap .page-lassen-foot-link { padding-top: 20px; line-height: 16px } .page-lassen-foot .page-lassen-foot-wrap .page-lassen-foot-link a { color: #777; line-height: 20px } .page-lassen-foot .page-lassen-foot-wrap .page-lassen-foot-link span { color: #777; margin: 0 7px 0 9px; vertical-align: middle } .page-lassen-foot .page-lassen-foot-wrap .page-lassen-foot-time { margin-top: 15px } .page-lassen-foot .page-lassen-foot-wrap .page-lassen-foot-time span { color: #777; margin: 0 7px 0 9px; vertical-align: middle } .page-lassen-foot .page-lassen-foot-wrap .page-lassen-foot-time span:not(:first-child) { margin-left: 36px } .page-lassen-foot .page-lassen-foot-wrap .page-lassen-foot-line { margin-top: 30px; border-top: 1px solid #635f60; height: 12px } .page-lassen-foot .page-lassen-foot-wrap .page-lassen-foot-company { color: #fff; padding: 30px 0 } .page-lassen-foot .page-lassen-foot-wrap .page-lassen-foot-company span:not(:first-child) { margin-left: 15px } .page-lassen-foot .page-lassen-foot-wrap .page-lassen-foot-company span a { color: #fff } .page-lassen-foot .page-lassen-foot-wrap .footer-logo { padding-bottom: 8px } .page-lassen-foot .page-lassen-foot-wrap .footer-logo img { max-height: 63px } .custom .fake-content, .html .fake-content { opacity: .52; background: rgba(84,148,220,.12); border: 1px solid #8699ad; height: 186px; text-align: center; line-height: 186px } .hznavbar ul { list-style: none } .hznavbar .page-lassen-head, .hznavbar .page-lassen-head-fix { width: 100%; background-color: #fff } .hznavbar .page-lassen-head-fix-container { overflow: hidden; width: 1200px; margin: 0 auto } .hznavbar .page-lassen-head-fix-container-logo { width: 258px; height: 70px; margin: 12px 100px 0 0; float: left } .hznavbar .page-lassen-head-fix-container-logo a .img-l-logotwo { width: 45px; margin-top: 8px; display: inline-block } .hznavbar .page-lassen-head-fix-container-logo a .img-l-logotwo .imgs-logotwo { width: 100% } .hznavbar .page-lassen-head-fix-container-logo a .img-l-logo { width: 180px; height: 40px; margin: 15px 0 0 15px; display: inline-block } .hznavbar .page-lassen-head-fix-container-logo a .img-l-logo .imgs-logo { width: 100% } .hznavbar .page-lassen-head-fix-container-catalog ul li { float: left; width: 110px; text-align: right; font-size: 16px; margin-right: 10px; height: 86px; padding-top: 36px } .hznavbar .page-lassen-head-fix-container-catalog ul li .a-color { color: var(--main-color) } .hznavbar .page-lassen-head-fix-container-catalog ul li a { color: #666; text-decoration: none } .hznavbar .page-lassen-head-fix-container-catalog ul li a:hover { color: var(--second-color) } .hznavbar .page-lassen-head .fixed-top { position: fixed; top: 0; opacity: .98; box-shadow: 0 0 .625rem rgba(0,0,0,.15); background: #fff; z-index: 4 } .hznavbar .page-lassen-head-login-timealert .timealert-content { padding: 30px 30px 30px 50px } .hznavbar .page-lassen-head-login-timealert .timealert-button { text-align: right } .hznavbar .page-lassen-head-login-timealert .timealert-time { color: #f77425 } .hznavbar .page-lassen-head-login-timealert h3 { font-size: 26px; font-weight: 700; line-height: 74px } .hznavbar .page-lassen-head-login-timealert p { font-size: 26px; line-height: 64px } .hznavbar .page-lassen-head-login-timealert .ch-close { font-size: 20px; width: 20px; height: 20px; line-height: 20px } .hznavbar .page-lassen-head-fix-container-catalog li:hover .sub-menu { display: block } .hznavbar .page-lassen-head-fix-container-catalog li .sub-menu { display: none; width: 110px; background: #fff; box-shadow: 0 0 2px #ccc; border-radius: 5px; z-index: 2; position: absolute; margin-top: 20px } .hznavbar .page-lassen-head-fix-container-catalog li .sub-menu .top-arrow { vertical-align: bottom; border-bottom: 6px solid #ccc; border-right: 6px solid transparent; border-left: 6px solid transparent; content: ""; position: absolute; top: -6px; left: 50px } .hznavbar .page-lassen-head-fix-container-catalog li .sub-menu a { display: block; line-height: 28px; text-align: center; padding: 10px } .hznavbar .page-lassen-head-fix-container-catalog li .sub-menu a:hover { background: #fff0f0; color: #b81c22 } .hznavbar .page-lassen-head-fix-container-catalog li .sub-menu a:first-child { border-top-left-radius: 5px; border-top-right-radius: 5px } .hznavbar .page-lassen-head-fix-container-catalog li .sub-menu a:last-child { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px } .hznavbar .page-lassen-top { width: 100%; overflow: hidden; background-color: #f7f7f7 } .hznavbar .page-lassen-top-container { width: 1200px; margin: 0 auto } .hznavbar .page-lassen-top-container-login { list-style-type: none; float: right; color: #5d5d5d; line-height: 36px; font-size: 14px } .hznavbar .page-lassen-top-container-login .opacity { color: hsla(0,0%,59.2%,.36) } .hznavbar .page-lassen-top-container-login a { color: #aaa; text-decoration: none; padding: 0 5px } .hznavbar .page-lassen-top-container-login a:hover { color: #5d5d5d } .hznavbar .page-lassen-top-container-login .phone { display: inline-block; vertical-align: middle; width: 11px; height: 18px; margin-right: 6px; margin-top: -4px } .hznavbar .page-lassen-top-container-login .weixin { display: inline-block; vertical-align: middle; width: 18px; height: 18px } .hznavbar .page-lassen-top-container-login-dialog .react-dialog { width: 720px; height: 565px; box-shadow: 0 0 20px rgba(0,0,0,.2); border-radius: 5px } .hznavbar .page-lassen-top-container-login-dialog .react-dialog .ch-close { width: 30px; height: 30px; line-height: 25px; background-color: #fff; font-size: 30px; border-radius: 15px; color: #bbb; text-indent: 1px } .hznavbar .page-lassen-top-container-login-dialog .react-dialog .ch-close:hover { background-color: #fff; color: #bbb } .hznavbar .page-lassen-top-container-login-dialog .react-dialog .gongdao-about-dialog-img { height: 150px } .hznavbar .page-lassen-top-container-login-dialog .react-dialog h3 { font-size: 20px; line-height: 30px; margin: 25px 0 20px; padding: 0 32px } .hznavbar .page-lassen-top-container-login-dialog .react-dialog p { padding: 0 32px; line-height: 24px; color: #333; text-indent: 2em } .hzbanner .page-lassen-index-carousel { position: relative } .hzbanner .page-lassen-index-carousel .relative-image-chinese { background: ; width: 128px; height: 140px; position: absolute; top: 50%; left: 50%; margin: -209px 0 0 472px } .hzbanner .page-lassen-index-carousel .relative-image-chinese span { top: 110px; position: relative; left: 34px; color: #555; font-size: 12px } .hzbanner .page-lassen-index-carousel .relative-image-english { background: ; width: 128px; height: 140px; position: absolute; top: 50%; left: 50%; margin: -211px 0 0 472px } .hzbanner .page-lassen-index-carousel .relative-image-english span { top: 104px; position: relative; left: 35px; color: #555; font-size: 10px } .hzbanner .page-lassen-index-carousel .relative-button { position: absolute; top: 50%; left: 50%; margin: 36px 0 0 206px } .hzbanner .page-lassen-index-carousel .relative-button .lassen-button { border: 1px solid var(--main-color) !important; color: #fff !important; background-color: var(--main-color); height: 48px; line-height: 48px; width: 160px } .hzbanner .page-lassen-index-carousel .relative-button .lassen-button:hover { background-color: #f08300; border: 1px solid #f08300 !important } .hzbanner .page-lassen-index-carousel .ant-carousel .slick-slide { text-align: center; height: 400px; line-height: 400px; overflow: hidden } .hzbanner .page-lassen-index-carousel .ant-carousel .carousel-banner { height: 400px } .hzbanner .page-lassen-index-carousel .ant-carousel .banner1 { background: no-repeat top #fcf6e0 } .hzbanner .page-lassen-index-carousel .ant-carousel .banner2 { background: no-repeat top #f4eed8 } .hzbanner .page-lassen-index-carousel .ant-carousel .banner3 { background: no-repeat top #a11805 } .hzbanner .page-lassen-index-carousel .ant-carousel .banner4 { background: no-repeat top #fcf6e0 } .hzbanner .page-lassen-index-carousel .ant-carousel .banner5 { background: no-repeat top #f4eed8 } .hzbanner .page-lassen-index-carousel .ant-carousel .banner6 { background: no-repeat top #a11805 } .hzbanner .page-lassen-index-carousel .ant-carousel .slick-dots { bottom: 35px } .hzbanner .page-lassen-index-carousel .ant-carousel .slick-dots li button { width: 12px; height: 12px; margin: 0 2px; border-radius: 6px; opacity: 1; background-color: initial; border: 1px solid #fff } .hzbanner .page-lassen-index-carousel .ant-carousel .slick-dots li.slick-active button { background-color: #fff } .hzbanner .confirm-container { position: fixed; z-index: 10000; top: 0; width: 100vw; height: 100vh; background-color: rgba(51,51,51,.44) } .hzbanner .confirm-container iframe { background-color: #fff; margin: 10vh 10vw 0; width: 80vw; height: 85vh; border: none; box-shadow: 0 0 5px 1px #999 } .hznews .page-lassen-index-news { overflow: hidden; background: #fff4f4; padding-bottom: 90px } .hznews .page-lassen-index-news-container { width: 1200px; margin: 0 auto } .hznews .page-lassen-index-news-container .title { margin-bottom: 20px; padding-top: 60px; font-size: 24px; text-align: center; color: #333 } .hznews .page-lassen-index-news-container .description { padding-bottom: 50px } .hznews .page-lassen-index-news-container .description p { font-size: 18px; text-align: center; line-height: 26px; height: 26px; color: #737172 } .hznews .page-lassen-index-news-container .news-bulletin { margin: 0 auto } .hznews .page-lassen-index-news-container .news-bulletin li { padding-top: 24px; width: 400px; float: left; height: 120px; line-height: 20px } .hznews .page-lassen-index-news-container .news-bulletin li .number { position: relative; width: 100px; height: 50px; display: inline-block; font-size: 80px; font-weight: 700; color: #a42a35; font-family: impact } .hznews .page-lassen-index-news-container .news-bulletin li .number .icon-number { position: absolute; right: 0; top: -15px; height: 65px; width: 86px; background: no-repeat -4px -154px } .hznews .page-lassen-index-news-container .news-bulletin li .info { display: inline-block; width: 280px; margin-top: -16px } .hznews .page-lassen-index-news-container .news-bulletin li .info-title { width: 256px; font-size: 16px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; word-wrap: normal; color: #333 } .hznews .page-lassen-index-news-container .news-bulletin li .info-title a { color: #666; text-decoration: none } .hznews .page-lassen-index-news-container .news-bulletin li .info-introduction { height: 40px; overflow: hidden; font-size: 14px; width: 270px; text-overflow: ellipsis; -webkit-line-clamp: 2; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; color: #666 } .hznews .page-lassen-index-news-container .news-bulletin li .info-introduction a { color: #666; text-decoration: none } .hznews .page-lassen-index-news-container .news-bulletin li .info-date { color: #999 } .hznews .page-lassen-index-news-container-prev { position: absolute; width: 30px; height: 30px; right: 78px; cursor: pointer; background: no-repeat -175px -77px; top: 90px; z-index: 1 } .hznews .page-lassen-index-news-container-prev:hover { background: no-repeat -175px -114px } .hznews .page-lassen-index-news-container-next { position: absolute; width: 30px; height: 30px; right: 38px; cursor: pointer; background: no-repeat -220px -77px; top: 90px } .hznews .page-lassen-index-news-container-next:hover { background: no-repeat -220px -114px } .hzbusinesstype .page-lassen-index-range { width: 100%; height: 540px; background: 0 -6px } .hzbusinesstype .page-lassen-index-range-container { width: 1220px; margin: 0 auto } .hzbusinesstype .page-lassen-index-range-container .title { padding-top: 60px; margin-bottom: 20px; font-size: 24px; text-align: center; color: #333 } .hzbusinesstype .page-lassen-index-range-container .description { margin-bottom: 30px } .hzbusinesstype .page-lassen-index-range-container .description p { font-size: 16px; text-align: center; line-height: 26px; height: 26px } .hzbusinesstype .page-lassen-index-range-container .range-card { margin: 30px 0 } .hzbusinesstype .page-lassen-index-range-container .range-card .card { padding: 0 10px; color: #fff } .hzbusinesstype .page-lassen-index-range-container .range-card .card-description { background-color: #929a9f; height: 220px; padding: 0 20px 20px } .hzbusinesstype .page-lassen-index-range-container .range-card .card-description-text { height: 100px; overflow: hidden; font-size: 14px; line-height: 1.8em; margin-top: 10px } .hzbusinesstype .page-lassen-index-range-container .range-card .card-description-image { height: 94px; padding-top: 30px } .hzbusinesstype .page-lassen-index-range-container .range-card .card-description-image img { width: 64px; height: 64px; margin: 0 auto } .hzbusinesstype .page-lassen-index-range-container .range-card .card-title { padding: 0 20px 0 14px; color: #666; height: 50px; background-color: #fff; font-size: 17px; line-height: 50px; text-align: center; overflow: hidden } .hzbusinesstype .page-lassen-index-range-container .range-card .card-titlee { padding: 10px 20px 0 14px; color: #666; height: 68px; background-color: #fff; font-size: 17px; line-height: 24px; text-align: center; overflow: hidden } .hzbusinesstype .page-lassen-index-range-container .range-card .card-hover { background-color: rgba(64,53,118,.8); height: 270px; width: 285px; text-align: center; position: relative; top: -270px } .hzbusinesstype .page-lassen-index-range-container .range-card .card-hover p { padding: 16px; line-height: 26px; font-size: 14px; height: 254px; overflow: hidden; text-align: justify } .hzbusinesstype .page-lassen-index-range-container .range-card .card-hover .lassen-button { margin-right: 20px; border-radius: 20px; width: 120px; margin-top: 10px; color: var(--main-color) !important } .hzbusinesstype .page-lassen-index-range-container .range-card .card-hover .lassen-button:hover { border: none; color: var(--second-color) !important; border-radius: 20px } .hzbusinesstype .page-lassen-index-range-container .range-card .card-hovere { background-color: rgba(64,53,118,.8); height: 288px; width: 285px; text-align: center; position: relative; top: -288px } .hzbusinesstype .page-lassen-index-range-container .range-card .card-hovere p { padding: 16px; line-height: 20px; font-size: 12px; height: 278px; overflow: hidden; text-align: left } .hzbusinesstype .page-lassen-index-range-container .range-card .card-hovere .lassen-button { margin-right: 20px; border-radius: 20px; width: 120px; margin-top: 10px; color: var(--main-color) !important } .hzbusinesstype .page-lassen-index-range-container .range-card .card-hovere .lassen-button:hover { border: none; color: var(--second-color) !important; border-radius: 20px } .hzbusinesstype .page-lassen-index-range-container .range-card .card:nth-child(4n 0) { padding-right: -20px !important } .hzbusinesstype .page-lassen-index-range-container-prev { position: absolute; width: 32px; height: 59px; left: -66px; cursor: pointer; background: no-repeat -4px -77px; top: 100px } .hzbusinesstype .page-lassen-index-range-container-prev:hover { background: no-repeat -43px -77px } .hzbusinesstype .page-lassen-index-range-container-next { position: absolute; width: 32px; height: 59px; right: -66px; cursor: pointer; background: no-repeat -123px -77px; top: 100px } .hzbusinesstype .page-lassen-index-range-container-next:hover { background: no-repeat -83px -77px } .hzmenubar .page-lassen-index-banner { width: 100%; background-color: var(--main-color) } .hzmenubar .page-lassen-index-banner-container { width: 1200px; height: 94px; margin: 0 auto } .hzmenubar .page-lassen-index-banner-container ul { list-style: none outside none; padding: 0; margin: 0 } .hzmenubar .page-lassen-index-banner-container li { width: 240px; float: left; font-size: 18px; color: #fff; line-height: 94px; height: 94px; overflow: hidden; padding-left: 50px } .hzmenubar .page-lassen-index-banner-container li i { vertical-align: middle; display: inline-block; margin-right: 10px } .hzmenubar .page-lassen-index-banner-container li img { height: 50px; margin-right: 4px } .hzmenubar .page-lassen-index-banner-container li a { color: #fff } .hzmenubar .page-lassen-index-banner-containere { width: 1200px; height: 94px; margin: 0 auto } .hzmenubar .page-lassen-index-banner-containere li { float: left; font-size: 18px; color: #fff; height: 94px; overflow: hidden; padding-top: 24px } .hzmenubar .page-lassen-index-banner-containere li i { float: left; vertical-align: middle; display: inline-block; margin-right: 10px } .hzmenubar .page-lassen-index-banner-containere li .referee { height: 50px; width: 36px; background: no-repeat -4px -11px; margin-top: -2px } .hzmenubar .page-lassen-index-banner-containere li .notice { height: 50px; width: 50px; background: no-repeat -46px -11px; margin-top: -4px } .hzmenubar .page-lassen-index-banner-containere li .live { height: 49px; width: 75px; background: no-repeat -103px -12px } .hzmenubar .page-lassen-index-banner-containere li .tools { height: 50px; width: 55px; background: no-repeat -185px -11px } .hzmenubar .page-lassen-index-banner-containere li .document { height: 43px; width: 43px; background: no-repeat -247px -14px } .hzmenubar .page-lassen-index-banner-containere li a { display: inline-block; line-height: 24px; color: #fff } .hzguide .page-lassen-index-boot { background-color: #f6f6f6 } .hzguide .page-lassen-index-boot .lassen-button { border: 2px solid #666 !important; color: #666 !important; height: 38px; width: 145px; border-radius: 20px } .hzguide .page-lassen-index-boot .lassen-button:hover { border: 2px solid !important; border-color: var(--main-color); color: var(--main-color); border-radius: 20px } .hzguide .page-lassen-index-boot .lassen-button-active { border: 2px solid !important; border-color: var(--main-color); color: var(--main-color) !important } .hzguide .page-lassen-index-boot-container { width: 1200px; margin: 0 auto } .hzguide .page-lassen-index-boot-container .title { padding-top: 60px; margin-bottom: 20px; font-size: 24px; text-align: center; color: #333 } .hzguide .page-lassen-index-boot-container .description { margin-bottom: 30px } .hzguide .page-lassen-index-boot-container .description p { font-size: 18px; text-align: center; line-height: 26px; height: 26px } .hzguide .page-lassen-index-boot-container p { text-align: center; margin-bottom: 22px } .hzguide .page-lassen-index-boot-container-video { padding: 24px } .hzguide .page-lassen-index-boot-container-video .react-dialog { background-color: #000; box-shadow: 0 0 20px rgba(0,0,0,.2); border-radius: 5px } .hzguide .page-lassen-index-boot-container-video .react-dialog .ch-close { width: 24px; height: 24px; font-size: 20px; border-radius: 6px; color: #fff; text-indent: 1px; position: absolute; right: 40px; top: 40px; z-index: 10; background-color: #574f43; line-height: 18px } .hzguide .page-lassen-index-boot-container-video .react-dialog .ant-carousel .slick-dots { bottom: -20px } .hzguide .page-lassen-index-boot-container-video .react-dialog .ant-carousel .slick-dots li { margin: 0 8px } .hzguide .page-lassen-index-boot-container-video .react-dialog .ant-carousel .slick-dots li button { background: var(--main-color); width: 30px; opacity: 1 } .hzguide .page-lassen-index-boot-container-video .react-dialog .ant-carousel .slick-dots li.slick-active button { background: var(--second-color); width: 30px } .hzguide .page-lassen-index-boot-container-video .react-dialog .container { padding: 24px; position: relative } .hzguide .page-lassen-index-boot-container-video .react-dialog .container .title { position: absolute; color: #fff; padding: 4px 16px; background-color: #574f43; top: 16px; left: 16px; border-radius: 6px; font-size: 15px } .hzguide .page-lassen-index-boot-container-video .react-dialog .container .slick-slide { position: relative } .hzguide .page-lassen-index-boot-container-prev { position: absolute; width: 24px; height: 40px; left: -24px; cursor: pointer; background: no-repeat -121px -160px; top: 40%; z-index: 10 } .hzguide .page-lassen-index-boot-container-prev:hover { background: no-repeat -152px -160px } .hzguide .page-lassen-index-boot-container-next { position: absolute; width: 24px; height: 40px; right: -24px; cursor: pointer; top: 40%; background: no-repeat -183px -160px; z-index: 10 } .hzguide .page-lassen-index-boot-container-next:hover { background: no-repeat -215px -160px } .hzguide .page-lassen-index-boot .accuser { height: 490px; background: no-repeat top; background-repeat: no-repeat; background-position: 50%; position: relative } .hzguide .page-lassen-index-boot .accuser .eight, .hzguide .page-lassen-index-boot .accuser .five, .hzguide .page-lassen-index-boot .accuser .four, .hzguide .page-lassen-index-boot .accuser .one, .hzguide .page-lassen-index-boot .accuser .seven, .hzguide .page-lassen-index-boot .accuser .six, .hzguide .page-lassen-index-boot .accuser .three, .hzguide .page-lassen-index-boot .accuser .two { position: absolute; font-size: 14px; line-height: 22px; top: 50%; left: 50% } .hzguide .page-lassen-index-boot .accuser .link { color: #ff3e3e } .hzguide .page-lassen-index-boot .accuser .text-link { color: #8c2028 } .hzguide .page-lassen-index-boot .accuser .one { margin: -190px 0 0 -230px } .hzguide .page-lassen-index-boot .accuser .two { margin: -190px 0 0 470px; text-align: right } .hzguide .page-lassen-index-boot .accuser .three { margin: 170px 0 0 160px } .hzguide .page-lassen-index-boot .accuser .four { margin: 48px 0 0 -140px } .hzguide .page-lassen-index-boot .accuser .five { margin: 48px 0 0 184px } .hzguide .page-lassen-index-boot .accuser .six { margin: 48px 0 0 500px } .hzguide .page-lassen-index-boot .accuser .seven { margin: -78px 0 0 -556px; color: #fff } .hzguide .page-lassen-index-boot .accuser .eight { margin: -26px 0 0 -500px; width: 130px } .hzguide .page-lassen-index-boot .accused { height: 490px; background: no-repeat top; position: relative } .hzguide .page-lassen-index-boot .accused .eight, .hzguide .page-lassen-index-boot .accused .five, .hzguide .page-lassen-index-boot .accused .four, .hzguide .page-lassen-index-boot .accused .one, .hzguide .page-lassen-index-boot .accused .seven, .hzguide .page-lassen-index-boot .accused .six, .hzguide .page-lassen-index-boot .accused .three, .hzguide .page-lassen-index-boot .accused .two { position: absolute; font-size: 14px; line-height: 22px; top: 50%; left: 50% } .hzguide .page-lassen-index-boot .accused .link { color: #ff3e3e } .hzguide .page-lassen-index-boot .accused .text-link { color: #bf2732 } .hzguide .page-lassen-index-boot .accused .one { margin: -190px 0 0 -230px } .hzguide .page-lassen-index-boot .accused .two { margin: -190px 0 0 380px; text-align: right } .hzguide .page-lassen-index-boot .accused .three { margin: 170px 0 0 160px } .hzguide .page-lassen-index-boot .accused .four { margin: 48px 0 0 -140px } .hzguide .page-lassen-index-boot .accused .five { margin: 48px 0 0 192px } .hzguide .page-lassen-index-boot .accused .six { margin: 48px 0 0 486px } .hzguide .page-lassen-index-boot .accused .seven { margin: -78px 0 0 -556px; color: #fff } .hzguide .page-lassen-index-boot .accused .eight { margin: -26px 0 0 -500px; width: 130px } .hzguide .page-lassen-index-boot .accusere { height: 488px; background: no-repeat top; position: relative } .hzguide .page-lassen-index-boot .accusere .eight, .hzguide .page-lassen-index-boot .accusere .five, .hzguide .page-lassen-index-boot .accusere .four, .hzguide .page-lassen-index-boot .accusere .one, .hzguide .page-lassen-index-boot .accusere .seven, .hzguide .page-lassen-index-boot .accusere .six, .hzguide .page-lassen-index-boot .accusere .three, .hzguide .page-lassen-index-boot .accusere .two { position: absolute; font-size: 14px; line-height: 22px; top: 50%; left: 50% } .hzguide .page-lassen-index-boot .accusere .link { color: #ff3e3e } .hzguide .page-lassen-index-boot .accusere .text-link { color: #8c2028 } .hzguide .page-lassen-index-boot .accusere .one { margin: -190px 0 0 -230px } .hzguide .page-lassen-index-boot .accusere .two { margin: -210px 0 0 440px; text-align: left } .hzguide .page-lassen-index-boot .accusere .three { margin: 170px 0 0 100px } .hzguide .page-lassen-index-boot .accusere .four { margin: 48px 0 0 -154px } .hzguide .page-lassen-index-boot .accusere .five { margin: 48px 0 0 166px } .hzguide .page-lassen-index-boot .accusere .six { margin: 48px 0 0 456px } .hzguide .page-lassen-index-boot .accusere .seven { margin: -78px 0 0 -586px; color: #fff; font-size: 12px; line-height: 18px } .hzguide .page-lassen-index-boot .accusere .eight { margin: -30px 0 0 -540px; width: 190px; font-size: 12px; line-height: 18px } .hzguide .page-lassen-index-boot .accusede { height: 488px; background: no-repeat top; position: relative } .hzguide .page-lassen-index-boot .accusede .eight, .hzguide .page-lassen-index-boot .accusede .five, .hzguide .page-lassen-index-boot .accusede .four, .hzguide .page-lassen-index-boot .accusede .one, .hzguide .page-lassen-index-boot .accusede .seven, .hzguide .page-lassen-index-boot .accusede .six, .hzguide .page-lassen-index-boot .accusede .three, .hzguide .page-lassen-index-boot .accusede .two { position: absolute; font-size: 14px; line-height: 22px; top: 50%; left: 50% } .hzguide .page-lassen-index-boot .accusede .link { color: #ff3e3e } .hzguide .page-lassen-index-boot .accusede .text-link { color: #8c2028 } .hzguide .page-lassen-index-boot .accusede .one { margin: -190px 0 0 -230px } .hzguide .page-lassen-index-boot .accusede .two { margin: -228px 0 0 440px; text-align: left } .hzguide .page-lassen-index-boot .accusede .three { margin: 170px 0 0 108px } .hzguide .page-lassen-index-boot .accusede .four { margin: 48px 0 0 -154px } .hzguide .page-lassen-index-boot .accusede .five { margin: 48px 0 0 166px } .hzguide .page-lassen-index-boot .accusede .six { margin: 48px 0 0 476px } .hzguide .page-lassen-index-boot .accusede .seven { margin: -78px 0 0 -586px; color: #fff; font-size: 12px; line-height: 18px } .hzguide .page-lassen-index-boot .accusede .eight { margin: -24px 0 0 -524px; width: 190px; font-size: 12px; line-height: 18px } .hzguide .page-lassen-index-boot .study { text-align: center; padding-bottom: 60px; margin-top: 40px } .hzguide .page-lassen-index-boot .play { display: inline-block; width: 15px; height: 15px; background: #fff; border-radius: 50%; vertical-align: -4px; margin-left: 8px; position: relative } .hzguide .page-lassen-index-boot .play:before { content: ""; position: absolute; width: 0; height: 0; top: 2px; left: 6px; border: 5px solid transparent; border-left-color: hsla(0,0%,50.2%,.83) } .hzguide .page-lassen-index-boot .video-container { width: 840px; height: 500px; position: fixed; top: 50%; left: 50%; margin: -250px -420px; background: #000; box-shadow: 1px 1px 6px 0 grey; z-index: 9999 } .hzguide .page-lassen-index-boot .video-container .slick-next { top: 200px; right: -33px !important } .hzguide .page-lassen-index-boot .video-container .slick-prev { top: 200px; left: -33px !important } .hzguide .page-lassen-index-boot .video-container .ant-carousel { margin: 40px } .hzguide .page-lassen-index-boot .video-container video { margin-top: -30px } .hzguide .page-lassen-index-boot .video-container .ant-carousel .slick-dots { top: 440px } .hzguide .page-lassen-index-boot .video-title { position: absolute; color: #fff; padding: 4px 16px; background-color: #574f43; top: 16px; left: 16px; border-radius: 6px; font-size: 15px } .hzguide .page-lassen-index-boot .close { position: absolute; right: 10px; top: 5px; font-size: 16px; z-index: 1; color: #fff; cursor: pointer } .hzdata .page-lassen-index-data { width: 100%; background: 0 -6px } .hzdata .page-lassen-index-data-container { width: 1200px; margin: 0 auto; overflow: hidden; color: #fff; background: no-repeat center 120px; height: 740px; position: relative } .hzdata .page-lassen-index-data-container .title { padding-top: 60px; margin-bottom: 20px; font-size: 24px; text-align: center } .hzdata .page-lassen-index-data-container .description { margin-bottom: 30px } .hzdata .page-lassen-index-data-container .description p { font-size: 16px; text-align: center; line-height: 26px; height: 26px } .hzdata .page-lassen-index-data-container .data-center { position: absolute; top: 472px; left: 498px; color: #a42a35 } .hzdata .page-lassen-index-data-container .data-center-number { font-size: 60px; width: 210px; text-align: center } .hzdata .page-lassen-index-data-container .data-center-symbol { font-size: 16px; position: relative; top: 58px } .hzdata .page-lassen-index-data-container .data-center-text { position: relative; left: 2px; top: -98px; font-size: 18px } .hzdata .page-lassen-index-data-container .data-yellow { position: absolute; top: 390px; left: 14px } .hzdata .page-lassen-index-data-container .data-yellow-number { font-size: 30px; width: 90px; text-align: center } .hzdata .page-lassen-index-data-container .data-yellow-symbol { font-size: 16px; position: relative; top: 12px } .hzdata .page-lassen-index-data-container .data-yellow-text { position: relative; left: 102px; top: -50px; font-size: 15px } .hzdata .page-lassen-index-data-container .data-blue { position: absolute; top: 238px; right: -44px } .hzdata .page-lassen-index-data-container .data-blue-number { font-size: 30px; width: 90px; text-align: center } .hzdata .page-lassen-index-data-container .data-blue-symbol { font-size: 16px; position: relative; top: 14px } .hzdata .page-lassen-index-data-container .data-blue-text { position: relative; left: -182px; top: -50px; font-size: 15px; width: 250px } .hzdata .page-lassen-index-data-container .data-red { position: absolute; top: 600px; right: -160px } .hzdata .page-lassen-index-data-container .data-red-number { font-size: 30px; width: 90px; text-align: center; margin-left: -10px } .hzdata .page-lassen-index-data-container .data-red-symbol { font-size: 16px; position: relative; top: 12px } .hzdata .page-lassen-index-data-container .data-red-text { position: relative; right: 210px; top: -50px; font-size: 15px; width: 250px } .bjnavbar ul { padding: 0; list-style: none } .bjnavbar .page-lassen-bjhead { width: 100%; overflow: hidden; background-color: #fff } .bjnavbar .page-lassen-bjhead-container { width: 1200px; margin: 0 auto } .bjnavbar .page-lassen-bjhead-container-logo { width: 258px; height: 70px; margin: 12px 160px 0 0; float: left } .bjnavbar .page-lassen-bjhead-container-logo img { max-height: 56px } .bjnavbar .page-lassen-bjhead-container-checkin { float: right; height: 32px; margin-top: 30px; line-height: 32px } .bjnavbar .page-lassen-bjhead-container-catalog .hover { color: var(--main-color) } .bjnavbar .page-lassen-bjhead-container-catalog ul { float: right } .bjnavbar .page-lassen-bjhead-container-catalog ul li { float: left; text-align: center; font-size: 16px; margin-right: 86px; height: 86px; padding-top: 36px } .bjnavbar .page-lassen-bjhead-container-catalog ul li .a-color { color: var(--main-color) } .bjnavbar .page-lassen-bjhead-container-catalog ul li a { color: #666; text-decoration: none } .bjnavbar .page-lassen-bjhead-container-catalog ul li a:hover { color: var(--main-color) } .bjnavbar .page-lassen-bjhead-container-catalog ul li:last-child { margin-right: 0 } .bjnavbar .fix-top { position: fixed; top: 0; opacity: .98; box-shadow: 0 0 .625rem rgba(0,0,0,.15); background: #fff; z-index: 4 } .bjnavbar .page-lassen-top { width: 100%; overflow: hidden; background-color: #f7f7f7 } .bjnavbar .page-lassen-top-container { width: 1200px; margin: 0 auto } .bjnavbar .page-lassen-top-container-login { list-style-type: none; float: right; color: #5d5d5d; line-height: 36px; font-size: 14px } .bjnavbar .page-lassen-top-container-login .opacity { color: hsla(0,0%,59.2%,.36) } .bjnavbar .page-lassen-top-container-login a { color: #aaa; text-decoration: none; padding: 0 5px } .bjnavbar .page-lassen-top-container-login a:hover { color: #5d5d5d } .bjnavbar .page-lassen-top-container-login .phone { display: inline-block; vertical-align: middle; width: 11px; height: 18px; margin-right: 6px; margin-top: -4px } .bjnavbar .page-lassen-top-container-login .weixin { display: inline-block; vertical-align: middle; width: 18px; height: 18px } .bjnavbar .page-lassen-top-container-login-dialog .react-dialog { width: 720px; height: 565px; box-shadow: 0 0 20px rgba(0,0,0,.2); border-radius: 5px } .bjnavbar .page-lassen-top-container-login-dialog .react-dialog .ch-close { width: 30px; height: 30px; line-height: 25px; background-color: #fff; font-size: 30px; border-radius: 15px; color: #bbb; text-indent: 1px } .bjnavbar .page-lassen-top-container-login-dialog .react-dialog .ch-close:hover { background-color: #fff; color: #bbb } .bjnavbar .page-lassen-top-container-login-dialog .react-dialog .gongdao-about-dialog-img { height: 150px } .bjnavbar .page-lassen-top-container-login-dialog .react-dialog h3 { font-size: 20px; line-height: 30px; margin: 25px 0 20px; padding: 0 32px } .bjnavbar .page-lassen-top-container-login-dialog .react-dialog p { padding: 0 32px; line-height: 24px; color: #333; text-indent: 2em } .bjbanner .page-lassen-index-carousel { position: relative; height: 549px } .bjbanner .page-lassen-index-carousel .layout { height: 549px } .bjbanner .page-lassen-index-carousel .ant-carousel .slick-dots li button { width: 8px !important; height: 8px !important } .bjbanner .page-lassen-index-carousel-container .hidden { display: none } .bjbanner .page-lassen-index-carousel-container .banner-text { position: relative; width: 1200px; margin: 0 auto; height: 549px; overflow: hidden } .bjbanner .page-lassen-index-carousel-container .hide-ani { opacity: 0 } .bjbanner .page-lassen-index-carousel-container .relative-container { position: relative; left: 0; top: 153px; height: 156px; overflow: hidden } .bjbanner .page-lassen-index-carousel-container .realative-text { position: absolute; top: 300px; left: 0; opacity: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden } .bjbanner .page-lassen-index-carousel-container .realative-text p { font-family: pingfangsc-semibold; font-size: 52px; color: #fff; line-height: 73px } .bjbanner .page-lassen-index-carousel-container .slick-active .realative-text { top: 0; opacity: 1; -webkit-transition: top 1.5s ease; transition: top 1.5s ease } .bjbanner .page-lassen-index-carousel-container .relative-container-small { position: relative; top: 85px; left: 0; height: 150px; overflow: hidden } .bjbanner .page-lassen-index-carousel-container .realative-text_small { position: absolute; left: 0; opacity: 0; top: 150px; -webkit-backface-visibility: hidden; backface-visibility: hidden } .bjbanner .page-lassen-index-carousel-container .realative-text_small p { font-size: 18px; color: #fff; line-height: 25px } .bjbanner .page-lassen-index-carousel-container .slick-active .realative-text_small { top: 0; opacity: 1; -webkit-transition: all 1.5s ease .8s; transition: all 1.5s ease .8s } .bjbanner .page-lassen-index-carousel-container .relative-container-btn { position: relative; top: 32px; height: 300px; left: 0; overflow: hidden; z-index: 2 } .bjbanner .page-lassen-index-carousel-container .relative-button { position: absolute; left: 0; top: 300px; opacity: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden } .bjbanner .page-lassen-index-carousel-container .relative-button .lassen-button { color: #fff !important; height: 48px; line-height: 44px; width: 160px } .bjbanner .page-lassen-index-carousel-container .relative-button .btn-left { background-color: var(--main-color); border: 1px solid var(--main-color); margin-right: 40px } .bjbanner .page-lassen-index-carousel-container .relative-button .btn-right { background-color: #dd8f55; border: 1px solid #dd8f55 } .bjbanner .page-lassen-index-carousel-container .relative-button .btn-left:hover { background-color: var(--main-color) } .bjbanner .page-lassen-index-carousel-container .relative-button .btn-right:hover { background-color: #f19b5b } .bjbanner .page-lassen-index-carousel-container .slick-active .relative-button { top: 0; opacity: 1; -webkit-transition: all 1.5s ease 1s; transition: all 1.5s ease 1s } .bjbanner .page-lassen-index-carousel .ant-carousel .slick-list .slick-track { height: 549px } .bjbanner .page-lassen-index-carousel .ant-carousel .slick-slide { text-align: center; overflow: hidden } .bjbanner .page-lassen-index-carousel .ant-carousel .carousel-banner { height: 549px } .bjbanner .page-lassen-index-carousel .ant-carousel .slick-dots { bottom: 35px; z-index: 3 } .bjbanner .page-lassen-index-carousel .ant-carousel .slick-dots li button { width: 12px; height: 12px; margin: 0 2px; border-radius: 6px; opacity: 1; background-color: initial; border: 1px solid #fff } .bjbanner .page-lassen-index-carousel .ant-carousel .slick-dots li.slick-active button { background-color: #fff } .bjbanner .confirm-container { position: fixed; z-index: 10000; top: 0; width: 100vw; height: 100vh; background-color: rgba(51,51,51,.44) } .bjbanner .confirm-container iframe { background-color: #fff; margin: 10vh 10vw 0; width: 80vw; height: 85vh; border: none; box-shadow: 0 0 5px 1px #999 } .bjmenubar .bj-page-lassen-index-banner { width: 100%; background-color: #f8f8f8 } .bjmenubar .bj-page-lassen-index-banner-container { width: 1200px; height: 180px; margin: 0 auto; padding-top: 55px } .bjmenubar .bj-page-lassen-index-banner-container ul { display: flex; justify-content: center; list-style: none } .bjmenubar .bj-page-lassen-index-banner-container li { flex: 1 1; font-size: 18px; color: #fff; line-height: 62px } .bjmenubar .bj-page-lassen-index-banner-container li i { display: inline-block; text-align: center } .bjmenubar .bj-page-lassen-index-banner-container li span { display: block; line-height: 30px } .bjmenubar .bj-page-lassen-index-banner-container li a:hover { margin-top: -3px; color: var(--main-color); -webkit-transition: all .3s ease .3s; transition: all .3s ease .3s } .bjmenubar .bj-page-lassen-index-banner-container li a:hover span { opacity: .7 } .bjmenubar .bj-page-lassen-index-banner-container li img { display: inline-block; margin: -3px } .bjmenubar .bj-page-lassen-index-banner-container li .svg-inline { display: inline } .bjmenubar .bj-page-lassen-index-banner-container li .notice, .bjmenubar .bj-page-lassen-index-banner-container li .referee { height: 42px; width: 58px } .bjmenubar .bj-page-lassen-index-banner-container li .live { height: 47px; width: 47px } .bjmenubar .bj-page-lassen-index-banner-container li .tools { height: 44px; width: 47px } .bjmenubar .bj-page-lassen-index-banner-container li .document { height: 44px; width: 50px } .bjmenubar .bj-page-lassen-index-banner-container li a { display: block; text-align: center; color: var(--main-color) } .svg-inline path { fill: var(--main-color) } .bjbusinesstype .bj-page-lassen-index-dispute { width: 100%; background: #fff; padding: 40px 0 } .bjbusinesstype .bj-page-lassen-index-dispute-container { margin: 0 auto; width: 1200px; text-align: center } .bjbusinesstype .bj-page-lassen-index-dispute-container .up { transform: rotatex(180deg); -webkit-transform: rotatex(180deg) } .bjbusinesstype .bj-page-lassen-index-dispute-container i.down { font-size: 24px; color: #ccc } .bjbusinesstype .bj-page-lassen-index-dispute-container i.up { font-size: 24px; color: #ccc; -webkit-transform: rotate(180deg); transform: rotate(180deg) } .bjbusinesstype .bj-page-lassen-index-dispute-container i.down:hover { color: #ccc; opacity: .1; margin-top: 3px; -webkit-transition: all .5s ease-in; transition: all .5s ease-in; cursor: pointer } .bjbusinesstype .bj-page-lassen-index-dispute-container i.up:hover { color: #ccc; opacity: .1; margin-top: -3px; -webkit-transition: all .5s ease-in; transition: all .5s ease-in; cursor: pointer } .bjbusinesstype .bj-page-lassen-index-dispute-container h1 { width: 1200px; text-align: center; font-size: 24px; color: var(--main-color); margin-bottom: 15px; font-weight: 500 } .bjbusinesstype .bj-page-lassen-index-dispute-container h1 span { color: var(--second-color) } .bjbusinesstype .bj-page-lassen-index-dispute-container img { display: inline-block; width: 20px; height: 21px; margin-bottom: 27px } .bjbusinesstype .bj-page-lassen-index-dispute-container .lineleft { width: 75px; height: 2px; background-color: var(--main-color); margin-top: 10px; margin-right: 9px } .bjbusinesstype .bj-page-lassen-index-dispute-container .lineright { width: 75px; height: 2px; background-color: var(--main-color); margin-top: 10px; margin-left: 9px } .bjbusinesstype .bj-page-lassen-index-dispute-container p { line-height: 20px; font-size: 14px; color: #999 } .bjbusinesstype .bj-page-lassen-index-dispute-container-cardcontainer { margin-top: 57px; width: 1200px } .bjbusinesstype .bj-page-lassen-index-dispute-container-cardcontainer .hidden { display: none } .bjbusinesstype .bj-page-lassen-index-dispute-container-cardcontainer-card { float: left; border: 1px solid #ccc; width: 371px; height: 263px; padding: 36px 26px; text-align: center; margin-right: 34px; margin-bottom: 34px } .bjbusinesstype .bj-page-lassen-index-dispute-container-cardcontainer-card i { display: inline-block; font-size: 50px; color: var(--main-color) } .bjbusinesstype .bj-page-lassen-index-dispute-container-cardcontainer-card h2 { color: var(--main-color); font-size: 18px; margin-top: 14px; margin-bottom: 24px } .bjbusinesstype .bj-page-lassen-index-dispute-container-cardcontainer-card p { line-height: 18px; color: #666; font-size: 13px } .bjbusinesstype .bj-page-lassen-index-dispute-container-cardcontainer-card:nth-child(3n) { margin-right: 0 } .bjbusinesstype .bj-page-lassen-index-dispute-container-cardcontainer-card:hover { background: var(--main-color); -webkit-transition: all .15s ease; transition: all .15s ease; border: 1px solid var(--main-color) } .bjbusinesstype .bj-page-lassen-index-dispute-container-cardcontainer-card:hover i { color: #fff } .bjbusinesstype .bj-page-lassen-index-dispute-container-cardcontainer-card:hover h2 { color: var(--second-color) } .bjbusinesstype .bj-page-lassen-index-dispute-container-cardcontainer-card:hover p { color: #fff } .bjguide p { margin: 0; padding: 0 } .bjguide .bj-page-lassen-index-guide { width: 100%; height: 631px; background: var(--main-color); position: relative } .bjguide .bj-page-lassen-index-guide .imgbackground { background: no-repeat 100% 0; background-repeat: no-repeat; background-position: 100% 0; width: 50%; height: 631px; position: absolute; left: 0; top: 0 } .bjguide .bj-page-lassen-index-guide .imgbackground .color-div-left { position: absolute; top: 0; right: 0; border-top: 627px solid var(--main-color); border-left: 150px solid transparent } .bjguide .bj-page-lassen-index-guide-container { width: 1200px; margin: 0 auto; position: relative; height: 631px; padding: 59px 30px } .bjguide .bj-page-lassen-index-guide-container-left { float: left; width: 600px } .bjguide .bj-page-lassen-index-guide-container-left h1 { color: #fff; font-size: 24px; margin-bottom: 57px; text-align: center } .bjguide .bj-page-lassen-index-guide-container-left .bottom-div { padding: 0 30px } .bjguide .bj-page-lassen-index-guide-container-left .bottom-div .left { width: 40px; float: left; text-align: center; margin-left: 136px } .bjguide .bj-page-lassen-index-guide-container-left .bottom-div .left span { display: inline-block; background: var(--second-color); font-size: 18px } .bjguide .bj-page-lassen-index-guide-container-left .bottom-div .left span:first-child, .bjguide .bj-page-lassen-index-guide-container-left .bottom-div .left span:nth-child(5), .bjguide .bj-page-lassen-index-guide-container-left .bottom-div .left span:nth-child(9), .bjguide .bj-page-lassen-index-guide-container-left .bottom-div .left span:nth-child(13) { width: 33px; border-radius: 50%; color: #fff; line-height: 33px } .bjguide .bj-page-lassen-index-guide-container-left .bottom-div .left span:nth-child(3), .bjguide .bj-page-lassen-index-guide-container-left .bottom-div .left span:nth-child(7), .bjguide .bj-page-lassen-index-guide-container-left .bottom-div .left span:nth-child(11) { width: 1px; height: 80px } .bjguide .bj-page-lassen-index-guide-container-left .bottom-div .right { float: right; margin-right: 80px } .bjguide .bj-page-lassen-index-guide-container-left .bottom-div .right .accuser-step-item { margin-bottom: 24px; counter-increment: accuserstep; position: relative } .bjguide .bj-page-lassen-index-guide-container-left .bottom-div .right .accuser-step-item:before { content: counter(accuserstep); position: absolute; left: -40px; font-size: 16px; width: 32px; height: 32px; border-radius: 50%; color: #fff; text-align: center; line-height: 32px; background: #da8e55; font-size: 18px; left: -80px } .bjguide .bj-page-lassen-index-guide-container-left .bottom-div .right p { color: #fff; font-size: 14px; line-height: 20px } .bjguide .bj-page-lassen-index-guide-container-left .bottom-div .right p:first-child, .bjguide .bj-page-lassen-index-guide-container-left .bottom-div .right p:nth-child(4), .bjguide .bj-page-lassen-index-guide-container-left .bottom-div .right p:nth-child(5), .bjguide .bj-page-lassen-index-guide-container-left .bottom-div .right p:nth-child(6), .bjguide .bj-page-lassen-index-guide-container-left .bottom-div .right p:nth-child(9) { color: var(--second-color) } .bjguide .bj-page-lassen-index-guide-container-left .bottom-div .right p:first-child, .bjguide .bj-page-lassen-index-guide-container-left .bottom-div .right p:nth-child(4), .bjguide .bj-page-lassen-index-guide-container-left .bottom-div .right p:nth-child(6), .bjguide .bj-page-lassen-index-guide-container-left .bottom-div .right p:nth-child(9) { line-height: 22px; font-size: 16px; padding-bottom: 4px } .bjguide .bj-page-lassen-index-guide-container-left .bottom-div .right p:nth-child(3) { margin-bottom: 50px } .bjguide .bj-page-lassen-index-guide-container-left .bottom-div .right p:nth-child(5), .bjguide .bj-page-lassen-index-guide-container-left .bottom-div .right p:nth-child(8) { margin-bottom: 55px } .bjguide .bj-page-lassen-index-guide-container-right { float: right } .bjguide .bj-page-lassen-index-guide-container-right h1 { color: #fff; font-size: 24px; margin-bottom: 57px; text-align: left; padding-left: 50px } .bjguide .bj-page-lassen-index-guide-container-right .bottom-div .left { width: 40px; float: left; text-align: center; margin-right: 80px } .bjguide .bj-page-lassen-index-guide-container-right .bottom-div .left span { display: inline-block; background: var(--second-color); font-size: 18px } .bjguide .bj-page-lassen-index-guide-container-right .bottom-div .left span:first-child, .bjguide .bj-page-lassen-index-guide-container-right .bottom-div .left span:nth-child(5), .bjguide .bj-page-lassen-index-guide-container-right .bottom-div .left span:nth-child(9), .bjguide .bj-page-lassen-index-guide-container-right .bottom-div .left span:nth-child(13) { width: 33px; border-radius: 50%; color: #fff; line-height: 33px } .bjguide .bj-page-lassen-index-guide-container-right .bottom-div .left span:nth-child(3), .bjguide .bj-page-lassen-index-guide-container-right .bottom-div .left span:nth-child(7), .bjguide .bj-page-lassen-index-guide-container-right .bottom-div .left span:nth-child(11) { width: 1px; height: 80px } .bjguide .bj-page-lassen-index-guide-container-right .bottom-div .right { float: right } .bjguide .bj-page-lassen-index-guide-container-right .bottom-div .right .accused-step-item { margin-bottom: 24px; counter-increment: accusedstep; position: relative } .bjguide .bj-page-lassen-index-guide-container-right .bottom-div .right .accused-step-item:before { content: counter(accusedstep); position: absolute; left: -40px; font-size: 16px; width: 32px; height: 32px; border-radius: 50%; color: #fff; text-align: center; line-height: 32px; background: #da8e55; font-size: 18px; left: -80px } .bjguide .bj-page-lassen-index-guide-container-right .bottom-div .right p { color: #fff; font-size: 14px; line-height: 20px } .bjguide .bj-page-lassen-index-guide-container-right .bottom-div .right p:first-child, .bjguide .bj-page-lassen-index-guide-container-right .bottom-div .right p:nth-child(4), .bjguide .bj-page-lassen-index-guide-container-right .bottom-div .right p:nth-child(5), .bjguide .bj-page-lassen-index-guide-container-right .bottom-div .right p:nth-child(6), .bjguide .bj-page-lassen-index-guide-container-right .bottom-div .right p:nth-child(8) { color: var(--second-color) } .bjguide .bj-page-lassen-index-guide-container-right .bottom-div .right p:first-child, .bjguide .bj-page-lassen-index-guide-container-right .bottom-div .right p:nth-child(4), .bjguide .bj-page-lassen-index-guide-container-right .bottom-div .right p:nth-child(6), .bjguide .bj-page-lassen-index-guide-container-right .bottom-div .right p:nth-child(8) { line-height: 22px; font-size: 16px; padding-bottom: 4px } .bjguide .bj-page-lassen-index-guide-container-right .bottom-div .right p:nth-child(3) { margin-bottom: 50px } .bjguide .bj-page-lassen-index-guide-container-right .bottom-div .right p:nth-child(5), .bjguide .bj-page-lassen-index-guide-container-right .bottom-div .right p:nth-child(7) { margin-bottom: 58px } .bjnews .bj-page-lassen-index-news { width: 100%; background: #fff; padding: 40px 0 50px } .bjnews .bj-page-lassen-index-news-container { margin: 0 auto; width: 1200px; text-align: center } .bjnews .bj-page-lassen-index-news-container h1 { width: 1200px; text-align: center; font-size: 24px; color: var(--main-color); margin-bottom: 15px; font-weight: 500 } .bjnews .bj-page-lassen-index-news-container h1 span { color: var(--second-color) } .bjnews .bj-page-lassen-index-news-container img { display: inline-block; width: 20px; height: 21px; margin-bottom: 27px } .bjnews .bj-page-lassen-index-news-container .lineleft { width: 75px; height: 2px; background-color: var(--main-color); margin-top: 10px; margin-right: 9px } .bjnews .bj-page-lassen-index-news-container .lineright { width: 75px; height: 2px; background-color: var(--main-color); margin-top: 10px; margin-left: 9px } .bjnews .bj-page-lassen-index-news-container p { line-height: 20px; font-size: 14px; color: #999 } .bjnews .bj-page-lassen-index-news-container-introcon { margin-top: 56px } .bjnews .bj-page-lassen-index-news-container-introcon .intro { width: 370px; float: left; margin-right: 36px } .bjnews .bj-page-lassen-index-news-container-introcon .intro img { display: inline-block; width: 370px; height: 209px; margin: 0 } .bjnews .bj-page-lassen-index-news-container-introcon .intro .bottom { width: 370px; padding: 20px 5px 5px } .bjnews .bj-page-lassen-index-news-container-introcon .intro .bottom h2 { font-size: 16px; color: #333; line-height: 22px; margin-bottom: 4px; width: 100%; text-align: left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-weight: 600 } .bjnews .bj-page-lassen-index-news-container-introcon .intro .bottom div { width: 100%; line-height: 20px; margin-bottom: 12px; margin-top: 4px } .bjnews .bj-page-lassen-index-news-container-introcon .intro .bottom div p { color: #999; font-size: 14px } .bjnews .bj-page-lassen-index-news-container-introcon .intro .bottom div .left { float: left } .bjnews .bj-page-lassen-index-news-container-introcon .intro .bottom div .right { float: right } .bjnews .bj-page-lassen-index-news-container-introcon .intro .bottom div .right img { display: inline-block; width: 16px; height: 11px; vertical-align: middle; margin: -3px 3px 0 0 } .bjnews .bj-page-lassen-index-news-container-introcon .intro .bottom .eslli, .bjnews .bj-page-lassen-index-news-container-introcon .intro .bottom .noeslli { position: relative; line-height: 20px; height: 60px; overflow: hidden; margin-bottom: 15px } .bjnews .bj-page-lassen-index-news-container-introcon .intro .bottom .eslli div { margin: 0; padding: 0; display: inline; font-weight: 200; font-family: pingfangsc-regular } .bjnews .bj-page-lassen-index-news-container-introcon .intro .bottom .eslli:after { content: "..."; font-weight: 700; position: absolute; bottom: 0; right: 0; padding-left: 40px; background: -webkit-gradient(linear,left top,right top,from(transparent),color-stop(55%,#fff)); background: linear-gradient(90deg,transparent,#fff 55%) } .bjnews .bj-page-lassen-index-news-container-introcon .intro .bottom a { color: var(--main-color); text-decoration: none; line-height: 20px; font-size: 14px; display: block; text-align: left } .bjnews .bj-page-lassen-index-news-container-introcon .intro .bottom a:hover { color: var(--main-color); opacity: .7 } .bjnews .bj-page-lassen-index-news-container-introcon .intro:nth-child(3) { margin-right: 0 } .ftnavbar .lc-header { height: 100px } .ftnavbar .lc-header .logo { padding-left: 18px; padding-bottom: 0 } .ftnavbar .lc-header .logo img { height: 74px !important } .ftnavbar .lc-header .user { margin-top: 35px } .ftnavbar .lc-nav { background: var(--main-color) } .ftnavbar .lc-nav .button-group a { background: var(--second-color) } .ftnavbar .global-nav .child-nav > li.active > a, .ftnavbar .global-nav .child-nav > li > a:hover, .ftnavbar .lc-nav .button-group a:hover { color: #fff; background: var(--second-color) } .ftnavbar .main-nav-fixed { background: var(--main-color) } .ftnavbar .nav-code { width: 100% } .ftnavbar .footer-code, .ftnavbar .nav-code { position: relative; margin: 0 auto; z-index: 100 } .ftnavbar .footer-code { width: 1180px } .ftnavbar .nav-code-box { position: absolute; top: 0; right: 10px; width: 130px; height: 154px; background: #fff } .ftnavbar .nav-code-img { position: absolute; right: 0; top: 1px; z-index: 1 } .ftnavbar .code-mock { position: absolute; right: 0; top: -50px; right: 2px; width: 132px; height: 10px; transform: skew(-30deg); -webkit-transform: skew(-30deg); -moz-transform: skew(-30deg); -o-transform: skew(-30deg); -ms-transform: skew(-30deg); background-color: #000; margin: 50px auto; box-shadow: 5px 5px 10px #000 } .ftnavbar .code-text { position: absolute; width: 130px; text-align: center; bottom: 7px; font-size: 12px; color: #2f3e83 } .main-nav-fixed { background: #005b97 } .ftbanner ul { padding: 0 } .ftbanner .banner, .ftbanner .banner .ui-switchable-content { height: 476px; position: relative; overflow: hidden } .ftbanner .banner .ui-switchable-content { margin-left: calc(50% - 50vw); background: #fff } .ftbanner .banner .ui-switchable-content .ui-switchable-panel { position: relative; width: 100%; height: 476px; overflow: hidden } .ftbanner .banner .ui-switchable-nav { position: absolute; bottom: 15px; left: 0; width: 100%; margin: 0; padding: 0; z-index: 99; text-align: center } .ftbanner .banner .ui-switchable-nav .ui-switchable-trigger { display: inline-block; *display: inline; *zoom: 1; margin-left: 5px; font-size: 24px; line-height: 1.5; filter: alpha(opacity=50); color: #fff; cursor: pointer; list-style: none } .ftbanner .banner .ui-switchable-nav .ui-switchable-active { color: #ea8800 } .ftbanner .banner .panel1 { background: #c7d8e5 no-repeat 50% 0 } .ftbanner .banner .panel2 { background: #fff no-repeat 50% 0 } .ftbanner .banner .panel3 { background: #fff no-repeat 50% 0 } .ftbanner .banner_button { box-sizing: border-box; padding-left: 0; margin-left: -590px; width: 1180px; left: 50%; position: absolute; top: 317px } .ftbanner .banner .panel2 .banner_button, .ftbanner .banner .panel3 .banner_button { padding-left: 0 } .ftbanner .banner_button a { display: inline-block; margin-right: 24px; width: 144px; height: 46px; color: #fff; border-radius: 4px; background: #ea8800; text-align: center; line-height: 46px; font-size: 14px } .ftbanner .confirm-container { position: fixed; z-index: 10000; top: 0; width: 100vw; height: 100vh; background-color: rgba(51,51,51,.44) } .ftbanner .confirm-container iframe { background-color: #fff; margin: 10vh 10vw 0; width: 80vw; height: 85vh; border: none; box-shadow: 0 0 5px 1px #999 } .ftbusinesstype { position: relative; width: 100%; height: auto; background-image: } .ftbusinesstype .business_process { height: 720px; width: 100%; overflow: hidden } .ftbusinesstype .business_process_header { height: 154px; width: 100%; line-height: 154px; text-align: center; font-size: 24px; color: #2f3e84; text-shadow: 2px 2px 5px #f3f4f8 } .ftbusinesstype .business_process_box { width: 85%; height: 100%; margin: 0 auto } .ftbusinesstype .business_process_box .card-wrap { display: inline-block; position: relative; width: 100% } .ftbusinesstype .business_process_box .card-wrap:before { content: ""; padding-top: 60%; display: block } .ftbusinesstype .business_process_box dl { float: left; box-sizing: border-box; overflow: hidden; padding: 16px; text-align: right; position: absolute; top: 8px; left: 8px; right: 8px; bottom: 8px; box-shadow: 0 0 5px 1px hsla(0,0%,50.2%,.42) } .ftbusinesstype .business_process_box .hover_big { width: 80px; height: 80px; border-radius: 50%; position: absolute; right: 12px } .ftbusinesstype .business_process_box dl:hover { box-shadow: 0 0 10px 3px #aaa } .ftbusinesstype .business_process_box dl:hover .hover_big { -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s,-webkit-transform .3s } .ftbusinesstype .business_process_box-text { height: 110px; color: #505050; overflow: hidden; font-size: 18px; text-align: left; line-height: 2em } .ftbusinesstype .business_process_box dl dt { position: relative } .ftbusinesstype .business_process_box dl dd { position: absolute; bottom: 12px; padding-right: 32px } .ftbusinesstype .business_process_box dl dd div { line-height: 2.5em } .ftbusinesstype .business_process_box dl dd div span { font-size: 14px; color: #555 } .ftbusinesstype .business_process_box dl dd img { margin: 0 auto } .ftbusinesstype .business_process_box dl dd p { color: #333; font-size: 16px; text-align: left; margin-bottom: 0 } .ftbusinesstype .business_process_box dl dd > a { width: 159px; height: 33px; border: 1px solid #333; display: block; border-radius: 33px; text-align: center; line-height: 33px; margin: 0 auto; color: #000 } .ftbusinesstype .business_process_box dl dd > a:hover { background: #ea8801; color: #fff; border: 1px solid #ea8800 } .ftbusinesstype .card-container-prev { left: -66px } .ftbusinesstype .card-container-next, .ftbusinesstype .card-container-prev { position: absolute; width: 60px; height: 60px; cursor: pointer; top: 50%; margin-top: -30px; border-radius: 50%; background: hsla(0,0%,50.2%,.23); background-image: ; background-size: 60%; background-repeat: no-repeat; background-position: 50% } .ftbusinesstype .card-container-next { right: -66px; -webkit-transform: rotatey(180deg); transform: rotatey(180deg) } .ant-pagination { font-family: chinese quote,-apple-system,blinkmacsystemfont,segoe ui,pingfang sc,hiragino sans gb,microsoft yahei,helvetica neue,helvetica,arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol; font-size: 14px; font-feature-settings: "tnum"; font-variant: tabular-nums; line-height: 1.5; color: rgba(0,0,0,.65); box-sizing: border-box } .ant-pagination, .ant-pagination ol, .ant-pagination ul { margin: 0; padding: 0; list-style: none } .ant-pagination:after { content: " "; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden } .ant-pagination-item, .ant-pagination-total-text { display: inline-block; vertical-align: middle; height: 32px; line-height: 30px; margin-right: 8px } .ant-pagination-item { cursor: pointer; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; min-width: 32px; text-align: center; list-style: none; border: 1px solid #d9d9d9; background-color: #fff; font-family: arial; outline: 0 } .ant-pagination-item a { text-decoration: none; color: rgba(0,0,0,.65); -webkit-transition: none; transition: none; margin: 0 6px } .ant-pagination-item:focus, .ant-pagination-item:hover { -webkit-transition: all .3s; transition: all .3s; border-color: #1890ff } .ant-pagination-item:focus a, .ant-pagination-item:hover a { color: #1890ff } .ant-pagination-item-active { border-color: #1890ff; font-weight: 500 } .ant-pagination-item-active a { color: #1890ff } .ant-pagination-item-active:focus, .ant-pagination-item-active:hover { border-color: #40a9ff } .ant-pagination-item-active:focus a, .ant-pagination-item-active:hover a { color: #40a9ff } .ant-pagination-jump-next, .ant-pagination-jump-prev { outline: 0 } .ant-pagination-jump-next .ant-pagination-item-container, .ant-pagination-jump-prev .ant-pagination-item-container { position: relative } .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon, .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon { display: inline-block; font-size: 12px; font-size: 12px\9; -webkit-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); color: #1890ff; letter-spacing: -1px; opacity: 0; -webkit-transition: all .2s; transition: all .2s } :root .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon, :root .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon { font-size: 12px } .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon-svg, .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon-svg { top: 0; right: 0; bottom: 0; left: 0; margin: auto } .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-ellipsis, .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-ellipsis { position: absolute; display: block; letter-spacing: 2px; color: rgba(0,0,0,.25); text-align: center; opacity: 1; -webkit-transition: all .2s; transition: all .2s; top: 0; right: 0; bottom: 0; left: 0; margin: auto } .ant-pagination-jump-next:focus .ant-pagination-item-link-icon, .ant-pagination-jump-next:hover .ant-pagination-item-link-icon, .ant-pagination-jump-prev:focus .ant-pagination-item-link-icon, .ant-pagination-jump-prev:hover .ant-pagination-item-link-icon { opacity: 1 } .ant-pagination-jump-next:focus .ant-pagination-item-ellipsis, .ant-pagination-jump-next:hover .ant-pagination-item-ellipsis, .ant-pagination-jump-prev:focus .ant-pagination-item-ellipsis, .ant-pagination-jump-prev:hover .ant-pagination-item-ellipsis { opacity: 0 } .ant-pagination-jump-next, .ant-pagination-jump-prev, .ant-pagination-prev { margin-right: 8px } .ant-pagination-jump-next, .ant-pagination-jump-prev, .ant-pagination-next, .ant-pagination-prev { font-family: arial; cursor: pointer; color: rgba(0,0,0,.65); border-radius: 4px; list-style: none; min-width: 32px; height: 32px; line-height: 32px; text-align: center; -webkit-transition: all .3s; transition: all .3s; display: inline-block; vertical-align: middle } .ant-pagination-next, .ant-pagination-prev { outline: 0 } .ant-pagination-next a, .ant-pagination-prev a { color: rgba(0,0,0,.65); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .ant-pagination-next:hover a, .ant-pagination-prev:hover a { border-color: #40a9ff } .ant-pagination-next .ant-pagination-item-link, .ant-pagination-prev .ant-pagination-item-link { border: 1px solid #d9d9d9; background-color: #fff; border-radius: 4px; outline: none; display: block; -webkit-transition: all .3s; transition: all .3s; font-size: 12px; height: 100%; text-align: center } .ant-pagination-next:focus .ant-pagination-item-link, .ant-pagination-next:hover .ant-pagination-item-link, .ant-pagination-prev:focus .ant-pagination-item-link, .ant-pagination-prev:hover .ant-pagination-item-link { border-color: #1890ff; color: #1890ff } .ant-pagination-disabled, .ant-pagination-disabled:focus, .ant-pagination-disabled:hover { cursor: not-allowed } .ant-pagination-disabled .ant-pagination-item-link, .ant-pagination-disabled:focus .ant-pagination-item-link, .ant-pagination-disabled:focus a, .ant-pagination-disabled:hover .ant-pagination-item-link, .ant-pagination-disabled:hover a, .ant-pagination-disabled a { border-color: #d9d9d9; color: rgba(0,0,0,.25); cursor: not-allowed } .ant-pagination-slash { margin: 0 10px 0 5px } .ant-pagination-options { display: inline-block; vertical-align: middle; margin-left: 16px } .ant-pagination-options-size-changer.ant-select { display: inline-block; width: auto; margin-right: 8px } .ant-pagination-options-quick-jumper { display: inline-block; vertical-align: top; height: 32px; line-height: 32px } .ant-pagination-options-quick-jumper input { position: relative; display: inline-block; padding: 4px 11px; width: 100%; height: 32px; font-size: 14px; line-height: 1.5; color: rgba(0,0,0,.65); background-color: #fff; background-image: none; border: 1px solid #d9d9d9; border-radius: 4px; -webkit-transition: all .3s; transition: all .3s; margin: 0 8px; width: 50px } .ant-pagination-options-quick-jumper input::-moz-placeholder { color: #bfbfbf; opacity: 1 } .ant-pagination-options-quick-jumper input:-ms-input-placeholder { color: #bfbfbf } .ant-pagination-options-quick-jumper input::-webkit-input-placeholder { color: #bfbfbf } .ant-pagination-options-quick-jumper input:focus, .ant-pagination-options-quick-jumper input:hover { border-color: #40a9ff; border-right-width: 1px !important } .ant-pagination-options-quick-jumper input:focus { outline: 0; box-shadow: 0 0 0 2px rgba(24,144,255,.2) } .ant-pagination-options-quick-jumper input-disabled { background-color: #f5f5f5; opacity: 1; cursor: not-allowed; color: rgba(0,0,0,.25) } .ant-pagination-options-quick-jumper input-disabled:hover { border-color: #e6d8d8; border-right-width: 1px !important } textarea.ant-pagination-options-quick-jumper input { max-width: 100%; height: auto; vertical-align: bottom; -webkit-transition: all .3s,height 0s; transition: all .3s,height 0s; min-height: 32px } .ant-pagination-options-quick-jumper input-lg { padding: 6px 11px; height: 40px; font-size: 16px } .ant-pagination-options-quick-jumper input-sm { padding: 1px 7px; height: 24px } .ant-pagination-simple .ant-pagination-next, .ant-pagination-simple .ant-pagination-prev { height: 24px; line-height: 24px; vertical-align: top } .ant-pagination-simple .ant-pagination-next .ant-pagination-item-link, .ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link { border: 0; height: 24px } .ant-pagination-simple .ant-pagination-next .ant-pagination-item-link:after, .ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link:after { height: 24px; line-height: 24px } .ant-pagination-simple .ant-pagination-simple-pager { display: inline-block; margin-right: 8px; height: 24px } .ant-pagination-simple .ant-pagination-simple-pager input { margin-right: 8px; box-sizing: border-box; background-color: #fff; border-radius: 4px; border: 1px solid #d9d9d9; outline: none; padding: 0 6px; height: 100%; text-align: center; -webkit-transition: border-color .3s; transition: border-color .3s } .ant-pagination-simple .ant-pagination-simple-pager input:hover { border-color: #1890ff } .ant-pagination.mini .ant-pagination-simple-pager, .ant-pagination.mini .ant-pagination-total-text { height: 24px; line-height: 24px } .ant-pagination.mini .ant-pagination-item { margin: 0; min-width: 24px; height: 24px; line-height: 22px } .ant-pagination.mini .ant-pagination-item:not(.ant-pagination-item-active) { background: transparent; border-color: transparent } .ant-pagination.mini .ant-pagination-next, .ant-pagination.mini .ant-pagination-prev { margin: 0; min-width: 24px; height: 24px; line-height: 24px } .ant-pagination.mini .ant-pagination-next .ant-pagination-item-link, .ant-pagination.mini .ant-pagination-prev .ant-pagination-item-link { border-color: transparent; background: transparent } .ant-pagination.mini .ant-pagination-next .ant-pagination-item-link:after, .ant-pagination.mini .ant-pagination-prev .ant-pagination-item-link:after { height: 24px; line-height: 24px } .ant-pagination.mini .ant-pagination-jump-next, .ant-pagination.mini .ant-pagination-jump-prev { height: 24px; line-height: 24px; margin-right: 0 } .ant-pagination.mini .ant-pagination-options { margin-left: 2px } .ant-pagination.mini .ant-pagination-options-quick-jumper { height: 24px; line-height: 24px } .ant-pagination.mini .ant-pagination-options-quick-jumper input { padding: 1px 7px; height: 24px; width: 44px } @media only screen and (max-width:992px) { .ant-pagination-item-after-jump-prev, .ant-pagination-item-before-jump-next { display: none } } @media only screen and (max-width:576px) { .ant-pagination-options { display: none } } .ant-select { font-family: chinese quote,-apple-system,blinkmacsystemfont,segoe ui,pingfang sc,hiragino sans gb,microsoft yahei,helvetica neue,helvetica,arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol; font-size: 14px; font-feature-settings: "tnum"; font-variant: tabular-nums; line-height: 1.5; color: rgba(0,0,0,.65); box-sizing: border-box; display: inline-block; position: relative; outline: 0 } .ant-select, .ant-select ol, .ant-select ul { margin: 0; padding: 0; list-style: none } .ant-select > ul > li > a { padding: 0; background-color: #fff } .ant-select-arrow { display: inline-block; font-style: normal; vertical-align: -.125em; text-align: center; text-transform: none; line-height: 0; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 50%; right: 11px; line-height: 1; margin-top: -6px; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; color: rgba(0,0,0,.25); font-size: 12px } .ant-select-arrow > * { line-height: 1 } .ant-select-arrow svg { display: inline-block } .ant-select-arrow:before { display: none } .ant-select-arrow .ant-select-arrow-icon { display: block } .ant-select-arrow .ant-select-arrow-icon svg { -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s,-webkit-transform .3s } .ant-select-selection { outline: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; box-sizing: border-box; display: block; background-color: #fff; border-radius: 4px; border: 1px solid #d9d9d9; border-top: 1.02px solid #d9d9d9; -webkit-transition: all .3s cubic-bezier(.645,.045,.355,1); transition: all .3s cubic-bezier(.645,.045,.355,1) } .ant-select-selection:hover { border-color: #40a9ff; border-right-width: 1px !important } .ant-select-focused .ant-select-selection, .ant-select-selection:active, .ant-select-selection:focus { border-color: #40a9ff; outline: 0; box-shadow: 0 0 0 2px rgba(24,144,255,.2); border-right-width: 1px !important } .ant-select-selection__clear { display: inline-block; font-style: normal; vertical-align: initial; text-align: center; text-transform: none; text-rendering: auto; opacity: 0; position: absolute; right: 11px; z-index: 1; background: #fff; top: 50%; font-size: 12px; color: rgba(0,0,0,.25); width: 12px; height: 12px; margin-top: -6px; line-height: 12px; cursor: pointer; -webkit-transition: color .3s ease,opacity .15s ease; transition: color .3s ease,opacity .15s ease } .ant-select-selection__clear:before { display: block } .ant-select-selection__clear:hover { color: rgba(0,0,0,.45) } .ant-select-selection:hover .ant-select-selection__clear { opacity: 1 } .ant-select-selection-selected-value { float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; padding-right: 20px } .ant-select-no-arrow .ant-select-selection-selected-value { padding-right: 0 } .ant-select-disabled { color: rgba(0,0,0,.25) } .ant-select-disabled .ant-select-selection { background: #f5f5f5; cursor: not-allowed } .ant-select-disabled .ant-select-selection:active, .ant-select-disabled .ant-select-selection:focus, .ant-select-disabled .ant-select-selection:hover { border-color: #d9d9d9; box-shadow: none } .ant-select-disabled .ant-select-selection__clear { display: none; visibility: hidden; pointer-events: none } .ant-select-disabled .ant-select-selection--multiple .ant-select-selection__choice { background: #f5f5f5; color: #aaa; padding-right: 10px } .ant-select-disabled .ant-select-selection--multiple .ant-select-selection__choice__remove { display: none } .ant-select-selection--single { height: 32px; position: relative; cursor: pointer } .ant-select-selection__rendered { display: block; margin-left: 11px; margin-right: 11px; position: relative; line-height: 30px } .ant-select-selection__rendered:after { content: "."; visibility: hidden; pointer-events: none; display: inline-block; width: 0 } .ant-select-lg { font-size: 16px } .ant-select-lg .ant-select-selection--single { height: 40px } .ant-select-lg .ant-select-selection__rendered { line-height: 38px } .ant-select-lg .ant-select-selection--multiple { min-height: 40px } .ant-select-lg .ant-select-selection--multiple .ant-select-selection__rendered li { height: 32px; line-height: 32px } .ant-select-lg .ant-select-selection--multiple .ant-select-selection__clear { top: 20px } .ant-select-sm .ant-select-selection--single { height: 24px } .ant-select-sm .ant-select-selection__rendered { line-height: 22px; margin: 0 7px } .ant-select-sm .ant-select-selection--multiple { min-height: 24px } .ant-select-sm .ant-select-selection--multiple .ant-select-selection__rendered li { height: 16px; line-height: 14px } .ant-select-sm .ant-select-selection--multiple .ant-select-selection__clear { top: 12px } .ant-select-sm .ant-select-arrow, .ant-select-sm .ant-select-selection__clear { right: 8px } .ant-select-disabled .ant-select-selection__choice__remove { color: rgba(0,0,0,.25); cursor: default } .ant-select-disabled .ant-select-selection__choice__remove:hover { color: rgba(0,0,0,.25) } .ant-select-search__field__wrap { display: inline-block; position: relative } .ant-select-search__field__placeholder, .ant-select-selection__placeholder { position: absolute; top: 50%; left: 0; right: 9px; color: #bfbfbf; line-height: 20px; height: 20px; max-width: 100%; margin-top: -10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left } .ant-select-search__field__placeholder { left: 12px } .ant-select-search__field__mirror { position: absolute; top: 0; left: 0; white-space: pre; pointer-events: none; opacity: 0 } .ant-select-search--inline { position: absolute; height: 100%; width: 100% } .ant-select-search--inline .ant-select-search__field__wrap { width: 100%; height: 100% } .ant-select-search--inline .ant-select-search__field { border-width: 0; font-size: 100%; height: 100%; width: 100%; background: transparent; outline: 0; border-radius: 4px; line-height: 1 } .ant-select-search--inline > i { float: right } .ant-select-selection--multiple { min-height: 32px; cursor: text; padding-bottom: 3px; zoom: 1 } .ant-select-selection--multiple:after, .ant-select-selection--multiple:before { content: ""; display: table } .ant-select-selection--multiple:after { clear: both } .ant-select-selection--multiple .ant-select-search--inline { float: left; position: static; width: auto; padding: 0; max-width: 100% } .ant-select-selection--multiple .ant-select-search--inline .ant-select-search__field { max-width: 100%; width: .75em } .ant-select-selection--multiple .ant-select-selection__rendered { margin-left: 5px; margin-bottom: -3px; height: auto } .ant-select-selection--multiple .ant-select-selection__placeholder { margin-left: 6px } .ant-select-selection--multiple .ant-select-selection__rendered > ul > li, .ant-select-selection--multiple > ul > li { margin-top: 3px; height: 24px; line-height: 22px } .ant-select-selection--multiple .ant-select-selection__choice { color: rgba(0,0,0,.65); background-color: #fafafa; border: 1px solid #e8e8e8; border-radius: 2px; cursor: default; float: left; margin-right: 4px; max-width: 99%; position: relative; overflow: hidden; -webkit-transition: padding .3s cubic-bezier(.645,.045,.355,1); transition: padding .3s cubic-bezier(.645,.045,.355,1); padding: 0 20px 0 10px } .ant-select-selection--multiple .ant-select-selection__choice__disabled { padding: 0 10px } .ant-select-selection--multiple .ant-select-selection__choice__content { display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; -webkit-transition: margin .3s cubic-bezier(.645,.045,.355,1); transition: margin .3s cubic-bezier(.645,.045,.355,1) } .ant-select-selection--multiple .ant-select-selection__choice__remove { font-style: normal; vertical-align: -.125em; text-align: center; text-transform: none; line-height: 0; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: rgba(0,0,0,.45); line-height: inherit; cursor: pointer; font-weight: 700; -webkit-transition: all .3s; transition: all .3s; display: inline-block; font-size: 12px; font-size: 10px\9; -webkit-transform: scale(.83333333) rotate(0deg); transform: scale(.83333333) rotate(0deg); position: absolute; right: 4px } .ant-select-selection--multiple .ant-select-selection__choice__remove > * { line-height: 1 } .ant-select-selection--multiple .ant-select-selection__choice__remove svg { display: inline-block } .ant-select-selection--multiple .ant-select-selection__choice__remove:before { display: none } .ant-select-selection--multiple .ant-select-selection__choice__remove .ant-select-selection--multiple .ant-select-selection__choice__remove-icon { display: block } :root .ant-select-selection--multiple .ant-select-selection__choice__remove { font-size: 12px } .ant-select-selection--multiple .ant-select-selection__choice__remove:hover { color: #404040 } .ant-select-selection--multiple .ant-select-selection__clear { top: 16px } .ant-select-allow-clear .ant-select-selection--single .ant-select-selection-selected-value { padding-right: 16px } .ant-select-allow-clear .ant-select-selection--multiple .ant-select-selection__rendered { margin-right: 20px } .ant-select-open .ant-select-arrow-icon svg { -webkit-transform: rotate(180deg); transform: rotate(180deg) } .ant-select-open .ant-select-selection { border-color: #40a9ff; outline: 0; box-shadow: 0 0 0 2px rgba(24,144,255,.2); border-right-width: 1px !important } .ant-select-combobox .ant-select-arrow { display: none } .ant-select-combobox .ant-select-search--inline { height: 100%; width: 100%; float: none } .ant-select-combobox .ant-select-search__field__wrap { width: 100%; height: 100% } .ant-select-combobox .ant-select-search__field { width: 100%; height: 100%; position: relative; z-index: 1; -webkit-transition: all .3s cubic-bezier(.645,.045,.355,1),height 0s; transition: all .3s cubic-bezier(.645,.045,.355,1),height 0s; box-shadow: none } .ant-select-combobox.ant-select-allow-clear .ant-select-selection:hover .ant-select-selection__rendered { margin-right: 20px } .ant-select-dropdown { font-family: chinese quote,-apple-system,blinkmacsystemfont,segoe ui,pingfang sc,hiragino sans gb,microsoft yahei,helvetica neue,helvetica,arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol; font-feature-settings: "tnum",; font-variant: tabular-nums; line-height: 1.5; color: rgba(0,0,0,.65); margin: 0; padding: 0; list-style: none; font-variant: normal; background-color: #fff; box-shadow: 0 2px 8px rgba(0,0,0,.15); border-radius: 4px; box-sizing: border-box; z-index: 1050; left: -9999px; top: -9999px; position: absolute; outline: none; font-size: 14px } .ant-select-dropdown.slide-up-appear.slide-up-appear-active.ant-select-dropdown-placement-bottomleft, .ant-select-dropdown.slide-up-enter.slide-up-enter-active.ant-select-dropdown-placement-bottomleft { -webkit-animation-name: antslideupin; animation-name: antslideupin } .ant-select-dropdown.slide-up-appear.slide-up-appear-active.ant-select-dropdown-placement-topleft, .ant-select-dropdown.slide-up-enter.slide-up-enter-active.ant-select-dropdown-placement-topleft { -webkit-animation-name: antslidedownin; animation-name: antslidedownin } .ant-select-dropdown.slide-up-leave.slide-up-leave-active.ant-select-dropdown-placement-bottomleft { -webkit-animation-name: antslideupout; animation-name: antslideupout } .ant-select-dropdown.slide-up-leave.slide-up-leave-active.ant-select-dropdown-placement-topleft { -webkit-animation-name: antslidedownout; animation-name: antslidedownout } .ant-select-dropdown-hidden { display: none } .ant-select-dropdown-menu { outline: none; margin-bottom: 0; padding-left: 0; list-style: none; max-height: 250px; overflow: auto } .ant-select-dropdown-menu-item-group-list { margin: 0; padding: 0 } .ant-select-dropdown-menu-item-group-list > .ant-select-dropdown-menu-item { padding-left: 20px } .ant-select-dropdown-menu-item-group-title { color: rgba(0,0,0,.45); padding: 0 12px; height: 32px; line-height: 32px; font-size: 12px } .ant-select-dropdown-menu-item-group-list .ant-select-dropdown-menu-item:first-child:not(:last-child), .ant-select-dropdown-menu-item-group:not(:last-child) .ant-select-dropdown-menu-item-group-list .ant-select-dropdown-menu-item:last-child { border-radius: 0 } .ant-select-dropdown-menu-item { position: relative; display: block; padding: 5px 12px; line-height: 22px; font-weight: 400; color: rgba(0,0,0,.65); white-space: nowrap; cursor: pointer; overflow: hidden; text-overflow: ellipsis; -webkit-transition: background .3s ease; transition: background .3s ease } .ant-select-dropdown-menu-item:hover { background-color: #e6f7ff } .ant-select-dropdown-menu-item:first-child { border-radius: 4px 4px 0 0 } .ant-select-dropdown-menu-item:last-child { border-radius: 0 0 4px 4px } .ant-select-dropdown-menu-item-disabled { color: rgba(0,0,0,.25); cursor: not-allowed } .ant-select-dropdown-menu-item-disabled:hover { color: rgba(0,0,0,.25); background-color: #fff; cursor: not-allowed } .ant-select-dropdown-menu-item-selected, .ant-select-dropdown-menu-item-selected:hover { background-color: #fafafa; font-weight: 600; color: rgba(0,0,0,.65) } .ant-select-dropdown-menu-item-active { background-color: #e6f7ff } .ant-select-dropdown-menu-item-divider { height: 1px; margin: 1px 0; overflow: hidden; background-color: #e8e8e8; line-height: 0 } .ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item .ant-select-selected-icon { color: transparent; display: inline-block; font-size: 12px; font-size: 10px\9; -webkit-transform: scale(.83333333) rotate(0deg); transform: scale(.83333333) rotate(0deg); -webkit-transition: all .2s ease; transition: all .2s ease; position: absolute; top: 50%; -webkit-transform: translatey(-50%); transform: translatey(-50%); right: 12px; font-weight: 700; text-shadow: 0 .1px 0,.1px 0 0,0 -.1px 0,-.1px 0 } :root .ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item .ant-select-selected-icon { font-size: 12px } .ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item:hover .ant-select-selected-icon { color: #ddd } .ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item-disabled .ant-select-selected-icon { display: none } .ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item-selected .ant-select-selected-icon, .ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item-selected:hover .ant-select-selected-icon { color: #1890ff; display: inline-block } .ant-select-dropdown-container-open .ant-select-dropdown, .ant-select-dropdown-open .ant-select-dropdown { display: block } .ant-input { font-family: chinese quote,-apple-system,blinkmacsystemfont,segoe ui,pingfang sc,hiragino sans gb,microsoft yahei,helvetica neue,helvetica,arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol; font-feature-settings: "tnum"; font-variant: tabular-nums; box-sizing: border-box; margin: 0; list-style: none; position: relative; display: inline-block; padding: 4px 11px; width: 100%; height: 32px; font-size: 14px; line-height: 1.5; color: rgba(0,0,0,.65); background-color: #fff; background-image: none; border: 1px solid #d9d9d9; border-radius: 4px; -webkit-transition: all .3s; transition: all .3s } .ant-input::-moz-placeholder { color: #bfbfbf; opacity: 1 } .ant-input:-ms-input-placeholder { color: #bfbfbf } .ant-input::-webkit-input-placeholder { color: #bfbfbf } .ant-input:focus, .ant-input:hover { border-color: #40a9ff; border-right-width: 1px !important } .ant-input:focus { outline: 0; box-shadow: 0 0 0 2px rgba(24,144,255,.2) } .ant-input-disabled { background-color: #f5f5f5; opacity: 1; cursor: not-allowed; color: rgba(0,0,0,.25) } .ant-input-disabled:hover { border-color: #e6d8d8; border-right-width: 1px !important } textarea.ant-input { max-width: 100%; height: auto; vertical-align: bottom; -webkit-transition: all .3s,height 0s; transition: all .3s,height 0s; min-height: 32px } .ant-input-lg { padding: 6px 11px; height: 40px; font-size: 16px } .ant-input-sm { padding: 1px 7px; height: 24px } .ant-input-group { font-family: chinese quote,-apple-system,blinkmacsystemfont,segoe ui,pingfang sc,hiragino sans gb,microsoft yahei,helvetica neue,helvetica,arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol; font-size: 14px; font-feature-settings: "tnum"; font-variant: tabular-nums; line-height: 1.5; color: rgba(0,0,0,.65); box-sizing: border-box; margin: 0; padding: 0; list-style: none; position: relative; display: table; border-collapse: initial; border-spacing: 0; width: 100% } .ant-input-group[class*=col-] { float: none; padding-left: 0; padding-right: 0 } .ant-input-group > [class*=col-] { padding-right: 8px } .ant-input-group > [class*=col-]:last-child { padding-right: 0 } .ant-input-group-addon, .ant-input-group-wrap, .ant-input-group > .ant-input { display: table-cell } .ant-input-group-addon:not(:first-child):not(:last-child), .ant-input-group-wrap:not(:first-child):not(:last-child), .ant-input-group > .ant-input:not(:first-child):not(:last-child) { border-radius: 0 } .ant-input-group-addon, .ant-input-group-wrap { width: 1px; white-space: nowrap; vertical-align: middle } .ant-input-group-wrap > * { display: block !important } .ant-input-group .ant-input { float: left; width: 100%; margin-bottom: 0 } .ant-input-group .ant-input:focus, .ant-input-group .ant-input:hover { z-index: 1; border-right-width: 1px } .ant-input-group-addon { padding: 0 11px; font-size: 14px; font-weight: 400; line-height: 1; color: rgba(0,0,0,.65); text-align: center; background-color: #fafafa; border: 1px solid #d9d9d9; border-radius: 4px; position: relative; -webkit-transition: all .3s; transition: all .3s } .ant-input-group-addon .ant-select { margin: -5px -11px } .ant-input-group-addon .ant-select .ant-select-selection { background-color: inherit; margin: -1px; border: 1px solid transparent; box-shadow: none } .ant-input-group-addon .ant-select-focused .ant-select-selection, .ant-input-group-addon .ant-select-open .ant-select-selection { color: #1890ff } .ant-input-group-addon > i:only-child:after { position: absolute; content: ""; top: 0; left: 0; right: 0; bottom: 0 } .ant-input-group-addon:first-child, .ant-input-group-addon:first-child .ant-select .ant-select-selection, .ant-input-group > .ant-input:first-child, .ant-input-group > .ant-input:first-child .ant-select .ant-select-selection { border-bottom-right-radius: 0; border-top-right-radius: 0 } .ant-input-group > .ant-input-affix-wrapper:not(:first-child) .ant-input { border-bottom-left-radius: 0; border-top-left-radius: 0 } .ant-input-group > .ant-input-affix-wrapper:not(:last-child) .ant-input { border-bottom-right-radius: 0; border-top-right-radius: 0 } .ant-input-group-addon:first-child { border-right: 0 } .ant-input-group-addon:last-child { border-left: 0 } .ant-input-group-addon:last-child, .ant-input-group-addon:last-child .ant-select .ant-select-selection, .ant-input-group > .ant-input:last-child, .ant-input-group > .ant-input:last-child .ant-select .ant-select-selection { border-bottom-left-radius: 0; border-top-left-radius: 0 } .ant-input-group-lg .ant-input, .ant-input-group-lg > .ant-input-group-addon { padding: 6px 11px; height: 40px; font-size: 16px } .ant-input-group-sm .ant-input, .ant-input-group-sm > .ant-input-group-addon { padding: 1px 7px; height: 24px } .ant-input-group-lg .ant-select-selection--single { height: 40px } .ant-input-group-sm .ant-select-selection--single { height: 24px } .ant-input-group .ant-input-affix-wrapper { display: table-cell; width: 100%; float: left } .ant-input-group.ant-input-group-compact { display: block; zoom: 1 } .ant-input-group.ant-input-group-compact:after, .ant-input-group.ant-input-group-compact:before { content: ""; display: table } .ant-input-group.ant-input-group-compact:after { clear: both } .ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child), .ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child), .ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child) { border-right-width: 1px; border-right-color: transparent } .ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):hover, .ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):hover, .ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child):hover { border-color: #40a9ff; border-right-width: 1px !important } .ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):focus, .ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):focus, .ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child):focus { border-color: #40a9ff; outline: 0; box-shadow: 0 0 0 2px rgba(24,144,255,.2); border-right-width: 1px !important } .ant-input-group.ant-input-group-compact > * { border-radius: 0; border-right-width: 0; vertical-align: top; float: none; display: inline-block } .ant-input-group.ant-input-group-compact > span:not(:last-child) > .ant-input { border-right-width: 0 } .ant-input-group.ant-input-group-compact .ant-input { float: none } .ant-input-group.ant-input-group-compact > .ant-calendar-picker .ant-input, .ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input, .ant-input-group.ant-input-group-compact > .ant-mention-wrapper .ant-mention-editor, .ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input, .ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selection, .ant-input-group.ant-input-group-compact > .ant-time-picker .ant-time-picker-input { border-radius: 0; border-right-width: 1px; border-right-color: transparent } .ant-input-group.ant-input-group-compact > .ant-calendar-picker .ant-input:hover, .ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input:hover, .ant-input-group.ant-input-group-compact > .ant-mention-wrapper .ant-mention-editor:hover, .ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input:hover, .ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selection:hover, .ant-input-group.ant-input-group-compact > .ant-time-picker .ant-time-picker-input:hover { border-color: #40a9ff; border-right-width: 1px !important } .ant-input-group.ant-input-group-compact > .ant-calendar-picker .ant-input:focus, .ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input:focus, .ant-input-group.ant-input-group-compact > .ant-mention-wrapper .ant-mention-editor:focus, .ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input:focus, .ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selection:focus, .ant-input-group.ant-input-group-compact > .ant-time-picker .ant-time-picker-input:focus { border-color: #40a9ff; outline: 0; box-shadow: 0 0 0 2px rgba(24,144,255,.2); border-right-width: 1px !important } .ant-input-group.ant-input-group-compact > .ant-calendar-picker:first-child .ant-input, .ant-input-group.ant-input-group-compact > .ant-cascader-picker:first-child .ant-input, .ant-input-group.ant-input-group-compact > .ant-mention-wrapper:first-child .ant-mention-editor, .ant-input-group.ant-input-group-compact > .ant-select-auto-complete:first-child .ant-input, .ant-input-group.ant-input-group-compact > .ant-select:first-child > .ant-select-selection, .ant-input-group.ant-input-group-compact > .ant-time-picker:first-child .ant-time-picker-input, .ant-input-group.ant-input-group-compact > :first-child { border-top-left-radius: 4px; border-bottom-left-radius: 4px } .ant-input-group.ant-input-group-compact > .ant-calendar-picker:last-child .ant-input, .ant-input-group.ant-input-group-compact > .ant-cascader-picker-focused:last-child .ant-input, .ant-input-group.ant-input-group-compact > .ant-cascader-picker:last-child .ant-input, .ant-input-group.ant-input-group-compact > .ant-mention-wrapper:last-child .ant-mention-editor, .ant-input-group.ant-input-group-compact > .ant-select-auto-complete:last-child .ant-input, .ant-input-group.ant-input-group-compact > .ant-select:last-child > .ant-select-selection, .ant-input-group.ant-input-group-compact > .ant-time-picker:last-child .ant-time-picker-input, .ant-input-group.ant-input-group-compact > :last-child { border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-right-width: 1px; border-right-color: #d9d9d9 } .ant-input-group.ant-input-group-compact > .ant-calendar-picker:last-child .ant-input:hover, .ant-input-group.ant-input-group-compact > .ant-cascader-picker-focused:last-child .ant-input:hover, .ant-input-group.ant-input-group-compact > .ant-cascader-picker:last-child .ant-input:hover, .ant-input-group.ant-input-group-compact > .ant-mention-wrapper:last-child .ant-mention-editor:hover, .ant-input-group.ant-input-group-compact > .ant-select-auto-complete:last-child .ant-input:hover, .ant-input-group.ant-input-group-compact > .ant-select:last-child > .ant-select-selection:hover, .ant-input-group.ant-input-group-compact > .ant-time-picker:last-child .ant-time-picker-input:hover, .ant-input-group.ant-input-group-compact > :last-child:hover { border-color: #40a9ff; border-right-width: 1px !important } .ant-input-group.ant-input-group-compact > .ant-calendar-picker:last-child .ant-input:focus, .ant-input-group.ant-input-group-compact > .ant-calendar-picker:last-child .ant-input:focus .ant-cascader-input, .ant-input-group.ant-input-group-compact > .ant-cascader-picker-focused:last-child .ant-input:focus, .ant-input-group.ant-input-group-compact > .ant-cascader-picker-focused:last-child .ant-input:focus .ant-cascader-input, .ant-input-group.ant-input-group-compact > .ant-cascader-picker:last-child .ant-input:focus, .ant-input-group.ant-input-group-compact > .ant-cascader-picker:last-child .ant-input:focus .ant-cascader-input, .ant-input-group.ant-input-group-compact > .ant-mention-wrapper:last-child .ant-mention-editor:focus, .ant-input-group.ant-input-group-compact > .ant-mention-wrapper:last-child .ant-mention-editor:focus .ant-cascader-input, .ant-input-group.ant-input-group-compact > .ant-select-auto-complete:last-child .ant-input:focus, .ant-input-group.ant-input-group-compact > .ant-select-auto-complete:last-child .ant-input:focus .ant-cascader-input, .ant-input-group.ant-input-group-compact > .ant-select:last-child > .ant-select-selection:focus, .ant-input-group.ant-input-group-compact > .ant-select:last-child > .ant-select-selection:focus .ant-cascader-input, .ant-input-group.ant-input-group-compact > .ant-time-picker:last-child .ant-time-picker-input:focus, .ant-input-group.ant-input-group-compact > .ant-time-picker:last-child .ant-time-picker-input:focus .ant-cascader-input, .ant-input-group.ant-input-group-compact > :last-child:focus, .ant-input-group.ant-input-group-compact > :last-child:focus .ant-cascader-input { border-color: #40a9ff; outline: 0; box-shadow: 0 0 0 2px rgba(24,144,255,.2); border-right-width: 1px !important } .ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input { vertical-align: top } .ant-input-group-wrapper { display: inline-block; vertical-align: top; width: 100% } .ant-input-affix-wrapper { font-family: chinese quote,-apple-system,blinkmacsystemfont,segoe ui,pingfang sc,hiragino sans gb,microsoft yahei,helvetica neue,helvetica,arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol; font-size: 14px; font-feature-settings: "tnum"; font-variant: tabular-nums; line-height: 1.5; color: rgba(0,0,0,.65); box-sizing: border-box; margin: 0; padding: 0; list-style: none; position: relative; display: inline-block; width: 100% } .ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled) { border-color: #40a9ff; border-right-width: 1px !important } .ant-input-affix-wrapper .ant-input { position: static } .ant-input-affix-wrapper .ant-input-prefix, .ant-input-affix-wrapper .ant-input-suffix { position: absolute; top: 50%; -webkit-transform: translatey(-50%); transform: translatey(-50%); line-height: 0; color: rgba(0,0,0,.65) } .ant-input-affix-wrapper .ant-input-prefix :not(.anticon), .ant-input-affix-wrapper .ant-input-suffix :not(.anticon) { line-height: 1.5 } .ant-input-affix-wrapper .ant-input-prefix { left: 12px } .ant-input-affix-wrapper .ant-input-suffix { right: 12px } .ant-input-affix-wrapper .ant-input:not(:first-child) { padding-left: 30px } .ant-input-affix-wrapper .ant-input:not(:last-child) { padding-right: 30px } .ant-input-affix-wrapper .ant-input { min-height: 100% } .ant-input-search-icon { color: rgba(0,0,0,.45); cursor: pointer; -webkit-transition: all .3s; transition: all .3s } .ant-input-search-icon:hover { color: #333 } .ant-input-search:not(.ant-input-search-small) > .ant-input-suffix { right: 12px } .ant-input-search > .ant-input-suffix > .ant-input-search-button { border-top-left-radius: 0; border-bottom-left-radius: 0 } .ant-input-search > .ant-input-suffix > .ant-input-search-button > .anticon-search { font-size: 16px } .ant-input-search.ant-input-search-enter-button > .ant-input { padding-right: 46px } .ant-input-search.ant-input-search-enter-button > .ant-input-suffix { right: 0 } .ant-row { position: relative; margin-left: 0; margin-right: 0; height: auto; zoom: 1; display: block; box-sizing: border-box } .ant-row:after, .ant-row:before { content: ""; display: table } .ant-row:after { clear: both } .ant-row-flex { display: flex; flex-flow: row wrap } .ant-row-flex:after, .ant-row-flex:before { display: flex } .ant-row-flex-start { justify-content: flex-start } .ant-row-flex-center { justify-content: center } .ant-row-flex-end { justify-content: flex-end } .ant-row-flex-space-between { justify-content: space-between } .ant-row-flex-space-around { justify-content: space-around } .ant-row-flex-top { align-items: flex-start } .ant-row-flex-middle { align-items: center } .ant-row-flex-bottom { align-items: flex-end } .ant-col { position: relative; display: block } .ant-col-1, .ant-col-2, .ant-col-3, .ant-col-4, .ant-col-5, .ant-col-6, .ant-col-7, .ant-col-8, .ant-col-9, .ant-col-10, .ant-col-11, .ant-col-12, .ant-col-13, .ant-col-14, .ant-col-15, .ant-col-16, .ant-col-17, .ant-col-18, .ant-col-19, .ant-col-20, .ant-col-21, .ant-col-22, .ant-col-23, .ant-col-24, .ant-col-lg-1, .ant-col-lg-2, .ant-col-lg-3, .ant-col-lg-4, .ant-col-lg-5, .ant-col-lg-6, .ant-col-lg-7, .ant-col-lg-8, .ant-col-lg-9, .ant-col-lg-10, .ant-col-lg-11, .ant-col-lg-12, .ant-col-lg-13, .ant-col-lg-14, .ant-col-lg-15, .ant-col-lg-16, .ant-col-lg-17, .ant-col-lg-18, .ant-col-lg-19, .ant-col-lg-20, .ant-col-lg-21, .ant-col-lg-22, .ant-col-lg-23, .ant-col-lg-24, .ant-col-md-1, .ant-col-md-2, .ant-col-md-3, .ant-col-md-4, .ant-col-md-5, .ant-col-md-6, .ant-col-md-7, .ant-col-md-8, .ant-col-md-9, .ant-col-md-10, .ant-col-md-11, .ant-col-md-12, .ant-col-md-13, .ant-col-md-14, .ant-col-md-15, .ant-col-md-16, .ant-col-md-17, .ant-col-md-18, .ant-col-md-19, .ant-col-md-20, .ant-col-md-21, .ant-col-md-22, .ant-col-md-23, .ant-col-md-24, .ant-col-sm-1, .ant-col-sm-2, .ant-col-sm-3, .ant-col-sm-4, .ant-col-sm-5, .ant-col-sm-6, .ant-col-sm-7, .ant-col-sm-8, .ant-col-sm-9, .ant-col-sm-10, .ant-col-sm-11, .ant-col-sm-12, .ant-col-sm-13, .ant-col-sm-14, .ant-col-sm-15, .ant-col-sm-16, .ant-col-sm-17, .ant-col-sm-18, .ant-col-sm-19, .ant-col-sm-20, .ant-col-sm-21, .ant-col-sm-22, .ant-col-sm-23, .ant-col-sm-24, .ant-col-xs-1, .ant-col-xs-2, .ant-col-xs-3, .ant-col-xs-4, .ant-col-xs-5, .ant-col-xs-6, .ant-col-xs-7, .ant-col-xs-8, .ant-col-xs-9, .ant-col-xs-10, .ant-col-xs-11, .ant-col-xs-12, .ant-col-xs-13, .ant-col-xs-14, .ant-col-xs-15, .ant-col-xs-16, .ant-col-xs-17, .ant-col-xs-18, .ant-col-xs-19, .ant-col-xs-20, .ant-col-xs-21, .ant-col-xs-22, .ant-col-xs-23, .ant-col-xs-24 { position: relative; min-height: 1px; padding-left: 0; padding-right: 0 } .ant-col-1, .ant-col-2, .ant-col-3, .ant-col-4, .ant-col-5, .ant-col-6, .ant-col-7, .ant-col-8, .ant-col-9, .ant-col-10, .ant-col-11, .ant-col-12, .ant-col-13, .ant-col-14, .ant-col-15, .ant-col-16, .ant-col-17, .ant-col-18, .ant-col-19, .ant-col-20, .ant-col-21, .ant-col-22, .ant-col-23, .ant-col-24 { float: left; flex: 0 0 auto } .ant-col-24 { display: block; box-sizing: border-box; width: 100% } .ant-col-push-24 { left: 100% } .ant-col-pull-24 { right: 100% } .ant-col-offset-24 { margin-left: 100% } .ant-col-order-24 { order: 24 } .ant-col-23 { display: block; box-sizing: border-box; width: 95.83333333% } .ant-col-push-23 { left: 95.83333333% } .ant-col-pull-23 { right: 95.83333333% } .ant-col-offset-23 { margin-left: 95.83333333% } .ant-col-order-23 { order: 23 } .ant-col-22 { display: block; box-sizing: border-box; width: 91.66666667% } .ant-col-push-22 { left: 91.66666667% } .ant-col-pull-22 { right: 91.66666667% } .ant-col-offset-22 { margin-left: 91.66666667% } .ant-col-order-22 { order: 22 } .ant-col-21 { display: block; box-sizing: border-box; width: 87.5% } .ant-col-push-21 { left: 87.5% } .ant-col-pull-21 { right: 87.5% } .ant-col-offset-21 { margin-left: 87.5% } .ant-col-order-21 { order: 21 } .ant-col-20 { display: block; box-sizing: border-box; width: 83.33333333% } .ant-col-push-20 { left: 83.33333333% } .ant-col-pull-20 { right: 83.33333333% } .ant-col-offset-20 { margin-left: 83.33333333% } .ant-col-order-20 { order: 20 } .ant-col-19 { display: block; box-sizing: border-box; width: 79.16666667% } .ant-col-push-19 { left: 79.16666667% } .ant-col-pull-19 { right: 79.16666667% } .ant-col-offset-19 { margin-left: 79.16666667% } .ant-col-order-19 { order: 19 } .ant-col-18 { display: block; box-sizing: border-box; width: 75% } .ant-col-push-18 { left: 75% } .ant-col-pull-18 { right: 75% } .ant-col-offset-18 { margin-left: 75% } .ant-col-order-18 { order: 18 } .ant-col-17 { display: block; box-sizing: border-box; width: 70.83333333% } .ant-col-push-17 { left: 70.83333333% } .ant-col-pull-17 { right: 70.83333333% } .ant-col-offset-17 { margin-left: 70.83333333% } .ant-col-order-17 { order: 17 } .ant-col-16 { display: block; box-sizing: border-box; width: 66.66666667% } .ant-col-push-16 { left: 66.66666667% } .ant-col-pull-16 { right: 66.66666667% } .ant-col-offset-16 { margin-left: 66.66666667% } .ant-col-order-16 { order: 16 } .ant-col-15 { display: block; box-sizing: border-box; width: 62.5% } .ant-col-push-15 { left: 62.5% } .ant-col-pull-15 { right: 62.5% } .ant-col-offset-15 { margin-left: 62.5% } .ant-col-order-15 { order: 15 } .ant-col-14 { display: block; box-sizing: border-box; width: 58.33333333% } .ant-col-push-14 { left: 58.33333333% } .ant-col-pull-14 { right: 58.33333333% } .ant-col-offset-14 { margin-left: 58.33333333% } .ant-col-order-14 { order: 14 } .ant-col-13 { display: block; box-sizing: border-box; width: 54.16666667% } .ant-col-push-13 { left: 54.16666667% } .ant-col-pull-13 { right: 54.16666667% } .ant-col-offset-13 { margin-left: 54.16666667% } .ant-col-order-13 { order: 13 } .ant-col-12 { display: block; box-sizing: border-box; width: 50% } .ant-col-push-12 { left: 50% } .ant-col-pull-12 { right: 50% } .ant-col-offset-12 { margin-left: 50% } .ant-col-order-12 { order: 12 } .ant-col-11 { display: block; box-sizing: border-box; width: 45.83333333% } .ant-col-push-11 { left: 45.83333333% } .ant-col-pull-11 { right: 45.83333333% } .ant-col-offset-11 { margin-left: 45.83333333% } .ant-col-order-11 { order: 11 } .ant-col-10 { display: block; box-sizing: border-box; width: 41.66666667% } .ant-col-push-10 { left: 41.66666667% } .ant-col-pull-10 { right: 41.66666667% } .ant-col-offset-10 { margin-left: 41.66666667% } .ant-col-order-10 { order: 10 } .ant-col-9 { display: block; box-sizing: border-box; width: 37.5% } .ant-col-push-9 { left: 37.5% } .ant-col-pull-9 { right: 37.5% } .ant-col-offset-9 { margin-left: 37.5% } .ant-col-order-9 { order: 9 } .ant-col-8 { display: block; box-sizing: border-box; width: 33.33333333% } .ant-col-push-8 { left: 33.33333333% } .ant-col-pull-8 { right: 33.33333333% } .ant-col-offset-8 { margin-left: 33.33333333% } .ant-col-order-8 { order: 8 } .ant-col-7 { display: block; box-sizing: border-box; width: 29.16666667% } .ant-col-push-7 { left: 29.16666667% } .ant-col-pull-7 { right: 29.16666667% } .ant-col-offset-7 { margin-left: 29.16666667% } .ant-col-order-7 { order: 7 } .ant-col-6 { display: block; box-sizing: border-box; width: 25% } .ant-col-push-6 { left: 25% } .ant-col-pull-6 { right: 25% } .ant-col-offset-6 { margin-left: 25% } .ant-col-order-6 { order: 6 } .ant-col-5 { display: block; box-sizing: border-box; width: 20.83333333% } .ant-col-push-5 { left: 20.83333333% } .ant-col-pull-5 { right: 20.83333333% } .ant-col-offset-5 { margin-left: 20.83333333% } .ant-col-order-5 { order: 5 } .ant-col-4 { display: block; box-sizing: border-box; width: 16.66666667% } .ant-col-push-4 { left: 16.66666667% } .ant-col-pull-4 { right: 16.66666667% } .ant-col-offset-4 { margin-left: 16.66666667% } .ant-col-order-4 { order: 4 } .ant-col-3 { display: block; box-sizing: border-box; width: 12.5% } .ant-col-push-3 { left: 12.5% } .ant-col-pull-3 { right: 12.5% } .ant-col-offset-3 { margin-left: 12.5% } .ant-col-order-3 { order: 3 } .ant-col-2 { display: block; box-sizing: border-box; width: 8.33333333% } .ant-col-push-2 { left: 8.33333333% } .ant-col-pull-2 { right: 8.33333333% } .ant-col-offset-2 { margin-left: 8.33333333% } .ant-col-order-2 { order: 2 } .ant-col-1 { display: block; box-sizing: border-box; width: 4.16666667% } .ant-col-push-1 { left: 4.16666667% } .ant-col-pull-1 { right: 4.16666667% } .ant-col-offset-1 { margin-left: 4.16666667% } .ant-col-order-1 { order: 1 } .ant-col-0 { display: none } .ant-col-offset-0 { margin-left: 0 } .ant-col-order-0 { order: 0 } .ant-col-xs-1, .ant-col-xs-2, .ant-col-xs-3, .ant-col-xs-4, .ant-col-xs-5, .ant-col-xs-6, .ant-col-xs-7, .ant-col-xs-8, .ant-col-xs-9, .ant-col-xs-10, .ant-col-xs-11, .ant-col-xs-12, .ant-col-xs-13, .ant-col-xs-14, .ant-col-xs-15, .ant-col-xs-16, .ant-col-xs-17, .ant-col-xs-18, .ant-col-xs-19, .ant-col-xs-20, .ant-col-xs-21, .ant-col-xs-22, .ant-col-xs-23, .ant-col-xs-24 { float: left; flex: 0 0 auto } .ant-col-xs-24 { display: block; box-sizing: border-box; width: 100% } .ant-col-xs-push-24 { left: 100% } .ant-col-xs-pull-24 { right: 100% } .ant-col-xs-offset-24 { margin-left: 100% } .ant-col-xs-order-24 { order: 24 } .ant-col-xs-23 { display: block; box-sizing: border-box; width: 95.83333333% } .ant-col-xs-push-23 { left: 95.83333333% } .ant-col-xs-pull-23 { right: 95.83333333% } .ant-col-xs-offset-23 { margin-left: 95.83333333% } .ant-col-xs-order-23 { order: 23 } .ant-col-xs-22 { display: block; box-sizing: border-box; width: 91.66666667% } .ant-col-xs-push-22 { left: 91.66666667% } .ant-col-xs-pull-22 { right: 91.66666667% } .ant-col-xs-offset-22 { margin-left: 91.66666667% } .ant-col-xs-order-22 { order: 22 } .ant-col-xs-21 { display: block; box-sizing: border-box; width: 87.5% } .ant-col-xs-push-21 { left: 87.5% } .ant-col-xs-pull-21 { right: 87.5% } .ant-col-xs-offset-21 { margin-left: 87.5% } .ant-col-xs-order-21 { order: 21 } .ant-col-xs-20 { display: block; box-sizing: border-box; width: 83.33333333% } .ant-col-xs-push-20 { left: 83.33333333% } .ant-col-xs-pull-20 { right: 83.33333333% } .ant-col-xs-offset-20 { margin-left: 83.33333333% } .ant-col-xs-order-20 { order: 20 } .ant-col-xs-19 { display: block; box-sizing: border-box; width: 79.16666667% } .ant-col-xs-push-19 { left: 79.16666667% } .ant-col-xs-pull-19 { right: 79.16666667% } .ant-col-xs-offset-19 { margin-left: 79.16666667% } .ant-col-xs-order-19 { order: 19 } .ant-col-xs-18 { display: block; box-sizing: border-box; width: 75% } .ant-col-xs-push-18 { left: 75% } .ant-col-xs-pull-18 { right: 75% } .ant-col-xs-offset-18 { margin-left: 75% } .ant-col-xs-order-18 { order: 18 } .ant-col-xs-17 { display: block; box-sizing: border-box; width: 70.83333333% } .ant-col-xs-push-17 { left: 70.83333333% } .ant-col-xs-pull-17 { right: 70.83333333% } .ant-col-xs-offset-17 { margin-left: 70.83333333% } .ant-col-xs-order-17 { order: 17 } .ant-col-xs-16 { display: block; box-sizing: border-box; width: 66.66666667% } .ant-col-xs-push-16 { left: 66.66666667% } .ant-col-xs-pull-16 { right: 66.66666667% } .ant-col-xs-offset-16 { margin-left: 66.66666667% } .ant-col-xs-order-16 { order: 16 } .ant-col-xs-15 { display: block; box-sizing: border-box; width: 62.5% } .ant-col-xs-push-15 { left: 62.5% } .ant-col-xs-pull-15 { right: 62.5% } .ant-col-xs-offset-15 { margin-left: 62.5% } .ant-col-xs-order-15 { order: 15 } .ant-col-xs-14 { display: block; box-sizing: border-box; width: 58.33333333% } .ant-col-xs-push-14 { left: 58.33333333% } .ant-col-xs-pull-14 { right: 58.33333333% } .ant-col-xs-offset-14 { margin-left: 58.33333333% } .ant-col-xs-order-14 { order: 14 } .ant-col-xs-13 { display: block; box-sizing: border-box; width: 54.16666667% } .ant-col-xs-push-13 { left: 54.16666667% } .ant-col-xs-pull-13 { right: 54.16666667% } .ant-col-xs-offset-13 { margin-left: 54.16666667% } .ant-col-xs-order-13 { order: 13 } .ant-col-xs-12 { display: block; box-sizing: border-box; width: 50% } .ant-col-xs-push-12 { left: 50% } .ant-col-xs-pull-12 { right: 50% } .ant-col-xs-offset-12 { margin-left: 50% } .ant-col-xs-order-12 { order: 12 } .ant-col-xs-11 { display: block; box-sizing: border-box; width: 45.83333333% } .ant-col-xs-push-11 { left: 45.83333333% } .ant-col-xs-pull-11 { right: 45.83333333% } .ant-col-xs-offset-11 { margin-left: 45.83333333% } .ant-col-xs-order-11 { order: 11 } .ant-col-xs-10 { display: block; box-sizing: border-box; width: 41.66666667% } .ant-col-xs-push-10 { left: 41.66666667% } .ant-col-xs-pull-10 { right: 41.66666667% } .ant-col-xs-offset-10 { margin-left: 41.66666667% } .ant-col-xs-order-10 { order: 10 } .ant-col-xs-9 { display: block; box-sizing: border-box; width: 37.5% } .ant-col-xs-push-9 { left: 37.5% } .ant-col-xs-pull-9 { right: 37.5% } .ant-col-xs-offset-9 { margin-left: 37.5% } .ant-col-xs-order-9 { order: 9 } .ant-col-xs-8 { display: block; box-sizing: border-box; width: 33.33333333% } .ant-col-xs-push-8 { left: 33.33333333% } .ant-col-xs-pull-8 { right: 33.33333333% } .ant-col-xs-offset-8 { margin-left: 33.33333333% } .ant-col-xs-order-8 { order: 8 } .ant-col-xs-7 { display: block; box-sizing: border-box; width: 29.16666667% } .ant-col-xs-push-7 { left: 29.16666667% } .ant-col-xs-pull-7 { right: 29.16666667% } .ant-col-xs-offset-7 { margin-left: 29.16666667% } .ant-col-xs-order-7 { order: 7 } .ant-col-xs-6 { display: block; box-sizing: border-box; width: 25% } .ant-col-xs-push-6 { left: 25% } .ant-col-xs-pull-6 { right: 25% } .ant-col-xs-offset-6 { margin-left: 25% } .ant-col-xs-order-6 { order: 6 } .ant-col-xs-5 { display: block; box-sizing: border-box; width: 20.83333333% } .ant-col-xs-push-5 { left: 20.83333333% } .ant-col-xs-pull-5 { right: 20.83333333% } .ant-col-xs-offset-5 { margin-left: 20.83333333% } .ant-col-xs-order-5 { order: 5 } .ant-col-xs-4 { display: block; box-sizing: border-box; width: 16.66666667% } .ant-col-xs-push-4 { left: 16.66666667% } .ant-col-xs-pull-4 { right: 16.66666667% } .ant-col-xs-offset-4 { margin-left: 16.66666667% } .ant-col-xs-order-4 { order: 4 } .ant-col-xs-3 { display: block; box-sizing: border-box; width: 12.5% } .ant-col-xs-push-3 { left: 12.5% } .ant-col-xs-pull-3 { right: 12.5% } .ant-col-xs-offset-3 { margin-left: 12.5% } .ant-col-xs-order-3 { order: 3 } .ant-col-xs-2 { display: block; box-sizing: border-box; width: 8.33333333% } .ant-col-xs-push-2 { left: 8.33333333% } .ant-col-xs-pull-2 { right: 8.33333333% } .ant-col-xs-offset-2 { margin-left: 8.33333333% } .ant-col-xs-order-2 { order: 2 } .ant-col-xs-1 { display: block; box-sizing: border-box; width: 4.16666667% } .ant-col-xs-push-1 { left: 4.16666667% } .ant-col-xs-pull-1 { right: 4.16666667% } .ant-col-xs-offset-1 { margin-left: 4.16666667% } .ant-col-xs-order-1 { order: 1 } .ant-col-xs-0 { display: none } .ant-col-push-0 { left: auto } .ant-col-pull-0 { right: auto } .ant-col-xs-push-0 { left: auto } .ant-col-xs-pull-0 { right: auto } .ant-col-xs-offset-0 { margin-left: 0 } .ant-col-xs-order-0 { order: 0 } @media (min-width:576px) { .ant-col-sm-1, .ant-col-sm-2, .ant-col-sm-3, .ant-col-sm-4, .ant-col-sm-5, .ant-col-sm-6, .ant-col-sm-7, .ant-col-sm-8, .ant-col-sm-9, .ant-col-sm-10, .ant-col-sm-11, .ant-col-sm-12, .ant-col-sm-13, .ant-col-sm-14, .ant-col-sm-15, .ant-col-sm-16, .ant-col-sm-17, .ant-col-sm-18, .ant-col-sm-19, .ant-col-sm-20, .ant-col-sm-21, .ant-col-sm-22, .ant-col-sm-23, .ant-col-sm-24 { float: left; flex: 0 0 auto } .ant-col-sm-24 { display: block; box-sizing: border-box; width: 100% } .ant-col-sm-push-24 { left: 100% } .ant-col-sm-pull-24 { right: 100% } .ant-col-sm-offset-24 { margin-left: 100% } .ant-col-sm-order-24 { order: 24 } .ant-col-sm-23 { display: block; box-sizing: border-box; width: 95.83333333% } .ant-col-sm-push-23 { left: 95.83333333% } .ant-col-sm-pull-23 { right: 95.83333333% } .ant-col-sm-offset-23 { margin-left: 95.83333333% } .ant-col-sm-order-23 { order: 23 } .ant-col-sm-22 { display: block; box-sizing: border-box; width: 91.66666667% } .ant-col-sm-push-22 { left: 91.66666667% } .ant-col-sm-pull-22 { right: 91.66666667% } .ant-col-sm-offset-22 { margin-left: 91.66666667% } .ant-col-sm-order-22 { order: 22 } .ant-col-sm-21 { display: block; box-sizing: border-box; width: 87.5% } .ant-col-sm-push-21 { left: 87.5% } .ant-col-sm-pull-21 { right: 87.5% } .ant-col-sm-offset-21 { margin-left: 87.5% } .ant-col-sm-order-21 { order: 21 } .ant-col-sm-20 { display: block; box-sizing: border-box; width: 83.33333333% } .ant-col-sm-push-20 { left: 83.33333333% } .ant-col-sm-pull-20 { right: 83.33333333% } .ant-col-sm-offset-20 { margin-left: 83.33333333% } .ant-col-sm-order-20 { order: 20 } .ant-col-sm-19 { display: block; box-sizing: border-box; width: 79.16666667% } .ant-col-sm-push-19 { left: 79.16666667% } .ant-col-sm-pull-19 { right: 79.16666667% } .ant-col-sm-offset-19 { margin-left: 79.16666667% } .ant-col-sm-order-19 { order: 19 } .ant-col-sm-18 { display: block; box-sizing: border-box; width: 75% } .ant-col-sm-push-18 { left: 75% } .ant-col-sm-pull-18 { right: 75% } .ant-col-sm-offset-18 { margin-left: 75% } .ant-col-sm-order-18 { order: 18 } .ant-col-sm-17 { display: block; box-sizing: border-box; width: 70.83333333% } .ant-col-sm-push-17 { left: 70.83333333% } .ant-col-sm-pull-17 { right: 70.83333333% } .ant-col-sm-offset-17 { margin-left: 70.83333333% } .ant-col-sm-order-17 { order: 17 } .ant-col-sm-16 { display: block; box-sizing: border-box; width: 66.66666667% } .ant-col-sm-push-16 { left: 66.66666667% } .ant-col-sm-pull-16 { right: 66.66666667% } .ant-col-sm-offset-16 { margin-left: 66.66666667% } .ant-col-sm-order-16 { order: 16 } .ant-col-sm-15 { display: block; box-sizing: border-box; width: 62.5% } .ant-col-sm-push-15 { left: 62.5% } .ant-col-sm-pull-15 { right: 62.5% } .ant-col-sm-offset-15 { margin-left: 62.5% } .ant-col-sm-order-15 { order: 15 } .ant-col-sm-14 { display: block; box-sizing: border-box; width: 58.33333333% } .ant-col-sm-push-14 { left: 58.33333333% } .ant-col-sm-pull-14 { right: 58.33333333% } .ant-col-sm-offset-14 { margin-left: 58.33333333% } .ant-col-sm-order-14 { order: 14 } .ant-col-sm-13 { display: block; box-sizing: border-box; width: 54.16666667% } .ant-col-sm-push-13 { left: 54.16666667% } .ant-col-sm-pull-13 { right: 54.16666667% } .ant-col-sm-offset-13 { margin-left: 54.16666667% } .ant-col-sm-order-13 { order: 13 } .ant-col-sm-12 { display: block; box-sizing: border-box; width: 50% } .ant-col-sm-push-12 { left: 50% } .ant-col-sm-pull-12 { right: 50% } .ant-col-sm-offset-12 { margin-left: 50% } .ant-col-sm-order-12 { order: 12 } .ant-col-sm-11 { display: block; box-sizing: border-box; width: 45.83333333% } .ant-col-sm-push-11 { left: 45.83333333% } .ant-col-sm-pull-11 { right: 45.83333333% } .ant-col-sm-offset-11 { margin-left: 45.83333333% } .ant-col-sm-order-11 { order: 11 } .ant-col-sm-10 { display: block; box-sizing: border-box; width: 41.66666667% } .ant-col-sm-push-10 { left: 41.66666667% } .ant-col-sm-pull-10 { right: 41.66666667% } .ant-col-sm-offset-10 { margin-left: 41.66666667% } .ant-col-sm-order-10 { order: 10 } .ant-col-sm-9 { display: block; box-sizing: border-box; width: 37.5% } .ant-col-sm-push-9 { left: 37.5% } .ant-col-sm-pull-9 { right: 37.5% } .ant-col-sm-offset-9 { margin-left: 37.5% } .ant-col-sm-order-9 { order: 9 } .ant-col-sm-8 { display: block; box-sizing: border-box; width: 33.33333333% } .ant-col-sm-push-8 { left: 33.33333333% } .ant-col-sm-pull-8 { right: 33.33333333% } .ant-col-sm-offset-8 { margin-left: 33.33333333% } .ant-col-sm-order-8 { order: 8 } .ant-col-sm-7 { display: block; box-sizing: border-box; width: 29.16666667% } .ant-col-sm-push-7 { left: 29.16666667% } .ant-col-sm-pull-7 { right: 29.16666667% } .ant-col-sm-offset-7 { margin-left: 29.16666667% } .ant-col-sm-order-7 { order: 7 } .ant-col-sm-6 { display: block; box-sizing: border-box; width: 25% } .ant-col-sm-push-6 { left: 25% } .ant-col-sm-pull-6 { right: 25% } .ant-col-sm-offset-6 { margin-left: 25% } .ant-col-sm-order-6 { order: 6 } .ant-col-sm-5 { display: block; box-sizing: border-box; width: 20.83333333% } .ant-col-sm-push-5 { left: 20.83333333% } .ant-col-sm-pull-5 { right: 20.83333333% } .ant-col-sm-offset-5 { margin-left: 20.83333333% } .ant-col-sm-order-5 { order: 5 } .ant-col-sm-4 { display: block; box-sizing: border-box; width: 16.66666667% } .ant-col-sm-push-4 { left: 16.66666667% } .ant-col-sm-pull-4 { right: 16.66666667% } .ant-col-sm-offset-4 { margin-left: 16.66666667% } .ant-col-sm-order-4 { order: 4 } .ant-col-sm-3 { display: block; box-sizing: border-box; width: 12.5% } .ant-col-sm-push-3 { left: 12.5% } .ant-col-sm-pull-3 { right: 12.5% } .ant-col-sm-offset-3 { margin-left: 12.5% } .ant-col-sm-order-3 { order: 3 } .ant-col-sm-2 { display: block; box-sizing: border-box; width: 8.33333333% } .ant-col-sm-push-2 { left: 8.33333333% } .ant-col-sm-pull-2 { right: 8.33333333% } .ant-col-sm-offset-2 { margin-left: 8.33333333% } .ant-col-sm-order-2 { order: 2 } .ant-col-sm-1 { display: block; box-sizing: border-box; width: 4.16666667% } .ant-col-sm-push-1 { left: 4.16666667% } .ant-col-sm-pull-1 { right: 4.16666667% } .ant-col-sm-offset-1 { margin-left: 4.16666667% } .ant-col-sm-order-1 { order: 1 } .ant-col-sm-0 { display: none } .ant-col-push-0 { left: auto } .ant-col-pull-0 { right: auto } .ant-col-sm-push-0 { left: auto } .ant-col-sm-pull-0 { right: auto } .ant-col-sm-offset-0 { margin-left: 0 } .ant-col-sm-order-0 { order: 0 } } @media (min-width:768px) { .ant-col-md-1, .ant-col-md-2, .ant-col-md-3, .ant-col-md-4, .ant-col-md-5, .ant-col-md-6, .ant-col-md-7, .ant-col-md-8, .ant-col-md-9, .ant-col-md-10, .ant-col-md-11, .ant-col-md-12, .ant-col-md-13, .ant-col-md-14, .ant-col-md-15, .ant-col-md-16, .ant-col-md-17, .ant-col-md-18, .ant-col-md-19, .ant-col-md-20, .ant-col-md-21, .ant-col-md-22, .ant-col-md-23, .ant-col-md-24 { float: left; flex: 0 0 auto } .ant-col-md-24 { display: block; box-sizing: border-box; width: 100% } .ant-col-md-push-24 { left: 100% } .ant-col-md-pull-24 { right: 100% } .ant-col-md-offset-24 { margin-left: 100% } .ant-col-md-order-24 { order: 24 } .ant-col-md-23 { display: block; box-sizing: border-box; width: 95.83333333% } .ant-col-md-push-23 { left: 95.83333333% } .ant-col-md-pull-23 { right: 95.83333333% } .ant-col-md-offset-23 { margin-left: 95.83333333% } .ant-col-md-order-23 { order: 23 } .ant-col-md-22 { display: block; box-sizing: border-box; width: 91.66666667% } .ant-col-md-push-22 { left: 91.66666667% } .ant-col-md-pull-22 { right: 91.66666667% } .ant-col-md-offset-22 { margin-left: 91.66666667% } .ant-col-md-order-22 { order: 22 } .ant-col-md-21 { display: block; box-sizing: border-box; width: 87.5% } .ant-col-md-push-21 { left: 87.5% } .ant-col-md-pull-21 { right: 87.5% } .ant-col-md-offset-21 { margin-left: 87.5% } .ant-col-md-order-21 { order: 21 } .ant-col-md-20 { display: block; box-sizing: border-box; width: 83.33333333% } .ant-col-md-push-20 { left: 83.33333333% } .ant-col-md-pull-20 { right: 83.33333333% } .ant-col-md-offset-20 { margin-left: 83.33333333% } .ant-col-md-order-20 { order: 20 } .ant-col-md-19 { display: block; box-sizing: border-box; width: 79.16666667% } .ant-col-md-push-19 { left: 79.16666667% } .ant-col-md-pull-19 { right: 79.16666667% } .ant-col-md-offset-19 { margin-left: 79.16666667% } .ant-col-md-order-19 { order: 19 } .ant-col-md-18 { display: block; box-sizing: border-box; width: 75% } .ant-col-md-push-18 { left: 75% } .ant-col-md-pull-18 { right: 75% } .ant-col-md-offset-18 { margin-left: 75% } .ant-col-md-order-18 { order: 18 } .ant-col-md-17 { display: block; box-sizing: border-box; width: 70.83333333% } .ant-col-md-push-17 { left: 70.83333333% } .ant-col-md-pull-17 { right: 70.83333333% } .ant-col-md-offset-17 { margin-left: 70.83333333% } .ant-col-md-order-17 { order: 17 } .ant-col-md-16 { display: block; box-sizing: border-box; width: 66.66666667% } .ant-col-md-push-16 { left: 66.66666667% } .ant-col-md-pull-16 { right: 66.66666667% } .ant-col-md-offset-16 { margin-left: 66.66666667% } .ant-col-md-order-16 { order: 16 } .ant-col-md-15 { display: block; box-sizing: border-box; width: 62.5% } .ant-col-md-push-15 { left: 62.5% } .ant-col-md-pull-15 { right: 62.5% } .ant-col-md-offset-15 { margin-left: 62.5% } .ant-col-md-order-15 { order: 15 } .ant-col-md-14 { display: block; box-sizing: border-box; width: 58.33333333% } .ant-col-md-push-14 { left: 58.33333333% } .ant-col-md-pull-14 { right: 58.33333333% } .ant-col-md-offset-14 { margin-left: 58.33333333% } .ant-col-md-order-14 { order: 14 } .ant-col-md-13 { display: block; box-sizing: border-box; width: 54.16666667% } .ant-col-md-push-13 { left: 54.16666667% } .ant-col-md-pull-13 { right: 54.16666667% } .ant-col-md-offset-13 { margin-left: 54.16666667% } .ant-col-md-order-13 { order: 13 } .ant-col-md-12 { display: block; box-sizing: border-box; width: 50% } .ant-col-md-push-12 { left: 50% } .ant-col-md-pull-12 { right: 50% } .ant-col-md-offset-12 { margin-left: 50% } .ant-col-md-order-12 { order: 12 } .ant-col-md-11 { display: block; box-sizing: border-box; width: 45.83333333% } .ant-col-md-push-11 { left: 45.83333333% } .ant-col-md-pull-11 { right: 45.83333333% } .ant-col-md-offset-11 { margin-left: 45.83333333% } .ant-col-md-order-11 { order: 11 } .ant-col-md-10 { display: block; box-sizing: border-box; width: 41.66666667% } .ant-col-md-push-10 { left: 41.66666667% } .ant-col-md-pull-10 { right: 41.66666667% } .ant-col-md-offset-10 { margin-left: 41.66666667% } .ant-col-md-order-10 { order: 10 } .ant-col-md-9 { display: block; box-sizing: border-box; width: 37.5% } .ant-col-md-push-9 { left: 37.5% } .ant-col-md-pull-9 { right: 37.5% } .ant-col-md-offset-9 { margin-left: 37.5% } .ant-col-md-order-9 { order: 9 } .ant-col-md-8 { display: block; box-sizing: border-box; width: 33.33333333% } .ant-col-md-push-8 { left: 33.33333333% } .ant-col-md-pull-8 { right: 33.33333333% } .ant-col-md-offset-8 { margin-left: 33.33333333% } .ant-col-md-order-8 { order: 8 } .ant-col-md-7 { display: block; box-sizing: border-box; width: 29.16666667% } .ant-col-md-push-7 { left: 29.16666667% } .ant-col-md-pull-7 { right: 29.16666667% } .ant-col-md-offset-7 { margin-left: 29.16666667% } .ant-col-md-order-7 { order: 7 } .ant-col-md-6 { display: block; box-sizing: border-box; width: 25% } .ant-col-md-push-6 { left: 25% } .ant-col-md-pull-6 { right: 25% } .ant-col-md-offset-6 { margin-left: 25% } .ant-col-md-order-6 { order: 6 } .ant-col-md-5 { display: block; box-sizing: border-box; width: 20.83333333% } .ant-col-md-push-5 { left: 20.83333333% } .ant-col-md-pull-5 { right: 20.83333333% } .ant-col-md-offset-5 { margin-left: 20.83333333% } .ant-col-md-order-5 { order: 5 } .ant-col-md-4 { display: block; box-sizing: border-box; width: 16.66666667% } .ant-col-md-push-4 { left: 16.66666667% } .ant-col-md-pull-4 { right: 16.66666667% } .ant-col-md-offset-4 { margin-left: 16.66666667% } .ant-col-md-order-4 { order: 4 } .ant-col-md-3 { display: block; box-sizing: border-box; width: 12.5% } .ant-col-md-push-3 { left: 12.5% } .ant-col-md-pull-3 { right: 12.5% } .ant-col-md-offset-3 { margin-left: 12.5% } .ant-col-md-order-3 { order: 3 } .ant-col-md-2 { display: block; box-sizing: border-box; width: 8.33333333% } .ant-col-md-push-2 { left: 8.33333333% } .ant-col-md-pull-2 { right: 8.33333333% } .ant-col-md-offset-2 { margin-left: 8.33333333% } .ant-col-md-order-2 { order: 2 } .ant-col-md-1 { display: block; box-sizing: border-box; width: 4.16666667% } .ant-col-md-push-1 { left: 4.16666667% } .ant-col-md-pull-1 { right: 4.16666667% } .ant-col-md-offset-1 { margin-left: 4.16666667% } .ant-col-md-order-1 { order: 1 } .ant-col-md-0 { display: none } .ant-col-push-0 { left: auto } .ant-col-pull-0 { right: auto } .ant-col-md-push-0 { left: auto } .ant-col-md-pull-0 { right: auto } .ant-col-md-offset-0 { margin-left: 0 } .ant-col-md-order-0 { order: 0 } } @media (min-width:992px) { .ant-col-lg-1, .ant-col-lg-2, .ant-col-lg-3, .ant-col-lg-4, .ant-col-lg-5, .ant-col-lg-6, .ant-col-lg-7, .ant-col-lg-8, .ant-col-lg-9, .ant-col-lg-10, .ant-col-lg-11, .ant-col-lg-12, .ant-col-lg-13, .ant-col-lg-14, .ant-col-lg-15, .ant-col-lg-16, .ant-col-lg-17, .ant-col-lg-18, .ant-col-lg-19, .ant-col-lg-20, .ant-col-lg-21, .ant-col-lg-22, .ant-col-lg-23, .ant-col-lg-24 { float: left; flex: 0 0 auto } .ant-col-lg-24 { display: block; box-sizing: border-box; width: 100% } .ant-col-lg-push-24 { left: 100% } .ant-col-lg-pull-24 { right: 100% } .ant-col-lg-offset-24 { margin-left: 100% } .ant-col-lg-order-24 { order: 24 } .ant-col-lg-23 { display: block; box-sizing: border-box; width: 95.83333333% } .ant-col-lg-push-23 { left: 95.83333333% } .ant-col-lg-pull-23 { right: 95.83333333% } .ant-col-lg-offset-23 { margin-left: 95.83333333% } .ant-col-lg-order-23 { order: 23 } .ant-col-lg-22 { display: block; box-sizing: border-box; width: 91.66666667% } .ant-col-lg-push-22 { left: 91.66666667% } .ant-col-lg-pull-22 { right: 91.66666667% } .ant-col-lg-offset-22 { margin-left: 91.66666667% } .ant-col-lg-order-22 { order: 22 } .ant-col-lg-21 { display: block; box-sizing: border-box; width: 87.5% } .ant-col-lg-push-21 { left: 87.5% } .ant-col-lg-pull-21 { right: 87.5% } .ant-col-lg-offset-21 { margin-left: 87.5% } .ant-col-lg-order-21 { order: 21 } .ant-col-lg-20 { display: block; box-sizing: border-box; width: 83.33333333% } .ant-col-lg-push-20 { left: 83.33333333% } .ant-col-lg-pull-20 { right: 83.33333333% } .ant-col-lg-offset-20 { margin-left: 83.33333333% } .ant-col-lg-order-20 { order: 20 } .ant-col-lg-19 { display: block; box-sizing: border-box; width: 79.16666667% } .ant-col-lg-push-19 { left: 79.16666667% } .ant-col-lg-pull-19 { right: 79.16666667% } .ant-col-lg-offset-19 { margin-left: 79.16666667% } .ant-col-lg-order-19 { order: 19 } .ant-col-lg-18 { display: block; box-sizing: border-box; width: 75% } .ant-col-lg-push-18 { left: 75% } .ant-col-lg-pull-18 { right: 75% } .ant-col-lg-offset-18 { margin-left: 75% } .ant-col-lg-order-18 { order: 18 } .ant-col-lg-17 { display: block; box-sizing: border-box; width: 70.83333333% } .ant-col-lg-push-17 { left: 70.83333333% } .ant-col-lg-pull-17 { right: 70.83333333% } .ant-col-lg-offset-17 { margin-left: 70.83333333% } .ant-col-lg-order-17 { order: 17 } .ant-col-lg-16 { display: block; box-sizing: border-box; width: 66.66666667% } .ant-col-lg-push-16 { left: 66.66666667% } .ant-col-lg-pull-16 { right: 66.66666667% } .ant-col-lg-offset-16 { margin-left: 66.66666667% } .ant-col-lg-order-16 { order: 16 } .ant-col-lg-15 { display: block; box-sizing: border-box; width: 62.5% } .ant-col-lg-push-15 { left: 62.5% } .ant-col-lg-pull-15 { right: 62.5% } .ant-col-lg-offset-15 { margin-left: 62.5% } .ant-col-lg-order-15 { order: 15 } .ant-col-lg-14 { display: block; box-sizing: border-box; width: 58.33333333% } .ant-col-lg-push-14 { left: 58.33333333% } .ant-col-lg-pull-14 { right: 58.33333333% } .ant-col-lg-offset-14 { margin-left: 58.33333333% } .ant-col-lg-order-14 { order: 14 } .ant-col-lg-13 { display: block; box-sizing: border-box; width: 54.16666667% } .ant-col-lg-push-13 { left: 54.16666667% } .ant-col-lg-pull-13 { right: 54.16666667% } .ant-col-lg-offset-13 { margin-left: 54.16666667% } .ant-col-lg-order-13 { order: 13 } .ant-col-lg-12 { display: block; box-sizing: border-box; width: 50% } .ant-col-lg-push-12 { left: 50% } .ant-col-lg-pull-12 { right: 50% } .ant-col-lg-offset-12 { margin-left: 50% } .ant-col-lg-order-12 { order: 12 } .ant-col-lg-11 { display: block; box-sizing: border-box; width: 45.83333333% } .ant-col-lg-push-11 { left: 45.83333333% } .ant-col-lg-pull-11 { right: 45.83333333% } .ant-col-lg-offset-11 { margin-left: 45.83333333% } .ant-col-lg-order-11 { order: 11 } .ant-col-lg-10 { display: block; box-sizing: border-box; width: 41.66666667% } .ant-col-lg-push-10 { left: 41.66666667% } .ant-col-lg-pull-10 { right: 41.66666667% } .ant-col-lg-offset-10 { margin-left: 41.66666667% } .ant-col-lg-order-10 { order: 10 } .ant-col-lg-9 { display: block; box-sizing: border-box; width: 37.5% } .ant-col-lg-push-9 { left: 37.5% } .ant-col-lg-pull-9 { right: 37.5% } .ant-col-lg-offset-9 { margin-left: 37.5% } .ant-col-lg-order-9 { order: 9 } .ant-col-lg-8 { display: block; box-sizing: border-box; width: 33.33333333% } .ant-col-lg-push-8 { left: 33.33333333% } .ant-col-lg-pull-8 { right: 33.33333333% } .ant-col-lg-offset-8 { margin-left: 33.33333333% } .ant-col-lg-order-8 { order: 8 } .ant-col-lg-7 { display: block; box-sizing: border-box; width: 29.16666667% } .ant-col-lg-push-7 { left: 29.16666667% } .ant-col-lg-pull-7 { right: 29.16666667% } .ant-col-lg-offset-7 { margin-left: 29.16666667% } .ant-col-lg-order-7 { order: 7 } .ant-col-lg-6 { display: block; box-sizing: border-box; width: 25% } .ant-col-lg-push-6 { left: 25% } .ant-col-lg-pull-6 { right: 25% } .ant-col-lg-offset-6 { margin-left: 25% } .ant-col-lg-order-6 { order: 6 } .ant-col-lg-5 { display: block; box-sizing: border-box; width: 20.83333333% } .ant-col-lg-push-5 { left: 20.83333333% } .ant-col-lg-pull-5 { right: 20.83333333% } .ant-col-lg-offset-5 { margin-left: 20.83333333% } .ant-col-lg-order-5 { order: 5 } .ant-col-lg-4 { display: block; box-sizing: border-box; width: 16.66666667% } .ant-col-lg-push-4 { left: 16.66666667% } .ant-col-lg-pull-4 { right: 16.66666667% } .ant-col-lg-offset-4 { margin-left: 16.66666667% } .ant-col-lg-order-4 { order: 4 } .ant-col-lg-3 { display: block; box-sizing: border-box; width: 12.5% } .ant-col-lg-push-3 { left: 12.5% } .ant-col-lg-pull-3 { right: 12.5% } .ant-col-lg-offset-3 { margin-left: 12.5% } .ant-col-lg-order-3 { order: 3 } .ant-col-lg-2 { display: block; box-sizing: border-box; width: 8.33333333% } .ant-col-lg-push-2 { left: 8.33333333% } .ant-col-lg-pull-2 { right: 8.33333333% } .ant-col-lg-offset-2 { margin-left: 8.33333333% } .ant-col-lg-order-2 { order: 2 } .ant-col-lg-1 { display: block; box-sizing: border-box; width: 4.16666667% } .ant-col-lg-push-1 { left: 4.16666667% } .ant-col-lg-pull-1 { right: 4.16666667% } .ant-col-lg-offset-1 { margin-left: 4.16666667% } .ant-col-lg-order-1 { order: 1 } .ant-col-lg-0 { display: none } .ant-col-push-0 { left: auto } .ant-col-pull-0 { right: auto } .ant-col-lg-push-0 { left: auto } .ant-col-lg-pull-0 { right: auto } .ant-col-lg-offset-0 { margin-left: 0 } .ant-col-lg-order-0 { order: 0 } } @media (min-width:1200px) { .ant-col-xl-1, .ant-col-xl-2, .ant-col-xl-3, .ant-col-xl-4, .ant-col-xl-5, .ant-col-xl-6, .ant-col-xl-7, .ant-col-xl-8, .ant-col-xl-9, .ant-col-xl-10, .ant-col-xl-11, .ant-col-xl-12, .ant-col-xl-13, .ant-col-xl-14, .ant-col-xl-15, .ant-col-xl-16, .ant-col-xl-17, .ant-col-xl-18, .ant-col-xl-19, .ant-col-xl-20, .ant-col-xl-21, .ant-col-xl-22, .ant-col-xl-23, .ant-col-xl-24 { float: left; flex: 0 0 auto } .ant-col-xl-24 { display: block; box-sizing: border-box; width: 100% } .ant-col-xl-push-24 { left: 100% } .ant-col-xl-pull-24 { right: 100% } .ant-col-xl-offset-24 { margin-left: 100% } .ant-col-xl-order-24 { order: 24 } .ant-col-xl-23 { display: block; box-sizing: border-box; width: 95.83333333% } .ant-col-xl-push-23 { left: 95.83333333% } .ant-col-xl-pull-23 { right: 95.83333333% } .ant-col-xl-offset-23 { margin-left: 95.83333333% } .ant-col-xl-order-23 { order: 23 } .ant-col-xl-22 { display: block; box-sizing: border-box; width: 91.66666667% } .ant-col-xl-push-22 { left: 91.66666667% } .ant-col-xl-pull-22 { right: 91.66666667% } .ant-col-xl-offset-22 { margin-left: 91.66666667% } .ant-col-xl-order-22 { order: 22 } .ant-col-xl-21 { display: block; box-sizing: border-box; width: 87.5% } .ant-col-xl-push-21 { left: 87.5% } .ant-col-xl-pull-21 { right: 87.5% } .ant-col-xl-offset-21 { margin-left: 87.5% } .ant-col-xl-order-21 { order: 21 } .ant-col-xl-20 { display: block; box-sizing: border-box; width: 83.33333333% } .ant-col-xl-push-20 { left: 83.33333333% } .ant-col-xl-pull-20 { right: 83.33333333% } .ant-col-xl-offset-20 { margin-left: 83.33333333% } .ant-col-xl-order-20 { order: 20 } .ant-col-xl-19 { display: block; box-sizing: border-box; width: 79.16666667% } .ant-col-xl-push-19 { left: 79.16666667% } .ant-col-xl-pull-19 { right: 79.16666667% } .ant-col-xl-offset-19 { margin-left: 79.16666667% } .ant-col-xl-order-19 { order: 19 } .ant-col-xl-18 { display: block; box-sizing: border-box; width: 75% } .ant-col-xl-push-18 { left: 75% } .ant-col-xl-pull-18 { right: 75% } .ant-col-xl-offset-18 { margin-left: 75% } .ant-col-xl-order-18 { order: 18 } .ant-col-xl-17 { display: block; box-sizing: border-box; width: 70.83333333% } .ant-col-xl-push-17 { left: 70.83333333% } .ant-col-xl-pull-17 { right: 70.83333333% } .ant-col-xl-offset-17 { margin-left: 70.83333333% } .ant-col-xl-order-17 { order: 17 } .ant-col-xl-16 { display: block; box-sizing: border-box; width: 66.66666667% } .ant-col-xl-push-16 { left: 66.66666667% } .ant-col-xl-pull-16 { right: 66.66666667% } .ant-col-xl-offset-16 { margin-left: 66.66666667% } .ant-col-xl-order-16 { order: 16 } .ant-col-xl-15 { display: block; box-sizing: border-box; width: 62.5% } .ant-col-xl-push-15 { left: 62.5% } .ant-col-xl-pull-15 { right: 62.5% } .ant-col-xl-offset-15 { margin-left: 62.5% } .ant-col-xl-order-15 { order: 15 } .ant-col-xl-14 { display: block; box-sizing: border-box; width: 58.33333333% } .ant-col-xl-push-14 { left: 58.33333333% } .ant-col-xl-pull-14 { right: 58.33333333% } .ant-col-xl-offset-14 { margin-left: 58.33333333% } .ant-col-xl-order-14 { order: 14 } .ant-col-xl-13 { display: block; box-sizing: border-box; width: 54.16666667% } .ant-col-xl-push-13 { left: 54.16666667% } .ant-col-xl-pull-13 { right: 54.16666667% } .ant-col-xl-offset-13 { margin-left: 54.16666667% } .ant-col-xl-order-13 { order: 13 } .ant-col-xl-12 { display: block; box-sizing: border-box; width: 50% } .ant-col-xl-push-12 { left: 50% } .ant-col-xl-pull-12 { right: 50% } .ant-col-xl-offset-12 { margin-left: 50% } .ant-col-xl-order-12 { order: 12 } .ant-col-xl-11 { display: block; box-sizing: border-box; width: 45.83333333% } .ant-col-xl-push-11 { left: 45.83333333% } .ant-col-xl-pull-11 { right: 45.83333333% } .ant-col-xl-offset-11 { margin-left: 45.83333333% } .ant-col-xl-order-11 { order: 11 } .ant-col-xl-10 { display: block; box-sizing: border-box; width: 41.66666667% } .ant-col-xl-push-10 { left: 41.66666667% } .ant-col-xl-pull-10 { right: 41.66666667% } .ant-col-xl-offset-10 { margin-left: 41.66666667% } .ant-col-xl-order-10 { order: 10 } .ant-col-xl-9 { display: block; box-sizing: border-box; width: 37.5% } .ant-col-xl-push-9 { left: 37.5% } .ant-col-xl-pull-9 { right: 37.5% } .ant-col-xl-offset-9 { margin-left: 37.5% } .ant-col-xl-order-9 { order: 9 } .ant-col-xl-8 { display: block; box-sizing: border-box; width: 33.33333333% } .ant-col-xl-push-8 { left: 33.33333333% } .ant-col-xl-pull-8 { right: 33.33333333% } .ant-col-xl-offset-8 { margin-left: 33.33333333% } .ant-col-xl-order-8 { order: 8 } .ant-col-xl-7 { display: block; box-sizing: border-box; width: 29.16666667% } .ant-col-xl-push-7 { left: 29.16666667% } .ant-col-xl-pull-7 { right: 29.16666667% } .ant-col-xl-offset-7 { margin-left: 29.16666667% } .ant-col-xl-order-7 { order: 7 } .ant-col-xl-6 { display: block; box-sizing: border-box; width: 25% } .ant-col-xl-push-6 { left: 25% } .ant-col-xl-pull-6 { right: 25% } .ant-col-xl-offset-6 { margin-left: 25% } .ant-col-xl-order-6 { order: 6 } .ant-col-xl-5 { display: block; box-sizing: border-box; width: 20.83333333% } .ant-col-xl-push-5 { left: 20.83333333% } .ant-col-xl-pull-5 { right: 20.83333333% } .ant-col-xl-offset-5 { margin-left: 20.83333333% } .ant-col-xl-order-5 { order: 5 } .ant-col-xl-4 { display: block; box-sizing: border-box; width: 16.66666667% } .ant-col-xl-push-4 { left: 16.66666667% } .ant-col-xl-pull-4 { right: 16.66666667% } .ant-col-xl-offset-4 { margin-left: 16.66666667% } .ant-col-xl-order-4 { order: 4 } .ant-col-xl-3 { display: block; box-sizing: border-box; width: 12.5% } .ant-col-xl-push-3 { left: 12.5% } .ant-col-xl-pull-3 { right: 12.5% } .ant-col-xl-offset-3 { margin-left: 12.5% } .ant-col-xl-order-3 { order: 3 } .ant-col-xl-2 { display: block; box-sizing: border-box; width: 8.33333333% } .ant-col-xl-push-2 { left: 8.33333333% } .ant-col-xl-pull-2 { right: 8.33333333% } .ant-col-xl-offset-2 { margin-left: 8.33333333% } .ant-col-xl-order-2 { order: 2 } .ant-col-xl-1 { display: block; box-sizing: border-box; width: 4.16666667% } .ant-col-xl-push-1 { left: 4.16666667% } .ant-col-xl-pull-1 { right: 4.16666667% } .ant-col-xl-offset-1 { margin-left: 4.16666667% } .ant-col-xl-order-1 { order: 1 } .ant-col-xl-0 { display: none } .ant-col-push-0 { left: auto } .ant-col-pull-0 { right: auto } .ant-col-xl-push-0 { left: auto } .ant-col-xl-pull-0 { right: auto } .ant-col-xl-offset-0 { margin-left: 0 } .ant-col-xl-order-0 { order: 0 } } @media (min-width:1600px) { .ant-col-xxl-1, .ant-col-xxl-2, .ant-col-xxl-3, .ant-col-xxl-4, .ant-col-xxl-5, .ant-col-xxl-6, .ant-col-xxl-7, .ant-col-xxl-8, .ant-col-xxl-9, .ant-col-xxl-10, .ant-col-xxl-11, .ant-col-xxl-12, .ant-col-xxl-13, .ant-col-xxl-14, .ant-col-xxl-15, .ant-col-xxl-16, .ant-col-xxl-17, .ant-col-xxl-18, .ant-col-xxl-19, .ant-col-xxl-20, .ant-col-xxl-21, .ant-col-xxl-22, .ant-col-xxl-23, .ant-col-xxl-24 { float: left; flex: 0 0 auto } .ant-col-xxl-24 { display: block; box-sizing: border-box; width: 100% } .ant-col-xxl-push-24 { left: 100% } .ant-col-xxl-pull-24 { right: 100% } .ant-col-xxl-offset-24 { margin-left: 100% } .ant-col-xxl-order-24 { order: 24 } .ant-col-xxl-23 { display: block; box-sizing: border-box; width: 95.83333333% } .ant-col-xxl-push-23 { left: 95.83333333% } .ant-col-xxl-pull-23 { right: 95.83333333% } .ant-col-xxl-offset-23 { margin-left: 95.83333333% } .ant-col-xxl-order-23 { order: 23 } .ant-col-xxl-22 { display: block; box-sizing: border-box; width: 91.66666667% } .ant-col-xxl-push-22 { left: 91.66666667% } .ant-col-xxl-pull-22 { right: 91.66666667% } .ant-col-xxl-offset-22 { margin-left: 91.66666667% } .ant-col-xxl-order-22 { order: 22 } .ant-col-xxl-21 { display: block; box-sizing: border-box; width: 87.5% } .ant-col-xxl-push-21 { left: 87.5% } .ant-col-xxl-pull-21 { right: 87.5% } .ant-col-xxl-offset-21 { margin-left: 87.5% } .ant-col-xxl-order-21 { order: 21 } .ant-col-xxl-20 { display: block; box-sizing: border-box; width: 83.33333333% } .ant-col-xxl-push-20 { left: 83.33333333% } .ant-col-xxl-pull-20 { right: 83.33333333% } .ant-col-xxl-offset-20 { margin-left: 83.33333333% } .ant-col-xxl-order-20 { order: 20 } .ant-col-xxl-19 { display: block; box-sizing: border-box; width: 79.16666667% } .ant-col-xxl-push-19 { left: 79.16666667% } .ant-col-xxl-pull-19 { right: 79.16666667% } .ant-col-xxl-offset-19 { margin-left: 79.16666667% } .ant-col-xxl-order-19 { order: 19 } .ant-col-xxl-18 { display: block; box-sizing: border-box; width: 75% } .ant-col-xxl-push-18 { left: 75% } .ant-col-xxl-pull-18 { right: 75% } .ant-col-xxl-offset-18 { margin-left: 75% } .ant-col-xxl-order-18 { order: 18 } .ant-col-xxl-17 { display: block; box-sizing: border-box; width: 70.83333333% } .ant-col-xxl-push-17 { left: 70.83333333% } .ant-col-xxl-pull-17 { right: 70.83333333% } .ant-col-xxl-offset-17 { margin-left: 70.83333333% } .ant-col-xxl-order-17 { order: 17 } .ant-col-xxl-16 { display: block; box-sizing: border-box; width: 66.66666667% } .ant-col-xxl-push-16 { left: 66.66666667% } .ant-col-xxl-pull-16 { right: 66.66666667% } .ant-col-xxl-offset-16 { margin-left: 66.66666667% } .ant-col-xxl-order-16 { order: 16 } .ant-col-xxl-15 { display: block; box-sizing: border-box; width: 62.5% } .ant-col-xxl-push-15 { left: 62.5% } .ant-col-xxl-pull-15 { right: 62.5% } .ant-col-xxl-offset-15 { margin-left: 62.5% } .ant-col-xxl-order-15 { order: 15 } .ant-col-xxl-14 { display: block; box-sizing: border-box; width: 58.33333333% } .ant-col-xxl-push-14 { left: 58.33333333% } .ant-col-xxl-pull-14 { right: 58.33333333% } .ant-col-xxl-offset-14 { margin-left: 58.33333333% } .ant-col-xxl-order-14 { order: 14 } .ant-col-xxl-13 { display: block; box-sizing: border-box; width: 54.16666667% } .ant-col-xxl-push-13 { left: 54.16666667% } .ant-col-xxl-pull-13 { right: 54.16666667% } .ant-col-xxl-offset-13 { margin-left: 54.16666667% } .ant-col-xxl-order-13 { order: 13 } .ant-col-xxl-12 { display: block; box-sizing: border-box; width: 50% } .ant-col-xxl-push-12 { left: 50% } .ant-col-xxl-pull-12 { right: 50% } .ant-col-xxl-offset-12 { margin-left: 50% } .ant-col-xxl-order-12 { order: 12 } .ant-col-xxl-11 { display: block; box-sizing: border-box; width: 45.83333333% } .ant-col-xxl-push-11 { left: 45.83333333% } .ant-col-xxl-pull-11 { right: 45.83333333% } .ant-col-xxl-offset-11 { margin-left: 45.83333333% } .ant-col-xxl-order-11 { order: 11 } .ant-col-xxl-10 { display: block; box-sizing: border-box; width: 41.66666667% } .ant-col-xxl-push-10 { left: 41.66666667% } .ant-col-xxl-pull-10 { right: 41.66666667% } .ant-col-xxl-offset-10 { margin-left: 41.66666667% } .ant-col-xxl-order-10 { order: 10 } .ant-col-xxl-9 { display: block; box-sizing: border-box; width: 37.5% } .ant-col-xxl-push-9 { left: 37.5% } .ant-col-xxl-pull-9 { right: 37.5% } .ant-col-xxl-offset-9 { margin-left: 37.5% } .ant-col-xxl-order-9 { order: 9 } .ant-col-xxl-8 { display: block; box-sizing: border-box; width: 33.33333333% } .ant-col-xxl-push-8 { left: 33.33333333% } .ant-col-xxl-pull-8 { right: 33.33333333% } .ant-col-xxl-offset-8 { margin-left: 33.33333333% } .ant-col-xxl-order-8 { order: 8 } .ant-col-xxl-7 { display: block; box-sizing: border-box; width: 29.16666667% } .ant-col-xxl-push-7 { left: 29.16666667% } .ant-col-xxl-pull-7 { right: 29.16666667% } .ant-col-xxl-offset-7 { margin-left: 29.16666667% } .ant-col-xxl-order-7 { order: 7 } .ant-col-xxl-6 { display: block; box-sizing: border-box; width: 25% } .ant-col-xxl-push-6 { left: 25% } .ant-col-xxl-pull-6 { right: 25% } .ant-col-xxl-offset-6 { margin-left: 25% } .ant-col-xxl-order-6 { order: 6 } .ant-col-xxl-5 { display: block; box-sizing: border-box; width: 20.83333333% } .ant-col-xxl-push-5 { left: 20.83333333% } .ant-col-xxl-pull-5 { right: 20.83333333% } .ant-col-xxl-offset-5 { margin-left: 20.83333333% } .ant-col-xxl-order-5 { order: 5 } .ant-col-xxl-4 { display: block; box-sizing: border-box; width: 16.66666667% } .ant-col-xxl-push-4 { left: 16.66666667% } .ant-col-xxl-pull-4 { right: 16.66666667% } .ant-col-xxl-offset-4 { margin-left: 16.66666667% } .ant-col-xxl-order-4 { order: 4 } .ant-col-xxl-3 { display: block; box-sizing: border-box; width: 12.5% } .ant-col-xxl-push-3 { left: 12.5% } .ant-col-xxl-pull-3 { right: 12.5% } .ant-col-xxl-offset-3 { margin-left: 12.5% } .ant-col-xxl-order-3 { order: 3 } .ant-col-xxl-2 { display: block; box-sizing: border-box; width: 8.33333333% } .ant-col-xxl-push-2 { left: 8.33333333% } .ant-col-xxl-pull-2 { right: 8.33333333% } .ant-col-xxl-offset-2 { margin-left: 8.33333333% } .ant-col-xxl-order-2 { order: 2 } .ant-col-xxl-1 { display: block; box-sizing: border-box; width: 4.16666667% } .ant-col-xxl-push-1 { left: 4.16666667% } .ant-col-xxl-pull-1 { right: 4.16666667% } .ant-col-xxl-offset-1 { margin-left: 4.16666667% } .ant-col-xxl-order-1 { order: 1 } .ant-col-xxl-0 { display: none } .ant-col-push-0 { left: auto } .ant-col-pull-0 { right: auto } .ant-col-xxl-push-0 { left: auto } .ant-col-xxl-pull-0 { right: auto } .ant-col-xxl-offset-0 { margin-left: 0 } .ant-col-xxl-order-0 { order: 0 } } .ant-calendar-picker-container { font-size: 14px; font-feature-settings: "tnum"; font-variant: tabular-nums; line-height: 1.5; color: rgba(0,0,0,.65); box-sizing: border-box; margin: 0; padding: 0; list-style: none; font-family: chinese quote,-apple-system,blinkmacsystemfont,segoe ui,pingfang sc,hiragino sans gb,microsoft yahei,helvetica neue,helvetica,arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol; position: absolute; z-index: 1050 } .ant-calendar-picker-container.slide-up-appear.slide-up-appear-active.ant-calendar-picker-container-placement-topleft, .ant-calendar-picker-container.slide-up-appear.slide-up-appear-active.ant-calendar-picker-container-placement-topright, .ant-calendar-picker-container.slide-up-enter.slide-up-enter-active.ant-calendar-picker-container-placement-topleft, .ant-calendar-picker-container.slide-up-enter.slide-up-enter-active.ant-calendar-picker-container-placement-topright { -webkit-animation-name: antslidedownin; animation-name: antslidedownin } .ant-calendar-picker-container.slide-up-appear.slide-up-appear-active.ant-calendar-picker-container-placement-bottomleft, .ant-calendar-picker-container.slide-up-appear.slide-up-appear-active.ant-calendar-picker-container-placement-bottomright, .ant-calendar-picker-container.slide-up-enter.slide-up-enter-active.ant-calendar-picker-container-placement-bottomleft, .ant-calendar-picker-container.slide-up-enter.slide-up-enter-active.ant-calendar-picker-container-placement-bottomright { -webkit-animation-name: antslideupin; animation-name: antslideupin } .ant-calendar-picker-container.slide-up-leave.slide-up-leave-active.ant-calendar-picker-container-placement-topleft, .ant-calendar-picker-container.slide-up-leave.slide-up-leave-active.ant-calendar-picker-container-placement-topright { -webkit-animation-name: antslidedownout; animation-name: antslidedownout } .ant-calendar-picker-container.slide-up-leave.slide-up-leave-active.ant-calendar-picker-container-placement-bottomleft, .ant-calendar-picker-container.slide-up-leave.slide-up-leave-active.ant-calendar-picker-container-placement-bottomright { -webkit-animation-name: antslideupout; animation-name: antslideupout } .ant-calendar-picker { font-family: chinese quote,-apple-system,blinkmacsystemfont,segoe ui,pingfang sc,hiragino sans gb,microsoft yahei,helvetica neue,helvetica,arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol; font-size: 14px; font-feature-settings: "tnum"; font-variant: tabular-nums; line-height: 1.5; color: rgba(0,0,0,.65); box-sizing: border-box; margin: 0; padding: 0; list-style: none; position: relative; display: inline-block; outline: none; -webkit-transition: opacity .3s; transition: opacity .3s } .ant-calendar-picker-input { outline: none } .ant-calendar-picker:hover .ant-calendar-picker-input:not(.ant-input-disabled) { border-color: #1890ff } .ant-calendar-picker:focus .ant-calendar-picker-input:not(.ant-input-disabled) { border-color: #40a9ff; outline: 0; box-shadow: 0 0 0 2px rgba(24,144,255,.2); border-right-width: 1px !important } .ant-calendar-picker-clear, .ant-calendar-picker-icon { position: absolute; width: 14px; height: 14px; right: 12px; top: 50%; margin-top: -7px; line-height: 14px; font-size: 12px; -webkit-transition: all .3s; transition: all .3s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 1 } .ant-calendar-picker-clear { opacity: 0; z-index: 2; font-size: 14px; color: rgba(0,0,0,.25); background: #fff; pointer-events: none; cursor: pointer } .ant-calendar-picker-clear:hover { color: rgba(0,0,0,.45) } .ant-calendar-picker:hover .ant-calendar-picker-clear { opacity: 1; pointer-events: auto } .ant-calendar-picker-icon { font-family: anticon; font-size: 14px; color: rgba(0,0,0,.25); display: inline-block; line-height: 1 } .ant-calendar-picker-small .ant-calendar-picker-clear, .ant-calendar-picker-small .ant-calendar-picker-icon { right: 8px } .ant-calendar { position: relative; outline: none; width: 280px; border: 1px solid #fff; list-style: none; font-size: 14px; text-align: left; background-color: #fff; border-radius: 4px; box-shadow: 0 2px 8px rgba(0,0,0,.15); background-clip: padding-box; line-height: 1.5 } .ant-calendar-input-wrap { height: 34px; padding: 6px 10px; border-bottom: 1px solid #e8e8e8 } .ant-calendar-input { border: 0; width: 100%; cursor: auto; outline: 0; height: 22px; color: rgba(0,0,0,.65); background: #fff } .ant-calendar-input::-moz-placeholder { color: #bfbfbf; opacity: 1 } .ant-calendar-input:-ms-input-placeholder { color: #bfbfbf } .ant-calendar-input::-webkit-input-placeholder { color: #bfbfbf } .ant-calendar-week-number { width: 286px } .ant-calendar-week-number-cell { text-align: center } .ant-calendar-header { height: 40px; line-height: 40px; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-bottom: 1px solid #e8e8e8 } .ant-calendar-header a:hover { color: #40a9ff } .ant-calendar-header .ant-calendar-century-select, .ant-calendar-header .ant-calendar-decade-select, .ant-calendar-header .ant-calendar-month-select, .ant-calendar-header .ant-calendar-year-select { padding: 0 2px; font-weight: 500; display: inline-block; color: rgba(0,0,0,.85); line-height: 40px } .ant-calendar-header .ant-calendar-century-select-arrow, .ant-calendar-header .ant-calendar-decade-select-arrow, .ant-calendar-header .ant-calendar-month-select-arrow, .ant-calendar-header .ant-calendar-year-select-arrow { display: none } .ant-calendar-header .ant-calendar-next-century-btn, .ant-calendar-header .ant-calendar-next-decade-btn, .ant-calendar-header .ant-calendar-next-month-btn, .ant-calendar-header .ant-calendar-next-year-btn, .ant-calendar-header .ant-calendar-prev-century-btn, .ant-calendar-header .ant-calendar-prev-decade-btn, .ant-calendar-header .ant-calendar-prev-month-btn, .ant-calendar-header .ant-calendar-prev-year-btn { position: absolute; top: 0; color: rgba(0,0,0,.45); font-family: arial,hiragino sans gb,microsoft yahei,"microsoft sans serif",sans-serif; padding: 0 5px; font-size: 16px; display: inline-block; line-height: 40px } .ant-calendar-header .ant-calendar-prev-century-btn, .ant-calendar-header .ant-calendar-prev-decade-btn, .ant-calendar-header .ant-calendar-prev-year-btn { left: 7px } .ant-calendar-header .ant-calendar-prev-century-btn:after, .ant-calendar-header .ant-calendar-prev-decade-btn:after, .ant-calendar-header .ant-calendar-prev-year-btn:after { content: "\ab" } .ant-calendar-header .ant-calendar-next-century-btn, .ant-calendar-header .ant-calendar-next-decade-btn, .ant-calendar-header .ant-calendar-next-year-btn { right: 7px } .ant-calendar-header .ant-calendar-next-century-btn:after, .ant-calendar-header .ant-calendar-next-decade-btn:after, .ant-calendar-header .ant-calendar-next-year-btn:after { content: "\bb" } .ant-calendar-header .ant-calendar-prev-month-btn { left: 29px } .ant-calendar-header .ant-calendar-prev-month-btn:after { content: "\2039" } .ant-calendar-header .ant-calendar-next-month-btn { right: 29px } .ant-calendar-header .ant-calendar-next-month-btn:after { content: "\203a" } .ant-calendar-body { padding: 8px 12px } .ant-calendar table { border-collapse: collapse; max-width: 100%; background-color: initial; width: 100% } .ant-calendar table, .ant-calendar td, .ant-calendar th { border: 0; text-align: center } .ant-calendar-calendar-table { border-spacing: 0; margin-bottom: 0 } .ant-calendar-column-header { line-height: 18px; width: 33px; padding: 6px 0; text-align: center } .ant-calendar-column-header .ant-calendar-column-header-inner { display: block; font-weight: 400 } .ant-calendar-week-number-header .ant-calendar-column-header-inner { display: none } .ant-calendar-cell { padding: 3px 0; height: 30px } .ant-calendar-date { display: block; margin: 0 auto; color: rgba(0,0,0,.65); border-radius: 2px; width: 24px; height: 24px; line-height: 22px; border: 1px solid transparent; padding: 0; background: transparent; text-align: center; -webkit-transition: background .3s ease; transition: background .3s ease } .ant-calendar-date-panel { position: relative } .ant-calendar-date:hover { background: #e6f7ff; cursor: pointer } .ant-calendar-date:active { color: #fff; background: #40a9ff } .ant-calendar-today .ant-calendar-date { border-color: #1890ff; font-weight: 700; color: #1890ff } .ant-calendar-last-month-cell .ant-calendar-date, .ant-calendar-next-month-btn-day .ant-calendar-date { color: rgba(0,0,0,.25) } .ant-calendar-selected-day .ant-calendar-date { background: #d1e9ff } .ant-calendar-selected-date .ant-calendar-date, .ant-calendar-selected-end-date .ant-calendar-date, .ant-calendar-selected-start-date .ant-calendar-date { background: #1890ff; color: #fff; border: 1px solid transparent } .ant-calendar-selected-date .ant-calendar-date:hover, .ant-calendar-selected-end-date .ant-calendar-date:hover, .ant-calendar-selected-start-date .ant-calendar-date:hover { background: #1890ff } .ant-calendar-disabled-cell .ant-calendar-date { cursor: not-allowed; color: #bcbcbc; background: #f5f5f5; border-radius: 0; width: auto; border: 1px solid transparent } .ant-calendar-disabled-cell .ant-calendar-date:hover { background: #f5f5f5 } .ant-calendar-disabled-cell.ant-calendar-today .ant-calendar-date { position: relative; margin-right: 5px; padding-left: 5px } .ant-calendar-disabled-cell.ant-calendar-today .ant-calendar-date:before { content: " "; position: absolute; top: -1px; left: 5px; width: 24px; height: 24px; border: 1px solid #bcbcbc; border-radius: 2px } .ant-calendar-disabled-cell-first-of-row .ant-calendar-date { border-top-left-radius: 4px; border-bottom-left-radius: 4px } .ant-calendar-disabled-cell-last-of-row .ant-calendar-date { border-top-right-radius: 4px; border-bottom-right-radius: 4px } .ant-calendar-footer { border-top: 1px solid #e8e8e8; line-height: 38px; padding: 0 12px } .ant-calendar-footer:empty { border-top: 0 } .ant-calendar-footer-btn { text-align: center; display: block } .ant-calendar-footer-extra { text-align: left } .ant-calendar .ant-calendar-clear-btn, .ant-calendar .ant-calendar-today-btn { display: inline-block; text-align: center; margin: 0 0 0 8px } .ant-calendar .ant-calendar-clear-btn-disabled, .ant-calendar .ant-calendar-today-btn-disabled { color: rgba(0,0,0,.25); cursor: not-allowed } .ant-calendar .ant-calendar-clear-btn:only-child, .ant-calendar .ant-calendar-today-btn:only-child { margin: 0 } .ant-calendar .ant-calendar-clear-btn { display: none; position: absolute; right: 5px; text-indent: -76px; overflow: hidden; width: 20px; height: 20px; text-align: center; line-height: 20px; top: 7px; margin: 0 } .ant-calendar .ant-calendar-clear-btn:after { font-size: 14px; color: rgba(0,0,0,.25); display: inline-block; line-height: 1; width: 20px; text-indent: 43px; -webkit-transition: color .3s ease; transition: color .3s ease } .ant-calendar .ant-calendar-clear-btn:hover:after { color: rgba(0,0,0,.45) } .ant-calendar .ant-calendar-ok-btn { display: inline-block; font-weight: 400; text-align: center; touch-action: manipulation; cursor: pointer; background-image: none; white-space: nowrap; height: 32px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: all .3s cubic-bezier(.645,.045,.355,1); transition: all .3s cubic-bezier(.645,.045,.355,1); position: relative; box-shadow: 0 2px 0 rgba(0,0,0,.015); color: #fff; background-color: #1890ff; border: 1px solid #1890ff; text-shadow: 0 -1px 0 rgba(0,0,0,.12); box-shadow: 0 2px 0 rgba(0,0,0,.035); padding: 0 7px; font-size: 14px; border-radius: 4px; height: 24px; line-height: 22px } .ant-calendar .ant-calendar-ok-btn > .anticon { line-height: 1 } .ant-calendar .ant-calendar-ok-btn, .ant-calendar .ant-calendar-ok-btn:active, .ant-calendar .ant-calendar-ok-btn:focus { outline: 0 } .ant-calendar .ant-calendar-ok-btn:not([disabled]):hover { text-decoration: none } .ant-calendar .ant-calendar-ok-btn:not([disabled]):active { outline: 0; -webkit-transition: none; transition: none; box-shadow: none } .ant-calendar .ant-calendar-ok-btn.disabled, .ant-calendar .ant-calendar-ok-btn[disabled] { cursor: not-allowed } .ant-calendar .ant-calendar-ok-btn.disabled > *, .ant-calendar .ant-calendar-ok-btn[disabled] > * { pointer-events: none } .ant-calendar .ant-calendar-ok-btn-lg { padding: 0 15px; font-size: 16px; border-radius: 4px; height: 40px } .ant-calendar .ant-calendar-ok-btn-sm { padding: 0 7px; font-size: 14px; border-radius: 4px; height: 24px } .ant-calendar .ant-calendar-ok-btn > a:only-child { color: currentcolor } .ant-calendar .ant-calendar-ok-btn > a:only-child:after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: transparent } .ant-calendar .ant-calendar-ok-btn:focus, .ant-calendar .ant-calendar-ok-btn:hover { color: #fff; background-color: #40a9ff; border-color: #40a9ff } .ant-calendar .ant-calendar-ok-btn:focus > a:only-child, .ant-calendar .ant-calendar-ok-btn:hover > a:only-child { color: currentcolor } .ant-calendar .ant-calendar-ok-btn:focus > a:only-child:after, .ant-calendar .ant-calendar-ok-btn:hover > a:only-child:after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: transparent } .ant-calendar .ant-calendar-ok-btn.active, .ant-calendar .ant-calendar-ok-btn:active { color: #fff; background-color: #096dd9; border-color: #096dd9 } .ant-calendar .ant-calendar-ok-btn.active > a:only-child, .ant-calendar .ant-calendar-ok-btn:active > a:only-child { color: currentcolor } .ant-calendar .ant-calendar-ok-btn.active > a:only-child:after, .ant-calendar .ant-calendar-ok-btn:active > a:only-child:after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: transparent } .ant-calendar .ant-calendar-ok-btn.disabled, .ant-calendar .ant-calendar-ok-btn.disabled.active, .ant-calendar .ant-calendar-ok-btn.disabled:active, .ant-calendar .ant-calendar-ok-btn.disabled:focus, .ant-calendar .ant-calendar-ok-btn.disabled:hover, .ant-calendar .ant-calendar-ok-btn[disabled], .ant-calendar .ant-calendar-ok-btn[disabled].active, .ant-calendar .ant-calendar-ok-btn[disabled]:active, .ant-calendar .ant-calendar-ok-btn[disabled]:focus, .ant-calendar .ant-calendar-ok-btn[disabled]:hover { color: rgba(0,0,0,.25); background-color: #f5f5f5; border-color: #d9d9d9; text-shadow: none; box-shadow: none } .ant-calendar .ant-calendar-ok-btn.disabled.active > a:only-child, .ant-calendar .ant-calendar-ok-btn.disabled:active > a:only-child, .ant-calendar .ant-calendar-ok-btn.disabled:focus > a:only-child, .ant-calendar .ant-calendar-ok-btn.disabled:hover > a:only-child, .ant-calendar .ant-calendar-ok-btn.disabled > a:only-child, .ant-calendar .ant-calendar-ok-btn[disabled].active > a:only-child, .ant-calendar .ant-calendar-ok-btn[disabled]:active > a:only-child, .ant-calendar .ant-calendar-ok-btn[disabled]:focus > a:only-child, .ant-calendar .ant-calendar-ok-btn[disabled]:hover > a:only-child, .ant-calendar .ant-calendar-ok-btn[disabled] > a:only-child { color: currentcolor } .ant-calendar .ant-calendar-ok-btn.disabled.active > a:only-child:after, .ant-calendar .ant-calendar-ok-btn.disabled:active > a:only-child:after, .ant-calendar .ant-calendar-ok-btn.disabled:focus > a:only-child:after, .ant-calendar .ant-calendar-ok-btn.disabled:hover > a:only-child:after, .ant-calendar .ant-calendar-ok-btn.disabled > a:only-child:after, .ant-calendar .ant-calendar-ok-btn[disabled].active > a:only-child:after, .ant-calendar .ant-calendar-ok-btn[disabled]:active > a:only-child:after, .ant-calendar .ant-calendar-ok-btn[disabled]:focus > a:only-child:after, .ant-calendar .ant-calendar-ok-btn[disabled]:hover > a:only-child:after, .ant-calendar .ant-calendar-ok-btn[disabled] > a:only-child:after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: transparent } .ant-calendar .ant-calendar-ok-btn-disabled { color: rgba(0,0,0,.25); background-color: #f5f5f5; border-color: #d9d9d9; cursor: not-allowed } .ant-calendar .ant-calendar-ok-btn-disabled > a:only-child { color: currentcolor } .ant-calendar .ant-calendar-ok-btn-disabled > a:only-child:after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: transparent } .ant-calendar .ant-calendar-ok-btn-disabled:hover { color: rgba(0,0,0,.25); background-color: #f5f5f5; border-color: #d9d9d9 } .ant-calendar .ant-calendar-ok-btn-disabled:hover > a:only-child { color: currentcolor } .ant-calendar .ant-calendar-ok-btn-disabled:hover > a:only-child:after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: transparent } .ant-calendar-range-picker-input { background-color: initial; border: 0; height: 99%; outline: 0; width: 44%; text-align: center } .ant-calendar-range-picker-input::-moz-placeholder { color: #bfbfbf; opacity: 1 } .ant-calendar-range-picker-input:-ms-input-placeholder { color: #bfbfbf } .ant-calendar-range-picker-input::-webkit-input-placeholder { color: #bfbfbf } .ant-calendar-range-picker-input[disabled] { cursor: not-allowed } .ant-calendar-range-picker-separator { color: rgba(0,0,0,.45); width: 10px; display: inline-block; height: 100%; vertical-align: top } .ant-calendar-range { width: 552px; overflow: hidden } .ant-calendar-range .ant-calendar-date-panel:after { content: "."; display: block; height: 0; clear: both; visibility: hidden } .ant-calendar-range-part { width: 50%; position: relative } .ant-calendar-range-left { float: left } .ant-calendar-range-left .ant-calendar-time-picker-inner { border-right: 1px solid #e8e8e8 } .ant-calendar-range-right { float: right } .ant-calendar-range-right .ant-calendar-time-picker-inner { border-left: 1px solid #e8e8e8 } .ant-calendar-range-middle { position: absolute; left: 50%; width: 20px; margin-left: -132px; text-align: center; height: 34px; line-height: 34px; color: rgba(0,0,0,.45) } .ant-calendar-range-right .ant-calendar-date-input-wrap { margin-left: -118px } .ant-calendar-range.ant-calendar-time .ant-calendar-range-middle { margin-left: -12px } .ant-calendar-range.ant-calendar-time .ant-calendar-range-right .ant-calendar-date-input-wrap { margin-left: 0 } .ant-calendar-range .ant-calendar-input-wrap { position: relative; height: 34px } .ant-calendar-range .ant-calendar-input, .ant-calendar-range .ant-calendar-time-picker-input { position: relative; display: inline-block; width: 100%; height: 32px; font-size: 14px; line-height: 1.5; color: rgba(0,0,0,.65); background-color: #fff; background-image: none; border-radius: 4px; -webkit-transition: all .3s; transition: all .3s; height: 24px; border: 0; box-shadow: none; padding: 4px 0 } .ant-calendar-range .ant-calendar-input::-moz-placeholder, .ant-calendar-range .ant-calendar-time-picker-input::-moz-placeholder { color: #bfbfbf; opacity: 1 } .ant-calendar-range .ant-calendar-input:-ms-input-placeholder, .ant-calendar-range .ant-calendar-time-picker-input:-ms-input-placeholder { color: #bfbfbf } .ant-calendar-range .ant-calendar-input::-webkit-input-placeholder, .ant-calendar-range .ant-calendar-time-picker-input::-webkit-input-placeholder { color: #bfbfbf } .ant-calendar-range .ant-calendar-input:hover, .ant-calendar-range .ant-calendar-time-picker-input:hover { border-color: #40a9ff; border-right-width: 1px !important } .ant-calendar-range .ant-calendar-input:focus, .ant-calendar-range .ant-calendar-time-picker-input:focus { border-color: #40a9ff; outline: 0; box-shadow: 0 0 0 2px rgba(24,144,255,.2); border-right-width: 1px !important } .ant-calendar-range .ant-calendar-input-disabled, .ant-calendar-range .ant-calendar-time-picker-input-disabled { background-color: #f5f5f5; opacity: 1; cursor: not-allowed; color: rgba(0,0,0,.25) } .ant-calendar-range .ant-calendar-input-disabled:hover, .ant-calendar-range .ant-calendar-time-picker-input-disabled:hover { border-color: #e6d8d8; border-right-width: 1px !important } textarea.ant-calendar-range .ant-calendar-input, textarea.ant-calendar-range .ant-calendar-time-picker-input { max-width: 100%; height: auto; vertical-align: bottom; -webkit-transition: all .3s,height 0s; transition: all .3s,height 0s; min-height: 32px } .ant-calendar-range .ant-calendar-input-lg, .ant-calendar-range .ant-calendar-time-picker-input-lg { padding: 6px 11px; height: 40px; font-size: 16px } .ant-calendar-range .ant-calendar-input-sm, .ant-calendar-range .ant-calendar-time-picker-input-sm { padding: 1px 7px; height: 24px } .ant-calendar-range .ant-calendar-input:focus, .ant-calendar-range .ant-calendar-time-picker-input:focus { box-shadow: none } .ant-calendar-range .ant-calendar-time-picker-icon { display: none } .ant-calendar-range.ant-calendar-week-number { width: 574px } .ant-calendar-range.ant-calendar-week-number .ant-calendar-range-part { width: 286px } .ant-calendar-range .ant-calendar-decade-panel, .ant-calendar-range .ant-calendar-month-panel, .ant-calendar-range .ant-calendar-year-panel { top: 34px } .ant-calendar-range .ant-calendar-month-panel .ant-calendar-year-panel { top: 0 } .ant-calendar-range .ant-calendar-decade-panel-table, .ant-calendar-range .ant-calendar-month-panel-table, .ant-calendar-range .ant-calendar-year-panel-table { height: 208px } .ant-calendar-range .ant-calendar-in-range-cell { border-radius: 0; position: relative } .ant-calendar-range .ant-calendar-in-range-cell > div { position: relative; z-index: 1 } .ant-calendar-range .ant-calendar-in-range-cell:before { content: ""; display: block; background: #e6f7ff; border-radius: 0; border: 0; position: absolute; top: 4px; bottom: 4px; left: 0; right: 0 } .ant-calendar-range .ant-calendar-footer-extra { float: left } div.ant-calendar-range-quick-selector { text-align: left } div.ant-calendar-range-quick-selector > a { margin-right: 8px } .ant-calendar-range .ant-calendar-header, .ant-calendar-range .ant-calendar-month-panel-header, .ant-calendar-range .ant-calendar-year-panel-header { border-bottom: 0 } .ant-calendar-range .ant-calendar-body, .ant-calendar-range .ant-calendar-month-panel-body, .ant-calendar-range .ant-calendar-year-panel-body { border-top: 1px solid #e8e8e8 } .ant-calendar-range.ant-calendar-time .ant-calendar-time-picker { height: 207px; width: 100%; top: 68px; z-index: 2 } .ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-panel { height: 267px; margin-top: -34px } .ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-inner { padding-top: 40px; height: 100%; background: none } .ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-combobox { display: inline-block; height: 100%; background-color: #fff; border-top: 1px solid #e8e8e8 } .ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-select { height: 100% } .ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-select ul { max-height: 100% } .ant-calendar-range.ant-calendar-time .ant-calendar-footer .ant-calendar-time-picker-btn { margin-right: 8px } .ant-calendar-range.ant-calendar-time .ant-calendar-today-btn { margin: 8px 12px; height: 22px; line-height: 22px } .ant-calendar-range-with-ranges.ant-calendar-time .ant-calendar-time-picker { height: 233px } .ant-calendar-range.ant-calendar-show-time-picker .ant-calendar-body { border-top-color: transparent } .ant-calendar-time-picker { position: absolute; width: 100%; top: 40px; background-color: #fff } .ant-calendar-time-picker-panel { z-index: 1050; position: absolute; width: 100% } .ant-calendar-time-picker-inner { display: inline-block; position: relative; outline: none; list-style: none; font-size: 14px; text-align: left; background-color: #fff; background-clip: padding-box; line-height: 1.5; overflow: hidden; width: 100% } .ant-calendar-time-picker-column-1, .ant-calendar-time-picker-column-1 .ant-calendar-time-picker-select, .ant-calendar-time-picker-combobox { width: 100% } .ant-calendar-time-picker-column-2 .ant-calendar-time-picker-select { width: 50% } .ant-calendar-time-picker-column-3 .ant-calendar-time-picker-select { width: 33.33% } .ant-calendar-time-picker-column-4 .ant-calendar-time-picker-select { width: 25% } .ant-calendar-time-picker-input-wrap { display: none } .ant-calendar-time-picker-select { float: left; font-size: 14px; border-right: 1px solid #e8e8e8; box-sizing: border-box; overflow: hidden; position: relative; height: 226px } .ant-calendar-time-picker-select:hover { overflow-y: auto } .ant-calendar-time-picker-select:first-child { border-left: 0; margin-left: 0 } .ant-calendar-time-picker-select:last-child { border-right: 0 } .ant-calendar-time-picker-select ul { list-style: none; box-sizing: border-box; margin: 0; padding: 0; width: 100%; max-height: 206px } .ant-calendar-time-picker-select li { padding-left: 32px; list-style: none; box-sizing: initial; margin: 0; width: 100%; height: 24px; line-height: 24px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: background .3s ease; transition: background .3s ease } .ant-calendar-time-picker-select li:last-child:after { content: ""; height: 202px; display: block } .ant-calendar-time-picker-select li:hover { background: #e6f7ff } li.ant-calendar-time-picker-select-option-selected { background: #f5f5f5; font-weight: 700 } li.ant-calendar-time-picker-select-option-disabled { color: rgba(0,0,0,.25) } li.ant-calendar-time-picker-select-option-disabled:hover { background: transparent; cursor: not-allowed } .ant-calendar-time .ant-calendar-day-select { padding: 0 2px; font-weight: 500; display: inline-block; color: rgba(0,0,0,.85); line-height: 34px } .ant-calendar-time .ant-calendar-footer { position: relative; height: auto } .ant-calendar-time .ant-calendar-footer-btn { text-align: right } .ant-calendar-time .ant-calendar-footer .ant-calendar-today-btn { float: left; margin: 0 } .ant-calendar-time .ant-calendar-footer .ant-calendar-time-picker-btn { display: inline-block; margin-right: 8px } .ant-calendar-time .ant-calendar-footer .ant-calendar-time-picker-btn-disabled { color: rgba(0,0,0,.25) } .ant-calendar-month-panel { position: absolute; top: 1px; right: 0; bottom: 0; left: 0; z-index: 10; border-radius: 4px; background: #fff; outline: none } .ant-calendar-month-panel > div { height: 100% } .ant-calendar-month-panel-hidden { display: none } .ant-calendar-month-panel-header { height: 40px; line-height: 40px; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-bottom: 1px solid #e8e8e8 } .ant-calendar-month-panel-header a:hover { color: #40a9ff } .ant-calendar-month-panel-header .ant-calendar-month-panel-century-select, .ant-calendar-month-panel-header .ant-calendar-month-panel-decade-select, .ant-calendar-month-panel-header .ant-calendar-month-panel-month-select, .ant-calendar-month-panel-header .ant-calendar-month-panel-year-select { padding: 0 2px; font-weight: 500; display: inline-block; color: rgba(0,0,0,.85); line-height: 40px } .ant-calendar-month-panel-header .ant-calendar-month-panel-century-select-arrow, .ant-calendar-month-panel-header .ant-calendar-month-panel-decade-select-arrow, .ant-calendar-month-panel-header .ant-calendar-month-panel-month-select-arrow, .ant-calendar-month-panel-header .ant-calendar-month-panel-year-select-arrow { display: none } .ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn, .ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn, .ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn, .ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn, .ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn, .ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn, .ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn, .ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn { position: absolute; top: 0; color: rgba(0,0,0,.45); font-family: arial,hiragino sans gb,microsoft yahei,"microsoft sans serif",sans-serif; padding: 0 5px; font-size: 16px; display: inline-block; line-height: 40px } .ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn, .ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn, .ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn { left: 7px } .ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn:after, .ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn:after, .ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn:after { content: "\ab" } .ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn, .ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn, .ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn { right: 7px } .ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn:after, .ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn:after, .ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn:after { content: "\bb" } .ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn { left: 29px } .ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn:after { content: "\2039" } .ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn { right: 29px } .ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn:after { content: "\203a" } .ant-calendar-month-panel-body { height: calc(100% - 40px) } .ant-calendar-month-panel-table { table-layout: fixed; width: 100%; height: 100%; border-collapse: initial } .ant-calendar-month-panel-selected-cell .ant-calendar-month-panel-month, .ant-calendar-month-panel-selected-cell .ant-calendar-month-panel-month:hover { background: #1890ff; color: #fff } .ant-calendar-month-panel-cell { text-align: center } .ant-calendar-month-panel-cell-disabled .ant-calendar-month-panel-month, .ant-calendar-month-panel-cell-disabled .ant-calendar-month-panel-month:hover { cursor: not-allowed; color: #bcbcbc; background: #f5f5f5 } .ant-calendar-month-panel-month { display: inline-block; margin: 0 auto; color: rgba(0,0,0,.65); background: transparent; text-align: center; height: 24px; line-height: 24px; padding: 0 8px; border-radius: 2px; -webkit-transition: background .3s ease; transition: background .3s ease } .ant-calendar-month-panel-month:hover { background: #e6f7ff; cursor: pointer } .ant-calendar-year-panel { position: absolute; top: 1px; right: 0; bottom: 0; left: 0; z-index: 10; border-radius: 4px; background: #fff; outline: none } .ant-calendar-year-panel > div { height: 100% } .ant-calendar-year-panel-hidden { display: none } .ant-calendar-year-panel-header { height: 40px; line-height: 40px; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-bottom: 1px solid #e8e8e8 } .ant-calendar-year-panel-header a:hover { color: #40a9ff } .ant-calendar-year-panel-header .ant-calendar-year-panel-century-select, .ant-calendar-year-panel-header .ant-calendar-year-panel-decade-select, .ant-calendar-year-panel-header .ant-calendar-year-panel-month-select, .ant-calendar-year-panel-header .ant-calendar-year-panel-year-select { padding: 0 2px; font-weight: 500; display: inline-block; color: rgba(0,0,0,.85); line-height: 40px } .ant-calendar-year-panel-header .ant-calendar-year-panel-century-select-arrow, .ant-calendar-year-panel-header .ant-calendar-year-panel-decade-select-arrow, .ant-calendar-year-panel-header .ant-calendar-year-panel-month-select-arrow, .ant-calendar-year-panel-header .ant-calendar-year-panel-year-select-arrow { display: none } .ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn, .ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn, .ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn, .ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn, .ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn, .ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn, .ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn, .ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn { position: absolute; top: 0; color: rgba(0,0,0,.45); font-family: arial,hiragino sans gb,microsoft yahei,"microsoft sans serif",sans-serif; padding: 0 5px; font-size: 16px; display: inline-block; line-height: 40px } .ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn, .ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn, .ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn { left: 7px } .ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn:after, .ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn:after, .ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn:after { content: "\ab" } .ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn, .ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn, .ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn { right: 7px } .ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn:after, .ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn:after, .ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn:after { content: "\bb" } .ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn { left: 29px } .ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn:after { content: "\2039" } .ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn { right: 29px } .ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn:after { content: "\203a" } .ant-calendar-year-panel-body { height: calc(100% - 40px) } .ant-calendar-year-panel-table { table-layout: fixed; width: 100%; height: 100%; border-collapse: initial } .ant-calendar-year-panel-cell { text-align: center } .ant-calendar-year-panel-year { display: inline-block; margin: 0 auto; color: rgba(0,0,0,.65); background: transparent; text-align: center; height: 24px; line-height: 24px; padding: 0 8px; border-radius: 2px; -webkit-transition: background .3s ease; transition: background .3s ease } .ant-calendar-year-panel-year:hover { background: #e6f7ff; cursor: pointer } .ant-calendar-year-panel-selected-cell .ant-calendar-year-panel-year, .ant-calendar-year-panel-selected-cell .ant-calendar-year-panel-year:hover { background: #1890ff; color: #fff } .ant-calendar-year-panel-last-decade-cell .ant-calendar-year-panel-year, .ant-calendar-year-panel-next-decade-cell .ant-calendar-year-panel-year { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: rgba(0,0,0,.25) } .ant-calendar-decade-panel { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 10; background: #fff; border-radius: 4px; outline: none } .ant-calendar-decade-panel-hidden { display: none } .ant-calendar-decade-panel-header { height: 40px; line-height: 40px; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-bottom: 1px solid #e8e8e8 } .ant-calendar-decade-panel-header a:hover { color: #40a9ff } .ant-calendar-decade-panel-header .ant-calendar-decade-panel-century-select, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-decade-select, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-month-select, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-year-select { padding: 0 2px; font-weight: 500; display: inline-block; color: rgba(0,0,0,.85); line-height: 40px } .ant-calendar-decade-panel-header .ant-calendar-decade-panel-century-select-arrow, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-decade-select-arrow, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-month-select-arrow, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-year-select-arrow { display: none } .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn { position: absolute; top: 0; color: rgba(0,0,0,.45); font-family: arial,hiragino sans gb,microsoft yahei,"microsoft sans serif",sans-serif; padding: 0 5px; font-size: 16px; display: inline-block; line-height: 40px } .ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn { left: 7px } .ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn:after, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn:after, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn:after { content: "\ab" } .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn { right: 7px } .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn:after, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn:after, .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn:after { content: "\bb" } .ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn { left: 29px } .ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn:after { content: "\2039" } .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn { right: 29px } .ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn:after { content: "\203a" } .ant-calendar-decade-panel-body { height: calc(100% - 40px) } .ant-calendar-decade-panel-table { table-layout: fixed; width: 100%; height: 100%; border-collapse: initial } .ant-calendar-decade-panel-cell { text-align: center; white-space: nowrap } .ant-calendar-decade-panel-decade { display: inline-block; margin: 0 auto; color: rgba(0,0,0,.65); background: transparent; text-align: center; height: 24px; line-height: 24px; padding: 0 6px; border-radius: 2px; -webkit-transition: background .3s ease; transition: background .3s ease } .ant-calendar-decade-panel-decade:hover { background: #e6f7ff; cursor: pointer } .ant-calendar-decade-panel-selected-cell .ant-calendar-decade-panel-decade, .ant-calendar-decade-panel-selected-cell .ant-calendar-decade-panel-decade:hover { background: #1890ff; color: #fff } .ant-calendar-decade-panel-last-century-cell .ant-calendar-decade-panel-decade, .ant-calendar-decade-panel-next-century-cell .ant-calendar-decade-panel-decade { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: rgba(0,0,0,.25) } .ant-calendar-month .ant-calendar-month-header-wrap { position: relative; height: 288px } .ant-calendar-month .ant-calendar-month-panel, .ant-calendar-month .ant-calendar-year-panel { top: 0; height: 100% } .ant-calendar-week-number-cell { opacity: .5 } .ant-calendar-week-number .ant-calendar-body tr { -webkit-transition: all .3s; transition: all .3s; cursor: pointer } .ant-calendar-week-number .ant-calendar-body tr:hover { background: #e6f7ff } .ant-calendar-week-number .ant-calendar-body tr.ant-calendar-active-week { background: #bae7ff; font-weight: 700 } .ant-calendar-week-number .ant-calendar-body tr .ant-calendar-selected-day .ant-calendar-date, .ant-calendar-week-number .ant-calendar-body tr .ant-calendar-selected-day:hover .ant-calendar-date { background: transparent; color: rgba(0,0,0,.65) } .ant-time-picker-panel { font-size: 14px; font-feature-settings: "tnum"; font-variant: tabular-nums; line-height: 1.5; color: rgba(0,0,0,.65); box-sizing: border-box; margin: 0; padding: 0; list-style: none; font-family: chinese quote,-apple-system,blinkmacsystemfont,segoe ui,pingfang sc,hiragino sans gb,microsoft yahei,helvetica neue,helvetica,arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol; z-index: 1050; position: absolute } .ant-time-picker-panel-inner { position: relative; outline: none; list-style: none; font-size: 14px; text-align: left; background-color: #fff; border-radius: 4px; box-shadow: 0 2px 8px rgba(0,0,0,.15); background-clip: padding-box; overflow: hidden; left: -2px } .ant-time-picker-panel-input { margin: 0; padding: 0; border: 0; max-width: 154px; cursor: auto; outline: 0 } .ant-time-picker-panel-input::-moz-placeholder { color: #bfbfbf; opacity: 1 } .ant-time-picker-panel-input:-ms-input-placeholder { color: #bfbfbf } .ant-time-picker-panel-input::-webkit-input-placeholder { color: #bfbfbf } .ant-time-picker-panel-input-wrap { box-sizing: border-box; position: relative; padding: 7px 2px 7px 12px; border-bottom: 1px solid #e8e8e8 } .ant-time-picker-panel-input-invalid { border-color: red } .ant-time-picker-panel-clear-btn { position: absolute; right: 8px; cursor: pointer; overflow: hidden; width: 20px; height: 20px; text-align: center; line-height: 20px; top: 7px; margin: 0 } .ant-time-picker-panel-clear-btn-icon svg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; font-size: 14px; color: rgba(0,0,0,.25); display: inline-block; -webkit-transition: color .3s ease; transition: color .3s ease } .ant-time-picker-panel-clear-btn-icon svg:hover { color: rgba(0,0,0,.45) } .ant-time-picker-panel-narrow .ant-time-picker-panel-input-wrap { max-width: 112px } .ant-time-picker-panel-select { float: left; font-size: 14px; border-left: 1px solid #e8e8e8; box-sizing: border-box; width: 56px; overflow: hidden; position: relative; max-height: 192px } .ant-time-picker-panel-select:hover { overflow-y: auto } .ant-time-picker-panel-select:first-child { border-left: 0; margin-left: 0 } .ant-time-picker-panel-select:last-child { border-right: 0 } .ant-time-picker-panel-select:only-child { width: 100% } .ant-time-picker-panel-select ul { list-style: none; box-sizing: border-box; margin: 0; padding: 0 0 160px; width: 100% } .ant-time-picker-panel-select li { list-style: none; box-sizing: initial; margin: 0; padding: 0 0 0 12px; width: 100%; height: 32px; line-height: 32px; text-align: left; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: background .3s; transition: background .3s } .ant-time-picker-panel-select li:hover { background: #e6f7ff } li.ant-time-picker-panel-select-option-selected { background: #f5f5f5; font-weight: 700 } li.ant-time-picker-panel-select-option-selected:hover { background: #f5f5f5 } li.ant-time-picker-panel-select-option-disabled { color: rgba(0,0,0,.25) } li.ant-time-picker-panel-select-option-disabled:hover { background: transparent; cursor: not-allowed } .ant-time-picker-panel-combobox { zoom: 1 } .ant-time-picker-panel-combobox:after, .ant-time-picker-panel-combobox:before { content: ""; display: table } .ant-time-picker-panel-combobox:after { clear: both } .ant-time-picker-panel-addon { padding: 8px; border-top: 1px solid #e8e8e8 } .ant-time-picker-panel.slide-up-appear.slide-up-appear-active.ant-time-picker-panel-placement-topleft, .ant-time-picker-panel.slide-up-appear.slide-up-appear-active.ant-time-picker-panel-placement-topright, .ant-time-picker-panel.slide-up-enter.slide-up-enter-active.ant-time-picker-panel-placement-topleft, .ant-time-picker-panel.slide-up-enter.slide-up-enter-active.ant-time-picker-panel-placement-topright { -webkit-animation-name: antslidedownin; animation-name: antslidedownin } .ant-time-picker-panel.slide-up-appear.slide-up-appear-active.ant-time-picker-panel-placement-bottomleft, .ant-time-picker-panel.slide-up-appear.slide-up-appear-active.ant-time-picker-panel-placement-bottomright, .ant-time-picker-panel.slide-up-enter.slide-up-enter-active.ant-time-picker-panel-placement-bottomleft, .ant-time-picker-panel.slide-up-enter.slide-up-enter-active.ant-time-picker-panel-placement-bottomright { -webkit-animation-name: antslideupin; animation-name: antslideupin } .ant-time-picker-panel.slide-up-leave.slide-up-leave-active.ant-time-picker-panel-placement-topleft, .ant-time-picker-panel.slide-up-leave.slide-up-leave-active.ant-time-picker-panel-placement-topright { -webkit-animation-name: antslidedownout; animation-name: antslidedownout } .ant-time-picker-panel.slide-up-leave.slide-up-leave-active.ant-time-picker-panel-placement-bottomleft, .ant-time-picker-panel.slide-up-leave.slide-up-leave-active.ant-time-picker-panel-placement-bottomright { -webkit-animation-name: antslideupout; animation-name: antslideupout } .ant-time-picker { font-family: chinese quote,-apple-system,blinkmacsystemfont,segoe ui,pingfang sc,hiragino sans gb,microsoft yahei,helvetica neue,helvetica,arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol; font-size: 14px; font-feature-settings: "tnum"; font-variant: tabular-nums; box-sizing: border-box; margin: 0; padding: 0; list-style: none; outline: none; -webkit-transition: opacity .3s; transition: opacity .3s; width: 128px } .ant-time-picker, .ant-time-picker-input { line-height: 1.5; color: rgba(0,0,0,.65); position: relative; display: inline-block } .ant-time-picker-input { padding: 4px 11px; width: 100%; height: 32px; font-size: 14px; background-color: #fff; background-image: none; border: 1px solid #d9d9d9; border-radius: 4px; -webkit-transition: all .3s; transition: all .3s } .ant-time-picker-input::-moz-placeholder { color: #bfbfbf; opacity: 1 } .ant-time-picker-input:-ms-input-placeholder { color: #bfbfbf } .ant-time-picker-input::-webkit-input-placeholder { color: #bfbfbf } .ant-time-picker-input:focus, .ant-time-picker-input:hover { border-color: #40a9ff; border-right-width: 1px !important } .ant-time-picker-input:focus { outline: 0; box-shadow: 0 0 0 2px rgba(24,144,255,.2) } .ant-time-picker-input-disabled { background-color: #f5f5f5; opacity: 1; cursor: not-allowed; color: rgba(0,0,0,.25) } .ant-time-picker-input-disabled:hover { border-color: #e6d8d8; border-right-width: 1px !important } textarea.ant-time-picker-input { max-width: 100%; height: auto; vertical-align: bottom; -webkit-transition: all .3s,height 0s; transition: all .3s,height 0s; min-height: 32px } .ant-time-picker-input-lg { padding: 6px 11px; height: 40px; font-size: 16px } .ant-time-picker-input-sm { padding: 1px 7px; height: 24px } .ant-time-picker-input[disabled] { background-color: #f5f5f5; opacity: 1; cursor: not-allowed; color: rgba(0,0,0,.25) } .ant-time-picker-input[disabled]:hover { border-color: #e6d8d8; border-right-width: 1px !important } .ant-time-picker-open { opacity: 0 } .ant-time-picker-icon { position: absolute; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: all .3s cubic-bezier(.645,.045,.355,1); transition: all .3s cubic-bezier(.645,.045,.355,1); width: 14px; height: 14px; line-height: 14px; right: 11px; color: rgba(0,0,0,.25); top: 50%; margin-top: -7px } .ant-time-picker-icon .ant-time-picker-clock-icon { color: rgba(0,0,0,.25); display: block; line-height: 1 } .ant-time-picker-large .ant-time-picker-input { padding: 6px 11px; height: 40px; font-size: 16px } .ant-time-picker-small .ant-time-picker-input { padding: 1px 7px; height: 24px } .ant-time-picker-small .ant-time-picker-icon { right: 7px } .ant-tag { font-family: chinese quote,-apple-system,blinkmacsystemfont,segoe ui,pingfang sc,hiragino sans gb,microsoft yahei,helvetica neue,helvetica,arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol; font-size: 14px; font-feature-settings: "tnum"; font-variant: tabular-nums; line-height: 1.5; color: rgba(0,0,0,.65); box-sizing: border-box; list-style: none; display: inline-block; line-height: 20px; height: 22px; padding: 0 7px; border-radius: 4px; border: 1px solid #d9d9d9; background: #fafafa; font-size: 12px; -webkit-transition: all .3s cubic-bezier(.215,.61,.355,1); transition: all .3s cubic-bezier(.215,.61,.355,1); opacity: 1; margin: 0 8px 0 0; cursor: pointer; white-space: nowrap } .ant-tag:hover { opacity: .85 } .ant-tag, .ant-tag a, .ant-tag a:hover { color: rgba(0,0,0,.65) } .ant-tag > a:first-child:last-child { display: inline-block; margin: 0 -8px; padding: 0 8px } .ant-tag .anticon-close { display: inline-block; font-size: 12px; font-size: 10px\9; -webkit-transform: scale(.83333333) rotate(0deg); transform: scale(.83333333) rotate(0deg); cursor: pointer; margin-left: 3px; -webkit-transition: all .3s; transition: all .3s; color: rgba(0,0,0,.45); font-weight: 700 } :root .ant-tag .anticon-close { font-size: 12px } .ant-tag .anticon-close:hover { color: rgba(0,0,0,.85) } .ant-tag-has-color { border-color: transparent } .ant-tag-has-color, .ant-tag-has-color .anticon-close, .ant-tag-has-color .anticon-close:hover, .ant-tag-has-color a, .ant-tag-has-color a:hover { color: #fff } .ant-tag-checkable { background-color: initial; border-color: transparent } .ant-tag-checkable:not(.ant-tag-checkable-checked):hover { color: #1890ff } .ant-tag-checkable-checked, .ant-tag-checkable:active { color: #fff } .ant-tag-checkable-checked { background-color: #1890ff } .ant-tag-checkable:active { background-color: #096dd9 } .ant-tag-close { width: 0 !important; padding: 0; margin: 0 } .ant-tag-zoom-appear, .ant-tag-zoom-enter { -webkit-animation: antfadein .2s cubic-bezier(.78,.14,.15,.86); animation: antfadein .2s cubic-bezier(.78,.14,.15,.86); -webkit-animation-fill-mode: both; animation-fill-mode: both } .ant-tag-zoom-leave { -webkit-animation: antzoomout .3s cubic-bezier(.78,.14,.15,.86); animation: antzoomout .3s cubic-bezier(.78,.14,.15,.86); -webkit-animation-fill-mode: both; animation-fill-mode: both } .ant-tag-pink { color: #eb2f96; background: #fff0f6; border-color: #ffadd2 } .ant-tag-pink-inverse { background: #eb2f96; border-color: #eb2f96; color: #fff } .ant-tag-magenta { color: #eb2f96; background: #fff0f6; border-color: #ffadd2 } .ant-tag-magenta-inverse { background: #eb2f96; border-color: #eb2f96; color: #fff } .ant-tag-red { color: #f5222d; background: #fff1f0; border-color: #ffa39e } .ant-tag-red-inverse { background: #f5222d; border-color: #f5222d; color: #fff } .ant-tag-volcano { color: #fa541c; background: #fff2e8; border-color: #ffbb96 } .ant-tag-volcano-inverse { background: #fa541c; border-color: #fa541c; color: #fff } .ant-tag-orange { color: #fa8c16; background: #fff7e6; border-color: #ffd591 } .ant-tag-orange-inverse { background: #fa8c16; border-color: #fa8c16; color: #fff } .ant-tag-yellow { color: #fadb14; background: #feffe6; border-color: #fffb8f } .ant-tag-yellow-inverse { background: #fadb14; border-color: #fadb14; color: #fff } .ant-tag-gold { color: #faad14; background: #fffbe6; border-color: #ffe58f } .ant-tag-gold-inverse { background: #faad14; border-color: #faad14; color: #fff } .ant-tag-cyan { color: #13c2c2; background: #e6fffb; border-color: #87e8de } .ant-tag-cyan-inverse { background: #13c2c2; border-color: #13c2c2; color: #fff } .ant-tag-lime { color: #a0d911; background: #fcffe6; border-color: #eaff8f } .ant-tag-lime-inverse { background: #a0d911; border-color: #a0d911; color: #fff } .ant-tag-green { color: #52c41a; background: #f6ffed; border-color: #b7eb8f } .ant-tag-green-inverse { background: #52c41a; border-color: #52c41a; color: #fff } .ant-tag-blue { color: #1890ff; background: #e6f7ff; border-color: #91d5ff } .ant-tag-blue-inverse { background: #1890ff; border-color: #1890ff; color: #fff } .ant-tag-geekblue { color: #2f54eb; background: #f0f5ff; border-color: #adc6ff } .ant-tag-geekblue-inverse { background: #2f54eb; border-color: #2f54eb; color: #fff } .ant-tag-purple { color: #722ed1; background: #f9f0ff; border-color: #d3adf7 } .ant-tag-purple-inverse { background: #722ed1; border-color: #722ed1; color: #fff } .announcement ul { padding: 0; list-style: none } .announcement .page-lassen-announcement { font-family: microsoft yahei; min-width: 1200px; background-color: #f6f6f6 } .announcement .page-lassen-announcement-container { width: 1200px; margin: 20px auto; background-color: #fff; padding: 20px 30px 30px; overflow: hidden } .announcement .page-lassen-announcement-container .filter { width: 800px; margin: 0 auto } .announcement .page-lassen-announcement-container .filter .filter-left-input { width: 330px; border-color: #ddd; box-shadow: none; height: 36px; margin-right: 10px } .announcement .page-lassen-announcement-container .fn-mr160 { margin-right: 160px } .announcement .page-lassen-announcement-container ul.renderlist { width: 800px; min-height: 400px; margin: 0 auto; overflow: hidden } .announcement .page-lassen-announcement-container ul.renderlist li { float: left; width: 390px; height: 150px; background: no-repeat 100% 100% #fafafa; padding: 20px; margin: 20px 20px 0 0 } .announcement .page-lassen-announcement-container ul.renderlist li .case-number, .announcement .page-lassen-announcement-container ul.renderlist li .case-title { font-size: 14px; color: #333; line-height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal } .announcement .page-lassen-announcement-container ul.renderlist li .case-information { margin-top: 10px; line-height: 18px; font-size: 12px; color: #666 } .announcement .page-lassen-announcement-container ul.renderlist li:nth-child(odd) { margin-right: -20px } .announcement .page-lassen-announcement-container .ant-pagination { float: right; margin-top: 24px; margin-right: 12px } .empty-content { margin-top: 50px !important } .empty-content .empty-person { width: 155px; height: 140px; background: -80px 0 no-repeat; margin: 0 auto } .empty-content .empty-tips { font-size: 2em; text-align: center } .minbanner .page-lassen-common-banner { position: relative; background: no-repeat top; height: 260px } .minbanner .page-lassen-common-banner .relative-box, .minbanner .page-lassen-common-banner .relative-image { position: absolute; top: 50%; left: 50% } .minbanner .page-lassen-common-banner .relative-box { width: 500px; height: 140px; margin: -70px 0 0 -250px; color: #fff; text-align: center } .minbanner .page-lassen-common-banner .relative-box-chinese { font-size: 48px; margin: 24px 0 8px } .minbanner .page-lassen-common-banner .relative-box-english { font-size: 24px; font-family: arial } .trialslive ul { padding: 0; list-style: none } .trialslive .page-lassen-trials-live { font-family: microsoft yahei; min-width: 1200px; background-color: #f6f6f6 } .trialslive .page-lassen-trials-live-container { width: 1200px; margin: 20px auto; background-color: #fff; padding: 10px 30px 30px; overflow: hidden } .trialslive .page-lassen-trials-live-container ul.renderlist { min-height: 400px } .trialslive .page-lassen-trials-live-container ul.renderlist li { position: relative; float: left; width: 365px; height: 290px; margin: 20px 15px 0 0 } .trialslive .page-lassen-trials-live-container ul.renderlist li .case-video img { height: 210px; width: 365px } .trialslive .page-lassen-trials-live-container ul.renderlist li .case-video-hover { display: none; position: absolute; height: 210px; width: 370px; top: 0; background: no-repeat 50% hsla(0,0%,100%,.5); cursor: pointer } .trialslive .page-lassen-trials-live-container ul.renderlist li .case-video:hover .case-video-hover { display: block } .trialslive .page-lassen-trials-live-container ul.renderlist li .case-information { padding: 20px; height: 80px; background-color: #f2f2f2 } .trialslive .page-lassen-trials-live-container ul.renderlist li .case-information .case-number, .trialslive .page-lassen-trials-live-container ul.renderlist li .case-information .case-title { font-size: 14px; color: #888; line-height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal } .trialslive .page-lassen-trials-live-container .ant-pagination { float: right; margin-top: 24px; margin-right: 12px } .trialslive .video-container { position: fixed; width: 100vw; height: 100vh; top: 0; left: 0; background: hsla(0,0%,50.2%,.59) } .trialslive .video-container .close { position: absolute; top: 10px; right: 20px; font-size: 24px; color: #fff; cursor: pointer } .trialslive .video-container video { position: absolute; width: 840px; height: 460px; top: 0; left: 0; bottom: 0; right: 0; margin: auto } .litigationdocuments ul { padding: 0; list-style: none } .litigationdocuments .page-lassen-litigation-documents { font-family: microsoft yahei; min-width: 1200px; background-color: #f6f6f6 } .litigationdocuments .page-lassen-litigation-documents-container { width: 1200px; margin: 20px auto; background-color: #fff; padding: 10px 50px 30px } .litigationdocuments .page-lassen-litigation-documents-container ul { min-height: 400px } .litigationdocuments .page-lassen-litigation-documents-container li { margin: 0 auto; border-bottom: 1px dashed #e6e6e6; padding: 20px 0 } .litigationdocuments .page-lassen-litigation-documents-container li .title { font-size: 16px; color: #333; width: 800px; display: block; height: 30px; line-height: 26px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal } .litigationdocuments .page-lassen-litigation-documents-container li .date { font-size: 14px; color: #666 } .litigationdocuments .page-lassen-litigation-documents-container li .action { float: right; font-size: 14px; color: #666; line-height: 50px } .litigationdocuments .page-lassen-litigation-documents-container li .action i { margin-right: 5px; font-size: 18px; vertical-align: text-bottom } .litigationdocuments .page-lassen-litigation-documents-container li .action a { color: #666 } .litigationdocuments .page-lassen-litigation-documents-container li .action a:hover { color: var(--second-color) } .litigationtools .page-lassen-litigation-tools { font-family: microsoft yahei; min-width: 1200px; background-color: #f6f6f6 } .litigationtools .page-lassen-litigation-tools-calculate { width: 1200px; background-color: #fff; margin: 20px auto; overflow: hidden } .litigationtools .page-lassen-litigation-tools-calculate-title { padding-top: 36px; margin-bottom: 22px; font-size: 24px; color: #333; text-align: center } .litigationtools .page-lassen-litigation-tools-calculate-description { font-size: 14px; color: #666; text-align: center } .litigationtools .page-lassen-litigation-tools-calculate-description-sec { color: #999; font-size: 14px; text-align: center; margin: 22px 0 40px } .litigationtools .page-lassen-litigation-tools-calculate-content { margin-bottom: 20px } .litigationtools .page-lassen-litigation-tools-calculate-content .title { width: 130px; height: 36px; line-height: 36px; position: relative; margin-left: 220px; border: 1px solid; border-color: #eee #eee #fff; z-index: 1; font-size: 16px; text-align: center } .litigationtools .page-lassen-litigation-tools-calculate-content .calculate-warp { border: 1px solid #eee; text-align: center; padding: 20px 0; width: 760px; margin: 0 auto; position: relative; top: -1px; font-size: 14px } .litigationtools .page-lassen-litigation-tools-calculate-content .calculate-warp button { color: #666; background-color: #f5f5f5 } .litigationtools .page-lassen-litigation-tools-calculate-content .calculate-warp button:hover { background-color: #015b97; color: #fff } .litigationtools .page-lassen-litigation-tools-calculate-content .calculate-warp input.excluded:-moz-placeholder { color: #333 } .litigationtools .page-lassen-litigation-tools-calculate-content .calculate-warp input.excluded:-ms-input-placeholder { color: #333 } .litigationtools .page-lassen-litigation-tools-calculate-content .calculate-warp input.excluded::-moz-placeholder { color: #333 } .litigationtools .page-lassen-litigation-tools-calculate-content .calculate-warp input.excluded::-webkit-input-placeholder { color: #333 } .litigationtools .page-lassen-litigation-tools-calculate-content .calculate-warp p { line-height: 40px; height: 40px } .litigationtools .page-lassen-litigation-tools-calculate-content .calculate-warp table { width: 100% } .litigationtools .page-lassen-litigation-tools-calculate-content .calculate-warp table tr td { line-height: 30px; height: 40px } .litigationtools .page-lassen-litigation-tools-calculate-content .calculate-warp table tr td:nth-child(odd) { text-align: right; width: 170px } .litigationtools .page-lassen-litigation-tools-calculate-content .calculate-warp table tr td:nth-child(2n) { padding-left: 10px; text-align: left } .litigationtools .page-lassen-litigation-tools-calculate-contente { margin-bottom: 20px } .litigationtools .page-lassen-litigation-tools-calculate-contente .title { width: 190px; height: 36px; line-height: 36px; position: relative; margin-left: 160px; border: 1px solid; border-color: #eee #eee #fff; z-index: 1; font-size: 16px; text-align: center } .litigationtools .page-lassen-litigation-tools-calculate-contente .calculate-warp { border: 1px solid #eee; text-align: center; padding: 20px 0; width: 880px; margin: 0 auto; position: relative; top: -1px; font-size: 14px } .litigationtools .page-lassen-litigation-tools-calculate-contente .calculate-warp button { color: #666; background-color: #f5f5f5 } .litigationtools .page-lassen-litigation-tools-calculate-contente .calculate-warp button:hover { background-color: #015b97; color: #fff } .litigationtools .page-lassen-litigation-tools-calculate-contente .calculate-warp input.excluded:-moz-placeholder { color: #333 } .litigationtools .page-lassen-litigation-tools-calculate-contente .calculate-warp input.excluded:-ms-input-placeholder { color: #333 } .litigationtools .page-lassen-litigation-tools-calculate-contente .calculate-warp input.excluded::-moz-placeholder { color: #333 } .litigationtools .page-lassen-litigation-tools-calculate-contente .calculate-warp input.excluded::-webkit-input-placeholder { color: #333 } .litigationtools .page-lassen-litigation-tools-calculate-contente .calculate-warp p { line-height: 40px; height: 40px } .litigationtools .page-lassen-litigation-tools-calculate-contente .calculate-warp table { width: 100% } .litigationtools .page-lassen-litigation-tools-calculate-contente .calculate-warp table tr td { line-height: 30px; height: 40px } .litigationtools .page-lassen-litigation-tools-calculate-contente .calculate-warp table tr td:nth-child(odd) { text-align: right; width: 244px } .litigationtools .page-lassen-litigation-tools-calculate-contente .calculate-warp table tr td:nth-child(2n) { padding-left: 10px; text-align: left } .aboutus .page-lassen-introduce .page-lassen-head { box-shadow: 0 0 1px 1px hsla(0,0%,50.2%,.22) } .aboutus .page-lassen-introduce-content { width: 1180px; margin: 0 auto; font-size: 16px; padding: 20px 0 120px } .aboutus .page-lassen-introduce-content .introduce-img-container { text-align: center } .aboutus .page-lassen-introduce-content .introduce-img-container img { width: 100%; height: auto; margin: 20px 0 } .aboutus .page-lassen-introduce-content h1 { text-align: center; font-size: 30px; line-height: 80px } .aboutus .page-lassen-introduce-content p { font-size: 14px; text-indent: 30px; line-height: 1.8em; margin: 10px 0 } .aboutus .page-lassen-introduce-content .page-lassen-introduce-content-footer p { text-indent: 0 } .caselist { width: 1200px; margin: 20px auto; background-color: #fff; padding: 0 30px 30px } .caselist .filter-container { padding-top: 20px } .caselist .filter-container label { float: left; line-height: 24px; padding: 0 16px; cursor: pointer; font-weight: 400; margin: 0 } .caselist .filter-container label.child-focus, .caselist .filter-container label:hover { border-radius: 3px; background: var(--main-color); color: #fff } .caselist .filter-container ul { border-top: 1px solid hsla(0,0%,80%,.43); border-bottom: 1px solid #ccc; overflow: hidden; font-size: 14px } .caselist .filter-container ul li { padding: 10px 70px 5px 165px; margin: 5px 0 -1px; border-top: 1px solid #ebebeb; line-height: 25px } .caselist .filter-container ul li .child-title { float: left; margin: 8px 0 8px -150px; color: #333 } .caselist .filter-container ul li .child-labelbox.child-first { width: 70px; margin-left: -70px } .caselist .filter-container ul li .child-labelbox.more { float: right; position: relative; width: 70px; margin-right: -60px } .caselist .filter-container ul li .more-text { float: left; margin-right: -10px } .caselist .filter-container ul li .icon-triangle-more { font-size: 25px; color: #2291ca } .caselist .filter-container ul .extend { padding: 10px 70px 5px 255px } .caselist .filter-container ul .extend1 { margin: 8px 0 8px -240px !important } .caselist .filter-container ul .extend2 { width: 120px !important; margin-left: -130px !important; display: grid; text-align: center } .caselist .filter-container ul li:first-child { margin-top: -5px; padding-left: 124px } .caselist .filter-container ul li:first-child .extend2 { display: none } .caselist .filter-container ul li:first-child .extend1 { margin-left: -109px !important } .caselist .filter-container ul .height-limit { max-height: 96px; overflow: hidden } .caselist .filter-container .child-labelbox { float: left; height: 24px; line-height: 24px; margin: 8px 0 8px 1px; overflow: hidden } .caselist .filter-container .child-redround-icon { display: inline-block; border-radius: 50%; font-size: 12px; width: 12px; line-height: 12px; text-align: center; position: absolute; top: -2px; left: 25px; background-color: #ed1c24; color: #fff } .caselist .filter-container .child-labelbox input, .caselist .filter-container .child-labelbox label, .caselist .filter-container .child-labelbox span { font-size: 14px } .caselist .content { overflow: hidden } .caselist .content .case-container { padding: 10px 20px; border: 1px solid #e6e6e6; margin-top: 20px } .caselist .content .case-container .case-aside-td { border-left: 1px solid #e6e6e6; vertical-align: middle } .caselist .content .case-container .case-aside { padding: 10px 0 10px 20px; line-height: 20px; font-size: 12px; max-width: 180px } .caselist .content .case-container .case-description { font-size: 14px; line-height: 40px; color: #333; margin-bottom: 5px } .caselist .content .case-container .party-td { vertical-align: top; background-color: #f6f6f6 } .caselist .content .case-container .party { padding: 16px 20px 26px; font-size: 12px; line-height: 20px } .caselist .content .case-container .case-title { font-size: 12px; margin-top: 6px; line-height: 26px; color: #666 } .caselist .content .case-container span.status-container { position: relative; display: inline-block; margin-left: 15px; height: 30px; line-height: 30px; padding: 0 16px; border-radius: 2px; font-size: 12px; color: #fff; background-color: var(--main-color) } .caselist .content .case-container span.status-container:before { position: absolute; left: -13px; top: 7px; box-sizing: border-box; height: 14px; width: 14px; margin-bottom: -2px; border: 7px solid var(--main-color); border-top: 7px solid transparent; border-left: 7px solid transparent; border-bottom: 7px solid transparent; content: "" } .caselist .ant-pagination { float: right; margin-top: 24px; margin-right: 12px } .onlinecourtlist .content { width: 1210px; margin: 0 auto 80px } .onlinecourtlist ul { list-style: none; padding: 0 } .onlinecourtlist .court-list-container { width: 1210px; background: #fff; font-family: microsoft yahei,"\5fae\8f6f\96c5\9ed1"; margin: 0 auto; zoom: 1; overflow: hidden } .onlinecourtlist .court-list-container li { float: left; position: relative; width: 371px; margin: 20px 30px 10px 0; overflow: hidden; border: 1px solid #d7d7d7 } .onlinecourtlist .court-list-container li .img-container { width: 371px; height: 180px } .onlinecourtlist .court-list-container li .court-detail p { margin: 4px 15px 0; line-height: 40px; font-size: 18px; color: #333; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden } .onlinecourtlist .court-list-container li .court-detail .court-list-des { margin: 0 15px 8px; overflow: hidden; line-height: 24px; height: 50px; font-size: 14px; color: #666; word-wrap: break-word; word-break: break-all; white-space: normal } .onlinecourtlist .court-list-container li .court-list-maskbox { top: 284px; z-index: 10; -webkit-transition: top .4s linear; transition: top .4s linear; width: 100%; height: 100%; position: absolute } .onlinecourtlist .court-list-container li .court-list-maskbox .court-list-mask { background: #f2f2f2; opacity: .9; width: 100%; height: 100%; position: absolute } .onlinecourtlist .court-list-container li .court-list-maskbox .court-list-mask-text { position: absolute; margin: 16px 20px 18px; height: 248px; line-height: 1.8em; overflow: hidden; font-size: 14px; word-wrap: break-word; word-break: break-all; white-space: normal } .onlinecourtlist .court-list-container li:hover .court-list-maskbox { top: 0 } .onlinecourtlist .ant-pagination { float: right; margin-top: 24px; margin-right: 36px } .default-navbar .lc-header { height: 100px } .default-navbar .lc-header .logo { padding-left: 18px; padding-bottom: 0 } .default-navbar .lc-header .logo img { height: 46px !important } .default-navbar .lc-header .user { margin-top: 35px } .default-navbar .lc-nav { background: var(--main-color) } .default-navbar .lc-nav .button-group a { background: var(--second-color) } .default-navbar .global-nav .child-nav > li.active > a, .default-navbar .global-nav .child-nav > li > a:hover, .default-navbar .lc-nav .button-group a:hover { color: #fff; background: var(--second-color) } .default-navbar .nav-entry { background-color: #ffa333 !important } .default-navbar .main-nav-fixed { background: var(--main-color) } .default-navbar .nav-code { position: relative; z-index: 100; float: right; margin: 35px auto 0; line-height: 23px } .default-navbar .nav-code .qrcode-trigger { color: #1890ff; font-size: 12px; cursor: pointer } .default-navbar .nav-code:hover .nav-code-box { display: block } .default-navbar .footer-code { position: relative; margin: 0 auto; width: 1180px; z-index: 100 } .default-navbar .nav-code-box { display: none; position: absolute; right: -50px; top: 12px; margin-top: 12px } .default-navbar .code-mock { position: absolute; right: 0; top: -50px; right: 2px; width: 132px; height: 10px; transform: skew(-30deg); -webkit-transform: skew(-30deg); -moz-transform: skew(-30deg); -o-transform: skew(-30deg); -ms-transform: skew(-30deg); background-color: #000; margin: 50px auto; box-shadow: 5px 5px 10px #000 } .default-navbar .code-text { position: absolute; width: 130px; text-align: center; bottom: 7px; font-size: 12px; color: #2f3e83 } .fn-mr5 { margin-right: 5px } .fn-ml20 { margin-left: 20px } .fn-color-0073bf { color: #0073bf } .global-head .child-line { display: none; width: 1px; height: 25px; background: #ccc; vertical-align: 14px; margin: 3px 5px 0 10px } .global-nav .child-nav { margin: 0 auto; float: left; color: #333; line-height: 18px } .global-nav .child-nav > li { float: left; position: relative; display: block } .global-nav .child-nav > li > a { font-size: 14px; line-height: 20px; padding: 10px 20px; position: relative; display: block; background-color: initial } .global-nav .child-nav > li.active > a, .global-nav .child-nav > li > a:hover { background: #009aff } .fn-clear { zoom: 1 } .fn-clear:after { visibility: hidden; display: block; font-size: 0; content: "1"; clear: both; height: 0 } .fn-left { float: left; _display: inline } .fn-right { float: right; _display: inline } .fn-posrel { position: relative } .lc-header { height: 80px; background: #fff } .lc-center-wrap { width: 1180px; margin: 0 auto } .lc-header .logo { padding: 16px 0 } .lc-header .user { margin: 25px 0 0; font-size: 12px; color: #666; line-height: 22px } .lc-header .user a.underline:hover { text-decoration: underline } .lc-header .user .login-btn { display: inline-block; text-align: center; height: 22px; width: 44px; border: 1px solid #999; border-radius: 3px; line-height: 22px } .lc-nav { height: 40px; background: #005b97; box-shadow: 0 3px 5px #ccc } .lc-nav a { color: #fff } .main-nav-fixed { position: fixed; width: 100%; height: 40px; top: 0; left: 0; padding-left: calc(50vw - 50%); z-index: 99999 } .nav > li.active > a, .nav > li > a:focus, .nav > li > a:hover { background: #036098 } @media (min-width:768px) { .navbar-nav > li > a { font-size: 14px; font-weight: 700; padding: 10px 20px } } .lc-nav .button-group a { display: inline-block; width: 95px; height: 40px; background-color: #ffa333; color: #fff; text-align: center; line-height: 40px; font-size: 14px; margin-left: 10px } .lc-nav .button-group a:hover { background-color: #009aff } .lc-nav .search { width: 270px; height: 25px; position: relative; margin: 7px 0 0; padding: 0 } .lc-nav .search .form-control { height: 28px; outline: none; font-size: 12px; line-height: 18px; height: 18px; width: 250px; padding: 4px 10px 3px; color: #666; border-radius: 0; border: 0 } .lc-breadcrumb { height: 40px; background: #f2f2f2; line-height: 40px; margin-top: 20px; padding-left: 10px; color: #666 } .lc-breadcrumb .loc-tip { font-weight: 700 } .lc-breadcrumb a { color: #047dc6 } .lc-footer { margin-top: 20px; padding-bottom: 54px; background: #000; font-size: 12px; color: #939596 } .lc-footer a:hover { text-decoration: underline } .lc-footer .friend { padding-top: 25px } .lc-footer .friend a { color: #939596; line-height: 25px } .lc-footer .friend span { color: #3b3b3b; margin: 0 14px 0 17px } .lc-footer .contact a { color: #939596; margin-right: 36px } .lc-footer .line { margin-top: 13px; border-top: 1px solid #3b3c3c; height: 12px } .lc-footer .notice { padding-top: 13px } .lc-footer .notice span { color: #3b3b3b } .lc-footer .notice span:not(:first-child) { margin-left: 19px } .lc-footer .choice-menu { color: #007bcc } .lc-bodyer, .lc-footer, .lc-header, .lc-nav { margin-left: calc(50% - 50vw); padding-left: calc(50vw - 50%) } .default-logo { overflow: hidden } .default-logo .default-logo-img { float: left } .default-logo .court-logo-info { float: left; margin-left: 8px; color: #574f43 } .default-logo .court-title { font-size: 20px; margin-bottom: -2px } .default-logo .court-domain { margin-bottom: 0 } #xmrobot { height: 200px !important } @font-face { font-family: webfont; font-display: swap; src: url(/uploads/image/at/webfont_ze1wr8def9a.eot); src: url(/uploads/image/at/webfont_ze1wr8def9a.eot) format("embedded-opentype"),url(/uploads/image/at/webfont_ze1wr8def9a.woff2) format("woff2"),url(/uploads/image/at/webfont_ze1wr8def9a.woff) format("woff"),url(/uploads/image/at/webfont_ze1wr8def9a.ttf) format("truetype"),url(/uploads/image/at/webfont_ze1wr8def9a.svg) format("svg") } .default-banner .ui-switchable-content { position: relative; height: 400px; overflow: hidden; margin-left: calc(50% - 50vw); background: #fff } .default-banner .ui-switchable-content .ui-switchable-panel { position: relative; width: 100%; height: 400px; overflow: hidden; background-repeat: no-repeat } .default-banner .ui-switchable-content .ui-switchable-panel.generate .banner-content { width: 1200px; margin: 0 auto; height: 100% } .default-banner .ui-switchable-content .ui-switchable-panel.generate .text { position: relative; text-align: left; color: var(--main-color); z-index: 3; line-height: .5; display: inline-block; margin-left: 48px } .default-banner .ui-switchable-content .ui-switchable-panel.generate .text .title { font-size: 42px; font-family: webfont } .default-banner .ui-switchable-content .ui-switchable-panel.generate .text .sub-title { font-size: 24px } .default-banner .ui-switchable-content .ui-switchable-panel.generate:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0 } .default-banner .ui-switchable-content .ui-switchable-panel.generate.panel_1 img { height: 100%; width: 600px; box-sizing: border-box; display: inline-block } .default-banner .ui-switchable-content .ui-switchable-panel.generate.panel_1.blue:after, .default-banner .ui-switchable-content .ui-switchable-panel.generate.panel_1.yellow:after, .default-banner .ui-switchable-content .ui-switchable-panel.generate.panel_1:after { background-image: radial-gradient(circle closest-side at 40px 90px,hsla(0,0%,100%,.3) 0,hsla(0,0%,100%,.3) 60px,transparent 61px,transparent),radial-gradient(circle closest-side at 60px 380px,hsla(0,0%,100%,.3) 0,hsla(0,0%,100%,.3) 100px,transparent 101px,transparent),radial-gradient(circle closest-side at 60% 200px,hsla(0,0%,100%,.3) 0,hsla(0,0%,100%,.3) 120px,transparent 121px,transparent),radial-gradient(circle closest-side at 85% 140px,hsla(0,0%,100%,.3) 0,hsla(0,0%,100%,.3) 60px,transparent 61px,transparent),radial-gradient(circle closest-side at 70% 10px,hsla(0,0%,100%,.3) 0,hsla(0,0%,100%,.3) 200px,transparent 0,transparent),linear-gradient(90deg,#dcebff 0,#dcebff calc((100% - 1200px)/2),hsla(0,0%,100%,0) calc((100% - 1200px)/2 300px),#dcebff calc((100% - 1200px)/2 600px),#dcebff),linear-gradient(180deg,#dcebff 0,hsla(0,0%,100%,0) 30%,hsla(0,0%,100%,0) 80%,#dcebff) } .default-banner .ui-switchable-content .ui-switchable-panel.generate.panel_1.red:after { background-image: radial-gradient(circle closest-side at 40px 90px,hsla(0,0%,100%,.3) 0,hsla(0,0%,100%,.3) 60px,transparent 61px,transparent),radial-gradient(circle closest-side at 60px 380px,hsla(0,0%,100%,.3) 0,hsla(0,0%,100%,.3) 100px,transparent 101px,transparent),radial-gradient(circle closest-side at 60% 200px,hsla(0,0%,100%,.3) 0,hsla(0,0%,100%,.3) 120px,transparent 121px,transparent),radial-gradient(circle closest-side at 85% 140px,hsla(0,0%,100%,.3) 0,hsla(0,0%,100%,.3) 60px,transparent 61px,transparent),radial-gradient(circle closest-side at 70% 10px,hsla(0,0%,100%,.3) 0,hsla(0,0%,100%,.3) 200px,transparent 0,transparent),linear-gradient(90deg,#fdeddd 0,#fdeddd calc((100% - 1200px)/2),hsla(0,0%,100%,0) calc((100% - 1200px)/2 300px),#fdeddd calc((100% - 1200px)/2 600px),#fdeddd),linear-gradient(180deg,#fdeddd 0,hsla(0,0%,100%,0) 30%,hsla(0,0%,100%,0) 80%,#fdeddd) } .default-banner .ui-switchable-content .ui-switchable-panel.generate.panel_2 .banner-content { text-align: center } .default-banner .ui-switchable-content .ui-switchable-panel.generate.panel_2 .text { vertical-align: middle } .default-banner .ui-switchable-content .ui-switchable-panel.generate.panel_2 .text .sub-title { font-family: webfont } .default-banner .ui-switchable-content .ui-switchable-panel.generate.panel_2 .text .sub-title p { margin-top: 24px; font-family: chinese quote; font-size: 20px; line-height: 1.5 } .default-banner .ui-switchable-content .ui-switchable-panel.generate.panel_2 img { height: 300px; margin-top: 50px; box-sizing: border-box; position: relative; z-index: 2; display: inline-block } .default-banner .ui-switchable-content .ui-switchable-panel.generate.panel_2.blue:after, .default-banner .ui-switchable-content .ui-switchable-panel.generate.panel_2.yellow:after, .default-banner .ui-switchable-content .ui-switchable-panel.generate.panel_2:after { background-image: radial-gradient(circle closest-side at 40px 90px,hsla(0,0%,100%,.3) 0,hsla(0,0%,100%,.3) 60px,transparent 61px,transparent),radial-gradient(circle closest-side at 60px 380px,hsla(0,0%,100%,.3) 0,hsla(0,0%,100%,.3) 100px,transparent 101px,transparent),radial-gradient(circle closest-side at 60% 200px,hsla(0,0%,100%,.3) 0,hsla(0,0%,100%,.3) 120px,transparent 121px,transparent),radial-gradient(circle closest-side at 85% 140px,hsla(0,0%,100%,.3) 0,hsla(0,0%,100%,.3) 60px,transparent 61px,transparent),radial-gradient(circle closest-side at 70% 350px,hsla(0,0%,100%,.3) 0,hsla(0,0%,100%,.3) 200px,transparent 0,transparent),-webkit-gradient(linear,left top,right top,color-stop(0,#dcebff),to(#dcebff)),-webkit-gradient(linear,left top,left bottom,color-stop(0,#dcebff),to(#dcebff)); background-image: radial-gradient(circle closest-side at 40px 90px,hsla(0,0%,100%,.3) 0,hsla(0,0%,100%,.3) 60px,transparent 61px,transparent),radial-gradient(circle closest-side at 60px 380px,hsla(0,0%,100%,.3) 0,hsla(0,0%,100%,.3) 100px,transparent 101px,transparent),radial-gradient(circle closest-side at 60% 200px,hsla(0,0%,100%,.3) 0,hsla(0,0%,100%,.3) 120px,transparent 121px,transparent),radial-gradient(circle closest-side at 85% 140px,hsla(0,0%,100%,.3) 0,hsla(0,0%,100%,.3) 60px,transparent 61px,transparent),radial-gradient(circle closest-side at 70% 350px,hsla(0,0%,100%,.3) 0,hsla(0,0%,100%,.3) 200px,transparent 0,transparent),linear-gradient(90deg,#dcebff 0,#dcebff),linear-gradient(180deg,#dcebff 0,#dcebff) } .default-banner .ui-switchable-content .ui-switchable-panel.generate.panel_2.red:after { background-image: radial-gradient(circle closest-side at 40px 90px,hsla(0,0%,100%,.3) 0,hsla(0,0%,100%,.3) 60px,transparent 61px,transparent),radial-gradient(circle closest-side at 60px 380px,hsla(0,0%,100%,.3) 0,hsla(0,0%,100%,.3) 100px,transparent 101px,transparent),radial-gradient(circle closest-side at 60% 200px,hsla(0,0%,100%,.3) 0,hsla(0,0%,100%,.3) 120px,transparent 121px,transparent),radial-gradient(circle closest-side at 85% 140px,hsla(0,0%,100%,.3) 0,hsla(0,0%,100%,.3) 60px,transparent 61px,transparent),radial-gradient(circle closest-side at 70% 350px,hsla(0,0%,100%,.3) 0,hsla(0,0%,100%,.3) 200px,transparent 0,transparent),-webkit-gradient(linear,left top,right top,color-stop(0,#fdeddd),to(#fdeddd)),-webkit-gradient(linear,left top,left bottom,color-stop(0,#fdeddd),to(#fdeddd)); background-image: radial-gradient(circle closest-side at 40px 90px,hsla(0,0%,100%,.3) 0,hsla(0,0%,100%,.3) 60px,transparent 61px,transparent),radial-gradient(circle closest-side at 60px 380px,hsla(0,0%,100%,.3) 0,hsla(0,0%,100%,.3) 100px,transparent 101px,transparent),radial-gradient(circle closest-side at 60% 200px,hsla(0,0%,100%,.3) 0,hsla(0,0%,100%,.3) 120px,transparent 121px,transparent),radial-gradient(circle closest-side at 85% 140px,hsla(0,0%,100%,.3) 0,hsla(0,0%,100%,.3) 60px,transparent 61px,transparent),radial-gradient(circle closest-side at 70% 350px,hsla(0,0%,100%,.3) 0,hsla(0,0%,100%,.3) 200px,transparent 0,transparent),linear-gradient(90deg,#fdeddd 0,#fdeddd),linear-gradient(180deg,#fdeddd 0,#fdeddd) } .default-banner .ui-switchable-content .ui-switchable-panel.generate.panel_3 .banner-content { text-align: center } .default-banner .ui-switchable-content .ui-switchable-panel.generate.panel_3 img { box-sizing: border-box; position: relative; z-index: 2; display: inline-block } .default-banner .ui-switchable-content .ui-switchable-panel.generate.panel_3 .text { text-align: left; margin-top: 150px; vertical-align: -48px; color: #fff } .default-banner .ui-switchable-content .ui-switchable-panel.generate.panel_3.blue:after, .default-banner .ui-switchable-content .ui-switchable-panel.generate.panel_3.yellow:after, .default-banner .ui-switchable-content .ui-switchable-panel.generate.panel_3:after { background-image: ; background-size: cover } .default-banner .ui-switchable-content .ui-switchable-panel.generate.panel_3.red:after { background-image: ; background-size: cover } .default-banner .ui-switchable-content .banner_button { box-sizing: border-box; padding-left: 0; margin-left: -590px; width: 1180px; left: 50%; position: absolute; top: 270px; text-align: right; padding-right: 24px; z-index: 3 } .default-banner .ui-switchable-content .banner_button a { display: inline-block; margin-right: 22px; width: 160px; height: 50px; color: #fff; border-radius: 4px; background: #f08300; text-align: center; line-height: 50px; font-size: 16px } .default-banner .ui-switchable-content .banner_button a.btn-accused { background: #a40000 !important } .default-banner .confirm-container { position: fixed; z-index: 10000; top: 0; width: 100vw; height: 100vh; background-color: rgba(51,51,51,.44) } .default-banner .confirm-container iframe { background-color: #fff; margin: 10vh 10vw 0; width: 80vw; height: 85vh; border: none; box-shadow: 0 0 5px 1px #999 } .guide ul { list-style: none; padding: 0 } .guide .business-process { padding-top: 80px; padding-bottom: 80px; background-color: #fff } .guide .business-process .lc-center-wrap { width: 1180px; margin: 0 auto } .guide .business-process .lc-center-wrap .section-header-title { color: #333; font-size: 28px; text-align: center } .guide .business-process .lc-center-wrap .section-header-line { position: relative; font-size: 0; margin-top: 5px } .guide .business-process .lc-center-wrap .section-header-line li { display: inline-block } .guide .business-process .lc-center-wrap .section-header-line li.side { width: 100%; height: 1px; border-bottom: 1px solid #ccc } .guide .business-process .lc-center-wrap .section-header-line .section-header-line li.center { position: absolute; left: 50%; margin-left: -70px; width: 140px; height: 3px; background: transparent; border-top: 3px solid #ccc } .guide .business-process .lc-center-wrap .caption { margin-top: 12px; text-align: center } .guide .business-process .lc-center-wrap .caption span { vertical-align: top; color: #666; font-size: 18px } .guide .business-process .lc-center-wrap .suit-step { margin-top: 30px; overflow: hidden } .guide .business-process .lc-center-wrap .suit-step li:hover { border-color: var(--second-color) } .guide .business-process .lc-center-wrap .suit-step li:hover .triangle-border-right { border-color: transparent; border-left-color: inherit } .guide .business-process .lc-center-wrap .suit-step li.iam-title { line-height: 26px; padding-top: 40px; width: 86px; color: #666; font-size: 22px; vertical-align: middle; text-align: center; height: 190px; border: 1px solid #ddd; font-family: microsoft yahei; position: relative; float: left; box-sizing: border-box; margin-right: 64px; display: inline-block } .guide .business-process .lc-center-wrap .suit-step li.iam-title:hover { border-color: var(--second-color); color: var(--second-color) } .guide .business-process .lc-center-wrap .suit-step li.iam-title .text { display: inline-block; width: 22px } .guide .business-process .lc-center-wrap .suit-step li.step { padding: 25px 20px 0 28px; width: 300px; height: 190px; border: 1px solid #ddd; font-family: microsoft yahei; position: relative; float: left; box-sizing: border-box; margin-right: 64px; display: inline-block } .guide .business-process .lc-center-wrap .suit-step li.step:hover { border-color: var(--second-color) } .guide .business-process .lc-center-wrap .suit-step li.step-3 { margin-right: 0 } .guide .business-process .lc-center-wrap .suit-step .triangle-pos-outter { left: 100% } .guide .business-process .lc-center-wrap .suit-step .triangle-pos-inner { left: -1px } .guide .business-process .lc-center-wrap .suit-step .triangle-border-right { top: 70px; border: 20px solid transparent; border-left-color: #ddd; position: absolute } .guide .business-process .lc-center-wrap .suit-step .triangle-border-right span { position: absolute; width: 0; height: 0; top: -18px; left: -21px; display: block; border: 18px solid transparent; border-left-color: #fff } .businesstype .accept-range { margin-bottom: 50px; padding: 50px 0 80px; font-size: 0; background: #f8f8f8 } .businesstype .accept-range .fn-tac { text-align: center } .businesstype .accept-range .caption { margin-top: 20px } .businesstype .accept-range .slick-slide { width: 590px } .businesstype .accept-range .lc-center-wrap { width: 1180px; margin: 0 auto } .businesstype .accept-range .section-header-title { font-family: microsoft yahei; color: #333; font-size: 28px; text-align: center } .businesstype .accept-range .section-header-line { position: relative; font-size: 0; margin-top: 5px } .businesstype .accept-range .section-header-line li { display: inline-block } .businesstype .accept-range .section-header-line .section-header-line li.side { width: 100%; height: 1px; border-bottom: 1px solid #e6e6e6 } .businesstype .accept-range .section-header-line .section-header-line li.center { position: absolute; left: 50%; margin-left: -70px; width: 140px; height: 3px; background: transparent; border-top: 3px solid #2d3585 } .businesstype .accept-range .scroller { position: relative; width: 1180px; height: 370px !important; overflow: hidden } .businesstype .accept-range .scroller:hover .icon-left, .businesstype .accept-range .scroller:hover .icon-right { display: block } .businesstype .accept-range .frame { display: inline-block; width: 382px; margin-top: 18px; font-size: 12px; padding-right: 17px } .businesstype .accept-range .frame .frame-border { box-sizing: border-box; padding: 25px; height: 100%; border: 1px solid #f6f6f6; background: #fff; border-top: 2px solid var(--main-color) } .businesstype .accept-range .frame .frame p { text-align: left } .businesstype .accept-range .frame p.title { word-wrap: break-word; word-break: break-all; font-size: 18px; padding-bottom: 10px; text-align: center; color: #0073bf; text-overflow: ellipsis; white-space: nowrap; overflow: hidden } .businesstype .accept-range .frame p.title .businesstype-icon { display: inline-block; vertical-align: top } .businesstype .accept-range .frame p.title .businesstype-icon svg { height: 29px; width: 40px } .businesstype .accept-range .frame p.detail { white-space: pre-wrap; word-wrap: break-word; word-break: break-all; color: #666; font-size: 14px; line-height: 28px; min-height: 196px; overflow: hidden; height: 196px !important; border-top: 1px solid #f6f6f6; padding-top: 3px } .businesstype .accept-range .frame .frame p.more { color: #0073bf; font-size: 12px; text-align: right; margin-top: 20px } .businesstype .accept-range .frame .frame p.more a { color: #0073bf !important } .businesstype .accept-range .icon-left, .businesstype .accept-range .icon-right { display: none; position: absolute; left: 1px; top: 118px; width: 40px; height: 84px; background: 0 -150px no-repeat; cursor: pointer } .businesstype .accept-range .icon-right { left: 1165px; margin-left: -40px; background-position: -44px -150px; z-index: 9 } .commonfooter.lc-footer { text-align: center; margin-top: 20px; padding-bottom: 54px; background-color: #000; background-size: cover; font-size: 12px; color: #fff; margin-left: calc(50% - 50vw); padding-left: calc(50vw - 50%) } .commonfooter.lc-footer.theme { background-color: var(--main-color) } .commonfooter.lc-footer .lc-center-wrap { width: 1180px; margin: 0 auto } .commonfooter.lc-footer .foot-qrcode { padding-top: 20px; margin-bottom: 10px } .commonfooter.lc-footer .foot-qrcode .text { display: block; position: static !important; margin: 12px 0 0 !important } .commonfooter.lc-footer .foot-qrcode img { max-height: 300px } .commonfooter.lc-footer .friend { padding-top: 25px } .commonfooter.lc-footer .friend a { color: #fff; line-height: 25px } .commonfooter.lc-footer .friend span { color: #fff; margin: 0 14px 0 17px } .commonfooter.lc-footer .line { margin-top: 13px; border-top: 1px solid transparent; height: 12px } .commonfooter.lc-footer .footer-logo { margin-top: 20px } .commonfooter.lc-footer .footer-col2 .contact a, .commonfooter.lc-footer .footer-col2 a { color: #fff } .ftguide { position: relative; width: 100%; height: auto; background-image: } .ftguide .page-lassen-index-boot { background: rgba(242,250,255,.6) } .ftguide .page-lassen-index-boot .lassen-button { border: 2px solid #666 !important; color: #666 !important; height: 38px; width: 145px; border-radius: 20px } .ftguide .page-lassen-index-boot .lassen-button:hover { border: 2px solid var(--main-color) !important; color: var(--main-color) !important; border-radius: 20px } .ftguide .page-lassen-index-boot .lassen-button-active { border: 2px solid var(--main-color) !important; color: var(--main-color) !important } .ftguide .page-lassen-index-boot-container { width: 1200px; margin: 0 auto } .ftguide .page-lassen-index-boot-container .title { height: 24px; width: 100%; font-size: 24px; color: var(--main-color); text-align: center } .ftguide .page-lassen-index-boot-container .description { margin-bottom: 30px } .ftguide .page-lassen-index-boot-container .description p { font-size: 12px; color: #666; margin-top: 30px } .ftguide .page-lassen-index-boot-container p { text-align: center; margin-bottom: 22px } .ftguide .page-lassen-index-boot-container-video { padding: 24px } .ftguide .page-lassen-index-boot-container-video .react-dialog { background-color: #000; box-shadow: 0 0 20px rgba(0,0,0,.2); border-radius: 5px } .ftguide .page-lassen-index-boot-container-video .react-dialog .ch-close { width: 24px; height: 24px; font-size: 20px; border-radius: 6px; color: #fff; text-indent: 1px; position: absolute; right: 40px; top: 40px; z-index: 10; background-color: #574f43; line-height: 18px } .ftguide .page-lassen-index-boot-container-video .react-dialog .ant-carousel .slick-dots { bottom: -20px } .ftguide .page-lassen-index-boot-container-video .react-dialog .ant-carousel .slick-dots li { margin: 0 8px } .ftguide .page-lassen-index-boot-container-video .react-dialog .ant-carousel .slick-dots li button { background: var(--main-color); width: 30px; opacity: 1 } .ftguide .page-lassen-index-boot-container-video .react-dialog .ant-carousel .slick-dots li.slick-active button { background: var(--second-color); width: 30px } .ftguide .page-lassen-index-boot-container-video .react-dialog .container { padding: 24px; position: relative } .ftguide .page-lassen-index-boot-container-video .react-dialog .container .title { position: absolute; color: #fff; padding: 4px 16px; background-color: #574f43; top: 16px; left: 16px; border-radius: 6px; font-size: 15px } .ftguide .page-lassen-index-boot-container-video .react-dialog .container .slick-slide { position: relative } .ftguide .page-lassen-index-boot-container-prev { position: absolute; width: 24px; height: 40px; left: -24px; cursor: pointer; background: no-repeat -121px -160px; top: 40%; z-index: 10 } .ftguide .page-lassen-index-boot-container-prev:hover { background: no-repeat -152px -160px } .ftguide .page-lassen-index-boot-container-next { position: absolute; width: 24px; height: 40px; right: -24px; cursor: pointer; top: 40%; background: no-repeat -183px -160px; z-index: 10 } .ftguide .page-lassen-index-boot-container-next:hover { background: no-repeat -215px -160px } .ftguide .page-lassen-index-boot .accuser { height: 490px; background: 50% 0 no-repeat; position: relative } .ftguide .page-lassen-index-boot .accuser .eight, .ftguide .page-lassen-index-boot .accuser .five, .ftguide .page-lassen-index-boot .accuser .four, .ftguide .page-lassen-index-boot .accuser .one, .ftguide .page-lassen-index-boot .accuser .seven, .ftguide .page-lassen-index-boot .accuser .six, .ftguide .page-lassen-index-boot .accuser .three, .ftguide .page-lassen-index-boot .accuser .two { position: absolute; font-size: 14px; line-height: 22px; top: 50%; left: 50% } .ftguide .page-lassen-index-boot .accuser .link { color: #ff3e3e } .ftguide .page-lassen-index-boot .accuser .text-link { color: #8c2028 } .ftguide .page-lassen-index-boot .accuser .one { margin: -190px 0 0 -230px } .ftguide .page-lassen-index-boot .accuser .two { margin: -190px 0 0 470px; text-align: right } .ftguide .page-lassen-index-boot .accuser .three { margin: 170px 0 0 160px } .ftguide .page-lassen-index-boot .accuser .four { margin: 48px 0 0 -140px } .ftguide .page-lassen-index-boot .accuser .five { margin: 48px 0 0 184px } .ftguide .page-lassen-index-boot .accuser .six { margin: 48px 0 0 500px } .ftguide .page-lassen-index-boot .accuser .seven { margin: -78px 0 0 -556px; color: #fff } .ftguide .page-lassen-index-boot .accuser .eight { margin: -26px 0 0 -500px; width: 130px } .ftguide .page-lassen-index-boot .accused { height: 490px; background: 50% 0 no-repeat; position: relative } .ftguide .page-lassen-index-boot .accused .eight, .ftguide .page-lassen-index-boot .accused .five, .ftguide .page-lassen-index-boot .accused .four, .ftguide .page-lassen-index-boot .accused .one, .ftguide .page-lassen-index-boot .accused .seven, .ftguide .page-lassen-index-boot .accused .six, .ftguide .page-lassen-index-boot .accused .three, .ftguide .page-lassen-index-boot .accused .two { position: absolute; font-size: 14px; line-height: 22px; top: 50%; left: 50% } .ftguide .page-lassen-index-boot .accused .link { color: #ff3e3e } .ftguide .page-lassen-index-boot .accused .text-link { color: #bf2732 } .ftguide .page-lassen-index-boot .accused .one { margin: -190px 0 0 -230px } .ftguide .page-lassen-index-boot .accused .two { margin: -190px 0 0 380px; text-align: right } .ftguide .page-lassen-index-boot .accused .three { margin: 170px 0 0 160px } .ftguide .page-lassen-index-boot .accused .four { margin: 48px 0 0 -140px } .ftguide .page-lassen-index-boot .accused .five { margin: 48px 0 0 192px } .ftguide .page-lassen-index-boot .accused .six { margin: 48px 0 0 486px } .ftguide .page-lassen-index-boot .accused .seven { margin: -78px 0 0 -556px; color: #fff } .ftguide .page-lassen-index-boot .accused .eight { margin: -26px 0 0 -500px; width: 130px } .ftguide .page-lassen-index-boot .accusere { height: 488px; background: no-repeat top; position: relative } .ftguide .page-lassen-index-boot .accusere .eight, .ftguide .page-lassen-index-boot .accusere .five, .ftguide .page-lassen-index-boot .accusere .four, .ftguide .page-lassen-index-boot .accusere .one, .ftguide .page-lassen-index-boot .accusere .seven, .ftguide .page-lassen-index-boot .accusere .six, .ftguide .page-lassen-index-boot .accusere .three, .ftguide .page-lassen-index-boot .accusere .two { position: absolute; font-size: 14px; line-height: 22px; top: 50%; left: 50% } .ftguide .page-lassen-index-boot .accusere .link { color: #ff3e3e } .ftguide .page-lassen-index-boot .accusere .text-link { color: #8c2028 } .ftguide .page-lassen-index-boot .accusere .one { margin: -190px 0 0 -230px } .ftguide .page-lassen-index-boot .accusere .two { margin: -210px 0 0 440px; text-align: left } .ftguide .page-lassen-index-boot .accusere .three { margin: 170px 0 0 100px } .ftguide .page-lassen-index-boot .accusere .four { margin: 48px 0 0 -154px } .ftguide .page-lassen-index-boot .accusere .five { margin: 48px 0 0 166px } .ftguide .page-lassen-index-boot .accusere .six { margin: 48px 0 0 456px } .ftguide .page-lassen-index-boot .accusere .seven { margin: -78px 0 0 -586px; color: #fff; font-size: 12px; line-height: 18px } .ftguide .page-lassen-index-boot .accusere .eight { margin: -30px 0 0 -540px; width: 190px; font-size: 12px; line-height: 18px } .ftguide .page-lassen-index-boot .accusede { height: 488px; background: no-repeat top; position: relative } .ftguide .page-lassen-index-boot .accusede .eight, .ftguide .page-lassen-index-boot .accusede .five, .ftguide .page-lassen-index-boot .accusede .four, .ftguide .page-lassen-index-boot .accusede .one, .ftguide .page-lassen-index-boot .accusede .seven, .ftguide .page-lassen-index-boot .accusede .six, .ftguide .page-lassen-index-boot .accusede .three, .ftguide .page-lassen-index-boot .accusede .two { position: absolute; font-size: 14px; line-height: 22px; top: 50%; left: 50% } .ftguide .page-lassen-index-boot .accusede .link { color: #ff3e3e } .ftguide .page-lassen-index-boot .accusede .text-link { color: #8c2028 } .ftguide .page-lassen-index-boot .accusede .one { margin: -190px 0 0 -230px } .ftguide .page-lassen-index-boot .accusede .two { margin: -228px 0 0 440px; text-align: left } .ftguide .page-lassen-index-boot .accusede .three { margin: 170px 0 0 108px } .ftguide .page-lassen-index-boot .accusede .four { margin: 48px 0 0 -154px } .ftguide .page-lassen-index-boot .accusede .five { margin: 48px 0 0 166px } .ftguide .page-lassen-index-boot .accusede .six { margin: 48px 0 0 476px } .ftguide .page-lassen-index-boot .accusede .seven { margin: -78px 0 0 -586px; color: #fff; font-size: 12px; line-height: 18px } .ftguide .page-lassen-index-boot .accusede .eight { margin: -24px 0 0 -524px; width: 190px; font-size: 12px; line-height: 18px } .ftguide .page-lassen-index-boot .study { text-align: center; padding-bottom: 60px; margin-top: 40px } .ftguide .page-lassen-index-boot .play { display: inline-block; width: 15px; height: 15px; background: #fff; border-radius: 50%; vertical-align: -4px; margin-left: 8px; position: relative } .ftguide .page-lassen-index-boot .play:before { content: ""; position: absolute; width: 0; height: 0; top: 2px; left: 6px; border: 5px solid transparent; border-left-color: hsla(0,0%,50.2%,.83) } .ftguide .page-lassen-index-boot .video-container { width: 840px; height: 500px; position: fixed; top: 50%; left: 50%; margin: -250px -420px; background: #000; box-shadow: 1px 1px 6px 0 grey; z-index: 9999 } .ftguide .page-lassen-index-boot .video-container .slick-next { top: 200px; right: -33px !important } .ftguide .page-lassen-index-boot .video-container .slick-prev { top: 200px; left: -33px !important } .ftguide .page-lassen-index-boot .video-container .ant-carousel { margin: 40px } .ftguide .page-lassen-index-boot .video-container video { margin-top: -30px } .ftguide .page-lassen-index-boot .video-container .ant-carousel .slick-dots { top: 440px } .ftguide .page-lassen-index-boot .video-title { position: absolute; color: #fff; padding: 4px 16px; background-color: #574f43; top: 16px; left: 16px; border-radius: 6px; font-size: 15px } .ftguide .page-lassen-index-boot .close { position: absolute; right: 10px; top: 5px; font-size: 16px; z-index: 1; color: #fff; cursor: pointer } .ant-message { font-family: chinese quote,-apple-system,blinkmacsystemfont,segoe ui,pingfang sc,hiragino sans gb,microsoft yahei,helvetica neue,helvetica,arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol; font-size: 14px; font-feature-settings: "tnum"; font-variant: tabular-nums; line-height: 1.5; color: rgba(0,0,0,.65); box-sizing: border-box; margin: 0; padding: 0; list-style: none; position: fixed; z-index: 1010; width: 100%; top: 16px; left: 0; pointer-events: none } .ant-message-notice { padding: 8px; text-align: center } .ant-message-notice:first-child { margin-top: -8px } .ant-message-notice-content { padding: 10px 16px; border-radius: 4px; box-shadow: 0 4px 12px rgba(0,0,0,.15); background: #fff; display: inline-block; pointer-events: all } .ant-message-success .anticon { color: #52c41a } .ant-message-error .anticon { color: #f5222d } .ant-message-warning .anticon { color: #faad14 } .ant-message-info .anticon, .ant-message-loading .anticon { color: #1890ff } .ant-message .anticon { margin-right: 8px; font-size: 16px; top: 1px; position: relative } .ant-message-notice.move-up-leave.move-up-leave-active { -webkit-animation-name: messagemoveout; animation-name: messagemoveout; overflow: hidden; -webkit-animation-duration: .3s; animation-duration: .3s } @-webkit-keyframes messagemoveout { 0% { opacity: 1; max-height: 150px; padding: 8px } to { opacity: 0; max-height: 0; padding: 0 } } @keyframes messagemoveout { 0% { opacity: 1; max-height: 150px; padding: 8px } to { opacity: 0; max-height: 0; padding: 0 } } .tjnavbar ul { list-style: none } .tjnavbar .page-lassen-head { width: 100% } .tjnavbar .page-lassen-head-fix { width: 100%; background-color: initial; position: fixed } .tjnavbar .page-lassen-head-fix-container { overflow: hidden; width: 1200px; margin: 0 auto; position: relative } .tjnavbar .page-lassen-head-fix-container-logo { width: 258px; height: 70px; margin: 12px 130px 0 0; float: left } .tjnavbar .page-lassen-head-fix-container-logo a .img-l-logotwo { width: 45px; margin-top: 8px; display: inline-block } .tjnavbar .page-lassen-head-fix-container-logo a .img-l-logotwo .imgs-logotwo { width: 100% } .tjnavbar .page-lassen-head-fix-container-logo a .img-l-logo { width: 220px; margin: 15px 0 0 15px; display: inline-block } .tjnavbar .page-lassen-head-fix-container-logo a .img-l-logo .imgs-logo { width: 100% } .tjnavbar .page-lassen-head-fix-container-catalog ul { overflow: hidden } .tjnavbar .page-lassen-head-fix-container-catalog ul li { float: left; padding-left: 25px; font-size: 14px; margin-right: 10px; height: 86px; padding-top: 36px } .tjnavbar .page-lassen-head-fix-container-catalog ul li .a-color { color: var(--main-color) } .tjnavbar .page-lassen-head-fix-container-catalog ul li a { color: #fff; text-decoration: none } .tjnavbar .page-lassen-head-fix-container-catalog ul li a:hover { color: var(--second-color) } .tjnavbar .page-lassen-head-fix-container .login-container { position: absolute; right: 0; height: 100%; top: 0; padding-top: 36px } .tjnavbar .page-lassen-head-fix-container .login-container .btn-login { padding: 5px 15px; border: 1px solid grey; border-radius: 15px; cursor: pointer; color: #ddd; font-size: 13px; margin-left: 8px } .tjnavbar .page-lassen-head-fix-container .login-container .btn-login:hover { color: #aaa } .tjnavbar .page-lassen-head-fix-container .login-container .user-name:after { content: "|"; margin: 4px } .tjnavbar .page-lassen-head .fixed-top { position: fixed; top: 0; opacity: .98; box-shadow: 0 0 .625rem rgba(0,0,0,.15); background: #fff; z-index: 4 } .tjnavbar .page-lassen-head .fixed-top .login-container .btn-login, .tjnavbar .page-lassen-head .fixed-top .page-lassen-head-fix-container-catalog ul li a { color: #666 } .tjnavbar .page-lassen-head-fix-container-catalog li:hover .sub-menu { display: block } .tjnavbar .page-lassen-head-fix-container-catalog li .sub-menu { display: none; width: 110px; background: #fff; box-shadow: 0 0 2px #ccc; border-radius: 5px; z-index: 2; position: absolute; margin-top: 20px } .tjnavbar .page-lassen-head-fix-container-catalog li .sub-menu .top-arrow { vertical-align: bottom; border-bottom: 6px solid #ccc; border-right: 6px solid transparent; border-left: 6px solid transparent; content: ""; position: absolute; top: -6px; left: 50px } .tjnavbar .page-lassen-head-fix-container-catalog li .sub-menu a { display: block; line-height: 28px; text-align: center; padding: 10px } .tjnavbar .page-lassen-head-fix-container-catalog li .sub-menu a:hover { background: #fff0f0; color: #b81c22 } .tjnavbar .page-lassen-head-fix-container-catalog li .sub-menu a:first-child { border-top-left-radius: 5px; border-top-right-radius: 5px } .tjnavbar .page-lassen-head-fix-container-catalog li .sub-menu a:last-child { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px } .tjnavbar .page-lassen-top { width: 100%; overflow: hidden; background-color: #f7f7f7 } .tjnavbar .page-lassen-top-container { width: 1200px; margin: 0 auto } .tjnavbar .page-lassen-top-container-login { list-style-type: none; float: right; color: #5d5d5d; line-height: 36px; font-size: 14px } .tjnavbar .page-lassen-top-container-login .opacity { color: hsla(0,0%,59.2%,.36) } .tjnavbar .page-lassen-top-container-login a { color: #aaa; text-decoration: none; padding: 0 5px } .tjnavbar .page-lassen-top-container-login a:hover { color: #5d5d5d } .tjnavbar .page-lassen-top-container-login .phone { display: inline-block; vertical-align: middle; width: 11px; height: 18px; margin-right: 6px; margin-top: -4px } .tjnavbar .page-lassen-top-container-login .weixin { display: inline-block; vertical-align: middle; width: 18px; height: 18px } .tjnavbar .page-lassen-top-container-login-dialog .react-dialog { width: 720px; height: 565px; box-shadow: 0 0 20px rgba(0,0,0,.2); border-radius: 5px } .tjnavbar .page-lassen-top-container-login-dialog .react-dialog .ch-close { width: 30px; height: 30px; line-height: 25px; background-color: #fff; font-size: 30px; border-radius: 15px; color: #bbb; text-indent: 1px } .tjnavbar .page-lassen-top-container-login-dialog .react-dialog .ch-close:hover { background-color: #fff; color: #bbb } .tjnavbar .page-lassen-top-container-login-dialog .react-dialog .gongdao-about-dialog-img { height: 150px } .tjnavbar .page-lassen-top-container-login-dialog .react-dialog h3 { font-size: 20px; line-height: 30px; margin: 25px 0 20px; padding: 0 32px } .tjnavbar .page-lassen-top-container-login-dialog .react-dialog p { padding: 0 32px; line-height: 24px; color: #333; text-indent: 2em } .tjbanner { height: 36vw; background-size: 100% } .tjbanner .tjbanner-desription { padding: 15vw 15vw 0 } .tjbanner .tjbanner-desription .tjbanner-desription-main { font-size: 36px; color: #fff; margin-bottom: 12px } .tjbanner .tjbanner-desription .tjbanner-desription-second { font-size: 18px; color: #bbb } .tjbanner div a { display: inline-block; background-image: -webkit-gradient(linear,left top,right top,from(#3023ae),color-stop(100%,#53a0fd),to(#b4ec51)); background-image: linear-gradient(90deg,#3023ae,#53a0fd 100%,#b4ec51 0); width: 137px; height: 39px; border-radius: 38.5px; text-align: center; line-height: 39px; color: #fff; font-size: 16px; margin-left: 60%; margin-top: 24px; position: relative } .tjbanner div a:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 38.5px } .tjbanner div a:hover:after { background: #fff; opacity: .2 } .tjguide { background-size: cover; position: relative; padding-top: 74px; padding-bottom: 131px; text-align: center; width: 100% } .tjguide > div { position: relative; z-index: 2 } .tjguide img { max-width: 1200px } .tjguide .guide-title { line-height: 40px; font-family: pingfangsc-semibold; font-size: 28px; color: #3442e2; height: 40px; margin: 0 auto } .tjguide .svgbox { width: 120px; height: 50px } .tjguide .gradient-text-three { fill: url(/uploads/css/cgbasic-components/); font-size: 28px; font-weight: bolder } .tjguide .guide-underline { width: 94px; height: 3px; background: ; background-size: 100%; border: none; margin-top: 15px; margin-bottom: 55px } .mediator-container .carousel-container { width: 1200px; margin: 0 auto } .mediator-container .carousel-container .slick-dots { height: 10px !important } .mediator-container .carousel-container .slick-dots li button { width: 10px !important; height: 10px !important; border-radius: 50% } .mediator-container .mediator-title-container { padding-top: 67px; padding-bottom: 20px } .mediator-container .mediator-title-container .mediator-title { line-height: 40px; font-family: pingfangsc-semibold; font-size: 28px; color: #3442e2; height: 40px; margin: 0 auto; text-align: center } .mediator-container .mediator-title-container .mediator-title-underline { width: 94px; height: 2px; background: ; background-size: 100%; border: none; margin-top: 15px; margin-bottom: 55px } .mediator-container .mediator-title-container .svgbox { width: 150px; height: 50px } .mediator-container .mediator-title-container .gradient-text-three { fill: url(/uploads/css/cgbasic-components/); font-size: 28px; font-weight: bolder } .mediator-container .mediatorarr-item { padding: 5px 30px 30px; box-sizing: initial } .mediator-container .mediator { width: 22%; float: left; margin: 1%; position: relative; background-size: cover } .mediator-container .mediator .mediator-content { width: 100%; box-sizing: border-box; background-size: cover; border-radius: 15px; color: #fff; text-align: left; padding: 20px; position: relative } .mediator-container .mediator .mediator-content div, .mediator-container .mediator .mediator-content p { position: relative; z-index: 1 } .mediator-container .mediator .mediator-content:after { content: ""; position: absolute; top: 0; right: 0; width: 100%; height: 100%; opacity: .8; background: #06081f; border-radius: 15px; border: 1px solid grey } .mediator-container .mediator:first-child .mediator-content { background-image: } .mediator-container .mediator:nth-child(2) .mediator-content { background-image: } .mediator-container .mediator:nth-child(3) .mediator-content { background-image: } .mediator-container .mediator:nth-child(4) .mediator-content { background-image: } .mediator-container .mediator:nth-child(5) .mediator-content { background-image: } .mediator-container .mediator:nth-child(6) .mediator-content, .mediator-container .mediator:nth-child(7) .mediator-content { background-image: } .mediator-container .mediator:nth-child(8) .mediator-content { background-image: } .mediator-container .mediator:hover { -webkit-transform: translatey(-15px); transform: translatey(-15px) } .mediator-container .mediator:hover .mediator-content:after { opacity: .3 } .mediator-container .mediator:hover:before { content: ""; position: absolute; top: -2px; right: -2px; left: -2px; bottom: -2px; background: linear-gradient(45deg,#4c289c,#51d299); border-radius: 15px; z-index: -1 } .mediator-container .mediator:hover:first-child .mediator-content { background-image: } .mediator-container .mediator:hover:nth-child(2) .mediator-content { background-image: } .mediator-container .mediator:hover:nth-child(3) .mediator-content { background-image: } .mediator-container .mediator:hover:nth-child(4) .mediator-content { background-image: } .mediator-container .mediator:hover:nth-child(5) .mediator-content { background-image: } .mediator-container .mediator:hover:nth-child(6) .mediator-content, .mediator-container .mediator:hover:nth-child(7) .mediator-content { background-image: } .mediator-container .mediator:hover:nth-child(8) .mediator-content { background-image: } .mediator-container .mediator .mediator-sex, .mediator-container .mediator .mediator-tag { opacity: .8 } .mediator-container .mediator .mediator-name { font-size: 20px; word-break: keep-all } .mediator-container .mediator .mediator-photo { width: 70px; height: 70px; position: absolute; top: 20px; right: 12px; border-radius: 50% } .mediator-container .mediator .mediator-underline { background: ; background-size: 100%; border: none; height: 1px } .mediator-container .mediator .mediator-tag-content { height: 80px; overflow: hidden } .mediator-container .mediator-list-container-prev { position: absolute; width: 60px; height: 60px; left: -66px; cursor: pointer; top: 50%; margin-top: -30px; border-radius: 50%; background: hsla(0,0%,50.2%,.23); background-image: ; background-size: 60%; background-repeat: no-repeat; background-position: 50% } .mediator-container .mediator-list-container-prev:hover { background: grey; background-image: ; background-size: 60%; background-repeat: no-repeat; background-position: 50% } .mediator-container .mediator-list-container-next { position: absolute; width: 60px; height: 60px; right: -66px; cursor: pointer; top: 50%; margin-top: -30px; background: hsla(0,0%,50.2%,.23); border-radius: 50%; -webkit-transform: rotatey(180deg); transform: rotatey(180deg); background-image: ; background-size: 60%; background-repeat: no-repeat; background-position: 50% } .mediator-container .mediator-list-container-next:hover { background: grey; background-image: ; background-size: 60%; background-repeat: no-repeat; background-position: 50% } .mediator-container .ellis { width: 100%; overflow: hidden; text-overflow: ellipsis; word-break: keep-all; white-space: nowrap } .mediator-container .multiple-line-ellis:after { content: "..."; font-weight: 700; position: absolute; bottom: -3px; right: 0; padding: 0 20px 1px 8px; background: rgba(0,0,0,.85) !important } .mediatorlist { font-family: pingfangsc-medium; position: relative; padding-top: 67px; padding-bottom: 20px; text-align: center; width: 100%; min-height: 600px; background-size: 100%; background-image: } .mediatorlist .mediatorlist-title { line-height: 40px; font-family: pingfangsc-semibold; font-size: 28px; color: #3442e2; height: 40px; margin: 0 auto } .mediatorlist .mediatorlist-underline { width: 94px; height: 2px; background: ; background-size: 100%; border: none; margin-top: 15px; margin-bottom: 55px } .mediatorlist .svgbox { width: 150px; height: 50px } .mediatorlist .gradient-text-three { fill: url(/uploads/css/cgbasic-components/); font-size: 28px; font-weight: bolder } .mediatorlist .mediator-org-container { width: 1100px; margin: 0 auto } .mediatorlist .mediator-org-container p { margin-bottom: 0; line-height: 2em; display: flex; flex-direction: row; justify-content: space-between } .mediatorlist .mediator-org-container p span { color: #fff; font-size: 16px; cursor: pointer } .mediatorlist .mediator-org-container p span:first-child:before { content: ""; display: inline-block; width: 3px; height: 18px; vertical-align: text-bottom; margin-right: 4px; background-color: #45cbfd } .mediatorlist .mediator-org-container p span.active-org { color: #3442e2 } .mediatorlist .active-org-name { width: 1200px; text-align: left; padding-left: 45px; color: #fff; font-size: 18px; margin: 12px auto 0 } .judgelist { font-family: pingfangsc-medium; position: relative; padding-top: 74px; padding-bottom: 100px; text-align: center; width: 100%; background-size: 100%; background-image: } .judgelist .judgelist-title { line-height: 40px; font-family: pingfangsc-semibold; font-size: 28px; color: #3442e2; height: 40px; margin: 0 auto } .judgelist .judgelist-underline { width: 94px; height: 2px; background: ; background-size: 100%; border: none; margin-top: 15px; margin-bottom: 55px } .judgelist .carousel-container { width: 1200px; margin: 0 auto } .judgelist .judge { width: 284px !important; height: 358px; border-radius: 16px; position: relative } .judgelist .judge img { width: 134px; margin: 0 auto; border-radius: 50%; position: relative; z-index: 2; border: 1px solid #45cbfd } .judgelist .judge .judge-content { width: 100%; background: #0c092e; background-image: ; background-size: 100%; height: 292px; box-sizing: border-box; background-size: cover; border-radius: 15px; color: #fff; text-align: left; position: relative; margin-top: -67px; padding: 87px 20px 20px } .judgelist .judge .judge-job, .judgelist .judge .judge-tel { color: #b0b0b0; font-size: 14px } .judgelist .judge .judge-name { font-size: 20px; color: #3442e2; margin-bottom: 8px } .judgelist .judge .judge-underline { background: ; background-size: 100%; border: none; height: 1px } .judgelist .judge .judge-tel p:first-child { margin-top: 24px } .judgelist .judge .judge-tel p:nth-child(2) { font-size: 18px; color: #fff } .judgelist .judge-list-container-prev { left: -66px } .judgelist .judge-list-container-next, .judgelist .judge-list-container-prev { position: absolute; width: 60px; height: 60px; cursor: pointer; top: 50%; margin-top: -30px; border-radius: 50%; background: hsla(0,0%,50.2%,.23); background-image: ; background-size: 60%; background-repeat: no-repeat; background-position: 50% } .judgelist .judge-list-container-next { right: -66px; -webkit-transform: rotatey(180deg); transform: rotatey(180deg) } .judgelist .svgbox { width: 120px; height: 50px } .judgelist .gradient-text-three { fill: url(/uploads/css/cgbasic-components/); font-size: 28px; font-weight: bolder } .memberlist { font-family: pingfangsc-medium; position: relative; padding-top: 74px; padding-bottom: 24px; text-align: center; background: #0d0a38; width: 100%; background-size: 100%; background-image: } .memberlist .memberlist-title { line-height: 40px; font-family: pingfangsc-semibold; font-size: 28px; color: #3442e2; height: 40px; margin: 0 auto } .memberlist .memberlist-underline { width: 94px; height: 2px; background: ; background-size: 100%; border: none; margin-top: 15px; margin-bottom: 55px } .memberlist .memberlist-container { width: 1200px; margin: 0 auto; text-align: left } .memberlist .memberlist-container .member-displayname { display: inline-block; line-height: 28px; font-family: pingfangsc-semibold-medium; font-size: 20px; color: #fff; min-width: 33%; box-sizing: border-box; margin-bottom: 40px } .memberlist .svgbox { width: 200px; height: 50px } .memberlist .gradient-text-three { fill: url(/uploads/css/cgbasic-components/); font-size: 28px; font-weight: bolder } .lygmediator { position: relative; width: 100%; height: auto; background-image: } .lygmediator .business_process { width: 100%; overflow: hidden; padding-bottom: 24px } .lygmediator .business_process_header { height: 154px; width: 100%; line-height: 154px; text-align: center; font-size: 24px; color: #2f3e84; text-shadow: 2px 2px 5px #f3f4f8 } .lygmediator .business_process_box { width: 85%; height: 260px; margin: 0 auto } .lygmediator .business_process_box .card-wrap { display: inline-block; position: relative; width: 100% } .lygmediator .business_process_box .card-wrap:before { content: ""; padding-top: 60%; display: block } .lygmediator .business_process_box dl { float: left; box-sizing: border-box; overflow: hidden; padding: 16px 16px 8px; text-align: right; position: absolute; top: 8px; left: 8px; right: 8px; bottom: 8px; box-shadow: 0 0 5px 1px hsla(0,0%,50.2%,.42); border-radius: 3px } .lygmediator .business_process_box .hover_big { width: 90px; height: 90px; border-radius: 50%; position: absolute; right: 12px; top: 0 } .lygmediator .business_process_box dl:hover { box-shadow: 0 0 10px 3px #aaa } .lygmediator .business_process_box dl:hover .hover_big { -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s,-webkit-transform .3s } .lygmediator .business_process_box-text { height: 90px; color: #505050; overflow: hidden; font-size: 18px; text-align: left; line-height: 2em } .lygmediator .business_process_box-text p { margin-bottom: 0 } .lygmediator .business_process_box-text .tel { font-size: 12px } .lygmediator .business_process_box dl dt { position: relative } .lygmediator .business_process_box dl dd { position: absolute; bottom: 12px; padding-right: 12px; margin-bottom: 0 } .lygmediator .business_process_box dl dd div { line-height: 2em } .lygmediator .business_process_box dl dd div span { font-size: 14px; color: #555 } .lygmediator .business_process_box dl dd img { margin: 0 auto } .lygmediator .business_process_box dl dd p { color: #333; font-size: 14px; text-align: left; margin-bottom: 0 } .lygmediator .business_process_box dl dd > a { width: 159px; height: 33px; border: 1px solid #333; display: block; border-radius: 33px; text-align: center; line-height: 33px; margin: 0 auto; color: #000 } .lygmediator .business_process_box dl dd > a:hover { background: #ea8801; color: #fff; border: 1px solid #ea8800 } .lygmediator .card-container-prev { left: -66px } .lygmediator .card-container-next, .lygmediator .card-container-prev { position: absolute; width: 60px; height: 60px; cursor: pointer; top: 50%; margin-top: -30px; border-radius: 50%; background: hsla(0,0%,50.2%,.23); background-image: ; background-size: 60%; background-repeat: no-repeat; background-position: 50% } .lygmediator .card-container-next { right: -66px; -webkit-transform: rotatey(180deg); transform: rotatey(180deg) } .executionmenu .bj-page-lassen-index-dispute { width: 100%; background: #f6f6f6; padding: 40px 0 } .executionmenu .bj-page-lassen-index-dispute-container { margin: 0 auto; width: 1200px; text-align: left; position: relative } .executionmenu .bj-page-lassen-index-dispute-container-line1 { background: #f6f6f6; position: absolute; width: 1100px; left: 50px; top: 263px; height: .5px } .executionmenu .bj-page-lassen-index-dispute-container-line2 { background: #f6f6f6; position: absolute; width: .5px; left: 400px; top: 50px; height: 426px } .executionmenu .bj-page-lassen-index-dispute-container-line3 { background: #f6f6f6; position: absolute; width: .5px; left: 800px; top: 50px; height: 426px } .executionmenu .bj-page-lassen-index-dispute-container-cardcontainer { margin-bottom: 57px; width: 1200px } .executionmenu .bj-page-lassen-index-dispute-container-cardcontainer .hidden { display: none } .executionmenu .bj-page-lassen-index-dispute-container-cardcontainer-card { float: left; width: 400px; height: 263px; background: #fff; padding: 36px 26px; text-align: left; display: flex; justify-content: center; align-items: center } .executionmenu .bj-page-lassen-index-dispute-container-cardcontainer-card i { margin-top: 50px; display: inline-block; font-size: 50px; color: #000 } .executionmenu .bj-page-lassen-index-dispute-container-cardcontainer-card img { display: table-cell; vertical-align: middle; text-align: center; width: 50px; height: 50px } .executionmenu .bj-page-lassen-index-dispute-container-cardcontainer-card-carddiv { display: inline-block; margin-left: 20px } .executionmenu .bj-page-lassen-index-dispute-container-cardcontainer-card-carddiv h2 { display: inline-block; color: #000; font-size: 24px; margin-top: 14px; margin-bottom: 8px } .executionmenu .bj-page-lassen-index-dispute-container-cardcontainer-card-carddiv p { line-height: 18px; color: #a6a6a6; font-size: 15px } .executionmenu .bj-page-lassen-index-dispute-container-cardcontainer-card:nth-child(3n) { margin-right: 0 } .executionmenu .bj-page-lassen-index-dispute-container-cardcontainer-card:hover { background: #fcfcfc; -webkit-transition: all .15s ease; transition: all .15s ease; padding-top: 32px } /*# sourcemappingurl=index.css.map */