@fox-js/foxui-pad 4.1.1-16 → 4.1.1-18

package/dist/style.css

@@ -1 +1,3502 @@
-@charset "UTF-8";@-webkit-keyframes foxFadeIn{0%{opacity:0}to{opacity:1}}@keyframes foxFadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes foxFadeOut{0%{opacity:1}to{opacity:0}}@keyframes foxFadeOut{0%{opacity:1}to{opacity:0}}.foxFade-enter-active,.foxFadeIn,.foxFade-leave-active,.foxFadeOut{-webkit-animation-duration:var(--fox-animation-duration, .25s);animation-duration:var(--fox-animation-duration, .25s);-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:var(--fox-animation-timing-fun, cubic-bezier(.55, .085, .68, .53));animation-timing-function:var(--fox-animation-timing-fun, cubic-bezier(.55, .085, .68, .53))}.foxFade-enter-active,.foxFadeIn{-webkit-animation-name:foxFadeIn;animation-name:foxFadeIn}.foxFade-leave-active,.foxFadeOut{-webkit-animation-name:foxFadeOut;animation-name:foxFadeOut}@-webkit-keyframes foxZoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes foxZoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@-webkit-keyframes foxZoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes foxZoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.foxZoom-enter-active,.foxZoomIn,.foxZoom-leave-active,.foxZoomOut{-webkit-animation-duration:var(--fox-animation-duration, .25s);animation-duration:var(--fox-animation-duration, .25s);-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:var(--fox-animation-timing-fun, cubic-bezier(.55, .085, .68, .53));animation-timing-function:var(--fox-animation-timing-fun, cubic-bezier(.55, .085, .68, .53))}.foxZoom-enter-active,.foxZoomIn{-webkit-animation-name:foxZoomIn;animation-name:foxZoomIn}.foxZoom-leave-active,.foxZoomOut{-webkit-animation-name:foxZoomOut;animation-name:foxZoomOut}@-webkit-keyframes foxEaseIn{0%{opacity:0;-webkit-transform:scale(.9);transform:scale(.9)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes foxEaseIn{0%{opacity:0;-webkit-transform:scale(.9);transform:scale(.9)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes foxEaseOut{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform:scale(.9);transform:scale(.9)}}@keyframes foxEaseOut{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform:scale(.9);transform:scale(.9)}}.foxEase-enter-active,.foxEaseIn,.foxEase-leave-active,.foxEaseOut{-webkit-animation-duration:var(--fox-animation-duration, .25s);animation-duration:var(--fox-animation-duration, .25s);-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:var(--fox-animation-timing-fun, cubic-bezier(.55, .085, .68, .53));animation-timing-function:var(--fox-animation-timing-fun, cubic-bezier(.55, .085, .68, .53))}.foxEase-enter-active,.foxEaseIn{-webkit-animation-name:foxEaseIn;animation-name:foxEaseIn}.foxEase-leave-active,.foxEaseOut{-webkit-animation-name:foxEaseOut;animation-name:foxEaseOut}@-webkit-keyframes foxDropIn{0%{opacity:0;-webkit-transform:scaleY(.8);transform:scaleY(.8)}to{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes foxDropIn{0%{opacity:0;-webkit-transform:scaleY(.8);transform:scaleY(.8)}to{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}}@-webkit-keyframes foxDropOut{0%{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}to{opacity:0;-webkit-transform:scaleY(.8);transform:scaleY(.8)}}@keyframes foxDropOut{0%{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}to{opacity:0;-webkit-transform:scaleY(.8);transform:scaleY(.8)}}.foxDrop-enter-active,.foxDropIn,.foxDrop-leave-active,.foxDropOut{-webkit-animation-duration:var(--fox-animation-duration, .25s);animation-duration:var(--fox-animation-duration, .25s);-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:var(--fox-animation-timing-fun, cubic-bezier(.55, .085, .68, .53));animation-timing-function:var(--fox-animation-timing-fun, cubic-bezier(.55, .085, .68, .53))}.foxDrop-enter-active,.foxDropIn{-webkit-animation-name:foxDropIn;animation-name:foxDropIn}.foxDrop-leave-active,.foxDropOut{-webkit-animation-name:foxDropOut;animation-name:foxDropOut}@-webkit-keyframes rotation{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}.foxRotate-enter-active,.foxRotateIn,.foxRotate-leave-active,.foxRotateOut{-webkit-animation-duration:var(--fox-animation-duration, .25s);animation-duration:var(--fox-animation-duration, .25s);-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:var(--fox-animation-timing-fun, cubic-bezier(.55, .085, .68, .53));animation-timing-function:var(--fox-animation-timing-fun, cubic-bezier(.55, .085, .68, .53))}.foxRotate-enter-active,.foxRotateIn{-webkit-animation-name:foxRotateIn;animation-name:foxRotateIn}.foxRotate-leave-active,.foxRotateOut{-webkit-animation-name:foxRotateOut;animation-name:foxRotateOut}@-webkit-keyframes foxJump{to{-webkit-transform:scale3d(.8,1,.9) translateY(-10px);transform:scale3d(.8,1,.9) translateY(-10px)}}@keyframes foxJump{to{-webkit-transform:scale3d(.8,1,.9) translateY(-10px);transform:scale3d(.8,1,.9) translateY(-10px)}}@-webkit-keyframes foxJumpOne{50%{-webkit-transform:scale3d(.8,1,.9) translateY(-10px);transform:scale3d(.8,1,.9) translateY(-10px)}to{-webkit-transform:scale3d(1,1,1) translateY(0);transform:scaleZ(1) translateY(0)}}@keyframes foxJumpOne{50%{-webkit-transform:scale3d(.8,1,.9) translateY(-10px);transform:scale3d(.8,1,.9) translateY(-10px)}to{-webkit-transform:scale3d(1,1,1) translateY(0);transform:scaleZ(1) translateY(0)}}@-webkit-keyframes foxBlink{0%{opacity:0}to{opacity:1}}@keyframes foxBlink{0%{opacity:0}to{opacity:1}}@-webkit-keyframes foxBreathe{0%,to{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}}@keyframes foxBreathe{0%,to{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}}@-webkit-keyframes foxFlash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes foxFlash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@-webkit-keyframes foxBounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0) scaleY(.95);transform:translateZ(0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}@keyframes foxBounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0) scaleY(.95);transform:translateZ(0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}@-webkit-keyframes foxShake{0%{-webkit-transform:translateX(0);transform:translate(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translate(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translate(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translate(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translate(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes foxShake{0%{-webkit-transform:translateX(0);transform:translate(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translate(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translate(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translate(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translate(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translate(0)}}.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, var(--fox-title-color, #1a1a1a));-webkit-box-shadow:var(--fox-header-bar-box-shadow, 0px 1px 7px 0px var(--fox-border-color-lighter, #ebeef5));box-shadow:var(--fox-header-bar-box-shadow, 0px 1px 7px 0px var(--fox-border-color-lighter, #ebeef5));overflow:hidden}.fox-header-bar:active:before{opacity:.1}.fox-header-bar--border{border-top:var(--fox-header-bar-border-top, 0px solid var(--fox-border-color-lighter, #ebeef5));border-bottom:var(--fox-header-bar-border-bottom, 1px solid var(--fox-border-color-lighter, #ebeef5))}.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-medium, 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-medium, 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-medium, 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);background-color:var(--fox-header-bar-inner-background-color, unset);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);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-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 var(--fox-border-color-lighter, #ebeef5));border-bottom:var(--fox-footer-bar-border-bottom, 1px solid var(--fox-border-color-lighter, #ebeef5))}.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-padding, 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, var(--fox-primary-color, var(--el-color-primary)))}.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-base, 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, var(--fox-primary-color, var(--el-color-primary)))}.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-base, 14px))}.fox-group__header-mark+.fox-group__header-title{margin-left:12px}.fox-item{position:relative;width:var(--fox-input-item-width, 100%);min-width:var(--fox-input-item-min-width, 0);max-width:var(--fox-input-item-max-width);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-input-item-background-color);-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, var(--fox-danger-color, var(--el-color-danger)));-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 var(--fox-input-border-bottom, #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-base, 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, var(--el-color-error)));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, var(--fox-font-size-small, 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, var(--fox-primary-color, var(--el-color-primary)))}.fox-item__tip--warn{color:var(--fox-input-item-tip-warn-color, var(--fox-warning-color, var(--el-color-warning)))}.fox-item__tip--error{color:var(--fox-input-item-tip-error-color, var(--fox-danger-color, var(--el-color-danger)))}.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, var(--fox-border-color-light, #e4e7ed))}.fox-buttons-item__popover{--fox-popover-dialog-padding: 6px 0px}.fox-buttons-item__dropdown-link{cursor:pointer}.fox-buttons-item__dropdown-link svg{width:1em;height:1em}.fox-buttons-item__dropdown-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;white-space:nowrap;list-style:none;line-height:22px;padding:5px 16px;margin:0;font-size:var(--fox-font-size-base, 14px);color:var(--fox-text-color, var(--el-text-color-regular));cursor:pointer;outline:none}.fox-buttons-item__dropdown-item:hover{background-color:var(--fox-background-hover-color, var(--el-color-primary-light-9))}.fox-buttons-item__dropdown-item.is-disabled{color:var(--fox-disable-color, var(--el-text-color-disabled));cursor:default}.fox-buttons-item>*+*{margin-left:var(--fox-buttons-item-gutter, 12px)}.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-base, 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-small, 12px))}.fox-hint-text.is-large{font-size:var(--fox-hint-text-font-size-large, var(--fox-font-size-large, 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-base, 14px))}.fox-money-item__append .hidden{display:none}.fox-money-item__disabled{color:var(--fox-input-item-disabled-color, var(--fox-input-disabled-color, #c8c9cc))!important}.fox-money-item__disabled input:disabled{background:none;color:var(--fox-input-item-disabled-color, var(--fox-input-disabled-color, #c8c9cc));cursor:not-allowed;opacity:1;-webkit-text-fill-color:var(--fox-input-item-disabled-color, var(--fox-input-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+.el-icon{margin-left:6px}.fox-table-setting__body-row .tools-item .el-icon{cursor:pointer}.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.is-hide{opacity:0}.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+.el-icon{margin-left:6px}.fox-group-setting__body-row .tools-item .el-icon{cursor:pointer}.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-tree-item{width:100%}.fox-tabs-bar{position:relative;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}.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::-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-base, 14px));margin:0 var(--fox-tabs-bar-item-gutter, 10px)}.fox-tabs-bar__titles-item.disabled{color:var(--fox-tabs-bar-item-color-disable, var(--fox-disable-color, var(--el-text-color-disabled)))}.fox-tabs-bar__titles-item.active{color:var(--fox-tabs-bar-item-color-active, var(--fox-primary-color, var(--el-color-primary)));font-size:var(--fox-tabs-bar-item-font-size-default-active, var(--fox-font-size-base, 14px));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, var(--fox-primary-color, var(--el-color-primary)))}.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);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, var(--fox-primary-color, var(--el-color-primary)));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: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, var(--fox-primary-color, var(--el-color-primary)))}.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{-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, var(--fox-primary-color, var(--el-color-primary)));font-size:var(--fox-tabs-bar-item-font-size-button-group, 14px);font-weight:var(--fox-tabs-bar-item-font-weight-button-group, 400);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)));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)));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)));border-left:0 solid var(--fox-tabs-bar-item-background-active-button-group, var(--fox-primary-color, var(--el-color-primary)))}.fox-tabs-bar__titles-item.button-group.active{background:var(--fox-tabs-bar-item-background-active-button-group, var(--fox-primary-color, var(--el-color-primary)));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);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, var(--fox-primary-color, var(--el-color-primary)));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-item-text.ellipsis{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fox-tabs-bar__titles-item-text{position:relative;text-align:center}.fox-tabs-bar__titles-item-line{position:absolute;-webkit-transition:width .3s ease;transition:width .3s ease;width:0;height:0;content:" ";bottom:var(--fox-tabs-bar-item-line-bottom, 0px);left:50%;-webkit-transform:translate(-50%,0);transform:translate(-50%);overflow:hidden;border-radius:var(--fox-tabs-titles-item-line-border-radius, 0);opacity:var(--fox-tabs-titles-item-line-opacity, 1)}.fox-tabs-bar__titles-item-tip{position:absolute;top:0;right:0;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%);line-height:1;border-radius:50%;font-size:var(--fox-tabs-bar-item-tip-font-size, 10px);color:var(--fox-tabs-bar-item-tip-color, var(--fox-white, #fff));background:var(--fox-tabs-bar-item-tip-background, var(--fox-primary-color, var(--el-color-primary)));-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.has-navigation{margin-right:var(--fox-tabs-bar-navigation-width, 30px)}.fox-tabs-bar__titles.has-left-scroll-arrow{margin-left:var(--fox-tabs-bar-navigation-width, 30px)}.fox-tabs-bar__titles.has-right-scroll-arrow{margin-right:var(--fox-tabs-bar-navigation-width, 30px)}.fox-tabs-bar__titles.large .fox-tabs-bar__titles-item{font-size:var(--fox-tabs-bar-item-font-size-large, var(--fox-font-size-large, 18px))}.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-large, 18px))}.fox-tabs-bar__titles.small .fox-tabs-bar__titles-item{font-size:var(--fox-tabs-bar-item-font-size-small, var(--fox-font-size-small, 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-small, 12px))}.fox-tabs-bar__titles.horizontal{height:var(--fox-tabs-bar-titles-height-horizontal, 44px)}.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.stretch{-webkit-box-pack:stretch;-ms-flex-pack:stretch;justify-content:stretch}.fox-tabs-bar__titles.horizontal.stretch .fox-tabs-bar__titles-item{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto}.fox-tabs-bar__titles.horizontal.left{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.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.horizontal.right{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.fox-tabs-bar__titles.horizontal.right .fox-tabs-bar__titles-item{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.fox-tabs-bar__titles.horizontal.center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.fox-tabs-bar__titles.horizontal.center .fox-tabs-bar__titles-item{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.fox-tabs-bar__titles.horizontal.space-around{-ms-flex-pack:distribute;justify-content:space-around}.fox-tabs-bar__titles.horizontal.space-around .fox-tabs-bar__titles-item{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.fox-tabs-bar__titles.horizontal.space-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.fox-tabs-bar__titles.horizontal.space-between .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;padding:var(--fox-tabs-bar-item-padding-vertical, 0px);-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;top:50%;width:3px;background:var(--fox-tabs-bar-item-line-color-vertical, var(--fox-primary-color, var(--el-color-primary)));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.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, var(--fox-primary-color, var(--el-color-primary)));background:var(--fox-tabs-bar-popup-item-background-active, rgb(255, 236, 236))}.fox-tabs-bar__popup--show{opacity:1}.fox-tabs-bar__scroll-arrow{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.fox-tabs-bar__scroll-arrow.left{left:0}.fox-tabs-bar__scroll-arrow.right{right:0}.fox-tabs-container{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.fox-tabs-container.horizontal .fox-tabs-container__panes{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.fox-tabs-container.vertical .fox-tabs-container__panes{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.fox-tabs-container__panes{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.fox-tabs-pane{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.fox-tabs-pane__empty{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:20px}.fox-tabs-pane__empty-icon{width:16px;height:16px;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:loading-rotate;animation-name:loading-rotate}.fox-tabs-pane__empty-text{margin-top:10px}.fox-tabs-frame{display:grid;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}.fox-tabs-frame.horizontal-tabbar{grid-template-columns:1fr;grid-template-rows:auto 1fr}.fox-tabs-frame.vertical-tabbar{grid-template-columns:auto 1fr;grid-template-rows:1fr}.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, var(--fox-white, #fff));font-size:var(--fox-steps-bar-font-size, var(--fox-font-size-base, 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, var(--el-color-primary)));-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, var(--fox-white, #fff))}.fox-steps-bar__step.is-active .fox-steps-bar__main{color:var(--fox-steps-bar-text-active-color, var(--fox-black, #000))}.fox-steps-bar__step.is-active .fox-steps-bar__icon{color:var(--fox-steps-bar-icon-active-color, var(--fox-white, #fff));background:var(--fox-steps-bar-icon-bg-active-color, var(--fox-primary-color, var(--el-color-primary)))}.fox-steps-bar__step.is-done{color:var(--fox-steps-bar-done-color, var(--fox-white, #fff))}.fox-steps-bar__step.is-done .fox-steps-bar__main{color:var(--fox-steps-bar-text-done-color, var(--fox-black, #000))}.fox-steps-bar__step.is-done .fox-steps-bar__icon{color:var(--fox-steps-bar-icon-done-color, var(--fox-white, #fff));background:var(--fox-steps-bar-icon-bg-done-color, var(--fox-success-color, var(--el-color-success)))}.fox-steps-bar__step.is-error{color:var(--fox-steps-bar-error-color, var(--fox-white, #fff))}.fox-steps-bar__step.is-error .fox-steps-bar__main{color:var(--fox-steps-bar-text-error-color, var(--fox-black, #000))}.fox-steps-bar__step.is-error .fox-steps-bar__icon{color:var(--fox-steps-bar-icon-error-color, var(--fox-white, #fff));background:var(--fox-steps-bar-icon-bg-error-color, var(--fox-danger-color, var(--el-color-danger)))}.fox-steps-bar__step.is-half{color:var(--fox-steps-bar-half-color, var(--fox-white, #fff))}.fox-steps-bar__step.is-half .fox-steps-bar__main{color:var(--fox-steps-bar-text-half-color, var(--fox-black, #000))}.fox-steps-bar__step.is-half .fox-steps-bar__icon{color:var(--fox-steps-bar-icon-half-color, var(--fox-white, #fff));background:var(--fox-steps-bar-icon-bg-half-color, var(--fox-warning-color, var(--el-color-warning)))}.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, var(--el-color-primary)));border-radius:50%;opacity:.23}.fox-steps-bar__head{position:relative}.fox-steps-bar__line{background:var(--fox-steps-bar-line-normal-color, var(--fox-disable-color, var(--el-text-color-disabled)));border-color:inherit}.fox-steps-bar__line-inner{color:var(--fox-steps-bar-line-active-color, var(--fox-primary-color, var(--el-color-primary)));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, var(--fox-white, #fff));background:var(--fox-steps-bar-icon-bg-normal-color, var(--fox-disable-color, var(--el-text-color-disabled)));cursor:pointer;border-radius:50%;border:var(--fox-steps-bar-icon-border, none);-webkit-box-sizing:border-box;box-sizing:border-box;font-size:var(--fox-steps-bar-icon-font-size, var(--fox-steps-bar-font-size, var(--fox-font-size-base, 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, var(--fox-disable-color, var(--el-text-color-disabled)));font-size:var(--fox-steps-bar-text-font-size, var(--fox-steps-bar-font-size, var(--fox-font-size-base, 14px)));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fox-dialog-item.hide-header .el-dialog__header{display:none!important}.fox-dialog-item>.el-dialog__body{height:var(--fox-dialog-item-body-height, auto)}.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)}@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, 12px)}.fox-toast-large .fox-toast-inner{font-size:var(--fox-font-size-large, 18px)}.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, 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, var(--el-text-color-regular))}@keyframes loading-rotate{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}.fox-pull-refresh{height:100%;overflow:hidden}.fox-pull-refresh-container{position:relative;height:100%}.fox-pull-refresh-container-topbox{position:absolute;left:0;width:100%;height:50px;-webkit-transform:translateY(-100%);transform:translateY(-100%);text-align:center;font-size:14px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.fox-pull-refresh-container-topbox-icon{margin-right:4px;width:16px;height:16px;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:loading-rotate;animation-name:loading-rotate}.fox-pull-refresh-container-topbox-text{font-size:var(--fox-font-size-base, 14px);color:var(--fox-text-color, var(--el-text-color-regular))}@keyframes loading-rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.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-default-color, var(--el-text-color-regular))}.fox-more-button--primary{color:var(--fox-primary-color, var(--el-color-primary))}.fox-more-button--info{color:var(--fox-info-color, var(--el-color-info))}.fox-more-button--success{color:var(--fox-success-color, var(--el-color-success))}.fox-more-button--warning{color:var(--fox-warning-color, var(--el-color-warning))}.fox-more-button--danger{color:var(--fox-danger-color, var(--el-color-danger))}.fox-more-button--disabled{color:var(--fox-disable-color, var(--el-text-color-disabled))}.fox-more-button__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;-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__icon>svg{width:var(--fox-more-button-icon-size, 1em);height:var(--fox-more-button-icon-size, 1em)}.fox-more-button__text{font-size:var(--fox-font-size-base, 14px)}.fox-more-button>*+*{margin-left:var(--fox-more-button-gutter, 2px)}.el-button+.fox-more-button{margin-left:12px}.fox-more-button+.fox-more-button{margin-left:12px}.fox-floating-button{display:block;z-index:var(--fox-floating-button-z-index, 3600);position:var(--fox-floating-button-position, absolute);width:var(--fox-floating-button-width, 52px);height:var(--fox-floating-button-height, 52px);opacity:var(--fox-floating-button-opacity, 1);background:var(--fox-floating-button-background, linear-gradient(136.56deg, var(--fox-primary-color, var(--el-color-primary)) 0%, var(--fox-primary-color-end, var(--el-color-primary-light-3)) 100%));-webkit-box-shadow:var(--fox-floating-button-box-shadow, 0px 3px 12px rgba(49, 4, 0, .08));box-shadow:var(--fox-floating-button-box-shadow, 0px 3px 12px rgba(49, 4, 0, .08));border-radius:var(--fox-floating-button-border-radius, 50%);color:var(--fox-floating-button-color, #fff);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fox-floating-button__icon{width:var(--fox-floating-button-icon-size, 20px);height:var(--fox-floating-button-icon-size, 20px)}.fox-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:hover{color:var(--fox-floating-window-close-color, #409eff)}.fox-floating-window__close{color:var(--fox-floating-window-close-color, inherit);cursor:pointer}.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 .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{-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.slide-in{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-name:slide-in-for-left;animation-name:slide-in-for-left}.fox-floating-window__fixednav.is-left.slide-out{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-name:slide-out-for-left;animation-name:slide-out-for-left}.fox-floating-window__fixednav.is-right{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;border-radius:45px 0 0 45px;padding-left:12px;right:0}.fox-floating-window__fixednav.is-right.slide-in{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-name:slide-in-for-right;animation-name:slide-in-for-right}.fox-floating-window__fixednav.is-right.slide-out{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-name:slide-out-for-right;animation-name:slide-out-for-right}.fox-floating-window__fixednav__inner{cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fox-floating-window__fixednav__text{width:24px;line-height:13px;font-size:10px;-ms-flex-negative:0;flex-shrink:0;background-color:inherit}.fox-floating-window-fade-enter-active,.fox-floating-window-fade-leave-active{-webkit-transition:opacity .5s ease;transition:opacity .5s ease}.fox-floating-window-fade-enter-from,.fox-floating-window-fade-leave-to{opacity:0}@-webkit-keyframes slide-in-for-left{0%{-webkit-transform:translateX(-100%);transform:translate(-100%)}to{-webkit-transform:translateX(0%);transform:translate(0)}}@keyframes slide-in-for-left{0%{-webkit-transform:translateX(-100%);transform:translate(-100%)}to{-webkit-transform:translateX(0%);transform:translate(0)}}@-webkit-keyframes slide-out-for-left{0%{-webkit-transform:translateX(0%);transform:translate(0)}to{-webkit-transform:translateX(-100%);transform:translate(-100%)}}@keyframes slide-out-for-left{0%{-webkit-transform:translateX(0%);transform:translate(0)}to{-webkit-transform:translateX(-100%);transform:translate(-100%)}}@-webkit-keyframes slide-in-for-right{0%{-webkit-transform:translateX(100%);transform:translate(100%)}to{-webkit-transform:translateX(0%);transform:translate(0)}}@keyframes slide-in-for-right{0%{-webkit-transform:translateX(100%);transform:translate(100%)}to{-webkit-transform:translateX(0%);transform:translate(0)}}@-webkit-keyframes slide-out-for-right{0%{-webkit-transform:translateX(0%);transform:translate(0)}to{-webkit-transform:translateX(100%);transform:translate(100%)}}@keyframes slide-out-for-right{0%{-webkit-transform:translateX(0%);transform:translate(0)}to{-webkit-transform:translateX(100%);transform:translate(100%)}}.fox-popover-dialog{position:var(--fox-popover-dialog-position, fixed);color:var(--fox-popover-dialog-color, #333);background:var(--fox-popover-dialog-background-color, #fff);border:1px solid var(--fox-border-color-lighter, #ebeef5);border-radius:var(--fox-popover-dialog-border-radius, 4px);-webkit-box-shadow:var(--fox-box-shadow-light, 0px 0px 12px rgba(0, 0, 0, .12));box-shadow:var(--fox-box-shadow-light, 0px 0px 12px rgba(0, 0, 0, .12));-webkit-box-sizing:border-box;box-sizing:border-box;min-width:var(--fox-popover-dialog-min-width, 0px);padding:var(--fox-popover-dialog-padding, 12px);z-index:var(--fox-popover-dialog-z-index, 2000);-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1}.fox-popover-dialog__title{font-size:var(--fox-popover-dialog-title-font-size 16px);line-height:1;margin-bottom:12px}.fox-popover-dialog__arrow{position:absolute;height:var(--fox-popover-dialog-arrow-size, 12px);width:var(--fox-popover-dialog-arrow-size, 12px);background:var(--fox-popover-dialog-background-color, #fff);z-index:-1;-webkit-clip-path:polygon(0% 50%,50% 0%,100% 50%,50% 100%);clip-path:polygon(0% 50%,50% 0%,100% 50%,50% 100%)}.fox-popover-dialog__overlay{position:var(--fox-popover-dialog-position, fixed);top:0;left:0;width:100%;height:100%;z-index:var(--fox-popover-dialog-z-index, 2000);background-color:var(--fox-popover-dialog-overlay-background-color, rgba(0, 0, 0, 0))}.fox-popover-dialog.is-opacity{opacity:0}.fox-popover-dialog.is-show{-webkit-animation-name:popover-show;animation-name:popover-show}.fox-popover-dialog.is-hide{-webkit-animation-name:popover-hide;animation-name:popover-hide}.fox-popover-dialog.is-dark{color:var(--fox-popover-dialog-dark-color, #fff);background:var(--fox-popover-dialog-dark-background-color, rgb(75, 76, 77));border:1px solid var(--fox-border-color-light, #e4e7ed)}.fox-popover-dialog.is-dark .fox-popover-dialog__arrow{background:var(--fox-popover-dialog-dark-background-color, rgb(75, 76, 77))}@-webkit-keyframes popover-show{0%{opacity:0}to{opacity:1}}@keyframes popover-show{0%{opacity:0}to{opacity:1}}@-webkit-keyframes popover-hide{0%{opacity:1}to{opacity:0}}@keyframes popover-hide{0%{opacity:1}to{opacity:0}}.fox-price{font-size:var(--fox-font-size-medium, 16px);display:inline;color:var(--fox-primary-color, var(--el-color-primary))}.fox-price--symbol{display:inline-block;font-size:var(--fox-font-size-medium, 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, var(--fox-font-size-base, 14px));font-weight:var(--fox-text-font-weight, 400);color:var(--fox-text-color, var(--el-text-color));word-break:break-all}.fox-text.is-truncated{display:inline-block;max-width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.fox-text.is-highlight>*{color:var(--fox-text-highlight-color, var(--fox-white, #fff))!important;background:var(--fox-text-highlight-background-color, var(--fox-danger-color, var(--el-color-danger)))!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-color-success, var(--el-color-success))}.fox-text--success .fox-text__mark{background-color:var(--fox-text-color-success, var(--el-color-success))}.fox-text--info{color:var(--fox-text-color-info, var(--el-color-info))}.fox-text--info .fox-text__mark{background-color:var(--fox-text-color-info, var(--el-color-info))}.fox-text--warning{color:var(--fox-text-color-warning, var(--el-color-warning))}.fox-text--warning .fox-text__mark{background-color:var(--fox-text-color-warning, var(--el-color-warning))}.fox-text--danger{color:var(--fox-text-color-danger, var(--el-color-danger))}.fox-text--danger .fox-text__mark{background-color:var(--fox-text-color-danger, var(--el-color-danger))}.fox-text--default{color:var(--fox-text-color, var(--el-text-color))}.fox-text--default .fox-text__mark{background-color:var(--fox-text-color, var(--el-text-color))}.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-color, var(--el-text-color));line-height:var(--fox-text-font-size, var(--fox-font-size-base, 14px))}.fox-text__mark--primary{background-color:var(--fox-text-primary-color, var(--el-color-primary))}.fox-text__mark--success{background-color:var(--fox-text-color-success, var(--el-color-success))}.fox-text__mark--warning{background-color:var(--fox-text-color-warning, var(--el-color-warning))}.fox-text__mark--danger{background-color:var(--fox-text-color-danger, var(--el-color-danger))}.fox-text__mark--default{background-color:var(--fox-text-color, var(--el-text-color))}.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-color, var(--el-text-color))}.fox-text__mark-wrap--primary{color:var(--fox-text-primary-color, var(--el-color-primary))}.fox-text__mark-wrap--success{color:var(--fox-text-color-success, var(--el-color-success))}.fox-text__mark-wrap--warning{color:var(--fox-text-color-warning, var(--el-color-warning))}.fox-text__mark-wrap--danger{color:var(--fox-text-color-danger, var(--el-color-danger))}.fox-text__mark-wrap--default{color:var(--fox-text-color, var(--el-text-color))}.fox-text__mark-wrap svg{width:var(--fox-text-mark-icon-width, 1em);height:var(--fox-text-mark-icon-height, 1em)}.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;gap:var(--fox-text-mark-text-gutter, 4px)}.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-right{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap}.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-text__divide{margin:var(--fox-text-divide-margin, 0 0);height:var(--fox-text-divide-height, 12px);width:var(--fox-text-divide-width, 1px);background:var(--fox-text-divide-color, var(--fox-border-color-light, #e4e7ed))}.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}
+@keyframes foxFadeIn {
+  from {
+    opacity: 0;
+  }
+
+  to {
+    opacity: 1;
+  }
+}
+
+@keyframes foxFadeOut {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+  }
+}
+
+.foxFade-enter-active, .foxFadeIn, .foxFade-leave-active, .foxFadeOut {
+  animation-duration: var(--fox-animation-duration, .25s);
+  animation-fill-mode: both;
+  animation-timing-function: var(--fox-animation-timing-fun, cubic-bezier(.55, .085, .68, .53));
+}
+
+.foxFade-enter-active, .foxFadeIn {
+  animation-name: foxFadeIn;
+}
+
+.foxFade-leave-active, .foxFadeOut {
+  animation-name: foxFadeOut;
+}
+
+@keyframes foxZoomIn {
+  from {
+    opacity: 0;
+    transform: scale3d(.3, .3, .3);
+  }
+
+  50% {
+    opacity: 1;
+  }
+}
+
+@keyframes foxZoomOut {
+  from {
+    opacity: 1;
+  }
+
+  50% {
+    opacity: 0;
+    transform: scale3d(.3, .3, .3);
+  }
+
+  to {
+    opacity: 0;
+  }
+}
+
+.foxZoom-enter-active, .foxZoomIn, .foxZoom-leave-active, .foxZoomOut {
+  animation-duration: var(--fox-animation-duration, .25s);
+  animation-fill-mode: both;
+  animation-timing-function: var(--fox-animation-timing-fun, cubic-bezier(.55, .085, .68, .53));
+}
+
+.foxZoom-enter-active, .foxZoomIn {
+  animation-name: foxZoomIn;
+}
+
+.foxZoom-leave-active, .foxZoomOut {
+  animation-name: foxZoomOut;
+}
+
+@keyframes foxEaseIn {
+  0% {
+    opacity: 0;
+    transform: scale(.9);
+  }
+
+  100% {
+    opacity: 1;
+    transform: scale(1);
+  }
+}
+
+@keyframes foxEaseOut {
+  0% {
+    opacity: 1;
+    transform: scale(1);
+  }
+
+  100% {
+    opacity: 0;
+    transform: scale(.9);
+  }
+}
+
+.foxEase-enter-active, .foxEaseIn, .foxEase-leave-active, .foxEaseOut {
+  animation-duration: var(--fox-animation-duration, .25s);
+  animation-fill-mode: both;
+  animation-timing-function: var(--fox-animation-timing-fun, cubic-bezier(.55, .085, .68, .53));
+}
+
+.foxEase-enter-active, .foxEaseIn {
+  animation-name: foxEaseIn;
+}
+
+.foxEase-leave-active, .foxEaseOut {
+  animation-name: foxEaseOut;
+}
+
+@keyframes foxDropIn {
+  0% {
+    opacity: 0;
+    transform: scaleY(.8);
+  }
+
+  100% {
+    opacity: 1;
+    transform: scaleY(1);
+  }
+}
+
+@keyframes foxDropOut {
+  0% {
+    opacity: 1;
+    transform: scaleY(1);
+  }
+
+  100% {
+    opacity: 0;
+    transform: scaleY(.8);
+  }
+}
+
+.foxDrop-enter-active, .foxDropIn, .foxDrop-leave-active, .foxDropOut {
+  animation-duration: var(--fox-animation-duration, .25s);
+  animation-fill-mode: both;
+  animation-timing-function: var(--fox-animation-timing-fun, cubic-bezier(.55, .085, .68, .53));
+}
+
+.foxDrop-enter-active, .foxDropIn {
+  animation-name: foxDropIn;
+}
+
+.foxDrop-leave-active, .foxDropOut {
+  animation-name: foxDropOut;
+}
+
+@keyframes rotation {
+  0% {
+    -webkit-transform: rotate(0);
+  }
+
+  100% {
+    -webkit-transform: rotate(360deg);
+  }
+}
+
+.foxRotate-enter-active, .foxRotateIn, .foxRotate-leave-active, .foxRotateOut {
+  animation-duration: var(--fox-animation-duration, .25s);
+  animation-fill-mode: both;
+  animation-timing-function: var(--fox-animation-timing-fun, cubic-bezier(.55, .085, .68, .53));
+}
+
+.foxRotate-enter-active, .foxRotateIn {
+  animation-name: foxRotateIn;
+}
+
+.foxRotate-leave-active, .foxRotateOut {
+  animation-name: foxRotateOut;
+}
+
+@keyframes foxJump {
+  to {
+    transform: scale3d(.8, 1, .9) translateY(-10px);
+  }
+}
+
+@keyframes foxJumpOne {
+  50% {
+    transform: scale3d(.8, 1, .9) translateY(-10px);
+  }
+
+  100% {
+    transform: scale3d(1, 1, 1) translateY(0);
+  }
+}
+
+@keyframes foxBlink {
+  0% {
+    opacity: 0;
+  }
+
+  100% {
+    opacity: 1;
+  }
+}
+
+@keyframes foxBreathe {
+  from, to {
+    transform: scale(1);
+  }
+
+  50% {
+    transform: scale(1.2);
+  }
+}
+
+@keyframes foxFlash {
+  from, 50%, to {
+    opacity: 1;
+  }
+
+  25%, 75% {
+    opacity: 0;
+  }
+}
+
+@keyframes foxBounce {
+  from, 20%, 53%, to {
+    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
+    transform: translate3d(0, 0, 0);
+  }
+
+  40%, 43% {
+    animation-timing-function: cubic-bezier(.755, .05, .855, .06);
+    transform: translate3d(0, -30px, 0) scaleY(1.1);
+  }
+
+  70% {
+    animation-timing-function: cubic-bezier(.755, .05, .855, .06);
+    transform: translate3d(0, -15px, 0) scaleY(1.05);
+  }
+
+  80% {
+    transition-timing-function: cubic-bezier(.215, .61, .355, 1);
+    transform: translate3d(0, 0, 0) scaleY(.95);
+  }
+
+  90% {
+    transform: translate3d(0, -4px, 0) scaleY(1.02);
+  }
+}
+
+@keyframes foxShake {
+  0% {
+    transform: translateX(0);
+  }
+
+  6.5% {
+    transform: translateX(-6px) rotateY(-9deg);
+  }
+
+  18.5% {
+    transform: translateX(5px) rotateY(7deg);
+  }
+
+  31.5% {
+    transform: translateX(-3px) rotateY(-5deg);
+  }
+
+  43.5% {
+    transform: translateX(2px) rotateY(3deg);
+  }
+
+  50% {
+    transform: translateX(0);
+  }
+}
+
+.fox-item.is-error .el-input__wrapper, .fox-item.is-error .el-select__wrapper, .fox-item.is-error .fox-date-item__long {
+  box-shadow: 0 0 0 1px var(--el-color-danger) inset;
+}
+
+.fox-page {
+  width: 100%;
+}
+
+.fox-header-bar {
+  min-height: var(--fox-header-bar-min-height, auto);
+  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, var(--fox-title-color, #1a1a1a));
+  box-shadow: var(--fox-header-bar-box-shadow, 0px 1px 7px 0px var(--fox-border-color-lighter, #ebeef5));
+  border: 0;
+  flex-flow: column wrap;
+  justify-content: center;
+  align-items: stretch;
+  display: flex;
+  overflow: hidden;
+}
+
+.fox-header-bar:active:before {
+  opacity: .1;
+}
+
+.fox-header-bar--border {
+  border-top: var(--fox-header-bar-border-top, 0px solid var(--fox-border-color-lighter, #ebeef5));
+  border-bottom: var(--fox-header-bar-border-bottom, 1px solid var(--fox-border-color-lighter, #ebeef5));
+}
+
+.fox-header-bar--fixed {
+  position: var(--fox-header-bar-fixed, absolute);
+  z-index: var(--fox-header-bar-z-index, 10);
+  inset: 0 0 auto;
+}
+
+.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-medium, 16px));
+  text-align: center;
+  min-width: 53%;
+  display: block;
+}
+
+.fox-header-bar__title .title-icon {
+  height: var(--fox-header-bar-title-icon-size, 18px);
+  width: var(--fox-header-bar-title-icon-size, 18px);
+  margin-left: 13px;
+  display: inline;
+}
+
+.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-medium, 16px));
+  cursor: pointer;
+  padding: var(--fox-header-bar-left-padding, 0 16px);
+  flex-flow: row;
+  justify-content: flex-start;
+  align-items: center;
+  display: flex;
+  position: absolute;
+  inset: 0 auto 0 0;
+}
+
+.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-medium, 16px));
+  padding: var(--fox-header-bar-right-padding, 0 16px);
+  cursor: pointer;
+  align-items: center;
+  display: flex;
+  position: absolute;
+  inset: 0 0 0 auto;
+}
+
+.fox-header-bar__right .right-icon {
+  height: var(--fox-header-bar-right-icon-size, 18px);
+  width: var(--fox-header-bar-right-icon-size, 18px);
+  margin-left: 8px;
+}
+
+.fox-header-bar__inner {
+  width: 100%;
+  height: var(--fox-header-bar-inner-height, 44px);
+  background-color: var(--fox-header-bar-inner-background-color, unset);
+  padding: var(--fox-header-bar-inner-padding, 0px);
+  box-sizing: var(--fox-header-bar-inner-box-sizing, content-box);
+  flex: none;
+  display: flex;
+  position: relative;
+}
+
+.fox-header-bar__inner--left {
+  justify-content: flex-start;
+  align-items: center;
+}
+
+.fox-header-bar__inner--right {
+  justify-content: flex-end;
+  align-items: center;
+}
+
+.fox-header-bar__inner--center {
+  justify-content: center;
+  align-items: center;
+}
+
+.fox-header-bar__bottom {
+  height: var(--fox-header-bar-bottom-height, auto);
+  padding: var(--fox-header-bar-bottom-padding, 0px);
+  box-sizing: var(--fox-header-bar-bottom-box-sizing, border-box);
+  flex: 1 0 auto;
+}
+
+.fox-footer-bar {
+  min-height: var(--fox-footer-bar-min-height, 50px);
+  padding: var(--fox-footer-bar-padding, 7px 0);
+  box-sizing: var(--fox-footer-bar-box-sizing, content-box);
+  background-color: var(--fox-footer-background-color, var(--fox-white, #fff));
+  border: 0;
+  flex-flow: row;
+  display: flex;
+  position: relative;
+}
+
+.fox-footer-bar--border {
+  border-top: var(--fox-footer-bar-border-top, 1px solid var(--fox-border-color-lighter, #ebeef5));
+  border-bottom: var(--fox-footer-bar-border-bottom, 1px solid var(--fox-border-color-lighter, #ebeef5));
+}
+
+.fox-footer-bar--fixed {
+  position: var(--fox-footer-bar-fixed, absolute);
+  z-index: var(--fox-footer-bar-z-index, 10);
+  inset: auto 0 0;
+}
+
+.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 {
+  justify-content: flex-start;
+  align-items: center;
+}
+
+.fox-footer-bar--right {
+  justify-content: flex-end;
+  align-items: center;
+}
+
+.fox-footer-bar--center {
+  justify-content: center;
+  align-items: center;
+}
+
+.fox-footer-bar > .fox-button {
+  min-width: 100px;
+  margin-right: 20px;
+}
+
+.fox-footer-bar > .fox-button:last-child {
+  margin-right: 0;
+}
+
+.fox-content {
+  box-sizing: border-box;
+  background-color: var(--fox-content-background-color, var(--fox-white, #fff));
+  display: block;
+  overflow: hidden auto;
+}
+
+.fox-group {
+  background: var(--fox-group-background-color, inhert);
+  transition: height .3s ease-in-out;
+  display: block;
+}
+
+.fox-group.is-collapse {
+  box-sizing: content-box !important;
+  overflow-y: hidden !important;
+}
+
+.fox-group--flow {
+  box-sizing: border-box;
+  flex-flow: wrap;
+  align-content: flex-start;
+  display: flex;
+}
+
+.fox-group--flow:after {
+  display: none;
+}
+
+.fox-group--flow .fox-item {
+  float: none;
+}
+
+.fox-group--flow-justify-start {
+  justify-content: flex-start;
+}
+
+.fox-group--flow-justify-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 {
+  align-items: flex-start;
+}
+
+.fox-group--flow-align-end {
+  align-items: flex-end;
+}
+
+.fox-group--flow-align-center {
+  align-items: center;
+}
+
+.fox-group--flow-align-stretch {
+  align-items: stretch;
+}
+
+.fox-group--grid {
+  box-sizing: border-box;
+  grid-auto-flow: row;
+  place-content: start stretch;
+  display: grid;
+}
+
+.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 {
+  align-items: start;
+}
+
+.fox-group--grid-align-end {
+  align-items: end;
+}
+
+.fox-group--grid-align-center {
+  align-items: center;
+}
+
+.fox-group--grid-align-stretch {
+  align-items: stretch;
+}
+
+.fox-group__header {
+  padding: var(--fox-group-header-padding, 0);
+  margin: var(--fox-group-header-margin, 0 0 10px 0);
+  flex-flow: row;
+  justify-content: flex-start;
+  align-items: center;
+  display: flex;
+}
+
+.fox-group__header-mark {
+  width: var(--fox-group-header-mark-width, 3px);
+  height: var(--fox-group-header-mark-height, 15px);
+  background: var(--fox-group-header-mark-color, var(--fox-primary-color, var(--el-color-primary)));
+  display: inline-block;
+}
+
+.fox-group__header-title {
+  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-base, 14px));
+  font-weight: var(--fox-group-header-font-weight, 400);
+  line-height: var(--fox-group-header-line-height, 20px);
+  display: inline-block;
+}
+
+.fox-group__header-collapse {
+  cursor: pointer;
+  color: var(--fox-group-header-collapse-color, var(--fox-primary-color, var(--el-color-primary)));
+  flex-flow: row;
+  flex: none;
+  justify-content: flex-start;
+  align-items: center;
+  display: flex;
+}
+
+.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);
+  transition: transform .3s ease-in-out;
+}
+
+.fox-group__header-collapse-icon.is-expand {
+  transform: rotate(0);
+}
+
+.fox-group__header-collapse-icon.is-collapse {
+  transform: rotate(180deg);
+}
+
+.fox-group__header-collapse-text {
+  font-size: var(--fox-group-header-collapse-font-size, var(--fox-font-size-base, 14px));
+}
+
+.fox-group__header-mark + .fox-group__header-title {
+  margin-left: 12px;
+}
+
+.fox-item {
+  width: var(--fox-input-item-width, 100%);
+  min-width: var(--fox-input-item-min-width, 0);
+  max-width: var(--fox-input-item-max-width);
+  padding: var(--fox-input-item-padding, 0);
+  margin: var(--fox-input-item-margin, 0 0 25px 0);
+  background: var(--fox-input-item-background-color);
+  box-sizing: border-box;
+  float: left;
+  flex-flow: column wrap;
+  display: flex;
+  position: relative;
+}
+
+.fox-item:before {
+  box-sizing: border-box;
+  content: " ";
+  pointer-events: none;
+  position: absolute;
+  bottom: 0;
+  left: 16px;
+  right: 16px;
+  transform: scaleX(0);
+}
+
+.fox-item.is-error:before {
+  border-bottom: 1px solid var(--fox-input-item-tip-error-color, var(--fox-danger-color, var(--el-color-danger)));
+  transition: transform .2s cubic-bezier(0, 0, .2, 1);
+  transform: scaleX(0);
+}
+
+.fox-item__stretch {
+  flex: auto;
+}
+
+.fox-item__input--border {
+  border-bottom: var(--fox-input-item-border-bottom, 0px solid var(--fox-input-border-bottom, #eaf0fb));
+}
+
+.fox-item__main {
+  width: 100%;
+  display: flex;
+}
+
+.fox-item__main--top {
+  flex-flow: column;
+  justify-content: start;
+  align-items: stretch;
+}
+
+.fox-item__main--left, .fox-item__main--right {
+  flex-flow: row;
+  justify-content: stretch;
+  align-items: center;
+}
+
+.fox-item__main .label {
+  box-sizing: border-box;
+  font-size: var(--fox-input-item-label-font-size, var(--fox-font-size-base, 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));
+  flex-flow: row;
+  align-items: center;
+  display: flex;
+  position: relative;
+  overflow: hidden;
+}
+
+.fox-item__main .label--top {
+  text-align: left;
+  width: 100%;
+  padding: var(--fox-input-item-label-padding-top, 0);
+  margin-bottom: 10px;
+}
+
+.fox-item__main .label--left {
+  text-align: left;
+  width: var(--fox-input-item-label-width, 30%);
+  padding: var(--fox-input-item-label-padding-left, 0 10px 0 0);
+  flex: none;
+  justify-content: flex-start;
+}
+
+.fox-item__main .label--right {
+  text-align: right;
+  width: var(--fox-input-item-label-width, 30%);
+  padding: var(--fox-input-item-label-padding-right, 0 10px 0 0);
+  flex: none;
+  justify-content: flex-end;
+}
+
+.fox-item__main .label--required:before {
+  color: var(--fox-input-item-require-color, var(--fox-required-color, var(--el-color-error)));
+  content: "*";
+  line-height: 1px;
+  position: absolute;
+  top: 50%;
+  left: 0;
+  transform: translateY(50%);
+}
+
+.fox-item__main .label--string {
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  padding-left: 10px;
+  position: relative;
+  overflow: hidden;
+}
+
+.fox-item__main .content {
+  flex: auto;
+  position: relative;
+}
+
+.fox-item__main .content--default {
+  flex-flow: row;
+  display: flex;
+}
+
+.fox-item__tip {
+  font-size: var(--fox-input-item-tip-font-size, var(--fox-font-size-small, 12px));
+  line-height: var(--fox-input-item-tip-height, 16px);
+  text-align: left;
+  padding-left: var(--fox-input-item-label-width, 30%);
+  flex-flow: row;
+  justify-content: flex-start;
+  align-items: center;
+  display: flex;
+  position: absolute;
+  top: 100%;
+  transform: translateY(2px);
+}
+
+.fox-item__tip--icon {
+  margin: var(--fox-input-item-tip-icon-margin, 0 4px 0 0);
+  justify-content: flex-start;
+  align-items: center;
+  display: flex;
+}
+
+.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, var(--fox-primary-color, var(--el-color-primary)));
+}
+
+.fox-item__tip--warn {
+  color: var(--fox-input-item-tip-warn-color, var(--fox-warning-color, var(--el-color-warning)));
+}
+
+.fox-item__tip--error {
+  color: var(--fox-input-item-tip-error-color, var(--fox-danger-color, var(--el-color-danger)));
+}
+
+.fox-item__fixed-tip {
+  position: absolute;
+  top: 0;
+  right: 0;
+  transform: translateX(100%);
+}
+
+.fox-item--animate {
+  animation-name: foxEaseIn;
+  animation-duration: .2s;
+  animation-timing-function: ease-out;
+  animation-fill-mode: both;
+}
+
+.fox-slot-item {
+  padding: var(--fox-slot-item-padding, 0);
+  margin: var(--fox-slot-item-margin, 0);
+  box-sizing: border-box;
+  border: none;
+}
+
+.fox-slot-item__stretch {
+  flex: auto;
+}
+
+.fox-row-item {
+  padding: var(--fox-input-item-padding, 0);
+  margin: var(--fox-input-item-margin, 0 0 25px 0);
+  border: none;
+  flex-flow: row;
+  align-items: center;
+  display: flex;
+}
+
+.fox-row-item__stretch {
+  flex: auto;
+}
+
+.fox-row-item__left {
+  justify-content: flex-start;
+}
+
+.fox-row-item__right {
+  justify-content: flex-end;
+}
+
+.fox-row-item__center {
+  justify-content: center;
+}
+
+.fox-row-item__space-around {
+  justify-content: space-around;
+}
+
+.fox-row-item__space-between {
+  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, var(--fox-border-color-light, #e4e7ed));
+}
+
+.fox-buttons-item__popover {
+  --fox-popover-dialog-padding: 6px 0px;
+}
+
+.fox-buttons-item__dropdown-link {
+  cursor: pointer;
+}
+
+.fox-buttons-item__dropdown-link svg {
+  width: 1em;
+  height: 1em;
+}
+
+.fox-buttons-item__dropdown-item {
+  white-space: nowrap;
+  line-height: 22px;
+  font-size: var(--fox-font-size-base, 14px);
+  color: var(--fox-text-color, var(--el-text-color-regular));
+  cursor: pointer;
+  outline: none;
+  align-items: center;
+  margin: 0;
+  padding: 5px 16px;
+  list-style: none;
+  display: flex;
+}
+
+.fox-buttons-item__dropdown-item:hover {
+  background-color: var(--fox-background-hover-color, var(--el-color-primary-light-9));
+}
+
+.fox-buttons-item__dropdown-item.is-disabled {
+  color: var(--fox-disable-color, var(--el-text-color-disabled));
+  cursor: default;
+}
+
+.fox-buttons-item > * + * {
+  margin-left: var(--fox-buttons-item-gutter, 12px);
+}
+
+.fox-hint-text {
+  z-index: var(--fox-hint-text-z-index, 3000);
+  padding: var(--fox-hint-text-padding, 6px 8px);
+  box-shadow: var(--fox-hint-text-box-shadow, 4px 4px 8px #0000004d);
+  box-sizing: border-box;
+  font-size: var(--fox-hint-text-font-size, var(--fox-font-size-base, 14px));
+  color: var(--fox-hint-text-color, var(--fox-white, #fff));
+  background-color: var(--fox-hint-text-background-color, #000c);
+  opacity: 0;
+  border: 0 solid #0000004d;
+  border-radius: 3px;
+  transition: opacity 1s;
+  position: fixed;
+  overflow: visible;
+}
+
+.fox-hint-text__overlay {
+  width: 100%;
+  height: 100%;
+  z-index: var(--fox-hint-text-z-index, 3000);
+  background-color: #0000;
+  position: fixed;
+  top: 0;
+  left: 0;
+}
+
+.fox-hint-text__content {
+  box-sizing: border-box;
+  opacity: 1;
+  pointer-events: none;
+  flex-flow: row;
+  justify-content: flex-start;
+  align-items: center;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  overflow: hidden;
+}
+
+.fox-hint-text__content .fox-price {
+  flex-flow: row;
+  justify-content: flex-start;
+  align-items: center;
+  display: flex;
+}
+
+.fox-hint-text__content .fox-price--default, .fox-hint-text__content .fox-price--small, .fox-hint-text__content .fox-price--large {
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
+}
+
+.fox-hint-text__arrow {
+  width: var(--fox-hint-text-arrow-size, 6px);
+  height: var(--fox-hint-text-arrow-size, 6px);
+  background-color: var(--fox-hint-text-background-color, #000c);
+  position: absolute;
+}
+
+.fox-hint-text.is-small {
+  font-size: var(--fox-hint-text-font-size-small, var(--fox-font-size-small, 12px));
+}
+
+.fox-hint-text.is-large {
+  font-size: var(--fox-hint-text-font-size-large, var(--fox-font-size-large, 18px));
+}
+
+.fox-hint-text.is-top .fox-hint-text__arrow {
+  clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
+}
+
+.fox-hint-text.is-right .fox-hint-text__arrow {
+  clip-path: polygon(0% 50%, 100% 0%, 100% 100%);
+}
+
+.fox-hint-text.is-bottom .fox-hint-text__arrow {
+  clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
+}
+
+.fox-hint-text.is-left .fox-hint-text__arrow {
+  clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
+}
+
+.hint-text-fade-enter-active, .hint-text-fade-leave-active {
+  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 {
+  justify-content: space-between;
+  align-items: center;
+  width: 100%;
+  display: flex;
+}
+
+.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%;
+  box-shadow: 0 0 0 1px var(--el-input-border-color, var(--el-border-color)) inset;
+  background-color: #fff;
+  flex-flow: row;
+  justify-content: flex-start;
+  align-items: center;
+  display: flex;
+  position: relative;
+  overflow: visible;
+}
+
+.fox-date-item__long.is-active {
+  box-shadow: 0 0 0 1px var(--el-color-primary) inset;
+}
+
+.fox-date-item__long-splitor {
+  z-index: 2;
+  background-color: #fff;
+  width: 10px;
+  position: absolute;
+  top: 1px;
+  bottom: 1px;
+  left: -5px;
+}
+
+.fox-date-item__long-text {
+  font-size: var(--el-font-size-base);
+  color: var(--el-text-color-regular);
+  text-align: center;
+  appearance: none;
+  text-align: center;
+  width: 100%;
+  font-size: var(--el-font-size-base);
+  background-color: #0000;
+  border: none;
+  outline: 0;
+  margin: 0;
+  padding: 0;
+  display: inline-block;
+}
+
+.fox-date-item__append {
+  box-sizing: border-box;
+  background-color: var(--el-fill-color-light);
+  color: var(--el-color-info);
+  height: var(--el-input-height, 32px);
+  line-height: var(--el-input-height, 32px);
+  border: var(--el-border);
+  white-space: nowrap;
+  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;
+  border-left: 0;
+  border-radius: 0 4px 4px 0;
+  justify-content: center;
+  align-items: center;
+  padding: 0 10px;
+  display: inline-flex;
+  position: relative;
+}
+
+.fox-time-item, .fox-time-select-item {
+  width: 100% !important;
+}
+
+.fox-money-item {
+  width: 100%;
+}
+
+.fox-money-item__append {
+  width: var(--fox-input-item-append-width, 30px);
+  font-size: var(--fox-input-item-append-font-size, var(--fox-font-size-base, 14px));
+  justify-content: center;
+  align-items: center;
+  display: flex;
+  position: relative;
+}
+
+.fox-money-item__append .hidden {
+  display: none;
+}
+
+.fox-money-item__disabled {
+  color: var(--fox-input-item-disabled-color, var(--fox-input-disabled-color, #c8c9cc)) !important;
+}
+
+.fox-money-item__disabled input:disabled {
+  color: var(--fox-input-item-disabled-color, var(--fox-input-disabled-color, #c8c9cc));
+  cursor: not-allowed;
+  opacity: 1;
+  -webkit-text-fill-color: var(--fox-input-item-disabled-color, var(--fox-input-disabled-color, #c8c9cc));
+  background: none;
+}
+
+.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::placeholder {
+  color: var(--fox-input-item-color, var(--fox-black, #000));
+}
+
+.fox-input-number-item {
+  flex: 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 {
+  box-sizing: border-box;
+  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);
+  justify-content: center;
+  align-items: center;
+  padding: 0 10px;
+  display: flex;
+  right: 1px;
+}
+
+.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 {
+  color: #000000d9;
+  border-bottom: 1px solid #0000000f;
+  justify-content: space-between;
+  align-items: center;
+  min-height: 32px;
+  margin: 0;
+  padding: 5px 16px 4px;
+  font-weight: 500;
+  display: flex;
+}
+
+.fox-table-setting__body {
+  padding: 8px 0;
+  position: relative;
+}
+
+.fox-table-setting__body-list {
+  margin-top: 6px;
+}
+
+.fox-table-setting__body-title {
+  color: #00000073;
+  font-size: var(--font-size);
+  padding-left: 24px;
+  line-height: 24px;
+}
+
+.fox-table-setting__body-row {
+  box-sizing: content-box;
+  flex-flow: row;
+  justify-content: flex-start;
+  align-items: center;
+  width: 100%;
+  height: 24px;
+  padding: 2px 0;
+  display: flex;
+}
+
+.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 {
+  text-overflow: ellipsis;
+  display: inline-block;
+  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;
+  box-sizing: border-box;
+  height: 100%;
+  font-size: var(--font-size);
+  color: var(--el-color-primary);
+  flex-flow: row;
+  justify-content: center;
+  align-items: center;
+  margin-left: auto;
+  padding: 0 10px;
+  display: flex;
+}
+
+.fox-table-setting__body-row .tools-item .el-icon + .el-icon {
+  margin-left: 6px;
+}
+
+.fox-table-setting__body-row .tools-item .el-icon {
+  cursor: pointer;
+}
+
+.fox-table-setting__body-row .tools-item .is-reverse {
+  transform: rotateZ(180deg);
+}
+
+.fox-table-setting__drag-icon {
+  --color: inherit;
+  width: 1em;
+  height: 1em;
+  line-height: 1em;
+  font-size: inherit;
+  fill: currentColor;
+  color: var(--color);
+  align-items: center;
+  display: inline-flex;
+  position: relative;
+}
+
+.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 {
+  justify-content: flex-start;
+}
+
+.fox-table-item__pagination__right {
+  justify-content: flex-end;
+}
+
+.fox-table-item__footer {
+  flex-flow: row;
+  align-items: center;
+  display: flex;
+}
+
+.fox-table-item__footer__left {
+  justify-content: flex-start;
+}
+
+.fox-table-item__footer__right {
+  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);
+  justify-content: center;
+  align-items: center;
+  display: flex;
+}
+
+.fox-table-item__infinite.is-hide {
+  opacity: 0;
+}
+
+.fox-table-item__infinite-icon {
+  width: var(--fox-table-item-infinite-icon-size, 12px);
+  height: var(--fox-table-item-infinite-icon-size, 12px);
+  margin-right: 2px;
+  animation-name: loading-rotate;
+  animation-duration: .5s;
+  animation-timing-function: linear;
+  animation-iteration-count: infinite;
+  animation-fill-mode: both;
+}
+
+.fox-table-item__infinite-text {
+  font-size: var(--fox-table-item-infinite-font-size, 12px);
+}
+
+@keyframes loading-rotate {
+  0% {
+    transform: rotate(0);
+  }
+
+  100% {
+    transform: rotate(360deg);
+  }
+}
+
+.fox-radio-item.is-vertical {
+  flex-flow: column;
+  justify-content: flex-start;
+  align-items: flex-start;
+  display: flex;
+}
+
+.fox-radio-item.is-vertical .el-radio + .el-radio {
+  margin-top: 10px;
+}
+
+.fox-checkbox-item.is-vertical {
+  flex-flow: column;
+  justify-content: flex-start;
+  align-items: flex-start;
+  display: flex;
+}
+
+.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 {
+  color: #000000d9;
+  border-bottom: 1px solid #0000000f;
+  justify-content: space-between;
+  align-items: center;
+  min-height: 32px;
+  margin: 0;
+  padding: 5px 16px 4px;
+  font-weight: 500;
+  display: flex;
+}
+
+.fox-group-setting__body {
+  padding: 8px 0;
+  position: relative;
+}
+
+.fox-group-setting__body-list {
+  margin-top: 6px;
+}
+
+.fox-group-setting__body-title {
+  color: #00000073;
+  font-size: var(--font-size);
+  padding-left: 24px;
+  line-height: 24px;
+}
+
+.fox-group-setting__body-row {
+  box-sizing: content-box;
+  flex-flow: row;
+  justify-content: flex-start;
+  align-items: center;
+  width: 100%;
+  height: 24px;
+  padding: 2px 0;
+  display: flex;
+}
+
+.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 {
+  text-overflow: ellipsis;
+  display: inline-block;
+  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;
+  box-sizing: border-box;
+  height: 100%;
+  font-size: var(--font-size);
+  color: var(--el-color-primary);
+  flex-flow: row;
+  justify-content: center;
+  align-items: center;
+  margin-left: auto;
+  padding: 0 10px;
+  display: flex;
+}
+
+.fox-group-setting__body-row .tools-item .el-icon + .el-icon {
+  margin-left: 6px;
+}
+
+.fox-group-setting__body-row .tools-item .el-icon {
+  cursor: pointer;
+}
+
+.fox-group-setting__body-row .tools-item .is-reverse {
+  transform: rotateZ(180deg);
+}
+
+.fox-group-setting__drag-icon {
+  --color: inherit;
+  width: 1em;
+  height: 1em;
+  line-height: 1em;
+  font-size: inherit;
+  fill: currentColor;
+  color: var(--color);
+  align-items: center;
+  display: inline-flex;
+  position: relative;
+}
+
+.fox-tree-item {
+  width: 100%;
+}
+
+.fox-tabs-bar {
+  box-sizing: border-box;
+  position: relative;
+  overflow: hidden;
+}
+
+.fox-tabs-bar__titles {
+  -webkit-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);
+  flex-shrink: 0;
+  display: flex;
+  position: relative;
+}
+
+.fox-tabs-bar__titles::-webkit-scrollbar {
+  background: none;
+  width: 0;
+  display: none;
+}
+
+.fox-tabs-bar__titles-item {
+  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-base, 14px));
+  margin: 0 var(--fox-tabs-bar-item-gutter, 10px);
+  flex: 1 0 auto;
+  justify-content: center;
+  align-items: center;
+  display: flex;
+  position: relative;
+}
+
+.fox-tabs-bar__titles-item.disabled {
+  color: var(--fox-tabs-bar-item-color-disable, var(--fox-disable-color, var(--el-text-color-disabled)));
+}
+
+.fox-tabs-bar__titles-item.active {
+  color: var(--fox-tabs-bar-item-color-active, var(--fox-primary-color, var(--el-color-primary)));
+  font-size: var(--fox-tabs-bar-item-font-size-default-active, var(--fox-font-size-base, 14px));
+  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);
+  background: var(--fox-tabs-bar-item-line-color-horizontal, var(--fox-primary-color, var(--el-color-primary)));
+  height: 3px;
+}
+
+.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, #666);
+  font-size: var(--fox-tabs-bar-item-font-size-button, 12px);
+  font-weight: var(--fox-tabs-bar-item-font-weight-button, 400);
+  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, var(--fox-primary-color, var(--el-color-primary)));
+  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: 0;
+}
+
+.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, var(--fox-primary-color, var(--el-color-primary)));
+}
+
+.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 {
+  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, var(--fox-primary-color, var(--el-color-primary)));
+  font-size: var(--fox-tabs-bar-item-font-size-button-group, 14px);
+  font-weight: var(--fox-tabs-bar-item-font-weight-button-group, 400);
+  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)));
+  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)));
+  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)));
+  border-left: 0 solid var(--fox-tabs-bar-item-background-active-button-group, var(--fox-primary-color, var(--el-color-primary)));
+  flex: none;
+}
+
+.fox-tabs-bar__titles-item.button-group.active {
+  background: var(--fox-tabs-bar-item-background-active-button-group, var(--fox-primary-color, var(--el-color-primary)));
+  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: 0;
+}
+
+.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, #fff0);
+  color: var(--fox-tabs-bar-item-color-capsule, #666);
+  font-size: var(--fox-tabs-bar-item-font-size-capsule, 14px);
+  font-weight: var(--fox-tabs-bar-item-font-weight-capsule, 400);
+  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, #fff);
+  color: var(--fox-tabs-bar-item-color-active-capsule, var(--fox-primary-color, var(--el-color-primary)));
+  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: 0;
+}
+
+.fox-tabs-bar__titles-item-text.ellipsis {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  width: 100%;
+  overflow: hidden;
+}
+
+.fox-tabs-bar__titles-item-text {
+  text-align: center;
+  position: relative;
+}
+
+.fox-tabs-bar__titles-item-line {
+  content: " ";
+  width: 0;
+  height: 0;
+  bottom: var(--fox-tabs-bar-item-line-bottom, 0px);
+  border-radius: var(--fox-tabs-titles-item-line-border-radius, 0);
+  opacity: var(--fox-tabs-titles-item-line-opacity, 1);
+  transition: width .3s;
+  position: absolute;
+  left: 50%;
+  overflow: hidden;
+  transform: translate(-50%);
+}
+
+.fox-tabs-bar__titles-item-tip {
+  line-height: 1;
+  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, var(--el-color-primary)));
+  box-shadow: var(--fox-tabs-bar-item-tip-box-shadow, 0 0 0 1px #fff);
+  border-radius: 50%;
+  position: absolute;
+  top: 0;
+  right: 0;
+  transform: translate(50%, -50%);
+}
+
+.fox-tabs-bar__titles-item-tip.doit {
+  width: var(--fox-tabs-bar-item-doit-size, 7px);
+  height: var(--fox-tabs-bar-item-doit-size, 7px);
+  padding: 0;
+}
+
+.fox-tabs-bar__titles-item-tip.num {
+  padding: 1px 2px 2px 3px;
+  line-height: 1;
+}
+
+.fox-tabs-bar__titles.has-navigation {
+  margin-right: var(--fox-tabs-bar-navigation-width, 30px);
+}
+
+.fox-tabs-bar__titles.has-left-scroll-arrow {
+  margin-left: var(--fox-tabs-bar-navigation-width, 30px);
+}
+
+.fox-tabs-bar__titles.has-right-scroll-arrow {
+  margin-right: var(--fox-tabs-bar-navigation-width, 30px);
+}
+
+.fox-tabs-bar__titles.large .fox-tabs-bar__titles-item {
+  font-size: var(--fox-tabs-bar-item-font-size-large, var(--fox-font-size-large, 18px));
+}
+
+.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-large, 18px));
+}
+
+.fox-tabs-bar__titles.small .fox-tabs-bar__titles-item {
+  font-size: var(--fox-tabs-bar-item-font-size-small, var(--fox-font-size-small, 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-small, 12px));
+}
+
+.fox-tabs-bar__titles.horizontal {
+  height: var(--fox-tabs-bar-titles-height-horizontal, 44px);
+}
+
+.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: auto hidden;
+}
+
+.fox-tabs-bar__titles.horizontal.stretch {
+  justify-content: stretch;
+}
+
+.fox-tabs-bar__titles.horizontal.stretch .fox-tabs-bar__titles-item {
+  flex: 1 0 auto;
+}
+
+.fox-tabs-bar__titles.horizontal.left {
+  justify-content: flex-start;
+}
+
+.fox-tabs-bar__titles.horizontal.left .fox-tabs-bar__titles-item {
+  flex: none;
+}
+
+.fox-tabs-bar__titles.horizontal.right {
+  justify-content: flex-end;
+}
+
+.fox-tabs-bar__titles.horizontal.right .fox-tabs-bar__titles-item {
+  flex: none;
+}
+
+.fox-tabs-bar__titles.horizontal.center {
+  justify-content: center;
+}
+
+.fox-tabs-bar__titles.horizontal.center .fox-tabs-bar__titles-item {
+  flex: none;
+}
+
+.fox-tabs-bar__titles.horizontal.space-around {
+  justify-content: space-around;
+}
+
+.fox-tabs-bar__titles.horizontal.space-around .fox-tabs-bar__titles-item {
+  flex: none;
+}
+
+.fox-tabs-bar__titles.horizontal.space-between {
+  justify-content: space-between;
+}
+
+.fox-tabs-bar__titles.horizontal.space-between .fox-tabs-bar__titles-item {
+  flex: none;
+}
+
+.fox-tabs-bar__titles.vertical {
+  width: var(--fox-tabs-bar-titles-width-vertical, 100px);
+  flex-direction: column;
+}
+
+.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;
+  padding: var(--fox-tabs-bar-item-padding-vertical, 0px);
+  flex: none;
+}
+
+.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;
+  width: 0;
+  height: 0;
+  transition: height .3s;
+  transform: translate(0, -50%);
+}
+
+.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 {
+  background: var(--fox-tabs-bar-item-line-color-vertical, var(--fox-primary-color, var(--el-color-primary)));
+  width: 3px;
+  height: var(--fox-tabs-bar-item-line-height-vertical, 14px);
+  top: 50%;
+  left: 10px;
+}
+
+.fox-tabs-bar__titles.vertical.scrollable {
+  height: 100%;
+  overflow: hidden auto;
+}
+
+.fox-tabs-bar__titles.capsule {
+  padding: var(--fox-tabs-bar-titles-padding-capsule, 5px 8px);
+  background: var(--fox-tabs-bar-titles-background-capsule, #f6f6f8);
+  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));
+  flex-flow: row;
+  justify-content: flex-end;
+  align-items: center;
+  display: flex;
+  position: absolute;
+  top: 0;
+  right: 0;
+}
+
+.fox-tabs-bar__popup {
+  background: var(--fox-tabs-bar-popup-background, #fff);
+  max-height: var(--fox-tabs-bar-popup-max-height, 500px);
+  padding: var(--fox-tabs-bar-popup-padding, 12px 0 0 12px);
+  box-shadow: var(--fox-tabs-bar-popup-box-shadow, 0 4px 10px #00000012);
+  z-index: 1;
+  opacity: 0;
+  flex-flow: wrap;
+  justify-content: flex-start;
+  align-items: flex-start;
+  transition: opacity .36s;
+  display: flex;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  transform: translateY(100%);
+}
+
+.fox-tabs-bar__popup-item {
+  border-radius: var(--fox-tabs-bar-popup-item-radius, 16px);
+  color: var(--fox-tabs-bar-popup-item-color, #333);
+  background: var(--fox-tabs-bar-popup-item-background, #f8f8f8);
+  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, var(--fox-primary-color, var(--el-color-primary)));
+  background: var(--fox-tabs-bar-popup-item-background-active, #ffecec);
+}
+
+.fox-tabs-bar__popup--show {
+  opacity: 1;
+}
+
+.fox-tabs-bar__scroll-arrow {
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+}
+
+.fox-tabs-bar__scroll-arrow.left {
+  left: 0;
+}
+
+.fox-tabs-bar__scroll-arrow.right {
+  right: 0;
+}
+
+.fox-tabs-container {
+  box-sizing: border-box;
+  display: block;
+  overflow: hidden;
+}
+
+.fox-tabs-container.horizontal .fox-tabs-container__panes {
+  flex-flow: row;
+  justify-content: flex-start;
+  align-items: stretch;
+}
+
+.fox-tabs-container.vertical .fox-tabs-container__panes {
+  flex-flow: column;
+  justify-content: flex-start;
+  align-items: stretch;
+}
+
+.fox-tabs-container__panes {
+  transition: transform .3s;
+  display: flex;
+}
+
+.fox-tabs-pane {
+  flex: none;
+}
+
+.fox-tabs-pane__empty {
+  flex-flow: column;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+  height: 100%;
+  padding: 20px;
+  display: flex;
+}
+
+.fox-tabs-pane__empty-icon {
+  width: 16px;
+  height: 16px;
+  animation-name: loading-rotate;
+  animation-duration: .5s;
+  animation-timing-function: linear;
+  animation-iteration-count: infinite;
+  animation-fill-mode: both;
+}
+
+.fox-tabs-pane__empty-text {
+  margin-top: 10px;
+}
+
+.fox-tabs-frame {
+  box-sizing: border-box;
+  display: grid;
+  overflow: hidden;
+}
+
+.fox-tabs-frame.horizontal-tabbar {
+  grid-template-rows: auto 1fr;
+  grid-template-columns: 1fr;
+}
+
+.fox-tabs-frame.vertical-tabbar {
+  grid-template-rows: 1fr;
+  grid-template-columns: auto 1fr;
+}
+
+.fox-tabs-frame__bar {
+  margin: var(--fox-tabs-frame-bar-margin, 0);
+}
+
+.fox-steps-bar {
+  box-sizing: border-box;
+  color: var(--fox-steps-bar-normal-color, var(--fox-white, #fff));
+  font-size: var(--fox-steps-bar-font-size, var(--fox-font-size-base, 14px));
+  justify-content: flex-start;
+  align-items: flex-start;
+  display: flex;
+}
+
+.fox-steps-bar.is-scroll {
+  box-sizing: border-box;
+}
+
+.fox-steps-bar::-webkit-scrollbar {
+  background: none;
+  width: 0;
+  display: none;
+}
+
+.fox-steps-bar.is-horizontal {
+  flex-flow: row;
+}
+
+.fox-steps-bar.is-horizontal.is-scroll {
+  overflow: auto hidden;
+}
+
+.fox-steps-bar.is-horizontal .fox-steps-bar__step {
+  flex-flow: column;
+  position: relative;
+}
+
+.fox-steps-bar.is-horizontal .fox-steps-bar__step.center .fox-steps-bar__icon {
+  left: 50%;
+  transform: translateX(-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 {
+  text-align: center;
+  width: 100%;
+  transform: translateX(0);
+}
+
+.fox-steps-bar.is-horizontal .fox-steps-bar__step.is-doit .fox-steps-bar__icon {
+  top: 50%;
+  transform: translateY(-50%);
+}
+
+.fox-steps-bar.is-horizontal .fox-steps-bar__head {
+  flex: 0 0 var(--fox-steps-bar-icon-size, 28px);
+  width: 100%;
+}
+
+.fox-steps-bar.is-horizontal .fox-steps-bar__main {
+  z-index: 2;
+  transform: translateX(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;
+  top: 50%;
+  left: 0;
+  right: 0;
+  transform: translateY(-50%);
+}
+
+.fox-steps-bar.is-vertical {
+  flex-flow: column;
+}
+
+.fox-steps-bar.is-vertical.is-scroll {
+  overflow: hidden auto;
+}
+
+.fox-steps-bar.is-vertical .fox-steps-bar__step {
+  flex-flow: row;
+}
+
+.fox-steps-bar.is-vertical .fox-steps-bar__step.center .fox-steps-bar__icon {
+  top: 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%;
+  transform: translateX(-50%);
+}
+
+.fox-steps-bar.is-vertical .fox-steps-bar__head {
+  flex: 0 0 var(--fox-steps-bar-icon-size, 28px);
+  height: 100%;
+}
+
+.fox-steps-bar.is-vertical .fox-steps-bar__main {
+  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));
+  flex: none;
+}
+
+.fox-steps-bar.is-vertical .fox-steps-bar__icon {
+  box-sizing: border-box;
+  height: var(--fox-steps-bar-icon-size, 28px);
+  width: var(--fox-steps-bar-icon-size, 28px);
+  position: absolute;
+}
+
+.fox-steps-bar.is-vertical .fox-steps-bar__line {
+  width: 2px;
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 50%;
+  transform: translateX(-50%);
+}
+
+.fox-steps-bar.is-vertical .fox-steps-bar__mark {
+  color: var(--fox-steps-bar-mark-color, var(--fox-primary-color, var(--el-color-primary)));
+  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));
+  flex: none;
+  justify-content: flex-end;
+  align-items: center;
+  display: flex;
+}
+
+.fox-steps-bar.is-simple {
+  flex-flow: row;
+}
+
+.fox-steps-bar.is-simple.is-scroll {
+  overflow: auto hidden;
+}
+
+.fox-steps-bar.is-simple .fox-steps-bar__head {
+  flex-flow: row;
+  justify-content: flex-start;
+  align-items: center;
+  width: 100%;
+  display: flex;
+  position: relative;
+}
+
+.fox-steps-bar.is-simple .fox-steps-bar__main {
+  line-height: var(--fox-steps-bar-icon-size, 28px);
+  z-index: 2;
+  background: none;
+  flex: none;
+  padding: 0 5px;
+}
+
+.fox-steps-bar.is-simple .fox-steps-bar__icon {
+  flex: none;
+}
+
+.fox-steps-bar.is-simple .fox-steps-bar__line {
+  flex: 100%;
+}
+
+.fox-steps-bar__step {
+  flex-shrink: 0;
+  justify-content: flex-start;
+  align-items: flex-start;
+  display: flex;
+}
+
+.fox-steps-bar__step.is-active {
+  color: var(--fox-steps-bar-active-color, var(--fox-white, #fff));
+}
+
+.fox-steps-bar__step.is-active .fox-steps-bar__main {
+  color: var(--fox-steps-bar-text-active-color, var(--fox-black, #000));
+}
+
+.fox-steps-bar__step.is-active .fox-steps-bar__icon {
+  color: var(--fox-steps-bar-icon-active-color, var(--fox-white, #fff));
+  background: var(--fox-steps-bar-icon-bg-active-color, var(--fox-primary-color, var(--el-color-primary)));
+}
+
+.fox-steps-bar__step.is-done {
+  color: var(--fox-steps-bar-done-color, var(--fox-white, #fff));
+}
+
+.fox-steps-bar__step.is-done .fox-steps-bar__main {
+  color: var(--fox-steps-bar-text-done-color, var(--fox-black, #000));
+}
+
+.fox-steps-bar__step.is-done .fox-steps-bar__icon {
+  color: var(--fox-steps-bar-icon-done-color, var(--fox-white, #fff));
+  background: var(--fox-steps-bar-icon-bg-done-color, var(--fox-success-color, var(--el-color-success)));
+}
+
+.fox-steps-bar__step.is-error {
+  color: var(--fox-steps-bar-error-color, var(--fox-white, #fff));
+}
+
+.fox-steps-bar__step.is-error .fox-steps-bar__main {
+  color: var(--fox-steps-bar-text-error-color, var(--fox-black, #000));
+}
+
+.fox-steps-bar__step.is-error .fox-steps-bar__icon {
+  color: var(--fox-steps-bar-icon-error-color, var(--fox-white, #fff));
+  background: var(--fox-steps-bar-icon-bg-error-color, var(--fox-danger-color, var(--el-color-danger)));
+}
+
+.fox-steps-bar__step.is-half {
+  color: var(--fox-steps-bar-half-color, var(--fox-white, #fff));
+}
+
+.fox-steps-bar__step.is-half .fox-steps-bar__main {
+  color: var(--fox-steps-bar-text-half-color, var(--fox-black, #000));
+}
+
+.fox-steps-bar__step.is-half .fox-steps-bar__icon {
+  color: var(--fox-steps-bar-icon-half-color, var(--fox-white, #fff));
+  background: var(--fox-steps-bar-icon-bg-half-color, var(--fox-warning-color, var(--el-color-warning)));
+}
+
+.fox-steps-bar__step.is-doit .fox-steps-bar__icon {
+  color: #fff0;
+  width: 7px;
+  height: 7px;
+  position: relative;
+}
+
+.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: "";
+  background-color: var(--fox-steps-bar-icon-bg-active-color, var(--fox-primary-color, var(--el-color-primary)));
+  opacity: .23;
+  border-radius: 50%;
+  width: 14px;
+  height: 14px;
+  margin-top: -7px;
+  margin-left: -7px;
+  display: inline-block;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+}
+
+.fox-steps-bar__head {
+  position: relative;
+}
+
+.fox-steps-bar__line {
+  background: var(--fox-steps-bar-line-normal-color, var(--fox-disable-color, var(--el-text-color-disabled)));
+  border-color: inherit;
+}
+
+.fox-steps-bar__line-inner {
+  color: var(--fox-steps-bar-line-active-color, var(--fox-primary-color, var(--el-color-primary)));
+  border-width: var(--fox-steps-bar-line-border-width, 1px);
+  border-style: var(--fox-steps-bar-line-border-style, solid);
+  border-color: inherit;
+  box-sizing: border-box;
+  width: 0;
+  height: 0;
+  transition: all .15s ease-out;
+  display: block;
+}
+
+.fox-steps-bar__icon {
+  color: var(--fox-steps-bar-icon-normal-color, var(--fox-white, #fff));
+  background: var(--fox-steps-bar-icon-bg-normal-color, var(--fox-disable-color, var(--el-text-color-disabled)));
+  cursor: pointer;
+  border: var(--fox-steps-bar-icon-border, none);
+  box-sizing: border-box;
+  font-size: var(--fox-steps-bar-icon-font-size, var(--fox-steps-bar-font-size, var(--fox-font-size-base, 14px)));
+  width: var(--fox-steps-bar-icon-size, 28px);
+  height: var(--fox-steps-bar-icon-size, 28px);
+  border-radius: 50%;
+  justify-content: center;
+  align-items: center;
+  display: flex;
+}
+
+.fox-steps-bar__icon-inner {
+  text-align: center;
+  justify-content: center;
+  align-items: center;
+  display: flex;
+}
+
+.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, var(--fox-disable-color, var(--el-text-color-disabled)));
+  font-size: var(--fox-steps-bar-text-font-size, var(--fox-steps-bar-font-size, var(--fox-font-size-base, 14px)));
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+}
+
+.fox-dialog-item.hide-header .el-dialog__header {
+  display: none !important;
+}
+
+.fox-dialog-item > .el-dialog__body {
+  height: var(--fox-dialog-item-body-height, auto);
+}
+
+.overlay-fade-enter-active, .overlay-fade-leave-active {
+  transition-property: opacity;
+  transition-timing-function: ease;
+}
+
+.overlay-fade-enter-from, .overlay-fade-leave-to {
+  opacity: 0;
+}
+
+.fox-overlay {
+  background: var(--fox-overlay-bg-color, #000000b3);
+  width: 100%;
+  height: 100%;
+  position: fixed;
+  top: 0;
+  left: 0;
+}
+
+.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 {
+  transition-property: opacity;
+  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 {
+  transform: translate(0, -100%);
+}
+
+.fox-popup-slide-right-enter-from, .fox-popup-slide-right-leave-active {
+  transform: translate(100%);
+}
+
+.fox-popup-slide-bottom-enter-from, .fox-popup-slide-bottom-leave-active {
+  transform: translate(0, 100%);
+}
+
+.fox-popup-slide-left-enter-from, .fox-popup-slide-left-leave-active {
+  transform: translate(-100%);
+}
+
+.fox-popup--center {
+  top: 50vh;
+  left: 50vw;
+  transform: translate(-50%, -50%);
+}
+
+.fox-popup--center.round {
+  border-radius: var(--fox-popup-border-radius, 20px);
+}
+
+.fox-popup--bottom {
+  width: 100vw;
+  bottom: 0;
+  left: 0;
+}
+
+.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 {
+  width: 100vw;
+  top: 0;
+  left: 0;
+}
+
+.fox-popup--top.round {
+  border-radius: 0 0 var(--fox-popup-border-radius, 20px) var(--fox-popup-border-radius, 20px);
+}
+
+.fox-popup {
+  background-color: var(--fox-white, #fff);
+  -webkit-overflow-scrolling: touch;
+  max-height: 100%;
+  position: fixed;
+  overflow-y: auto;
+}
+
+.fox-popup__close-icon {
+  z-index: 1;
+  color: #969799;
+  cursor: pointer;
+  text-align: center;
+  width: 30px;
+  height: 30px;
+  font-size: 18px;
+  line-height: 30px;
+  position: absolute !important;
+}
+
+.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);
+}
+
+.fox-toast {
+  text-align: center;
+  pointer-events: none;
+  z-index: 9999;
+  width: 100%;
+  font-family: var(--fox-font-family, PingFang SC, Microsoft YaHei, Helvetica, Hiragino Sans GB, SimSun, sans-serif);
+  position: fixed;
+  bottom: 150px;
+  left: 0;
+}
+
+.fox-toast-small .fox-toast-inner {
+  font-size: var(--fox-font-size-small, 12px);
+}
+
+.fox-toast-large .fox-toast-inner {
+  font-size: var(--fox-font-size-large, 18px);
+}
+
+.fox-toast-cover {
+  pointer-events: auto;
+  background: var(--fox-toast-cover-bg-color, #0000);
+  justify-content: center;
+  align-items: center;
+  height: 100%;
+  display: flex;
+}
+
+.fox-toast-inner {
+  font-size: var(--fox-toast-text-font-size, 14px);
+  text-align: center;
+  min-width: 40%;
+  max-width: 65%;
+  padding: var(--fox-toast-inner-padding, 24px 30px);
+  word-break: break-all;
+  background: var(--fox-toast-inner-bg-color, #000c);
+  border-radius: var(--fox-toast-inner-border-radius, 12px);
+  color: var(--fox-toast-font-color, var(--fox-white, #fff));
+  display: inline-block;
+}
+
+.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 {
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+  margin-bottom: 8px;
+  display: flex;
+}
+
+.fox-toast-center {
+  top: 50%;
+  transform: translateY(-50%);
+}
+
+.fox-toast-loading .fox-toast-inner {
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  display: inline-flex;
+}
+
+.fox-toast-loading .fox-toast-icon-wrapper {
+  animation: 2s linear infinite rotation;
+}
+
+.fox-toast-loading .fox-toast-icon-no-animation {
+  animation: none;
+}
+
+.toast-fade-enter-active, .toast-fade-leave-active {
+  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 {
+  width: var(--fox-searchbar-width, 100%);
+  padding: var(--fox-searchbar-padding, 9px 16px);
+  background: var(--fox-searchbar-background, var(--fox-white, #fff));
+  box-sizing: border-box;
+  color: var(--fox-searchbar-input-bar-color, inherit);
+  align-items: center;
+  display: flex;
+}
+
+.fox-searchbar::placeholder {
+  color: var(--fox-searchbar-input-bar-placeholder-color, inherit);
+}
+
+.fox-searchbar__search-label {
+  color: #323233;
+  padding: 0 5px;
+}
+
+.fox-searchbar__search-input {
+  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);
+  box-shadow: var(--fox-searchbar-input-box-shadow, 0 0 8px 0 #0000000a);
+  background: var(--fox-searchbar-input-background, #f7f7f7);
+  box-sizing: border-box;
+  flex: 1;
+  align-items: center;
+  display: flex;
+}
+
+.fox-searchbar__search-input.square {
+  border-radius: 0;
+}
+
+.fox-searchbar__search-input .fox-searchbar__input-inner {
+  background-color: #0000;
+  border-color: #0000;
+  border-radius: 16px;
+  outline: none;
+  flex: 1;
+  width: 100%;
+  height: 36px;
+  margin: 0;
+  padding: 0 20px 0 0;
+  font-size: 14px;
+}
+
+.fox-searchbar__search-input .fox-searchbar__input-inner-right {
+  align-items: center;
+  padding: 0 7px;
+  display: flex;
+  position: relative;
+}
+
+.fox-searchbar__search-input .fox-searchbar__input-clear-icon {
+  z-index: 10;
+  position: absolute;
+  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 {
+  width: 16px;
+  height: 16px;
+  margin-right: 6px;
+}
+
+.fox-searchbar__search-input .fox-searchbar__input-right-search-icon {
+  margin-left: 5px;
+}
+
+.fox-searchbar__search-icon {
+  justify-content: center;
+  align-items: center;
+  font-size: 14px;
+  display: flex;
+}
+
+.fox-searchbar__left-search-icon {
+  margin-right: 8px;
+}
+
+.fox-searchbar__right-search-icon {
+  color: var(--fox-searchbar-right-out-color, var(--fox-black, #000));
+  margin-left: 16px;
+}
+
+.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 {
+  width: 100%;
+  display: block;
+}
+
+.fox-infinite-loading .fox-infinite__bottom {
+  width: 100%;
+  height: 50px;
+  line-height: 50px;
+  font-size: var(--fox-font-size-small, 12px);
+  color: var(--fox-infiniteloading-bottom-color, #c8c8c8);
+  text-align: center;
+  display: block;
+}
+
+.fox-infinite-loading .fox-infinite__bottom .fox-infinite__bottom-box {
+  justify-content: center;
+  align-items: center;
+  display: flex;
+}
+
+.fox-infinite-loading .fox-infinite__bottom .fox-infinite__bottom-box__img {
+  width: 15px;
+  height: 15px;
+  margin-right: 5px;
+  animation-name: loading-rotate;
+  animation-duration: .5s;
+  animation-timing-function: linear;
+  animation-iteration-count: infinite;
+  animation-fill-mode: both;
+}
+
+.fox-infinite-loading .fox-infinite__bottom .fox-infinite__bottom-box__text {
+  color: var(--fox-text-color, var(--el-text-color-regular));
+  font-size: 12px;
+}
+
+.fox-pull-refresh {
+  height: 100%;
+  overflow: hidden;
+}
+
+.fox-pull-refresh-container {
+  height: 100%;
+  position: relative;
+}
+
+.fox-pull-refresh-container-topbox {
+  text-align: center;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+  height: 50px;
+  font-size: 14px;
+  display: flex;
+  position: absolute;
+  left: 0;
+  transform: translateY(-100%);
+}
+
+.fox-pull-refresh-container-topbox-icon {
+  width: 16px;
+  height: 16px;
+  margin-right: 4px;
+  animation-name: loading-rotate;
+  animation-duration: .5s;
+  animation-timing-function: linear;
+  animation-iteration-count: infinite;
+  animation-fill-mode: both;
+}
+
+.fox-pull-refresh-container-topbox-text {
+  font-size: var(--fox-font-size-base, 14px);
+  color: var(--fox-text-color, var(--el-text-color-regular));
+}
+
+.fox-more-button {
+  cursor: pointer;
+  color: var(--fox-default-color, var(--el-text-color-regular));
+  flex-flow: row;
+  justify-content: flex-start;
+  align-items: center;
+  display: inline-flex;
+}
+
+.fox-more-button--primary {
+  color: var(--fox-primary-color, var(--el-color-primary));
+}
+
+.fox-more-button--info {
+  color: var(--fox-info-color, var(--el-color-info));
+}
+
+.fox-more-button--success {
+  color: var(--fox-success-color, var(--el-color-success));
+}
+
+.fox-more-button--warning {
+  color: var(--fox-warning-color, var(--el-color-warning));
+}
+
+.fox-more-button--danger {
+  color: var(--fox-danger-color, var(--el-color-danger));
+}
+
+.fox-more-button--disabled {
+  color: var(--fox-disable-color, var(--el-text-color-disabled));
+}
+
+.fox-more-button__icon {
+  justify-content: center;
+  align-items: center;
+  transition: transform .3s ease-in-out;
+  display: flex;
+}
+
+.fox-more-button__icon.is-expand {
+  transform: rotate(0);
+}
+
+.fox-more-button__icon.is-collapse {
+  transform: rotate(180deg);
+}
+
+.fox-more-button__icon > svg {
+  width: var(--fox-more-button-icon-size, 1em);
+  height: var(--fox-more-button-icon-size, 1em);
+}
+
+.fox-more-button__text {
+  font-size: var(--fox-font-size-base, 14px);
+}
+
+.fox-more-button > * + * {
+  margin-left: var(--fox-more-button-gutter, 2px);
+}
+
+.el-button + .fox-more-button, .fox-more-button + .fox-more-button {
+  margin-left: 12px;
+}
+
+.fox-floating-button {
+  z-index: var(--fox-floating-button-z-index, 3600);
+  position: var(--fox-floating-button-position, absolute);
+  width: var(--fox-floating-button-width, 52px);
+  height: var(--fox-floating-button-height, 52px);
+  opacity: var(--fox-floating-button-opacity, 1);
+  background: var(--fox-floating-button-background, linear-gradient(136.56deg, var(--fox-primary-color, var(--el-color-primary)) 0%, var(--fox-primary-color-end, var(--el-color-primary-light-3)) 100%));
+  box-shadow: var(--fox-floating-button-box-shadow, 0px 3px 12px #31040014);
+  border-radius: var(--fox-floating-button-border-radius, 50%);
+  color: var(--fox-floating-button-color, #fff);
+  justify-content: center;
+  align-items: center;
+  display: flex;
+}
+
+.fox-floating-button__icon {
+  width: var(--fox-floating-button-icon-size, 20px);
+  height: var(--fox-floating-button-icon-size, 20px);
+}
+
+.fox-floating-window {
+  background: var(--fox-floating-window-background, #fff);
+  border-radius: var(--fox-floating-window-border-radius, 4px);
+  box-shadow: var(--fox-floating-window-box-shadow, 0px 12px 32px 4px #0000000a, 0px 8px 20px #00000014);
+  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);
+  outline: none;
+  position: fixed;
+  overflow-y: hidden;
+}
+
+.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);
+  z-index: 20;
+  box-sizing: border-box;
+  flex-flow: row;
+  justify-content: space-between;
+  align-items: center;
+  display: flex;
+  position: relative;
+}
+
+.fox-floating-window__title {
+  font-size: var(--fox-floating-window-title-font-size, 18px);
+}
+
+.fox-floating-window__tools {
+  flex-flow: row;
+  justify-content: flex-end;
+  align-items: center;
+  margin-left: auto;
+  display: flex;
+}
+
+.fox-floating-window__tools > * + * {
+  margin-left: 20px;
+}
+
+.fox-floating-window__collapse {
+  cursor: pointer;
+  color: var(--fox-floating-window-collapse-color, #409eff);
+  flex-flow: row;
+  flex: none;
+  justify-content: flex-start;
+  align-items: center;
+  margin-left: auto;
+  display: flex;
+}
+
+.fox-floating-window__collapse-icon {
+  width: 30px;
+  height: 30px;
+  transition: transform .3s ease-in-out;
+}
+
+.fox-floating-window__collapse-icon.is-expand {
+  transform: rotate(0);
+}
+
+.fox-floating-window__collapse-icon.is-collapse {
+  transform: rotate(180deg);
+}
+
+.fox-floating-window__collapse-text {
+  font-size: var(--fox-floating-window-collapse-font-size, 14px);
+}
+
+.fox-floating-window__close:hover {
+  color: var(--fox-floating-window-close-color, #409eff);
+}
+
+.fox-floating-window__close {
+  color: var(--fox-floating-window-close-color, inherit);
+  cursor: pointer;
+}
+
+.fox-floating-window__body {
+  font-size: var(--fox-floating-window-content-font-size, 14px);
+}
+
+.fox-floating-window__fixednav {
+  box-sizing: border-box;
+  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);
+  align-items: center;
+  display: flex;
+  position: fixed;
+  box-shadow: 0 2px 4px #0003;
+}
+
+.fox-floating-window__fixednav.is-left .fox-floating-window__fixednav__inner {
+  flex-direction: row-reverse;
+}
+
+.fox-floating-window__fixednav.is-left {
+  border-radius: 0 45px 45px 0;
+  justify-content: flex-end;
+  padding-right: 12px;
+  left: 0;
+}
+
+.fox-floating-window__fixednav.is-left.slide-in {
+  animation-name: slide-in-for-left;
+  animation-duration: .5s;
+  animation-timing-function: linear;
+  animation-iteration-count: 1;
+}
+
+.fox-floating-window__fixednav.is-left.slide-out {
+  animation-name: slide-out-for-left;
+  animation-duration: .5s;
+  animation-timing-function: linear;
+  animation-iteration-count: 1;
+}
+
+.fox-floating-window__fixednav.is-right {
+  border-radius: 45px 0 0 45px;
+  justify-content: flex-start;
+  padding-left: 12px;
+  right: 0;
+}
+
+.fox-floating-window__fixednav.is-right.slide-in {
+  animation-name: slide-in-for-right;
+  animation-duration: .5s;
+  animation-timing-function: linear;
+  animation-iteration-count: 1;
+}
+
+.fox-floating-window__fixednav.is-right.slide-out {
+  animation-name: slide-out-for-right;
+  animation-duration: .5s;
+  animation-timing-function: linear;
+  animation-iteration-count: 1;
+}
+
+.fox-floating-window__fixednav__inner {
+  cursor: pointer;
+  flex-flow: row;
+  justify-content: flex-start;
+  align-items: center;
+  display: flex;
+}
+
+.fox-floating-window__fixednav__text {
+  background-color: inherit;
+  flex-shrink: 0;
+  width: 24px;
+  font-size: 10px;
+  line-height: 13px;
+}
+
+.fox-floating-window-fade-enter-active, .fox-floating-window-fade-leave-active {
+  transition: opacity .5s;
+}
+
+.fox-floating-window-fade-enter-from, .fox-floating-window-fade-leave-to {
+  opacity: 0;
+}
+
+@keyframes slide-in-for-left {
+  from {
+    transform: translateX(-100%);
+  }
+
+  to {
+    transform: translateX(0%);
+  }
+}
+
+@keyframes slide-out-for-left {
+  from {
+    transform: translateX(0%);
+  }
+
+  to {
+    transform: translateX(-100%);
+  }
+}
+
+@keyframes slide-in-for-right {
+  from {
+    transform: translateX(100%);
+  }
+
+  to {
+    transform: translateX(0%);
+  }
+}
+
+@keyframes slide-out-for-right {
+  from {
+    transform: translateX(0%);
+  }
+
+  to {
+    transform: translateX(100%);
+  }
+}
+
+.fox-popover-dialog {
+  position: var(--fox-popover-dialog-position, fixed);
+  color: var(--fox-popover-dialog-color, #333);
+  background: var(--fox-popover-dialog-background-color, #fff);
+  border: 1px solid var(--fox-border-color-lighter, #ebeef5);
+  border-radius: var(--fox-popover-dialog-border-radius, 4px);
+  box-shadow: var(--fox-box-shadow-light, 0px 0px 12px #0000001f);
+  box-sizing: border-box;
+  min-width: var(--fox-popover-dialog-min-width, 0px);
+  padding: var(--fox-popover-dialog-padding, 12px);
+  z-index: var(--fox-popover-dialog-z-index, 2000);
+  animation-duration: .3s;
+  animation-timing-function: linear;
+  animation-iteration-count: 1;
+  animation-fill-mode: forwards;
+}
+
+.fox-popover-dialog__title {
+  font-size: var(--fox-popover-dialog-title-font-size, 16px);
+  margin-bottom: 12px;
+  line-height: 1;
+}
+
+.fox-popover-dialog__arrow {
+  height: var(--fox-popover-dialog-arrow-size, 12px);
+  width: var(--fox-popover-dialog-arrow-size, 12px);
+  background: var(--fox-popover-dialog-background-color, #fff);
+  z-index: -1;
+  clip-path: polygon(0% 50%, 50% 0%, 100% 50%, 50% 100%);
+  position: absolute;
+}
+
+.fox-popover-dialog__overlay {
+  position: var(--fox-popover-dialog-position, fixed);
+  width: 100%;
+  height: 100%;
+  z-index: var(--fox-popover-dialog-z-index, 2000);
+  background-color: var(--fox-popover-dialog-overlay-background-color, #0000);
+  top: 0;
+  left: 0;
+}
+
+.fox-popover-dialog.is-opacity {
+  opacity: 0;
+}
+
+.fox-popover-dialog.is-show {
+  animation-name: popover-show;
+}
+
+.fox-popover-dialog.is-hide {
+  animation-name: popover-hide;
+}
+
+.fox-popover-dialog.is-dark {
+  color: var(--fox-popover-dialog-dark-color, #fff);
+  background: var(--fox-popover-dialog-dark-background-color, #4b4c4d);
+  border: 1px solid var(--fox-border-color-light, #e4e7ed);
+}
+
+.fox-popover-dialog.is-dark .fox-popover-dialog__arrow {
+  background: var(--fox-popover-dialog-dark-background-color, #4b4c4d);
+}
+
+@keyframes popover-show {
+  0% {
+    opacity: 0;
+  }
+
+  100% {
+    opacity: 1;
+  }
+}
+
+@keyframes popover-hide {
+  0% {
+    opacity: 1;
+  }
+
+  100% {
+    opacity: 0;
+  }
+}
+
+.fox-price {
+  font-size: var(--fox-font-size-medium, 16px);
+  color: var(--fox-primary-color, var(--el-color-primary));
+  display: inline;
+}
+
+.fox-price--symbol {
+  font-size: var(--fox-font-size-medium, 16px);
+  display: inline-block;
+}
+
+.fox-price--large, .fox-price--point {
+  font-size: var(--fox-price-big-size, 24px);
+  display: inline-block;
+}
+
+.fox-price--decimal-large {
+  font-size: var(--fox-price-decimal-big-size, 18px);
+  display: inline-block;
+}
+
+.fox-price--symbol-large {
+  font-size: var(--fox-price-symbol-big-size, 18px);
+  display: inline-block;
+}
+
+.fox-price--normal {
+  font-size: var(--fox-price-medium-size, 16px);
+  display: inline-block;
+}
+
+.fox-price--decimal-normal {
+  font-size: var(--fox-price-decimal-medium-size, 14px);
+  display: inline-block;
+}
+
+.fox-price--symbol-normal {
+  font-size: var(--fox-price-symbol-medium-size, 14px);
+  display: inline-block;
+}
+
+.fox-price--small {
+  font-size: var(--fox-price-small-size, 12px);
+  display: inline-block;
+}
+
+.fox-price--decimal-small {
+  font-size: var(--fox-price-decimal-small-size, 10px);
+  display: inline-block;
+}
+
+.fox-price--symbol-small {
+  font-size: var(--fox-price-symbol-small-size, 10px);
+  display: inline-block;
+}
+
+.fox-indicator {
+  justify-content: flex-start;
+  align-items: center;
+  display: flex;
+}
+
+.fox-indicator__mark {
+  background-color: var(--el-color-success);
+  border-radius: 5px;
+  width: 10px;
+  height: 10px;
+}
+
+.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, var(--fox-font-size-base, 14px));
+  font-weight: var(--fox-text-font-weight, 400);
+  color: var(--fox-text-color, var(--el-text-color));
+  word-break: break-all;
+}
+
+.fox-text.is-truncated {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  max-width: 100%;
+  display: inline-block;
+  overflow: hidden;
+}
+
+.fox-text.is-highlight > * {
+  color: var(--fox-text-highlight-color, var(--fox-white, #fff)) !important;
+  background: var(--fox-text-highlight-background-color, var(--fox-danger-color, var(--el-color-danger))) !important;
+}
+
+.fox-text.is-selectable {
+  -webkit-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-color-success, var(--el-color-success));
+}
+
+.fox-text--success .fox-text__mark {
+  background-color: var(--fox-text-color-success, var(--el-color-success));
+}
+
+.fox-text--info {
+  color: var(--fox-text-color-info, var(--el-color-info));
+}
+
+.fox-text--info .fox-text__mark {
+  background-color: var(--fox-text-color-info, var(--el-color-info));
+}
+
+.fox-text--warning {
+  color: var(--fox-text-color-warning, var(--el-color-warning));
+}
+
+.fox-text--warning .fox-text__mark {
+  background-color: var(--fox-text-color-warning, var(--el-color-warning));
+}
+
+.fox-text--danger {
+  color: var(--fox-text-color-danger, var(--el-color-danger));
+}
+
+.fox-text--danger .fox-text__mark {
+  background-color: var(--fox-text-color-danger, var(--el-color-danger));
+}
+
+.fox-text--default {
+  color: var(--fox-text-color, var(--el-text-color));
+}
+
+.fox-text--default .fox-text__mark {
+  background-color: var(--fox-text-color, var(--el-text-color));
+}
+
+.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 {
+  box-sizing: border-box;
+  width: var(--fox-text-mark-size, 4px);
+  height: var(--fox-text-mark-size, 4px);
+  background-color: var(--fox-text-color, var(--el-text-color));
+  line-height: var(--fox-text-font-size, var(--fox-font-size-base, 14px));
+  border-radius: 50%;
+  display: inline-block;
+}
+
+.fox-text__mark--primary {
+  background-color: var(--fox-text-primary-color, var(--el-color-primary));
+}
+
+.fox-text__mark--success {
+  background-color: var(--fox-text-color-success, var(--el-color-success));
+}
+
+.fox-text__mark--warning {
+  background-color: var(--fox-text-color-warning, var(--el-color-warning));
+}
+
+.fox-text__mark--danger {
+  background-color: var(--fox-text-color-danger, var(--el-color-danger));
+}
+
+.fox-text__mark--default {
+  background-color: var(--fox-text-color, var(--el-text-color));
+}
+
+.fox-text__mark-wrap {
+  box-sizing: content-box;
+  color: var(--fox-text-color, var(--el-text-color));
+  justify-content: center;
+  align-items: center;
+  display: flex;
+}
+
+.fox-text__mark-wrap--primary {
+  color: var(--fox-text-primary-color, var(--el-color-primary));
+}
+
+.fox-text__mark-wrap--success {
+  color: var(--fox-text-color-success, var(--el-color-success));
+}
+
+.fox-text__mark-wrap--warning {
+  color: var(--fox-text-color-warning, var(--el-color-warning));
+}
+
+.fox-text__mark-wrap--danger {
+  color: var(--fox-text-color-danger, var(--el-color-danger));
+}
+
+.fox-text__mark-wrap--default {
+  color: var(--fox-text-color, var(--el-text-color));
+}
+
+.fox-text__mark-wrap svg {
+  width: var(--fox-text-mark-icon-width, 1em);
+  height: var(--fox-text-mark-icon-height, 1em);
+}
+
+.fox-text__wrap {
+  justify-content: flex-start;
+  align-items: center;
+  gap: var(--fox-text-mark-text-gutter, 4px);
+  display: flex;
+}
+
+.fox-text__wrap.text-left {
+  flex-flow: row-reverse;
+}
+
+.fox-text__wrap.text-right {
+  flex-flow: row;
+}
+
+.fox-text__wrap .fox-text {
+  flex: auto;
+}
+
+.fox-text__wrap .fox-text__mark, .fox-text__wrap .fox-text__mark-wrap {
+  flex: none;
+}
+
+.fox-text__divide {
+  margin: var(--fox-text-divide-margin, 0 0);
+  height: var(--fox-text-divide-height, 12px);
+  width: var(--fox-text-divide-width, 1px);
+  background: var(--fox-text-divide-color, var(--fox-border-color-light, #e4e7ed));
+}
+
+.fox-tour__mask {
+  z-index: 1002;
+  border-radius: 10px;
+  width: 100px;
+  height: 50px;
+  position: fixed;
+  box-shadow: 0 0 0 150vmax #00000080;
+}
+
+.fox-tour__mask-none {
+  box-shadow: none;
+}
+
+.fox-tour__mask-hidden {
+  opacity: 0;
+}
+
+.fox-tour__content {
+  min-width: 200px;
+  display: block;
+}
+
+.fox-tour__content-top {
+  text-align: right;
+  display: block;
+}
+
+.fox-tour__content-top-close {
+  width: 20px;
+  height: 20px;
+}
+
+.fox-tour__content-inner {
+  margin: 10px 0;
+  font-size: 14px;
+}
+
+.fox-tour__content-bottom {
+  justify-content: space-between;
+  align-items: center;
+  margin-top: 10px;
+  display: flex;
+}
+
+.fox-tour__content-bottom-init {
+  margin-left: 10px;
+}
+
+.fox-tour__content-bottom-operate {
+  justify-content: flex-end;
+  display: flex;
+}
+
+.fox-tour__content-bottom-operate-btn {
+  padding: 5px 10px;
+}
+
+.fox-tour__content-tile .fox-tour__content-inner {
+  margin: 0;
+}
+
+.fox-tour__masked {
+  z-index: 2000;
+  background: none;
+  width: 100vw;
+  height: 100vh;
+  position: fixed;
+  top: 0;
+  left: 0;
+}
+/*$vite$:1*/