#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin-top:10px}div#__vconsole{display:none}.nut-swiper{position:relative;z-index:1;display:flex;transition-property:transform;box-sizing:content-box;overflow:hidden}.nut-swiper-inner{display:flex;height:100%}.nut-swiper-vertical{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.nut-swiper-pagination{display:flex;position:absolute;left:50%;bottom:12px;transform:translate(-50%)}.nut-swiper-pagination i{width:8px;height:3px;margin-right:7px;border-radius:2px}.nut-swiper-pagination i:last-child{margin-right:0}.nut-swiper-pagination-vertical{top:50%;left:12px;bottom:auto;flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;transform:translateY(-50%)}.nut-swiper-pagination-vertical i{margin-bottom:5px}.nut-swiper-item{height:100%}.nut-uploader{position:relative;display:flex;flex-wrap:wrap}.nut-uploader__slot{position:relative}.nut-uploader__upload{position:relative;background:#f7f8fa;width:100px;height:100px;display:flex;align-items:center;justify-content:center}.nut-uploader__input{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;cursor:pointer;opacity:0}.nut-uploader__input:disabled{cursor:not-allowed}.nut-uploader__preview{display:flex;align-items:center;justify-content:center;margin-right:10px;margin-bottom:10px;box-shadow:0 2px 10px #0000001a}.nut-uploader__preview__progress{position:absolute;left:0;top:0;bottom:0;right:0;background:rgba(0,0,0,.6);display:flex;flex-direction:column;align-items:center;justify-content:center}.nut-uploader__preview__progress__msg{color:#fff;font-size:12px;margin-top:6px}.nut-uploader__preview.list{width:100%;margin-right:0;margin-bottom:0;margin-top:10px}.nut-uploader__preview-list{width:100%;height:32px;display:flex;flex-direction:column;position:relative;padding-right:20px}.nut-uploader__preview-list .nut-uploader__preview-img__file__name{-webkit-line-clamp:1;padding:2px;height:24px}.nut-uploader__preview-list .nut-uploader__preview-img__file__del{position:absolute;right:4px;top:6px}.nut-uploader__preview-list .nut-progress{position:absolute;left:0;right:0;bottom:0}.nut-uploader__preview-list .nut-progress .nut-progress-outer{height:2px!important}.nut-uploader__preview-img{position:relative;width:100px;height:100px}.nut-uploader__preview-img .close{position:absolute;right:0;top:0;transform:translate(50%,-50%)}.nut-uploader__preview-img .tips{position:absolute;bottom:0;left:0;right:0;text-align:center;display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff;height:0px;transition:height .3s;background:rgba(0,0,0,.54);width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nut-uploader__preview-img__c{height:100%;width:100%}.nut-uploader__preview-img__file{height:100%;width:100%;display:flex;align-items:center;justify-content:center;transition:all .3s}.nut-uploader__preview-img__file__name{display:flex;width:100%;font-size:12px;color:gray;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;word-break:break-all}.nut-uploader__preview-img__file__name.error{color:red!important}.nut-uploader__preview-img__file__name.success{color:#1890ff!important}.nut-uploader__preview-img__file__name .nut-icon-link:before{margin-left:-25%;margin-top:-25%;transform:none}@keyframes nutFadeIn{0%{opacity:0}to{opacity:1}}@keyframes nutFadeOut{0%{opacity:1}to{opacity:0}}.nutFade-enter-active,.nutFadeIn,.nutFade-leave-active,.nutFadeOut{animation-duration:.25s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.55,.085,.68,.53)}.nutFade-enter-active,.nutFadeIn{animation-name:nutFadeIn}.nutFade-leave-active,.nutFadeOut{animation-name:nutFadeOut}@keyframes nutZoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes nutZoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.nutZoom-enter-active,.nutZoomIn,.nutZoom-leave-active,.nutZoomOut{animation-duration:.25s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.55,.085,.68,.53)}.nutZoom-enter-active,.nutZoomIn{animation-name:nutZoomIn}.nutZoom-leave-active,.nutZoomOut{animation-name:nutZoomOut}@keyframes nutEaseIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes nutEaseOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}.nutEase-enter-active,.nutEaseIn,.nutEase-leave-active,.nutEaseOut{animation-duration:.25s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.55,.085,.68,.53)}.nutEase-enter-active,.nutEaseIn{animation-name:nutEaseIn}.nutEase-leave-active,.nutEaseOut{animation-name:nutEaseOut}@keyframes nutDropIn{0%{opacity:0;transform:scaleY(.8)}to{opacity:1;transform:scaleY(1)}}@keyframes nutDropOut{0%{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(.8)}}.nutDrop-enter-active,.nutDropIn,.nutDrop-leave-active,.nutDropOut{animation-duration:.25s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.55,.085,.68,.53)}.nutDrop-enter-active,.nutDropIn{animation-name:nutDropIn}.nutDrop-leave-active,.nutDropOut{animation-name:nutDropOut}@keyframes rotation{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}.nutRotate-enter-active,.nutRotateIn,.nutRotate-leave-active,.nutRotateOut{animation-duration:.25s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.55,.085,.68,.53)}.nutRotate-enter-active,.nutRotateIn{animation-name:nutRotateIn}.nutRotate-leave-active,.nutRotateOut{animation-name:nutRotateOut}.nut-progress{width:100%;position:relative;display:flex}.nut-progress .nut-progress-outer{flex:1;background-color:#f3f3f3;border-radius:12px;height:10px}.nut-progress .nut-progress-outer .nut-progress-inner{width:30%;height:100%;border-radius:12px;background:linear-gradient(268deg,#fa2c19 0%,#fa3f19 44.59259259%,#fa5919 83.40740741%,#fa6419 100%);-webkit-transition:all .4s;transition:all .4s;position:relative}.nut-progress .nut-progress-outer .nut-progress-inner .nut-progress-text{display:flex;flex-direction:column;justify-content:center;color:#fff}.nut-progress .nut-progress-outer .nut-active:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:10px;animation:progressActive 2s ease-in-out infinite}@keyframes progressActive{0%{background:rgba(255,255,255,.1);width:0}20%{background:rgba(255,255,255,.5);width:0}to{background:rgba(255,255,255,0);width:100%}}.nut-progress .nut-progress-outer.nut-progress-small{height:5px}.nut-progress .nut-progress-outer.nut-progress-small .nut-progress-text{font-size:7px;line-height:10px;padding:2px 4px;top:-100%}.nut-progress .nut-progress-outer.nut-progress-base{height:10px}.nut-progress .nut-progress-outer.nut-progress-base .nut-progress-text{font-size:9px;line-height:13px}.nut-progress .nut-progress-outer.nut-progress-large{height:15px}.nut-progress .nut-progress-outer.nut-progress-large .nut-progress-text{font-size:13px;line-height:18px}.nut-progress .nut-progress-outer-part{width:90%}.nut-progress .nut-progress-text{padding:0 5px;font-size:13px;line-height:1;min-width:35px}.nut-progress .nut-progress-insidetext{padding:3px 5px 3px 6px;background:#fa2c19;border-radius:5px;position:absolute;transition:all .4s;top:-42%;min-width:0px}.nut-progress .nut-icon-success,.nut-progress .nut-icon-fail{width:10px;height:10px;display:inline-block}
