@fox-js/foxui-pad 4.1.1-8 → 4.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/dist/index.cjs.js +1 -5
  2. package/dist/index.d.ts +2 -2
  3. package/dist/index.esm.js +14789 -14787
  4. package/dist/index.umd.js +1 -5
  5. package/dist/locale/index.d.ts +470 -0
  6. package/dist/locale/index.esm.js +223 -172
  7. package/dist/locale/index.umd.js +1 -3
  8. package/dist/style.css +4519 -1
  9. package/dist/style.js +3 -0
  10. package/dist/types/index.d.ts +885 -452
  11. package/package.json +5 -5
package/dist/style.css CHANGED
@@ -1 +1,4519 @@
1
- @charset "UTF-8";.fox-item.is-error .el-input__wrapper,.fox-item.is-error .el-select__wrapper,.fox-item.is-error .fox-date-item__long{-webkit-box-shadow:0 0 0 1px var(--el-color-danger) inset;box-shadow:0 0 0 1px var(--el-color-danger) inset}.fox-page{width:100%}.fox-header-bar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column wrap;flex-flow:column wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;border:0px;min-height:var(--fox-header-bar-min-height, auto);-webkit-box-sizing:var(--fox-header-bar-box-sizing, content-box);box-sizing:var(--fox-header-bar-box-sizing, content-box);background-color:var(--fox-header-bar-background-color, var(--fox-white, #fff));color:var(--fox-header-bar-color, #1a1a1a);-webkit-box-shadow:var(--fox-header-bar-box-shadow, 0px 1px 7px 0px rgb(237, 238, 241));box-shadow:var(--fox-header-bar-box-shadow, 0px 1px 7px 0px rgb(237, 238, 241));overflow:hidden}.fox-header-bar:active:before{opacity:.1}.fox-header-bar--border{border-top:var(--fox-header-bar-border-top, 0px solid #eee);border-bottom:var(--fox-header-bar-border-bottom, 1px solid #eee)}.fox-header-bar--fixed{position:var(--fox-header-bar-fixed, absolute);inset:0 0 auto;z-index:var(--fox-header-bar-z-index, 10)}.fox-header-bar--safe-area-inset-top{padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top)}.fox-header-bar__title{font-size:var(--fox-header-bar-title-font-size, var(--fox-font-size-3, 16px));min-width:53%;display:block;text-align:center}.fox-header-bar__title .title-icon{display:inline;margin-left:13px;height:var(--fox-header-bar-title-icon-size, 18px);width:var(--fox-header-bar-title-icon-size, 18px)}.fox-header-bar__title .title-text{display:inline-block}.fox-header-bar__title ::-webkit-scrollbar{display:none}.fox-header-bar__left{font-size:var(--fox-header-bar-left-font-size, var(--fox-font-size-3, 16px));position:absolute;inset:0 auto 0 0;display:-webkit-box;display:-ms-flexbox;-webkit-box-align:center;-ms-flex-align:center;cursor:pointer;padding:var(--fox-header-bar-left-padding, 0 16px);display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;align-items:center}.fox-header-bar__left .left-icon{height:var(--fox-header-bar-left-icon-size, 18px);width:var(--fox-header-bar-left-icon-size, 18px)}.fox-header-bar__right{font-size:var(--fox-header-bar-right-font-size, var(--fox-font-size-3, 16px));position:absolute;inset:0 0 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:var(--fox-header-bar-right-padding, 0 16px);cursor:pointer}.fox-header-bar__right .right-icon{margin-left:8px;height:var(--fox-header-bar-right-icon-size, 18px);width:var(--fox-header-bar-right-icon-size, 18px)}.fox-header-bar__inner{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:100%;height:var(--fox-header-bar-inner-height, 44px);position:relative;display:-webkit-box;display:-ms-flexbox;display:flex}.fox-header-bar__inner--left{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.fox-header-bar__inner--right{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.fox-header-bar__inner--center{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.fox-header-bar__bottom{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;height:var(--fox-header-bar-bottom-height, auto);padding:var(--fox-header-bar-inner-padding, 0px);-webkit-box-sizing:var(--fox-header-bar-inner-box-sizing, content-box);box-sizing:var(--fox-header-bar-inner-box-sizing, content-box);padding:var(--fox-header-bar-bottom-padding, 0px);-webkit-box-sizing:var(--fox-header-bar-bottom-box-sizing, border-box);box-sizing:var(--fox-header-bar-bottom-box-sizing, border-box)}.fox-footer-bar{position:relative;border:0px;min-height:var(--fox-footer-bar-min-height, 50px);padding:var(--fox-footer-bar-padding, 7px 0);-webkit-box-sizing:var(--fox-footer-bar-box-sizing, content-box);box-sizing:var(--fox-footer-bar-box-sizing, content-box);background-color:var(--fox-footer-background-color, var(--fox-white, #fff));display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap}.fox-footer-bar--border{border-top:var(--fox-footer-bar-border-top, 1px solid #eee);border-bottom:var(--fox-footer-bar-border-bottom, 1px solid #eee)}.fox-footer-bar--fixed{position:var(--fox-footer-bar-fixed, absolute);inset:auto 0 0;z-index:var(--fox-footer-bar-z-index, 10)}.fox-footer-bar--safe-area-inset-bottom{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.fox-footer-bar--left{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.fox-footer-bar--right{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.fox-footer-bar--center{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.fox-footer-bar>.fox-button{margin-right:20px;min-width:100px}.fox-footer-bar>.fox-button:last-child{margin-right:0}.fox-content{display:block;overflow-x:hidden;overflow-y:auto;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--fox-content-background-color, var(--fox-white, #fff))}.fox-group{display:block;background:var(--fox-group-background-color, inhert);-webkit-transition:height .3s ease-in-out;transition:height .3s ease-in-out}.fox-group.is-collapse{overflow-y:hidden!important;-webkit-box-sizing:content-box!important;box-sizing:content-box!important}.fox-group--flow{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-line-pack:start;align-content:flex-start;-webkit-box-sizing:border-box;box-sizing:border-box}.fox-group--flow:after{display:none}.fox-group--flow .fox-item{float:none}.fox-group--flow-justify-start{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.fox-group--flow-justify-end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.fox-group--flow-justify-center{justify-items:center}.fox-group--flow-justify-stretch{justify-items:stretch}.fox-group--flow-align-start{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.fox-group--flow-align-end{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.fox-group--flow-align-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fox-group--flow-align-stretch{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.fox-group--grid{display:grid;-webkit-box-pack:stretch;-ms-flex-pack:stretch;justify-content:stretch;-ms-flex-line-pack:start;align-content:start;grid-auto-flow:row;-webkit-box-sizing:border-box;box-sizing:border-box}.fox-group--grid:after{display:none}.fox-group--grid .fox-item{float:none}.fox-group--grid-justify-start{justify-items:start}.fox-group--grid-justify-end{justify-items:end}.fox-group--grid-justify-center{justify-items:center}.fox-group--grid-justify-stretch{justify-items:stretch}.fox-group--grid-align-start{-webkit-box-align:start;-ms-flex-align:start;align-items:start}.fox-group--grid-align-end{-webkit-box-align:end;-ms-flex-align:end;align-items:end}.fox-group--grid-align-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fox-group--grid-align-stretch{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.fox-group__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:var(--fox-group-header-paddin, 0);margin:var(--fox-group-header-margin, 0 0 10px 0)}.fox-group__header-mark{display:inline-block;width:var(--fox-group-header-mark-width, 3px);height:var(--fox-group-header-mark-height, 15px);background:var(--fox-group-header-mark-color, #409eff)}.fox-group__header-title{display:inline-block;white-space:nowrap;color:var(--fox-group-header-color, var(--fox-title-color, #1a1a1a));font-size:var(--fox-group-header-font-size, var(--fox-font-size-2, 14px));font-weight:var(--fox-group-header-font-weight, 400);line-height:var(--fox-group-header-line-height, 20px)}.fox-group__header-collapse{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;color:var(--fox-group-header-collapse-color, #409eff)}.fox-group__header-collapse.is-right{margin-left:auto}.fox-group__header-collapse-icon{width:var(--fox-group-header-collapse-icon-size, 30px);height:var(--fox-group-header-collapse-icon-size, 30px);-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.fox-group__header-collapse-icon.is-expand{-webkit-transform:rotate(0deg);transform:rotate(0)}.fox-group__header-collapse-icon.is-collapse{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fox-group__header-collapse-text{font-size:var(--fox-group-header-collapse-font-size, var(--fox-font-size-2, 14px))}.fox-group__header-mark+.fox-group__header-title{margin-left:12px}.fox-theme-dark .fox-item{background:var(--fox-dark-background, #131313)}.fox-theme-dark .fox-item .label,.fox-theme-dark .fox-item .content{color:var(--fox-dark-color, var(--fox-white, #fff))}.fox-item{position:relative;width:100%;padding:var(--fox-input-item-padding, 0);margin:var(--fox-input-item-margin, 0 0 25px 0);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column wrap;flex-flow:column wrap;background:var(--fox-white, #fff);-webkit-box-sizing:border-box;box-sizing:border-box;float:left}.fox-item:before{position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box;content:" ";pointer-events:none;right:16px;bottom:0;left:16px;-webkit-transform:scaleX(0);transform:scaleX(0)}.fox-item.is-error:before{border-bottom:1px solid var(--fox-input-item-tip-error-color, #ee0a24);-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transition:-webkit-transform .2s cubic-bezier(0,0,.2,1) 0ms;transition:-webkit-transform .2s cubic-bezier(0,0,.2,1) 0ms;transition:transform .2s cubic-bezier(0,0,.2,1) 0ms;transition:transform .2s cubic-bezier(0,0,.2,1) 0ms,-webkit-transform .2s cubic-bezier(0,0,.2,1) 0ms}.fox-item__stretch{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.fox-item__input--border{border-bottom:var(--fox-input-item-border-bottom, 0px solid #eaf0fb)}.fox-item__main{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex}.fox-item__main--top{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.fox-item__main--left,.fox-item__main--right{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:stretch;-ms-flex-pack:stretch;justify-content:stretch;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fox-item__main .label{position:relative;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:var(--fox-input-item-label-font-size, var(--fox-font-size-2, 14px));font-weight:var(--fox-input-item-label-font-weight, 400);line-height:var(--fox-input-item-label-line-height, auto);color:var(--fox-input-item-label-color, var(--fox-black, #000))}.fox-item__main .label--top{text-align:left;width:100%;margin-bottom:10px;padding:var(--fox-input-item-label-padding-top, 0)}.fox-item__main .label--left{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;text-align:left;width:var(--fox-input-item-label-width, 30%);padding:var(--fox-input-item-label-padding-left, 0 10px 0 0)}.fox-item__main .label--right{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;text-align:right;width:var(--fox-input-item-label-width, 30%);padding:var(--fox-input-item-label-padding-right, 0 10px 0 0)}.fox-item__main .label--required:before{position:absolute;top:50%;-webkit-transform:translateY(50%);transform:translateY(50%);line-height:1px;left:0;color:var(--fox-input-item-require-color, var(--fox-required-color, #fa2c19));content:"*"}.fox-item__main .label--string{position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-left:10px}.fox-item__main .content{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;position:relative}.fox-item__main .content--default{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap}.fox-item__tip{position:absolute;top:100%;-webkit-transform:translateY(2px);transform:translateY(2px);font-size:var(--fox-input-item-tip-font-size, 12px);line-height:var(--fox-input-item-tip-height, 16px);text-align:left;padding-left:var(--fox-input-item-label-width, 30%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fox-item__tip--icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:var(--fox-input-item-tip-icon-margin, 0 4px 0 0)}.fox-item__tip--icon>svg{width:var(--fox-input-item-tip-icon-size, 10px);height:var(--fox-input-item-tip-icon-size, 10px)}.fox-item__tip--info{color:var(--fox-input-item-tip-info-color, #409eff)}.fox-item__tip--warn{color:var(--fox-input-item-tip-warn-color, #e6a23c)}.fox-item__tip--error{color:var(--fox-input-item-tip-error-color, #ee0a24)}.fox-item__fixed-tip{position:absolute;top:0;right:0;-webkit-transform:translateX(100%);transform:translate(100%)}.fox-item--animate{-webkit-animation-name:foxEaseIn;animation-name:foxEaseIn;-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}.fox-slot-item{padding:var(--fox-slot-item-padding, 0);margin:var(--fox-slot-item-margin, 0);border:none;-webkit-box-sizing:border-box;box-sizing:border-box}.fox-slot-item__stretch{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.fox-row-item{padding:var(--fox-input-item-padding, 0);margin:var(--fox-input-item-margin, 0 0 25px 0);border:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fox-row-item__stretch{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.fox-row-item__left{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.fox-row-item__right{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.fox-row-item__center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.fox-row-item__space-around{-ms-flex-pack:distribute;justify-content:space-around}.fox-row-item__space-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.fox-row-item__divide{margin:var(--fox-row-item-divide-margin, 0 10px);height:var(--fox-row-item-divide-height, 12px);width:var(--fox-row-item-divide-width, 1px);background:var(--fox-row-item-divide-color, #e4e7ed)}.fox-hint-text{overflow:visible;position:fixed;z-index:var(--fox-hint-text-z-index, 3000);padding:var(--fox-hint-text-padding, 6px 8px);-webkit-box-shadow:var(--fox-hint-text-box-shadow, 4px 4px 8px rgba(0, 0, 0, .3));box-shadow:var(--fox-hint-text-box-shadow, 4px 4px 8px rgba(0, 0, 0, .3));-webkit-box-sizing:border-box;box-sizing:border-box;border:0px solid rgba(0,0,0,.3);border-radius:3px;font-size:var(--fox-hint-text-font-size, var(--fox-font-size-2, 14px));color:var(--fox-hint-text-color, var(--fox-white, #fff));background-color:var(--fox-hint-text-background-color, rgba(0, 0, 0, .8));opacity:0;-webkit-transition:opacity 1s ease;transition:opacity 1s ease}.fox-hint-text__overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:var(--fox-hint-text-z-index, 3000);background-color:#0000}.fox-hint-text__content{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:100%;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;opacity:1;pointer-events:none;overflow:hidden}.fox-hint-text__content .fox-price{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fox-hint-text__content .fox-price--default,.fox-hint-text__content .fox-price--small,.fox-hint-text__content .fox-price--large{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.fox-hint-text__arrow{position:absolute;width:var(--fox-hint-text-arrow-size, 6px);height:var(--fox-hint-text-arrow-size, 6px);background-color:var(--fox-hint-text-background-color, rgba(0, 0, 0, .8))}.fox-hint-text.is-small{font-size:var(--fox-hint-text-font-size-small, var(--fox-font-size-0, 10px))}.fox-hint-text.is-large{font-size:var(--fox-hint-text-font-size-large, var(--fox-font-size-4, 18px))}.fox-hint-text.is-top .fox-hint-text__arrow{-webkit-clip-path:polygon(0% 0%,100% 0%,50% 100%);clip-path:polygon(0% 0%,100% 0%,50% 100%)}.fox-hint-text.is-right .fox-hint-text__arrow{-webkit-clip-path:polygon(0% 50%,100% 0%,100% 100%);clip-path:polygon(0% 50%,100% 0%,100% 100%)}.fox-hint-text.is-bottom .fox-hint-text__arrow{-webkit-clip-path:polygon(50% 0%,100% 100%,0% 100%);clip-path:polygon(50% 0%,100% 100%,0% 100%)}.fox-hint-text.is-left .fox-hint-text__arrow{-webkit-clip-path:polygon(0% 0%,100% 50%,0% 100%);clip-path:polygon(0% 0%,100% 50%,0% 100%)}.hint-text-fade-enter-active,.hint-text-fade-leave-active{-webkit-transition:opacity .3s;transition:opacity .3s}.hint-text-fade-enter-from,.hint-text-fade-leave-to{opacity:0}.fox-input-item,.fox-select-item{width:100%}.fox-select-item__option{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fox-date-item{width:100%!important}.fox-date-item.is-long input{text-align:center;padding:0 28px 0 0}.fox-date-item.is-readonly input,.fox-date-item.is-disabled input{padding:0}.fox-date-item__wrapper.has-append .el-input__wrapper{border-radius:var(--el-input-border-radius),0px,0px,var(--el-border-radius-base)}.fox-date-item__long{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;background-color:#fff;overflow:visible;-webkit-box-shadow:0 0 0 1px var(--el-input-border-color, var(--el-border-color)) inset;box-shadow:0 0 0 1px var(--el-input-border-color, var(--el-border-color)) inset}.fox-date-item__long.is-active{-webkit-box-shadow:0 0 0 1px var(--el-color-primary) inset;box-shadow:0 0 0 1px var(--el-color-primary) inset}.fox-date-item__long-splitor{z-index:2;position:absolute;top:1px;bottom:1px;width:10px;left:-5px;background-color:#fff}.fox-date-item__long-text{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:0;display:inline-block;margin:0;padding:0;text-align:center;font-size:var(--el-font-size-base);color:var(--el-text-color-regular);background-color:transparent}.fox-date-item__append{-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--el-fill-color-light);color:var(--el-color-info);position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:var(--el-input-height, 32px);line-height:var(--el-input-height, 32px);border:var(--el-border);padding:0 10px;white-space:nowrap;border-left:0;border-radius:0 4px 4px 0;-webkit-box-shadow:0 1px 0 0 var(--el-input-border-color) inset,0 -1px 0 0 var(--el-input-border-color) inset,-1px 0 0 0 var(--el-input-border-color) inset;box-shadow:0 1px 0 0 var(--el-input-border-color) inset,0 -1px 0 0 var(--el-input-border-color) inset,-1px 0 0 0 var(--el-input-border-color) inset}.fox-calendar-item{width:100%}.fox-time-item,.fox-time-select-item{width:100%!important}.fox-money-item{width:100%}.fox-money-item__append{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:var(--fox-input-item-append-width, 30px);font-size:var(--fox-input-item-append-font-size, var(--fox-font-size-2, 14px))}.fox-money-item__append .hidden{display:none}.fox-money-item__disabled{color:var(--fox-input-item-disabled-color, #c8c9cc)!important}.fox-money-item__disabled input:disabled{background:none;color:var(--fox-input-item-disabled-color, #c8c9cc);cursor:not-allowed;opacity:1;-webkit-text-fill-color:var(--fox-input-item-disabled-color, #c8c9cc)}.fox-money-item__placeholder input{color:var(--fox-input-item-color, var(--fox-black, #000))}.fox-money-item__placeholder input::-webkit-input-placeholder{color:var(--fox-input-item-color, var(--fox-black, #000))}.fox-money-item__placeholder input::-moz-placeholder{color:var(--fox-input-item-color, var(--fox-black, #000))}.fox-money-item__placeholder input::-ms-input-placeholder{color:var(--fox-input-item-color, var(--fox-black, #000))}.fox-input-number-item{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.fox-input-number-item__append .el-input__wrapper{border-radius:var(--el-border-radius-base) 0 0 var(--el-border-radius-base)}.fox-input-number-item__append .el-input-number__increase{border-radius:0}.fox-input-number-item__append.is-controls-right .el-input-number__increase{border-radius:0 var(--el-border-radius-base) var(--el-border-radius-base) 0;background:#fff}.fox-input-number-item__append.is-controls-right .el-input-number__decrease{background:#fff}.fox-input-number-item__unit{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;right:1px;border-radius:0 var(--el-border-radius-base) var(--el-border-radius-base) 0;border-left:0;border-top:var(--el-border);border-right:var(--el-border);border-bottom:var(--el-border);background:var(--el-fill-color-light);color:var(--el-text-color-regular)}.fox-cascader-item,.fox-autocomplete-item{width:100%}.fox-table-setting{--font-size: 12px}.fox-table-setting .el-checkbox{--el-checkbox-text-color: var(--el-text-color-regular);--el-checkbox-checked-text-color: var(--el-text-color-regular)}.fox-table-setting__popper{padding:0!important}.fox-table-setting__header{padding:5px 16px 4px;min-height:32px;margin:0;color:#000000d9;font-weight:500;border-bottom:1px solid rgba(0,0,0,.06);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.fox-table-setting__body{position:relative;padding:8px 0}.fox-table-setting__body-list{margin-top:6px}.fox-table-setting__body-title{padding-left:24px;color:#00000073;font-size:var(--font-size);line-height:24px}.fox-table-setting__body-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:24px;width:100%;-webkit-box-sizing:content-box;box-sizing:content-box;padding:2px 0}.fox-table-setting__body-row.is-dragover{border-bottom:1px solid var(--el-color-primary)}.fox-table-setting__body-row:hover{background:var(--el-color-primary-light-9)}.fox-table-setting__body-row:hover .tools-item{opacity:1}.fox-table-setting__body-row .checkbox-item{margin:0 0 0 10px}.fox-table-setting__body-row .checkbox-item__label{display:inline-block;text-overflow:ellipsis;overflow:hidden}.fox-table-setting__body-row .icon-item{font-size:var(--font-size);color:#00000073;margin:0 10px}.fox-table-setting__body-row .tools-item{opacity:0;margin-left:auto;padding:0 10px;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:var(--font-size);color:var(--el-color-primary)}.fox-table-setting__body-row .tools-item .el-icon{cursor:pointer}.fox-table-setting__body-row .tools-item .el-icon+.el-icon{margin-left:6px}.fox-table-setting__body-row .tools-item .is-reverse{-webkit-transform:rotateZ(180deg);transform:rotate(180deg)}.fox-table-setting__drag-icon{--color: inherit;height:1em;width:1em;line-height:1em;font-size:inherit;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;fill:currentColor;color:var(--color)}.fox-table-item{width:100%}.fox-table-item__wrap{min-width:0;min-height:0}.fox-table-item__pagination{margin-top:10px}.fox-table-item__pagination__left{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.fox-table-item__pagination__right{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.fox-table-item__footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fox-table-item__footer__left{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.fox-table-item__footer__right{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.fox-table-item__setting{margin:10px 10px 0 20px}.fox-table-item__infinite{height:var(--fox-table-item-infinite-height, 26px);background:var(--fox-table-item-infinite-background, #fff);color:var(--fox-table-item-infinite-color, --el-text-color-regular);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fox-table-item__infinite-icon{width:var(--fox-table-item-infinite-icon-size, 12px);height:var(--fox-table-item-infinite-icon-size, 12px);-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:loading-rotate;animation-name:loading-rotate;margin-right:2px}.fox-table-item__infinite-text{font-size:var(--fox-table-item-infinite-font-size, 12px)}@-webkit-keyframes loading-rotate{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}.fox-radio-item.is-vertical{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap}.fox-radio-item.is-vertical .el-radio+.el-radio{margin-top:10px}.fox-checkbox-item.is-vertical{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap}.fox-checkbox-item.is-vertical .el-checkbox+.el-checkbox{margin-top:10px}.fox-rate-item,.fox-switch-item,.fox-tree-select-item{width:100%}.fox-group-setting{--font-size: 12px}.fox-group-setting .el-checkbox{--el-checkbox-text-color: var(--el-text-color-regular);--el-checkbox-checked-text-color: var(--el-text-color-regular)}.fox-group-setting__popper{padding:0!important}.fox-group-setting__header{padding:5px 16px 4px;min-height:32px;margin:0;color:#000000d9;font-weight:500;border-bottom:1px solid rgba(0,0,0,.06);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.fox-group-setting__body{position:relative;padding:8px 0}.fox-group-setting__body-list{margin-top:6px}.fox-group-setting__body-title{padding-left:24px;color:#00000073;font-size:var(--font-size);line-height:24px}.fox-group-setting__body-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:24px;width:100%;-webkit-box-sizing:content-box;box-sizing:content-box;padding:2px 0}.fox-group-setting__body-row.is-dragover{border-bottom:1px solid var(--el-color-primary)}.fox-group-setting__body-row:hover{background:var(--el-color-primary-light-9)}.fox-group-setting__body-row:hover .tools-item{opacity:1}.fox-group-setting__body-row .checkbox-item{margin:0 0 0 10px}.fox-group-setting__body-row .checkbox-item__label{display:inline-block;text-overflow:ellipsis;overflow:hidden}.fox-group-setting__body-row .icon-item{font-size:var(--font-size);color:#00000073;margin:0 10px}.fox-group-setting__body-row .tools-item{opacity:0;margin-left:auto;padding:0 10px;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:var(--font-size);color:var(--el-color-primary)}.fox-group-setting__body-row .tools-item .el-icon{cursor:pointer}.fox-group-setting__body-row .tools-item .el-icon+.el-icon{margin-left:6px}.fox-group-setting__body-row .tools-item .is-reverse{-webkit-transform:rotateZ(180deg);transform:rotate(180deg)}.fox-group-setting__drag-icon{--color: inherit;height:1em;width:1em;line-height:1em;font-size:inherit;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;fill:currentColor;color:var(--color)}.fox-actionsheet{padding:var(--fox-actionsheet-padding, 0px 16px);display:block}.fox-actionsheet__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:var(--fox-actionsheet-header-height, 60px);-webkit-box-sizing:border-box;box-sizing:border-box}.fox-actionsheet__header-title{font-size:var(--fox-actionsheet-header-title-font-size, 18px);font-weight:var(--fox-actionsheet-header-title-font-weight, 500);color:var(--fox-actionsheet-header-title-color, rgb(51, 51, 51))}.fox-actionsheet__header-icon{margin-left:auto;cursor:pointer;color:var(--fox-actionsheet-header-icon-color, #969799);width:var(--fox-actionsheet-header-icon-size, 16px);height:var(--fox-actionsheet-header-icon-size, 16px)}.fox-actionsheet__searchbar{--fox-searchbar-padding: 0px;height:var(--fox-actionsheet-searchbar-height, 40px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fox-actionsheet__searchbar+.fox-actionsheet__list{margin-top:10px}.fox-actionsheet__searchbar .fox-searchbar__search-input{border:var(--fox-actionsheet-searchbar-border, 1px solid rgb(238, 238, 238));border-radius:var(--fox-searchbar-border-radius, 12px);background:var(--fox-actionsheet-searchbar-background, #f7f7f7);-webkit-box-shadow:none;box-shadow:none}.fox-actionsheet__list{display:block;height:var(--fox-actionsheet-list-height, 380px);overflow-y:auto;overflow-x:hidden}.fox-actionsheet__list::-webkit-scrollbar{display:none;width:0;background:transparent}.fox-actionsheet__list--inner{height:var(--fox-actionsheet-list-inner-height, 100%);overflow-y:hidden}.fox-actionsheet__list-item{height:var(--fox-actionsheet-list-item-height, auto);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box}.fox-actionsheet__list-item+.fox-actionsheet__list-item{margin-top:var(--fox-actionsheet-list-item-gutter, 28px)}.fox-actionsheet__list-item-label{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;min-height:0;padding:var(--fox-actionsheet-list-item-label-padding, 0 10px 0 0)}.fox-actionsheet__list-item-text{font-size:var(--fox-actionsheet-list-item-text-font-size, 16px);font-weight:var(--fox-actionsheet-list-item-text-font-weight, 400);line-height:var(--fox-actionsheet-list-item-text-line-height, 24px);color:var(--fox-actionsheet-list-item-text-color, rgb(51, 51, 51));margin:var(--fox-actionsheet-list-item-text-margin, 0);text-align:left}.fox-actionsheet__list-item-subtext{margin:var(--fox-actionsheet-list-item-subtext-margin, 8px 0 0 0);font-size:var(--fox-actionsheet-list-item-subtext-fox-size, 13px);font-weight:var(--fox-actionsheet-list-item-subtext-fox-wieight, 400);color:var(--fox-actionsheet-list-item-subtext-color, rgb(153, 153, 153));text-align:left}.fox-actionsheet__list-item-icon{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:color,border-color,background-color;transition-property:color,border-color,background-color;color:var(--fox-actionsheet-list-item-icon-color, var(--fox-disable-color, #cccccc))}.fox-actionsheet__list-item.is-checked .fox-actionsheet__list-item-icon{color:var(--fox-actionsheet-list-item-icon-color-active, var(--fox-primary-color, #fa2c19))!important}.fox-actionsheet__list-item.is-disabled .fox-actionsheet__list-item-icon{color:var(--fox-actionsheet-list-item-icon-color-disable, var(--fox-disable-color, #cccccc))}.fox-actionsheet__footer{height:var(--fox-actionsheet-footer-height, 76px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fox-actionsheet__footer-confirm{height:var(--fox-actionsheet-footer-button-height, 36px);width:var(--fox-actionsheet-footer-button-min-width, 100%);margin:10px 18px;border-radius:22px;color:var(--fox-white, #fff);text-align:center;line-height:var(--fox-actionsheet-footer-button-height, 36px)}.fox-actionsheet__popup{left:calc((100% - var(--fox-actionsheet-width, 40%)) / 2)!important;width:var(--fox-actionsheet-width, 40%)!important}.fox-actionsheet-item,.fox-select-item{width:100%}.fox-tabs-bar{position:relative;overflow:hidden}.fox-tabs-bar__titles{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:var(--fox-tabs-bar-titles-background, var(--fox-help-color, #f5f5f5));border-radius:var(--fox-tabs-bar-titles-border-radius, 0);-ms-flex-negative:0;flex-shrink:0}.fox-tabs-bar__titles:has(~.fox-tabs-bar__navigation){padding-right:var(--fox-tabs-bar-navigation-width, 30px)}.fox-tabs-bar__titles::-webkit-scrollbar{display:none;width:0;background:transparent}.fox-tabs-bar__titles-item{position:relative;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:var(--fox-tabs-bar-item-color, var(--fox-title-color, #1a1a1a));font-weight:var(--fox-tabs-var-item-font-weight, normal);font-size:var(--fox-tabs-bar-item-font-size-default, var(--fox-font-size-2, 14px))}.fox-tabs-bar__titles-item.active{font-size:var(--fox-tabs-bar-item-font-size-default-active, var(--fox-font-size-2, 14px))}.fox-tabs-bar__titles-item-text{position:relative;text-align:center}.fox-tabs-bar__titles-item-text.ellipsis{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fox-tabs-bar__titles-item-line{position:absolute;-webkit-transition:width .3s ease;transition:width .3s ease;width:0;height:0;content:" ";bottom:var(--fox-tabs-bar-item-line-bottom, 0px);left:50%;-webkit-transform:translate(-50%,0);transform:translate(-50%);overflow:hidden;border-radius:var(--fox-tabs-titles-item-line-border-radius, 0);opacity:var(--fox-tabs-titles-item-line-opacity, 1)}.fox-tabs-bar__titles-item-tip{position:absolute;top:0;right:0;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%);line-height:1;border-radius:50%;font-size:var(--fox-tabs-bar-item-tip-font-size, 10px);color:var(--fox-tabs-bar-item-tip-color, var(--fox-white, #fff));background:var(--fox-tabs-bar-item-tip-background, var(--fox-primary-color, #fa2c19));-webkit-box-shadow:var(--fox-tabs-bar-item-tip-box-shadow, 0 0 0 1px #fff);box-shadow:var(--fox-tabs-bar-item-tip-box-shadow, 0 0 0 1px #fff)}.fox-tabs-bar__titles-item-tip.doit{padding:0;width:var(--fox-tabs-bar-item-doit-size, 7px);height:var(--fox-tabs-bar-item-doit-size, 7px)}.fox-tabs-bar__titles-item-tip.num{padding:1px 2px 2px 3px;line-height:1}.fox-tabs-bar__titles-item.disabled{color:var(--fox-tabs-bar-item-color-disable, var(--fox-disable-color, #cccccc))}.fox-tabs-bar__titles-item.active{color:var(--fox-tabs-bar-item-color-active, var(--fox-title-color, #1a1a1a));font-weight:var(--fox-tabs-bar-item-font-weight-active, bold)}.fox-tabs-bar__titles-item.active .fox-tabs-bar__titles-item-line{content:" ";width:var(--fox-tabs-bar-item-line-width-horizontal, 40px);height:3px;background:var(--fox-tabs-bar-item-line-color-horizontal, linear-gradient(90deg, var(--fox-primary-color, #fa2c19) 0%, rgba(250, 44, 25, .15) 100%))}.fox-tabs-bar__titles-item.button{margin:auto var(--fox-tabs-bar-item-gutter-button, 8px);width:var(--fox-tabs-bar-item-width-button, 80px);height:var(--fox-tabs-bar-item-height-button, 32px);background:var(--fox-tabs-bar-item-background-button, #fff);color:var(--fox-tabs-bar-item-color-button, #666666);font-size:var(--fox-tabs-bar-item-font-size-button, 12px);font-weight:var(--fox-tabs-bar-item-font-weight-button, 400);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:var(--fox-tabs-bar-item-border-width-button, 1px) solid transparent}.fox-tabs-bar__titles-item.button.active{background:var(--fox-tabs-bar-item-background-active-button, #fff);color:var(--fox-tabs-bar-item-color-active-button, rgb(221, 65, 44));font-size:var(--fox-tabs-bar-item-font-size-active-button, 12px);font-weight:var(--fox-tabs-bar-item-font-weight-button, 400)}.fox-tabs-bar__titles-item.button .fox-tabs-bar__titles-item-line{width:0px}.fox-tabs-bar__titles-item.button-group{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;margin:auto var(--fox-tabs-bar-item-gutter-button-group, 0px);width:var(--fox-tabs-bar-item-width-button-group, 105px);height:var(--fox-tabs-bar-item-height-button-group, 32px);background:var(--fox-tabs-bar-item-background-button-group, #fff);color:var(--fox-tabs-bar-item-color-button-group, rgb(221, 65, 44));font-size:var(--fox-tabs-bar-item-font-size-button-group, 14px);font-weight:var(--fox-tabs-bar-item-font-weight-button-group, 400);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-top:var(--fox-tabs-bar-item-border-width-button-group, 1px) solid var(--fox-tabs-bar-item-background-active-button-group, rgb(221, 65, 44));border-right:var(--fox-tabs-bar-item-border-width-button-group, 1px) solid var(--fox-tabs-bar-item-background-active-button-group, rgb(221, 65, 44));border-bottom:var(--fox-tabs-bar-item-border-width-button-group, 1px) solid var(--fox-tabs-bar-item-background-active-button-group, rgb(221, 65, 44));border-left:0 solid var(--fox-tabs-bar-item-background-active-button-group, rgb(221, 65, 44))}.fox-tabs-bar__titles-item.button-group:first-child{border-top-left-radius:var(--fox-tabs-bar-item-radius-button-group, 8px);border-bottom-left-radius:var(--fox-tabs-bar-item-radius-button-group, 8px);border-left:var(--fox-tabs-bar-item-border-width-button-group, 1px) solid var(--fox-tabs-bar-item-background-active-button-group, rgb(221, 65, 44))}.fox-tabs-bar__titles-item.button-group:last-child{border-top-right-radius:var(--fox-tabs-bar-item-radius-button-group, 8px);border-bottom-right-radius:var(--fox-tabs-bar-item-radius-button-group, 8px)}.fox-tabs-bar__titles-item.button-group.active{background:var(--fox-tabs-bar-item-background-active-button-group, rgb(221, 65, 44));color:var(--fox-tabs-bar-item-color-active-button-group, #fff);font-size:var(--fox-tabs-bar-item-font-size-active-button-group, 14px);font-weight:var(--fox-tabs-bar-item-font-weight-button-group, 400)}.fox-tabs-bar__titles-item.button-group .fox-tabs-bar__titles-item-line{width:0px}.fox-tabs-bar__titles-item.capsule{margin:auto var(--fox-tabs-bar-item-gutter-capsule, 0px);width:var(--fox-tabs-bar-item-width-capsule, 100px);height:var(--fox-tabs-bar-item-height-capsule, 29px);background:var(--fox-tabs-bar-item-background-capsule, rgba(255, 255, 255, 0));color:var(--fox-tabs-bar-item-color-capsule, rgb(102, 102, 102));font-size:var(--fox-tabs-bar-item-font-size-capsule, 14px);font-weight:var(--fox-tabs-bar-item-font-weight-capsule, 400);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:var(--fox-tabs-bar-item-border-width-capsule, 1px) solid transparent;border-radius:var(--fox-tabs-bar-item-radius-capsule, 12px)}.fox-tabs-bar__titles-item.capsule.active{background:var(--fox-tabs-bar-item-background-active-capsule, rgb(255, 255, 255));color:var(--fox-tabs-bar-item-color-active-capsule, rgb(221, 65, 44));font-size:var(--fox-tabs-bar-item-font-size-active-capsule, 14px);font-weight:var(--fox-tabs-bar-item-font-weight-capsule, 400)}.fox-tabs-bar__titles-item.capsule .fox-tabs-bar__titles-item-line{width:0px}.fox-tabs-bar__titles.large .fox-tabs-bar__titles-item{font-size:var(--fox-tabs-bar-item-font-size-large, var(--fox-font-size-3, 16px))}.fox-tabs-bar__titles.large .fox-tabs-bar__titles-item.active{font-size:var(--fox-tabs-bar-item-font-size-large-active, var(--fox-font-size-3, 16px))}.fox-tabs-bar__titles.small .fox-tabs-bar__titles-item{font-size:var(--fox-tabs-bar-item-font-size-small, var(--fox-font-size-1, 12px))}.fox-tabs-bar__titles.small .fox-tabs-bar__titles-item.active{font-size:var(--fox-tabs-bar-item-font-size-small-active, var(--fox-font-size-1, 12px))}.fox-tabs-bar__titles.horizontal{height:var(--fox-tabs-bar-titles-height-horizontal, 44px);margin:auto var(--fox-tabs-bar-item-gutter-horizontal, 0px)}.fox-tabs-bar__titles.horizontal .fox-tabs-bar__titles-item{min-width:var(--fox-tabs-bar-item-min-width-horizontal, 50px)}.fox-tabs-bar__titles.horizontal .fox-tabs-bar__titles-item:first-child{margin-left:0!important}.fox-tabs-bar__titles.horizontal .fox-tabs-bar__titles-item:last-child{margin-right:0!important}.fox-tabs-bar__titles.horizontal.scrollable{overflow-x:auto;overflow-y:hidden}.fox-tabs-bar__titles.horizontal.left .fox-tabs-bar__titles-item{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.fox-tabs-bar__titles.vertical{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:var(--fox-tabs-bar-titles-width-vertical, 100px)}.fox-tabs-bar__titles.vertical .fox-tabs-bar__titles-item{width:100%;height:var(--fox-tabs-bar-item-height-vertical, 40px);margin:var(--fox-tabs-bar-item-gutter-vertical, 0px) auto;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.fox-tabs-bar__titles.vertical .fox-tabs-bar__titles-item:first-child{margin-top:0!important}.fox-tabs-bar__titles.vertical .fox-tabs-bar__titles-item:last-child{margin-bottom:0!important}.fox-tabs-bar__titles.vertical .fox-tabs-bar__titles-item-line{bottom:none;-webkit-transform:translate(0,-50%);transform:translateY(-50%);-webkit-transition:height .3s ease;transition:height .3s ease;width:0;height:0}.fox-tabs-bar__titles.vertical .fox-tabs-bar__titles-item.active{background-color:#fff}.fox-tabs-bar__titles.vertical .fox-tabs-bar__titles-item.active .fox-tabs-bar__titles-item-line{left:10px;width:3px;background:var(--fox-tabs-bar-item-line-color-vertical, linear-gradient(180deg, var(--fox-primary-color, #fa2c19) 0%, rgba(250, 44, 25, .15) 100%));height:var(--fox-tabs-bar-item-line-height-vertical, 14px)}.fox-tabs-bar__titles.vertical.scrollable{overflow-x:hidden;overflow-y:auto;height:100%}.fox-tabs-bar__titles.button-group{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.fox-tabs-bar__titles.capsule{padding:var(--fox-tabs-bar-titles-padding-capsule, 5px 8px);background:var(--fox-tabs-bar-titles-background-capsule, rgb(246, 246, 248));border-radius:var(--fox-tabs-bar-titles-border-radius-capsule, 16px)}.fox-tabs-bar__navigation{height:var(--fox-tabs-bar-titles-height-horizontal, 44px);width:var(--fox-tabs-bar-navigation-width, 30px);background:var(--fox-tabs-bar-titles-background, var(--fox-help-color, #f5f5f5));display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;top:0;right:0}.fox-tabs-bar__popup{position:absolute;right:0;bottom:0;left:0;-webkit-transform:translateY(100%);transform:translateY(100%);background:var(--fox-tabs-bar-popup-background, rgb(255, 255, 255));max-height:var(--fox-tabs-bar-popup-max-height, 500px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding:var(--fox-tabs-bar-popup-padding, 12px 0 0 12px);-webkit-box-shadow:var(--fox-tabs-bar-popup-box-shadow, 0 4px 10px rgba(0, 0, 0, .07));box-shadow:var(--fox-tabs-bar-popup-box-shadow, 0 4px 10px rgba(0, 0, 0, .07));z-index:1;opacity:0;-webkit-transition:opacity .36s ease;transition:opacity .36s ease}.fox-tabs-bar__popup-item{border-radius:var(--fox-tabs-bar-popup-item-radius, 16px);color:var(--fox-tabs-bar-popup-item-color, rgb(51, 51, 51));background:var(--fox-tabs-bar-popup-item-background, rgb(248, 248, 248));padding:var(--fox-tabs-bar-popup-item-padding, 5px 12px 5px 12px);margin:var(--fox-tabs-bar-popup-item-margin, 0px 12px 12px 0);text-wrap:nowrap}.fox-tabs-bar__popup-item.active{color:var(--fox-tabs-bar-popup-item-color-active, rgb(221, 65, 44));background:var(--fox-tabs-bar-popup-item-background-active, rgb(255, 236, 236))}.fox-tabs-bar__popup--show{opacity:1}.fox-tabs-container{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.fox-tabs-container.horizontal .fox-tabs-container__panes{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.fox-tabs-container.vertical .fox-tabs-container__panes{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.fox-tabs-container__panes{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.fox-tabs-pane{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.fox-tabs-pane__empty{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:20px}.fox-tabs-pane__empty-icon{width:16px;height:16px;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:loading-rotate;animation-name:loading-rotate}.fox-tabs-pane__empty-text{margin-top:10px}.fox-steps-bar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--fox-steps-bar-normal-color, #fff);font-size:var(--fox-steps-bar-font-size, 14px)}.fox-steps-bar.is-scroll{-webkit-box-sizing:border-box;box-sizing:border-box}.fox-steps-bar::-webkit-scrollbar{display:none;width:0;background:transparent}.fox-steps-bar.is-horizontal{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap}.fox-steps-bar.is-horizontal.is-scroll{overflow-x:auto;overflow-y:hidden}.fox-steps-bar.is-horizontal .fox-steps-bar__step{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;position:relative}.fox-steps-bar.is-horizontal .fox-steps-bar__step.center .fox-steps-bar__icon{left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%)}.fox-steps-bar.is-horizontal .fox-steps-bar__step.center .fox-steps-bar__line{left:50%;right:-50%}.fox-steps-bar.is-horizontal .fox-steps-bar__step.center .fox-steps-bar__main{width:100%;text-align:center;-webkit-transform:translateX(0);transform:translate(0)}.fox-steps-bar.is-horizontal .fox-steps-bar__step.is-doit .fox-steps-bar__icon{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.fox-steps-bar.is-horizontal .fox-steps-bar__head{width:100%;-webkit-box-flex:0;-ms-flex:0 0 var(--fox-steps-bar-icon-size, 28px);flex:0 0 var(--fox-steps-bar-icon-size, 28px)}.fox-steps-bar.is-horizontal .fox-steps-bar__main{z-index:2;-webkit-transform:translateX(calc(-50% + var(--fox-steps-bar-icon-size, 28px) / 2));transform:translate(calc(-50% + var(--fox-steps-bar-icon-size, 28px) / 2));margin:var(--fox-steps-bar-main-margin-horizontal, 10px 0 0 0);width:var(--fox-steps-bar-main-width-horizontal, auto);height:var(--fox-steps-bar-main-height-horizontal, auto);line-height:var(--fox-steps-bar-main-line-height-horizontal, auto)}.fox-steps-bar.is-horizontal .fox-steps-bar__icon{position:absolute}.fox-steps-bar.is-horizontal .fox-steps-bar__line{position:absolute;left:0;top:50%;right:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.fox-steps-bar.is-vertical{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap}.fox-steps-bar.is-vertical.is-scroll{overflow-x:hidden;overflow-y:auto}.fox-steps-bar.is-vertical .fox-steps-bar__step{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap}.fox-steps-bar.is-vertical .fox-steps-bar__step.center .fox-steps-bar__icon{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.fox-steps-bar.is-vertical .fox-steps-bar__step.center .fox-steps-bar__line{top:50%;bottom:-50%}.fox-steps-bar.is-vertical .fox-steps-bar__step.is-doit .fox-steps-bar__icon{left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%)}.fox-steps-bar.is-vertical .fox-steps-bar__head{-webkit-box-flex:0;-ms-flex:0 0 var(--fox-steps-bar-icon-size, 28px);flex:0 0 var(--fox-steps-bar-icon-size, 28px);height:100%}.fox-steps-bar.is-vertical .fox-steps-bar__main{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;margin:var(--fox-steps-bar-main-margin-vertical, 0 0 0 0);width:var(--fox-steps-bar-main-width-vertical, 100px);height:var(--fox-steps-bar-main-height-vertical, auto);line-height:var(--fox-steps-bar-main-line-height-vertical, var(--fox-steps-bar-icon-size, 28px))}.fox-steps-bar.is-vertical .fox-steps-bar__icon{position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box;height:var(--fox-steps-bar-icon-size, 28px);width:var(--fox-steps-bar-icon-size, 28px)}.fox-steps-bar.is-vertical .fox-steps-bar__line{position:absolute;width:2px;top:0;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%)}.fox-steps-bar.is-vertical .fox-steps-bar__mark{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;color:var(--fox-steps-bar-mark-color, var(--fox-primary-color, #fa2c19));-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:var(--fox-steps-bar-mark-height-vertical, var(--fox-steps-bar-icon-size, 28px));width:var(--fox-steps-bar-mark-width-vertical, var(--fox-steps-bar-icon-size, 28px))}.fox-steps-bar.is-simple{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap}.fox-steps-bar.is-simple.is-scroll{overflow-x:auto;overflow-y:hidden}.fox-steps-bar.is-simple .fox-steps-bar__head{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;position:relative}.fox-steps-bar.is-simple .fox-steps-bar__main{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;line-height:var(--fox-steps-bar-icon-size, 28px);padding:0 5px;z-index:2;background:transparent}.fox-steps-bar.is-simple .fox-steps-bar__icon{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.fox-steps-bar.is-simple .fox-steps-bar__line{-webkit-box-flex:1;-ms-flex:1 1 100%;flex:1 1 100%}.fox-steps-bar__step{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-negative:0;flex-shrink:0}.fox-steps-bar__step.is-active{color:var(--fox-steps-bar-active-color, #fff)}.fox-steps-bar__step.is-active .fox-steps-bar__main{color:var(--fox-steps-bar-text-active-color, #000)}.fox-steps-bar__step.is-active .fox-steps-bar__icon{color:var(--fox-steps-bar-icon-active-color, #fff);background:var(--fox-steps-bar-icon-bg-active-color, var(--fox-primary-color, #fa2c19))}.fox-steps-bar__step.is-done{color:var(--fox-steps-bar-done-color, #fff)}.fox-steps-bar__step.is-done .fox-steps-bar__main{color:var(--fox-steps-bar-text-done-color, #000)}.fox-steps-bar__step.is-done .fox-steps-bar__icon{color:var(--fox-steps-bar-icon-done-color, #fff);background:var(--fox-steps-bar-icon-bg-done-color, var(--fox-success-color, #67c23a))}.fox-steps-bar__step.is-error{color:var(--fox-steps-bar-error-color, #fff)}.fox-steps-bar__step.is-error .fox-steps-bar__main{color:var(--fox-steps-bar-text-error-color, #000)}.fox-steps-bar__step.is-error .fox-steps-bar__icon{color:var(--fox-steps-bar-icon-error-color, #fff);background:var(--fox-steps-bar-icon-bg-error-color, var(--fox-danger-color, #dd412c))}.fox-steps-bar__step.is-half{color:var(--fox-steps-bar-half-color, #fff)}.fox-steps-bar__step.is-half .fox-steps-bar__main{color:var(--fox-steps-bar-text-half-color, #000)}.fox-steps-bar__step.is-half .fox-steps-bar__icon{color:var(--fox-steps-bar-icon-half-color, #fff);background:var(--fox-steps-bar-icon-bg-half-color, var(--fox-warning-color, #ffaa08))}.fox-steps-bar__step.is-doit .fox-steps-bar__icon{position:relative;width:7px;height:7px;color:#fff0}.fox-steps-bar__step.is-doit .fox-steps-bar__icon>*{display:none}.fox-steps-bar__step.is-doit.is-active .fox-steps-bar__icon:before{content:"";display:inline-block;position:absolute;left:50%;top:50%;margin-left:-7px;margin-top:-7px;width:14px;height:14px;background-color:var(--fox-steps-bar-icon-bg-active-color, var(--fox-primary-color, #fa2c19));border-radius:50%;opacity:.23}.fox-steps-bar__head{position:relative}.fox-steps-bar__line{background:var(--fox-steps-bar-line-normal-color, #dedfe8);border-color:inherit}.fox-steps-bar__line-inner{color:var(--fox-steps-bar-line-active-color, var(--fox-primary-color, #fa2c19));display:block;border-width:var(--fox-steps-bar-line-border-width, 1px);border-style:var(--fox-steps-bar-line-border-style, solid);border-color:inherit;-webkit-transition:.15s ease-out;transition:.15s ease-out;-webkit-box-sizing:border-box;box-sizing:border-box;width:0px;height:0px}.fox-steps-bar__icon{color:var(--fox-steps-bar-icon-normal-color, #fff);background:var(--fox-steps-bar-icon-bg-normal-color, #dedfe8);cursor:pointer;border-radius:50%;border:var(--fox-steps-bar-icon-border, 2px solid);border-color:inherit;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:var(--fox-steps-bar-icon-font-size, var(--fox-steps-bar-font-size, 14px));width:var(--fox-steps-bar-icon-size, 28px);height:var(--fox-steps-bar-icon-size, 28px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fox-steps-bar__icon-inner{text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fox-steps-bar__icon-inner svg{height:var(--fox-steps-bar-icon-size, 28px);width:var(--fox-steps-bar-icon-size, 28px);line-height:var(--fox-steps-bar-icon-size, 28px)}.fox-steps-bar__main{color:var(--fox-steps-bar-text-normal-color, #a8abb2);font-size:var(--fox-steps-bar-text-font-size, var(--fox-steps-bar-font-size, 14px));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fox-theme-dark .fox-picker__title{color:var(--fox-dark-color, var(--fox-white, #fff))}.fox-theme-dark .fox-picker__mask{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(27,27,27,.9)),to(rgba(27,27,27,.4))),-webkit-gradient(linear,left bottom,left top,from(rgba(27,27,27,.9)),to(rgba(27,27,27,.4)));background-image:linear-gradient(180deg,#1b1b1be6,#1b1b1b66),linear-gradient(0deg,#1b1b1be6,#1b1b1b66)}.fox-theme-dark .fox-picker__item,.fox-theme-dark .fox-picker__item-tile{color:var(--fox-dark-color, var(--fox-white, #fff))}.fox-picker .fox-popup{overflow-y:hidden}.fox-picker__bar{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:56px;width:100%}.fox-picker__bar__action{position:absolute;width:100%;height:100%}.fox-picker__button{cursor:pointer;padding:var(--fox-picker-bar-button-padding, 0 15px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;min-width:50px;height:100%}.fox-picker__title{text-align:center;font-size:var(--fox-picker-bar-title-font-size, 16px);font-weight:var(--fox-picker-bar-title-font-weight, normal);color:var(--fox-picker-bar-title-color, var(--fox-title-color, #1a1a1a))}.fox-picker__left{float:left;color:var(--fox-picker-cancel-color, #808080);font-size:var(--fox-picker-bar-cancel-font-size, 14px)}.fox-picker__right{float:right;color:var(--fox-picker-ok-color, var(--fox-primary-color, #fa2c19));font-size:var(--fox-picker-bar-ok-font-size, 14px)}.fox-picker__hairline{position:absolute;height:var(--fox-picker-item-height, 36px);width:100%;border:var(--fox-picker-item-active-line-border, 1px solid #eae7e7);border-left:0;border-right:0}.fox-picker__mask{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background-image:-webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,100%,.9)),to(hsla(0,0%,100%,.4))),-webkit-gradient(linear,left bottom,left top,from(hsla(0,0%,100%,.9)),to(hsla(0,0%,100%,.4)));background-image:linear-gradient(180deg,#ffffffe6,#fff6),linear-gradient(0deg,#ffffffe6,#fff6);background-repeat:no-repeat;background-position:top,bottom;-webkit-transform:translateZ(0);transform:translateZ(0);pointer-events:none}.fox-picker__list{display:block;position:relative;text-align:center;overflow-y:hidden}.fox-picker__list:hover{cursor:-webkit-grab;cursor:grab}.fox-picker__column{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}.fox-picker__columnitem{width:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;height:100%}.fox-picker__content{display:block;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.fox-picker__content-roller{position:absolute;width:100%;height:var(--fox-picker-item-height, 36px)}.fox-picker__item{display:block;-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute;top:0;width:100%;height:var(--fox-picker-item-height, 36px);line-height:var(--fox-picker-item-height, 36px);color:var(--fox-picker-item-text-color, var(--fox-title-color, #1a1a1a));font-size:var(--fox-picker-item-text-font-size, 14px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fox-picker__item-hidden{visibility:hidden;opacity:0}.fox-picker__item-tile{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:var(--fox-picker-item-height, 36px);line-height:var(--fox-picker-item-height, 36px);color:var(--fox-picker-item-text-color, var(--fox-title-color, #1a1a1a));font-size:var(--fox-picker-item-text-font-size, 14px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fox-picker__item-tarotile{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;color:var(--fox-picker-item-text-color, var(--fox-title-color, #1a1a1a));font-size:var(--fox-picker-item-text-font-size, 14px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fox-theme-dark .fox-calendar,.fox-theme-dark .fox-calendar .fox-calendar__header{background:var(--fox-dark-background, #131313);color:var(--fox-dark-color, var(--fox-white, #fff))}.fox-theme-dark .fox-calendar .fox-calendar__content .fox-calendar__panel .fox-calendar__days .calendar-month-day-choose{background-color:var(--fox-dark-calendar-choose-color, rgba(227, 227, 227, .2));color:var(--fox-calendar-choose-font-color, var(--fox-primary-color, #fa2c19))}.fox-theme-dark .fox-calendar .fox-calendar__footer{background:var(--fox-dark-background2, #1b1b1b);color:var(--fox-dark-color, var(--fox-white, #fff))}.fox-calendar{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;color:#333;font-size:16px;background-color:var(--fox-white, #fff);overflow:hidden;height:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.fox-calendar__popup{left:calc((100% - var(--fox-calendar-width, 40%)) / 2)!important;width:var(--fox-calendar-width, 40%)!important}.fox-calendar.fox-calendar--nopop .fox-calendar__header .fox-calendar__header-title{font-size:var(--fox-calendar-base-font, var(--fox-font-size-3, 16px))}.fox-calendar .popup-box{height:100%}.fox-calendar .fox-calendar__content{overflow-y:auto}.fox-calendar ::-webkit-scrollbar{display:none}.fox-calendar .fox-calendar__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center;padding-top:1px;background-color:var(--fox-white, #fff)}.fox-calendar .fox-calendar__header .fox-calendar__header-title{font-size:var(--fox-calendar-title-font, var(--fox-font-size-4, 18px));font-weight:var(--fox-calendar-title-font-weight, 500);line-height:44px}.fox-calendar .fox-calendar__header .fox-calendar__header-slot{min-height:24px}.fox-calendar .fox-calendar__header .fox-calendar__header-subtitle{padding:7px 0;line-height:22px;font-size:var(--fox-calendar-sub-title-font, var(--fox-font-size-2, 14px))}.fox-calendar .fox-calendar__header .fox-calendar__weekdays{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around;height:36px;border-radius:0 0 12px 12px;-webkit-box-shadow:0px 4px 10px 0px rgba(0,0,0,.06);box-shadow:0 4px 10px #0000000f}.fox-calendar .fox-calendar__header .fox-calendar__weekdays .fox-calendar__weekday:first-of-type,.fox-calendar .fox-calendar__header .fox-calendar__weekdays .fox-calendar__weekday:last-of-type{color:var(--fox-calendar-day67-font-color, var(--fox-primary-color, #fa2c19))}.fox-calendar .fox-calendar__content{-webkit-box-flex:1;-ms-flex:1;flex:1;width:100%;display:block}.fox-calendar .fox-calendar__content .fox-calendar__panel{position:relative;width:100%;height:auto;display:block;-webkit-box-sizing:border-box;box-sizing:border-box}.fox-calendar .fox-calendar__content .fox-calendar__panel .fox-calendar__body{display:block}.fox-calendar .fox-calendar__content .fox-calendar__panel .fox-calendar__month{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center}.fox-calendar .fox-calendar__content .fox-calendar__panel div:nth-of-type(2) .fox-calendar__month-title{padding-top:0}.fox-calendar .fox-calendar__content .fox-calendar__panel .calendar-loading-tip{height:50px;line-height:50px;text-align:center;position:absolute;top:-50px;left:0;right:0;font-size:var(--fox-calendar-text-font, var(--fox-font-size-1, 12px));color:var(--fox-text-color, #808080)}.fox-calendar .fox-calendar__content .fox-calendar__panel .fox-calendar__month-title{height:23px;line-height:23px;margin:8px 0;font-size:var(--fox-calendar-month-title-font-size, inherit)}.fox-calendar .fox-calendar__content .fox-calendar__panel .fox-calendar__days{overflow:hidden}.fox-calendar .fox-calendar__content .fox-calendar__panel .fox-calendar__days .fox-calendar__days-item .fox-calendar__day:nth-child(7n),.fox-calendar .fox-calendar__content .fox-calendar__panel .fox-calendar__days .fox-calendar__days-item .fox-calendar__day:nth-child(7n+1){color:var(--fox-calendar-day67-font-color, var(--fox-primary-color, #fa2c19))}.fox-calendar .fox-calendar__content .fox-calendar__panel .fox-calendar__days .fox-calendar__day{float:left;width:14.28%;height:64px;font-weight:var(--fox-calendar-day-font-weight, 500);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative}.fox-calendar .fox-calendar__content .fox-calendar__panel .fox-calendar__days .fox-calendar__day .fox-calendar__day-tips{position:absolute;width:100%}.fox-calendar .fox-calendar__content .fox-calendar__panel .fox-calendar__days .fox-calendar__day .fox-calendar__day-tips--curr{position:absolute;bottom:6px;width:100%;font-size:12px;line-height:14px}.fox-calendar .fox-calendar__content .fox-calendar__panel .fox-calendar__days .fox-calendar__day .fox-calendar__day-tip{position:absolute;bottom:6px;width:100%;font-size:12px;line-height:14px;color:var(--fox-calendar-primary-color, var(--fox-primary-color, #fa2c19))}.fox-calendar .fox-calendar__content .fox-calendar__panel .fox-calendar__days .fox-calendar__day .fox-calendar__day-tips--top{top:6px}.fox-calendar .fox-calendar__content .fox-calendar__panel .fox-calendar__days .fox-calendar__day .fox-calendar__day-tips--bottom{bottom:6px}.fox-calendar .fox-calendar__content .fox-calendar__panel .fox-calendar__days .fox-calendar__day--active{background-color:var(--fox-calendar-primary-color, var(--fox-primary-color, #fa2c19));color:var(--fox-white, #fff)!important;border-radius:var(--fox-calendar-day-active-border-radius, 0px)}.fox-calendar .fox-calendar__content .fox-calendar__panel .fox-calendar__days .fox-calendar__day--active .fox-calendar__day-tips,.fox-calendar .fox-calendar__content .fox-calendar__panel .fox-calendar__days .fox-calendar__day--active .fox-calendar__day-tips--curr{visibility:hidden}.fox-calendar .fox-calendar__content .fox-calendar__panel .fox-calendar__days .fox-calendar__day--active .fox-calendar__day-tip{color:var(--fox-white, #fff)}.fox-calendar .fox-calendar__content .fox-calendar__panel .fox-calendar__days .fox-calendar__day--disabled{color:var(--fox-calendar-disable-color, #d1d0d0)!important}.fox-calendar .fox-calendar__content .fox-calendar__panel .fox-calendar__days .fox-calendar__day--choose{color:var(--fox-calendar-choose-font-color, var(--fox-primary-color, #fa2c19))}.fox-calendar .fox-calendar__content .fox-calendar__panel .fox-calendar__days .fox-calendar__day--choose:after{position:absolute;inset:0;background-color:var(--fox-calendar-choose-color, var(--fox-primary-color, #fa2c19));opacity:.09;content:""}.fox-calendar .fox-calendar__content .fox-calendar__panel .fox-calendar__days .fox-calendar__day .fox-calendar__day-value{padding:2px 0;font-size:var(--fox-calendar-day-font, 16px)}.fox-calendar .fox-calendar__footer{display:-webkit-box;display:-ms-flexbox;display:flex;height:calc(62px + constant(safe-area-inset-bottom));height:calc(62px + env(safe-area-inset-buttom));padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);width:100%;background-color:var(--fox-white, #fff)}.fox-calendar .fox-calendar__footer .fox-calendar__confirm{height:var(--fox-calendar-footer-button-height, 36px);width:var(--fox-calendar-footer-button-min-width, 100%);margin:10px 18px;border-radius:22px;background:var(--fox-button-primary-background-color, linear-gradient(135deg, var(--fox-primary-color, var(--fox-primary-color, #fa2c19)) 0%, var(--fox-primary-color, var(--fox-primary-color, #fa2c19)) 100%));color:var(--fox-white, #fff);text-align:center;line-height:var(--fox-calendar-footer-button-height, 36px)}.fox-cascader{width:100%;font-size:var(--fox-cascader-font-size, var(--fox-font-size-2, 14px));line-height:var(--fox-cascader-line-height, 22px)}.fox-cascader .fox-tabs-bar__titles{background:var(--fox-cascader-tabs-titles-background-color, var(--fox-white, #fff))}.fox-cascader .fox-tabs-bar__titles-item{min-width:auto;padding:var(--fox-cascader-tabs-titles-item-padding, 0 10px);white-space:nowrap}.fox-cascader__bar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:var(--fox-cascader-bar-padding, 24px 20px 17px);text-align:center;font-weight:700;line-height:var(--fox-cascader-bar-line-height, 20px);color:var(--fox-cascader-bar-color, var(--fox-title-color, #1a1a1a));font-size:var(--fox-cascader-bar-font-size, var(--fox-font-size-4, 18px))}.fox-cascader__pane{display:block;padding:10px 0 0;margin:0;width:100%;height:342px;overflow-y:auto;-webkit-overflow-scrolling:touch}.fox-cascader__pane::-webkit-scrollbar{display:none;width:0;background:transparent}.fox-cascader__item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:var(--fox-cascader-item-padding, 10px 20px);margin:0;cursor:pointer;font-size:var(--fox-cascader-item-font-size, var(--fox-font-size-2, 14px));color:var(--fox-cascader-item-color, var(--fox-title-color, #1a1a1a))}.fox-cascader__item__title{-webkit-box-flex:1;-ms-flex:1;flex:1}.fox-cascader__item__icon-check{margin-left:10px;visibility:hidden}.fox-cascader__item__icon-loading{margin-left:10px}.fox-cascader__item.active:not(.disabled){color:var(--fox-cascader-item-active-color, var(--fox-primary-color, #fa2c19))}.fox-cascader__item.active .fox-cascader__item__icon-check{visibility:visible;color:var(--fox-cascader-item-active-color, var(--fox-primary-color, #fa2c19))}.fox-cascader__item.disabled{opacity:.6;cursor:not-allowed}.fox-dialog-item.hide-header .el-dialog__header{display:none!important}.overlay-fade-enter-active,.overlay-fade-leave-active{-webkit-transition-property:opacity;transition-property:opacity;-webkit-transition-timing-function:ease;transition-timing-function:ease}.overlay-fade-enter-from,.overlay-fade-leave-to{opacity:0}.fox-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--fox-overlay-bg-color, rgba(0, 0, 0, .7))}.fox-overflow-hidden{overflow:hidden!important}.fox-theme-dark .fox-popup{background:var(--fox-dark-background2, #1b1b1b)}.fox-theme-dark .fox-popup__close-icon{color:var(--fox-dark-color, var(--fox-white, #fff))}.fox-popup-slide-center-enter-active,.fox-popup-slide-center-leave-active{-webkit-transition-property:opacity;transition-property:opacity;-webkit-transition-timing-function:ease;transition-timing-function:ease}.fox-popup-slide-center-enter-from,.fox-popup-slide-center-leave-to{opacity:0}.fox-popup-slide-top-enter-from,.fox-popup-slide-top-leave-active{-webkit-transform:translate(0,-100%);transform:translateY(-100%)}.fox-popup-slide-right-enter-from,.fox-popup-slide-right-leave-active{-webkit-transform:translate(100%,0);transform:translate(100%)}.fox-popup-slide-bottom-enter-from,.fox-popup-slide-bottom-leave-active{-webkit-transform:translate(0,100%);transform:translateY(100%)}.fox-popup-slide-left-enter-from,.fox-popup-slide-left-leave-active{-webkit-transform:translate(-100%,0);transform:translate(-100%)}.fox-popup--center{top:50vh;left:50vw;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.fox-popup--center.round{border-radius:var(--fox-popup-border-radius, 20px)}.fox-popup--bottom{bottom:0;left:0;width:100vw}.fox-popup--bottom.round{border-radius:var(--fox-popup-border-radius, 20px) var(--fox-popup-border-radius, 20px) 0 0}.fox-popup--bottom--safebottom{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.fox-popup--right{top:0;right:0}.fox-popup--right.round{border-radius:var(--fox-popup-border-radius, 20px) 0 0 var(--fox-popup-border-radius, 20px)}.fox-popup--left{top:0;left:0}.fox-popup--left.round{border-radius:0 var(--fox-popup-border-radius, 20px) var(--fox-popup-border-radius, 20px) 0}.fox-popup--top{top:0;left:0;width:100vw}.fox-popup--top.round{border-radius:0 0 var(--fox-popup-border-radius, 20px) var(--fox-popup-border-radius, 20px)}.fox-popup{position:fixed;max-height:100%;overflow-y:auto;background-color:var(--fox-white, #fff);-webkit-overflow-scrolling:touch}.fox-popup__close-icon{position:absolute!important;z-index:1;color:#969799;font-size:18px;cursor:pointer;width:30px;height:30px;line-height:30px;text-align:center}.fox-popup__close-icon>svg{width:var(--fox-popup-close-icon-size, 12px);height:var(--fox-popup-close-icon-size, 12px)}.fox-popup__close-icon:active{opacity:.7}.fox-popup__close-icon--top-left{top:var(--fox-popup-close-icon-margin, 16px);left:var(--fox-popup-close-icon-margin, 16px)}.fox-popup__close-icon--top-right{top:var(--fox-popup-close-icon-margin, 16px);right:var(--fox-popup-close-icon-margin, 16px)}.fox-popup__close-icon--bottom-left{bottom:var(--fox-popup-close-icon-margin, 16px);left:var(--fox-popup-close-icon-margin, 16px)}.fox-popup__close-icon--bottom-right{right:var(--fox-popup-close-icon-margin, 16px);bottom:var(--fox-popup-close-icon-margin, 16px)}@-webkit-keyframes rotation{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes rotation{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}.fox-toast{position:fixed;left:0;bottom:150px;width:100%;text-align:center;pointer-events:none;z-index:9999;font-family:var(--fox-font-family, PingFang SC, Microsoft YaHei, Helvetica, Hiragino Sans GB, SimSun, sans-serif)}.fox-toast-small .fox-toast-inner{font-size:var(--fox-font-size-small, var(--fox-font-size-1, 12px))}.fox-toast-large .fox-toast-inner{font-size:var(--fox-font-size-large, var(--fox-font-size-3, 16px))}.fox-toast-cover{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;pointer-events:auto;height:100%;background:var(--fox-toast-cover-bg-color, rgba(0, 0, 0, 0))}.fox-toast-inner{display:inline-block;font-size:var(--fox-toast-text-font-size, 14px);min-width:40%;max-width:65%;text-align:center;padding:var(--fox-toast-inner-padding, 24px 30px);word-break:break-all;background:var(--fox-toast-inner-bg-color, rgba(0, 0, 0, .8));border-radius:var(--fox-toast-inner-border-radius, 12px);color:var(--fox-toast-font-color, var(--fox-white, #fff))}.fox-toast-text{font-size:var(--fox-toast-text-font-size, 14px)}.fox-toast-text:empty{margin-bottom:-8px}.fox-toast-title{font-size:var(--fox-toast-title-font-size, 16px)}.fox-toast-title:empty{margin-bottom:-8px}.fox-toast-has-icon .fox-toast-icon-wrapper{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:8px}.fox-toast-center{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.fox-toast-loading .fox-toast-inner{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fox-toast-loading .fox-toast-icon-wrapper{-webkit-animation:rotation 2s linear infinite;animation:rotation 2s linear infinite}.fox-toast-loading .fox-toast-icon-no-animation{-webkit-animation:none;animation:none}.toast-fade-enter-active,.toast-fade-leave-active{-webkit-transition:opacity .3s;transition:opacity .3s}.toast-fade-enter-from,.toast-fade-leave-to{opacity:0}.fox-theme-dark .fox-searchbar{background:var(--fox-dark-background, #131313)}.fox-theme-dark .fox-searchbar__search-label,.fox-theme-dark .fox-searchbar .fox-searchbar__input-clear .fox-searchbar__fox-icon-mask-close{color:var(--fox-dark-color, var(--fox-white, #fff))}.fox-theme-dark .fox-searchbar .fox-searchbar__input-clear .fox-searchbar__fox-icon-mask-close:hover{cursor:pointer;color:var(--fox-dark-color, var(--fox-white, #fff))}.fox-theme-dark .fox-searchbar__right-search-icon,.fox-theme-dark .fox-searchbar__left-search-icon{color:var(--fox-dark-color, var(--fox-white, #fff))}.fox-searchbar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:var(--fox-searchbar-width, 100%);padding:var(--fox-searchbar-padding, 9px 16px);background:var(--fox-searchbar-background, var(--fox-white, #fff));-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--fox-searchbar-input-bar-color, inherit)}.fox-searchbar::-webkit-input-placeholder{color:var(--fox-searchbar-input-bar-placeholder-color, inherit)}.fox-searchbar::-moz-placeholder{color:var(--fox-searchbar-input-bar-placeholder-color, inherit)}.fox-searchbar:-ms-input-placeholder{color:var(--fox-searchbar-input-bar-placeholder-color, inherit)}.fox-searchbar::-ms-input-placeholder{color:var(--fox-searchbar-input-bar-placeholder-color, inherit)}.fox-searchbar::placeholder{color:var(--fox-searchbar-input-bar-placeholder-color, inherit)}.fox-searchbar__search-label{padding:0 5px;color:#323233}.fox-searchbar__search-input{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:var(--fox-searchbar-input-width, 100%);height:var(--fox-searchbar-input-height, 32px);padding:var(--fox-searchbar-input-padding, 0 0 0 13px);border-radius:var(--fox-searchbar-input-border-radius, 16px);-webkit-box-shadow:var(--fox-searchbar-input-box-shadow, 0 0 8px 0 rgba(0, 0, 0, .04));box-shadow:var(--fox-searchbar-input-box-shadow, 0 0 8px 0 rgba(0, 0, 0, .04));background:var(--fox-searchbar-input-background, #f7f7f7);-webkit-box-sizing:border-box;box-sizing:border-box}.fox-searchbar__search-input.square{border-radius:0}.fox-searchbar__search-input .fox-searchbar__input-inner{width:100%;height:36px;-webkit-box-flex:1;-ms-flex:1;flex:1;padding:0 20px 0 0;margin:0;background-color:transparent;border-color:transparent;border-radius:16px;outline:none;font-size:14px}.fox-searchbar__search-input .fox-searchbar__input-inner-right{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;padding:0 7px}.fox-searchbar__search-input .fox-searchbar__input-clear-icon{position:absolute;z-index:10;left:-20px}.fox-searchbar__search-input .fox-searchbar__input-clear-icon>svg{width:16px;height:16px}.fox-searchbar__search-input .fox-searchbar__input-left-search-icon{margin-right:6px;width:16px;height:16px}.fox-searchbar__search-input .fox-searchbar__input-right-search-icon{margin-left:5px}.fox-searchbar__search-icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px}.fox-searchbar__left-search-icon{margin-right:8px}.fox-searchbar__right-search-icon{margin-left:16px;color:var(--fox-searchbar-right-out-color, var(--fox-black, #000))}.fox-theme-dark .fox-infinite-loading .fox-infinite__bottom,.fox-theme-dark .fox-infinite-loading .fox-infinite__bottom .bottom-text{color:var(--fox-dark-color, var(--fox-white, #fff))}.fox-infinite-loading{display:block;width:100%}.fox-infinite-loading .fox-infinite__bottom{display:block;width:100%;height:50px;line-height:50px;font-size:var(--fox-font-size-small, var(--fox-font-size-1, 12px));color:var(--fox-infiniteloading-bottom-color, #c8c8c8);text-align:center}.fox-infinite-loading .fox-infinite__bottom .fox-infinite__bottom-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.fox-infinite-loading .fox-infinite__bottom .fox-infinite__bottom-box__img{margin-right:5px;width:15px;height:15px;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:loading-rotate;animation-name:loading-rotate}.fox-infinite-loading .fox-infinite__bottom .fox-infinite__bottom-box__text{font-size:12px;color:var(--fox-text-color, #808080)}@keyframes loading-rotate{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}.fox-pull-refresh{height:100%;overflow:hidden}.fox-pull-refresh-container{position:relative;height:100%}.fox-pull-refresh-container-topbox{position:absolute;left:0;width:100%;height:50px;-webkit-transform:translateY(-100%);transform:translateY(-100%);text-align:center;font-size:14px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.fox-pull-refresh-container-topbox-icon{margin-right:4px;width:16px;height:16px;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:loading-rotate;animation-name:loading-rotate}.fox-pull-refresh-container-topbox-text{font-size:var(--fox-font-size-2, 14px);color:var(--fox-text-color, #808080)}@keyframes loading-rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.fox-price{font-size:var(--fox-font-size-3, 16px);display:inline;color:var(--fox-primary-color, #fa2c19)}.fox-price--symbol{display:inline-block;font-size:var(--fox-font-size-3, 16px)}.fox-price--large,.fox-price--point{display:inline-block;font-size:var(--fox-price-big-size, 24px)}.fox-price--decimal-large{display:inline-block;font-size:var(--fox-price-decimal-big-size, 18px)}.fox-price--symbol-large{display:inline-block;font-size:var(--fox-price-symbol-big-size, 18px)}.fox-price--normal{display:inline-block;font-size:var(--fox-price-medium-size, 16px)}.fox-price--decimal-normal{display:inline-block;font-size:var(--fox-price-decimal-medium-size, 14px)}.fox-price--symbol-normal{display:inline-block;font-size:var(--fox-price-symbol-medium-size, 14px)}.fox-price--small{display:inline-block;font-size:var(--fox-price-small-size, 12px)}.fox-price--decimal-small{display:inline-block;font-size:var(--fox-price-decimal-small-size, 10px)}.fox-price--symbol-small{display:inline-block;font-size:var(--fox-price-symbol-small-size, 10px)}.fox-indicator{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fox-indicator__mark{width:10px;height:10px;border-radius:5px;background-color:var(--el-color-success)}.fox-indicator__mark-success{background-color:var(--el-color-success)}.fox-indicator__mark-info{background-color:var(--el-color-info)}.fox-indicator__mark-warning{background-color:var(--el-color-warning)}.fox-indicator__mark-danger{background-color:var(--el-color-danger)}.fox-indicator__mark-disabled{background-color:#c0c4cc}.fox-indicator__icon{width:16px;height:16px;color:var(--el-color-success)}.fox-indicator__icon-success{color:var(--el-color-success)}.fox-indicator__icon-info{color:var(--el-color-info)}.fox-indicator__icon-warning{color:var(--el-color-warning)}.fox-indicator__icon-danger{color:var(--el-color-danger)}.fox-indicator__icon-disabled{color:#c0c4cc}.fox-indicator__text.is-right{margin-left:10px}.fox-indicator__text.is-left{margin-right:10px}.fox-indicator__text-success{color:var(--el-color-success)}.fox-indicator__text-info{color:var(--el-color-info)}.fox-indicator__text-warning{color:var(--el-color-warning)}.fox-indicator__text-danger{color:var(--el-color-danger)}.fox-indicator__text-disabled{color:#c0c4cc}.fox-text{margin:var(--fox-text-margin, 0);padding:var(--fox-text-padding, 0);font-size:var(--fox-text-font-size, 12px);font-weight:var(--fox-text-font-weight, 400);color:var(--fox-text-color, #808080);word-break:break-all}.fox-text.is-truncated{display:inline-block;max-width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.fox-text.is-highlight>*{color:var(--fox-text-highlight-color, var(--fox-white, #fff))!important;background:var(--fox-text-highlight-background-color, #fa2c19)!important}.fox-text.is-selectable{-webkit-user-select:text!important;-moz-user-select:text!important;-ms-user-select:text!important;user-select:text!important}.fox-text--primary{color:var(--fox-text-primary-color, var(--el-color-primary))}.fox-text--primary .fox-text__mark{background-color:var(--fox-text-primary-color, var(--el-color-primary))}.fox-text--success{color:var(--fox-text-success-color, var(--el-color-success))}.fox-text--success .fox-text__mark{background-color:var(--fox-text-success-color, var(--el-color-success))}.fox-text--info{color:var(--fox-text-info-color, var(--el-color-info))}.fox-text--info .fox-text__mark{background-color:var(--fox-text-info-color, var(--el-color-info))}.fox-text--warning{color:var(--fox-text-warning-color, var(--el-color-warning))}.fox-text--warning .fox-text__mark{background-color:var(--fox-text-warning-color, var(--el-color-warning))}.fox-text--danger{color:var(--fox-text-danger-color, var(--el-color-danger))}.fox-text--danger .fox-text__mark{background-color:var(--fox-text-danger-color, var(--el-color-danger))}.fox-text--default{color:var(--fox-text-default-color, #666666)}.fox-text--default .fox-text__mark{background-color:var(--fox-text-default-color, #666666)}.fox-text--large{font-size:var(--fox-text-font-size-large, var(--el-font-size-large))}.fox-text--small{font-size:var(--fox-text-font-size-small, var(--el-font-size-extra-small))}.fox-text__mark{display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;width:var(--fox-text-mark-size, 4px);height:var(--fox-text-mark-size, 4px);border-radius:50%;background-color:var(--fox-text-default-color, #666666);line-height:var(--fox-text-font-size, 12px)}.fox-text__mark--primary{background-color:var(--fox-text-primary-color, var(--el-color-primary))}.fox-text__mark--success{background-color:var(--fox-text-success-color, var(--el-color-success))}.fox-text__mark--warning{background-color:var(--fox-text-warning-color, var(--el-color-warning))}.fox-text__mark--danger{background-color:var(--fox-text-danger-color, var(--el-color-danger))}.fox-text__mark--default{background-color:var(--fox-text-default-color, #666666)}.fox-text__mark-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:content-box;box-sizing:content-box;color:var(--fox-text-default-color, #666666)}.fox-text__mark-wrap--primary{color:var(--fox-text-primary-color, var(--el-color-primary))}.fox-text__mark-wrap--success{color:var(--fox-text-success-color, var(--el-color-success))}.fox-text__mark-wrap--warning{color:var(--fox-text-warning-color, var(--el-color-warning))}.fox-text__mark-wrap--danger{color:var(--fox-text-danger-color, var(--el-color-danger))}.fox-text__mark-wrap--default{color:var(--fox-text-default-color, #666666)}.fox-text__wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.fox-text__wrap.text-left{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-flow:row-reverse nowrap;flex-flow:row-reverse nowrap}.fox-text__wrap.text-left .fox-text{margin-right:var(--fox-text-mark-text-gutter, 4px)}.fox-text__wrap.text-right{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap}.fox-text__wrap.text-right .fox-text{margin-left:var(--fox-text-mark-text-gutter, 4px)}.fox-text__wrap .fox-text{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.fox-text__wrap .fox-text__mark,.fox-text__wrap .fox-text__mark-wrap{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.fox-more-button{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;color:var(--fox-more-button-color, var(--fox-info-color, #1279ff))}.fox-more-button--primary{color:var(--fox-more-button-color-primary, var(--fox-primary-color, #fa2c19))}.fox-more-button--info{color:var(--fox-more-button-color-info, var(--fox-info-color, #1279ff))}.fox-more-button--success{color:var(--fox-more-button-color-success, var(--fox-success-color, #67c23a))}.fox-more-button--warning{color:var(--fox-more-button-color-warning, var(--fox-warning-color, #ffaa08))}.fox-more-button--danger{color:var(--fox-more-button-color-danger, var(--fox-danger-color, #dd412c))}.fox-more-button--disabled{color:var(--fox-disable-color, #cccccc)}.fox-more-button__icon{width:var(--fox-more-button-icon-size, 12px);height:var(--fox-more-button-icon-size, 12px);-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.fox-more-button__icon.is-expand{-webkit-transform:rotate(0deg);transform:rotate(0)}.fox-more-button__icon.is-collapse{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fox-more-button__text{font-size:var(--fox-more-button-font-size, var(--fox-font-size-2, 14px));font-weight:var(--fox-more-button-font-weight, 400)}.fox-more-button>*+*{margin-left:var(--fox-more-button-gutter, 2px)}.el-button+.fox-more-button{margin-left:12px}.fox-more-button+.fox-more-button{margin-left:12px}.fox-floating-button{display:block;z-index:var(--fox-floating-button-z-index, 3600);position:var(--fox-floating-button-position, absolute);width:var(--fox-floating-button-width, 52px);height:var(--fox-floating-button-height, 52px);opacity:var(--fox-floating-button-opacity, 1);background:var(--fox-floating-button-background, linear-gradient(136.56deg, var(--fox-primary-color, #fa2c19) 0%, var(--fox-primary-color-end, #fa6419) 100%));-webkit-box-shadow:var(--fox-floating-button-box-shadow, 0px 3px 12px rgba(49, 4, 0, .08));box-shadow:var(--fox-floating-button-box-shadow, 0px 3px 12px rgba(49, 4, 0, .08));border-radius:var(--fox-floating-button-border-radius, 50%);color:var(--fox-floating-button-color, #fff);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fox-floating-button__icon{width:var(--fox-floating-button-icon-size, 20px);height:var(--fox-floating-button-icon-size, 20px)}.fox-tour__mask{position:fixed;width:100px;height:50px;-webkit-box-shadow:0px 0px 0px 150vmax rgba(0,0,0,.5);box-shadow:0 0 0 150vmax #00000080;border-radius:10px;z-index:1002}.fox-tour__mask-none{-webkit-box-shadow:none;box-shadow:none}.fox-tour__mask-hidden{opacity:0}.fox-tour__content{display:block;min-width:200px}.fox-tour__content-top{display:block;text-align:right}.fox-tour__content-top-close{width:20px;height:20px}.fox-tour__content-inner{margin:10px 0;font-size:14px}.fox-tour__content-bottom{margin-top:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fox-tour__content-bottom-init{margin-left:10px}.fox-tour__content-bottom-operate{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.fox-tour__content-bottom-operate-btn{padding:5px 10px}.fox-tour__content-tile .fox-tour__content-inner{margin:0}.fox-tour__masked{position:fixed;width:100vw;height:100vh;z-index:2000;top:0;left:0;background:transparent}.fox-floating-window{position:fixed;background:var(--fox-floating-window-background, #fff);border-radius:var(--fox-floating-window-border-radius, 4px);-webkit-box-shadow:var(--fox-floating-window-box-shadow, 0px 12px 32px 4px rgba(0, 0, 0, .04), 0px 8px 20px rgba(0, 0, 0, .08));box-shadow:var(--fox-floating-window-box-shadow, 0px 12px 32px 4px rgba(0, 0, 0, .04), 0px 8px 20px rgba(0, 0, 0, .08));-webkit-box-sizing:border-box;box-sizing:border-box;top:var(--fox-floating-window-width, 15dvh);left:var(--fox-floating-window-width, 25dvw);width:var(--fox-floating-window-width, 50dvw);z-index:var(--fox-floating-window-z-index, 2001);overflow-y:hidden;outline:none}.fox-floating-window__header{border-top-left-radius:var(--fox-floating-window-border-radius, 4px);border-top-right-radius:var(--fox-floating-window-border-radius, 4px);background:var(--fox-floating-window-header-background, #f0f1f5);padding:var(--fox-floating-window-header-padding, 0 25px);height:var(--fox-floating-window-header-height, 40px);position:relative;z-index:20;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fox-floating-window__title{font-size:var(--fox-floating-window-title-font-size, 18px)}.fox-floating-window__tools{margin-left:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fox-floating-window__tools>*+*{margin-left:20px}.fox-floating-window__collapse{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;margin-left:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;color:var(--fox-floating-window-collapse-color, #409eff)}.fox-floating-window__collapse-icon{width:30px;height:30px;-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.fox-floating-window__collapse-icon.is-expand{-webkit-transform:rotate(0deg);transform:rotate(0)}.fox-floating-window__collapse-icon.is-collapse{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fox-floating-window__collapse-text{font-size:var(--fox-floating-window-collapse-font-size, 14px)}.fox-floating-window__close{color:var(--fox-floating-window-close-color, inherit);cursor:pointer}.fox-floating-window__close:hover{color:var(--fox-floating-window-close-color, #409eff)}.fox-floating-window__body{font-size:var(--fox-floating-window-content-font-size, 14px)}.fox-floating-window__fixednav{position:fixed;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:0px 2px 4px 0px rgba(0,0,0,.2);box-shadow:0 2px 4px #0003;z-index:var(--fox-floating-window-fixednav-z-index, 2000);color:var(--fox-floating-window-fixednav-color, #fff);background:var(--fox-floating-window-fixednav-bg, #409eff);width:var(--floating-window-fixednav-width, 80px);height:var(--floating-window-fixednav-height, 50px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fox-floating-window__fixednav.is-left{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding-right:12px;border-radius:0 45px 45px 0;left:0}.fox-floating-window__fixednav.is-left .fox-floating-window__fixednav__inner{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.fox-floating-window__fixednav.is-left.slide-in{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-name:slide-in-for-left;animation-name:slide-in-for-left}.fox-floating-window__fixednav.is-left.slide-out{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-name:slide-out-for-left;animation-name:slide-out-for-left}.fox-floating-window__fixednav.is-right{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;border-radius:45px 0 0 45px;padding-left:12px;right:0}.fox-floating-window__fixednav.is-right.slide-in{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-name:slide-in-for-right;animation-name:slide-in-for-right}.fox-floating-window__fixednav.is-right.slide-out{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-name:slide-out-for-right;animation-name:slide-out-for-right}.fox-floating-window__fixednav__inner{cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fox-floating-window__fixednav__text{width:24px;line-height:13px;font-size:10px;-ms-flex-negative:0;flex-shrink:0;background-color:inherit}.fox-floating-window-fade-enter-active,.fox-floating-window-fade-leave-active{-webkit-transition:opacity .5s ease;transition:opacity .5s ease}.fox-floating-window-fade-enter-from,.fox-floating-window-fade-leave-to{opacity:0}@-webkit-keyframes slide-in-for-left{0%{-webkit-transform:translateX(-100%);transform:translate(-100%)}to{-webkit-transform:translateX(0%);transform:translate(0)}}@keyframes slide-in-for-left{0%{-webkit-transform:translateX(-100%);transform:translate(-100%)}to{-webkit-transform:translateX(0%);transform:translate(0)}}@-webkit-keyframes slide-out-for-left{0%{-webkit-transform:translateX(0%);transform:translate(0)}to{-webkit-transform:translateX(-100%);transform:translate(-100%)}}@keyframes slide-out-for-left{0%{-webkit-transform:translateX(0%);transform:translate(0)}to{-webkit-transform:translateX(-100%);transform:translate(-100%)}}@-webkit-keyframes slide-in-for-right{0%{-webkit-transform:translateX(100%);transform:translate(100%)}to{-webkit-transform:translateX(0%);transform:translate(0)}}@keyframes slide-in-for-right{0%{-webkit-transform:translateX(100%);transform:translate(100%)}to{-webkit-transform:translateX(0%);transform:translate(0)}}@-webkit-keyframes slide-out-for-right{0%{-webkit-transform:translateX(0%);transform:translate(0)}to{-webkit-transform:translateX(100%);transform:translate(100%)}}@keyframes slide-out-for-right{0%{-webkit-transform:translateX(0%);transform:translate(0)}to{-webkit-transform:translateX(100%);transform:translate(100%)}}.fox-popover-dialog{position:var(--fox-popover-dialog-position, fixed);color:var(--fox-popover-dialog-color, #333);background:var(--fox-popover-dialog-background-color, #fff);border:1px solid var(--fox-border-color-lighter, #ebeef5);border-radius:var(--fox-popover-dialog-border-radius, 4px);-webkit-box-shadow:var(--fox-box-shadow-light, 0px 0px 12px rgba(0, 0, 0, .12));box-shadow:var(--fox-box-shadow-light, 0px 0px 12px rgba(0, 0, 0, .12));-webkit-box-sizing:border-box;box-sizing:border-box;min-width:var(--fox-popover-dialog-min-width, 0px);padding:var(--fox-popover-dialog-padding, 12px);z-index:var(--fox-popover-dialog-z-index, 2000);-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1}.fox-popover-dialog__title{font-size:var(--fox-popover-dialog-title-font-size 16px);line-height:1;margin-bottom:12px}.fox-popover-dialog__arrow{position:absolute;height:var(--fox-popover-dialog-arrow-size, 12px);width:var(--fox-popover-dialog-arrow-size, 12px);background:var(--fox-popover-dialog-background-color, #fff);z-index:-1;-webkit-clip-path:polygon(0% 50%,50% 0%,100% 50%,50% 100%);clip-path:polygon(0% 50%,50% 0%,100% 50%,50% 100%)}.fox-popover-dialog__overlay{position:var(--fox-popover-dialog-position, fixed);top:0;left:0;width:100%;height:100%;z-index:var(--fox-popover-dialog-z-index, 2000);background-color:var(--fox-popover-dialog-overlay-background-color, rgba(0, 0, 0, 0))}.fox-popover-dialog.is-opacity{opacity:0}.fox-popover-dialog.is-show{-webkit-animation-name:popover-show;animation-name:popover-show}.fox-popover-dialog.is-hide{-webkit-animation-name:popover-hide;animation-name:popover-hide}.fox-popover-dialog.is-dark{color:var(--fox-popover-dialog-dark-color, #fff);background:var(--fox-popover-dialog-dark-background-color, rgb(75, 76, 77));border:1px solid var(--fox-border-color-light, #e4e7ed)}.fox-popover-dialog.is-dark .fox-popover-dialog__arrow{background:var(--fox-popover-dialog-dark-background-color, rgb(75, 76, 77))}@-webkit-keyframes popover-show{0%{opacity:0}to{opacity:1}}@keyframes popover-show{0%{opacity:0}to{opacity:1}}@-webkit-keyframes popover-hide{0%{opacity:1}to{opacity:0}}@keyframes popover-hide{0%{opacity:1}to{opacity:0}}
1
+ @keyframes foxFadeIn {
2
+ from {
3
+ opacity: 0;
4
+ }
5
+
6
+ to {
7
+ opacity: 1;
8
+ }
9
+ }
10
+
11
+ @keyframes foxFadeOut {
12
+ from {
13
+ opacity: 1;
14
+ }
15
+
16
+ to {
17
+ opacity: 0;
18
+ }
19
+ }
20
+
21
+ .foxFade-enter-active, .foxFadeIn, .foxFade-leave-active, .foxFadeOut {
22
+ animation-duration: var(--fox-animation-duration, var(--el-transition-duration));
23
+ animation-fill-mode: both;
24
+ animation-timing-function: var(--fox-animation-timing-fun, cubic-bezier(.55, .085, .68, .53));
25
+ }
26
+
27
+ .foxFade-enter-active, .foxFadeIn {
28
+ animation-name: foxFadeIn;
29
+ }
30
+
31
+ .foxFade-leave-active, .foxFadeOut {
32
+ animation-name: foxFadeOut;
33
+ }
34
+
35
+ @keyframes foxZoomIn {
36
+ from {
37
+ opacity: 0;
38
+ transform: scale3d(.3, .3, .3);
39
+ }
40
+
41
+ 50% {
42
+ opacity: 1;
43
+ }
44
+ }
45
+
46
+ @keyframes foxZoomOut {
47
+ from {
48
+ opacity: 1;
49
+ }
50
+
51
+ 50% {
52
+ opacity: 0;
53
+ transform: scale3d(.3, .3, .3);
54
+ }
55
+
56
+ to {
57
+ opacity: 0;
58
+ }
59
+ }
60
+
61
+ .foxZoom-enter-active, .foxZoomIn, .foxZoom-leave-active, .foxZoomOut {
62
+ animation-duration: var(--fox-animation-duration, var(--el-transition-duration));
63
+ animation-fill-mode: both;
64
+ animation-timing-function: var(--fox-animation-timing-fun, cubic-bezier(.55, .085, .68, .53));
65
+ }
66
+
67
+ .foxZoom-enter-active, .foxZoomIn {
68
+ animation-name: foxZoomIn;
69
+ }
70
+
71
+ .foxZoom-leave-active, .foxZoomOut {
72
+ animation-name: foxZoomOut;
73
+ }
74
+
75
+ @keyframes foxEaseIn {
76
+ 0% {
77
+ opacity: 0;
78
+ transform: scale(.9);
79
+ }
80
+
81
+ 100% {
82
+ opacity: 1;
83
+ transform: scale(1);
84
+ }
85
+ }
86
+
87
+ @keyframes foxEaseOut {
88
+ 0% {
89
+ opacity: 1;
90
+ transform: scale(1);
91
+ }
92
+
93
+ 100% {
94
+ opacity: 0;
95
+ transform: scale(.9);
96
+ }
97
+ }
98
+
99
+ .foxEase-enter-active, .foxEaseIn, .foxEase-leave-active, .foxEaseOut {
100
+ animation-duration: var(--fox-animation-duration, var(--el-transition-duration));
101
+ animation-fill-mode: both;
102
+ animation-timing-function: var(--fox-animation-timing-fun, cubic-bezier(.55, .085, .68, .53));
103
+ }
104
+
105
+ .foxEase-enter-active, .foxEaseIn {
106
+ animation-name: foxEaseIn;
107
+ }
108
+
109
+ .foxEase-leave-active, .foxEaseOut {
110
+ animation-name: foxEaseOut;
111
+ }
112
+
113
+ @keyframes foxDropIn {
114
+ 0% {
115
+ opacity: 0;
116
+ transform: scaleY(.8);
117
+ }
118
+
119
+ 100% {
120
+ opacity: 1;
121
+ transform: scaleY(1);
122
+ }
123
+ }
124
+
125
+ @keyframes foxDropOut {
126
+ 0% {
127
+ opacity: 1;
128
+ transform: scaleY(1);
129
+ }
130
+
131
+ 100% {
132
+ opacity: 0;
133
+ transform: scaleY(.8);
134
+ }
135
+ }
136
+
137
+ .foxDrop-enter-active, .foxDropIn, .foxDrop-leave-active, .foxDropOut {
138
+ animation-duration: var(--fox-animation-duration, var(--el-transition-duration));
139
+ animation-fill-mode: both;
140
+ animation-timing-function: var(--fox-animation-timing-fun, cubic-bezier(.55, .085, .68, .53));
141
+ }
142
+
143
+ .foxDrop-enter-active, .foxDropIn {
144
+ animation-name: foxDropIn;
145
+ }
146
+
147
+ .foxDrop-leave-active, .foxDropOut {
148
+ animation-name: foxDropOut;
149
+ }
150
+
151
+ @keyframes rotation {
152
+ 0% {
153
+ -webkit-transform: rotate(0);
154
+ }
155
+
156
+ 100% {
157
+ -webkit-transform: rotate(360deg);
158
+ }
159
+ }
160
+
161
+ .foxRotate-enter-active, .foxRotateIn, .foxRotate-leave-active, .foxRotateOut {
162
+ animation-duration: var(--fox-animation-duration, var(--el-transition-duration));
163
+ animation-fill-mode: both;
164
+ animation-timing-function: var(--fox-animation-timing-fun, cubic-bezier(.55, .085, .68, .53));
165
+ }
166
+
167
+ .foxRotate-enter-active, .foxRotateIn {
168
+ animation-name: foxRotateIn;
169
+ }
170
+
171
+ .foxRotate-leave-active, .foxRotateOut {
172
+ animation-name: foxRotateOut;
173
+ }
174
+
175
+ @keyframes foxJump {
176
+ to {
177
+ transform: scale3d(.8, 1, .9) translateY(-10px);
178
+ }
179
+ }
180
+
181
+ @keyframes foxJumpOne {
182
+ 50% {
183
+ transform: scale3d(.8, 1, .9) translateY(-10px);
184
+ }
185
+
186
+ 100% {
187
+ transform: scale3d(1, 1, 1) translateY(0);
188
+ }
189
+ }
190
+
191
+ @keyframes foxBlink {
192
+ 0% {
193
+ opacity: 0;
194
+ }
195
+
196
+ 100% {
197
+ opacity: 1;
198
+ }
199
+ }
200
+
201
+ @keyframes foxBreathe {
202
+ from, to {
203
+ transform: scale(1);
204
+ }
205
+
206
+ 50% {
207
+ transform: scale(1.2);
208
+ }
209
+ }
210
+
211
+ @keyframes foxFlash {
212
+ from, 50%, to {
213
+ opacity: 1;
214
+ }
215
+
216
+ 25%, 75% {
217
+ opacity: 0;
218
+ }
219
+ }
220
+
221
+ @keyframes foxBounce {
222
+ from, 20%, 53%, to {
223
+ animation-timing-function: cubic-bezier(.215, .61, .355, 1);
224
+ transform: translate3d(0, 0, 0);
225
+ }
226
+
227
+ 40%, 43% {
228
+ animation-timing-function: cubic-bezier(.755, .05, .855, .06);
229
+ transform: translate3d(0, -30px, 0) scaleY(1.1);
230
+ }
231
+
232
+ 70% {
233
+ animation-timing-function: cubic-bezier(.755, .05, .855, .06);
234
+ transform: translate3d(0, -15px, 0) scaleY(1.05);
235
+ }
236
+
237
+ 80% {
238
+ transition-timing-function: cubic-bezier(.215, .61, .355, 1);
239
+ transform: translate3d(0, 0, 0) scaleY(.95);
240
+ }
241
+
242
+ 90% {
243
+ transform: translate3d(0, -4px, 0) scaleY(1.02);
244
+ }
245
+ }
246
+
247
+ @keyframes foxShake {
248
+ 0% {
249
+ transform: translateX(0);
250
+ }
251
+
252
+ 6.5% {
253
+ transform: translateX(-6px) rotateY(-9deg);
254
+ }
255
+
256
+ 18.5% {
257
+ transform: translateX(5px) rotateY(7deg);
258
+ }
259
+
260
+ 31.5% {
261
+ transform: translateX(-3px) rotateY(-5deg);
262
+ }
263
+
264
+ 43.5% {
265
+ transform: translateX(2px) rotateY(3deg);
266
+ }
267
+
268
+ 50% {
269
+ transform: translateX(0);
270
+ }
271
+ }
272
+
273
+ .fox-item.is-error .el-input__wrapper, .fox-item.is-error .el-select__wrapper, .fox-item.is-error .fox-date-item__long {
274
+ box-shadow: 0 0 0 1px var(--el-color-danger) inset;
275
+ }
276
+
277
+ .fox-page {
278
+ width: 100%;
279
+ }
280
+
281
+ .fox-header-bar {
282
+ min-height: var(--fox-header-bar-min-height, auto);
283
+ box-sizing: var(--fox-header-bar-box-sizing, content-box);
284
+ background-color: var(--fox-header-bar-background-color, var(--fox-white, var(--el-color-white)));
285
+ color: var(--fox-header-bar-color, var(--fox-title-color, var(--el-text-color-primary)));
286
+ box-shadow: var(--fox-header-bar-box-shadow, 0px 1px 7px 0px var(--fox-border-color-lighter, var(--el-border-color-lighter)));
287
+ border: 0;
288
+ flex-flow: column wrap;
289
+ justify-content: center;
290
+ align-items: stretch;
291
+ display: flex;
292
+ overflow: hidden;
293
+ }
294
+
295
+ .fox-header-bar:active:before {
296
+ opacity: .1;
297
+ }
298
+
299
+ .fox-header-bar--border {
300
+ border-top: var(--fox-header-bar-border-top, 0px solid var(--fox-border-color-lighter, var(--el-border-color-lighter)));
301
+ border-bottom: var(--fox-header-bar-border-bottom, 1px solid var(--fox-border-color-lighter, var(--el-border-color-lighter)));
302
+ }
303
+
304
+ .fox-header-bar--fixed {
305
+ position: var(--fox-header-bar-fixed, absolute);
306
+ z-index: var(--fox-header-bar-z-index, 10);
307
+ inset: 0 0 auto;
308
+ }
309
+
310
+ .fox-header-bar--safe-area-inset-top {
311
+ padding-top: constant(safe-area-inset-top);
312
+ padding-top: env(safe-area-inset-top);
313
+ }
314
+
315
+ .fox-header-bar__title {
316
+ font-size: var(--fox-header-bar-title-font-size, var(--fox-font-size-medium, var(--el-font-size-medium)));
317
+ text-align: center;
318
+ min-width: 53%;
319
+ display: block;
320
+ }
321
+
322
+ .fox-header-bar__title .title-icon {
323
+ height: var(--fox-header-bar-title-icon-size, var(--fox-font-size-large, var(--el-font-size-large)));
324
+ width: var(--fox-header-bar-title-icon-size, var(--fox-font-size-large, var(--el-font-size-large)));
325
+ margin-left: 13px;
326
+ display: inline;
327
+ }
328
+
329
+ .fox-header-bar__title .title-text {
330
+ display: inline-block;
331
+ }
332
+
333
+ .fox-header-bar__title ::-webkit-scrollbar {
334
+ display: none;
335
+ }
336
+
337
+ .fox-header-bar__left {
338
+ font-size: var(--fox-header-bar-left-font-size, var(--fox-font-size-medium, var(--el-font-size-medium)));
339
+ cursor: pointer;
340
+ padding: var(--fox-header-bar-left-padding, 0 16px);
341
+ flex-flow: row;
342
+ justify-content: flex-start;
343
+ align-items: center;
344
+ display: flex;
345
+ position: absolute;
346
+ inset: 0 auto 0 0;
347
+ }
348
+
349
+ .fox-header-bar__left .left-icon {
350
+ height: var(--fox-header-bar-left-icon-size, var(--fox-font-size-large, var(--el-font-size-large)));
351
+ width: var(--fox-header-bar-left-icon-size, var(--fox-font-size-large, var(--el-font-size-large)));
352
+ }
353
+
354
+ .fox-header-bar__right {
355
+ font-size: var(--fox-header-bar-right-font-size, var(--fox-font-size-medium, var(--el-font-size-medium)));
356
+ padding: var(--fox-header-bar-right-padding, 0 16px);
357
+ cursor: pointer;
358
+ align-items: center;
359
+ display: flex;
360
+ position: absolute;
361
+ inset: 0 0 0 auto;
362
+ }
363
+
364
+ .fox-header-bar__right .right-icon {
365
+ height: var(--fox-header-bar-right-icon-size, var(--fox-font-size-large, var(--el-font-size-large)));
366
+ width: var(--fox-header-bar-right-icon-size, var(--fox-font-size-large, var(--el-font-size-large)));
367
+ margin-left: 8px;
368
+ }
369
+
370
+ .fox-header-bar__inner {
371
+ width: 100%;
372
+ height: var(--fox-header-bar-inner-height, 44px);
373
+ background-color: var(--fox-header-bar-inner-background-color, unset);
374
+ padding: var(--fox-header-bar-inner-padding, 0px);
375
+ box-sizing: var(--fox-header-bar-inner-box-sizing, content-box);
376
+ flex: none;
377
+ display: flex;
378
+ position: relative;
379
+ }
380
+
381
+ .fox-header-bar__inner--left {
382
+ justify-content: flex-start;
383
+ align-items: center;
384
+ }
385
+
386
+ .fox-header-bar__inner--right {
387
+ justify-content: flex-end;
388
+ align-items: center;
389
+ }
390
+
391
+ .fox-header-bar__inner--center {
392
+ justify-content: center;
393
+ align-items: center;
394
+ }
395
+
396
+ .fox-header-bar__bottom {
397
+ height: var(--fox-header-bar-bottom-height, auto);
398
+ padding: var(--fox-header-bar-bottom-padding, 0px);
399
+ box-sizing: var(--fox-header-bar-bottom-box-sizing, border-box);
400
+ flex: 1 0 auto;
401
+ }
402
+
403
+ .fox-footer-bar {
404
+ min-height: var(--fox-footer-bar-min-height, 50px);
405
+ padding: var(--fox-footer-bar-padding, 7px 0);
406
+ box-sizing: var(--fox-footer-bar-box-sizing, content-box);
407
+ background-color: var(--fox-footer-background-color, var(--fox-white, var(--el-color-white)));
408
+ border: 0;
409
+ flex-flow: row;
410
+ display: flex;
411
+ position: relative;
412
+ }
413
+
414
+ .fox-footer-bar--border {
415
+ border-top: var(--fox-footer-bar-border-top, 1px solid var(--fox-border-color-lighter, var(--el-border-color-lighter)));
416
+ border-bottom: var(--fox-footer-bar-border-bottom, 1px solid var(--fox-border-color-lighter, var(--el-border-color-lighter)));
417
+ }
418
+
419
+ .fox-footer-bar--fixed {
420
+ position: var(--fox-footer-bar-fixed, absolute);
421
+ z-index: var(--fox-footer-bar-z-index, 10);
422
+ inset: auto 0 0;
423
+ }
424
+
425
+ .fox-footer-bar--safe-area-inset-bottom {
426
+ padding-bottom: constant(safe-area-inset-bottom);
427
+ padding-bottom: env(safe-area-inset-bottom);
428
+ }
429
+
430
+ .fox-footer-bar--left {
431
+ justify-content: flex-start;
432
+ align-items: center;
433
+ }
434
+
435
+ .fox-footer-bar--right {
436
+ justify-content: flex-end;
437
+ align-items: center;
438
+ }
439
+
440
+ .fox-footer-bar--center {
441
+ justify-content: center;
442
+ align-items: center;
443
+ }
444
+
445
+ .fox-footer-bar > .fox-button {
446
+ min-width: 100px;
447
+ margin-right: 20px;
448
+ }
449
+
450
+ .fox-footer-bar > .fox-button:last-child {
451
+ margin-right: 0;
452
+ }
453
+
454
+ .fox-content {
455
+ box-sizing: border-box;
456
+ background: var(--fox-content-background, var(--fox-white, var(--el-color-white)));
457
+ padding-top: var(--fox-content-padding-top);
458
+ padding-right: var(--fox-content-padding-right);
459
+ padding-bottom: var(--fox-content-padding-bottom);
460
+ padding-left: var(--fox-content-padding-left);
461
+ display: block;
462
+ overflow: hidden auto;
463
+ }
464
+
465
+ .fox-content--inner {
466
+ height: var(--fox-content-height-inner, 100%);
467
+ }
468
+
469
+ .fox-group {
470
+ background: var(--fox-group-background-color, inhert);
471
+ transition: height .3s ease-in-out;
472
+ display: block;
473
+ }
474
+
475
+ .fox-group.is-collapse {
476
+ box-sizing: content-box !important;
477
+ overflow-y: hidden !important;
478
+ }
479
+
480
+ .fox-group--flow {
481
+ box-sizing: border-box;
482
+ flex-flow: wrap;
483
+ align-content: flex-start;
484
+ display: flex;
485
+ }
486
+
487
+ .fox-group--flow:after {
488
+ display: none;
489
+ }
490
+
491
+ .fox-group--flow .fox-item {
492
+ float: none;
493
+ }
494
+
495
+ .fox-group--flow-justify-start {
496
+ justify-content: flex-start;
497
+ }
498
+
499
+ .fox-group--flow-justify-end {
500
+ justify-content: flex-end;
501
+ }
502
+
503
+ .fox-group--flow-justify-center {
504
+ justify-items: center;
505
+ }
506
+
507
+ .fox-group--flow-justify-stretch {
508
+ justify-items: stretch;
509
+ }
510
+
511
+ .fox-group--flow-align-start {
512
+ align-items: flex-start;
513
+ }
514
+
515
+ .fox-group--flow-align-end {
516
+ align-items: flex-end;
517
+ }
518
+
519
+ .fox-group--flow-align-center {
520
+ align-items: center;
521
+ }
522
+
523
+ .fox-group--flow-align-stretch {
524
+ align-items: stretch;
525
+ }
526
+
527
+ .fox-group--grid {
528
+ box-sizing: border-box;
529
+ grid-auto-flow: row;
530
+ place-content: start stretch;
531
+ display: grid;
532
+ }
533
+
534
+ .fox-group--grid:after {
535
+ display: none;
536
+ }
537
+
538
+ .fox-group--grid .fox-item {
539
+ float: none;
540
+ }
541
+
542
+ .fox-group--grid-justify-start {
543
+ justify-items: start;
544
+ }
545
+
546
+ .fox-group--grid-justify-end {
547
+ justify-items: end;
548
+ }
549
+
550
+ .fox-group--grid-justify-center {
551
+ justify-items: center;
552
+ }
553
+
554
+ .fox-group--grid-justify-stretch {
555
+ justify-items: stretch;
556
+ }
557
+
558
+ .fox-group--grid-align-start {
559
+ align-items: start;
560
+ }
561
+
562
+ .fox-group--grid-align-end {
563
+ align-items: end;
564
+ }
565
+
566
+ .fox-group--grid-align-center {
567
+ align-items: center;
568
+ }
569
+
570
+ .fox-group--grid-align-stretch {
571
+ align-items: stretch;
572
+ }
573
+
574
+ .fox-group__header {
575
+ padding: var(--fox-group-header-padding, 0);
576
+ margin: var(--fox-group-header-margin, 0 0 10px 0);
577
+ flex-flow: row;
578
+ justify-content: flex-start;
579
+ align-items: center;
580
+ display: flex;
581
+ }
582
+
583
+ .fox-group__header-mark {
584
+ width: var(--fox-group-header-mark-width, 3px);
585
+ height: var(--fox-group-header-mark-height, 15px);
586
+ background: var(--fox-group-header-mark-color, var(--fox-color-primary, var(--el-color-primary)));
587
+ display: inline-block;
588
+ }
589
+
590
+ .fox-group__header-title {
591
+ white-space: nowrap;
592
+ color: var(--fox-group-header-color, var(--fox-title-color, var(--el-text-color-primary)));
593
+ font-size: var(--fox-group-header-font-size, var(--fox-font-size-base, var(--el-font-size-base)));
594
+ font-weight: var(--fox-group-header-font-weight, 400);
595
+ line-height: var(--fox-group-header-line-height, 1);
596
+ display: inline-block;
597
+ }
598
+
599
+ .fox-group__header-collapse {
600
+ cursor: pointer;
601
+ color: var(--fox-group-header-collapse-color, var(--fox-color-primary, var(--el-color-primary)));
602
+ justify-content: flex-start;
603
+ align-items: center;
604
+ gap: var(--fox-group-header-collapse-gutter, 2px);
605
+ flex-flow: row;
606
+ flex: none;
607
+ display: flex;
608
+ }
609
+
610
+ .fox-group__header-collapse.is-right {
611
+ margin-left: auto;
612
+ }
613
+
614
+ .fox-group__header-collapse-icon {
615
+ width: var(--fox-group-header-collapse-icon-size, var(--fox-font-size-small, var(--el-font-size-small)));
616
+ height: var(--fox-group-header-collapse-icon-size, var(--fox-font-size-small, var(--el-font-size-small)));
617
+ transition: transform .3s ease-in-out;
618
+ }
619
+
620
+ .fox-group__header-collapse-icon.is-expand {
621
+ transform: rotate(0);
622
+ }
623
+
624
+ .fox-group__header-collapse-icon.is-collapse {
625
+ transform: rotate(180deg);
626
+ }
627
+
628
+ .fox-group__header-collapse-text {
629
+ font-size: var(--fox-group-header-collapse-font-size, var(--fox-font-size-base, var(--el-font-size-base)));
630
+ }
631
+
632
+ .fox-group__header-mark + .fox-group__header-title {
633
+ margin-left: 12px;
634
+ }
635
+
636
+ .fox-item {
637
+ width: var(--fox-input-item-width);
638
+ min-width: var(--fox-input-item-min-width, 0);
639
+ max-width: var(--fox-input-item-max-width);
640
+ padding: var(--fox-input-item-padding);
641
+ margin: var(--fox-input-item-margin);
642
+ background: var(--fox-input-item-background-color);
643
+ box-sizing: border-box;
644
+ float: left;
645
+ flex-flow: column wrap;
646
+ display: flex;
647
+ position: relative;
648
+ }
649
+
650
+ .fox-item:before {
651
+ box-sizing: border-box;
652
+ content: " ";
653
+ pointer-events: none;
654
+ position: absolute;
655
+ bottom: 0;
656
+ left: 16px;
657
+ right: 16px;
658
+ transform: scaleX(0);
659
+ }
660
+
661
+ .fox-item.is-error:before {
662
+ border-bottom: 1px solid var(--fox-input-item-tip-error-color, var(--fox-color-danger, var(--el-color-danger)));
663
+ transition: transform .2s cubic-bezier(0, 0, .2, 1);
664
+ transform: scaleX(0);
665
+ }
666
+
667
+ .fox-item__stretch {
668
+ flex: auto;
669
+ }
670
+
671
+ .fox-item__input--border {
672
+ border-bottom: var(--fox-input-item-border-bottom, 0px solid var(--fox-input-border-bottom, var(--fox-border-color-light, var(--el-border-color-light))));
673
+ }
674
+
675
+ .fox-item__main {
676
+ width: 100%;
677
+ display: flex;
678
+ }
679
+
680
+ .fox-item__main--top {
681
+ flex-flow: column;
682
+ justify-content: start;
683
+ align-items: stretch;
684
+ }
685
+
686
+ .fox-item__main--left, .fox-item__main--right {
687
+ flex-flow: row;
688
+ justify-content: stretch;
689
+ align-items: center;
690
+ }
691
+
692
+ .fox-item__main .label {
693
+ box-sizing: border-box;
694
+ font-size: var(--fox-input-item-label-font-size, var(--fox-font-size-base, var(--el-font-size-base)));
695
+ font-weight: var(--fox-input-item-label-font-weight, 400);
696
+ line-height: var(--fox-input-item-label-line-height, auto);
697
+ color: var(--fox-input-item-label-color, var(--fox-black, var(--el-color-black)));
698
+ flex-flow: row;
699
+ align-items: center;
700
+ display: flex;
701
+ position: relative;
702
+ overflow: hidden;
703
+ }
704
+
705
+ .fox-item__main .label--top {
706
+ text-align: left;
707
+ width: 100%;
708
+ padding: var(--fox-input-item-label-padding-top, 0);
709
+ margin-bottom: 10px;
710
+ }
711
+
712
+ .fox-item__main .label--left {
713
+ text-align: left;
714
+ width: var(--fox-input-item-label-width, 30%);
715
+ padding: var(--fox-input-item-label-padding-left, 0 10px 0 0);
716
+ flex: none;
717
+ justify-content: flex-start;
718
+ }
719
+
720
+ .fox-item__main .label--right {
721
+ text-align: right;
722
+ width: var(--fox-input-item-label-width, 30%);
723
+ padding: var(--fox-input-item-label-padding-right, 0 10px 0 0);
724
+ flex: none;
725
+ justify-content: flex-end;
726
+ }
727
+
728
+ .fox-item__main .label--required:before {
729
+ color: var(--fox-input-item-require-color, var(--fox-required-color, var(--el-color-error)));
730
+ content: "*";
731
+ line-height: 1px;
732
+ position: absolute;
733
+ top: 50%;
734
+ left: 0;
735
+ transform: translateY(50%);
736
+ }
737
+
738
+ .fox-item__main .label--string {
739
+ white-space: nowrap;
740
+ text-overflow: ellipsis;
741
+ padding-left: 10px;
742
+ position: relative;
743
+ overflow: hidden;
744
+ }
745
+
746
+ .fox-item__main .content {
747
+ flex: auto;
748
+ position: relative;
749
+ }
750
+
751
+ .fox-item__main .content--default {
752
+ flex-flow: row;
753
+ display: flex;
754
+ }
755
+
756
+ .fox-item__tip {
757
+ font-size: var(--fox-input-item-tip-font-size, var(--fox-font-size-small, var(--el-font-size-small)));
758
+ line-height: var(--fox-input-item-tip-height, 16px);
759
+ text-align: left;
760
+ padding-left: var(--fox-input-item-label-width, 30%);
761
+ flex-flow: row;
762
+ justify-content: flex-start;
763
+ align-items: center;
764
+ display: flex;
765
+ position: absolute;
766
+ top: 100%;
767
+ transform: translateY(2px);
768
+ }
769
+
770
+ .fox-item__tip--icon {
771
+ margin: var(--fox-input-item-tip-icon-margin, 0 4px 0 0);
772
+ justify-content: flex-start;
773
+ align-items: center;
774
+ display: flex;
775
+ }
776
+
777
+ .fox-item__tip--icon > svg {
778
+ width: var(--fox-input-item-tip-icon-size, var(--fox-font-size-extra-small, var(--el-font-size-extra-small)));
779
+ height: var(--fox-input-item-tip-icon-size, var(--fox-font-size-extra-small, var(--el-font-size-extra-small)));
780
+ }
781
+
782
+ .fox-item__tip--info {
783
+ color: var(--fox-input-item-tip-info-color, var(--fox-color-info, var(--el-color-info)));
784
+ }
785
+
786
+ .fox-item__tip--warn {
787
+ color: var(--fox-input-item-tip-warn-color, var(--fox-color-warning, var(--el-color-warning)));
788
+ }
789
+
790
+ .fox-item__tip--error {
791
+ color: var(--fox-input-item-tip-error-color, var(--fox-color-danger, var(--el-color-danger)));
792
+ }
793
+
794
+ .fox-item__fixed-tip {
795
+ position: absolute;
796
+ top: 0;
797
+ right: 0;
798
+ transform: translateX(100%);
799
+ }
800
+
801
+ .fox-item--animate {
802
+ animation-name: foxEaseIn;
803
+ animation-duration: .2s;
804
+ animation-timing-function: ease-out;
805
+ animation-fill-mode: both;
806
+ }
807
+
808
+ .fox-slot-item {
809
+ padding: var(--fox-slot-item-padding, 0);
810
+ margin: var(--fox-slot-item-margin, 0);
811
+ box-sizing: border-box;
812
+ border: none;
813
+ }
814
+
815
+ .fox-slot-item__stretch {
816
+ flex: auto;
817
+ }
818
+
819
+ .fox-row-item {
820
+ padding: var(--fox-input-item-padding);
821
+ margin: var(--fox-input-item-margin);
822
+ align-items: center;
823
+ column-gap: var(--fox-row-item-column-gap, 12px);
824
+ row-gap: var(--fox-row-item-row-gap);
825
+ border: none;
826
+ flex-flow: row;
827
+ display: flex;
828
+ }
829
+
830
+ .fox-row-item__stretch {
831
+ flex: auto;
832
+ }
833
+
834
+ .fox-row-item__left {
835
+ justify-content: flex-start;
836
+ }
837
+
838
+ .fox-row-item__right {
839
+ justify-content: flex-end;
840
+ }
841
+
842
+ .fox-row-item__center {
843
+ justify-content: center;
844
+ }
845
+
846
+ .fox-row-item__space-around {
847
+ justify-content: space-around;
848
+ }
849
+
850
+ .fox-row-item__space-between {
851
+ justify-content: space-between;
852
+ }
853
+
854
+ .fox-row-item__divide {
855
+ margin: var(--fox-row-item-divide-margin, 0 10px);
856
+ height: var(--fox-row-item-divide-height, 12px);
857
+ width: var(--fox-row-item-divide-width, 1px);
858
+ background: var(--fox-row-item-divide-color, var(--fox-border-color-light, var(--el-border-color-light)));
859
+ }
860
+
861
+ .fox-buttons-item__popover {
862
+ --fox-popover-dialog-padding: 6px 0px;
863
+ }
864
+
865
+ .fox-buttons-item__dropdown-link {
866
+ --fox-text-mark-icon-height: var(--fox-buttons-item-dropdown-link-icon-size, var(--fox-font-size-medium, var(--el-font-size-medium)));
867
+ --fox-text-mark-icon-width: var(--fox-buttons-item-dropdown-link-icon-size, var(--fox-font-size-medium, var(--el-font-size-medium)));
868
+ --fox-text-font-size: var(--fox-buttons-item-dropdown-link-text-font-size, var(--fox-font-size-small, var(--el-font-size-small)));
869
+ cursor: pointer;
870
+ color: var(--fox-buttons-item-dropdown-link-icon-color);
871
+ font-size: var(--fox-buttons-item-dropdown-link-text-font-size, var(--fox-font-size-small, var(--el-font-size-small)));
872
+ }
873
+
874
+ .fox-buttons-item__dropdown-item {
875
+ white-space: nowrap;
876
+ line-height: 22px;
877
+ font-size: var(--fox-font-size-base, var(--el-font-size-base));
878
+ color: var(--fox-text-color-regular, var(--el-text-color-regular));
879
+ cursor: pointer;
880
+ outline: none;
881
+ align-items: center;
882
+ margin: 0;
883
+ padding: 5px 16px;
884
+ list-style: none;
885
+ display: flex;
886
+ }
887
+
888
+ .fox-buttons-item__dropdown-item:hover {
889
+ background-color: var(--fox-buttons-item-dropdown-item-hover-background-color);
890
+ }
891
+
892
+ .fox-buttons-item__dropdown-item.is-disabled {
893
+ color: var(--fox-disable-color, var(--el-text-color-disabled));
894
+ cursor: default;
895
+ }
896
+
897
+ .fox-hint-text {
898
+ z-index: var(--fox-hint-text-z-index, 3000);
899
+ padding: var(--fox-hint-text-padding, 6px 8px);
900
+ box-shadow: var(--fox-hint-text-box-shadow, var(--fox-box-shadow, var(--el-box-shadow)));
901
+ box-sizing: border-box;
902
+ font-size: var(--fox-hint-text-font-size, var(--fox-font-size-base, var(--el-font-size-base)));
903
+ color: var(--fox-hint-text-color, var(--fox-white, var(--el-color-white)));
904
+ background-color: var(--fox-hint-text-background-color, var(--fox-overlay-text-bg-color, var(--el-overlay-color)));
905
+ opacity: 0;
906
+ border: 0 solid #0000004d;
907
+ border-radius: 3px;
908
+ transition: opacity 1s;
909
+ position: fixed;
910
+ overflow: visible;
911
+ }
912
+
913
+ .fox-hint-text__overlay {
914
+ width: 100%;
915
+ height: 100%;
916
+ z-index: var(--fox-hint-text-z-index, 3000);
917
+ background-color: #0000;
918
+ position: fixed;
919
+ top: 0;
920
+ left: 0;
921
+ }
922
+
923
+ .fox-hint-text__content {
924
+ box-sizing: border-box;
925
+ opacity: 1;
926
+ pointer-events: none;
927
+ flex-flow: row;
928
+ justify-content: flex-start;
929
+ align-items: center;
930
+ width: 100%;
931
+ height: 100%;
932
+ display: flex;
933
+ overflow: hidden;
934
+ }
935
+
936
+ .fox-hint-text__content .fox-price {
937
+ flex-flow: row;
938
+ justify-content: flex-start;
939
+ align-items: center;
940
+ display: flex;
941
+ }
942
+
943
+ .fox-hint-text__content .fox-price--default, .fox-hint-text__content .fox-price--small, .fox-hint-text__content .fox-price--large {
944
+ white-space: nowrap;
945
+ text-overflow: ellipsis;
946
+ overflow: hidden;
947
+ }
948
+
949
+ .fox-hint-text__arrow {
950
+ width: var(--fox-hint-text-arrow-size, 6px);
951
+ height: var(--fox-hint-text-arrow-size, 6px);
952
+ background-color: var(--fox-hint-text-background-color, var(--fox-overlay-text-bg-color, var(--el-overlay-color)));
953
+ position: absolute;
954
+ }
955
+
956
+ .fox-hint-text.is-small {
957
+ font-size: var(--fox-hint-text-font-size-small, var(--fox-font-size-small, var(--el-font-size-small)));
958
+ }
959
+
960
+ .fox-hint-text.is-large {
961
+ font-size: var(--fox-hint-text-font-size-large, var(--fox-font-size-large, var(--el-font-size-large)));
962
+ }
963
+
964
+ .fox-hint-text.is-top .fox-hint-text__arrow {
965
+ clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
966
+ }
967
+
968
+ .fox-hint-text.is-right .fox-hint-text__arrow {
969
+ clip-path: polygon(0% 50%, 100% 0%, 100% 100%);
970
+ }
971
+
972
+ .fox-hint-text.is-bottom .fox-hint-text__arrow {
973
+ clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
974
+ }
975
+
976
+ .fox-hint-text.is-left .fox-hint-text__arrow {
977
+ clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
978
+ }
979
+
980
+ .hint-text-fade-enter-active, .hint-text-fade-leave-active {
981
+ transition: opacity .3s;
982
+ }
983
+
984
+ .hint-text-fade-enter-from, .hint-text-fade-leave-to {
985
+ opacity: 0;
986
+ }
987
+
988
+ .fox-input-item__content, .fox-select-item__content {
989
+ width: 100%;
990
+ }
991
+
992
+ .fox-select-item__option {
993
+ justify-content: space-between;
994
+ align-items: center;
995
+ width: 100%;
996
+ display: flex;
997
+ }
998
+
999
+ .fox-date-item.has-append .el-input__wrapper {
1000
+ border-radius: var(--el-input-border-radius), 0px, 0px, var(--el-border-radius-base);
1001
+ }
1002
+
1003
+ .fox-date-item.readonly input, .fox-date-item.disabled input {
1004
+ padding: 0;
1005
+ }
1006
+
1007
+ .fox-date-item.is-long input {
1008
+ text-align: center;
1009
+ padding: 0 28px 0 0;
1010
+ }
1011
+
1012
+ .fox-date-item__content {
1013
+ width: 100% !important;
1014
+ }
1015
+
1016
+ .fox-date-item__long {
1017
+ width: 100%;
1018
+ box-shadow: 0 0 0 1px var(--el-input-border-color, var(--el-border-color)) inset;
1019
+ background-color: #fff;
1020
+ flex-flow: row;
1021
+ justify-content: flex-start;
1022
+ align-items: center;
1023
+ display: flex;
1024
+ position: relative;
1025
+ overflow: visible;
1026
+ }
1027
+
1028
+ .fox-date-item__long.is-active {
1029
+ box-shadow: 0 0 0 1px var(--el-color-primary) inset;
1030
+ }
1031
+
1032
+ .fox-date-item__long-splitor {
1033
+ z-index: 2;
1034
+ background-color: #fff;
1035
+ width: 10px;
1036
+ position: absolute;
1037
+ top: 1px;
1038
+ bottom: 1px;
1039
+ left: -5px;
1040
+ }
1041
+
1042
+ .fox-date-item__long-text {
1043
+ font-size: var(--el-font-size-base);
1044
+ color: var(--el-text-color-regular);
1045
+ text-align: center;
1046
+ appearance: none;
1047
+ text-align: center;
1048
+ width: 100%;
1049
+ font-size: var(--el-font-size-base);
1050
+ background-color: #0000;
1051
+ border: none;
1052
+ outline: 0;
1053
+ margin: 0;
1054
+ padding: 0;
1055
+ display: inline-block;
1056
+ }
1057
+
1058
+ .fox-date-item__append {
1059
+ box-sizing: border-box;
1060
+ background-color: var(--el-fill-color-light);
1061
+ color: var(--el-color-info);
1062
+ height: var(--el-input-height, 32px);
1063
+ line-height: var(--el-input-height, 32px);
1064
+ border: var(--el-border);
1065
+ white-space: nowrap;
1066
+ box-shadow: 0 1px 0 0 var(--el-input-border-color) inset, 0 -1px 0 0 var(--el-input-border-color) inset, -1px 0 0 0 var(--el-input-border-color) inset;
1067
+ border-left: 0;
1068
+ border-radius: 0 4px 4px 0;
1069
+ justify-content: center;
1070
+ align-items: center;
1071
+ padding: 0 10px;
1072
+ display: inline-flex;
1073
+ position: relative;
1074
+ }
1075
+
1076
+ .fox-calendar-item__content {
1077
+ width: 100%;
1078
+ }
1079
+
1080
+ .fox-time-item__content, .fox-time-select-item__content {
1081
+ width: 100% !important;
1082
+ }
1083
+
1084
+ .fox-money-item.disabled input:disabled {
1085
+ color: var(--fox-input-item-disabled-color, var(--fox-input-disabled-color, var(--fox-disable-color, var(--el-text-color-disabled))));
1086
+ cursor: not-allowed;
1087
+ opacity: 1;
1088
+ -webkit-text-fill-color: var(--fox-input-item-disabled-color, var(--fox-input-disabled-color, var(--fox-disable-color, var(--el-text-color-disabled))));
1089
+ background: none;
1090
+ }
1091
+
1092
+ .fox-money-item__content {
1093
+ width: 100%;
1094
+ }
1095
+
1096
+ .fox-money-item__append {
1097
+ width: var(--fox-input-item-append-width, 30px);
1098
+ font-size: var(--fox-input-item-append-font-size, var(--fox-font-size-base, var(--el-font-size-base)));
1099
+ justify-content: center;
1100
+ align-items: center;
1101
+ display: flex;
1102
+ position: relative;
1103
+ }
1104
+
1105
+ .fox-money-item__append .hidden {
1106
+ display: none;
1107
+ }
1108
+
1109
+ .fox-money-item__placeholder input {
1110
+ color: var(--fox-input-item-color, var(--fox-black, var(--el-color-black)));
1111
+ }
1112
+
1113
+ .fox-money-item__placeholder input::-webkit-input-placeholder {
1114
+ color: var(--fox-input-item-color, var(--fox-black, var(--el-color-black)));
1115
+ }
1116
+
1117
+ .fox-money-item__placeholder input::placeholder {
1118
+ color: var(--fox-input-item-color, var(--fox-black, var(--el-color-black)));
1119
+ }
1120
+
1121
+ .fox-input-number-item__content {
1122
+ flex: auto;
1123
+ }
1124
+
1125
+ .fox-input-number-item__append .el-input__wrapper {
1126
+ border-radius: var(--el-border-radius-base) 0 0 var(--el-border-radius-base);
1127
+ }
1128
+
1129
+ .fox-input-number-item__append .el-input-number__increase {
1130
+ border-radius: 0;
1131
+ }
1132
+
1133
+ .fox-input-number-item__append.is-controls-right .el-input-number__increase {
1134
+ border-radius: 0 var(--el-border-radius-base) var(--el-border-radius-base) 0;
1135
+ background: #fff;
1136
+ }
1137
+
1138
+ .fox-input-number-item__append.is-controls-right .el-input-number__decrease {
1139
+ background: #fff;
1140
+ }
1141
+
1142
+ .fox-input-number-item__unit {
1143
+ box-sizing: border-box;
1144
+ border-radius: 0 var(--el-border-radius-base) var(--el-border-radius-base) 0;
1145
+ border-left: 0;
1146
+ border-top: var(--el-border);
1147
+ border-right: var(--el-border);
1148
+ border-bottom: var(--el-border);
1149
+ background: var(--el-fill-color-light);
1150
+ color: var(--el-text-color-regular);
1151
+ justify-content: center;
1152
+ align-items: center;
1153
+ padding: 0 10px;
1154
+ display: flex;
1155
+ right: 1px;
1156
+ }
1157
+
1158
+ .fox-cascader-item__content, .fox-autocomplete-item__content {
1159
+ width: 100%;
1160
+ }
1161
+
1162
+ .fox-table-setting {
1163
+ --font-size: 12px;
1164
+ }
1165
+
1166
+ .fox-table-setting .el-checkbox {
1167
+ --el-checkbox-text-color: var(--el-text-color-regular);
1168
+ --el-checkbox-checked-text-color: var(--el-text-color-regular);
1169
+ }
1170
+
1171
+ .fox-table-setting__popper {
1172
+ padding: 0 !important;
1173
+ }
1174
+
1175
+ .fox-table-setting__header {
1176
+ color: #000000d9;
1177
+ border-bottom: 1px solid #0000000f;
1178
+ justify-content: space-between;
1179
+ align-items: center;
1180
+ min-height: 32px;
1181
+ margin: 0;
1182
+ padding: 5px 16px 4px;
1183
+ font-weight: 500;
1184
+ display: flex;
1185
+ }
1186
+
1187
+ .fox-table-setting__body {
1188
+ padding: 8px 0;
1189
+ position: relative;
1190
+ }
1191
+
1192
+ .fox-table-setting__body-list {
1193
+ margin-top: 6px;
1194
+ }
1195
+
1196
+ .fox-table-setting__body-title {
1197
+ color: #00000073;
1198
+ font-size: var(--font-size);
1199
+ padding-left: 24px;
1200
+ line-height: 24px;
1201
+ }
1202
+
1203
+ .fox-table-setting__body-row {
1204
+ box-sizing: content-box;
1205
+ flex-flow: row;
1206
+ justify-content: flex-start;
1207
+ align-items: center;
1208
+ width: 100%;
1209
+ height: 24px;
1210
+ padding: 2px 0;
1211
+ display: flex;
1212
+ }
1213
+
1214
+ .fox-table-setting__body-row.is-dragover {
1215
+ border-bottom: 1px solid var(--el-color-primary);
1216
+ }
1217
+
1218
+ .fox-table-setting__body-row:hover {
1219
+ background: var(--el-color-primary-light-9);
1220
+ }
1221
+
1222
+ .fox-table-setting__body-row:hover .tools-item {
1223
+ opacity: 1;
1224
+ }
1225
+
1226
+ .fox-table-setting__body-row .checkbox-item {
1227
+ margin: 0 0 0 10px;
1228
+ }
1229
+
1230
+ .fox-table-setting__body-row .checkbox-item__label {
1231
+ text-overflow: ellipsis;
1232
+ display: inline-block;
1233
+ overflow: hidden;
1234
+ }
1235
+
1236
+ .fox-table-setting__body-row .icon-item {
1237
+ font-size: var(--font-size);
1238
+ color: #00000073;
1239
+ margin: 0 10px;
1240
+ }
1241
+
1242
+ .fox-table-setting__body-row .tools-item {
1243
+ opacity: 0;
1244
+ box-sizing: border-box;
1245
+ height: 100%;
1246
+ font-size: var(--font-size);
1247
+ color: var(--el-color-primary);
1248
+ flex-flow: row;
1249
+ justify-content: center;
1250
+ align-items: center;
1251
+ margin-left: auto;
1252
+ padding: 0 10px;
1253
+ display: flex;
1254
+ }
1255
+
1256
+ .fox-table-setting__body-row .tools-item .el-icon + .el-icon {
1257
+ margin-left: 6px;
1258
+ }
1259
+
1260
+ .fox-table-setting__body-row .tools-item .el-icon {
1261
+ cursor: pointer;
1262
+ }
1263
+
1264
+ .fox-table-setting__body-row .tools-item .is-reverse {
1265
+ transform: rotateZ(180deg);
1266
+ }
1267
+
1268
+ .fox-table-setting__drag-icon {
1269
+ --color: inherit;
1270
+ width: 1em;
1271
+ height: 1em;
1272
+ line-height: 1em;
1273
+ font-size: inherit;
1274
+ fill: currentColor;
1275
+ color: var(--color);
1276
+ align-items: center;
1277
+ display: inline-flex;
1278
+ position: relative;
1279
+ }
1280
+
1281
+ .fox-table-item__wrap {
1282
+ min-width: 0;
1283
+ min-height: 0;
1284
+ }
1285
+
1286
+ .fox-table-item__content {
1287
+ width: 100%;
1288
+ }
1289
+
1290
+ .fox-table-item__pagination {
1291
+ margin-top: 10px;
1292
+ }
1293
+
1294
+ .fox-table-item__pagination__left {
1295
+ justify-content: flex-start;
1296
+ }
1297
+
1298
+ .fox-table-item__pagination__right {
1299
+ justify-content: flex-end;
1300
+ }
1301
+
1302
+ .fox-table-item__footer {
1303
+ flex-flow: row;
1304
+ align-items: center;
1305
+ display: flex;
1306
+ }
1307
+
1308
+ .fox-table-item__footer__left {
1309
+ justify-content: flex-start;
1310
+ }
1311
+
1312
+ .fox-table-item__footer__right {
1313
+ justify-content: flex-end;
1314
+ }
1315
+
1316
+ .fox-table-item__setting {
1317
+ margin: 10px 10px 0 20px;
1318
+ }
1319
+
1320
+ .fox-table-item__infinite {
1321
+ height: var(--fox-table-item-infinite-height, 26px);
1322
+ background: var(--fox-table-item-infinite-background, #fff);
1323
+ color: var(--fox-table-item-infinite-color, --el-text-color-regular);
1324
+ justify-content: center;
1325
+ align-items: center;
1326
+ display: flex;
1327
+ }
1328
+
1329
+ .fox-table-item__infinite.is-hide {
1330
+ opacity: 0;
1331
+ }
1332
+
1333
+ .fox-table-item__infinite-icon {
1334
+ width: var(--fox-table-item-infinite-icon-size, 12px);
1335
+ height: var(--fox-table-item-infinite-icon-size, 12px);
1336
+ margin-right: 2px;
1337
+ animation-name: loading-rotate;
1338
+ animation-duration: .5s;
1339
+ animation-timing-function: linear;
1340
+ animation-iteration-count: infinite;
1341
+ animation-fill-mode: both;
1342
+ }
1343
+
1344
+ .fox-table-item__infinite-text {
1345
+ font-size: var(--fox-table-item-infinite-font-size, 12px);
1346
+ }
1347
+
1348
+ @keyframes loading-rotate {
1349
+ 0% {
1350
+ transform: rotate(0);
1351
+ }
1352
+
1353
+ 100% {
1354
+ transform: rotate(360deg);
1355
+ }
1356
+ }
1357
+
1358
+ .fox-radio-item__content.is-vertical {
1359
+ flex-flow: column;
1360
+ justify-content: flex-start;
1361
+ align-items: flex-start;
1362
+ display: flex;
1363
+ }
1364
+
1365
+ .fox-radio-item__content.is-vertical .el-radio + .el-radio {
1366
+ margin-top: 10px;
1367
+ }
1368
+
1369
+ .fox-checkbox-item__content.is-vertical {
1370
+ flex-flow: column;
1371
+ justify-content: flex-start;
1372
+ align-items: flex-start;
1373
+ display: flex;
1374
+ }
1375
+
1376
+ .fox-checkbox-item__content.is-vertical .el-checkbox + .el-checkbox {
1377
+ margin-top: 10px;
1378
+ }
1379
+
1380
+ .fox-rate-item__content, .fox-switch-item__content, .fox-tree-select-item__content {
1381
+ width: 100%;
1382
+ }
1383
+
1384
+ .fox-group-setting {
1385
+ --font-size: 12px;
1386
+ }
1387
+
1388
+ .fox-group-setting .el-checkbox {
1389
+ --el-checkbox-text-color: var(--el-text-color-regular);
1390
+ --el-checkbox-checked-text-color: var(--el-text-color-regular);
1391
+ }
1392
+
1393
+ .fox-group-setting__popper {
1394
+ padding: 0 !important;
1395
+ }
1396
+
1397
+ .fox-group-setting__header {
1398
+ color: #000000d9;
1399
+ border-bottom: 1px solid #0000000f;
1400
+ justify-content: space-between;
1401
+ align-items: center;
1402
+ min-height: 32px;
1403
+ margin: 0;
1404
+ padding: 5px 16px 4px;
1405
+ font-weight: 500;
1406
+ display: flex;
1407
+ }
1408
+
1409
+ .fox-group-setting__body {
1410
+ padding: 8px 0;
1411
+ position: relative;
1412
+ }
1413
+
1414
+ .fox-group-setting__body-list {
1415
+ margin-top: 6px;
1416
+ }
1417
+
1418
+ .fox-group-setting__body-title {
1419
+ color: #00000073;
1420
+ font-size: var(--font-size);
1421
+ padding-left: 24px;
1422
+ line-height: 24px;
1423
+ }
1424
+
1425
+ .fox-group-setting__body-row {
1426
+ box-sizing: content-box;
1427
+ flex-flow: row;
1428
+ justify-content: flex-start;
1429
+ align-items: center;
1430
+ width: 100%;
1431
+ height: 24px;
1432
+ padding: 2px 0;
1433
+ display: flex;
1434
+ }
1435
+
1436
+ .fox-group-setting__body-row.is-dragover {
1437
+ border-bottom: 1px solid var(--el-color-primary);
1438
+ }
1439
+
1440
+ .fox-group-setting__body-row:hover {
1441
+ background: var(--el-color-primary-light-9);
1442
+ }
1443
+
1444
+ .fox-group-setting__body-row:hover .tools-item {
1445
+ opacity: 1;
1446
+ }
1447
+
1448
+ .fox-group-setting__body-row .checkbox-item {
1449
+ margin: 0 0 0 10px;
1450
+ }
1451
+
1452
+ .fox-group-setting__body-row .checkbox-item__label {
1453
+ text-overflow: ellipsis;
1454
+ display: inline-block;
1455
+ overflow: hidden;
1456
+ }
1457
+
1458
+ .fox-group-setting__body-row .icon-item {
1459
+ font-size: var(--font-size);
1460
+ color: #00000073;
1461
+ margin: 0 10px;
1462
+ }
1463
+
1464
+ .fox-group-setting__body-row .tools-item {
1465
+ opacity: 0;
1466
+ box-sizing: border-box;
1467
+ height: 100%;
1468
+ font-size: var(--font-size);
1469
+ color: var(--el-color-primary);
1470
+ flex-flow: row;
1471
+ justify-content: center;
1472
+ align-items: center;
1473
+ margin-left: auto;
1474
+ padding: 0 10px;
1475
+ display: flex;
1476
+ }
1477
+
1478
+ .fox-group-setting__body-row .tools-item .el-icon + .el-icon {
1479
+ margin-left: 6px;
1480
+ }
1481
+
1482
+ .fox-group-setting__body-row .tools-item .el-icon {
1483
+ cursor: pointer;
1484
+ }
1485
+
1486
+ .fox-group-setting__body-row .tools-item .is-reverse {
1487
+ transform: rotateZ(180deg);
1488
+ }
1489
+
1490
+ .fox-group-setting__drag-icon {
1491
+ --color: inherit;
1492
+ width: 1em;
1493
+ height: 1em;
1494
+ line-height: 1em;
1495
+ font-size: inherit;
1496
+ fill: currentColor;
1497
+ color: var(--color);
1498
+ align-items: center;
1499
+ display: inline-flex;
1500
+ position: relative;
1501
+ }
1502
+
1503
+ .fox-tree-item__content {
1504
+ width: 100%;
1505
+ }
1506
+
1507
+ .fox-actionsheet {
1508
+ padding: var(--fox-actionsheet-padding, 0px 16px);
1509
+ height: var(--fox-actionsheet-height);
1510
+ justify-content: flex-start;
1511
+ align-items: stretch;
1512
+ row-gap: var(--fox-actionsheet-row-gap, 10px);
1513
+ flex-flow: column;
1514
+ display: flex;
1515
+ }
1516
+
1517
+ .fox-actionsheet__header {
1518
+ height: var(--fox-actionsheet-header-height, 60px);
1519
+ box-sizing: border-box;
1520
+ flex-flow: row;
1521
+ justify-content: stretch;
1522
+ align-items: center;
1523
+ display: flex;
1524
+ position: relative;
1525
+ }
1526
+
1527
+ .fox-actionsheet__header-title {
1528
+ width: 100%;
1529
+ font-size: var(--fox-actionsheet-header-title-font-size, var(--fox-font-size-large, var(--el-font-size-large)));
1530
+ font-weight: var(--fox-actionsheet-header-title-font-weight, 500);
1531
+ color: var(--fox-actionsheet-header-title-color, var(--fox-title-color, var(--el-text-color-primary)));
1532
+ text-align: var(--fox-actionsheet-header-title-align, center);
1533
+ }
1534
+
1535
+ .fox-actionsheet__header-icon {
1536
+ cursor: pointer;
1537
+ top: 50%;
1538
+ right: 12px;
1539
+ transform: translateY(-50%);
1540
+ color: var(--fox-actionsheet-header-icon-color, var(--fox-text-color--secondary, var(--el-text-color-secondary))) !important;
1541
+ width: var(--fox-actionsheet-header-icon-size, var(--fox-font-size-medium, var(--el-font-size-medium))) !important;
1542
+ height: var(--fox-actionsheet-header-icon-size, var(--fox-font-size-medium, var(--el-font-size-medium))) !important;
1543
+ position: absolute !important;
1544
+ }
1545
+
1546
+ .fox-actionsheet__searchbar {
1547
+ --fox-searchbar-padding: 0px;
1548
+ --fox-searchbar-input-border-radius: var(--fox-searchbar-border-radius, 12px);
1549
+ --fox-searchbar-input-background: var(--fox-actionsheet-searchbar-background, var(--fox-fill-color-base, var(--el-fill-color)));
1550
+ --fox-searchbar-input-box-shadow: var(--fox-actionsheet-searchbar-box-shadow, none);
1551
+ height: var(--fox-actionsheet-searchbar-height, 40px);
1552
+ flex-flow: row;
1553
+ justify-content: center;
1554
+ align-items: center;
1555
+ display: flex;
1556
+ }
1557
+
1558
+ .fox-actionsheet__searchbar + .fox-actionsheet__list {
1559
+ margin-top: 10px;
1560
+ }
1561
+
1562
+ .fox-actionsheet__tagbar {
1563
+ justify-content: flex-start;
1564
+ align-items: flex-start;
1565
+ column-gap: var(--fox-actionsheet-tagbar-gap, 8px);
1566
+ row-gap: var(--fox-actionsheet-tagbar-gap, 8px);
1567
+ flex-flow: wrap;
1568
+ flex: none;
1569
+ min-height: 0;
1570
+ display: flex;
1571
+ }
1572
+
1573
+ .fox-actionsheet__tagbar.is-empty {
1574
+ display: none;
1575
+ }
1576
+
1577
+ .fox-actionsheet__tag {
1578
+ font-size: var(--fox-actionsheet-tag-font-size, var(--fox-font-size-small, var(--el-font-size-small)));
1579
+ color: var(--fox-actionsheet-tag-color, var(--fox-color-primary, var(--el-color-primary)));
1580
+ background: var(--actionsheet-tag-background-color, var(--fox-color-primary-light-9, var(--el-color-primary-light-9)));
1581
+ border: var(--fox-actionsheet-tag-border, 1px solid var(--fox-color-primary-light-8, var(--el-color-primary-light-8)));
1582
+ border-radius: var(--fox-actionsheet-tag-border-radius, 4px);
1583
+ padding: var(--fox-actionsheet-tag-padding, 2px 6px);
1584
+ box-sizing: border-box;
1585
+ }
1586
+
1587
+ .fox-actionsheet__list {
1588
+ height: var(--fox-actionsheet-list-height, 380px);
1589
+ display: block;
1590
+ overflow: hidden auto;
1591
+ }
1592
+
1593
+ .fox-actionsheet__list::-webkit-scrollbar {
1594
+ background: none;
1595
+ width: 0;
1596
+ display: none;
1597
+ }
1598
+
1599
+ .fox-actionsheet__list--inner {
1600
+ height: var(--fox-actionsheet-list-inner-height, 100%);
1601
+ overflow-y: hidden;
1602
+ }
1603
+
1604
+ .fox-actionsheet__list-item {
1605
+ height: var(--fox-actionsheet-list-item-height, auto);
1606
+ box-sizing: border-box;
1607
+ flex-flow: row;
1608
+ justify-content: flex-start;
1609
+ align-items: center;
1610
+ display: flex;
1611
+ }
1612
+
1613
+ .fox-actionsheet__list-item + .fox-actionsheet__list-item {
1614
+ margin-top: var(--fox-actionsheet-list-item-gutter, 28px);
1615
+ }
1616
+
1617
+ .fox-actionsheet__list-item-label {
1618
+ min-height: 0;
1619
+ padding: var(--fox-actionsheet-list-item-label-padding, 0 10px 0 0);
1620
+ flex-flow: column;
1621
+ flex: auto;
1622
+ justify-content: flex-start;
1623
+ align-items: flex-start;
1624
+ display: flex;
1625
+ }
1626
+
1627
+ .fox-actionsheet__list-item-text {
1628
+ font-size: var(--fox-actionsheet-list-item-text-font-size, var(--fox-font-size-medium, var(--el-font-size-medium)));
1629
+ font-weight: var(--fox-actionsheet-list-item-text-font-weight, 400);
1630
+ line-height: var(--fox-actionsheet-list-item-text-line-height, 24px);
1631
+ color: var(--fox-actionsheet-list-item-text-color, var(--fox-title-color, var(--el-text-color-primary)));
1632
+ margin: var(--fox-actionsheet-list-item-text-margin, 0);
1633
+ text-align: left;
1634
+ }
1635
+
1636
+ .fox-actionsheet__list-item-subtext {
1637
+ margin: var(--fox-actionsheet-list-item-subtext-margin, 8px 0 0 0);
1638
+ font-size: var(--fox-actionsheet-list-item-subtext-fox-size, var(--fox-font-size-small, var(--el-font-size-small)));
1639
+ font-weight: var(--fox-actionsheet-list-item-subtext-fox-wieight, 400);
1640
+ color: var(--fox-actionsheet-list-item-subtext-color, var(--fox-text-color--secondary, var(--el-text-color-secondary)));
1641
+ text-align: left;
1642
+ }
1643
+
1644
+ .fox-actionsheet__list-item-icon {
1645
+ color: var(--fox-actionsheet-list-item-icon-color, var(--fox-radio-icon-unchecked-color, var(--fox-disable-color, var(--el-text-color-disabled))));
1646
+ flex: none;
1647
+ transition-property: color, border-color, background-color;
1648
+ transition-duration: .3s;
1649
+ width: var(--fox-actionsheet-list-item-icon-size, var(--fox-font-size-medium, var(--el-font-size-medium))) !important;
1650
+ height: var(--fox-actionsheet-list-item-icon-size, var(--fox-font-size-medium, var(--el-font-size-medium))) !important;
1651
+ }
1652
+
1653
+ .fox-actionsheet__list-item.is-checked .fox-actionsheet__list-item-icon {
1654
+ color: var(--fox-actionsheet-list-item-icon-color-active, var(--fox-radio-label-active-color, var(--fox-color-primary, var(--el-color-primary)))) !important;
1655
+ }
1656
+
1657
+ .fox-actionsheet__list-item.is-disabled .fox-actionsheet__list-item-icon {
1658
+ color: var(--fox-actionsheet-list-item-icon-color-disable, var(--fox-radio-icon-disable-color, var(--fox-disable-color, var(--el-text-color-disabled))));
1659
+ }
1660
+
1661
+ .fox-actionsheet__footer {
1662
+ height: var(--fox-actionsheet-footer-height, 60px);
1663
+ flex-flow: row;
1664
+ justify-content: center;
1665
+ align-items: center;
1666
+ display: flex;
1667
+ }
1668
+
1669
+ .fox-actionsheet__footer-confirm {
1670
+ height: var(--fox-actionsheet-footer-button-height, 36px);
1671
+ width: var(--fox-actionsheet-footer-button-min-width, 100%);
1672
+ color: var(--fox-white, var(--el-color-white));
1673
+ text-align: center;
1674
+ line-height: var(--fox-actionsheet-footer-button-height, 36px);
1675
+ border-radius: 22px;
1676
+ margin: 10px 18px;
1677
+ }
1678
+
1679
+ .fox-actionsheet__popup {
1680
+ left: calc((100% - var(--fox-actionsheet-width, 40%)) / 2) !important;
1681
+ width: var(--fox-actionsheet-width, 40%) !important;
1682
+ }
1683
+
1684
+ .fox-actionsheet-item__content, .fox-picker-item__content {
1685
+ width: 100%;
1686
+ }
1687
+
1688
+ .fox-link-item__content {
1689
+ width: 100%;
1690
+ height: var(--fox-input-item-height, 24px);
1691
+ line-height: var(--fox-input-item-height, 24px);
1692
+ font-size: var(--fox-input-item-font-size, var(--fox-font-size-base, var(--el-font-size-base)));
1693
+ color: var(--fox-input-item-color, var(--fox-black, var(--el-color-black)));
1694
+ padding: var(--fox-link-item-padding, 0 5px 0 0);
1695
+ margin: var(--fox-link-item-margin, 0);
1696
+ text-align: var(--fox-input-item-text-align, right);
1697
+ border: 0;
1698
+ outline: 0;
1699
+ flex-flow: column;
1700
+ justify-content: center;
1701
+ align-items: stretch;
1702
+ display: flex;
1703
+ }
1704
+
1705
+ .fox-link-item__append {
1706
+ width: var(--fox-input-item-append-width, 30px);
1707
+ font-size: var(--fox-input-item-append-font-size, var(--fox-font-size-base, var(--el-font-size-base)));
1708
+ justify-content: center;
1709
+ align-items: center;
1710
+ display: flex;
1711
+ position: relative;
1712
+ }
1713
+
1714
+ .fox-link-item__append .action {
1715
+ justify-content: center;
1716
+ align-items: center;
1717
+ display: flex;
1718
+ }
1719
+
1720
+ .fox-link-item__append .action-icon {
1721
+ width: var(--fox-input-item-append-action-icon-size, var(--fox-font-size-base, var(--el-font-size-base)));
1722
+ height: var(--fox-input-item-append-action-icon-size, var(--fox-font-size-base, var(--el-font-size-base)));
1723
+ color: var(--fox-input-item-append-action-icon-color, var(--fox-disable-color, var(--el-text-color-disabled)));
1724
+ }
1725
+
1726
+ .fox-link-item__placeholder {
1727
+ color: var(--fox-input-item-placeholder-color, var(--fox-input-disabled-color, var(--fox-disable-color, var(--el-text-color-disabled))));
1728
+ }
1729
+
1730
+ .fox-link-item__main {
1731
+ width: 100%;
1732
+ }
1733
+
1734
+ .fox-link-item__sub {
1735
+ width: 100%;
1736
+ font-size: var(--fox-link-item-sub-font-size, var(--fox-font-size-small, var(--el-font-size-small)));
1737
+ color: var(--fox-link-item-sub-color, var(--fox-text-color--secondary, var(--el-text-color-secondary)));
1738
+ }
1739
+
1740
+ .fox-link-item.disabled .fox-link-item__content {
1741
+ color: var(--fox-input-item-disabled-color, var(--fox-input-disabled-color, var(--fox-disable-color, var(--el-text-color-disabled))));
1742
+ }
1743
+
1744
+ .fox-tabs-bar {
1745
+ box-sizing: border-box;
1746
+ position: relative;
1747
+ overflow: hidden;
1748
+ }
1749
+
1750
+ .fox-tabs-bar__titles {
1751
+ -webkit-user-select: none;
1752
+ user-select: none;
1753
+ background: var(--fox-tabs-bar-titles-background, var(--fox-fill-color-base, var(--el-fill-color)));
1754
+ border-radius: var(--fox-tabs-bar-titles-border-radius, 0);
1755
+ flex-shrink: 0;
1756
+ display: flex;
1757
+ position: relative;
1758
+ }
1759
+
1760
+ .fox-tabs-bar__titles::-webkit-scrollbar {
1761
+ background: none;
1762
+ width: 0;
1763
+ display: none;
1764
+ }
1765
+
1766
+ .fox-tabs-bar__titles-item {
1767
+ color: var(--fox-tabs-bar-item-color, var(--fox-title-color, var(--el-text-color-primary)));
1768
+ font-weight: var(--fox-tabs-bar-item-font-weight, normal);
1769
+ font-size: var(--fox-tabs-bar-item-font-size-default, var(--fox-font-size-base, var(--el-font-size-base)));
1770
+ margin: 0 var(--fox-tabs-bar-item-gutter, 10px);
1771
+ flex: 1 0 auto;
1772
+ justify-content: center;
1773
+ align-items: center;
1774
+ display: flex;
1775
+ position: relative;
1776
+ }
1777
+
1778
+ .fox-tabs-bar__titles-item.disabled {
1779
+ color: var(--fox-tabs-bar-item-color-disable, var(--fox-disable-color, var(--el-text-color-disabled)));
1780
+ }
1781
+
1782
+ .fox-tabs-bar__titles-item.active {
1783
+ color: var(--fox-tabs-bar-item-color-active, var(--fox-title-color, var(--el-text-color-primary)));
1784
+ font-size: var(--fox-tabs-bar-item-font-size-default-active, var(--fox-font-size-base, var(--el-font-size-base)));
1785
+ font-weight: var(--fox-tabs-bar-item-font-weight-active, bold);
1786
+ }
1787
+
1788
+ .fox-tabs-bar__titles-item.active .fox-tabs-bar__titles-item-line {
1789
+ content: " ";
1790
+ width: var(--fox-tabs-bar-item-line-width-horizontal, 40px);
1791
+ height: var(--fox-tabs-bar-item-line-height-horizontal, 3px);
1792
+ background: var(--fox-tabs-bar-item-line-color-horizontal, var(--fox-color-primary, var(--el-color-primary)));
1793
+ }
1794
+
1795
+ .fox-tabs-bar__titles-item.button {
1796
+ margin: auto var(--fox-tabs-bar-item-gutter-button, 8px);
1797
+ padding: var(--fox-tabs-bar-item-padding-button);
1798
+ width: var(--fox-tabs-bar-item-width-button, 80px);
1799
+ height: var(--fox-tabs-bar-item-height-button, 32px);
1800
+ background: var(--fox-tabs-bar-item-background-button, var(--fox-white, var(--el-color-white)));
1801
+ color: var(--fox-tabs-bar-item-color-button, var(--fox-title-color2, var(--el-text-color-secondary)));
1802
+ font-size: var(--fox-tabs-bar-item-font-size-button, var(--fox-font-size-small, var(--el-font-size-small)));
1803
+ font-weight: var(--fox-tabs-bar-item-font-weight-button, 400);
1804
+ border: var(--fox-tabs-bar-item-border-button, 1px solid transparent);
1805
+ border-radius: var(--fox-tabs-bar-item-radius-button, 4px);
1806
+ }
1807
+
1808
+ .fox-tabs-bar__titles-item.button.active {
1809
+ background: var(--fox-tabs-bar-item-background-active-button, var(--fox-white, var(--el-color-white)));
1810
+ color: var(--fox-tabs-bar-item-color-active-button, var(--fox-color-primary, var(--el-color-primary)));
1811
+ font-size: var(--fox-tabs-bar-item-font-size-active-button, var(--fox-font-size-small, var(--el-font-size-small)));
1812
+ font-weight: var(--fox-tabs-bar-item-font-weight-button, 400);
1813
+ border: var(--fox-tabs-bar-item-border-active-button, 1px solid transparent);
1814
+ }
1815
+
1816
+ .fox-tabs-bar__titles-item.button .fox-tabs-bar__titles-item-line {
1817
+ width: 0;
1818
+ }
1819
+
1820
+ .fox-tabs-bar__titles-item.button-group:first-child {
1821
+ border-top-left-radius: var(--fox-tabs-bar-item-radius-button-group, 8px);
1822
+ border-bottom-left-radius: var(--fox-tabs-bar-item-radius-button-group, 8px);
1823
+ border-left: var(--fox-tabs-bar-item-border-width-button-group, 1px) solid var(--fox-tabs-bar-item-background-active-button-group, var(--fox-color-primary, var(--el-color-primary)));
1824
+ }
1825
+
1826
+ .fox-tabs-bar__titles-item.button-group:last-child {
1827
+ border-top-right-radius: var(--fox-tabs-bar-item-radius-button-group, 8px);
1828
+ border-bottom-right-radius: var(--fox-tabs-bar-item-radius-button-group, 8px);
1829
+ }
1830
+
1831
+ .fox-tabs-bar__titles-item.button-group {
1832
+ margin: auto var(--fox-tabs-bar-item-gutter-button-group, 0px);
1833
+ width: var(--fox-tabs-bar-item-width-button-group, 105px);
1834
+ height: var(--fox-tabs-bar-item-height-button-group, 32px);
1835
+ background: var(--fox-tabs-bar-item-background-button-group, var(--fox-white, var(--el-color-white)));
1836
+ color: var(--fox-tabs-bar-item-color-button-group, var(--fox-color-primary, var(--el-color-primary)));
1837
+ font-size: var(--fox-tabs-bar-item-font-size-button-group, var(--fox-font-size-base, var(--el-font-size-base)));
1838
+ font-weight: var(--fox-tabs-bar-item-font-weight-button-group, 400);
1839
+ border-top: var(--fox-tabs-bar-item-border-width-button-group, 1px) solid var(--fox-tabs-bar-item-background-active-button-group, var(--fox-color-primary, var(--el-color-primary)));
1840
+ border-right: var(--fox-tabs-bar-item-border-width-button-group, 1px) solid var(--fox-tabs-bar-item-background-active-button-group, var(--fox-color-primary, var(--el-color-primary)));
1841
+ border-bottom: var(--fox-tabs-bar-item-border-width-button-group, 1px) solid var(--fox-tabs-bar-item-background-active-button-group, var(--fox-color-primary, var(--el-color-primary)));
1842
+ border-left: 0 solid var(--fox-tabs-bar-item-background-active-button-group, var(--fox-color-primary, var(--el-color-primary)));
1843
+ flex: none;
1844
+ }
1845
+
1846
+ .fox-tabs-bar__titles-item.button-group.active {
1847
+ background: var(--fox-tabs-bar-item-background-active-button-group, var(--fox-color-primary, var(--el-color-primary)));
1848
+ color: var(--fox-tabs-bar-item-color-active-button-group, var(--fox-white, var(--el-color-white)));
1849
+ font-size: var(--fox-tabs-bar-item-font-size-active-button-group, var(--fox-font-size-base, var(--el-font-size-base)));
1850
+ font-weight: var(--fox-tabs-bar-item-font-weight-button-group, 400);
1851
+ }
1852
+
1853
+ .fox-tabs-bar__titles-item.button-group .fox-tabs-bar__titles-item-line {
1854
+ width: 0;
1855
+ }
1856
+
1857
+ .fox-tabs-bar__titles-item.capsule {
1858
+ margin: auto var(--fox-tabs-bar-item-gutter-capsule, 0px);
1859
+ width: var(--fox-tabs-bar-item-width-capsule, 100px);
1860
+ height: var(--fox-tabs-bar-item-height-capsule, 29px);
1861
+ background: var(--fox-tabs-bar-item-background-capsule, transparent);
1862
+ color: var(--fox-tabs-bar-item-color-capsule, var(--fox-title-color2, var(--el-text-color-secondary)));
1863
+ font-size: var(--fox-tabs-bar-item-font-size-capsule, var(--fox-font-size-base, var(--el-font-size-base)));
1864
+ font-weight: var(--fox-tabs-bar-item-font-weight-capsule, 400);
1865
+ border: var(--fox-tabs-bar-item-border-width-capsule, 1px) solid transparent;
1866
+ border-radius: var(--fox-tabs-bar-item-radius-capsule, 12px);
1867
+ }
1868
+
1869
+ .fox-tabs-bar__titles-item.capsule.active {
1870
+ background: var(--fox-tabs-bar-item-background-active-capsule, var(--fox-white, var(--el-color-white)));
1871
+ color: var(--fox-tabs-bar-item-color-active-capsule, var(--fox-color-primary, var(--el-color-primary)));
1872
+ font-size: var(--fox-tabs-bar-item-font-size-active-capsule, var(--fox-font-size-base, var(--el-font-size-base)));
1873
+ font-weight: var(--fox-tabs-bar-item-font-weight-capsule, 400);
1874
+ }
1875
+
1876
+ .fox-tabs-bar__titles-item.capsule .fox-tabs-bar__titles-item-line {
1877
+ width: 0;
1878
+ }
1879
+
1880
+ .fox-tabs-bar__titles-item-text.ellipsis {
1881
+ text-overflow: ellipsis;
1882
+ white-space: nowrap;
1883
+ width: 100%;
1884
+ overflow: hidden;
1885
+ }
1886
+
1887
+ .fox-tabs-bar__titles-item-text {
1888
+ text-align: center;
1889
+ position: relative;
1890
+ }
1891
+
1892
+ .fox-tabs-bar__titles-item-line {
1893
+ content: " ";
1894
+ width: 0;
1895
+ height: 0;
1896
+ bottom: var(--fox-tabs-bar-item-line-bottom, 0px);
1897
+ border-radius: var(--fox-tabs-bar-item-line-border-radius, 0);
1898
+ opacity: var(--fox-tabs-bar-item-line-opacity, 1);
1899
+ transition: width .3s;
1900
+ position: absolute;
1901
+ left: 50%;
1902
+ overflow: hidden;
1903
+ transform: translate(-50%);
1904
+ }
1905
+
1906
+ .fox-tabs-bar__titles-item-tip {
1907
+ line-height: 1;
1908
+ font-size: var(--fox-tabs-bar-item-tip-font-size, var(--fox-font-size-extra-small, var(--el-font-size-extra-small)));
1909
+ color: var(--fox-tabs-bar-item-tip-color, var(--fox-white, var(--el-color-white)));
1910
+ background: var(--fox-tabs-bar-item-tip-background, var(--fox-color-primary, var(--el-color-primary)));
1911
+ box-shadow: var(--fox-tabs-bar-item-tip-box-shadow, 0 0 0 1px var(--fox-white, var(--el-color-white)));
1912
+ border-radius: 50%;
1913
+ position: absolute;
1914
+ top: 0;
1915
+ right: 0;
1916
+ transform: translate(50%, -50%);
1917
+ }
1918
+
1919
+ .fox-tabs-bar__titles-item-tip.doit {
1920
+ width: var(--fox-tabs-bar-item-doit-size, 7px);
1921
+ height: var(--fox-tabs-bar-item-doit-size, 7px);
1922
+ padding: 0;
1923
+ }
1924
+
1925
+ .fox-tabs-bar__titles-item-tip.num {
1926
+ padding: 1px 2px 2px 3px;
1927
+ line-height: 1;
1928
+ }
1929
+
1930
+ .fox-tabs-bar__titles.has-navigation {
1931
+ margin-right: var(--fox-tabs-bar-navigation-width, 30px);
1932
+ }
1933
+
1934
+ .fox-tabs-bar__titles.has-left-scroll-arrow {
1935
+ margin-left: var(--fox-tabs-bar-navigation-width, 30px);
1936
+ }
1937
+
1938
+ .fox-tabs-bar__titles.has-right-scroll-arrow {
1939
+ margin-right: var(--fox-tabs-bar-navigation-width, 30px);
1940
+ }
1941
+
1942
+ .fox-tabs-bar__titles.large .fox-tabs-bar__titles-item {
1943
+ font-size: var(--fox-tabs-bar-item-font-size-large, var(--fox-font-size-medium, var(--el-font-size-medium)));
1944
+ }
1945
+
1946
+ .fox-tabs-bar__titles.large .fox-tabs-bar__titles-item.active {
1947
+ font-size: var(--fox-tabs-bar-item-font-size-large-active, var(--fox-font-size-medium, var(--el-font-size-medium)));
1948
+ }
1949
+
1950
+ .fox-tabs-bar__titles.small .fox-tabs-bar__titles-item {
1951
+ font-size: var(--fox-tabs-bar-item-font-size-small, var(--fox-font-size-small, var(--el-font-size-small)));
1952
+ }
1953
+
1954
+ .fox-tabs-bar__titles.small .fox-tabs-bar__titles-item.active {
1955
+ font-size: var(--fox-tabs-bar-item-font-size-small-active, var(--fox-font-size-small, var(--el-font-size-small)));
1956
+ }
1957
+
1958
+ .fox-tabs-bar__titles.horizontal {
1959
+ height: var(--fox-tabs-bar-titles-height-horizontal, 44px);
1960
+ }
1961
+
1962
+ .fox-tabs-bar__titles.horizontal .fox-tabs-bar__titles-item {
1963
+ min-width: var(--fox-tabs-bar-item-min-width-horizontal, 50px);
1964
+ }
1965
+
1966
+ .fox-tabs-bar__titles.horizontal .fox-tabs-bar__titles-item:first-child {
1967
+ margin-left: 0 !important;
1968
+ }
1969
+
1970
+ .fox-tabs-bar__titles.horizontal .fox-tabs-bar__titles-item:last-child {
1971
+ margin-right: 0 !important;
1972
+ }
1973
+
1974
+ .fox-tabs-bar__titles.horizontal.scrollable {
1975
+ overflow: auto hidden;
1976
+ }
1977
+
1978
+ .fox-tabs-bar__titles.horizontal.stretch {
1979
+ justify-content: stretch;
1980
+ }
1981
+
1982
+ .fox-tabs-bar__titles.horizontal.stretch .fox-tabs-bar__titles-item {
1983
+ flex: 1 0 auto;
1984
+ }
1985
+
1986
+ .fox-tabs-bar__titles.horizontal.left {
1987
+ justify-content: flex-start;
1988
+ }
1989
+
1990
+ .fox-tabs-bar__titles.horizontal.left .fox-tabs-bar__titles-item {
1991
+ flex: none;
1992
+ }
1993
+
1994
+ .fox-tabs-bar__titles.horizontal.right {
1995
+ justify-content: flex-end;
1996
+ }
1997
+
1998
+ .fox-tabs-bar__titles.horizontal.right .fox-tabs-bar__titles-item {
1999
+ flex: none;
2000
+ }
2001
+
2002
+ .fox-tabs-bar__titles.horizontal.center {
2003
+ justify-content: center;
2004
+ }
2005
+
2006
+ .fox-tabs-bar__titles.horizontal.center .fox-tabs-bar__titles-item {
2007
+ flex: none;
2008
+ }
2009
+
2010
+ .fox-tabs-bar__titles.horizontal.space-around {
2011
+ justify-content: space-around;
2012
+ }
2013
+
2014
+ .fox-tabs-bar__titles.horizontal.space-around .fox-tabs-bar__titles-item {
2015
+ flex: none;
2016
+ }
2017
+
2018
+ .fox-tabs-bar__titles.horizontal.space-between {
2019
+ justify-content: space-between;
2020
+ }
2021
+
2022
+ .fox-tabs-bar__titles.horizontal.space-between .fox-tabs-bar__titles-item {
2023
+ flex: none;
2024
+ }
2025
+
2026
+ .fox-tabs-bar__titles.vertical {
2027
+ width: var(--fox-tabs-bar-titles-width-vertical, 100px);
2028
+ flex-direction: column;
2029
+ }
2030
+
2031
+ .fox-tabs-bar__titles.vertical .fox-tabs-bar__titles-item {
2032
+ width: 100%;
2033
+ height: var(--fox-tabs-bar-item-height-vertical, 40px);
2034
+ margin: var(--fox-tabs-bar-item-gutter-vertical, 0px) auto;
2035
+ padding: var(--fox-tabs-bar-item-padding-vertical, 0px);
2036
+ flex: none;
2037
+ }
2038
+
2039
+ .fox-tabs-bar__titles.vertical .fox-tabs-bar__titles-item:first-child {
2040
+ margin-top: 0 !important;
2041
+ }
2042
+
2043
+ .fox-tabs-bar__titles.vertical .fox-tabs-bar__titles-item:last-child {
2044
+ margin-bottom: 0 !important;
2045
+ }
2046
+
2047
+ .fox-tabs-bar__titles.vertical .fox-tabs-bar__titles-item-line {
2048
+ bottom: none;
2049
+ width: 0;
2050
+ height: 0;
2051
+ transition: height .3s;
2052
+ transform: translate(0, -50%);
2053
+ }
2054
+
2055
+ .fox-tabs-bar__titles.vertical .fox-tabs-bar__titles-item.active {
2056
+ background-color: #fff;
2057
+ }
2058
+
2059
+ .fox-tabs-bar__titles.vertical .fox-tabs-bar__titles-item.active .fox-tabs-bar__titles-item-line {
2060
+ width: var(--fox-tabs-bar-item-line-width-vertical, 3px);
2061
+ height: var(--fox-tabs-bar-item-line-height-vertical, 14px);
2062
+ background: var(--fox-tabs-bar-item-line-color-vertical, var(--fox-color-primary, var(--el-color-primary)));
2063
+ top: 50%;
2064
+ left: 10px;
2065
+ }
2066
+
2067
+ .fox-tabs-bar__titles.vertical.scrollable {
2068
+ height: 100%;
2069
+ overflow: hidden auto;
2070
+ }
2071
+
2072
+ .fox-tabs-bar__titles.capsule {
2073
+ padding: var(--fox-tabs-bar-titles-padding-capsule, 5px 8px);
2074
+ background: var(--fox-tabs-bar-titles-background-capsule, var(--fox-fill-color-base, var(--el-fill-color)));
2075
+ border-radius: var(--fox-tabs-bar-titles-border-radius-capsule, 16px);
2076
+ }
2077
+
2078
+ .fox-tabs-bar__navigation {
2079
+ height: var(--fox-tabs-bar-titles-height-horizontal, 44px);
2080
+ width: var(--fox-tabs-bar-navigation-width, 30px);
2081
+ background: var(--fox-tabs-bar-titles-background, var(--fox-fill-color-base, var(--el-fill-color)));
2082
+ flex-flow: row;
2083
+ justify-content: flex-end;
2084
+ align-items: center;
2085
+ display: flex;
2086
+ position: absolute;
2087
+ top: 0;
2088
+ right: 0;
2089
+ }
2090
+
2091
+ .fox-tabs-bar__popup {
2092
+ background: var(--fox-tabs-bar-popup-background, var(--fox-white, var(--el-color-white)));
2093
+ max-height: var(--fox-tabs-bar-popup-max-height, 500px);
2094
+ padding: var(--fox-tabs-bar-popup-padding, 12px 0 0 12px);
2095
+ box-shadow: var(--fox-tabs-bar-popup-box-shadow, var(--fox-box-shadow, var(--el-box-shadow)));
2096
+ z-index: 1;
2097
+ opacity: 0;
2098
+ flex-flow: wrap;
2099
+ justify-content: flex-start;
2100
+ align-items: flex-start;
2101
+ transition: opacity .36s;
2102
+ display: flex;
2103
+ position: absolute;
2104
+ bottom: 0;
2105
+ left: 0;
2106
+ right: 0;
2107
+ transform: translateY(100%);
2108
+ }
2109
+
2110
+ .fox-tabs-bar__popup-item {
2111
+ border-radius: var(--fox-tabs-bar-popup-item-radius, 16px);
2112
+ color: var(--fox-tabs-bar-popup-item-color, var(--fox-title-color, var(--el-text-color-primary)));
2113
+ background: var(--fox-tabs-bar-popup-item-background, var(--fox-fill-color-base, var(--el-fill-color)));
2114
+ padding: var(--fox-tabs-bar-popup-item-padding, 5px 12px 5px 12px);
2115
+ margin: var(--fox-tabs-bar-popup-item-margin, 0px 12px 12px 0);
2116
+ text-wrap: nowrap;
2117
+ }
2118
+
2119
+ .fox-tabs-bar__popup-item.active {
2120
+ color: var(--fox-tabs-bar-popup-item-color-active, var(--fox-color-primary, var(--el-color-primary)));
2121
+ background: var(--fox-tabs-bar-popup-item-background-active, var(--fox-color-primary-light-9, var(--el-color-primary-light-9)));
2122
+ }
2123
+
2124
+ .fox-tabs-bar__popup--show {
2125
+ opacity: 1;
2126
+ }
2127
+
2128
+ .fox-tabs-bar__scroll-arrow {
2129
+ position: absolute;
2130
+ top: 50%;
2131
+ transform: translateY(-50%);
2132
+ }
2133
+
2134
+ .fox-tabs-bar__scroll-arrow.left {
2135
+ left: 0;
2136
+ }
2137
+
2138
+ .fox-tabs-bar__scroll-arrow.right {
2139
+ right: 0;
2140
+ }
2141
+
2142
+ .fox-tabs-container {
2143
+ box-sizing: border-box;
2144
+ display: block;
2145
+ overflow: hidden;
2146
+ }
2147
+
2148
+ .fox-tabs-container.horizontal .fox-tabs-container__panes {
2149
+ flex-flow: row;
2150
+ justify-content: flex-start;
2151
+ align-items: stretch;
2152
+ }
2153
+
2154
+ .fox-tabs-container.vertical .fox-tabs-container__panes {
2155
+ flex-flow: column;
2156
+ justify-content: flex-start;
2157
+ align-items: stretch;
2158
+ }
2159
+
2160
+ .fox-tabs-container__panes {
2161
+ transition: transform .3s;
2162
+ display: flex;
2163
+ }
2164
+
2165
+ .fox-tabs-pane {
2166
+ flex: none;
2167
+ }
2168
+
2169
+ .fox-tabs-pane__empty {
2170
+ flex-flow: column;
2171
+ justify-content: center;
2172
+ align-items: center;
2173
+ width: 100%;
2174
+ height: 100%;
2175
+ padding: 20px;
2176
+ display: flex;
2177
+ }
2178
+
2179
+ .fox-tabs-pane__empty-icon {
2180
+ width: 16px;
2181
+ height: 16px;
2182
+ animation-name: loading-rotate;
2183
+ animation-duration: .5s;
2184
+ animation-timing-function: linear;
2185
+ animation-iteration-count: infinite;
2186
+ animation-fill-mode: both;
2187
+ }
2188
+
2189
+ .fox-tabs-pane__empty-text {
2190
+ margin-top: 10px;
2191
+ }
2192
+
2193
+ .fox-tabs-pane.is-no-transition {
2194
+ width: 100%;
2195
+ }
2196
+
2197
+ .fox-tabs-frame {
2198
+ box-sizing: border-box;
2199
+ display: grid;
2200
+ overflow: hidden;
2201
+ }
2202
+
2203
+ .fox-tabs-frame.horizontal-tabbar {
2204
+ grid-template-rows: auto 1fr;
2205
+ grid-template-columns: 1fr;
2206
+ }
2207
+
2208
+ .fox-tabs-frame.vertical-tabbar {
2209
+ grid-template-rows: 1fr;
2210
+ grid-template-columns: auto 1fr;
2211
+ }
2212
+
2213
+ .fox-tabs-frame__bar {
2214
+ margin: var(--fox-tabs-frame-bar-margin, 0);
2215
+ }
2216
+
2217
+ .fox-steps-bar {
2218
+ box-sizing: border-box;
2219
+ color: var(--fox-steps-bar-normal-color, var(--fox-white, var(--el-color-white)));
2220
+ font-size: var(--fox-steps-bar-font-size, var(--fox-font-size-base, var(--el-font-size-base)));
2221
+ justify-content: flex-start;
2222
+ align-items: flex-start;
2223
+ display: flex;
2224
+ }
2225
+
2226
+ .fox-steps-bar.is-scroll {
2227
+ box-sizing: border-box;
2228
+ }
2229
+
2230
+ .fox-steps-bar::-webkit-scrollbar {
2231
+ background: none;
2232
+ width: 0;
2233
+ display: none;
2234
+ }
2235
+
2236
+ .fox-steps-bar.is-horizontal {
2237
+ flex-flow: row;
2238
+ }
2239
+
2240
+ .fox-steps-bar.is-horizontal.is-scroll {
2241
+ overflow: auto hidden;
2242
+ }
2243
+
2244
+ .fox-steps-bar.is-horizontal .fox-steps-bar__step {
2245
+ flex-flow: column;
2246
+ position: relative;
2247
+ }
2248
+
2249
+ .fox-steps-bar.is-horizontal .fox-steps-bar__step.center .fox-steps-bar__icon {
2250
+ left: 50%;
2251
+ transform: translateX(-50%);
2252
+ }
2253
+
2254
+ .fox-steps-bar.is-horizontal .fox-steps-bar__step.center .fox-steps-bar__line {
2255
+ left: 50%;
2256
+ right: -50%;
2257
+ }
2258
+
2259
+ .fox-steps-bar.is-horizontal .fox-steps-bar__step.center .fox-steps-bar__main {
2260
+ text-align: center;
2261
+ width: 100%;
2262
+ transform: translateX(0);
2263
+ }
2264
+
2265
+ .fox-steps-bar.is-horizontal .fox-steps-bar__step.is-doit .fox-steps-bar__icon {
2266
+ top: 50%;
2267
+ transform: translateY(-50%);
2268
+ }
2269
+
2270
+ .fox-steps-bar.is-horizontal .fox-steps-bar__head {
2271
+ flex: 0 0 var(--fox-steps-bar-icon-size, 28px);
2272
+ width: 100%;
2273
+ }
2274
+
2275
+ .fox-steps-bar.is-horizontal .fox-steps-bar__main {
2276
+ z-index: 2;
2277
+ transform: translateX(calc(-50% + var(--fox-steps-bar-icon-size, 28px) / 2));
2278
+ margin: var(--fox-steps-bar-main-margin-horizontal, 10px 0 0 0);
2279
+ width: var(--fox-steps-bar-main-width-horizontal, auto);
2280
+ height: var(--fox-steps-bar-main-height-horizontal, auto);
2281
+ line-height: var(--fox-steps-bar-main-line-height-horizontal, auto);
2282
+ }
2283
+
2284
+ .fox-steps-bar.is-horizontal .fox-steps-bar__icon {
2285
+ position: absolute;
2286
+ }
2287
+
2288
+ .fox-steps-bar.is-horizontal .fox-steps-bar__line {
2289
+ position: absolute;
2290
+ top: 50%;
2291
+ left: 0;
2292
+ right: 0;
2293
+ transform: translateY(-50%);
2294
+ }
2295
+
2296
+ .fox-steps-bar.is-vertical {
2297
+ flex-flow: column;
2298
+ }
2299
+
2300
+ .fox-steps-bar.is-vertical.is-scroll {
2301
+ overflow: hidden auto;
2302
+ }
2303
+
2304
+ .fox-steps-bar.is-vertical .fox-steps-bar__step {
2305
+ flex-flow: row;
2306
+ }
2307
+
2308
+ .fox-steps-bar.is-vertical .fox-steps-bar__step.center .fox-steps-bar__icon {
2309
+ top: 50%;
2310
+ transform: translateY(-50%);
2311
+ }
2312
+
2313
+ .fox-steps-bar.is-vertical .fox-steps-bar__step.center .fox-steps-bar__line {
2314
+ top: 50%;
2315
+ bottom: -50%;
2316
+ }
2317
+
2318
+ .fox-steps-bar.is-vertical .fox-steps-bar__step.is-doit .fox-steps-bar__icon {
2319
+ left: 50%;
2320
+ transform: translateX(-50%);
2321
+ }
2322
+
2323
+ .fox-steps-bar.is-vertical .fox-steps-bar__head {
2324
+ flex: 0 0 var(--fox-steps-bar-icon-size, 28px);
2325
+ height: 100%;
2326
+ }
2327
+
2328
+ .fox-steps-bar.is-vertical .fox-steps-bar__main {
2329
+ margin: var(--fox-steps-bar-main-margin-vertical, 0 0 0 0);
2330
+ width: var(--fox-steps-bar-main-width-vertical, 100px);
2331
+ height: var(--fox-steps-bar-main-height-vertical, auto);
2332
+ line-height: var(--fox-steps-bar-main-line-height-vertical, var(--fox-steps-bar-icon-size, 28px));
2333
+ flex: none;
2334
+ }
2335
+
2336
+ .fox-steps-bar.is-vertical .fox-steps-bar__icon {
2337
+ box-sizing: border-box;
2338
+ height: var(--fox-steps-bar-icon-size, 28px);
2339
+ width: var(--fox-steps-bar-icon-size, 28px);
2340
+ position: absolute;
2341
+ }
2342
+
2343
+ .fox-steps-bar.is-vertical .fox-steps-bar__line {
2344
+ width: 2px;
2345
+ position: absolute;
2346
+ top: 0;
2347
+ bottom: 0;
2348
+ left: 50%;
2349
+ transform: translateX(-50%);
2350
+ }
2351
+
2352
+ .fox-steps-bar.is-vertical .fox-steps-bar__mark {
2353
+ color: var(--fox-steps-bar-mark-color, var(--fox-color-primary, var(--el-color-primary)));
2354
+ height: var(--fox-steps-bar-mark-height-vertical, var(--fox-steps-bar-icon-size, 28px));
2355
+ width: var(--fox-steps-bar-mark-width-vertical, var(--fox-steps-bar-icon-size, 28px));
2356
+ flex: none;
2357
+ justify-content: flex-end;
2358
+ align-items: center;
2359
+ display: flex;
2360
+ }
2361
+
2362
+ .fox-steps-bar.is-simple {
2363
+ flex-flow: row;
2364
+ }
2365
+
2366
+ .fox-steps-bar.is-simple.is-scroll {
2367
+ overflow: auto hidden;
2368
+ }
2369
+
2370
+ .fox-steps-bar.is-simple .fox-steps-bar__head {
2371
+ flex-flow: row;
2372
+ justify-content: flex-start;
2373
+ align-items: center;
2374
+ width: 100%;
2375
+ display: flex;
2376
+ position: relative;
2377
+ }
2378
+
2379
+ .fox-steps-bar.is-simple .fox-steps-bar__main {
2380
+ line-height: var(--fox-steps-bar-icon-size, 28px);
2381
+ z-index: 2;
2382
+ background: none;
2383
+ flex: none;
2384
+ padding: 0 5px;
2385
+ }
2386
+
2387
+ .fox-steps-bar.is-simple .fox-steps-bar__icon {
2388
+ flex: none;
2389
+ }
2390
+
2391
+ .fox-steps-bar.is-simple .fox-steps-bar__line {
2392
+ flex: 100%;
2393
+ }
2394
+
2395
+ .fox-steps-bar__step {
2396
+ flex-shrink: 0;
2397
+ justify-content: flex-start;
2398
+ align-items: flex-start;
2399
+ display: flex;
2400
+ }
2401
+
2402
+ .fox-steps-bar__step.is-active {
2403
+ color: var(--fox-steps-bar-active-color, var(--fox-white, var(--el-color-white)));
2404
+ }
2405
+
2406
+ .fox-steps-bar__step.is-active .fox-steps-bar__main {
2407
+ color: var(--fox-steps-bar-text-active-color, var(--fox-black, var(--el-color-black)));
2408
+ }
2409
+
2410
+ .fox-steps-bar__step.is-active .fox-steps-bar__icon {
2411
+ color: var(--fox-steps-bar-icon-active-color, var(--fox-white, var(--el-color-white)));
2412
+ background: var(--fox-steps-bar-icon-bg-active-color, var(--fox-color-primary, var(--el-color-primary)));
2413
+ }
2414
+
2415
+ .fox-steps-bar__step.is-done {
2416
+ color: var(--fox-steps-bar-done-color, var(--fox-white, var(--el-color-white)));
2417
+ }
2418
+
2419
+ .fox-steps-bar__step.is-done .fox-steps-bar__main {
2420
+ color: var(--fox-steps-bar-text-done-color, var(--fox-black, var(--el-color-black)));
2421
+ }
2422
+
2423
+ .fox-steps-bar__step.is-done .fox-steps-bar__icon {
2424
+ color: var(--fox-steps-bar-icon-done-color, var(--fox-white, var(--el-color-white)));
2425
+ background: var(--fox-steps-bar-icon-bg-done-color, var(--fox-color-success, var(--el-color-success)));
2426
+ }
2427
+
2428
+ .fox-steps-bar__step.is-error {
2429
+ color: var(--fox-steps-bar-error-color, var(--fox-white, var(--el-color-white)));
2430
+ }
2431
+
2432
+ .fox-steps-bar__step.is-error .fox-steps-bar__main {
2433
+ color: var(--fox-steps-bar-text-error-color, var(--fox-black, var(--el-color-black)));
2434
+ }
2435
+
2436
+ .fox-steps-bar__step.is-error .fox-steps-bar__icon {
2437
+ color: var(--fox-steps-bar-icon-error-color, var(--fox-white, var(--el-color-white)));
2438
+ background: var(--fox-steps-bar-icon-bg-error-color, var(--fox-color-danger, var(--el-color-danger)));
2439
+ }
2440
+
2441
+ .fox-steps-bar__step.is-half {
2442
+ color: var(--fox-steps-bar-half-color, var(--fox-white, var(--el-color-white)));
2443
+ }
2444
+
2445
+ .fox-steps-bar__step.is-half .fox-steps-bar__main {
2446
+ color: var(--fox-steps-bar-text-half-color, var(--fox-black, var(--el-color-black)));
2447
+ }
2448
+
2449
+ .fox-steps-bar__step.is-half .fox-steps-bar__icon {
2450
+ color: var(--fox-steps-bar-icon-half-color, var(--fox-white, var(--el-color-white)));
2451
+ background: var(--fox-steps-bar-icon-bg-half-color, var(--fox-color-warning, var(--el-color-warning)));
2452
+ }
2453
+
2454
+ .fox-steps-bar__step.is-doit .fox-steps-bar__icon {
2455
+ color: #fff0;
2456
+ width: 7px;
2457
+ height: 7px;
2458
+ position: relative;
2459
+ }
2460
+
2461
+ .fox-steps-bar__step.is-doit .fox-steps-bar__icon > * {
2462
+ display: none;
2463
+ }
2464
+
2465
+ .fox-steps-bar__step.is-doit.is-active .fox-steps-bar__icon:before {
2466
+ content: "";
2467
+ background-color: var(--fox-steps-bar-icon-bg-active-color, var(--fox-color-primary, var(--el-color-primary)));
2468
+ opacity: .23;
2469
+ border-radius: 50%;
2470
+ width: 14px;
2471
+ height: 14px;
2472
+ margin-top: -7px;
2473
+ margin-left: -7px;
2474
+ display: inline-block;
2475
+ position: absolute;
2476
+ top: 50%;
2477
+ left: 50%;
2478
+ }
2479
+
2480
+ .fox-steps-bar__head {
2481
+ position: relative;
2482
+ }
2483
+
2484
+ .fox-steps-bar__line {
2485
+ background: var(--fox-steps-bar-line-normal-color, var(--fox-disable-color, var(--el-text-color-disabled)));
2486
+ border-color: inherit;
2487
+ }
2488
+
2489
+ .fox-steps-bar__line-inner {
2490
+ color: var(--fox-steps-bar-line-active-color, var(--fox-color-primary, var(--el-color-primary)));
2491
+ border-width: var(--fox-steps-bar-line-border-width, 1px);
2492
+ border-style: var(--fox-steps-bar-line-border-style, solid);
2493
+ border-color: inherit;
2494
+ box-sizing: border-box;
2495
+ width: 0;
2496
+ height: 0;
2497
+ transition: all .15s ease-out;
2498
+ display: block;
2499
+ }
2500
+
2501
+ .fox-steps-bar__icon {
2502
+ color: var(--fox-steps-bar-icon-normal-color, var(--fox-white, var(--el-color-white)));
2503
+ background: var(--fox-steps-bar-icon-bg-normal-color, var(--fox-disable-color, var(--el-text-color-disabled)));
2504
+ cursor: pointer;
2505
+ border: var(--fox-steps-bar-icon-border, none);
2506
+ box-sizing: border-box;
2507
+ font-size: var(--fox-steps-bar-icon-font-size, var(--fox-steps-bar-font-size, var(--fox-font-size-base, var(--el-font-size-base))));
2508
+ width: var(--fox-steps-bar-icon-size, 28px);
2509
+ height: var(--fox-steps-bar-icon-size, 28px);
2510
+ border-radius: 50%;
2511
+ justify-content: center;
2512
+ align-items: center;
2513
+ display: flex;
2514
+ }
2515
+
2516
+ .fox-steps-bar__icon-inner {
2517
+ text-align: center;
2518
+ justify-content: center;
2519
+ align-items: center;
2520
+ display: flex;
2521
+ }
2522
+
2523
+ .fox-steps-bar__icon-inner svg {
2524
+ height: var(--fox-steps-bar-icon-size, 28px);
2525
+ width: var(--fox-steps-bar-icon-size, 28px);
2526
+ line-height: var(--fox-steps-bar-icon-size, 28px);
2527
+ }
2528
+
2529
+ .fox-steps-bar__main {
2530
+ color: var(--fox-steps-bar-text-normal-color, var(--fox-disable-color, var(--el-text-color-disabled)));
2531
+ font-size: var(--fox-steps-bar-text-font-size, var(--fox-steps-bar-font-size, var(--fox-font-size-base, var(--el-font-size-base))));
2532
+ text-overflow: ellipsis;
2533
+ white-space: nowrap;
2534
+ overflow: hidden;
2535
+ }
2536
+
2537
+ .fox-floating-window {
2538
+ background: var(--fox-floating-window-background, var(--fox-background-color, var(--el-bg-color)));
2539
+ border-radius: var(--fox-floating-window-border-radius, 4px);
2540
+ box-shadow: var(--fox-floating-window-box-shadow, var(--fox-box-shadow, var(--el-box-shadow)));
2541
+ box-sizing: border-box;
2542
+ top: var(--fox-floating-window-width, 15dvh);
2543
+ left: var(--fox-floating-window-width, 25dvw);
2544
+ width: var(--fox-floating-window-width, 50dvw);
2545
+ z-index: var(--fox-floating-window-z-index, 2001);
2546
+ outline: none;
2547
+ position: fixed;
2548
+ overflow-y: hidden;
2549
+ }
2550
+
2551
+ .fox-floating-window__header {
2552
+ border-top-left-radius: var(--fox-floating-window-border-radius, 4px);
2553
+ border-top-right-radius: var(--fox-floating-window-border-radius, 4px);
2554
+ background: var(--fox-floating-window-header-background, var(--fox-fill-color-base, var(--el-fill-color)));
2555
+ padding: var(--fox-floating-window-header-padding, 0 25px);
2556
+ height: var(--fox-floating-window-header-height, 40px);
2557
+ z-index: 20;
2558
+ box-sizing: border-box;
2559
+ flex-flow: row;
2560
+ justify-content: space-between;
2561
+ align-items: center;
2562
+ display: flex;
2563
+ position: relative;
2564
+ }
2565
+
2566
+ .fox-floating-window__title {
2567
+ font-size: var(--fox-floating-window-title-font-size, var(--fox-font-size-medium, var(--el-font-size-medium)));
2568
+ }
2569
+
2570
+ .fox-floating-window__tools {
2571
+ flex-flow: row;
2572
+ justify-content: flex-end;
2573
+ align-items: center;
2574
+ margin-left: auto;
2575
+ display: flex;
2576
+ }
2577
+
2578
+ .fox-floating-window__tools > * + * {
2579
+ margin-left: 20px;
2580
+ }
2581
+
2582
+ .fox-floating-window__collapse {
2583
+ cursor: pointer;
2584
+ color: var(--fox-floating-window-collapse-color, var(--fox-color-primary, var(--el-color-primary)));
2585
+ flex-flow: row;
2586
+ flex: none;
2587
+ justify-content: flex-start;
2588
+ align-items: center;
2589
+ margin-left: auto;
2590
+ display: flex;
2591
+ }
2592
+
2593
+ .fox-floating-window__collapse-icon {
2594
+ width: 30px;
2595
+ height: 30px;
2596
+ transition: transform .3s ease-in-out;
2597
+ }
2598
+
2599
+ .fox-floating-window__collapse-icon.is-expand {
2600
+ transform: rotate(0);
2601
+ }
2602
+
2603
+ .fox-floating-window__collapse-icon.is-collapse {
2604
+ transform: rotate(180deg);
2605
+ }
2606
+
2607
+ .fox-floating-window__collapse-text {
2608
+ font-size: var(--fox-floating-window-collapse-font-size, var(--fox-font-size-base, var(--el-font-size-base)));
2609
+ }
2610
+
2611
+ .fox-floating-window__close:hover {
2612
+ color: var(--fox-floating-window-close-color, var(--fox-color-primary, var(--el-color-primary)));
2613
+ }
2614
+
2615
+ .fox-floating-window__close {
2616
+ color: var(--fox-floating-window-close-color, inherit);
2617
+ cursor: pointer;
2618
+ }
2619
+
2620
+ .fox-floating-window__body {
2621
+ font-size: var(--fox-floating-window-content-font-size, var(--fox-font-size-base, var(--el-font-size-base)));
2622
+ }
2623
+
2624
+ .fox-floating-window__fixednav {
2625
+ box-sizing: border-box;
2626
+ z-index: var(--fox-floating-window-fixednav-z-index, 2000);
2627
+ color: var(--fox-floating-window-fixednav-color, var(--fox-white, var(--el-color-white)));
2628
+ background: var(--fox-floating-window-fixednav-bg, var(--fox-color-primary, var(--el-color-primary)));
2629
+ width: var(--floating-window-fixednav-width, 80px);
2630
+ height: var(--floating-window-fixednav-height, 50px);
2631
+ align-items: center;
2632
+ display: flex;
2633
+ position: fixed;
2634
+ box-shadow: 0 2px 4px #0003;
2635
+ }
2636
+
2637
+ .fox-floating-window__fixednav.is-left .fox-floating-window__fixednav__inner {
2638
+ flex-direction: row-reverse;
2639
+ }
2640
+
2641
+ .fox-floating-window__fixednav.is-left {
2642
+ border-radius: 0 45px 45px 0;
2643
+ justify-content: flex-end;
2644
+ padding-right: 12px;
2645
+ left: 0;
2646
+ }
2647
+
2648
+ .fox-floating-window__fixednav.is-left.slide-in {
2649
+ animation-name: slide-in-for-left;
2650
+ animation-duration: .5s;
2651
+ animation-timing-function: linear;
2652
+ animation-iteration-count: 1;
2653
+ }
2654
+
2655
+ .fox-floating-window__fixednav.is-left.slide-out {
2656
+ animation-name: slide-out-for-left;
2657
+ animation-duration: .5s;
2658
+ animation-timing-function: linear;
2659
+ animation-iteration-count: 1;
2660
+ }
2661
+
2662
+ .fox-floating-window__fixednav.is-right {
2663
+ border-radius: 45px 0 0 45px;
2664
+ justify-content: flex-start;
2665
+ padding-left: 12px;
2666
+ right: 0;
2667
+ }
2668
+
2669
+ .fox-floating-window__fixednav.is-right.slide-in {
2670
+ animation-name: slide-in-for-right;
2671
+ animation-duration: .5s;
2672
+ animation-timing-function: linear;
2673
+ animation-iteration-count: 1;
2674
+ }
2675
+
2676
+ .fox-floating-window__fixednav.is-right.slide-out {
2677
+ animation-name: slide-out-for-right;
2678
+ animation-duration: .5s;
2679
+ animation-timing-function: linear;
2680
+ animation-iteration-count: 1;
2681
+ }
2682
+
2683
+ .fox-floating-window__fixednav__inner {
2684
+ cursor: pointer;
2685
+ flex-flow: row;
2686
+ justify-content: flex-start;
2687
+ align-items: center;
2688
+ display: flex;
2689
+ }
2690
+
2691
+ .fox-floating-window__fixednav__text {
2692
+ background-color: inherit;
2693
+ flex-shrink: 0;
2694
+ width: 24px;
2695
+ font-size: 10px;
2696
+ line-height: 13px;
2697
+ }
2698
+
2699
+ .fox-floating-window-fade-enter-active, .fox-floating-window-fade-leave-active {
2700
+ transition: opacity .5s;
2701
+ }
2702
+
2703
+ .fox-floating-window-fade-enter-from, .fox-floating-window-fade-leave-to {
2704
+ opacity: 0;
2705
+ }
2706
+
2707
+ @keyframes slide-in-for-left {
2708
+ from {
2709
+ transform: translateX(-100%);
2710
+ }
2711
+
2712
+ to {
2713
+ transform: translateX(0%);
2714
+ }
2715
+ }
2716
+
2717
+ @keyframes slide-out-for-left {
2718
+ from {
2719
+ transform: translateX(0%);
2720
+ }
2721
+
2722
+ to {
2723
+ transform: translateX(-100%);
2724
+ }
2725
+ }
2726
+
2727
+ @keyframes slide-in-for-right {
2728
+ from {
2729
+ transform: translateX(100%);
2730
+ }
2731
+
2732
+ to {
2733
+ transform: translateX(0%);
2734
+ }
2735
+ }
2736
+
2737
+ @keyframes slide-out-for-right {
2738
+ from {
2739
+ transform: translateX(0%);
2740
+ }
2741
+
2742
+ to {
2743
+ transform: translateX(100%);
2744
+ }
2745
+ }
2746
+
2747
+ .fox-popover-dialog {
2748
+ position: var(--fox-popover-dialog-position, fixed);
2749
+ color: var(--fox-popover-dialog-color, var(--fox-title-color, var(--el-text-color-primary)));
2750
+ background: var(--fox-popover-dialog-background-color, var(--fox-white, var(--el-color-white)));
2751
+ border: 1px solid var(--fox-border-color-lighter, var(--el-border-color-lighter));
2752
+ border-radius: var(--fox-popover-dialog-border-radius, 4px);
2753
+ box-shadow: var(--fox-box-shadow-light, var(--el-box-shadow-light));
2754
+ box-sizing: border-box;
2755
+ min-width: var(--fox-popover-dialog-min-width, 0px);
2756
+ padding: var(--fox-popover-dialog-padding, 12px);
2757
+ z-index: var(--fox-popover-dialog-z-index, 2000);
2758
+ animation-duration: .3s;
2759
+ animation-timing-function: linear;
2760
+ animation-iteration-count: 1;
2761
+ animation-fill-mode: forwards;
2762
+ }
2763
+
2764
+ .fox-popover-dialog__title {
2765
+ font-size: var(--fox-popover-dialog-title-font-size, var(--fox-font-size-medium, var(--el-font-size-medium)));
2766
+ margin-bottom: 12px;
2767
+ line-height: 1;
2768
+ }
2769
+
2770
+ .fox-popover-dialog__content {
2771
+ font-size: var(--fox-popover-dialog-content-font-size, var(--fox-font-size-base, var(--el-font-size-base)));
2772
+ line-height: 1;
2773
+ }
2774
+
2775
+ .fox-popover-dialog__arrow {
2776
+ height: var(--fox-popover-dialog-arrow-size, var(--fox-font-size-small, var(--el-font-size-small)));
2777
+ width: var(--fox-popover-dialog-arrow-size, var(--fox-font-size-small, var(--el-font-size-small)));
2778
+ background: var(--fox-popover-dialog-background-color, var(--fox-white, var(--el-color-white)));
2779
+ z-index: -1;
2780
+ clip-path: polygon(0% 50%, 50% 0%, 100% 50%, 50% 100%);
2781
+ position: absolute;
2782
+ }
2783
+
2784
+ .fox-popover-dialog__overlay {
2785
+ position: var(--fox-popover-dialog-position, fixed);
2786
+ width: 100%;
2787
+ height: 100%;
2788
+ z-index: var(--fox-popover-dialog-z-index, 2000);
2789
+ background-color: var(--fox-popover-dialog-overlay-background-color, transparent);
2790
+ top: 0;
2791
+ left: 0;
2792
+ }
2793
+
2794
+ .fox-popover-dialog.is-opacity {
2795
+ opacity: 0;
2796
+ }
2797
+
2798
+ .fox-popover-dialog.is-show {
2799
+ animation-name: popover-show;
2800
+ }
2801
+
2802
+ .fox-popover-dialog.is-hide {
2803
+ animation-name: popover-hide;
2804
+ }
2805
+
2806
+ .fox-popover-dialog.is-dark {
2807
+ color: var(--fox-popover-dialog-dark-color, var(--fox-white, var(--el-color-white)));
2808
+ background: var(--fox-popover-dialog-background-color-dark, var(--fox-title-color, var(--el-text-color-primary)));
2809
+ border: 1px solid var(--fox-border-color-light, var(--el-border-color-light));
2810
+ }
2811
+
2812
+ .fox-popover-dialog.is-dark .fox-popover-dialog__arrow {
2813
+ background: var(--fox-popover-dialog-background-color-dark, var(--fox-title-color, var(--el-text-color-primary)));
2814
+ }
2815
+
2816
+ @keyframes popover-show {
2817
+ 0% {
2818
+ opacity: 0;
2819
+ }
2820
+
2821
+ 100% {
2822
+ opacity: 1;
2823
+ }
2824
+ }
2825
+
2826
+ @keyframes popover-hide {
2827
+ 0% {
2828
+ opacity: 1;
2829
+ }
2830
+
2831
+ 100% {
2832
+ opacity: 0;
2833
+ }
2834
+ }
2835
+
2836
+ .fox-picker__popup {
2837
+ left: calc((100% - var(--fox-picker-width, 40%)) / 2) !important;
2838
+ width: var(--fox-picker-width, 40%) !important;
2839
+ }
2840
+
2841
+ .fox-picker__bar {
2842
+ flex-flow: row;
2843
+ justify-content: center;
2844
+ align-items: center;
2845
+ width: 100%;
2846
+ height: 56px;
2847
+ display: flex;
2848
+ position: relative;
2849
+ }
2850
+
2851
+ .fox-picker__bar__action {
2852
+ width: 100%;
2853
+ height: 100%;
2854
+ position: absolute;
2855
+ }
2856
+
2857
+ .fox-picker__button {
2858
+ cursor: pointer;
2859
+ padding: var(--fox-picker-bar-button-padding, 0 15px);
2860
+ justify-content: center;
2861
+ align-items: center;
2862
+ min-width: 50px;
2863
+ height: 100%;
2864
+ display: flex;
2865
+ }
2866
+
2867
+ .fox-picker__title {
2868
+ text-align: center;
2869
+ font-size: var(--fox-picker-bar-title-font-size, var(--fox-font-size-medium, var(--el-font-size-medium)));
2870
+ font-weight: var(--fox-picker-bar-title-font-weight, normal);
2871
+ color: var(--fox-picker-bar-title-color, var(--fox-title-color, var(--el-text-color-primary)));
2872
+ }
2873
+
2874
+ .fox-picker__left {
2875
+ float: left;
2876
+ color: var(--fox-picker-cancel-color, var(--fox-text-color-regular, var(--el-text-color-regular)));
2877
+ font-size: var(--fox-picker-bar-cancel-font-size, var(--fox-font-size-base, var(--el-font-size-base)));
2878
+ }
2879
+
2880
+ .fox-picker__right {
2881
+ float: right;
2882
+ color: var(--fox-picker-ok-color, var(--fox-color-primary, var(--el-color-primary)));
2883
+ font-size: var(--fox-picker-bar-ok-font-size, var(--fox-font-size-base, var(--el-font-size-base)));
2884
+ }
2885
+
2886
+ .fox-picker__hairline {
2887
+ height: var(--fox-picker-item-height, 36px);
2888
+ border: var(--fox-picker-item-active-line-border, 1px solid var(--fox-border-color-light, var(--el-border-color-light)));
2889
+ border-left: 0;
2890
+ border-right: 0;
2891
+ width: 100%;
2892
+ position: absolute;
2893
+ }
2894
+
2895
+ .fox-picker__mask {
2896
+ z-index: 1;
2897
+ pointer-events: none;
2898
+ background-image: linear-gradient(#ffffffe6, #fff6), linear-gradient(0deg, #ffffffe6, #fff6);
2899
+ background-position: top, bottom;
2900
+ background-repeat: no-repeat;
2901
+ width: 100%;
2902
+ height: 100%;
2903
+ position: absolute;
2904
+ top: 0;
2905
+ left: 0;
2906
+ transform: translateZ(0);
2907
+ }
2908
+
2909
+ .fox-picker__list {
2910
+ text-align: center;
2911
+ display: block;
2912
+ position: relative;
2913
+ overflow-y: hidden;
2914
+ }
2915
+
2916
+ .fox-picker__list:hover {
2917
+ cursor: grab;
2918
+ }
2919
+
2920
+ .fox-picker__column {
2921
+ display: flex;
2922
+ position: relative;
2923
+ }
2924
+
2925
+ .fox-picker__columnitem {
2926
+ flex-grow: 1;
2927
+ width: 0;
2928
+ height: 100%;
2929
+ }
2930
+
2931
+ .fox-picker__content {
2932
+ transform-style: preserve-3d;
2933
+ display: block;
2934
+ }
2935
+
2936
+ .fox-picker__content-roller {
2937
+ width: 100%;
2938
+ height: var(--fox-picker-item-height, 36px);
2939
+ position: absolute;
2940
+ }
2941
+
2942
+ .fox-picker__item {
2943
+ backface-visibility: hidden;
2944
+ width: 100%;
2945
+ height: var(--fox-picker-item-height, 36px);
2946
+ line-height: var(--fox-picker-item-height, 36px);
2947
+ color: var(--fox-picker-item-text-color, var(--fox-title-color, var(--el-text-color-primary)));
2948
+ font-size: var(--fox-picker-item-text-font-size, var(--fox-font-size-base, var(--el-font-size-base)));
2949
+ text-overflow: ellipsis;
2950
+ white-space: nowrap;
2951
+ display: block;
2952
+ position: absolute;
2953
+ top: 0;
2954
+ overflow: hidden;
2955
+ }
2956
+
2957
+ .fox-picker__item-hidden {
2958
+ visibility: hidden;
2959
+ opacity: 0;
2960
+ }
2961
+
2962
+ .fox-picker__item-tile {
2963
+ height: var(--fox-picker-item-height, 36px);
2964
+ line-height: var(--fox-picker-item-height, 36px);
2965
+ color: var(--fox-picker-item-text-color, var(--fox-title-color, var(--el-text-color-primary)));
2966
+ font-size: var(--fox-picker-item-text-font-size, var(--fox-font-size-base, var(--el-font-size-base)));
2967
+ text-overflow: ellipsis;
2968
+ white-space: nowrap;
2969
+ justify-content: center;
2970
+ align-items: center;
2971
+ display: flex;
2972
+ overflow: hidden;
2973
+ }
2974
+
2975
+ .fox-picker__item-tarotile {
2976
+ width: 100%;
2977
+ color: var(--fox-picker-item-text-color, var(--fox-title-color, var(--el-text-color-primary)));
2978
+ font-size: var(--fox-picker-item-text-font-size, var(--fox-font-size-base, var(--el-font-size-base)));
2979
+ text-overflow: ellipsis;
2980
+ white-space: nowrap;
2981
+ flex-direction: column;
2982
+ justify-content: center;
2983
+ align-items: center;
2984
+ display: flex;
2985
+ overflow: hidden;
2986
+ }
2987
+
2988
+ .fox-theme-dark .fox-calendar, .fox-theme-dark .fox-calendar .fox-calendar__header {
2989
+ background: var(--fox-dark-background, #131313);
2990
+ color: var(--fox-dark-color, var(--fox-white, var(--el-color-white)));
2991
+ }
2992
+
2993
+ .fox-theme-dark .fox-calendar .fox-calendar__content .fox-calendar__panel .fox-calendar__days .calendar-month-day-choose {
2994
+ background-color: var(--fox-dark-calendar-choose-color, #e3e3e333);
2995
+ color: var(--fox-calendar-choose-font-color, var(--fox-color-primary, var(--el-color-primary)));
2996
+ }
2997
+
2998
+ .fox-theme-dark .fox-calendar .fox-calendar__footer {
2999
+ background: var(--fox-dark-background-2, #1b1b1b);
3000
+ color: var(--fox-dark-color, var(--fox-white, var(--el-color-white)));
3001
+ }
3002
+
3003
+ .fox-calendar {
3004
+ color: #333;
3005
+ background-color: var(--fox-white, var(--el-color-white));
3006
+ flex-direction: column;
3007
+ flex: 1;
3008
+ height: 100%;
3009
+ font-size: 16px;
3010
+ display: flex;
3011
+ position: relative;
3012
+ overflow: hidden;
3013
+ }
3014
+
3015
+ .fox-calendar.fox-calendar--nopop .fox-calendar__header .fox-calendar__header-title {
3016
+ font-size: var(--fox-calendar-base-font, var(--fox-font-size-medium, var(--el-font-size-medium)));
3017
+ }
3018
+
3019
+ .fox-calendar .popup-box {
3020
+ height: 100%;
3021
+ }
3022
+
3023
+ .fox-calendar .fox-calendar__content {
3024
+ overflow-y: auto;
3025
+ }
3026
+
3027
+ .fox-calendar ::-webkit-scrollbar {
3028
+ display: none;
3029
+ }
3030
+
3031
+ .fox-calendar__popup {
3032
+ height: var(--fox-calendar-popup-height, 85vh);
3033
+ padding-bottom: constant(safe-area-inset-bottom);
3034
+ padding-bottom: env(safe-area-inset-bottom);
3035
+ left: calc((100% - var(--fox-calendar-width, 40%)) / 2) !important;
3036
+ width: var(--fox-calendar-width, 40%) !important;
3037
+ }
3038
+
3039
+ .fox-calendar__header {
3040
+ text-align: center;
3041
+ background-color: var(--fox-white, var(--el-color-white));
3042
+ flex-direction: column;
3043
+ padding-top: 1px;
3044
+ display: flex;
3045
+ }
3046
+
3047
+ .fox-calendar__header .fox-calendar__header-title {
3048
+ font-size: var(--fox-calendar-title-font, var(--fox-font-size-large, var(--el-font-size-large)));
3049
+ font-weight: var(--fox-calendar-title-font-weight, 500);
3050
+ line-height: 44px;
3051
+ }
3052
+
3053
+ .fox-calendar__header .fox-calendar__header-slot {
3054
+ min-height: 24px;
3055
+ }
3056
+
3057
+ .fox-calendar__header .fox-calendar__header-subtitle {
3058
+ line-height: 22px;
3059
+ font-size: var(--fox-calendar-sub-title-font, var(--fox-font-size-base, var(--el-font-size-base)));
3060
+ padding: 7px 0;
3061
+ }
3062
+
3063
+ .fox-calendar__header .fox-calendar__weekdays {
3064
+ border-radius: 0 0 12px 12px;
3065
+ justify-content: space-around;
3066
+ align-items: center;
3067
+ height: 36px;
3068
+ display: flex;
3069
+ box-shadow: 0 4px 10px #0000000f;
3070
+ }
3071
+
3072
+ .fox-calendar__header .fox-calendar__weekdays .fox-calendar__weekday:first-of-type, .fox-calendar__header .fox-calendar__weekdays .fox-calendar__weekday:last-of-type {
3073
+ color: var(--fox-calendar-day67-font-color, var(--fox-color-primary, var(--el-color-primary)));
3074
+ }
3075
+
3076
+ .fox-calendar__content {
3077
+ flex: 1;
3078
+ width: 100%;
3079
+ display: block;
3080
+ }
3081
+
3082
+ .fox-calendar__content .fox-calendar__panel {
3083
+ box-sizing: border-box;
3084
+ width: 100%;
3085
+ height: auto;
3086
+ display: block;
3087
+ position: relative;
3088
+ }
3089
+
3090
+ .fox-calendar__content .fox-calendar__panel .fox-calendar__body {
3091
+ display: block;
3092
+ }
3093
+
3094
+ .fox-calendar__content .fox-calendar__panel .fox-calendar__month {
3095
+ text-align: center;
3096
+ flex-direction: column;
3097
+ display: flex;
3098
+ }
3099
+
3100
+ .fox-calendar__content .fox-calendar__panel div:nth-of-type(2) .fox-calendar__month-title {
3101
+ padding-top: 0;
3102
+ }
3103
+
3104
+ .fox-calendar__content .fox-calendar__panel .calendar-loading-tip {
3105
+ text-align: center;
3106
+ height: 50px;
3107
+ line-height: 50px;
3108
+ font-size: var(--fox-calendar-text-font, var(--fox-font-size-small, var(--el-font-size-small)));
3109
+ color: var(--fox-text-color-regular, var(--el-text-color-regular));
3110
+ position: absolute;
3111
+ top: -50px;
3112
+ left: 0;
3113
+ right: 0;
3114
+ }
3115
+
3116
+ .fox-calendar__content .fox-calendar__panel .fox-calendar__month-title {
3117
+ height: 23px;
3118
+ line-height: 23px;
3119
+ font-size: var(--fox-calendar-month-title-font-size, inherit);
3120
+ margin: 8px 0;
3121
+ }
3122
+
3123
+ .fox-calendar__content .fox-calendar__panel .fox-calendar__days {
3124
+ overflow: hidden;
3125
+ }
3126
+
3127
+ .fox-calendar__content .fox-calendar__panel .fox-calendar__days .fox-calendar__days-item .fox-calendar__day:nth-child(7n), .fox-calendar__content .fox-calendar__panel .fox-calendar__days .fox-calendar__days-item .fox-calendar__day:nth-child(7n+1) {
3128
+ color: var(--fox-calendar-day67-font-color, var(--fox-color-primary, var(--el-color-primary)));
3129
+ }
3130
+
3131
+ .fox-calendar__content .fox-calendar__panel .fox-calendar__days .fox-calendar__day {
3132
+ float: left;
3133
+ width: 14.28%;
3134
+ height: 64px;
3135
+ font-weight: var(--fox-calendar-day-font-weight, 500);
3136
+ flex-direction: column;
3137
+ justify-content: center;
3138
+ align-items: center;
3139
+ display: flex;
3140
+ position: relative;
3141
+ }
3142
+
3143
+ .fox-calendar__content .fox-calendar__panel .fox-calendar__days .fox-calendar__day .fox-calendar__day-tips {
3144
+ width: 100%;
3145
+ position: absolute;
3146
+ }
3147
+
3148
+ .fox-calendar__content .fox-calendar__panel .fox-calendar__days .fox-calendar__day .fox-calendar__day-tips--curr {
3149
+ width: 100%;
3150
+ font-size: var(--fox-font-size-small, var(--el-font-size-small));
3151
+ line-height: 1.2;
3152
+ position: absolute;
3153
+ bottom: 6px;
3154
+ }
3155
+
3156
+ .fox-calendar__content .fox-calendar__panel .fox-calendar__days .fox-calendar__day .fox-calendar__day-tip {
3157
+ width: 100%;
3158
+ font-size: var(--fox-font-size-small, var(--el-font-size-small));
3159
+ color: var(--fox-calendar-primary-color, var(--fox-color-primary, var(--el-color-primary)));
3160
+ line-height: 1.2;
3161
+ position: absolute;
3162
+ bottom: 6px;
3163
+ }
3164
+
3165
+ .fox-calendar__content .fox-calendar__panel .fox-calendar__days .fox-calendar__day .fox-calendar__day-tips--top {
3166
+ top: 6px;
3167
+ }
3168
+
3169
+ .fox-calendar__content .fox-calendar__panel .fox-calendar__days .fox-calendar__day .fox-calendar__day-tips--bottom {
3170
+ bottom: 6px;
3171
+ }
3172
+
3173
+ .fox-calendar__content .fox-calendar__panel .fox-calendar__days .fox-calendar__day--active {
3174
+ background-color: var(--fox-calendar-primary-color, var(--fox-color-primary, var(--el-color-primary)));
3175
+ border-radius: var(--fox-calendar-day-active-border-radius, 0px);
3176
+ color: var(--fox-white, var(--el-color-white)) !important;
3177
+ }
3178
+
3179
+ .fox-calendar__content .fox-calendar__panel .fox-calendar__days .fox-calendar__day--active .fox-calendar__day-tips, .fox-calendar__content .fox-calendar__panel .fox-calendar__days .fox-calendar__day--active .fox-calendar__day-tips--curr {
3180
+ visibility: hidden;
3181
+ }
3182
+
3183
+ .fox-calendar__content .fox-calendar__panel .fox-calendar__days .fox-calendar__day--active .fox-calendar__day-tip {
3184
+ color: var(--fox-white, var(--el-color-white));
3185
+ }
3186
+
3187
+ .fox-calendar__content .fox-calendar__panel .fox-calendar__days .fox-calendar__day--disabled {
3188
+ color: var(--fox-calendar-disable-color, var(--fox-disable-color, var(--el-text-color-disabled))) !important;
3189
+ }
3190
+
3191
+ .fox-calendar__content .fox-calendar__panel .fox-calendar__days .fox-calendar__day--choose {
3192
+ color: var(--fox-calendar-choose-font-color, var(--fox-color-primary, var(--el-color-primary)));
3193
+ }
3194
+
3195
+ .fox-calendar__content .fox-calendar__panel .fox-calendar__days .fox-calendar__day--choose:after {
3196
+ background-color: var(--fox-calendar-choose-color, var(--fox-color-primary, var(--el-color-primary)));
3197
+ opacity: .09;
3198
+ content: "";
3199
+ position: absolute;
3200
+ inset: 0;
3201
+ }
3202
+
3203
+ .fox-calendar__content .fox-calendar__panel .fox-calendar__days .fox-calendar__day .fox-calendar__day-value {
3204
+ font-size: var(--fox-calendar-day-font, var(--fox-font-size-medium, var(--el-font-size-medium)));
3205
+ padding: 2px 0;
3206
+ }
3207
+
3208
+ .fox-calendar__footer {
3209
+ height: calc(62px + constant(safe-area-inset-bottom));
3210
+ height: calc(62px + env(safe-area-inset-buttom));
3211
+ padding-bottom: constant(safe-area-inset-bottom);
3212
+ padding-bottom: env(safe-area-inset-bottom);
3213
+ background-color: var(--fox-white, var(--el-color-white));
3214
+ width: 100%;
3215
+ display: flex;
3216
+ }
3217
+
3218
+ .fox-calendar__footer .fox-calendar__confirm {
3219
+ height: var(--fox-calendar-footer-button-height, 44px);
3220
+ width: var(--fox-calendar-footer-button-min-width, 100%);
3221
+ background: var(--fox-calendar-footer-button-background-color, var(--fox-color-primary, var(--el-color-primary)));
3222
+ color: var(--fox-white, var(--el-color-white));
3223
+ text-align: center;
3224
+ line-height: var(--fox-calendar-footer-button-height, 44px);
3225
+ border-radius: 22px;
3226
+ margin: 10px 18px;
3227
+ }
3228
+
3229
+ .fox-theme-dark .fox-cascader__bar {
3230
+ background: var(--fox-dark-background-2, #1b1b1b);
3231
+ color: var(--fox-dark-color, var(--fox-white, var(--el-color-white)));
3232
+ }
3233
+
3234
+ .fox-theme-dark .fox-tabs-bar__titles {
3235
+ background: var(--fox-dark-background-3, #141414) !important;
3236
+ }
3237
+
3238
+ .fox-theme-dark .fox-cascader-item {
3239
+ color: var(--fox-dark-color-gray, var(--fox-text-color-regular, var(--el-text-color-regular)));
3240
+ }
3241
+
3242
+ .fox-cascader {
3243
+ width: 100%;
3244
+ font-size: var(--fox-cascader-font-size, var(--fox-font-size-base, var(--el-font-size-base)));
3245
+ line-height: var(--fox-cascader-line-height, 22px);
3246
+ }
3247
+
3248
+ .fox-cascader .fox-tabs-bar__titles {
3249
+ background: var(--fox-cascader-tabs-titles-background-color, var(--fox-white, var(--el-color-white)));
3250
+ }
3251
+
3252
+ .fox-cascader .fox-tabs-bar__titles-item {
3253
+ min-width: auto;
3254
+ padding: var(--fox-cascader-tabs-titles-item-padding, 0 10px);
3255
+ white-space: nowrap;
3256
+ margin: 0;
3257
+ }
3258
+
3259
+ .fox-cascader__popup {
3260
+ padding-bottom: constant(safe-area-inset-bottom);
3261
+ padding-bottom: env(safe-area-inset-bottom);
3262
+ overflow-y: hidden;
3263
+ left: calc((100% - var(--fox-cascader-width, 40%)) / 2) !important;
3264
+ width: var(--fox-cascader-width, 40%) !important;
3265
+ }
3266
+
3267
+ .fox-cascader__bar {
3268
+ padding: var(--fox-cascader-bar-padding, 24px 20px 12px 20px);
3269
+ flex-flow: column;
3270
+ justify-content: center;
3271
+ align-items: flex-start;
3272
+ row-gap: 8px;
3273
+ display: flex;
3274
+ }
3275
+
3276
+ .fox-cascader__bar.is-empty {
3277
+ padding: 4px;
3278
+ }
3279
+
3280
+ .fox-cascader__bar-title {
3281
+ width: 100%;
3282
+ text-align: var(--fox-cascader-bar-title-align, center);
3283
+ font-weight: var(--fox-cascader-bar-title-font-weight, bold);
3284
+ line-height: var(--fox-cascader-bar-title-line-height, 1.5);
3285
+ color: var(--fox-cascader-bar-title-color, var(--fox-title-color, var(--el-text-color-primary)));
3286
+ font-size: var(--fox-cascader-bar-title-font-size, var(--fox-font-size-large, var(--el-font-size-large)));
3287
+ }
3288
+
3289
+ .fox-cascader__bar-search {
3290
+ --fox-searchbar-padding: 0px;
3291
+ --fox-searchbar-input-border-radius: var(--fox-cascader-bar-border-radius, 12px);
3292
+ --fox-searchbar-input-background: var(--fox-cascader-bar-searchbar-background, var(--fox-fill-color-base, var(--el-fill-color)));
3293
+ --fox-searchbar-input-box-shadow: var(--fox-cascader-bar-searchbar-box-shadow, none);
3294
+ }
3295
+
3296
+ .fox-cascader__bar-search-icon {
3297
+ width: var(--fox-cascader-bar-searchbar-icon-size, 16px) !important;
3298
+ height: var(--fox-cascader-bar-searchbar-icon-size, 16px) !important;
3299
+ color: var(--fox-cascader-bar-searchbar-background, var(--fox-text-color--secondary, var(--el-text-color-secondary))) !important;
3300
+ }
3301
+
3302
+ .fox-cascader__pane {
3303
+ -webkit-overflow-scrolling: touch;
3304
+ width: 100%;
3305
+ height: 342px;
3306
+ margin: 0;
3307
+ padding: 10px 0 0;
3308
+ display: block;
3309
+ overflow-y: auto;
3310
+ }
3311
+
3312
+ .fox-cascader__pane::-webkit-scrollbar {
3313
+ background: none;
3314
+ width: 0;
3315
+ display: none;
3316
+ }
3317
+
3318
+ .fox-cascader__item {
3319
+ padding: var(--fox-cascader-item-padding, 10px 20px);
3320
+ cursor: pointer;
3321
+ font-size: var(--fox-cascader-item-font-size, var(--fox-font-size-base, var(--el-font-size-base)));
3322
+ color: var(--fox-cascader-item-color, var(--fox-title-color, var(--el-text-color-primary)));
3323
+ align-items: center;
3324
+ margin: 0;
3325
+ display: flex;
3326
+ }
3327
+
3328
+ .fox-cascader__item__title {
3329
+ flex: 1;
3330
+ }
3331
+
3332
+ .fox-cascader__item__icon-check {
3333
+ visibility: hidden;
3334
+ margin-left: 10px;
3335
+ }
3336
+
3337
+ .fox-cascader__item__icon-loading {
3338
+ margin-left: 10px;
3339
+ }
3340
+
3341
+ .fox-cascader__item.active:not(.disabled) {
3342
+ color: var(--fox-cascader-item-active-color, var(--fox-color-primary, var(--el-color-primary)));
3343
+ }
3344
+
3345
+ .fox-cascader__item.active .fox-cascader__item__icon-check {
3346
+ visibility: visible;
3347
+ color: var(--fox-cascader-item-active-color, var(--fox-color-primary, var(--el-color-primary)));
3348
+ }
3349
+
3350
+ .fox-cascader__item.disabled {
3351
+ opacity: .6;
3352
+ cursor: not-allowed;
3353
+ }
3354
+
3355
+ .fox-dialog-item.hide-header .el-dialog__header {
3356
+ display: none !important;
3357
+ }
3358
+
3359
+ .fox-dialog-item > .el-dialog__body {
3360
+ height: var(--fox-dialog-item-body-height, auto);
3361
+ }
3362
+
3363
+ .overlay-fade-enter-active, .overlay-fade-leave-active {
3364
+ transition-property: opacity;
3365
+ transition-timing-function: ease;
3366
+ }
3367
+
3368
+ .overlay-fade-enter-from, .overlay-fade-leave-to {
3369
+ opacity: 0;
3370
+ }
3371
+
3372
+ .fox-overlay {
3373
+ background: var(--fox-overlay-bg-color, var(--el-overlay-color-light));
3374
+ width: 100%;
3375
+ height: 100%;
3376
+ position: fixed;
3377
+ top: 0;
3378
+ left: 0;
3379
+ }
3380
+
3381
+ .fox-overflow-hidden {
3382
+ overflow: hidden !important;
3383
+ }
3384
+
3385
+ .fox-theme-dark .fox-popup {
3386
+ background: var(--fox-dark-background-2, #1b1b1b);
3387
+ }
3388
+
3389
+ .fox-theme-dark .fox-popup__close-icon {
3390
+ color: var(--fox-dark-color, var(--fox-white, var(--el-color-white)));
3391
+ }
3392
+
3393
+ .fox-popup-slide-center-enter-active, .fox-popup-slide-center-leave-active {
3394
+ transition-property: opacity;
3395
+ transition-timing-function: ease;
3396
+ }
3397
+
3398
+ .fox-popup-slide-center-enter-from, .fox-popup-slide-center-leave-to {
3399
+ opacity: 0;
3400
+ }
3401
+
3402
+ .fox-popup-slide-top-enter-from, .fox-popup-slide-top-leave-active {
3403
+ transform: translate(0, -100%);
3404
+ }
3405
+
3406
+ .fox-popup-slide-right-enter-from, .fox-popup-slide-right-leave-active {
3407
+ transform: translate(100%);
3408
+ }
3409
+
3410
+ .fox-popup-slide-bottom-enter-from, .fox-popup-slide-bottom-leave-active {
3411
+ transform: translate(0, 100%);
3412
+ }
3413
+
3414
+ .fox-popup-slide-left-enter-from, .fox-popup-slide-left-leave-active {
3415
+ transform: translate(-100%);
3416
+ }
3417
+
3418
+ .fox-popup--center {
3419
+ top: 50vh;
3420
+ left: 50vw;
3421
+ transform: translate(-50%, -50%);
3422
+ }
3423
+
3424
+ .fox-popup--center.round {
3425
+ border-radius: var(--fox-popup-border-radius, 20px);
3426
+ }
3427
+
3428
+ .fox-popup--bottom {
3429
+ width: 100vw;
3430
+ bottom: 0;
3431
+ left: 0;
3432
+ }
3433
+
3434
+ .fox-popup--bottom.round {
3435
+ border-radius: var(--fox-popup-border-radius, 20px) var(--fox-popup-border-radius, 20px) 0 0;
3436
+ }
3437
+
3438
+ .fox-popup--bottom--safebottom {
3439
+ padding-bottom: constant(safe-area-inset-bottom);
3440
+ padding-bottom: env(safe-area-inset-bottom);
3441
+ }
3442
+
3443
+ .fox-popup--right {
3444
+ top: 0;
3445
+ right: 0;
3446
+ }
3447
+
3448
+ .fox-popup--right.round {
3449
+ border-radius: var(--fox-popup-border-radius, 20px) 0 0 var(--fox-popup-border-radius, 20px);
3450
+ }
3451
+
3452
+ .fox-popup--left {
3453
+ top: 0;
3454
+ left: 0;
3455
+ }
3456
+
3457
+ .fox-popup--left.round {
3458
+ border-radius: 0 var(--fox-popup-border-radius, 20px) var(--fox-popup-border-radius, 20px) 0;
3459
+ }
3460
+
3461
+ .fox-popup--top {
3462
+ width: 100vw;
3463
+ top: 0;
3464
+ left: 0;
3465
+ }
3466
+
3467
+ .fox-popup--top.round {
3468
+ border-radius: 0 0 var(--fox-popup-border-radius, 20px) var(--fox-popup-border-radius, 20px);
3469
+ }
3470
+
3471
+ .fox-popup {
3472
+ background-color: var(--fox-white, var(--el-color-white));
3473
+ -webkit-overflow-scrolling: touch;
3474
+ max-height: 100%;
3475
+ position: fixed;
3476
+ overflow-y: auto;
3477
+ }
3478
+
3479
+ .fox-popup__close-icon {
3480
+ z-index: 1;
3481
+ color: #969799;
3482
+ cursor: pointer;
3483
+ text-align: center;
3484
+ width: 30px;
3485
+ height: 30px;
3486
+ font-size: 18px;
3487
+ line-height: 30px;
3488
+ position: absolute !important;
3489
+ }
3490
+
3491
+ .fox-popup__close-icon > svg {
3492
+ width: var(--fox-popup-close-icon-size, var(--fox-font-size-small, var(--el-font-size-small)));
3493
+ height: var(--fox-popup-close-icon-size, var(--fox-font-size-small, var(--el-font-size-small)));
3494
+ }
3495
+
3496
+ .fox-popup__close-icon:active {
3497
+ opacity: .7;
3498
+ }
3499
+
3500
+ .fox-popup__close-icon--top-left {
3501
+ top: var(--fox-popup-close-icon-margin, 16px);
3502
+ left: var(--fox-popup-close-icon-margin, 16px);
3503
+ }
3504
+
3505
+ .fox-popup__close-icon--top-right {
3506
+ top: var(--fox-popup-close-icon-margin, 16px);
3507
+ right: var(--fox-popup-close-icon-margin, 16px);
3508
+ }
3509
+
3510
+ .fox-popup__close-icon--bottom-left {
3511
+ bottom: var(--fox-popup-close-icon-margin, 16px);
3512
+ left: var(--fox-popup-close-icon-margin, 16px);
3513
+ }
3514
+
3515
+ .fox-popup__close-icon--bottom-right {
3516
+ right: var(--fox-popup-close-icon-margin, 16px);
3517
+ bottom: var(--fox-popup-close-icon-margin, 16px);
3518
+ }
3519
+
3520
+ .fox-toast {
3521
+ text-align: center;
3522
+ pointer-events: none;
3523
+ z-index: 9999;
3524
+ width: 100%;
3525
+ font-family: var(--fox-font-family, PingFang SC, Microsoft YaHei, Helvetica, Hiragino Sans GB, SimSun, sans-serif);
3526
+ position: fixed;
3527
+ bottom: 150px;
3528
+ left: 0;
3529
+ }
3530
+
3531
+ .fox-toast-small .fox-toast-inner {
3532
+ font-size: var(--fox-font-size-small, var(--el-font-size-small));
3533
+ }
3534
+
3535
+ .fox-toast-large .fox-toast-inner {
3536
+ font-size: var(--fox-font-size-large, var(--el-font-size-large));
3537
+ }
3538
+
3539
+ .fox-toast-cover {
3540
+ pointer-events: auto;
3541
+ background: var(--fox-toast-cover-bg-color, transparent);
3542
+ justify-content: center;
3543
+ align-items: center;
3544
+ height: 100%;
3545
+ display: flex;
3546
+ }
3547
+
3548
+ .fox-toast-inner {
3549
+ font-size: var(--fox-toast-text-font-size, var(--fox-font-size-base, var(--el-font-size-base)));
3550
+ text-align: center;
3551
+ min-width: 40%;
3552
+ max-width: 65%;
3553
+ padding: var(--fox-toast-inner-padding, 24px 30px);
3554
+ word-break: break-all;
3555
+ background: var(--fox-toast-inner-bg-color, var(--fox-overlay-text-bg-color, var(--el-overlay-color)));
3556
+ border-radius: var(--fox-toast-inner-border-radius, 12px);
3557
+ color: var(--fox-toast-font-color, var(--fox-white, var(--el-color-white)));
3558
+ display: inline-block;
3559
+ }
3560
+
3561
+ .fox-toast-text {
3562
+ font-size: var(--fox-toast-text-font-size, var(--fox-font-size-base, var(--el-font-size-base)));
3563
+ }
3564
+
3565
+ .fox-toast-text:empty {
3566
+ margin-bottom: -8px;
3567
+ }
3568
+
3569
+ .fox-toast-title {
3570
+ font-size: var(--fox-toast-title-font-size, var(--fox-font-size-medium, var(--el-font-size-medium)));
3571
+ }
3572
+
3573
+ .fox-toast-title:empty {
3574
+ margin-bottom: -8px;
3575
+ }
3576
+
3577
+ .fox-toast-has-icon .fox-toast-icon-wrapper {
3578
+ justify-content: center;
3579
+ align-items: center;
3580
+ width: 100%;
3581
+ margin-bottom: 8px;
3582
+ display: flex;
3583
+ }
3584
+
3585
+ .fox-toast-center {
3586
+ top: 50%;
3587
+ transform: translateY(-50%);
3588
+ }
3589
+
3590
+ .fox-toast-loading .fox-toast-inner {
3591
+ flex-direction: column;
3592
+ justify-content: center;
3593
+ align-items: center;
3594
+ display: inline-flex;
3595
+ }
3596
+
3597
+ .fox-toast-loading .fox-toast-icon-wrapper {
3598
+ animation: 2s linear infinite rotation;
3599
+ }
3600
+
3601
+ .fox-toast-loading .fox-toast-icon-no-animation {
3602
+ animation: none;
3603
+ }
3604
+
3605
+ .toast-fade-enter-active, .toast-fade-leave-active {
3606
+ transition: opacity .3s;
3607
+ }
3608
+
3609
+ .toast-fade-enter-from, .toast-fade-leave-to {
3610
+ opacity: 0;
3611
+ }
3612
+
3613
+ .fox-theme-dark .fox-searchbar {
3614
+ background: var(--fox-dark-background, #131313);
3615
+ }
3616
+
3617
+ .fox-theme-dark .fox-searchbar__search-label, .fox-theme-dark .fox-searchbar .fox-searchbar__input-clear .fox-searchbar__fox-icon-mask-close {
3618
+ color: var(--fox-dark-color, var(--fox-white, var(--el-color-white)));
3619
+ }
3620
+
3621
+ .fox-theme-dark .fox-searchbar .fox-searchbar__input-clear .fox-searchbar__fox-icon-mask-close:hover {
3622
+ cursor: pointer;
3623
+ color: var(--fox-dark-color, var(--fox-white, var(--el-color-white)));
3624
+ }
3625
+
3626
+ .fox-theme-dark .fox-searchbar__right-search-icon, .fox-theme-dark .fox-searchbar__left-search-icon {
3627
+ color: var(--fox-dark-color, var(--fox-white, var(--el-color-white)));
3628
+ }
3629
+
3630
+ .fox-searchbar {
3631
+ width: var(--fox-searchbar-width, 100%);
3632
+ padding: var(--fox-searchbar-padding, 9px 16px);
3633
+ background: var(--fox-searchbar-background, var(--fox-white, var(--el-color-white)));
3634
+ box-sizing: border-box;
3635
+ color: var(--fox-searchbar-input-bar-color, inherit);
3636
+ align-items: center;
3637
+ display: flex;
3638
+ }
3639
+
3640
+ .fox-searchbar::placeholder {
3641
+ color: var(--fox-searchbar-input-bar-placeholder-color, inherit);
3642
+ }
3643
+
3644
+ .fox-searchbar__search-label {
3645
+ color: #323233;
3646
+ padding: 0 5px;
3647
+ }
3648
+
3649
+ .fox-searchbar__search-input {
3650
+ width: var(--fox-searchbar-input-width, 100%);
3651
+ height: var(--fox-searchbar-input-height, 32px);
3652
+ padding: var(--fox-searchbar-input-padding, 0 0 0 13px);
3653
+ border-radius: var(--fox-searchbar-input-border-radius, 16px);
3654
+ box-shadow: var(--fox-searchbar-input-box-shadow, var(--fox-box-shadow-lighter, var(--el-box-shadow-lighter)));
3655
+ background: var(--fox-searchbar-input-background, var(--fox-fill-color-base, var(--el-fill-color)));
3656
+ box-sizing: border-box;
3657
+ flex: 1;
3658
+ align-items: center;
3659
+ display: flex;
3660
+ }
3661
+
3662
+ .fox-searchbar__search-input.square {
3663
+ border-radius: 0;
3664
+ }
3665
+
3666
+ .fox-searchbar__search-input .fox-searchbar__input-inner {
3667
+ flex: 1;
3668
+ width: 100%;
3669
+ }
3670
+
3671
+ .fox-searchbar__search-input .fox-searchbar__input-inner-input {
3672
+ padding: var(--fox-searchbar-input-inner-padding, 0 20px 0 10px);
3673
+ font-size: var(--fox-font-size-base, var(--el-font-size-base));
3674
+ box-sizing: border-box;
3675
+ background-color: #0000;
3676
+ border-color: #0000;
3677
+ border-radius: 16px;
3678
+ outline: none;
3679
+ width: 100%;
3680
+ height: 100%;
3681
+ margin: 0;
3682
+ }
3683
+
3684
+ .fox-searchbar__search-input .fox-searchbar__input-inner-right {
3685
+ align-items: center;
3686
+ padding: 0 7px;
3687
+ display: flex;
3688
+ position: relative;
3689
+ }
3690
+
3691
+ .fox-searchbar__search-input .fox-searchbar__input-clear-icon {
3692
+ z-index: 10;
3693
+ position: absolute;
3694
+ left: -20px;
3695
+ }
3696
+
3697
+ .fox-searchbar__search-input .fox-searchbar__input-clear-icon > svg {
3698
+ width: var(--fox-searchbar-icon-size, var(--fox-font-size-base, var(--el-font-size-base)));
3699
+ height: var(--fox-searchbar-icon-size, var(--fox-font-size-base, var(--el-font-size-base)));
3700
+ }
3701
+
3702
+ .fox-searchbar__search-input .fox-searchbar__input-left-search-icon {
3703
+ width: var(--fox-searchbar-icon-size, var(--fox-font-size-base, var(--el-font-size-base)));
3704
+ height: var(--fox-searchbar-icon-size, var(--fox-font-size-base, var(--el-font-size-base)));
3705
+ margin-right: 6px;
3706
+ }
3707
+
3708
+ .fox-searchbar__search-input .fox-searchbar__input-right-search-icon {
3709
+ margin-left: 5px;
3710
+ }
3711
+
3712
+ .fox-searchbar__search-icon {
3713
+ font-size: var(--fox-searchbar-icon-size, var(--fox-font-size-base, var(--el-font-size-base)));
3714
+ justify-content: center;
3715
+ align-items: center;
3716
+ display: flex;
3717
+ }
3718
+
3719
+ .fox-searchbar__left-search-icon {
3720
+ margin-right: 8px;
3721
+ }
3722
+
3723
+ .fox-searchbar__right-search-icon {
3724
+ color: var(--fox-searchbar-right-out-color, var(--fox-black, var(--el-color-black)));
3725
+ margin-left: 16px;
3726
+ }
3727
+
3728
+ .fox-infinite-loading {
3729
+ width: 100%;
3730
+ display: block;
3731
+ }
3732
+
3733
+ .fox-infinite-loading__bottom {
3734
+ width: 100%;
3735
+ height: 50px;
3736
+ line-height: 50px;
3737
+ font-size: var(--fox-font-size-small, var(--el-font-size-small));
3738
+ color: var(--fox-infiniteloading-bottom-color, var(--fox-disable-color, var(--el-text-color-disabled)));
3739
+ text-align: center;
3740
+ display: block;
3741
+ }
3742
+
3743
+ .fox-infinite-loading__bottom-box {
3744
+ justify-content: center;
3745
+ align-items: center;
3746
+ display: flex;
3747
+ }
3748
+
3749
+ .fox-infinite-loading__bottom-box__img {
3750
+ width: 15px;
3751
+ height: 15px;
3752
+ margin-right: 5px;
3753
+ animation-name: loading-rotate;
3754
+ animation-duration: .5s;
3755
+ animation-timing-function: linear;
3756
+ animation-iteration-count: infinite;
3757
+ animation-fill-mode: both;
3758
+ }
3759
+
3760
+ .fox-infinite-loading__bottom-box__text {
3761
+ font-size: var(--fox-font-size-extra-small, var(--el-font-size-extra-small));
3762
+ color: var(--fox-text-color-regular, var(--el-text-color-regular));
3763
+ }
3764
+
3765
+ .fox-pull-refresh {
3766
+ height: 100%;
3767
+ overflow: hidden;
3768
+ }
3769
+
3770
+ .fox-pull-refresh__container {
3771
+ height: 100%;
3772
+ position: relative;
3773
+ }
3774
+
3775
+ .fox-pull-refresh__container-topbox {
3776
+ text-align: center;
3777
+ width: 100%;
3778
+ height: 50px;
3779
+ font-size: var(--fox-font-size-base, var(--el-font-size-base));
3780
+ justify-content: center;
3781
+ align-items: center;
3782
+ display: flex;
3783
+ position: absolute;
3784
+ left: 0;
3785
+ transform: translateY(-100%);
3786
+ }
3787
+
3788
+ .fox-pull-refresh__container-topbox-icon {
3789
+ width: 16px;
3790
+ height: 16px;
3791
+ margin-right: 4px;
3792
+ animation-name: loading-rotate;
3793
+ animation-duration: .5s;
3794
+ animation-timing-function: linear;
3795
+ animation-iteration-count: infinite;
3796
+ animation-fill-mode: both;
3797
+ }
3798
+
3799
+ .fox-pull-refresh__container-topbox-text {
3800
+ font-size: var(--fox-font-size-base, var(--el-font-size-base));
3801
+ color: var(--fox-text-color-regular, var(--el-text-color-regular));
3802
+ }
3803
+
3804
+ .fox-more-button {
3805
+ cursor: pointer;
3806
+ color: var(--fox-color-info, var(--el-color-info));
3807
+ flex-flow: row;
3808
+ justify-content: flex-start;
3809
+ align-items: center;
3810
+ display: inline-flex;
3811
+ }
3812
+
3813
+ .fox-more-button--primary {
3814
+ color: var(--fox-color-primary, var(--el-color-primary));
3815
+ }
3816
+
3817
+ .fox-more-button--info {
3818
+ color: var(--fox-color-info, var(--el-color-info));
3819
+ }
3820
+
3821
+ .fox-more-button--success {
3822
+ color: var(--fox-color-success, var(--el-color-success));
3823
+ }
3824
+
3825
+ .fox-more-button--warning {
3826
+ color: var(--fox-color-warning, var(--el-color-warning));
3827
+ }
3828
+
3829
+ .fox-more-button--danger {
3830
+ color: var(--fox-color-danger, var(--el-color-danger));
3831
+ }
3832
+
3833
+ .fox-more-button--disabled {
3834
+ color: var(--fox-disable-color, var(--el-text-color-disabled));
3835
+ }
3836
+
3837
+ .fox-more-button__icon {
3838
+ justify-content: center;
3839
+ align-items: center;
3840
+ transition: transform .3s ease-in-out;
3841
+ display: flex;
3842
+ }
3843
+
3844
+ .fox-more-button__icon.is-expand {
3845
+ transform: rotate(0);
3846
+ }
3847
+
3848
+ .fox-more-button__icon.is-collapse {
3849
+ transform: rotate(180deg);
3850
+ }
3851
+
3852
+ .fox-more-button__icon > svg {
3853
+ width: var(--fox-more-button-icon-size, 1em);
3854
+ height: var(--fox-more-button-icon-size, 1em);
3855
+ }
3856
+
3857
+ .fox-more-button__text {
3858
+ font-size: var(--fox-font-size-base, var(--el-font-size-base));
3859
+ }
3860
+
3861
+ .fox-more-button > * + * {
3862
+ margin-left: var(--fox-more-button-gutter, 2px);
3863
+ }
3864
+
3865
+ .el-button + .fox-more-button, .fox-more-button + .fox-more-button {
3866
+ margin-left: 12px;
3867
+ }
3868
+
3869
+ .fox-floating-button {
3870
+ z-index: var(--fox-floating-button-z-index, 3600);
3871
+ position: var(--fox-floating-button-position, absolute);
3872
+ width: var(--fox-floating-button-width, 52px);
3873
+ height: var(--fox-floating-button-height, 52px);
3874
+ opacity: var(--fox-floating-button-opacity, 1);
3875
+ background: var(--fox-floating-button-background, var(--fox-color-primary, var(--el-color-primary)));
3876
+ box-shadow: var(--fox-floating-button-box-shadow, var(--fox-box-shadow-light, var(--el-box-shadow-light)));
3877
+ border-radius: var(--fox-floating-button-border-radius, 50%);
3878
+ color: var(--fox-floating-button-color, var(--fox-white, var(--el-color-white)));
3879
+ justify-content: center;
3880
+ align-items: center;
3881
+ display: flex;
3882
+ }
3883
+
3884
+ .fox-floating-button__icon {
3885
+ width: var(--fox-floating-button-icon-size, var(--fox-font-size-extra-large, var(--el-font-size-extra-large)));
3886
+ height: var(--fox-floating-button-icon-size, var(--fox-font-size-extra-large, var(--el-font-size-extra-large)));
3887
+ }
3888
+
3889
+ .fox-price {
3890
+ font-size: var(--fox-font-size-medium, var(--el-font-size-medium));
3891
+ color: var(--fox-color-primary, var(--el-color-primary));
3892
+ display: inline;
3893
+ }
3894
+
3895
+ .fox-price--symbol {
3896
+ font-size: var(--fox-font-size-medium, var(--el-font-size-medium));
3897
+ display: inline-block;
3898
+ }
3899
+
3900
+ .fox-price--large, .fox-price--point {
3901
+ font-size: var(--fox-price-big-size, 24px);
3902
+ display: inline-block;
3903
+ }
3904
+
3905
+ .fox-price--decimal-large {
3906
+ font-size: var(--fox-price-decimal-big-size, var(--fox-font-size-large, var(--el-font-size-large)));
3907
+ display: inline-block;
3908
+ }
3909
+
3910
+ .fox-price--symbol-large {
3911
+ font-size: var(--fox-price-symbol-big-size, var(--fox-font-size-large, var(--el-font-size-large)));
3912
+ display: inline-block;
3913
+ }
3914
+
3915
+ .fox-price--normal {
3916
+ font-size: var(--fox-price-medium-size, var(--fox-font-size-medium, var(--el-font-size-medium)));
3917
+ display: inline-block;
3918
+ }
3919
+
3920
+ .fox-price--decimal-normal {
3921
+ font-size: var(--fox-price-decimal-medium-size, var(--fox-font-size-base, var(--el-font-size-base)));
3922
+ display: inline-block;
3923
+ }
3924
+
3925
+ .fox-price--symbol-normal {
3926
+ font-size: var(--fox-price-symbol-medium-size, var(--fox-font-size-base, var(--el-font-size-base)));
3927
+ display: inline-block;
3928
+ }
3929
+
3930
+ .fox-price--small {
3931
+ font-size: var(--fox-price-small-size, var(--fox-font-size-small, var(--el-font-size-small)));
3932
+ display: inline-block;
3933
+ }
3934
+
3935
+ .fox-price--decimal-small {
3936
+ font-size: var(--fox-price-decimal-small-size, var(--fox-font-size-extra-small, var(--el-font-size-extra-small)));
3937
+ display: inline-block;
3938
+ }
3939
+
3940
+ .fox-price--symbol-small {
3941
+ font-size: var(--fox-price-symbol-small-size, var(--fox-font-size-extra-small, var(--el-font-size-extra-small)));
3942
+ display: inline-block;
3943
+ }
3944
+
3945
+ .fox-indicator {
3946
+ justify-content: flex-start;
3947
+ align-items: center;
3948
+ display: flex;
3949
+ }
3950
+
3951
+ .fox-indicator__mark {
3952
+ background-color: var(--el-color-success);
3953
+ border-radius: 5px;
3954
+ width: 10px;
3955
+ height: 10px;
3956
+ }
3957
+
3958
+ .fox-indicator__mark-success {
3959
+ background-color: var(--el-color-success);
3960
+ }
3961
+
3962
+ .fox-indicator__mark-info {
3963
+ background-color: var(--el-color-info);
3964
+ }
3965
+
3966
+ .fox-indicator__mark-warning {
3967
+ background-color: var(--el-color-warning);
3968
+ }
3969
+
3970
+ .fox-indicator__mark-danger {
3971
+ background-color: var(--el-color-danger);
3972
+ }
3973
+
3974
+ .fox-indicator__mark-disabled {
3975
+ background-color: #c0c4cc;
3976
+ }
3977
+
3978
+ .fox-indicator__icon {
3979
+ width: 16px;
3980
+ height: 16px;
3981
+ color: var(--el-color-success);
3982
+ }
3983
+
3984
+ .fox-indicator__icon-success {
3985
+ color: var(--el-color-success);
3986
+ }
3987
+
3988
+ .fox-indicator__icon-info {
3989
+ color: var(--el-color-info);
3990
+ }
3991
+
3992
+ .fox-indicator__icon-warning {
3993
+ color: var(--el-color-warning);
3994
+ }
3995
+
3996
+ .fox-indicator__icon-danger {
3997
+ color: var(--el-color-danger);
3998
+ }
3999
+
4000
+ .fox-indicator__icon-disabled {
4001
+ color: #c0c4cc;
4002
+ }
4003
+
4004
+ .fox-indicator__text.is-right {
4005
+ margin-left: 10px;
4006
+ }
4007
+
4008
+ .fox-indicator__text.is-left {
4009
+ margin-right: 10px;
4010
+ }
4011
+
4012
+ .fox-indicator__text-success {
4013
+ color: var(--el-color-success);
4014
+ }
4015
+
4016
+ .fox-indicator__text-info {
4017
+ color: var(--el-color-info);
4018
+ }
4019
+
4020
+ .fox-indicator__text-warning {
4021
+ color: var(--el-color-warning);
4022
+ }
4023
+
4024
+ .fox-indicator__text-danger {
4025
+ color: var(--el-color-danger);
4026
+ }
4027
+
4028
+ .fox-indicator__text-disabled {
4029
+ color: #c0c4cc;
4030
+ }
4031
+
4032
+ .fox-text {
4033
+ margin: var(--fox-text-margin, 0);
4034
+ padding: var(--fox-text-padding, 0);
4035
+ font-size: var(--fox-text-font-size, var(--fox-font-size-base, var(--el-font-size-base)));
4036
+ font-weight: var(--fox-text-font-weight, 400);
4037
+ color: var(--fox-text-text-color, var(--fox-black, var(--el-color-black)));
4038
+ word-break: break-all;
4039
+ }
4040
+
4041
+ .fox-text.is-truncated {
4042
+ text-overflow: ellipsis;
4043
+ white-space: nowrap;
4044
+ max-width: 100%;
4045
+ display: inline-block;
4046
+ overflow: hidden;
4047
+ }
4048
+
4049
+ .fox-text.is-highlight > * {
4050
+ color: var(--fox-text-highlight-color, var(--fox-white, var(--el-color-white))) !important;
4051
+ background: var(--fox-text-highlight-background-color, var(--fox-color-danger, var(--el-color-danger))) !important;
4052
+ }
4053
+
4054
+ .fox-text.is-selectable {
4055
+ -webkit-user-select: text !important;
4056
+ user-select: text !important;
4057
+ }
4058
+
4059
+ .fox-text--primary {
4060
+ color: var(--fox-text-primary-color, var(--fox-color-primary, var(--el-color-primary)));
4061
+ }
4062
+
4063
+ .fox-text--primary .fox-text__mark {
4064
+ background-color: var(--fox-text-primary-color, var(--fox-color-primary, var(--el-color-primary)));
4065
+ }
4066
+
4067
+ .fox-text--success {
4068
+ color: var(--fox-text-success-color, var(--fox-color-success, var(--el-color-success)));
4069
+ }
4070
+
4071
+ .fox-text--success .fox-text__mark {
4072
+ background-color: var(--fox-text-success-color, var(--fox-color-success, var(--el-color-success)));
4073
+ }
4074
+
4075
+ .fox-text--info {
4076
+ color: var(--fox-text-info-color, var(--fox-color-info, var(--el-color-info)));
4077
+ }
4078
+
4079
+ .fox-text--info .fox-text__mark {
4080
+ background-color: var(--fox-text-info-color, var(--fox-color-info, var(--el-color-info)));
4081
+ }
4082
+
4083
+ .fox-text--warning {
4084
+ color: var(--fox-text-warning-color, var(--fox-color-warning, var(--el-color-warning)));
4085
+ }
4086
+
4087
+ .fox-text--warning .fox-text__mark {
4088
+ background-color: var(--fox-text-warning-color, var(--fox-color-warning, var(--el-color-warning)));
4089
+ }
4090
+
4091
+ .fox-text--danger {
4092
+ color: var(--fox-text-danger-color, var(--fox-color-danger, var(--el-color-danger)));
4093
+ }
4094
+
4095
+ .fox-text--danger .fox-text__mark {
4096
+ background-color: var(--fox-text-danger-color, var(--fox-color-danger, var(--el-color-danger)));
4097
+ }
4098
+
4099
+ .fox-text--default {
4100
+ color: var(--fox-text-default-color, var(--fox-color-info, var(--el-color-info)));
4101
+ }
4102
+
4103
+ .fox-text--default .fox-text__mark {
4104
+ background-color: var(--fox-text-default-color, var(--fox-color-info, var(--el-color-info)));
4105
+ }
4106
+
4107
+ .fox-text--large {
4108
+ font-size: var(--fox-text-font-size-large, var(--fox-font-size-large, var(--el-font-size-large)));
4109
+ }
4110
+
4111
+ .fox-text--small {
4112
+ font-size: var(--fox-text-font-size-small, var(--fox-font-size-small, var(--el-font-size-small)));
4113
+ }
4114
+
4115
+ .fox-text__mark {
4116
+ box-sizing: border-box;
4117
+ width: var(--fox-text-mark-size, 4px);
4118
+ height: var(--fox-text-mark-size, 4px);
4119
+ background-color: var(--fox-text-default-color, var(--fox-color-info, var(--el-color-info)));
4120
+ line-height: var(--fox-text-font-size, var(--fox-font-size-base, var(--el-font-size-base)));
4121
+ border-radius: 50%;
4122
+ display: inline-block;
4123
+ }
4124
+
4125
+ .fox-text__mark--primary {
4126
+ background-color: var(--fox-text-primary-color, var(--fox-color-primary, var(--el-color-primary)));
4127
+ }
4128
+
4129
+ .fox-text__mark--success {
4130
+ background-color: var(--fox-text-success-color, var(--fox-color-success, var(--el-color-success)));
4131
+ }
4132
+
4133
+ .fox-text__mark--warning {
4134
+ background-color: var(--fox-text-warning-color, var(--fox-color-warning, var(--el-color-warning)));
4135
+ }
4136
+
4137
+ .fox-text__mark--danger {
4138
+ background-color: var(--fox-text-danger-color, var(--fox-color-danger, var(--el-color-danger)));
4139
+ }
4140
+
4141
+ .fox-text__mark--default {
4142
+ background-color: var(--fox-text-default-color, var(--fox-color-info, var(--el-color-info)));
4143
+ }
4144
+
4145
+ .fox-text__mark-wrap {
4146
+ box-sizing: content-box;
4147
+ color: var(--fox-text-default-color, var(--fox-color-info, var(--el-color-info)));
4148
+ justify-content: center;
4149
+ align-items: center;
4150
+ display: flex;
4151
+ }
4152
+
4153
+ .fox-text__mark-wrap--primary {
4154
+ color: var(--fox-text-primary-color, var(--fox-color-primary, var(--el-color-primary)));
4155
+ }
4156
+
4157
+ .fox-text__mark-wrap--success {
4158
+ color: var(--fox-text-success-color, var(--fox-color-success, var(--el-color-success)));
4159
+ }
4160
+
4161
+ .fox-text__mark-wrap--warning {
4162
+ color: var(--fox-text-warning-color, var(--fox-color-warning, var(--el-color-warning)));
4163
+ }
4164
+
4165
+ .fox-text__mark-wrap--danger {
4166
+ color: var(--fox-text-danger-color, var(--fox-color-danger, var(--el-color-danger)));
4167
+ }
4168
+
4169
+ .fox-text__mark-wrap--default {
4170
+ color: var(--fox-text-default-color, var(--fox-color-info, var(--el-color-info)));
4171
+ }
4172
+
4173
+ .fox-text__mark-wrap svg {
4174
+ width: var(--fox-text-mark-icon-width, 1em);
4175
+ height: var(--fox-text-mark-icon-height, 1em);
4176
+ }
4177
+
4178
+ .fox-text__wrap {
4179
+ justify-content: flex-start;
4180
+ align-items: center;
4181
+ gap: var(--fox-text-mark-text-gutter, 4px);
4182
+ display: flex;
4183
+ }
4184
+
4185
+ .fox-text__wrap.text-left {
4186
+ flex-flow: row-reverse;
4187
+ }
4188
+
4189
+ .fox-text__wrap.text-right {
4190
+ flex-flow: row;
4191
+ }
4192
+
4193
+ .fox-text__wrap .fox-text {
4194
+ flex: auto;
4195
+ }
4196
+
4197
+ .fox-text__wrap .fox-text__mark, .fox-text__wrap .fox-text__mark-wrap {
4198
+ flex: none;
4199
+ }
4200
+
4201
+ .fox-text__divide {
4202
+ margin: var(--fox-text-divide-margin, 0 0);
4203
+ height: var(--fox-text-divide-height, 12px);
4204
+ width: var(--fox-text-divide-width, 1px);
4205
+ background: var(--fox-text-divide-color, var(--fox-border-color-light, var(--el-border-color-light)));
4206
+ }
4207
+
4208
+ .fox-tour__mask {
4209
+ z-index: 1002;
4210
+ border-radius: 10px;
4211
+ width: 100px;
4212
+ height: 50px;
4213
+ position: fixed;
4214
+ box-shadow: 0 0 0 150vmax #00000080;
4215
+ }
4216
+
4217
+ .fox-tour__mask-none {
4218
+ box-shadow: none;
4219
+ }
4220
+
4221
+ .fox-tour__mask-hidden {
4222
+ opacity: 0;
4223
+ }
4224
+
4225
+ .fox-tour__content {
4226
+ min-width: 200px;
4227
+ display: block;
4228
+ }
4229
+
4230
+ .fox-tour__content-top {
4231
+ text-align: right;
4232
+ display: block;
4233
+ }
4234
+
4235
+ .fox-tour__content-top-close {
4236
+ width: 20px;
4237
+ height: 20px;
4238
+ }
4239
+
4240
+ .fox-tour__content-inner {
4241
+ margin: 10px 0;
4242
+ font-size: 14px;
4243
+ }
4244
+
4245
+ .fox-tour__content-bottom {
4246
+ justify-content: space-between;
4247
+ align-items: center;
4248
+ margin-top: 10px;
4249
+ display: flex;
4250
+ }
4251
+
4252
+ .fox-tour__content-bottom-init {
4253
+ margin-left: 10px;
4254
+ }
4255
+
4256
+ .fox-tour__content-bottom-operate {
4257
+ justify-content: flex-end;
4258
+ display: flex;
4259
+ }
4260
+
4261
+ .fox-tour__content-bottom-operate-btn {
4262
+ padding: 5px 10px;
4263
+ }
4264
+
4265
+ .fox-tour__content-tile .fox-tour__content-inner {
4266
+ margin: 0;
4267
+ }
4268
+
4269
+ .fox-tour__masked {
4270
+ z-index: 2000;
4271
+ background: none;
4272
+ width: 100vw;
4273
+ height: 100vh;
4274
+ position: fixed;
4275
+ top: 0;
4276
+ left: 0;
4277
+ }
4278
+
4279
+ .fox-theme-dark .fox-number-keyboard {
4280
+ background-color: var(--fox-dark-background-4, #323233);
4281
+ }
4282
+
4283
+ .fox-theme-dark .fox-number-keyboard .fox-key__wrapper .fox-key {
4284
+ color: var(--fox-dark-color, var(--fox-white, var(--el-color-white)));
4285
+ background-color: var(--fox-dark-background-5, #646566);
4286
+ }
4287
+
4288
+ .fox-number-keyboard {
4289
+ width: var(--fox-numberkeyboard-width, 100%);
4290
+ padding: var(--fox-numberkeyboard-padding, 0 0 22px 0);
4291
+ background-color: var(--fox-numberkeyboard-background-color, var(--fox-fill-color-base, var(--el-fill-color)));
4292
+ -webkit-user-select: none;
4293
+ user-select: none;
4294
+ }
4295
+
4296
+ .fox-number-keyboard .fox-number-keyboard__header {
4297
+ box-sizing: content-box;
4298
+ height: var(--fox-numberkeyboard-header-height, 34px);
4299
+ padding: var(--fox-numberkeyboard-header-padding, 6px 0 0 0);
4300
+ color: var(--fox-numberkeyboard-header-color, var(--fox-title-color2, var(--el-text-color-secondary)));
4301
+ font-size: var(--fox-numberkeyboard-header-font-size, var(--fox-font-size-medium, var(--el-font-size-medium)));
4302
+ justify-content: center;
4303
+ align-items: center;
4304
+ display: flex;
4305
+ position: relative;
4306
+ }
4307
+
4308
+ .fox-number-keyboard .fox-number-keyboard__header .fox-number-keyboard__title {
4309
+ display: inline-block;
4310
+ }
4311
+
4312
+ .fox-number-keyboard .fox-number-keyboard__header .fox-number-keyboard__close {
4313
+ padding: var(--fox-numberkeyboard-header-close-padding, 0 16px);
4314
+ color: var(--fox-numberkeyboard-header-close-color, var(--fox-text-color--secondary, var(--el-text-color-secondary)));
4315
+ font-size: var(--fox-numberkeyboard-header-close-font-size, var(--fox-font-size-base, var(--el-font-size-base)));
4316
+ background-color: var(--fox-numberkeyboard-header-close-background-color, transparent);
4317
+ cursor: pointer;
4318
+ border: none;
4319
+ display: block;
4320
+ position: absolute;
4321
+ right: 0;
4322
+ }
4323
+
4324
+ .fox-number-keyboard .fox-number-keyboard__body {
4325
+ padding: 6px 0 0 6px;
4326
+ display: flex;
4327
+ }
4328
+
4329
+ .fox-number-keyboard .fox-number-keyboard__body .fox-number-keyboard__keys {
4330
+ flex-wrap: wrap;
4331
+ flex: 3;
4332
+ display: flex;
4333
+ }
4334
+
4335
+ .fox-number-keyboard .fox-number-keyboard__body .fox-number-keyboard__sidebar {
4336
+ flex-direction: column;
4337
+ flex: 1;
4338
+ display: flex;
4339
+ }
4340
+
4341
+ .fox-number-keyboard .fox-number-keyboard__body .fox-number-keyboard__sidebar .fox-key__wrapper .fox-key {
4342
+ height: auto;
4343
+ position: absolute;
4344
+ inset: 0 6px 6px 0;
4345
+ }
4346
+
4347
+ .fox-number-keyboard .fox-number-keyboard__body .fox-number-keyboard__sidebar .fox-key__wrapper .fox-key--finish {
4348
+ font-size: var(--fox-numberkeyboard-key-finish-font-size, var(--fox-font-size-medium, var(--el-font-size-medium)));
4349
+ color: var(--fox-numberkeyboard-key-finish-font-size-color, var(--fox-white, var(--el-color-white)));
4350
+ background-color: var(--fox-numberkeyboard-key-finish-background-color, var(--fox-color-primary, var(--el-color-primary)));
4351
+ }
4352
+
4353
+ .fox-number-keyboard .fox-number-keyboard__body .fox-number-keyboard__sidebar .fox-key__wrapper .activeFinsh {
4354
+ background-color: var(--fox-numberkeyboard-key-activeFinsh-background-color, var(--fox-color-primary-dark-2, var(--el-color-primary-dark-2)));
4355
+ }
4356
+
4357
+ .fox-key__wrapper {
4358
+ box-sizing: border-box;
4359
+ flex: 33%;
4360
+ padding: 0 6px 6px 0;
4361
+ position: relative;
4362
+ }
4363
+
4364
+ .fox-key__wrapper.fox-key__wrapper--wider {
4365
+ flex-basis: 66%;
4366
+ }
4367
+
4368
+ .fox-key__wrapper .fox-key {
4369
+ height: var(--fox-numberkeyboard-key-height, 48px);
4370
+ font-size: var(--fox-numberkeyboard-key-font-size, 28px);
4371
+ line-height: var(--fox-numberkeyboard-key-line-height, 1.5);
4372
+ background-color: var(--fox-numberkeyboard-key-background-color, var(--fox-white, var(--el-color-white)));
4373
+ color: var(--fox-numberkeyboard-key-font-size-color, var(--fox-title-color, var(--el-text-color-primary)));
4374
+ border-radius: var(--fox-numberkeyboard-key-border-radius, 8px);
4375
+ cursor: pointer;
4376
+ justify-content: center;
4377
+ align-items: center;
4378
+ display: flex;
4379
+ }
4380
+
4381
+ .fox-key__wrapper .fox-key--active {
4382
+ background-color: var(--fox-numberkeyboard-key-active-background-color, var(--fox-border-color-lighter, var(--el-border-color-lighter)));
4383
+ }
4384
+
4385
+ .fox-key__wrapper img {
4386
+ width: 30px;
4387
+ height: 24px;
4388
+ }
4389
+
4390
+ .fox-number-keyboard-overlay {
4391
+ background-color: #0000 !important;
4392
+ }
4393
+
4394
+ .fox-number-keyboard-popup {
4395
+ background: none;
4396
+ flex-flow: row;
4397
+ justify-content: center;
4398
+ display: flex;
4399
+ }
4400
+
4401
+ .fox-theme-dark .fox-short-password-title {
4402
+ color: var(--fox-dark-color, var(--fox-white, var(--el-color-white)));
4403
+ }
4404
+
4405
+ .fox-theme-dark .fox-short-password-wrapper .fox-short-password__list {
4406
+ background: var(--fox-dark-background-3, #141414);
4407
+ border: none;
4408
+ }
4409
+
4410
+ .fox-theme-dark .fox-short-password-wrapper .fox-short-password__list .fox-short-password__item {
4411
+ position: relative;
4412
+ }
4413
+
4414
+ .fox-theme-dark .fox-short-password-wrapper .fox-short-password__list .fox-short-password__item .fox-short-password__item-icon {
4415
+ background: var(--fox-dark-color, var(--fox-white, var(--el-color-white)));
4416
+ }
4417
+
4418
+ .fox-theme-dark .fox-short-password-wrapper .fox-short-password__list .fox-short-password__item:after {
4419
+ box-sizing: border-box;
4420
+ content: " ";
4421
+ pointer-events: none;
4422
+ outline: 1px solid #3a3a3c;
4423
+ position: absolute;
4424
+ inset: -50%;
4425
+ transform: scale(.5);
4426
+ }
4427
+
4428
+ .fox-short-password-title {
4429
+ line-height: 1;
4430
+ font-size: var(--fox-font-size-medium, var(--el-font-size-medium));
4431
+ color: var(--fox-title-color, var(--el-text-color-primary));
4432
+ }
4433
+
4434
+ .fox-short-password-subtitle {
4435
+ line-height: 1;
4436
+ font-size: var(--fox-font-size-small, var(--el-font-size-small));
4437
+ color: var(--fox-text-color-regular, var(--el-text-color-regular));
4438
+ margin-top: 12px;
4439
+ display: block;
4440
+ }
4441
+
4442
+ .fox-short-password-wrapper {
4443
+ text-align: center;
4444
+ padding: 12px 0 10px;
4445
+ position: relative;
4446
+ }
4447
+
4448
+ .fox-short-password__list {
4449
+ background: var(--fox-shortpassword-background-color, var(--fox-fill-color-base, var(--el-fill-color)));
4450
+ border: 1px solid var(--fox-shortpassword-border-color, var(--fox-border-color-base, var(--el-border-color)));
4451
+ z-index: 10;
4452
+ border-radius: 4px;
4453
+ width: 100%;
4454
+ height: 41px;
4455
+ margin: 0 auto;
4456
+ display: flex;
4457
+ }
4458
+
4459
+ .fox-short-password__item {
4460
+ flex: 1;
4461
+ justify-content: center;
4462
+ align-items: center;
4463
+ display: flex;
4464
+ }
4465
+
4466
+ .fox-short-password__item-icon {
4467
+ background: #000;
4468
+ border-radius: 50%;
4469
+ width: 6px;
4470
+ height: 6px;
4471
+ display: inline-block;
4472
+ }
4473
+
4474
+ .fox-short-password__message {
4475
+ justify-content: space-between;
4476
+ width: 247px;
4477
+ margin-top: 9px;
4478
+ display: flex;
4479
+ }
4480
+
4481
+ .fox-short-password__message .fox-short-password--error {
4482
+ line-height: 1;
4483
+ font-size: var(--fox-font-size-extra-small, var(--el-font-size-extra-small));
4484
+ color: var(--fox-shortpassword-error, var(--fox-color-primary, var(--el-color-primary)));
4485
+ }
4486
+
4487
+ .fox-short-password__message .fox-short-password--forget {
4488
+ line-height: 1;
4489
+ font-size: var(--fox-font-size-small, var(--el-font-size-small));
4490
+ color: var(--fox-shortpassword-forget, var(--fox-text-color-regular, var(--el-text-color-regular)));
4491
+ display: flex;
4492
+ }
4493
+
4494
+ .fox-signature__inner {
4495
+ border: 1px solid #dadada;
4496
+ justify-content: center;
4497
+ align-items: center;
4498
+ height: 8rem;
4499
+ margin-bottom: 1rem;
4500
+ display: flex;
4501
+ }
4502
+
4503
+ .fox-signature__toolbar {
4504
+ flex-flow: row;
4505
+ justify-content: center;
4506
+ align-items: center;
4507
+ gap: 15px;
4508
+ display: flex;
4509
+ }
4510
+
4511
+ .fox-signature .spcanvas_WEAPP {
4512
+ width: 100%;
4513
+ height: 100%;
4514
+ }
4515
+
4516
+ .fox-signature .spcanvas_WEAPP .spcanvas {
4517
+ width: 100%;
4518
+ }
4519
+ /*$vite$:1*/