.upload-wrapper{position:fixed;width:100%;height:100%;left:0;top:0;z-index:10}.upload-wrapper:after,.upload-wrapper:before{position:absolute;width:100%;height:100%;left:0;top:0;content:"";display:block;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:all .3s cubic-bezier(.75,.02,.5,1);transition:all .3s cubic-bezier(.75,.02,.5,1)}.upload-wrapper:before{background-color:#fdb813}.upload-wrapper:after{background-color:#2da44a;-webkit-transition-delay:.1s;transition-delay:.1s}.upload-wrapper.show:after,.upload-wrapper.show:before{-webkit-transform:translateX(0);transform:translateX(0)}.upload-wrapper.show .upload-container{opacity:1}.upload-wrapper.show .upload-container .upload-bg,.upload-wrapper.show .upload-container .upload-content{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}.upload-wrapper.portrait .upload-container{padding-left:0}.upload-wrapper.portrait .upload-container .upload-content{padding-left:2.5rem}.upload-wrapper.portrait .upload-container .upload-content:before{display:none}.upload-wrapper.portrait .upload-container .upload-content .choose-type{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.upload-wrapper.portrait .upload-container .upload-content .form-wrapper .container-title{margin-left:0;margin-right:0}.upload-wrapper.portrait .upload-container .upload-content .form-wrapper .container-title .text-massive{white-space:nowrap}.upload-wrapper.portrait .upload-container .upload-content .form-wrapper .form-container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.upload-wrapper.portrait .upload-container .upload-content .form-wrapper .form-container .form{height:auto;overflow:visible;padding:0 0 6rem}.upload-wrapper.portrait .upload-container .upload-content .form-wrapper .form-container .form .my-select .field{width:100%}.upload-wrapper.portrait .upload-container .upload-content .form-wrapper .form-container .form .my-textarea .field .ql-toolbar{display:none}.upload-wrapper.portrait .upload-container .upload-content .form-wrapper .form-container .form .my-uploader .fields{grid-template-columns:repeat(1,100%)}.upload-wrapper.portrait .upload-container .upload-content .form-wrapper.case .form-container .cover{width:100%;margin:0}.upload-wrapper.portrait .upload-container .upload-content .form-wrapper.case .form-container .cover .my-uploader .fields .file:before{padding-top:53%}.upload-wrapper.portrait .upload-container .upload-content .form-wrapper.vendor .form-container .logo{width:100%;margin:0}.upload-wrapper.portrait .upload-container .upload-content .form-wrapper.vendor .form-container .logo .my-uploader .fields .file:before{padding-top:53%}.upload-wrapper .upload-container{padding-left:25%;z-index:3;background-size:cover;background-size:auto 100%;background-repeat:no-repeat;background-position:0 0;background-color:#000;background-image:url(../../assets/img/upload.543c579d.jpg)}.upload-wrapper .upload-container,.upload-wrapper .upload-container .upload-content{width:100%;height:100%;position:relative;opacity:0;-webkit-transition:all .5s cubic-bezier(.75,.02,.5,1) .5s;transition:all .5s cubic-bezier(.75,.02,.5,1) .5s}.upload-wrapper .upload-container .upload-content{-webkit-transform:translateX(100%);transform:translateX(100%);background-color:#fff;padding:5.6rem 2.5rem 5.6rem 1rem;overflow:auto}.upload-wrapper .upload-container .upload-content:before{content:"";display:block;height:5.6rem;width:100%;background-color:#f2f2f2;position:absolute;left:0;top:0;z-index:9}.upload-wrapper .upload-container .upload-content .choose-type{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around}.upload-wrapper .upload-container .upload-content .choose-type .type{width:16.75rem;height:16.75rem;border-radius:1.5rem;background-color:#f2f2f2;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;cursor:pointer}.upload-wrapper .upload-container .upload-content .choose-type .type,.upload-wrapper .upload-container .upload-content .choose-type .type .icon-font{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}.upload-wrapper .upload-container .upload-content .choose-type .type .icon-font{font-size:.8rem;width:1.6rem;height:1.6rem;color:#f2f2f2;background-color:#000;border-radius:50%;position:relative}.upload-wrapper .upload-container .upload-content .choose-type .type .text-black{line-height:1.2;margin-top:1.2rem;width:50%;text-align:center}.upload-wrapper .upload-container .upload-content .form-wrapper{height:100%;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.upload-wrapper .upload-container .upload-content .form-wrapper .container-title{display:-webkit-box;display:-ms-flexbox;display:flex;border-bottom:1px solid #000;padding:2rem 0 1rem;margin:0 1rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.upload-wrapper .upload-container .upload-content .form-wrapper .container-title .text-massive{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.upload-wrapper .upload-container .upload-content .form-wrapper .container-title .btn{width:8.5rem;margin-left:1rem}.upload-wrapper .upload-container .upload-content .form-wrapper .form-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;height:100%}.upload-wrapper .upload-container .upload-content .form-wrapper .form-container .error{color:#bb0a30}.upload-wrapper .upload-container .upload-content .form-wrapper .form-container .form{height:100%;overflow:auto;padding:2rem 1rem 6rem;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.upload-wrapper .upload-container .upload-content .form-wrapper .form-container .form .my-textfield{margin-bottom:2rem}.upload-wrapper .upload-container .upload-content .form-wrapper .form-container .form .my-textfield .label{display:block;margin-bottom:1rem}.upload-wrapper .upload-container .upload-content .form-wrapper .form-container .form .my-textfield .field{height:2.7rem;border-radius:.6rem;padding:0 1rem}.upload-wrapper .upload-container .upload-content .form-wrapper .form-container .form .my-textarea{margin-bottom:2rem}.upload-wrapper .upload-container .upload-content .form-wrapper .form-container .form .my-textarea .label{display:block;margin-bottom:1rem}.upload-wrapper .upload-container .upload-content .form-wrapper .form-container .form .my-textarea .field{height:16rem;border-radius:.6rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.upload-wrapper .upload-container .upload-content .form-wrapper .form-container .form .my-select{margin-bottom:2rem}.upload-wrapper .upload-container .upload-content .form-wrapper .form-container .form .my-select .label{display:block;margin-bottom:1rem}.upload-wrapper .upload-container .upload-content .form-wrapper .form-container .form .my-select .field{width:60%;height:2.7rem;border-radius:.6rem;padding:0 1rem}.upload-wrapper .upload-container .upload-content .form-wrapper .form-container .form .my-select .field .select{width:100%}.upload-wrapper .upload-container .upload-content .form-wrapper .form-container .form .my-select .field .icon-chevron-down{right:1rem}.upload-wrapper .upload-container .upload-content .form-wrapper .form-container .form .my-checkbox-group{margin-bottom:2rem}.upload-wrapper .upload-container .upload-content .form-wrapper .form-container .form .my-checkbox-group .group{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.upload-wrapper .upload-container .upload-content .form-wrapper .form-container .form .my-checkbox-group .group .my-checkbox{margin-right:1rem;margin-top:1rem}.upload-wrapper .upload-container .upload-content .form-wrapper .form-container .form .my-uploader{margin-top:1rem}.upload-wrapper .upload-container .upload-content .form-wrapper .form-container .form .my-uploader .fields .file:before{padding-top:53%}.upload-wrapper .upload-container .upload-content .form-wrapper.case .form-container .cover{margin:0 1rem;width:16.75rem;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;padding:2rem 0}.upload-wrapper .upload-container .upload-content .form-wrapper.case .form-container .cover .my-uploader .label{display:block;margin-bottom:1rem}.upload-wrapper .upload-container .upload-content .form-wrapper.case .form-container .cover .my-uploader .fields .file:before{padding-top:138.80597%}.upload-wrapper .upload-container .upload-content .form-wrapper.vendor .form-container .logo{margin:0 1rem;width:16.75rem;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;padding:2rem 0}.upload-wrapper .upload-container .upload-content .form-wrapper.vendor .form-container .logo .my-uploader .label{display:block;margin-bottom:1rem}.upload-wrapper .upload-container .upload-content .form-wrapper.vendor .form-container .logo .my-uploader .fields .file:before{padding-top:100%}.upload-wrapper .b2tFadeOut-enter-active{-webkit-transition:all .5s cubic-bezier(.75,.02,.5,1) .5s;transition:all .5s cubic-bezier(.75,.02,.5,1) .5s}.upload-wrapper .b2tFadeOut-leave-active{-webkit-transition:all .5s cubic-bezier(.75,.02,.5,1);transition:all .5s cubic-bezier(.75,.02,.5,1)}.upload-wrapper .b2tFadeOut-enter{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}.upload-wrapper .b2tFadeOut-leave-to{opacity:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}