body{font-size:16px;background-color:#f8f8f8;-webkit-font-smoothing:antialiased}.coffee-loading{background:transparent!important;box-shadow:none!important;padding:0!important;width:120px!important;height:120px!important;-webkit-perspective:800px;perspective:800px;position:relative;top:30%}.coffee-loading:before{content:"";position:absolute;top:20px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:65px;height:50px;background:#c17641;border-radius:5px 5px 20px 20px;box-shadow:0 4px 8px rgba(0,0,0,.3),inset 0 -2px 5px hsla(0,0%,100%,.2);-webkit-animation:pot-rotate 2s ease-in-out infinite;animation:pot-rotate 2s ease-in-out infinite;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;z-index:2}.coffee-loading:after{content:"";top:30px;width:10px;height:15px;background:#3c3b3a;border-radius:0 0 5px 5px}.coffee-loading .coffee-cup,.coffee-loading:after{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:1}.coffee-loading .coffee-cup{bottom:-20px;width:50px;height:40px;background:#fff;border-radius:0 0 15px 15px;box-shadow:0 2px 5px rgba(0,0,0,.2)}.coffee-loading .coffee-cup:after{content:"";position:absolute;top:5px;right:-10px;width:15px;height:15px;border:3px solid #b6afaf;border-radius:0 5px 5px 0;box-sizing:border-box}.coffee-loading .coffee-liquid{top:55px;width:3px;height:35px;background:-webkit-linear-gradient(top,#8b4513,#654321);background:linear-gradient(180deg,#8b4513,#654321);border-radius:2px;-webkit-animation:liquid-pour 1.5s linear infinite;animation:liquid-pour 1.5s linear infinite;z-index:0}.coffee-loading .coffee-liquid,.coffee-loading .coffee-steam{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.coffee-loading .coffee-steam{bottom:45px;width:4px;height:15px;background:#fff;border-radius:50%;-webkit-filter:blur(2px);filter:blur(2px);-webkit-animation:steam-float 2s ease-in-out infinite;animation:steam-float 2s ease-in-out infinite;opacity:0}.coffee-loading .coffee-steam:nth-child(2){left:45%;-webkit-animation-delay:.5s;animation-delay:.5s}.coffee-loading .coffee-steam:nth-child(3){left:55%;-webkit-animation-delay:1s;animation-delay:1s}@-webkit-keyframes pot-rotate{0%{-webkit-transform:translateX(-50%) rotateX(1deg) rotate(0deg);transform:translateX(-50%) rotateX(1deg) rotate(0deg)}to{-webkit-transform:translateX(-50%) rotateX(1deg) rotate(1turn);transform:translateX(-50%) rotateX(1deg) rotate(1turn)}}@keyframes pot-rotate{0%{-webkit-transform:translateX(-50%) rotateX(1deg) rotate(0deg);transform:translateX(-50%) rotateX(1deg) rotate(0deg)}to{-webkit-transform:translateX(-50%) rotateX(1deg) rotate(1turn);transform:translateX(-50%) rotateX(1deg) rotate(1turn)}}.pot{-webkit-animation:pot-rotate 8s linear infinite;animation:pot-rotate 8s linear infinite}@-webkit-keyframes liquid-pour{0%{height:0;opacity:1}to{height:30px;opacity:0}}@keyframes liquid-pour{0%{height:0;opacity:1}to{height:30px;opacity:0}}@-webkit-keyframes steam-float{0%{-webkit-transform:translateX(-50%) translateY(0) scale(1);transform:translateX(-50%) translateY(0) scale(1);opacity:.6}to{-webkit-transform:translateX(-50%) translateY(-20px) scale(.8);transform:translateX(-50%) translateY(-20px) scale(.8);opacity:0}}@keyframes steam-float{0%{-webkit-transform:translateX(-50%) translateY(0) scale(1);transform:translateX(-50%) translateY(0) scale(1);opacity:.6}to{-webkit-transform:translateX(-50%) translateY(-20px) scale(.8);transform:translateX(-50%) translateY(-20px) scale(.8);opacity:0}}.van-overlay{background:rgba(186,183,183,.8)!important}.van-tabbar[data-v-ba2ef8a0]{height:60px}.inactivecolor[data-v-ba2ef8a0]{color:#000}.activecolor[data-v-ba2ef8a0]{color:#8c5b29}.van-tabbar-item[data-v-ba2ef8a0]{margin-top:1%}