.header-container{position:fixed;width:100%;top:0;left:0;height:5.6rem;padding:0 2.5rem;z-index:101;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-transition:background-color .5s cubic-bezier(.75,.02,.5,1);transition:background-color .5s cubic-bezier(.75,.02,.5,1);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.header-container.theme-upload.portrait{background-color:#191c1e}.header-container.theme-upload .logo .w{opacity:1}.header-container.theme-upload .logo .c{opacity:0}.header-container.theme-upload .back-btn{color:#5e6162}.header-container.theme-upload .upload-btn{pointer-events:none;opacity:0}.header-container.theme-upload .user{color:#5e6162}.header-container.theme-city .logo .w{opacity:1}.header-container.theme-city .logo .c{opacity:0}.header-container.theme-search .logo .w{opacity:1}.header-container.theme-search .logo .c{opacity:0}.header-container.theme-case,.header-container.theme-vendor{background-color:#191c1e}.header-container.theme-error .back-btn{display:none}.header-container.portrait .logo{margin-left:0}.header-container.portrait .back-btn,.header-container.portrait .user{display:none}.header-container .logo{width:7.4rem;height:2.5rem;position:relative;margin:0 1rem}.header-container .logo img{display:block;width:100%;height:auto;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);opacity:1;-webkit-transition:opacity .5s cubic-bezier(.75,.02,.5,1);transition:opacity .5s cubic-bezier(.75,.02,.5,1)}.header-container .logo img.w{opacity:0}.header-container .back-btn{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;left:calc(25% + 2rem);cursor:pointer}.header-container .back-btn .icon-font{font-size:1.1rem;margin-right:.5rem}.header-container .upload-btn{width:8.4rem}.header-container .upload-btn,.header-container .user{-webkit-transition:all .5s cubic-bezier(.75,.02,.5,1);transition:all .5s cubic-bezier(.75,.02,.5,1)}.header-container .user{margin-left:1rem}.header-container .log-out{margin-left:1rem;cursor:pointer}.header-container .backBtn-enter-active{-webkit-transition:all .5s ease-in-out .7s;transition:all .5s ease-in-out .7s}.header-container .backBtn-leave-active{-webkit-transition:all .3s cubic-bezier(.75,.02,.5,1);transition:all .3s cubic-bezier(.75,.02,.5,1)}.header-container .backBtn-enter,.header-container .backBtn-leave-to{-webkit-transform:translate(100%);transform:translate(100%);opacity:0}