@fox-js/foxui-pc 4.1.1-4 → 4.1.1-40

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 +11416 -10881
  4. package/dist/index.umd.js +1 -5
  5. package/dist/locale/index.d.ts +461 -0
  6. package/dist/locale/index.esm.js +455 -0
  7. package/dist/locale/index.umd.js +1 -0
  8. package/dist/style.css +3561 -1
  9. package/dist/style.js +3 -0
  10. package/dist/types/index.d.ts +890 -400
  11. package/package.json +12 -2
package/dist/style.css CHANGED
@@ -1 +1,3561 @@
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-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-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:15%;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-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}.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)}.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)}to{-webkit-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-background-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-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%)}}
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-color: var(--fox-content-background-color, var(--fox-white, var(--el-color-white)));
457
+ display: block;
458
+ overflow: hidden auto;
459
+ }
460
+
461
+ .fox-group {
462
+ background: var(--fox-group-background-color, inhert);
463
+ transition: height .3s ease-in-out;
464
+ display: block;
465
+ }
466
+
467
+ .fox-group.is-collapse {
468
+ box-sizing: content-box !important;
469
+ overflow-y: hidden !important;
470
+ }
471
+
472
+ .fox-group--flow {
473
+ box-sizing: border-box;
474
+ flex-flow: wrap;
475
+ align-content: flex-start;
476
+ display: flex;
477
+ }
478
+
479
+ .fox-group--flow:after {
480
+ display: none;
481
+ }
482
+
483
+ .fox-group--flow .fox-item {
484
+ float: none;
485
+ }
486
+
487
+ .fox-group--flow-justify-start {
488
+ justify-content: flex-start;
489
+ }
490
+
491
+ .fox-group--flow-justify-end {
492
+ justify-content: flex-end;
493
+ }
494
+
495
+ .fox-group--flow-justify-center {
496
+ justify-items: center;
497
+ }
498
+
499
+ .fox-group--flow-justify-stretch {
500
+ justify-items: stretch;
501
+ }
502
+
503
+ .fox-group--flow-align-start {
504
+ align-items: flex-start;
505
+ }
506
+
507
+ .fox-group--flow-align-end {
508
+ align-items: flex-end;
509
+ }
510
+
511
+ .fox-group--flow-align-center {
512
+ align-items: center;
513
+ }
514
+
515
+ .fox-group--flow-align-stretch {
516
+ align-items: stretch;
517
+ }
518
+
519
+ .fox-group--grid {
520
+ box-sizing: border-box;
521
+ grid-auto-flow: row;
522
+ place-content: start stretch;
523
+ display: grid;
524
+ }
525
+
526
+ .fox-group--grid:after {
527
+ display: none;
528
+ }
529
+
530
+ .fox-group--grid .fox-item {
531
+ float: none;
532
+ }
533
+
534
+ .fox-group--grid-justify-start {
535
+ justify-items: start;
536
+ }
537
+
538
+ .fox-group--grid-justify-end {
539
+ justify-items: end;
540
+ }
541
+
542
+ .fox-group--grid-justify-center {
543
+ justify-items: center;
544
+ }
545
+
546
+ .fox-group--grid-justify-stretch {
547
+ justify-items: stretch;
548
+ }
549
+
550
+ .fox-group--grid-align-start {
551
+ align-items: start;
552
+ }
553
+
554
+ .fox-group--grid-align-end {
555
+ align-items: end;
556
+ }
557
+
558
+ .fox-group--grid-align-center {
559
+ align-items: center;
560
+ }
561
+
562
+ .fox-group--grid-align-stretch {
563
+ align-items: stretch;
564
+ }
565
+
566
+ .fox-group__header {
567
+ padding: var(--fox-group-header-padding, 0);
568
+ margin: var(--fox-group-header-margin, 0 0 10px 0);
569
+ flex-flow: row;
570
+ justify-content: flex-start;
571
+ align-items: center;
572
+ display: flex;
573
+ }
574
+
575
+ .fox-group__header-mark {
576
+ width: var(--fox-group-header-mark-width, 3px);
577
+ height: var(--fox-group-header-mark-height, 15px);
578
+ background: var(--fox-group-header-mark-color, var(--fox-color-primary, var(--el-color-primary)));
579
+ display: inline-block;
580
+ }
581
+
582
+ .fox-group__header-title {
583
+ white-space: nowrap;
584
+ color: var(--fox-group-header-color, var(--fox-title-color, var(--el-text-color-primary)));
585
+ font-size: var(--fox-group-header-font-size, var(--fox-font-size-base, var(--el-font-size-base)));
586
+ font-weight: var(--fox-group-header-font-weight, 400);
587
+ line-height: var(--fox-group-header-line-height, 20px);
588
+ display: inline-block;
589
+ }
590
+
591
+ .fox-group__header-collapse {
592
+ cursor: pointer;
593
+ color: var(--fox-group-header-collapse-color, var(--fox-color-primary, var(--el-color-primary)));
594
+ justify-content: flex-start;
595
+ align-items: center;
596
+ gap: var(--fox-group-header-collapse-gutter, 2px);
597
+ flex-flow: row;
598
+ flex: none;
599
+ display: flex;
600
+ }
601
+
602
+ .fox-group__header-collapse.is-right {
603
+ margin-left: auto;
604
+ }
605
+
606
+ .fox-group__header-collapse-icon {
607
+ width: var(--fox-group-header-collapse-icon-size, var(--fox-font-size-small, var(--el-font-size-small)));
608
+ height: var(--fox-group-header-collapse-icon-size, var(--fox-font-size-small, var(--el-font-size-small)));
609
+ transition: transform .3s ease-in-out;
610
+ }
611
+
612
+ .fox-group__header-collapse-icon.is-expand {
613
+ transform: rotate(0);
614
+ }
615
+
616
+ .fox-group__header-collapse-icon.is-collapse {
617
+ transform: rotate(180deg);
618
+ }
619
+
620
+ .fox-group__header-collapse-text {
621
+ font-size: var(--fox-group-header-collapse-font-size, var(--fox-font-size-base, var(--el-font-size-base)));
622
+ }
623
+
624
+ .fox-group__header-mark + .fox-group__header-title {
625
+ margin-left: 12px;
626
+ }
627
+
628
+ .fox-item {
629
+ width: var(--fox-input-item-width);
630
+ min-width: var(--fox-input-item-min-width, 0);
631
+ max-width: var(--fox-input-item-max-width);
632
+ padding: var(--fox-input-item-padding);
633
+ margin: var(--fox-input-item-margin);
634
+ background: var(--fox-input-item-background-color);
635
+ box-sizing: border-box;
636
+ float: left;
637
+ flex-flow: column wrap;
638
+ display: flex;
639
+ position: relative;
640
+ }
641
+
642
+ .fox-item:before {
643
+ box-sizing: border-box;
644
+ content: " ";
645
+ pointer-events: none;
646
+ position: absolute;
647
+ bottom: 0;
648
+ left: 16px;
649
+ right: 16px;
650
+ transform: scaleX(0);
651
+ }
652
+
653
+ .fox-item.is-error:before {
654
+ border-bottom: 1px solid var(--fox-input-item-tip-error-color, var(--fox-color-danger, var(--el-color-danger)));
655
+ transition: transform .2s cubic-bezier(0, 0, .2, 1);
656
+ transform: scaleX(0);
657
+ }
658
+
659
+ .fox-item__stretch {
660
+ flex: auto;
661
+ }
662
+
663
+ .fox-item__input--border {
664
+ 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))));
665
+ }
666
+
667
+ .fox-item__main {
668
+ width: 100%;
669
+ display: flex;
670
+ }
671
+
672
+ .fox-item__main--top {
673
+ flex-flow: column;
674
+ justify-content: start;
675
+ align-items: stretch;
676
+ }
677
+
678
+ .fox-item__main--left, .fox-item__main--right {
679
+ flex-flow: row;
680
+ justify-content: stretch;
681
+ align-items: center;
682
+ }
683
+
684
+ .fox-item__main .label {
685
+ box-sizing: border-box;
686
+ font-size: var(--fox-input-item-label-font-size, var(--fox-font-size-base, var(--el-font-size-base)));
687
+ font-weight: var(--fox-input-item-label-font-weight, 400);
688
+ line-height: var(--fox-input-item-label-line-height, auto);
689
+ color: var(--fox-input-item-label-color, var(--fox-black, var(--el-color-black)));
690
+ flex-flow: row;
691
+ align-items: center;
692
+ display: flex;
693
+ position: relative;
694
+ overflow: hidden;
695
+ }
696
+
697
+ .fox-item__main .label--top {
698
+ text-align: left;
699
+ width: 100%;
700
+ padding: var(--fox-input-item-label-padding-top, 0);
701
+ margin-bottom: 10px;
702
+ }
703
+
704
+ .fox-item__main .label--left {
705
+ text-align: left;
706
+ width: var(--fox-input-item-label-width, 30%);
707
+ padding: var(--fox-input-item-label-padding-left, 0 10px 0 0);
708
+ flex: none;
709
+ justify-content: flex-start;
710
+ }
711
+
712
+ .fox-item__main .label--right {
713
+ text-align: right;
714
+ width: var(--fox-input-item-label-width, 30%);
715
+ padding: var(--fox-input-item-label-padding-right, 0 10px 0 0);
716
+ flex: none;
717
+ justify-content: flex-end;
718
+ }
719
+
720
+ .fox-item__main .label--required:before {
721
+ color: var(--fox-input-item-require-color, var(--fox-required-color, var(--el-color-error)));
722
+ content: "*";
723
+ line-height: 1px;
724
+ position: absolute;
725
+ top: 50%;
726
+ left: 0;
727
+ transform: translateY(50%);
728
+ }
729
+
730
+ .fox-item__main .label--string {
731
+ white-space: nowrap;
732
+ text-overflow: ellipsis;
733
+ padding-left: 10px;
734
+ position: relative;
735
+ overflow: hidden;
736
+ }
737
+
738
+ .fox-item__main .content {
739
+ flex: auto;
740
+ position: relative;
741
+ }
742
+
743
+ .fox-item__main .content--default {
744
+ flex-flow: row;
745
+ display: flex;
746
+ }
747
+
748
+ .fox-item__tip {
749
+ font-size: var(--fox-input-item-tip-font-size, var(--fox-font-size-small, var(--el-font-size-small)));
750
+ line-height: var(--fox-input-item-tip-height, 16px);
751
+ text-align: left;
752
+ padding-left: var(--fox-input-item-label-width, 30%);
753
+ flex-flow: row;
754
+ justify-content: flex-start;
755
+ align-items: center;
756
+ display: flex;
757
+ position: absolute;
758
+ top: 100%;
759
+ transform: translateY(2px);
760
+ }
761
+
762
+ .fox-item__tip--icon {
763
+ margin: var(--fox-input-item-tip-icon-margin, 0 4px 0 0);
764
+ justify-content: flex-start;
765
+ align-items: center;
766
+ display: flex;
767
+ }
768
+
769
+ .fox-item__tip--icon > svg {
770
+ width: var(--fox-input-item-tip-icon-size, var(--fox-font-size-extra-small, var(--el-font-size-extra-small)));
771
+ height: var(--fox-input-item-tip-icon-size, var(--fox-font-size-extra-small, var(--el-font-size-extra-small)));
772
+ }
773
+
774
+ .fox-item__tip--info {
775
+ color: var(--fox-input-item-tip-info-color, var(--fox-color-info, var(--el-color-info)));
776
+ }
777
+
778
+ .fox-item__tip--warn {
779
+ color: var(--fox-input-item-tip-warn-color, var(--fox-color-warning, var(--el-color-warning)));
780
+ }
781
+
782
+ .fox-item__tip--error {
783
+ color: var(--fox-input-item-tip-error-color, var(--fox-color-danger, var(--el-color-danger)));
784
+ }
785
+
786
+ .fox-item__fixed-tip {
787
+ position: absolute;
788
+ top: 0;
789
+ right: 0;
790
+ transform: translateX(100%);
791
+ }
792
+
793
+ .fox-item--animate {
794
+ animation-name: foxEaseIn;
795
+ animation-duration: .2s;
796
+ animation-timing-function: ease-out;
797
+ animation-fill-mode: both;
798
+ }
799
+
800
+ .fox-slot-item {
801
+ padding: var(--fox-slot-item-padding, 0);
802
+ margin: var(--fox-slot-item-margin, 0);
803
+ box-sizing: border-box;
804
+ border: none;
805
+ }
806
+
807
+ .fox-slot-item__stretch {
808
+ flex: auto;
809
+ }
810
+
811
+ .fox-row-item {
812
+ padding: var(--fox-input-item-padding);
813
+ margin: var(--fox-input-item-margin);
814
+ align-items: center;
815
+ column-gap: var(--fox-row-item-column-gap, 12px);
816
+ row-gap: var(--fox-row-item-row-gap);
817
+ border: none;
818
+ flex-flow: row;
819
+ display: flex;
820
+ }
821
+
822
+ .fox-row-item__stretch {
823
+ flex: auto;
824
+ }
825
+
826
+ .fox-row-item__left {
827
+ justify-content: flex-start;
828
+ }
829
+
830
+ .fox-row-item__right {
831
+ justify-content: flex-end;
832
+ }
833
+
834
+ .fox-row-item__center {
835
+ justify-content: center;
836
+ }
837
+
838
+ .fox-row-item__space-around {
839
+ justify-content: space-around;
840
+ }
841
+
842
+ .fox-row-item__space-between {
843
+ justify-content: space-between;
844
+ }
845
+
846
+ .fox-row-item__divide {
847
+ margin: var(--fox-row-item-divide-margin, 0 10px);
848
+ height: var(--fox-row-item-divide-height, 12px);
849
+ width: var(--fox-row-item-divide-width, 1px);
850
+ background: var(--fox-row-item-divide-color, var(--fox-border-color-light, var(--el-border-color-light)));
851
+ }
852
+
853
+ .fox-buttons-item__popover {
854
+ --fox-popover-dialog-padding: 6px 0px;
855
+ }
856
+
857
+ .fox-buttons-item__dropdown-link {
858
+ --fox-text-mark-icon-height: var(--fox-buttons-item-dropdown-link-icon-size, var(--fox-font-size-medium, var(--el-font-size-medium)));
859
+ --fox-text-mark-icon-width: var(--fox-buttons-item-dropdown-link-icon-size, var(--fox-font-size-medium, var(--el-font-size-medium)));
860
+ --fox-text-font-size: var(--fox-buttons-item-dropdown-link-text-font-size, var(--fox-font-size-small, var(--el-font-size-small)));
861
+ cursor: pointer;
862
+ color: var(--fox-buttons-item-dropdown-link-icon-color);
863
+ font-size: var(--fox-buttons-item-dropdown-link-text-font-size, var(--fox-font-size-small, var(--el-font-size-small)));
864
+ }
865
+
866
+ .fox-buttons-item__dropdown-item {
867
+ white-space: nowrap;
868
+ line-height: 22px;
869
+ font-size: var(--fox-font-size-base, var(--el-font-size-base));
870
+ color: var(--fox-text-color-regular, var(--el-text-color-regular));
871
+ cursor: pointer;
872
+ outline: none;
873
+ align-items: center;
874
+ margin: 0;
875
+ padding: 5px 16px;
876
+ list-style: none;
877
+ display: flex;
878
+ }
879
+
880
+ .fox-buttons-item__dropdown-item:hover {
881
+ background-color: var(--fox-buttons-item-dropdown-item-hover-background-color);
882
+ }
883
+
884
+ .fox-buttons-item__dropdown-item.is-disabled {
885
+ color: var(--fox-disable-color, var(--el-text-color-disabled));
886
+ cursor: default;
887
+ }
888
+
889
+ .fox-hint-text {
890
+ z-index: var(--fox-hint-text-z-index, 3000);
891
+ padding: var(--fox-hint-text-padding, 6px 8px);
892
+ box-shadow: var(--fox-hint-text-box-shadow, var(--fox-box-shadow, var(--el-box-shadow)));
893
+ box-sizing: border-box;
894
+ font-size: var(--fox-hint-text-font-size, var(--fox-font-size-base, var(--el-font-size-base)));
895
+ color: var(--fox-hint-text-color, var(--fox-white, var(--el-color-white)));
896
+ background-color: var(--fox-hint-text-background-color, var(--fox-overlay-text-bg-color, var(--el-overlay-color)));
897
+ opacity: 0;
898
+ border: 0 solid #0000004d;
899
+ border-radius: 3px;
900
+ transition: opacity 1s;
901
+ position: fixed;
902
+ overflow: visible;
903
+ }
904
+
905
+ .fox-hint-text__overlay {
906
+ width: 100%;
907
+ height: 100%;
908
+ z-index: var(--fox-hint-text-z-index, 3000);
909
+ background-color: #0000;
910
+ position: fixed;
911
+ top: 0;
912
+ left: 0;
913
+ }
914
+
915
+ .fox-hint-text__content {
916
+ box-sizing: border-box;
917
+ opacity: 1;
918
+ pointer-events: none;
919
+ flex-flow: row;
920
+ justify-content: flex-start;
921
+ align-items: center;
922
+ width: 100%;
923
+ height: 100%;
924
+ display: flex;
925
+ overflow: hidden;
926
+ }
927
+
928
+ .fox-hint-text__content .fox-price {
929
+ flex-flow: row;
930
+ justify-content: flex-start;
931
+ align-items: center;
932
+ display: flex;
933
+ }
934
+
935
+ .fox-hint-text__content .fox-price--default, .fox-hint-text__content .fox-price--small, .fox-hint-text__content .fox-price--large {
936
+ white-space: nowrap;
937
+ text-overflow: ellipsis;
938
+ overflow: hidden;
939
+ }
940
+
941
+ .fox-hint-text__arrow {
942
+ width: var(--fox-hint-text-arrow-size, 6px);
943
+ height: var(--fox-hint-text-arrow-size, 6px);
944
+ background-color: var(--fox-hint-text-background-color, var(--fox-overlay-text-bg-color, var(--el-overlay-color)));
945
+ position: absolute;
946
+ }
947
+
948
+ .fox-hint-text.is-small {
949
+ font-size: var(--fox-hint-text-font-size-small, var(--fox-font-size-small, var(--el-font-size-small)));
950
+ }
951
+
952
+ .fox-hint-text.is-large {
953
+ font-size: var(--fox-hint-text-font-size-large, var(--fox-font-size-large, var(--el-font-size-large)));
954
+ }
955
+
956
+ .fox-hint-text.is-top .fox-hint-text__arrow {
957
+ clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
958
+ }
959
+
960
+ .fox-hint-text.is-right .fox-hint-text__arrow {
961
+ clip-path: polygon(0% 50%, 100% 0%, 100% 100%);
962
+ }
963
+
964
+ .fox-hint-text.is-bottom .fox-hint-text__arrow {
965
+ clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
966
+ }
967
+
968
+ .fox-hint-text.is-left .fox-hint-text__arrow {
969
+ clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
970
+ }
971
+
972
+ .hint-text-fade-enter-active, .hint-text-fade-leave-active {
973
+ transition: opacity .3s;
974
+ }
975
+
976
+ .hint-text-fade-enter-from, .hint-text-fade-leave-to {
977
+ opacity: 0;
978
+ }
979
+
980
+ .fox-input-item__content, .fox-select-item__content {
981
+ width: 100%;
982
+ }
983
+
984
+ .fox-select-item__option {
985
+ justify-content: space-between;
986
+ align-items: center;
987
+ width: 100%;
988
+ display: flex;
989
+ }
990
+
991
+ .fox-date-item.has-append .el-input__wrapper {
992
+ border-radius: var(--el-input-border-radius), 0px, 0px, var(--el-border-radius-base);
993
+ }
994
+
995
+ .fox-date-item.readonly input, .fox-date-item.disabled input {
996
+ padding: 0;
997
+ }
998
+
999
+ .fox-date-item.is-long input {
1000
+ text-align: center;
1001
+ padding: 0 28px 0 0;
1002
+ }
1003
+
1004
+ .fox-date-item__content {
1005
+ width: 100% !important;
1006
+ }
1007
+
1008
+ .fox-date-item__long {
1009
+ width: 100%;
1010
+ box-shadow: 0 0 0 1px var(--el-input-border-color, var(--el-border-color)) inset;
1011
+ background-color: #fff;
1012
+ flex-flow: row;
1013
+ justify-content: flex-start;
1014
+ align-items: center;
1015
+ display: flex;
1016
+ position: relative;
1017
+ overflow: visible;
1018
+ }
1019
+
1020
+ .fox-date-item__long.is-active {
1021
+ box-shadow: 0 0 0 1px var(--el-color-primary) inset;
1022
+ }
1023
+
1024
+ .fox-date-item__long-splitor {
1025
+ z-index: 2;
1026
+ background-color: #fff;
1027
+ width: 10px;
1028
+ position: absolute;
1029
+ top: 1px;
1030
+ bottom: 1px;
1031
+ left: -5px;
1032
+ }
1033
+
1034
+ .fox-date-item__long-text {
1035
+ font-size: var(--el-font-size-base);
1036
+ color: var(--el-text-color-regular);
1037
+ text-align: center;
1038
+ appearance: none;
1039
+ text-align: center;
1040
+ width: 100%;
1041
+ font-size: var(--el-font-size-base);
1042
+ background-color: #0000;
1043
+ border: none;
1044
+ outline: 0;
1045
+ margin: 0;
1046
+ padding: 0;
1047
+ display: inline-block;
1048
+ }
1049
+
1050
+ .fox-date-item__append {
1051
+ box-sizing: border-box;
1052
+ background-color: var(--el-fill-color-light);
1053
+ color: var(--el-color-info);
1054
+ height: var(--el-input-height, 32px);
1055
+ line-height: var(--el-input-height, 32px);
1056
+ border: var(--el-border);
1057
+ white-space: nowrap;
1058
+ 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;
1059
+ border-left: 0;
1060
+ border-radius: 0 4px 4px 0;
1061
+ justify-content: center;
1062
+ align-items: center;
1063
+ padding: 0 10px;
1064
+ display: inline-flex;
1065
+ position: relative;
1066
+ }
1067
+
1068
+ .fox-time-item__content, .fox-time-select-item__content {
1069
+ width: 100% !important;
1070
+ }
1071
+
1072
+ .fox-money-item.disabled input:disabled {
1073
+ color: var(--fox-input-item-disabled-color, var(--fox-input-disabled-color, var(--fox-disable-color, var(--el-text-color-disabled))));
1074
+ cursor: not-allowed;
1075
+ opacity: 1;
1076
+ -webkit-text-fill-color: var(--fox-input-item-disabled-color, var(--fox-input-disabled-color, var(--fox-disable-color, var(--el-text-color-disabled))));
1077
+ background: none;
1078
+ }
1079
+
1080
+ .fox-money-item__content {
1081
+ width: 100%;
1082
+ }
1083
+
1084
+ .fox-money-item__append {
1085
+ width: var(--fox-input-item-append-width, 30px);
1086
+ font-size: var(--fox-input-item-append-font-size, var(--fox-font-size-base, var(--el-font-size-base)));
1087
+ justify-content: center;
1088
+ align-items: center;
1089
+ display: flex;
1090
+ position: relative;
1091
+ }
1092
+
1093
+ .fox-money-item__append .hidden {
1094
+ display: none;
1095
+ }
1096
+
1097
+ .fox-money-item__placeholder input {
1098
+ color: var(--fox-input-item-color, var(--fox-black, var(--el-color-black)));
1099
+ }
1100
+
1101
+ .fox-money-item__placeholder input::-webkit-input-placeholder {
1102
+ color: var(--fox-input-item-color, var(--fox-black, var(--el-color-black)));
1103
+ }
1104
+
1105
+ .fox-money-item__placeholder input::placeholder {
1106
+ color: var(--fox-input-item-color, var(--fox-black, var(--el-color-black)));
1107
+ }
1108
+
1109
+ .fox-input-number-item__content {
1110
+ flex: auto;
1111
+ }
1112
+
1113
+ .fox-input-number-item__append .el-input__wrapper {
1114
+ border-radius: var(--el-border-radius-base) 0 0 var(--el-border-radius-base);
1115
+ }
1116
+
1117
+ .fox-input-number-item__append .el-input-number__increase {
1118
+ border-radius: 0;
1119
+ }
1120
+
1121
+ .fox-input-number-item__append.is-controls-right .el-input-number__increase {
1122
+ border-radius: 0 var(--el-border-radius-base) var(--el-border-radius-base) 0;
1123
+ background: #fff;
1124
+ }
1125
+
1126
+ .fox-input-number-item__append.is-controls-right .el-input-number__decrease {
1127
+ background: #fff;
1128
+ }
1129
+
1130
+ .fox-input-number-item__unit {
1131
+ box-sizing: border-box;
1132
+ border-radius: 0 var(--el-border-radius-base) var(--el-border-radius-base) 0;
1133
+ border-left: 0;
1134
+ border-top: var(--el-border);
1135
+ border-right: var(--el-border);
1136
+ border-bottom: var(--el-border);
1137
+ background: var(--el-fill-color-light);
1138
+ color: var(--el-text-color-regular);
1139
+ justify-content: center;
1140
+ align-items: center;
1141
+ padding: 0 10px;
1142
+ display: flex;
1143
+ right: 1px;
1144
+ }
1145
+
1146
+ .fox-cascader-item__content, .fox-autocomplete-item__content {
1147
+ width: 100%;
1148
+ }
1149
+
1150
+ .fox-table-setting {
1151
+ --font-size: 12px;
1152
+ }
1153
+
1154
+ .fox-table-setting .el-checkbox {
1155
+ --el-checkbox-text-color: var(--el-text-color-regular);
1156
+ --el-checkbox-checked-text-color: var(--el-text-color-regular);
1157
+ }
1158
+
1159
+ .fox-table-setting__popper {
1160
+ padding: 0 !important;
1161
+ }
1162
+
1163
+ .fox-table-setting__header {
1164
+ color: #000000d9;
1165
+ border-bottom: 1px solid #0000000f;
1166
+ justify-content: space-between;
1167
+ align-items: center;
1168
+ min-height: 32px;
1169
+ margin: 0;
1170
+ padding: 5px 16px 4px;
1171
+ font-weight: 500;
1172
+ display: flex;
1173
+ }
1174
+
1175
+ .fox-table-setting__body {
1176
+ padding: 8px 0;
1177
+ position: relative;
1178
+ }
1179
+
1180
+ .fox-table-setting__body-list {
1181
+ margin-top: 6px;
1182
+ }
1183
+
1184
+ .fox-table-setting__body-title {
1185
+ color: #00000073;
1186
+ font-size: var(--font-size);
1187
+ padding-left: 24px;
1188
+ line-height: 24px;
1189
+ }
1190
+
1191
+ .fox-table-setting__body-row {
1192
+ box-sizing: content-box;
1193
+ flex-flow: row;
1194
+ justify-content: flex-start;
1195
+ align-items: center;
1196
+ width: 100%;
1197
+ height: 24px;
1198
+ padding: 2px 0;
1199
+ display: flex;
1200
+ }
1201
+
1202
+ .fox-table-setting__body-row.is-dragover {
1203
+ border-bottom: 1px solid var(--el-color-primary);
1204
+ }
1205
+
1206
+ .fox-table-setting__body-row:hover {
1207
+ background: var(--el-color-primary-light-9);
1208
+ }
1209
+
1210
+ .fox-table-setting__body-row:hover .tools-item {
1211
+ opacity: 1;
1212
+ }
1213
+
1214
+ .fox-table-setting__body-row .checkbox-item {
1215
+ margin: 0 0 0 10px;
1216
+ }
1217
+
1218
+ .fox-table-setting__body-row .checkbox-item__label {
1219
+ text-overflow: ellipsis;
1220
+ display: inline-block;
1221
+ overflow: hidden;
1222
+ }
1223
+
1224
+ .fox-table-setting__body-row .icon-item {
1225
+ font-size: var(--font-size);
1226
+ color: #00000073;
1227
+ margin: 0 10px;
1228
+ }
1229
+
1230
+ .fox-table-setting__body-row .tools-item {
1231
+ opacity: 0;
1232
+ box-sizing: border-box;
1233
+ height: 100%;
1234
+ font-size: var(--font-size);
1235
+ color: var(--el-color-primary);
1236
+ flex-flow: row;
1237
+ justify-content: center;
1238
+ align-items: center;
1239
+ margin-left: auto;
1240
+ padding: 0 10px;
1241
+ display: flex;
1242
+ }
1243
+
1244
+ .fox-table-setting__body-row .tools-item .el-icon + .el-icon {
1245
+ margin-left: 6px;
1246
+ }
1247
+
1248
+ .fox-table-setting__body-row .tools-item .el-icon {
1249
+ cursor: pointer;
1250
+ }
1251
+
1252
+ .fox-table-setting__body-row .tools-item .is-reverse {
1253
+ transform: rotateZ(180deg);
1254
+ }
1255
+
1256
+ .fox-table-setting__drag-icon {
1257
+ --color: inherit;
1258
+ width: 1em;
1259
+ height: 1em;
1260
+ line-height: 1em;
1261
+ font-size: inherit;
1262
+ fill: currentColor;
1263
+ color: var(--color);
1264
+ align-items: center;
1265
+ display: inline-flex;
1266
+ position: relative;
1267
+ }
1268
+
1269
+ .fox-table-item__wrap {
1270
+ min-width: 0;
1271
+ min-height: 0;
1272
+ }
1273
+
1274
+ .fox-table-item__content {
1275
+ width: 100%;
1276
+ }
1277
+
1278
+ .fox-table-item__pagination {
1279
+ margin-top: 10px;
1280
+ }
1281
+
1282
+ .fox-table-item__pagination__left {
1283
+ justify-content: flex-start;
1284
+ }
1285
+
1286
+ .fox-table-item__pagination__right {
1287
+ justify-content: flex-end;
1288
+ }
1289
+
1290
+ .fox-table-item__footer {
1291
+ flex-flow: row;
1292
+ align-items: center;
1293
+ display: flex;
1294
+ }
1295
+
1296
+ .fox-table-item__footer__left {
1297
+ justify-content: flex-start;
1298
+ }
1299
+
1300
+ .fox-table-item__footer__right {
1301
+ justify-content: flex-end;
1302
+ }
1303
+
1304
+ .fox-table-item__setting {
1305
+ margin: 10px 10px 0 20px;
1306
+ }
1307
+
1308
+ .fox-table-item__infinite {
1309
+ height: var(--fox-table-item-infinite-height, 26px);
1310
+ background: var(--fox-table-item-infinite-background, #fff);
1311
+ color: var(--fox-table-item-infinite-color, --el-text-color-regular);
1312
+ justify-content: center;
1313
+ align-items: center;
1314
+ display: flex;
1315
+ }
1316
+
1317
+ .fox-table-item__infinite.is-hide {
1318
+ opacity: 0;
1319
+ }
1320
+
1321
+ .fox-table-item__infinite-icon {
1322
+ width: var(--fox-table-item-infinite-icon-size, 12px);
1323
+ height: var(--fox-table-item-infinite-icon-size, 12px);
1324
+ margin-right: 2px;
1325
+ animation-name: loading-rotate;
1326
+ animation-duration: .5s;
1327
+ animation-timing-function: linear;
1328
+ animation-iteration-count: infinite;
1329
+ animation-fill-mode: both;
1330
+ }
1331
+
1332
+ .fox-table-item__infinite-text {
1333
+ font-size: var(--fox-table-item-infinite-font-size, 12px);
1334
+ }
1335
+
1336
+ @keyframes loading-rotate {
1337
+ 0% {
1338
+ transform: rotate(0);
1339
+ }
1340
+
1341
+ 100% {
1342
+ transform: rotate(360deg);
1343
+ }
1344
+ }
1345
+
1346
+ .fox-radio-item__content.is-vertical {
1347
+ flex-flow: column;
1348
+ justify-content: flex-start;
1349
+ align-items: flex-start;
1350
+ display: flex;
1351
+ }
1352
+
1353
+ .fox-radio-item__content.is-vertical .el-radio + .el-radio {
1354
+ margin-top: 10px;
1355
+ }
1356
+
1357
+ .fox-checkbox-item__content.is-vertical {
1358
+ flex-flow: column;
1359
+ justify-content: flex-start;
1360
+ align-items: flex-start;
1361
+ display: flex;
1362
+ }
1363
+
1364
+ .fox-checkbox-item__content.is-vertical .el-checkbox + .el-checkbox {
1365
+ margin-top: 10px;
1366
+ }
1367
+
1368
+ .fox-rate-item__content, .fox-switch-item__content, .fox-tree-select-item__content {
1369
+ width: 100%;
1370
+ }
1371
+
1372
+ .fox-group-setting {
1373
+ --font-size: 12px;
1374
+ }
1375
+
1376
+ .fox-group-setting .el-checkbox {
1377
+ --el-checkbox-text-color: var(--el-text-color-regular);
1378
+ --el-checkbox-checked-text-color: var(--el-text-color-regular);
1379
+ }
1380
+
1381
+ .fox-group-setting__popper {
1382
+ padding: 0 !important;
1383
+ }
1384
+
1385
+ .fox-group-setting__header {
1386
+ color: #000000d9;
1387
+ border-bottom: 1px solid #0000000f;
1388
+ justify-content: space-between;
1389
+ align-items: center;
1390
+ min-height: 32px;
1391
+ margin: 0;
1392
+ padding: 5px 16px 4px;
1393
+ font-weight: 500;
1394
+ display: flex;
1395
+ }
1396
+
1397
+ .fox-group-setting__body {
1398
+ padding: 8px 0;
1399
+ position: relative;
1400
+ }
1401
+
1402
+ .fox-group-setting__body-list {
1403
+ margin-top: 6px;
1404
+ }
1405
+
1406
+ .fox-group-setting__body-title {
1407
+ color: #00000073;
1408
+ font-size: var(--font-size);
1409
+ padding-left: 24px;
1410
+ line-height: 24px;
1411
+ }
1412
+
1413
+ .fox-group-setting__body-row {
1414
+ box-sizing: content-box;
1415
+ flex-flow: row;
1416
+ justify-content: flex-start;
1417
+ align-items: center;
1418
+ width: 100%;
1419
+ height: 24px;
1420
+ padding: 2px 0;
1421
+ display: flex;
1422
+ }
1423
+
1424
+ .fox-group-setting__body-row.is-dragover {
1425
+ border-bottom: 1px solid var(--el-color-primary);
1426
+ }
1427
+
1428
+ .fox-group-setting__body-row:hover {
1429
+ background: var(--el-color-primary-light-9);
1430
+ }
1431
+
1432
+ .fox-group-setting__body-row:hover .tools-item {
1433
+ opacity: 1;
1434
+ }
1435
+
1436
+ .fox-group-setting__body-row .checkbox-item {
1437
+ margin: 0 0 0 10px;
1438
+ }
1439
+
1440
+ .fox-group-setting__body-row .checkbox-item__label {
1441
+ text-overflow: ellipsis;
1442
+ display: inline-block;
1443
+ overflow: hidden;
1444
+ }
1445
+
1446
+ .fox-group-setting__body-row .icon-item {
1447
+ font-size: var(--font-size);
1448
+ color: #00000073;
1449
+ margin: 0 10px;
1450
+ }
1451
+
1452
+ .fox-group-setting__body-row .tools-item {
1453
+ opacity: 0;
1454
+ box-sizing: border-box;
1455
+ height: 100%;
1456
+ font-size: var(--font-size);
1457
+ color: var(--el-color-primary);
1458
+ flex-flow: row;
1459
+ justify-content: center;
1460
+ align-items: center;
1461
+ margin-left: auto;
1462
+ padding: 0 10px;
1463
+ display: flex;
1464
+ }
1465
+
1466
+ .fox-group-setting__body-row .tools-item .el-icon + .el-icon {
1467
+ margin-left: 6px;
1468
+ }
1469
+
1470
+ .fox-group-setting__body-row .tools-item .el-icon {
1471
+ cursor: pointer;
1472
+ }
1473
+
1474
+ .fox-group-setting__body-row .tools-item .is-reverse {
1475
+ transform: rotateZ(180deg);
1476
+ }
1477
+
1478
+ .fox-group-setting__drag-icon {
1479
+ --color: inherit;
1480
+ width: 1em;
1481
+ height: 1em;
1482
+ line-height: 1em;
1483
+ font-size: inherit;
1484
+ fill: currentColor;
1485
+ color: var(--color);
1486
+ align-items: center;
1487
+ display: inline-flex;
1488
+ position: relative;
1489
+ }
1490
+
1491
+ .fox-tree-item__content {
1492
+ width: 100%;
1493
+ }
1494
+
1495
+ .fox-link-item__content {
1496
+ width: 100%;
1497
+ height: var(--fox-input-item-height, 24px);
1498
+ line-height: var(--fox-input-item-height, 24px);
1499
+ font-size: var(--fox-input-item-font-size, var(--fox-font-size-base, var(--el-font-size-base)));
1500
+ color: var(--fox-input-item-color, var(--fox-black, var(--el-color-black)));
1501
+ padding: var(--fox-link-item-padding, 0 5px 0 0);
1502
+ margin: var(--fox-link-item-margin, 0);
1503
+ text-align: var(--fox-input-item-text-align, right);
1504
+ border: 0;
1505
+ outline: 0;
1506
+ flex-flow: column;
1507
+ justify-content: center;
1508
+ align-items: stretch;
1509
+ display: flex;
1510
+ }
1511
+
1512
+ .fox-link-item__append {
1513
+ width: var(--fox-input-item-append-width, 30px);
1514
+ font-size: var(--fox-input-item-append-font-size, var(--fox-font-size-base, var(--el-font-size-base)));
1515
+ justify-content: center;
1516
+ align-items: center;
1517
+ display: flex;
1518
+ position: relative;
1519
+ }
1520
+
1521
+ .fox-link-item__append .action {
1522
+ justify-content: center;
1523
+ align-items: center;
1524
+ display: flex;
1525
+ }
1526
+
1527
+ .fox-link-item__append .action-icon {
1528
+ width: var(--fox-input-item-append-action-icon-size, var(--fox-font-size-base, var(--el-font-size-base)));
1529
+ height: var(--fox-input-item-append-action-icon-size, var(--fox-font-size-base, var(--el-font-size-base)));
1530
+ color: var(--fox-input-item-append-action-icon-color, var(--fox-disable-color, var(--el-text-color-disabled)));
1531
+ }
1532
+
1533
+ .fox-link-item__placeholder {
1534
+ color: var(--fox-input-item-placeholder-color, var(--fox-input-disabled-color, var(--fox-disable-color, var(--el-text-color-disabled))));
1535
+ }
1536
+
1537
+ .fox-link-item__main {
1538
+ width: 100%;
1539
+ }
1540
+
1541
+ .fox-link-item__sub {
1542
+ width: 100%;
1543
+ font-size: var(--fox-link-item-sub-font-size, var(--fox-font-size-small, var(--el-font-size-small)));
1544
+ color: var(--fox-link-item-sub-color, var(--fox-text-color--secondary, var(--el-text-color-secondary)));
1545
+ }
1546
+
1547
+ .fox-link-item.disabled .fox-link-item__content {
1548
+ color: var(--fox-input-item-disabled-color, var(--fox-input-disabled-color, var(--fox-disable-color, var(--el-text-color-disabled))));
1549
+ }
1550
+
1551
+ .fox-tabs-bar {
1552
+ box-sizing: border-box;
1553
+ position: relative;
1554
+ overflow: hidden;
1555
+ }
1556
+
1557
+ .fox-tabs-bar__titles {
1558
+ -webkit-user-select: none;
1559
+ user-select: none;
1560
+ background: var(--fox-tabs-bar-titles-background, var(--fox-fill-color-base, var(--el-fill-color)));
1561
+ border-radius: var(--fox-tabs-bar-titles-border-radius, 0);
1562
+ flex-shrink: 0;
1563
+ display: flex;
1564
+ position: relative;
1565
+ }
1566
+
1567
+ .fox-tabs-bar__titles::-webkit-scrollbar {
1568
+ background: none;
1569
+ width: 0;
1570
+ display: none;
1571
+ }
1572
+
1573
+ .fox-tabs-bar__titles-item {
1574
+ color: var(--fox-tabs-bar-item-color, var(--fox-title-color, var(--el-text-color-primary)));
1575
+ font-weight: var(--fox-tabs-bar-item-font-weight, normal);
1576
+ font-size: var(--fox-tabs-bar-item-font-size-default, var(--fox-font-size-base, var(--el-font-size-base)));
1577
+ margin: 0 var(--fox-tabs-bar-item-gutter, 10px);
1578
+ flex: 1 0 auto;
1579
+ justify-content: center;
1580
+ align-items: center;
1581
+ display: flex;
1582
+ position: relative;
1583
+ }
1584
+
1585
+ .fox-tabs-bar__titles-item.disabled {
1586
+ color: var(--fox-tabs-bar-item-color-disable, var(--fox-disable-color, var(--el-text-color-disabled)));
1587
+ }
1588
+
1589
+ .fox-tabs-bar__titles-item.active {
1590
+ color: var(--fox-tabs-bar-item-color-active, var(--fox-title-color, var(--el-text-color-primary)));
1591
+ font-size: var(--fox-tabs-bar-item-font-size-default-active, var(--fox-font-size-base, var(--el-font-size-base)));
1592
+ font-weight: var(--fox-tabs-bar-item-font-weight-active, bold);
1593
+ }
1594
+
1595
+ .fox-tabs-bar__titles-item.active .fox-tabs-bar__titles-item-line {
1596
+ content: " ";
1597
+ width: var(--fox-tabs-bar-item-line-width-horizontal, 40px);
1598
+ height: var(--fox-tabs-bar-item-line-height-horizontal, 3px);
1599
+ background: var(--fox-tabs-bar-item-line-color-horizontal, var(--fox-color-primary, var(--el-color-primary)));
1600
+ }
1601
+
1602
+ .fox-tabs-bar__titles-item.button {
1603
+ margin: auto var(--fox-tabs-bar-item-gutter-button, 8px);
1604
+ padding: var(--fox-tabs-bar-item-padding-button);
1605
+ width: var(--fox-tabs-bar-item-width-button, 80px);
1606
+ height: var(--fox-tabs-bar-item-height-button, 32px);
1607
+ background: var(--fox-tabs-bar-item-background-button, var(--fox-white, var(--el-color-white)));
1608
+ color: var(--fox-tabs-bar-item-color-button, var(--fox-title-color2, var(--el-text-color-secondary)));
1609
+ font-size: var(--fox-tabs-bar-item-font-size-button, var(--fox-font-size-small, var(--el-font-size-small)));
1610
+ font-weight: var(--fox-tabs-bar-item-font-weight-button, 400);
1611
+ border: var(--fox-tabs-bar-item-border-button, 1px solid transparent);
1612
+ border-radius: var(--fox-tabs-bar-item-radius-button, 4px);
1613
+ }
1614
+
1615
+ .fox-tabs-bar__titles-item.button.active {
1616
+ background: var(--fox-tabs-bar-item-background-active-button, var(--fox-white, var(--el-color-white)));
1617
+ color: var(--fox-tabs-bar-item-color-active-button, var(--fox-color-primary, var(--el-color-primary)));
1618
+ font-size: var(--fox-tabs-bar-item-font-size-active-button, var(--fox-font-size-small, var(--el-font-size-small)));
1619
+ font-weight: var(--fox-tabs-bar-item-font-weight-button, 400);
1620
+ border: var(--fox-tabs-bar-item-border-active-button, 1px solid transparent);
1621
+ }
1622
+
1623
+ .fox-tabs-bar__titles-item.button .fox-tabs-bar__titles-item-line {
1624
+ width: 0;
1625
+ }
1626
+
1627
+ .fox-tabs-bar__titles-item.button-group:first-child {
1628
+ border-top-left-radius: var(--fox-tabs-bar-item-radius-button-group, 8px);
1629
+ border-bottom-left-radius: var(--fox-tabs-bar-item-radius-button-group, 8px);
1630
+ 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)));
1631
+ }
1632
+
1633
+ .fox-tabs-bar__titles-item.button-group:last-child {
1634
+ border-top-right-radius: var(--fox-tabs-bar-item-radius-button-group, 8px);
1635
+ border-bottom-right-radius: var(--fox-tabs-bar-item-radius-button-group, 8px);
1636
+ }
1637
+
1638
+ .fox-tabs-bar__titles-item.button-group {
1639
+ margin: auto var(--fox-tabs-bar-item-gutter-button-group, 0px);
1640
+ width: var(--fox-tabs-bar-item-width-button-group, 105px);
1641
+ height: var(--fox-tabs-bar-item-height-button-group, 32px);
1642
+ background: var(--fox-tabs-bar-item-background-button-group, var(--fox-white, var(--el-color-white)));
1643
+ color: var(--fox-tabs-bar-item-color-button-group, var(--fox-color-primary, var(--el-color-primary)));
1644
+ font-size: var(--fox-tabs-bar-item-font-size-button-group, var(--fox-font-size-base, var(--el-font-size-base)));
1645
+ font-weight: var(--fox-tabs-bar-item-font-weight-button-group, 400);
1646
+ 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)));
1647
+ 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)));
1648
+ 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)));
1649
+ border-left: 0 solid var(--fox-tabs-bar-item-background-active-button-group, var(--fox-color-primary, var(--el-color-primary)));
1650
+ flex: none;
1651
+ }
1652
+
1653
+ .fox-tabs-bar__titles-item.button-group.active {
1654
+ background: var(--fox-tabs-bar-item-background-active-button-group, var(--fox-color-primary, var(--el-color-primary)));
1655
+ color: var(--fox-tabs-bar-item-color-active-button-group, var(--fox-white, var(--el-color-white)));
1656
+ font-size: var(--fox-tabs-bar-item-font-size-active-button-group, var(--fox-font-size-base, var(--el-font-size-base)));
1657
+ font-weight: var(--fox-tabs-bar-item-font-weight-button-group, 400);
1658
+ }
1659
+
1660
+ .fox-tabs-bar__titles-item.button-group .fox-tabs-bar__titles-item-line {
1661
+ width: 0;
1662
+ }
1663
+
1664
+ .fox-tabs-bar__titles-item.capsule {
1665
+ margin: auto var(--fox-tabs-bar-item-gutter-capsule, 0px);
1666
+ width: var(--fox-tabs-bar-item-width-capsule, 100px);
1667
+ height: var(--fox-tabs-bar-item-height-capsule, 29px);
1668
+ background: var(--fox-tabs-bar-item-background-capsule, transparent);
1669
+ color: var(--fox-tabs-bar-item-color-capsule, var(--fox-title-color2, var(--el-text-color-secondary)));
1670
+ font-size: var(--fox-tabs-bar-item-font-size-capsule, var(--fox-font-size-base, var(--el-font-size-base)));
1671
+ font-weight: var(--fox-tabs-bar-item-font-weight-capsule, 400);
1672
+ border: var(--fox-tabs-bar-item-border-width-capsule, 1px) solid transparent;
1673
+ border-radius: var(--fox-tabs-bar-item-radius-capsule, 12px);
1674
+ }
1675
+
1676
+ .fox-tabs-bar__titles-item.capsule.active {
1677
+ background: var(--fox-tabs-bar-item-background-active-capsule, var(--fox-white, var(--el-color-white)));
1678
+ color: var(--fox-tabs-bar-item-color-active-capsule, var(--fox-color-primary, var(--el-color-primary)));
1679
+ font-size: var(--fox-tabs-bar-item-font-size-active-capsule, var(--fox-font-size-base, var(--el-font-size-base)));
1680
+ font-weight: var(--fox-tabs-bar-item-font-weight-capsule, 400);
1681
+ }
1682
+
1683
+ .fox-tabs-bar__titles-item.capsule .fox-tabs-bar__titles-item-line {
1684
+ width: 0;
1685
+ }
1686
+
1687
+ .fox-tabs-bar__titles-item-text.ellipsis {
1688
+ text-overflow: ellipsis;
1689
+ white-space: nowrap;
1690
+ width: 100%;
1691
+ overflow: hidden;
1692
+ }
1693
+
1694
+ .fox-tabs-bar__titles-item-text {
1695
+ text-align: center;
1696
+ position: relative;
1697
+ }
1698
+
1699
+ .fox-tabs-bar__titles-item-line {
1700
+ content: " ";
1701
+ width: 0;
1702
+ height: 0;
1703
+ bottom: var(--fox-tabs-bar-item-line-bottom, 0px);
1704
+ border-radius: var(--fox-tabs-bar-item-line-border-radius, 0);
1705
+ opacity: var(--fox-tabs-bar-item-line-opacity, 1);
1706
+ transition: width .3s;
1707
+ position: absolute;
1708
+ left: 50%;
1709
+ overflow: hidden;
1710
+ transform: translate(-50%);
1711
+ }
1712
+
1713
+ .fox-tabs-bar__titles-item-tip {
1714
+ line-height: 1;
1715
+ font-size: var(--fox-tabs-bar-item-tip-font-size, var(--fox-font-size-extra-small, var(--el-font-size-extra-small)));
1716
+ color: var(--fox-tabs-bar-item-tip-color, var(--fox-white, var(--el-color-white)));
1717
+ background: var(--fox-tabs-bar-item-tip-background, var(--fox-color-primary, var(--el-color-primary)));
1718
+ box-shadow: var(--fox-tabs-bar-item-tip-box-shadow, 0 0 0 1px var(--fox-white, var(--el-color-white)));
1719
+ border-radius: 50%;
1720
+ position: absolute;
1721
+ top: 0;
1722
+ right: 0;
1723
+ transform: translate(50%, -50%);
1724
+ }
1725
+
1726
+ .fox-tabs-bar__titles-item-tip.doit {
1727
+ width: var(--fox-tabs-bar-item-doit-size, 7px);
1728
+ height: var(--fox-tabs-bar-item-doit-size, 7px);
1729
+ padding: 0;
1730
+ }
1731
+
1732
+ .fox-tabs-bar__titles-item-tip.num {
1733
+ padding: 1px 2px 2px 3px;
1734
+ line-height: 1;
1735
+ }
1736
+
1737
+ .fox-tabs-bar__titles.has-navigation {
1738
+ margin-right: var(--fox-tabs-bar-navigation-width, 30px);
1739
+ }
1740
+
1741
+ .fox-tabs-bar__titles.has-left-scroll-arrow {
1742
+ margin-left: var(--fox-tabs-bar-navigation-width, 30px);
1743
+ }
1744
+
1745
+ .fox-tabs-bar__titles.has-right-scroll-arrow {
1746
+ margin-right: var(--fox-tabs-bar-navigation-width, 30px);
1747
+ }
1748
+
1749
+ .fox-tabs-bar__titles.large .fox-tabs-bar__titles-item {
1750
+ font-size: var(--fox-tabs-bar-item-font-size-large, var(--fox-font-size-medium, var(--el-font-size-medium)));
1751
+ }
1752
+
1753
+ .fox-tabs-bar__titles.large .fox-tabs-bar__titles-item.active {
1754
+ font-size: var(--fox-tabs-bar-item-font-size-large-active, var(--fox-font-size-medium, var(--el-font-size-medium)));
1755
+ }
1756
+
1757
+ .fox-tabs-bar__titles.small .fox-tabs-bar__titles-item {
1758
+ font-size: var(--fox-tabs-bar-item-font-size-small, var(--fox-font-size-small, var(--el-font-size-small)));
1759
+ }
1760
+
1761
+ .fox-tabs-bar__titles.small .fox-tabs-bar__titles-item.active {
1762
+ font-size: var(--fox-tabs-bar-item-font-size-small-active, var(--fox-font-size-small, var(--el-font-size-small)));
1763
+ }
1764
+
1765
+ .fox-tabs-bar__titles.horizontal {
1766
+ height: var(--fox-tabs-bar-titles-height-horizontal, 44px);
1767
+ }
1768
+
1769
+ .fox-tabs-bar__titles.horizontal .fox-tabs-bar__titles-item {
1770
+ min-width: var(--fox-tabs-bar-item-min-width-horizontal, 50px);
1771
+ }
1772
+
1773
+ .fox-tabs-bar__titles.horizontal .fox-tabs-bar__titles-item:first-child {
1774
+ margin-left: 0 !important;
1775
+ }
1776
+
1777
+ .fox-tabs-bar__titles.horizontal .fox-tabs-bar__titles-item:last-child {
1778
+ margin-right: 0 !important;
1779
+ }
1780
+
1781
+ .fox-tabs-bar__titles.horizontal.scrollable {
1782
+ overflow: auto hidden;
1783
+ }
1784
+
1785
+ .fox-tabs-bar__titles.horizontal.stretch {
1786
+ justify-content: stretch;
1787
+ }
1788
+
1789
+ .fox-tabs-bar__titles.horizontal.stretch .fox-tabs-bar__titles-item {
1790
+ flex: 1 0 auto;
1791
+ }
1792
+
1793
+ .fox-tabs-bar__titles.horizontal.left {
1794
+ justify-content: flex-start;
1795
+ }
1796
+
1797
+ .fox-tabs-bar__titles.horizontal.left .fox-tabs-bar__titles-item {
1798
+ flex: none;
1799
+ }
1800
+
1801
+ .fox-tabs-bar__titles.horizontal.right {
1802
+ justify-content: flex-end;
1803
+ }
1804
+
1805
+ .fox-tabs-bar__titles.horizontal.right .fox-tabs-bar__titles-item {
1806
+ flex: none;
1807
+ }
1808
+
1809
+ .fox-tabs-bar__titles.horizontal.center {
1810
+ justify-content: center;
1811
+ }
1812
+
1813
+ .fox-tabs-bar__titles.horizontal.center .fox-tabs-bar__titles-item {
1814
+ flex: none;
1815
+ }
1816
+
1817
+ .fox-tabs-bar__titles.horizontal.space-around {
1818
+ justify-content: space-around;
1819
+ }
1820
+
1821
+ .fox-tabs-bar__titles.horizontal.space-around .fox-tabs-bar__titles-item {
1822
+ flex: none;
1823
+ }
1824
+
1825
+ .fox-tabs-bar__titles.horizontal.space-between {
1826
+ justify-content: space-between;
1827
+ }
1828
+
1829
+ .fox-tabs-bar__titles.horizontal.space-between .fox-tabs-bar__titles-item {
1830
+ flex: none;
1831
+ }
1832
+
1833
+ .fox-tabs-bar__titles.vertical {
1834
+ width: var(--fox-tabs-bar-titles-width-vertical, 100px);
1835
+ flex-direction: column;
1836
+ }
1837
+
1838
+ .fox-tabs-bar__titles.vertical .fox-tabs-bar__titles-item {
1839
+ width: 100%;
1840
+ height: var(--fox-tabs-bar-item-height-vertical, 40px);
1841
+ margin: var(--fox-tabs-bar-item-gutter-vertical, 0px) auto;
1842
+ padding: var(--fox-tabs-bar-item-padding-vertical, 0px);
1843
+ flex: none;
1844
+ }
1845
+
1846
+ .fox-tabs-bar__titles.vertical .fox-tabs-bar__titles-item:first-child {
1847
+ margin-top: 0 !important;
1848
+ }
1849
+
1850
+ .fox-tabs-bar__titles.vertical .fox-tabs-bar__titles-item:last-child {
1851
+ margin-bottom: 0 !important;
1852
+ }
1853
+
1854
+ .fox-tabs-bar__titles.vertical .fox-tabs-bar__titles-item-line {
1855
+ bottom: none;
1856
+ width: 0;
1857
+ height: 0;
1858
+ transition: height .3s;
1859
+ transform: translate(0, -50%);
1860
+ }
1861
+
1862
+ .fox-tabs-bar__titles.vertical .fox-tabs-bar__titles-item.active {
1863
+ background-color: #fff;
1864
+ }
1865
+
1866
+ .fox-tabs-bar__titles.vertical .fox-tabs-bar__titles-item.active .fox-tabs-bar__titles-item-line {
1867
+ width: var(--fox-tabs-bar-item-line-width-vertical, 3px);
1868
+ height: var(--fox-tabs-bar-item-line-height-vertical, 14px);
1869
+ background: var(--fox-tabs-bar-item-line-color-vertical, var(--fox-color-primary, var(--el-color-primary)));
1870
+ top: 50%;
1871
+ left: 10px;
1872
+ }
1873
+
1874
+ .fox-tabs-bar__titles.vertical.scrollable {
1875
+ height: 100%;
1876
+ overflow: hidden auto;
1877
+ }
1878
+
1879
+ .fox-tabs-bar__titles.capsule {
1880
+ padding: var(--fox-tabs-bar-titles-padding-capsule, 5px 8px);
1881
+ background: var(--fox-tabs-bar-titles-background-capsule, var(--fox-fill-color-base, var(--el-fill-color)));
1882
+ border-radius: var(--fox-tabs-bar-titles-border-radius-capsule, 16px);
1883
+ }
1884
+
1885
+ .fox-tabs-bar__navigation {
1886
+ height: var(--fox-tabs-bar-titles-height-horizontal, 44px);
1887
+ width: var(--fox-tabs-bar-navigation-width, 30px);
1888
+ background: var(--fox-tabs-bar-titles-background, var(--fox-fill-color-base, var(--el-fill-color)));
1889
+ flex-flow: row;
1890
+ justify-content: flex-end;
1891
+ align-items: center;
1892
+ display: flex;
1893
+ position: absolute;
1894
+ top: 0;
1895
+ right: 0;
1896
+ }
1897
+
1898
+ .fox-tabs-bar__popup {
1899
+ background: var(--fox-tabs-bar-popup-background, var(--fox-white, var(--el-color-white)));
1900
+ max-height: var(--fox-tabs-bar-popup-max-height, 500px);
1901
+ padding: var(--fox-tabs-bar-popup-padding, 12px 0 0 12px);
1902
+ box-shadow: var(--fox-tabs-bar-popup-box-shadow, var(--fox-box-shadow, var(--el-box-shadow)));
1903
+ z-index: 1;
1904
+ opacity: 0;
1905
+ flex-flow: wrap;
1906
+ justify-content: flex-start;
1907
+ align-items: flex-start;
1908
+ transition: opacity .36s;
1909
+ display: flex;
1910
+ position: absolute;
1911
+ bottom: 0;
1912
+ left: 0;
1913
+ right: 0;
1914
+ transform: translateY(100%);
1915
+ }
1916
+
1917
+ .fox-tabs-bar__popup-item {
1918
+ border-radius: var(--fox-tabs-bar-popup-item-radius, 16px);
1919
+ color: var(--fox-tabs-bar-popup-item-color, var(--fox-title-color, var(--el-text-color-primary)));
1920
+ background: var(--fox-tabs-bar-popup-item-background, var(--fox-fill-color-base, var(--el-fill-color)));
1921
+ padding: var(--fox-tabs-bar-popup-item-padding, 5px 12px 5px 12px);
1922
+ margin: var(--fox-tabs-bar-popup-item-margin, 0px 12px 12px 0);
1923
+ text-wrap: nowrap;
1924
+ }
1925
+
1926
+ .fox-tabs-bar__popup-item.active {
1927
+ color: var(--fox-tabs-bar-popup-item-color-active, var(--fox-color-primary, var(--el-color-primary)));
1928
+ background: var(--fox-tabs-bar-popup-item-background-active, var(--fox-color-primary-light-9, var(--el-color-primary-light-9)));
1929
+ }
1930
+
1931
+ .fox-tabs-bar__popup--show {
1932
+ opacity: 1;
1933
+ }
1934
+
1935
+ .fox-tabs-bar__scroll-arrow {
1936
+ position: absolute;
1937
+ top: 50%;
1938
+ transform: translateY(-50%);
1939
+ }
1940
+
1941
+ .fox-tabs-bar__scroll-arrow.left {
1942
+ left: 0;
1943
+ }
1944
+
1945
+ .fox-tabs-bar__scroll-arrow.right {
1946
+ right: 0;
1947
+ }
1948
+
1949
+ .fox-tabs-container {
1950
+ box-sizing: border-box;
1951
+ display: block;
1952
+ overflow: hidden;
1953
+ }
1954
+
1955
+ .fox-tabs-container.horizontal .fox-tabs-container__panes {
1956
+ flex-flow: row;
1957
+ justify-content: flex-start;
1958
+ align-items: stretch;
1959
+ }
1960
+
1961
+ .fox-tabs-container.vertical .fox-tabs-container__panes {
1962
+ flex-flow: column;
1963
+ justify-content: flex-start;
1964
+ align-items: stretch;
1965
+ }
1966
+
1967
+ .fox-tabs-container__panes {
1968
+ transition: transform .3s;
1969
+ display: flex;
1970
+ }
1971
+
1972
+ .fox-tabs-pane {
1973
+ flex: none;
1974
+ }
1975
+
1976
+ .fox-tabs-pane__empty {
1977
+ flex-flow: column;
1978
+ justify-content: center;
1979
+ align-items: center;
1980
+ width: 100%;
1981
+ height: 100%;
1982
+ padding: 20px;
1983
+ display: flex;
1984
+ }
1985
+
1986
+ .fox-tabs-pane__empty-icon {
1987
+ width: 16px;
1988
+ height: 16px;
1989
+ animation-name: loading-rotate;
1990
+ animation-duration: .5s;
1991
+ animation-timing-function: linear;
1992
+ animation-iteration-count: infinite;
1993
+ animation-fill-mode: both;
1994
+ }
1995
+
1996
+ .fox-tabs-pane__empty-text {
1997
+ margin-top: 10px;
1998
+ }
1999
+
2000
+ .fox-tabs-pane.is-no-transition {
2001
+ width: 100%;
2002
+ }
2003
+
2004
+ .fox-tabs-frame {
2005
+ box-sizing: border-box;
2006
+ display: grid;
2007
+ overflow: hidden;
2008
+ }
2009
+
2010
+ .fox-tabs-frame.horizontal-tabbar {
2011
+ grid-template-rows: auto 1fr;
2012
+ grid-template-columns: 1fr;
2013
+ }
2014
+
2015
+ .fox-tabs-frame.vertical-tabbar {
2016
+ grid-template-rows: 1fr;
2017
+ grid-template-columns: auto 1fr;
2018
+ }
2019
+
2020
+ .fox-tabs-frame__bar {
2021
+ margin: var(--fox-tabs-frame-bar-margin, 0);
2022
+ }
2023
+
2024
+ .fox-steps-bar {
2025
+ box-sizing: border-box;
2026
+ color: var(--fox-steps-bar-normal-color, var(--fox-white, var(--el-color-white)));
2027
+ font-size: var(--fox-steps-bar-font-size, var(--fox-font-size-base, var(--el-font-size-base)));
2028
+ justify-content: flex-start;
2029
+ align-items: flex-start;
2030
+ display: flex;
2031
+ }
2032
+
2033
+ .fox-steps-bar.is-scroll {
2034
+ box-sizing: border-box;
2035
+ }
2036
+
2037
+ .fox-steps-bar::-webkit-scrollbar {
2038
+ background: none;
2039
+ width: 0;
2040
+ display: none;
2041
+ }
2042
+
2043
+ .fox-steps-bar.is-horizontal {
2044
+ flex-flow: row;
2045
+ }
2046
+
2047
+ .fox-steps-bar.is-horizontal.is-scroll {
2048
+ overflow: auto hidden;
2049
+ }
2050
+
2051
+ .fox-steps-bar.is-horizontal .fox-steps-bar__step {
2052
+ flex-flow: column;
2053
+ position: relative;
2054
+ }
2055
+
2056
+ .fox-steps-bar.is-horizontal .fox-steps-bar__step.center .fox-steps-bar__icon {
2057
+ left: 50%;
2058
+ transform: translateX(-50%);
2059
+ }
2060
+
2061
+ .fox-steps-bar.is-horizontal .fox-steps-bar__step.center .fox-steps-bar__line {
2062
+ left: 50%;
2063
+ right: -50%;
2064
+ }
2065
+
2066
+ .fox-steps-bar.is-horizontal .fox-steps-bar__step.center .fox-steps-bar__main {
2067
+ text-align: center;
2068
+ width: 100%;
2069
+ transform: translateX(0);
2070
+ }
2071
+
2072
+ .fox-steps-bar.is-horizontal .fox-steps-bar__step.is-doit .fox-steps-bar__icon {
2073
+ top: 50%;
2074
+ transform: translateY(-50%);
2075
+ }
2076
+
2077
+ .fox-steps-bar.is-horizontal .fox-steps-bar__head {
2078
+ flex: 0 0 var(--fox-steps-bar-icon-size, 28px);
2079
+ width: 100%;
2080
+ }
2081
+
2082
+ .fox-steps-bar.is-horizontal .fox-steps-bar__main {
2083
+ z-index: 2;
2084
+ transform: translateX(calc(-50% + var(--fox-steps-bar-icon-size, 28px) / 2));
2085
+ margin: var(--fox-steps-bar-main-margin-horizontal, 10px 0 0 0);
2086
+ width: var(--fox-steps-bar-main-width-horizontal, auto);
2087
+ height: var(--fox-steps-bar-main-height-horizontal, auto);
2088
+ line-height: var(--fox-steps-bar-main-line-height-horizontal, auto);
2089
+ }
2090
+
2091
+ .fox-steps-bar.is-horizontal .fox-steps-bar__icon {
2092
+ position: absolute;
2093
+ }
2094
+
2095
+ .fox-steps-bar.is-horizontal .fox-steps-bar__line {
2096
+ position: absolute;
2097
+ top: 50%;
2098
+ left: 0;
2099
+ right: 0;
2100
+ transform: translateY(-50%);
2101
+ }
2102
+
2103
+ .fox-steps-bar.is-vertical {
2104
+ flex-flow: column;
2105
+ }
2106
+
2107
+ .fox-steps-bar.is-vertical.is-scroll {
2108
+ overflow: hidden auto;
2109
+ }
2110
+
2111
+ .fox-steps-bar.is-vertical .fox-steps-bar__step {
2112
+ flex-flow: row;
2113
+ }
2114
+
2115
+ .fox-steps-bar.is-vertical .fox-steps-bar__step.center .fox-steps-bar__icon {
2116
+ top: 50%;
2117
+ transform: translateY(-50%);
2118
+ }
2119
+
2120
+ .fox-steps-bar.is-vertical .fox-steps-bar__step.center .fox-steps-bar__line {
2121
+ top: 50%;
2122
+ bottom: -50%;
2123
+ }
2124
+
2125
+ .fox-steps-bar.is-vertical .fox-steps-bar__step.is-doit .fox-steps-bar__icon {
2126
+ left: 50%;
2127
+ transform: translateX(-50%);
2128
+ }
2129
+
2130
+ .fox-steps-bar.is-vertical .fox-steps-bar__head {
2131
+ flex: 0 0 var(--fox-steps-bar-icon-size, 28px);
2132
+ height: 100%;
2133
+ }
2134
+
2135
+ .fox-steps-bar.is-vertical .fox-steps-bar__main {
2136
+ margin: var(--fox-steps-bar-main-margin-vertical, 0 0 0 0);
2137
+ width: var(--fox-steps-bar-main-width-vertical, 100px);
2138
+ height: var(--fox-steps-bar-main-height-vertical, auto);
2139
+ line-height: var(--fox-steps-bar-main-line-height-vertical, var(--fox-steps-bar-icon-size, 28px));
2140
+ flex: none;
2141
+ }
2142
+
2143
+ .fox-steps-bar.is-vertical .fox-steps-bar__icon {
2144
+ box-sizing: border-box;
2145
+ height: var(--fox-steps-bar-icon-size, 28px);
2146
+ width: var(--fox-steps-bar-icon-size, 28px);
2147
+ position: absolute;
2148
+ }
2149
+
2150
+ .fox-steps-bar.is-vertical .fox-steps-bar__line {
2151
+ width: 2px;
2152
+ position: absolute;
2153
+ top: 0;
2154
+ bottom: 0;
2155
+ left: 50%;
2156
+ transform: translateX(-50%);
2157
+ }
2158
+
2159
+ .fox-steps-bar.is-vertical .fox-steps-bar__mark {
2160
+ color: var(--fox-steps-bar-mark-color, var(--fox-color-primary, var(--el-color-primary)));
2161
+ height: var(--fox-steps-bar-mark-height-vertical, var(--fox-steps-bar-icon-size, 28px));
2162
+ width: var(--fox-steps-bar-mark-width-vertical, var(--fox-steps-bar-icon-size, 28px));
2163
+ flex: none;
2164
+ justify-content: flex-end;
2165
+ align-items: center;
2166
+ display: flex;
2167
+ }
2168
+
2169
+ .fox-steps-bar.is-simple {
2170
+ flex-flow: row;
2171
+ }
2172
+
2173
+ .fox-steps-bar.is-simple.is-scroll {
2174
+ overflow: auto hidden;
2175
+ }
2176
+
2177
+ .fox-steps-bar.is-simple .fox-steps-bar__head {
2178
+ flex-flow: row;
2179
+ justify-content: flex-start;
2180
+ align-items: center;
2181
+ width: 100%;
2182
+ display: flex;
2183
+ position: relative;
2184
+ }
2185
+
2186
+ .fox-steps-bar.is-simple .fox-steps-bar__main {
2187
+ line-height: var(--fox-steps-bar-icon-size, 28px);
2188
+ z-index: 2;
2189
+ background: none;
2190
+ flex: none;
2191
+ padding: 0 5px;
2192
+ }
2193
+
2194
+ .fox-steps-bar.is-simple .fox-steps-bar__icon {
2195
+ flex: none;
2196
+ }
2197
+
2198
+ .fox-steps-bar.is-simple .fox-steps-bar__line {
2199
+ flex: 100%;
2200
+ }
2201
+
2202
+ .fox-steps-bar__step {
2203
+ flex-shrink: 0;
2204
+ justify-content: flex-start;
2205
+ align-items: flex-start;
2206
+ display: flex;
2207
+ }
2208
+
2209
+ .fox-steps-bar__step.is-active {
2210
+ color: var(--fox-steps-bar-active-color, var(--fox-white, var(--el-color-white)));
2211
+ }
2212
+
2213
+ .fox-steps-bar__step.is-active .fox-steps-bar__main {
2214
+ color: var(--fox-steps-bar-text-active-color, var(--fox-black, var(--el-color-black)));
2215
+ }
2216
+
2217
+ .fox-steps-bar__step.is-active .fox-steps-bar__icon {
2218
+ color: var(--fox-steps-bar-icon-active-color, var(--fox-white, var(--el-color-white)));
2219
+ background: var(--fox-steps-bar-icon-bg-active-color, var(--fox-color-primary, var(--el-color-primary)));
2220
+ }
2221
+
2222
+ .fox-steps-bar__step.is-done {
2223
+ color: var(--fox-steps-bar-done-color, var(--fox-white, var(--el-color-white)));
2224
+ }
2225
+
2226
+ .fox-steps-bar__step.is-done .fox-steps-bar__main {
2227
+ color: var(--fox-steps-bar-text-done-color, var(--fox-black, var(--el-color-black)));
2228
+ }
2229
+
2230
+ .fox-steps-bar__step.is-done .fox-steps-bar__icon {
2231
+ color: var(--fox-steps-bar-icon-done-color, var(--fox-white, var(--el-color-white)));
2232
+ background: var(--fox-steps-bar-icon-bg-done-color, var(--fox-color-success, var(--el-color-success)));
2233
+ }
2234
+
2235
+ .fox-steps-bar__step.is-error {
2236
+ color: var(--fox-steps-bar-error-color, var(--fox-white, var(--el-color-white)));
2237
+ }
2238
+
2239
+ .fox-steps-bar__step.is-error .fox-steps-bar__main {
2240
+ color: var(--fox-steps-bar-text-error-color, var(--fox-black, var(--el-color-black)));
2241
+ }
2242
+
2243
+ .fox-steps-bar__step.is-error .fox-steps-bar__icon {
2244
+ color: var(--fox-steps-bar-icon-error-color, var(--fox-white, var(--el-color-white)));
2245
+ background: var(--fox-steps-bar-icon-bg-error-color, var(--fox-color-danger, var(--el-color-danger)));
2246
+ }
2247
+
2248
+ .fox-steps-bar__step.is-half {
2249
+ color: var(--fox-steps-bar-half-color, var(--fox-white, var(--el-color-white)));
2250
+ }
2251
+
2252
+ .fox-steps-bar__step.is-half .fox-steps-bar__main {
2253
+ color: var(--fox-steps-bar-text-half-color, var(--fox-black, var(--el-color-black)));
2254
+ }
2255
+
2256
+ .fox-steps-bar__step.is-half .fox-steps-bar__icon {
2257
+ color: var(--fox-steps-bar-icon-half-color, var(--fox-white, var(--el-color-white)));
2258
+ background: var(--fox-steps-bar-icon-bg-half-color, var(--fox-color-warning, var(--el-color-warning)));
2259
+ }
2260
+
2261
+ .fox-steps-bar__step.is-doit .fox-steps-bar__icon {
2262
+ color: #fff0;
2263
+ width: 7px;
2264
+ height: 7px;
2265
+ position: relative;
2266
+ }
2267
+
2268
+ .fox-steps-bar__step.is-doit .fox-steps-bar__icon > * {
2269
+ display: none;
2270
+ }
2271
+
2272
+ .fox-steps-bar__step.is-doit.is-active .fox-steps-bar__icon:before {
2273
+ content: "";
2274
+ background-color: var(--fox-steps-bar-icon-bg-active-color, var(--fox-color-primary, var(--el-color-primary)));
2275
+ opacity: .23;
2276
+ border-radius: 50%;
2277
+ width: 14px;
2278
+ height: 14px;
2279
+ margin-top: -7px;
2280
+ margin-left: -7px;
2281
+ display: inline-block;
2282
+ position: absolute;
2283
+ top: 50%;
2284
+ left: 50%;
2285
+ }
2286
+
2287
+ .fox-steps-bar__head {
2288
+ position: relative;
2289
+ }
2290
+
2291
+ .fox-steps-bar__line {
2292
+ background: var(--fox-steps-bar-line-normal-color, var(--fox-disable-color, var(--el-text-color-disabled)));
2293
+ border-color: inherit;
2294
+ }
2295
+
2296
+ .fox-steps-bar__line-inner {
2297
+ color: var(--fox-steps-bar-line-active-color, var(--fox-color-primary, var(--el-color-primary)));
2298
+ border-width: var(--fox-steps-bar-line-border-width, 1px);
2299
+ border-style: var(--fox-steps-bar-line-border-style, solid);
2300
+ border-color: inherit;
2301
+ box-sizing: border-box;
2302
+ width: 0;
2303
+ height: 0;
2304
+ transition: all .15s ease-out;
2305
+ display: block;
2306
+ }
2307
+
2308
+ .fox-steps-bar__icon {
2309
+ color: var(--fox-steps-bar-icon-normal-color, var(--fox-white, var(--el-color-white)));
2310
+ background: var(--fox-steps-bar-icon-bg-normal-color, var(--fox-disable-color, var(--el-text-color-disabled)));
2311
+ cursor: pointer;
2312
+ border: var(--fox-steps-bar-icon-border, none);
2313
+ box-sizing: border-box;
2314
+ 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))));
2315
+ width: var(--fox-steps-bar-icon-size, 28px);
2316
+ height: var(--fox-steps-bar-icon-size, 28px);
2317
+ border-radius: 50%;
2318
+ justify-content: center;
2319
+ align-items: center;
2320
+ display: flex;
2321
+ }
2322
+
2323
+ .fox-steps-bar__icon-inner {
2324
+ text-align: center;
2325
+ justify-content: center;
2326
+ align-items: center;
2327
+ display: flex;
2328
+ }
2329
+
2330
+ .fox-steps-bar__icon-inner svg {
2331
+ height: var(--fox-steps-bar-icon-size, 28px);
2332
+ width: var(--fox-steps-bar-icon-size, 28px);
2333
+ line-height: var(--fox-steps-bar-icon-size, 28px);
2334
+ }
2335
+
2336
+ .fox-steps-bar__main {
2337
+ color: var(--fox-steps-bar-text-normal-color, var(--fox-disable-color, var(--el-text-color-disabled)));
2338
+ 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))));
2339
+ text-overflow: ellipsis;
2340
+ white-space: nowrap;
2341
+ overflow: hidden;
2342
+ }
2343
+
2344
+ .fox-dialog-item.hide-header .el-dialog__header {
2345
+ display: none !important;
2346
+ }
2347
+
2348
+ .fox-dialog-item > .el-dialog__body {
2349
+ height: var(--fox-dialog-item-body-height, auto);
2350
+ }
2351
+
2352
+ .overlay-fade-enter-active, .overlay-fade-leave-active {
2353
+ transition-property: opacity;
2354
+ transition-timing-function: ease;
2355
+ }
2356
+
2357
+ .overlay-fade-enter-from, .overlay-fade-leave-to {
2358
+ opacity: 0;
2359
+ }
2360
+
2361
+ .fox-overlay {
2362
+ background: var(--fox-overlay-bg-color, var(--el-overlay-color-light));
2363
+ width: 100%;
2364
+ height: 100%;
2365
+ position: fixed;
2366
+ top: 0;
2367
+ left: 0;
2368
+ }
2369
+
2370
+ .fox-overflow-hidden {
2371
+ overflow: hidden !important;
2372
+ }
2373
+
2374
+ .fox-theme-dark .fox-popup {
2375
+ background: var(--fox-dark-background-2, #1b1b1b);
2376
+ }
2377
+
2378
+ .fox-theme-dark .fox-popup__close-icon {
2379
+ color: var(--fox-dark-color, var(--fox-white, var(--el-color-white)));
2380
+ }
2381
+
2382
+ .fox-popup-slide-center-enter-active, .fox-popup-slide-center-leave-active {
2383
+ transition-property: opacity;
2384
+ transition-timing-function: ease;
2385
+ }
2386
+
2387
+ .fox-popup-slide-center-enter-from, .fox-popup-slide-center-leave-to {
2388
+ opacity: 0;
2389
+ }
2390
+
2391
+ .fox-popup-slide-top-enter-from, .fox-popup-slide-top-leave-active {
2392
+ transform: translate(0, -100%);
2393
+ }
2394
+
2395
+ .fox-popup-slide-right-enter-from, .fox-popup-slide-right-leave-active {
2396
+ transform: translate(100%);
2397
+ }
2398
+
2399
+ .fox-popup-slide-bottom-enter-from, .fox-popup-slide-bottom-leave-active {
2400
+ transform: translate(0, 100%);
2401
+ }
2402
+
2403
+ .fox-popup-slide-left-enter-from, .fox-popup-slide-left-leave-active {
2404
+ transform: translate(-100%);
2405
+ }
2406
+
2407
+ .fox-popup--center {
2408
+ top: 50vh;
2409
+ left: 50vw;
2410
+ transform: translate(-50%, -50%);
2411
+ }
2412
+
2413
+ .fox-popup--center.round {
2414
+ border-radius: var(--fox-popup-border-radius, 20px);
2415
+ }
2416
+
2417
+ .fox-popup--bottom {
2418
+ width: 100vw;
2419
+ bottom: 0;
2420
+ left: 0;
2421
+ }
2422
+
2423
+ .fox-popup--bottom.round {
2424
+ border-radius: var(--fox-popup-border-radius, 20px) var(--fox-popup-border-radius, 20px) 0 0;
2425
+ }
2426
+
2427
+ .fox-popup--bottom--safebottom {
2428
+ padding-bottom: constant(safe-area-inset-bottom);
2429
+ padding-bottom: env(safe-area-inset-bottom);
2430
+ }
2431
+
2432
+ .fox-popup--right {
2433
+ top: 0;
2434
+ right: 0;
2435
+ }
2436
+
2437
+ .fox-popup--right.round {
2438
+ border-radius: var(--fox-popup-border-radius, 20px) 0 0 var(--fox-popup-border-radius, 20px);
2439
+ }
2440
+
2441
+ .fox-popup--left {
2442
+ top: 0;
2443
+ left: 0;
2444
+ }
2445
+
2446
+ .fox-popup--left.round {
2447
+ border-radius: 0 var(--fox-popup-border-radius, 20px) var(--fox-popup-border-radius, 20px) 0;
2448
+ }
2449
+
2450
+ .fox-popup--top {
2451
+ width: 100vw;
2452
+ top: 0;
2453
+ left: 0;
2454
+ }
2455
+
2456
+ .fox-popup--top.round {
2457
+ border-radius: 0 0 var(--fox-popup-border-radius, 20px) var(--fox-popup-border-radius, 20px);
2458
+ }
2459
+
2460
+ .fox-popup {
2461
+ background-color: var(--fox-white, var(--el-color-white));
2462
+ -webkit-overflow-scrolling: touch;
2463
+ max-height: 100%;
2464
+ position: fixed;
2465
+ overflow-y: auto;
2466
+ }
2467
+
2468
+ .fox-popup__close-icon {
2469
+ z-index: 1;
2470
+ color: #969799;
2471
+ cursor: pointer;
2472
+ text-align: center;
2473
+ width: 30px;
2474
+ height: 30px;
2475
+ font-size: 18px;
2476
+ line-height: 30px;
2477
+ position: absolute !important;
2478
+ }
2479
+
2480
+ .fox-popup__close-icon > svg {
2481
+ width: var(--fox-popup-close-icon-size, var(--fox-font-size-small, var(--el-font-size-small)));
2482
+ height: var(--fox-popup-close-icon-size, var(--fox-font-size-small, var(--el-font-size-small)));
2483
+ }
2484
+
2485
+ .fox-popup__close-icon:active {
2486
+ opacity: .7;
2487
+ }
2488
+
2489
+ .fox-popup__close-icon--top-left {
2490
+ top: var(--fox-popup-close-icon-margin, 16px);
2491
+ left: var(--fox-popup-close-icon-margin, 16px);
2492
+ }
2493
+
2494
+ .fox-popup__close-icon--top-right {
2495
+ top: var(--fox-popup-close-icon-margin, 16px);
2496
+ right: var(--fox-popup-close-icon-margin, 16px);
2497
+ }
2498
+
2499
+ .fox-popup__close-icon--bottom-left {
2500
+ bottom: var(--fox-popup-close-icon-margin, 16px);
2501
+ left: var(--fox-popup-close-icon-margin, 16px);
2502
+ }
2503
+
2504
+ .fox-popup__close-icon--bottom-right {
2505
+ right: var(--fox-popup-close-icon-margin, 16px);
2506
+ bottom: var(--fox-popup-close-icon-margin, 16px);
2507
+ }
2508
+
2509
+ .fox-toast {
2510
+ text-align: center;
2511
+ pointer-events: none;
2512
+ z-index: 9999;
2513
+ width: 100%;
2514
+ font-family: var(--fox-font-family, PingFang SC, Microsoft YaHei, Helvetica, Hiragino Sans GB, SimSun, sans-serif);
2515
+ position: fixed;
2516
+ bottom: 150px;
2517
+ left: 0;
2518
+ }
2519
+
2520
+ .fox-toast-small .fox-toast-inner {
2521
+ font-size: var(--fox-font-size-small, var(--el-font-size-small));
2522
+ }
2523
+
2524
+ .fox-toast-large .fox-toast-inner {
2525
+ font-size: var(--fox-font-size-large, var(--el-font-size-large));
2526
+ }
2527
+
2528
+ .fox-toast-cover {
2529
+ pointer-events: auto;
2530
+ background: var(--fox-toast-cover-bg-color, transparent);
2531
+ justify-content: center;
2532
+ align-items: center;
2533
+ height: 100%;
2534
+ display: flex;
2535
+ }
2536
+
2537
+ .fox-toast-inner {
2538
+ font-size: var(--fox-toast-text-font-size, var(--fox-font-size-base, var(--el-font-size-base)));
2539
+ text-align: center;
2540
+ min-width: 40%;
2541
+ max-width: 65%;
2542
+ padding: var(--fox-toast-inner-padding, 24px 30px);
2543
+ word-break: break-all;
2544
+ background: var(--fox-toast-inner-bg-color, var(--fox-overlay-text-bg-color, var(--el-overlay-color)));
2545
+ border-radius: var(--fox-toast-inner-border-radius, 12px);
2546
+ color: var(--fox-toast-font-color, var(--fox-white, var(--el-color-white)));
2547
+ display: inline-block;
2548
+ }
2549
+
2550
+ .fox-toast-text {
2551
+ font-size: var(--fox-toast-text-font-size, var(--fox-font-size-base, var(--el-font-size-base)));
2552
+ }
2553
+
2554
+ .fox-toast-text:empty {
2555
+ margin-bottom: -8px;
2556
+ }
2557
+
2558
+ .fox-toast-title {
2559
+ font-size: var(--fox-toast-title-font-size, var(--fox-font-size-medium, var(--el-font-size-medium)));
2560
+ }
2561
+
2562
+ .fox-toast-title:empty {
2563
+ margin-bottom: -8px;
2564
+ }
2565
+
2566
+ .fox-toast-has-icon .fox-toast-icon-wrapper {
2567
+ justify-content: center;
2568
+ align-items: center;
2569
+ width: 100%;
2570
+ margin-bottom: 8px;
2571
+ display: flex;
2572
+ }
2573
+
2574
+ .fox-toast-center {
2575
+ top: 50%;
2576
+ transform: translateY(-50%);
2577
+ }
2578
+
2579
+ .fox-toast-loading .fox-toast-inner {
2580
+ flex-direction: column;
2581
+ justify-content: center;
2582
+ align-items: center;
2583
+ display: inline-flex;
2584
+ }
2585
+
2586
+ .fox-toast-loading .fox-toast-icon-wrapper {
2587
+ animation: 2s linear infinite rotation;
2588
+ }
2589
+
2590
+ .fox-toast-loading .fox-toast-icon-no-animation {
2591
+ animation: none;
2592
+ }
2593
+
2594
+ .toast-fade-enter-active, .toast-fade-leave-active {
2595
+ transition: opacity .3s;
2596
+ }
2597
+
2598
+ .toast-fade-enter-from, .toast-fade-leave-to {
2599
+ opacity: 0;
2600
+ }
2601
+
2602
+ .fox-theme-dark .fox-searchbar {
2603
+ background: var(--fox-dark-background, #131313);
2604
+ }
2605
+
2606
+ .fox-theme-dark .fox-searchbar__search-label, .fox-theme-dark .fox-searchbar .fox-searchbar__input-clear .fox-searchbar__fox-icon-mask-close {
2607
+ color: var(--fox-dark-color, var(--fox-white, var(--el-color-white)));
2608
+ }
2609
+
2610
+ .fox-theme-dark .fox-searchbar .fox-searchbar__input-clear .fox-searchbar__fox-icon-mask-close:hover {
2611
+ cursor: pointer;
2612
+ color: var(--fox-dark-color, var(--fox-white, var(--el-color-white)));
2613
+ }
2614
+
2615
+ .fox-theme-dark .fox-searchbar__right-search-icon, .fox-theme-dark .fox-searchbar__left-search-icon {
2616
+ color: var(--fox-dark-color, var(--fox-white, var(--el-color-white)));
2617
+ }
2618
+
2619
+ .fox-searchbar {
2620
+ width: var(--fox-searchbar-width, 100%);
2621
+ padding: var(--fox-searchbar-padding, 9px 16px);
2622
+ background: var(--fox-searchbar-background, var(--fox-white, var(--el-color-white)));
2623
+ box-sizing: border-box;
2624
+ color: var(--fox-searchbar-input-bar-color, inherit);
2625
+ align-items: center;
2626
+ display: flex;
2627
+ }
2628
+
2629
+ .fox-searchbar::placeholder {
2630
+ color: var(--fox-searchbar-input-bar-placeholder-color, inherit);
2631
+ }
2632
+
2633
+ .fox-searchbar__search-label {
2634
+ color: #323233;
2635
+ padding: 0 5px;
2636
+ }
2637
+
2638
+ .fox-searchbar__search-input {
2639
+ width: var(--fox-searchbar-input-width, 100%);
2640
+ height: var(--fox-searchbar-input-height, 32px);
2641
+ padding: var(--fox-searchbar-input-padding, 0 0 0 13px);
2642
+ border-radius: var(--fox-searchbar-input-border-radius, 16px);
2643
+ box-shadow: var(--fox-searchbar-input-box-shadow, var(--fox-box-shadow-lighter, var(--el-box-shadow-lighter)));
2644
+ background: var(--fox-searchbar-input-background, var(--fox-fill-color-base, var(--el-fill-color)));
2645
+ box-sizing: border-box;
2646
+ flex: 1;
2647
+ align-items: center;
2648
+ display: flex;
2649
+ }
2650
+
2651
+ .fox-searchbar__search-input.square {
2652
+ border-radius: 0;
2653
+ }
2654
+
2655
+ .fox-searchbar__search-input .fox-searchbar__input-inner {
2656
+ flex: 1;
2657
+ width: 100%;
2658
+ }
2659
+
2660
+ .fox-searchbar__search-input .fox-searchbar__input-inner-input {
2661
+ padding: var(--fox-searchbar-input-inner-padding, 0 20px 0 10px);
2662
+ font-size: var(--fox-font-size-base, var(--el-font-size-base));
2663
+ box-sizing: border-box;
2664
+ background-color: #0000;
2665
+ border-color: #0000;
2666
+ border-radius: 16px;
2667
+ outline: none;
2668
+ width: 100%;
2669
+ height: 100%;
2670
+ margin: 0;
2671
+ }
2672
+
2673
+ .fox-searchbar__search-input .fox-searchbar__input-inner-right {
2674
+ align-items: center;
2675
+ padding: 0 7px;
2676
+ display: flex;
2677
+ position: relative;
2678
+ }
2679
+
2680
+ .fox-searchbar__search-input .fox-searchbar__input-clear-icon {
2681
+ z-index: 10;
2682
+ position: absolute;
2683
+ left: -20px;
2684
+ }
2685
+
2686
+ .fox-searchbar__search-input .fox-searchbar__input-clear-icon > svg {
2687
+ width: var(--fox-searchbar-icon-size, var(--fox-font-size-base, var(--el-font-size-base)));
2688
+ height: var(--fox-searchbar-icon-size, var(--fox-font-size-base, var(--el-font-size-base)));
2689
+ }
2690
+
2691
+ .fox-searchbar__search-input .fox-searchbar__input-left-search-icon {
2692
+ width: var(--fox-searchbar-icon-size, var(--fox-font-size-base, var(--el-font-size-base)));
2693
+ height: var(--fox-searchbar-icon-size, var(--fox-font-size-base, var(--el-font-size-base)));
2694
+ margin-right: 6px;
2695
+ }
2696
+
2697
+ .fox-searchbar__search-input .fox-searchbar__input-right-search-icon {
2698
+ margin-left: 5px;
2699
+ }
2700
+
2701
+ .fox-searchbar__search-icon {
2702
+ font-size: var(--fox-searchbar-icon-size, var(--fox-font-size-base, var(--el-font-size-base)));
2703
+ justify-content: center;
2704
+ align-items: center;
2705
+ display: flex;
2706
+ }
2707
+
2708
+ .fox-searchbar__left-search-icon {
2709
+ margin-right: 8px;
2710
+ }
2711
+
2712
+ .fox-searchbar__right-search-icon {
2713
+ color: var(--fox-searchbar-right-out-color, var(--fox-black, var(--el-color-black)));
2714
+ margin-left: 16px;
2715
+ }
2716
+
2717
+ .fox-infinite-loading {
2718
+ width: 100%;
2719
+ display: block;
2720
+ }
2721
+
2722
+ .fox-infinite-loading__bottom {
2723
+ width: 100%;
2724
+ height: 50px;
2725
+ line-height: 50px;
2726
+ font-size: var(--fox-font-size-small, var(--el-font-size-small));
2727
+ color: var(--fox-infiniteloading-bottom-color, var(--fox-disable-color, var(--el-text-color-disabled)));
2728
+ text-align: center;
2729
+ display: block;
2730
+ }
2731
+
2732
+ .fox-infinite-loading__bottom-box {
2733
+ justify-content: center;
2734
+ align-items: center;
2735
+ display: flex;
2736
+ }
2737
+
2738
+ .fox-infinite-loading__bottom-box__img {
2739
+ width: 15px;
2740
+ height: 15px;
2741
+ margin-right: 5px;
2742
+ animation-name: loading-rotate;
2743
+ animation-duration: .5s;
2744
+ animation-timing-function: linear;
2745
+ animation-iteration-count: infinite;
2746
+ animation-fill-mode: both;
2747
+ }
2748
+
2749
+ .fox-infinite-loading__bottom-box__text {
2750
+ font-size: var(--fox-font-size-extra-small, var(--el-font-size-extra-small));
2751
+ color: var(--fox-text-color-regular, var(--el-text-color-regular));
2752
+ }
2753
+
2754
+ .fox-pull-refresh {
2755
+ height: 100%;
2756
+ overflow: hidden;
2757
+ }
2758
+
2759
+ .fox-pull-refresh__container {
2760
+ height: 100%;
2761
+ position: relative;
2762
+ }
2763
+
2764
+ .fox-pull-refresh__container-topbox {
2765
+ text-align: center;
2766
+ width: 100%;
2767
+ height: 50px;
2768
+ font-size: var(--fox-font-size-base, var(--el-font-size-base));
2769
+ justify-content: center;
2770
+ align-items: center;
2771
+ display: flex;
2772
+ position: absolute;
2773
+ left: 0;
2774
+ transform: translateY(-100%);
2775
+ }
2776
+
2777
+ .fox-pull-refresh__container-topbox-icon {
2778
+ width: 16px;
2779
+ height: 16px;
2780
+ margin-right: 4px;
2781
+ animation-name: loading-rotate;
2782
+ animation-duration: .5s;
2783
+ animation-timing-function: linear;
2784
+ animation-iteration-count: infinite;
2785
+ animation-fill-mode: both;
2786
+ }
2787
+
2788
+ .fox-pull-refresh__container-topbox-text {
2789
+ font-size: var(--fox-font-size-base, var(--el-font-size-base));
2790
+ color: var(--fox-text-color-regular, var(--el-text-color-regular));
2791
+ }
2792
+
2793
+ .fox-more-button {
2794
+ cursor: pointer;
2795
+ color: var(--fox-color-info, var(--el-color-info));
2796
+ flex-flow: row;
2797
+ justify-content: flex-start;
2798
+ align-items: center;
2799
+ display: inline-flex;
2800
+ }
2801
+
2802
+ .fox-more-button--primary {
2803
+ color: var(--fox-color-primary, var(--el-color-primary));
2804
+ }
2805
+
2806
+ .fox-more-button--info {
2807
+ color: var(--fox-color-info, var(--el-color-info));
2808
+ }
2809
+
2810
+ .fox-more-button--success {
2811
+ color: var(--fox-color-success, var(--el-color-success));
2812
+ }
2813
+
2814
+ .fox-more-button--warning {
2815
+ color: var(--fox-color-warning, var(--el-color-warning));
2816
+ }
2817
+
2818
+ .fox-more-button--danger {
2819
+ color: var(--fox-color-danger, var(--el-color-danger));
2820
+ }
2821
+
2822
+ .fox-more-button--disabled {
2823
+ color: var(--fox-disable-color, var(--el-text-color-disabled));
2824
+ }
2825
+
2826
+ .fox-more-button__icon {
2827
+ justify-content: center;
2828
+ align-items: center;
2829
+ transition: transform .3s ease-in-out;
2830
+ display: flex;
2831
+ }
2832
+
2833
+ .fox-more-button__icon.is-expand {
2834
+ transform: rotate(0);
2835
+ }
2836
+
2837
+ .fox-more-button__icon.is-collapse {
2838
+ transform: rotate(180deg);
2839
+ }
2840
+
2841
+ .fox-more-button__icon > svg {
2842
+ width: var(--fox-more-button-icon-size, 1em);
2843
+ height: var(--fox-more-button-icon-size, 1em);
2844
+ }
2845
+
2846
+ .fox-more-button__text {
2847
+ font-size: var(--fox-font-size-base, var(--el-font-size-base));
2848
+ }
2849
+
2850
+ .fox-more-button > * + * {
2851
+ margin-left: var(--fox-more-button-gutter, 2px);
2852
+ }
2853
+
2854
+ .el-button + .fox-more-button, .fox-more-button + .fox-more-button {
2855
+ margin-left: 12px;
2856
+ }
2857
+
2858
+ .fox-floating-button {
2859
+ z-index: var(--fox-floating-button-z-index, 3600);
2860
+ position: var(--fox-floating-button-position, absolute);
2861
+ width: var(--fox-floating-button-width, 52px);
2862
+ height: var(--fox-floating-button-height, 52px);
2863
+ opacity: var(--fox-floating-button-opacity, 1);
2864
+ background: var(--fox-floating-button-background, var(--fox-color-primary, var(--el-color-primary)));
2865
+ box-shadow: var(--fox-floating-button-box-shadow, var(--fox-box-shadow-light, var(--el-box-shadow-light)));
2866
+ border-radius: var(--fox-floating-button-border-radius, 50%);
2867
+ color: var(--fox-floating-button-color, var(--fox-white, var(--el-color-white)));
2868
+ justify-content: center;
2869
+ align-items: center;
2870
+ display: flex;
2871
+ }
2872
+
2873
+ .fox-floating-button__icon {
2874
+ width: var(--fox-floating-button-icon-size, var(--fox-font-size-extra-large, var(--el-font-size-extra-large)));
2875
+ height: var(--fox-floating-button-icon-size, var(--fox-font-size-extra-large, var(--el-font-size-extra-large)));
2876
+ }
2877
+
2878
+ .fox-floating-window {
2879
+ background: var(--fox-floating-window-background, var(--fox-background-color, var(--el-bg-color)));
2880
+ border-radius: var(--fox-floating-window-border-radius, 4px);
2881
+ box-shadow: var(--fox-floating-window-box-shadow, var(--fox-box-shadow, var(--el-box-shadow)));
2882
+ box-sizing: border-box;
2883
+ top: var(--fox-floating-window-width, 15dvh);
2884
+ left: var(--fox-floating-window-width, 25dvw);
2885
+ width: var(--fox-floating-window-width, 50dvw);
2886
+ z-index: var(--fox-floating-window-z-index, 2001);
2887
+ outline: none;
2888
+ position: fixed;
2889
+ overflow-y: hidden;
2890
+ }
2891
+
2892
+ .fox-floating-window__header {
2893
+ border-top-left-radius: var(--fox-floating-window-border-radius, 4px);
2894
+ border-top-right-radius: var(--fox-floating-window-border-radius, 4px);
2895
+ background: var(--fox-floating-window-header-background, var(--fox-fill-color-base, var(--el-fill-color)));
2896
+ padding: var(--fox-floating-window-header-padding, 0 25px);
2897
+ height: var(--fox-floating-window-header-height, 40px);
2898
+ z-index: 20;
2899
+ box-sizing: border-box;
2900
+ flex-flow: row;
2901
+ justify-content: space-between;
2902
+ align-items: center;
2903
+ display: flex;
2904
+ position: relative;
2905
+ }
2906
+
2907
+ .fox-floating-window__title {
2908
+ font-size: var(--fox-floating-window-title-font-size, var(--fox-font-size-medium, var(--el-font-size-medium)));
2909
+ }
2910
+
2911
+ .fox-floating-window__tools {
2912
+ flex-flow: row;
2913
+ justify-content: flex-end;
2914
+ align-items: center;
2915
+ margin-left: auto;
2916
+ display: flex;
2917
+ }
2918
+
2919
+ .fox-floating-window__tools > * + * {
2920
+ margin-left: 20px;
2921
+ }
2922
+
2923
+ .fox-floating-window__collapse {
2924
+ cursor: pointer;
2925
+ color: var(--fox-floating-window-collapse-color, var(--fox-color-primary, var(--el-color-primary)));
2926
+ flex-flow: row;
2927
+ flex: none;
2928
+ justify-content: flex-start;
2929
+ align-items: center;
2930
+ margin-left: auto;
2931
+ display: flex;
2932
+ }
2933
+
2934
+ .fox-floating-window__collapse-icon {
2935
+ width: 30px;
2936
+ height: 30px;
2937
+ transition: transform .3s ease-in-out;
2938
+ }
2939
+
2940
+ .fox-floating-window__collapse-icon.is-expand {
2941
+ transform: rotate(0);
2942
+ }
2943
+
2944
+ .fox-floating-window__collapse-icon.is-collapse {
2945
+ transform: rotate(180deg);
2946
+ }
2947
+
2948
+ .fox-floating-window__collapse-text {
2949
+ font-size: var(--fox-floating-window-collapse-font-size, var(--fox-font-size-base, var(--el-font-size-base)));
2950
+ }
2951
+
2952
+ .fox-floating-window__close:hover {
2953
+ color: var(--fox-floating-window-close-color, var(--fox-color-primary, var(--el-color-primary)));
2954
+ }
2955
+
2956
+ .fox-floating-window__close {
2957
+ color: var(--fox-floating-window-close-color, inherit);
2958
+ cursor: pointer;
2959
+ }
2960
+
2961
+ .fox-floating-window__body {
2962
+ font-size: var(--fox-floating-window-content-font-size, var(--fox-font-size-base, var(--el-font-size-base)));
2963
+ }
2964
+
2965
+ .fox-floating-window__fixednav {
2966
+ box-sizing: border-box;
2967
+ z-index: var(--fox-floating-window-fixednav-z-index, 2000);
2968
+ color: var(--fox-floating-window-fixednav-color, var(--fox-white, var(--el-color-white)));
2969
+ background: var(--fox-floating-window-fixednav-bg, var(--fox-color-primary, var(--el-color-primary)));
2970
+ width: var(--floating-window-fixednav-width, 80px);
2971
+ height: var(--floating-window-fixednav-height, 50px);
2972
+ align-items: center;
2973
+ display: flex;
2974
+ position: fixed;
2975
+ box-shadow: 0 2px 4px #0003;
2976
+ }
2977
+
2978
+ .fox-floating-window__fixednav.is-left .fox-floating-window__fixednav__inner {
2979
+ flex-direction: row-reverse;
2980
+ }
2981
+
2982
+ .fox-floating-window__fixednav.is-left {
2983
+ border-radius: 0 45px 45px 0;
2984
+ justify-content: flex-end;
2985
+ padding-right: 12px;
2986
+ left: 0;
2987
+ }
2988
+
2989
+ .fox-floating-window__fixednav.is-left.slide-in {
2990
+ animation-name: slide-in-for-left;
2991
+ animation-duration: .5s;
2992
+ animation-timing-function: linear;
2993
+ animation-iteration-count: 1;
2994
+ }
2995
+
2996
+ .fox-floating-window__fixednav.is-left.slide-out {
2997
+ animation-name: slide-out-for-left;
2998
+ animation-duration: .5s;
2999
+ animation-timing-function: linear;
3000
+ animation-iteration-count: 1;
3001
+ }
3002
+
3003
+ .fox-floating-window__fixednav.is-right {
3004
+ border-radius: 45px 0 0 45px;
3005
+ justify-content: flex-start;
3006
+ padding-left: 12px;
3007
+ right: 0;
3008
+ }
3009
+
3010
+ .fox-floating-window__fixednav.is-right.slide-in {
3011
+ animation-name: slide-in-for-right;
3012
+ animation-duration: .5s;
3013
+ animation-timing-function: linear;
3014
+ animation-iteration-count: 1;
3015
+ }
3016
+
3017
+ .fox-floating-window__fixednav.is-right.slide-out {
3018
+ animation-name: slide-out-for-right;
3019
+ animation-duration: .5s;
3020
+ animation-timing-function: linear;
3021
+ animation-iteration-count: 1;
3022
+ }
3023
+
3024
+ .fox-floating-window__fixednav__inner {
3025
+ cursor: pointer;
3026
+ flex-flow: row;
3027
+ justify-content: flex-start;
3028
+ align-items: center;
3029
+ display: flex;
3030
+ }
3031
+
3032
+ .fox-floating-window__fixednav__text {
3033
+ background-color: inherit;
3034
+ flex-shrink: 0;
3035
+ width: 24px;
3036
+ font-size: 10px;
3037
+ line-height: 13px;
3038
+ }
3039
+
3040
+ .fox-floating-window-fade-enter-active, .fox-floating-window-fade-leave-active {
3041
+ transition: opacity .5s;
3042
+ }
3043
+
3044
+ .fox-floating-window-fade-enter-from, .fox-floating-window-fade-leave-to {
3045
+ opacity: 0;
3046
+ }
3047
+
3048
+ @keyframes slide-in-for-left {
3049
+ from {
3050
+ transform: translateX(-100%);
3051
+ }
3052
+
3053
+ to {
3054
+ transform: translateX(0%);
3055
+ }
3056
+ }
3057
+
3058
+ @keyframes slide-out-for-left {
3059
+ from {
3060
+ transform: translateX(0%);
3061
+ }
3062
+
3063
+ to {
3064
+ transform: translateX(-100%);
3065
+ }
3066
+ }
3067
+
3068
+ @keyframes slide-in-for-right {
3069
+ from {
3070
+ transform: translateX(100%);
3071
+ }
3072
+
3073
+ to {
3074
+ transform: translateX(0%);
3075
+ }
3076
+ }
3077
+
3078
+ @keyframes slide-out-for-right {
3079
+ from {
3080
+ transform: translateX(0%);
3081
+ }
3082
+
3083
+ to {
3084
+ transform: translateX(100%);
3085
+ }
3086
+ }
3087
+
3088
+ .fox-popover-dialog {
3089
+ position: var(--fox-popover-dialog-position, fixed);
3090
+ color: var(--fox-popover-dialog-color, var(--fox-title-color, var(--el-text-color-primary)));
3091
+ background: var(--fox-popover-dialog-background-color, var(--fox-white, var(--el-color-white)));
3092
+ border: 1px solid var(--fox-border-color-lighter, var(--el-border-color-lighter));
3093
+ border-radius: var(--fox-popover-dialog-border-radius, 4px);
3094
+ box-shadow: var(--fox-box-shadow-light, var(--el-box-shadow-light));
3095
+ box-sizing: border-box;
3096
+ min-width: var(--fox-popover-dialog-min-width, 0px);
3097
+ padding: var(--fox-popover-dialog-padding, 12px);
3098
+ z-index: var(--fox-popover-dialog-z-index, 2000);
3099
+ animation-duration: .3s;
3100
+ animation-timing-function: linear;
3101
+ animation-iteration-count: 1;
3102
+ animation-fill-mode: forwards;
3103
+ }
3104
+
3105
+ .fox-popover-dialog__title {
3106
+ font-size: var(--fox-popover-dialog-title-font-size, var(--fox-font-size-medium, var(--el-font-size-medium)));
3107
+ margin-bottom: 12px;
3108
+ line-height: 1;
3109
+ }
3110
+
3111
+ .fox-popover-dialog__arrow {
3112
+ height: var(--fox-popover-dialog-arrow-size, var(--fox-font-size-small, var(--el-font-size-small)));
3113
+ width: var(--fox-popover-dialog-arrow-size, var(--fox-font-size-small, var(--el-font-size-small)));
3114
+ background: var(--fox-popover-dialog-background-color, var(--fox-white, var(--el-color-white)));
3115
+ z-index: -1;
3116
+ clip-path: polygon(0% 50%, 50% 0%, 100% 50%, 50% 100%);
3117
+ position: absolute;
3118
+ }
3119
+
3120
+ .fox-popover-dialog__overlay {
3121
+ position: var(--fox-popover-dialog-position, fixed);
3122
+ width: 100%;
3123
+ height: 100%;
3124
+ z-index: var(--fox-popover-dialog-z-index, 2000);
3125
+ background-color: var(--fox-popover-dialog-overlay-background-color, transparent);
3126
+ top: 0;
3127
+ left: 0;
3128
+ }
3129
+
3130
+ .fox-popover-dialog.is-opacity {
3131
+ opacity: 0;
3132
+ }
3133
+
3134
+ .fox-popover-dialog.is-show {
3135
+ animation-name: popover-show;
3136
+ }
3137
+
3138
+ .fox-popover-dialog.is-hide {
3139
+ animation-name: popover-hide;
3140
+ }
3141
+
3142
+ .fox-popover-dialog.is-dark {
3143
+ color: var(--fox-popover-dialog-dark-color, var(--fox-white, var(--el-color-white)));
3144
+ background: var(--fox-popover-dialog-background-color-dark, var(--fox-title-color, var(--el-text-color-primary)));
3145
+ border: 1px solid var(--fox-border-color-light, var(--el-border-color-light));
3146
+ }
3147
+
3148
+ .fox-popover-dialog.is-dark .fox-popover-dialog__arrow {
3149
+ background: var(--fox-popover-dialog-background-color-dark, var(--fox-title-color, var(--el-text-color-primary)));
3150
+ }
3151
+
3152
+ @keyframes popover-show {
3153
+ 0% {
3154
+ opacity: 0;
3155
+ }
3156
+
3157
+ 100% {
3158
+ opacity: 1;
3159
+ }
3160
+ }
3161
+
3162
+ @keyframes popover-hide {
3163
+ 0% {
3164
+ opacity: 1;
3165
+ }
3166
+
3167
+ 100% {
3168
+ opacity: 0;
3169
+ }
3170
+ }
3171
+
3172
+ .fox-price {
3173
+ font-size: var(--fox-font-size-medium, var(--el-font-size-medium));
3174
+ color: var(--fox-color-primary, var(--el-color-primary));
3175
+ display: inline;
3176
+ }
3177
+
3178
+ .fox-price--symbol {
3179
+ font-size: var(--fox-font-size-medium, var(--el-font-size-medium));
3180
+ display: inline-block;
3181
+ }
3182
+
3183
+ .fox-price--large, .fox-price--point {
3184
+ font-size: var(--fox-price-big-size, 24px);
3185
+ display: inline-block;
3186
+ }
3187
+
3188
+ .fox-price--decimal-large {
3189
+ font-size: var(--fox-price-decimal-big-size, var(--fox-font-size-large, var(--el-font-size-large)));
3190
+ display: inline-block;
3191
+ }
3192
+
3193
+ .fox-price--symbol-large {
3194
+ font-size: var(--fox-price-symbol-big-size, var(--fox-font-size-large, var(--el-font-size-large)));
3195
+ display: inline-block;
3196
+ }
3197
+
3198
+ .fox-price--normal {
3199
+ font-size: var(--fox-price-medium-size, var(--fox-font-size-medium, var(--el-font-size-medium)));
3200
+ display: inline-block;
3201
+ }
3202
+
3203
+ .fox-price--decimal-normal {
3204
+ font-size: var(--fox-price-decimal-medium-size, var(--fox-font-size-base, var(--el-font-size-base)));
3205
+ display: inline-block;
3206
+ }
3207
+
3208
+ .fox-price--symbol-normal {
3209
+ font-size: var(--fox-price-symbol-medium-size, var(--fox-font-size-base, var(--el-font-size-base)));
3210
+ display: inline-block;
3211
+ }
3212
+
3213
+ .fox-price--small {
3214
+ font-size: var(--fox-price-small-size, var(--fox-font-size-small, var(--el-font-size-small)));
3215
+ display: inline-block;
3216
+ }
3217
+
3218
+ .fox-price--decimal-small {
3219
+ font-size: var(--fox-price-decimal-small-size, var(--fox-font-size-extra-small, var(--el-font-size-extra-small)));
3220
+ display: inline-block;
3221
+ }
3222
+
3223
+ .fox-price--symbol-small {
3224
+ font-size: var(--fox-price-symbol-small-size, var(--fox-font-size-extra-small, var(--el-font-size-extra-small)));
3225
+ display: inline-block;
3226
+ }
3227
+
3228
+ .fox-indicator {
3229
+ justify-content: flex-start;
3230
+ align-items: center;
3231
+ display: flex;
3232
+ }
3233
+
3234
+ .fox-indicator__mark {
3235
+ background-color: var(--el-color-success);
3236
+ border-radius: 5px;
3237
+ width: 10px;
3238
+ height: 10px;
3239
+ }
3240
+
3241
+ .fox-indicator__mark-success {
3242
+ background-color: var(--el-color-success);
3243
+ }
3244
+
3245
+ .fox-indicator__mark-info {
3246
+ background-color: var(--el-color-info);
3247
+ }
3248
+
3249
+ .fox-indicator__mark-warning {
3250
+ background-color: var(--el-color-warning);
3251
+ }
3252
+
3253
+ .fox-indicator__mark-danger {
3254
+ background-color: var(--el-color-danger);
3255
+ }
3256
+
3257
+ .fox-indicator__mark-disabled {
3258
+ background-color: #c0c4cc;
3259
+ }
3260
+
3261
+ .fox-indicator__icon {
3262
+ width: 16px;
3263
+ height: 16px;
3264
+ color: var(--el-color-success);
3265
+ }
3266
+
3267
+ .fox-indicator__icon-success {
3268
+ color: var(--el-color-success);
3269
+ }
3270
+
3271
+ .fox-indicator__icon-info {
3272
+ color: var(--el-color-info);
3273
+ }
3274
+
3275
+ .fox-indicator__icon-warning {
3276
+ color: var(--el-color-warning);
3277
+ }
3278
+
3279
+ .fox-indicator__icon-danger {
3280
+ color: var(--el-color-danger);
3281
+ }
3282
+
3283
+ .fox-indicator__icon-disabled {
3284
+ color: #c0c4cc;
3285
+ }
3286
+
3287
+ .fox-indicator__text.is-right {
3288
+ margin-left: 10px;
3289
+ }
3290
+
3291
+ .fox-indicator__text.is-left {
3292
+ margin-right: 10px;
3293
+ }
3294
+
3295
+ .fox-indicator__text-success {
3296
+ color: var(--el-color-success);
3297
+ }
3298
+
3299
+ .fox-indicator__text-info {
3300
+ color: var(--el-color-info);
3301
+ }
3302
+
3303
+ .fox-indicator__text-warning {
3304
+ color: var(--el-color-warning);
3305
+ }
3306
+
3307
+ .fox-indicator__text-danger {
3308
+ color: var(--el-color-danger);
3309
+ }
3310
+
3311
+ .fox-indicator__text-disabled {
3312
+ color: #c0c4cc;
3313
+ }
3314
+
3315
+ .fox-text {
3316
+ margin: var(--fox-text-margin, 0);
3317
+ padding: var(--fox-text-padding, 0);
3318
+ font-size: var(--fox-text-font-size, var(--fox-font-size-base, var(--el-font-size-base)));
3319
+ font-weight: var(--fox-text-font-weight, 400);
3320
+ color: var(--fox-text-text-color, var(--fox-black, var(--el-color-black)));
3321
+ word-break: break-all;
3322
+ }
3323
+
3324
+ .fox-text.is-truncated {
3325
+ text-overflow: ellipsis;
3326
+ white-space: nowrap;
3327
+ max-width: 100%;
3328
+ display: inline-block;
3329
+ overflow: hidden;
3330
+ }
3331
+
3332
+ .fox-text.is-highlight > * {
3333
+ color: var(--fox-text-highlight-color, var(--fox-white, var(--el-color-white))) !important;
3334
+ background: var(--fox-text-highlight-background-color, var(--fox-color-danger, var(--el-color-danger))) !important;
3335
+ }
3336
+
3337
+ .fox-text.is-selectable {
3338
+ -webkit-user-select: text !important;
3339
+ user-select: text !important;
3340
+ }
3341
+
3342
+ .fox-text--primary {
3343
+ color: var(--fox-text-primary-color, var(--fox-color-primary, var(--el-color-primary)));
3344
+ }
3345
+
3346
+ .fox-text--primary .fox-text__mark {
3347
+ background-color: var(--fox-text-primary-color, var(--fox-color-primary, var(--el-color-primary)));
3348
+ }
3349
+
3350
+ .fox-text--success {
3351
+ color: var(--fox-text-success-color, var(--fox-color-success, var(--el-color-success)));
3352
+ }
3353
+
3354
+ .fox-text--success .fox-text__mark {
3355
+ background-color: var(--fox-text-success-color, var(--fox-color-success, var(--el-color-success)));
3356
+ }
3357
+
3358
+ .fox-text--info {
3359
+ color: var(--fox-text-info-color, var(--fox-color-info, var(--el-color-info)));
3360
+ }
3361
+
3362
+ .fox-text--info .fox-text__mark {
3363
+ background-color: var(--fox-text-info-color, var(--fox-color-info, var(--el-color-info)));
3364
+ }
3365
+
3366
+ .fox-text--warning {
3367
+ color: var(--fox-text-warning-color, var(--fox-color-warning, var(--el-color-warning)));
3368
+ }
3369
+
3370
+ .fox-text--warning .fox-text__mark {
3371
+ background-color: var(--fox-text-warning-color, var(--fox-color-warning, var(--el-color-warning)));
3372
+ }
3373
+
3374
+ .fox-text--danger {
3375
+ color: var(--fox-text-danger-color, var(--fox-color-danger, var(--el-color-danger)));
3376
+ }
3377
+
3378
+ .fox-text--danger .fox-text__mark {
3379
+ background-color: var(--fox-text-danger-color, var(--fox-color-danger, var(--el-color-danger)));
3380
+ }
3381
+
3382
+ .fox-text--default {
3383
+ color: var(--fox-text-default-color, var(--fox-color-info, var(--el-color-info)));
3384
+ }
3385
+
3386
+ .fox-text--default .fox-text__mark {
3387
+ background-color: var(--fox-text-default-color, var(--fox-color-info, var(--el-color-info)));
3388
+ }
3389
+
3390
+ .fox-text--large {
3391
+ font-size: var(--fox-text-font-size-large, var(--fox-font-size-large, var(--el-font-size-large)));
3392
+ }
3393
+
3394
+ .fox-text--small {
3395
+ font-size: var(--fox-text-font-size-small, var(--fox-font-size-small, var(--el-font-size-small)));
3396
+ }
3397
+
3398
+ .fox-text__mark {
3399
+ box-sizing: border-box;
3400
+ width: var(--fox-text-mark-size, 4px);
3401
+ height: var(--fox-text-mark-size, 4px);
3402
+ background-color: var(--fox-text-default-color, var(--fox-color-info, var(--el-color-info)));
3403
+ line-height: var(--fox-text-font-size, var(--fox-font-size-base, var(--el-font-size-base)));
3404
+ border-radius: 50%;
3405
+ display: inline-block;
3406
+ }
3407
+
3408
+ .fox-text__mark--primary {
3409
+ background-color: var(--fox-text-primary-color, var(--fox-color-primary, var(--el-color-primary)));
3410
+ }
3411
+
3412
+ .fox-text__mark--success {
3413
+ background-color: var(--fox-text-success-color, var(--fox-color-success, var(--el-color-success)));
3414
+ }
3415
+
3416
+ .fox-text__mark--warning {
3417
+ background-color: var(--fox-text-warning-color, var(--fox-color-warning, var(--el-color-warning)));
3418
+ }
3419
+
3420
+ .fox-text__mark--danger {
3421
+ background-color: var(--fox-text-danger-color, var(--fox-color-danger, var(--el-color-danger)));
3422
+ }
3423
+
3424
+ .fox-text__mark--default {
3425
+ background-color: var(--fox-text-default-color, var(--fox-color-info, var(--el-color-info)));
3426
+ }
3427
+
3428
+ .fox-text__mark-wrap {
3429
+ box-sizing: content-box;
3430
+ color: var(--fox-text-default-color, var(--fox-color-info, var(--el-color-info)));
3431
+ justify-content: center;
3432
+ align-items: center;
3433
+ display: flex;
3434
+ }
3435
+
3436
+ .fox-text__mark-wrap--primary {
3437
+ color: var(--fox-text-primary-color, var(--fox-color-primary, var(--el-color-primary)));
3438
+ }
3439
+
3440
+ .fox-text__mark-wrap--success {
3441
+ color: var(--fox-text-success-color, var(--fox-color-success, var(--el-color-success)));
3442
+ }
3443
+
3444
+ .fox-text__mark-wrap--warning {
3445
+ color: var(--fox-text-warning-color, var(--fox-color-warning, var(--el-color-warning)));
3446
+ }
3447
+
3448
+ .fox-text__mark-wrap--danger {
3449
+ color: var(--fox-text-danger-color, var(--fox-color-danger, var(--el-color-danger)));
3450
+ }
3451
+
3452
+ .fox-text__mark-wrap--default {
3453
+ color: var(--fox-text-default-color, var(--fox-color-info, var(--el-color-info)));
3454
+ }
3455
+
3456
+ .fox-text__mark-wrap svg {
3457
+ width: var(--fox-text-mark-icon-width, 1em);
3458
+ height: var(--fox-text-mark-icon-height, 1em);
3459
+ }
3460
+
3461
+ .fox-text__wrap {
3462
+ justify-content: flex-start;
3463
+ align-items: center;
3464
+ gap: var(--fox-text-mark-text-gutter, 4px);
3465
+ display: flex;
3466
+ }
3467
+
3468
+ .fox-text__wrap.text-left {
3469
+ flex-flow: row-reverse;
3470
+ }
3471
+
3472
+ .fox-text__wrap.text-right {
3473
+ flex-flow: row;
3474
+ }
3475
+
3476
+ .fox-text__wrap .fox-text {
3477
+ flex: auto;
3478
+ }
3479
+
3480
+ .fox-text__wrap .fox-text__mark, .fox-text__wrap .fox-text__mark-wrap {
3481
+ flex: none;
3482
+ }
3483
+
3484
+ .fox-text__divide {
3485
+ margin: var(--fox-text-divide-margin, 0 0);
3486
+ height: var(--fox-text-divide-height, 12px);
3487
+ width: var(--fox-text-divide-width, 1px);
3488
+ background: var(--fox-text-divide-color, var(--fox-border-color-light, var(--el-border-color-light)));
3489
+ }
3490
+
3491
+ .fox-tour__mask {
3492
+ z-index: 1002;
3493
+ border-radius: 10px;
3494
+ width: 100px;
3495
+ height: 50px;
3496
+ position: fixed;
3497
+ box-shadow: 0 0 0 150vmax #00000080;
3498
+ }
3499
+
3500
+ .fox-tour__mask-none {
3501
+ box-shadow: none;
3502
+ }
3503
+
3504
+ .fox-tour__mask-hidden {
3505
+ opacity: 0;
3506
+ }
3507
+
3508
+ .fox-tour__content {
3509
+ min-width: 200px;
3510
+ display: block;
3511
+ }
3512
+
3513
+ .fox-tour__content-top {
3514
+ text-align: right;
3515
+ display: block;
3516
+ }
3517
+
3518
+ .fox-tour__content-top-close {
3519
+ width: 20px;
3520
+ height: 20px;
3521
+ }
3522
+
3523
+ .fox-tour__content-inner {
3524
+ margin: 10px 0;
3525
+ font-size: 14px;
3526
+ }
3527
+
3528
+ .fox-tour__content-bottom {
3529
+ justify-content: space-between;
3530
+ align-items: center;
3531
+ margin-top: 10px;
3532
+ display: flex;
3533
+ }
3534
+
3535
+ .fox-tour__content-bottom-init {
3536
+ margin-left: 10px;
3537
+ }
3538
+
3539
+ .fox-tour__content-bottom-operate {
3540
+ justify-content: flex-end;
3541
+ display: flex;
3542
+ }
3543
+
3544
+ .fox-tour__content-bottom-operate-btn {
3545
+ padding: 5px 10px;
3546
+ }
3547
+
3548
+ .fox-tour__content-tile .fox-tour__content-inner {
3549
+ margin: 0;
3550
+ }
3551
+
3552
+ .fox-tour__masked {
3553
+ z-index: 2000;
3554
+ background: none;
3555
+ width: 100vw;
3556
+ height: 100vh;
3557
+ position: fixed;
3558
+ top: 0;
3559
+ left: 0;
3560
+ }
3561
+ /*$vite$:1*/