@fox-js/foxui-pc 4.1.1-3 → 4.1.1-31

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