:root{--min-width:1200px;--min-height:675px}.main-container{width:100vw;height:56.25vw;background:url(/img/bg.7d28cffd.jpg) no-repeat 50%;background-size:cover;display:flex;flex-direction:column;align-items:center}.title-container{width:60%;height:30%;margin-top:2%;background:url(/img/title.ddbd9ae0.png) no-repeat 50%;background-size:contain}.rank-container{width:90%;height:60%;display:flex;margin-top:.5%;gap:2%}.rank-item{padding-top:7%;flex:1;display:flex;align-items:center;flex-direction:column}.rank-1-item{background:url(/img/rank_1_bg.77da0b7c.png) no-repeat 50%;background-size:contain}.rank-2-item{background:url(/img/rank_2_bg.f98e363a.png) no-repeat 50%;background-size:contain}.rank-3-item{background:url(/img/rank_3_bg.c054b08d.png) no-repeat 50%;background-size:contain}.rank-4-item{background:url(/img/rank_4_bg.c1490c9f.png) no-repeat 50%;background-size:contain}.shipper-avatar{height:70%;aspect-ratio:1}.shipper-avatar img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.shipper-tip{height:10%;width:100%;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAyCAYAAACqNX6+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjcyNUIyNkYzOUY3MzExRjBBMDlFRkNENTlFOTgyQTI0IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjcyNUIyNkY0OUY3MzExRjBBMDlFRkNENTlFOTgyQTI0Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NzI1QjI2RjE5RjczMTFGMEEwOUVGQ0Q1OUU5ODJBMjQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NzI1QjI2RjI5RjczMTFGMEEwOUVGQ0Q1OUU5ODJBMjQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5QCcOhAAAEx0lEQVR42uxc7XHaQBCVPf4dqwRcQUhSgKEClAoMFQAVABUIKrCowHIFKAUkUSqw0oGSBpzdzJKRb/akvQ9kPLmdubEN6L7evne7K+GL5+fnKNj52GXYggBIsABIACRYACQAEiwAEgAJFgD5v+3K9sJvN9cD+JFAu4UWQxs13i6g1dC+QMs/Vb+rrv6+Dt5hf1PmrS1cX/taMIyzoPk2LcM5wnv4+oK5LNOtQVLpgL3CfRoqLxcfn34VzoBA57jxKwUA1Y7v4URSWCgOvIFFFS3XDKhfztaewMB5pcxbOK8KgYfP3NFcmnYNbekwdMr0WThJFgARQ3uAXw8dYOgAOsBiH8gLTWxO7PFhqeAzO+a1xEFJEgaMimOHGBDoFOn23WVijYUdDEGJW5hjwo4pIxuc5Rx74fqh5dAT4RgyQAiMA4PyC8SJgsdWtnx2KPTUpk09sEQEKp0VnPfeOTihhIXdZwjKFPy4Zw7Bf4cddg6LKBmPjGkyKwXM0lKPcR5jS3asOxxKtT0jy1PTeZNcqXtXglxVtgxZaWiOUc8YOp5xYJCn1dAQsA8E3BGMsWXUNKJD2RQM3JC54WU5rfGFdEJfiQe52lnlIRTWLlrAKIQSgMDMMMpyAMNIdhRbtDBcO2eNzk88yFVumxjqFj8DMErTXYFFrj3kEyMTL6VzxzYgeHSJtsChp4wj5LB3tS0gLLrQYd5j4lpZhq5tTlULHShnxjeRrYnmbDIvnWgOo4hkJ+oZkIwJQacCdgyZzD/viAAl8jIRsCNmHLqWOPNlS2gaMclMGfVvS8arU0Euk2r6MjHbJDHRRKSRLSC3mvJC70bnzo5JFhcdJZKRtB7VkZOUFrJlJVdGpROwn9Hr2ZZhybyFJalHud2byJZGrkqpuugSQy6J6uyQtH1g4IFrKUug751ySMe08TNBiWRryg5FalJGkmYGcrWXDmYCiCQ6uYvMCo9rQ5aolVgsqWyOm02MWTHztg5GyBlyZaP/yhZFYqrNTXMPiWSVQpD6Pks2HaHtgpnnzkP+I5ItSqaHTKpQuQJSnxsgBErG5AbIkpGmRFITs1zH5UopiVCuHk3GujJIyN4L+uuq8sYecEGW3DMsKZn+dx7vNuZKXhPTeZUpkq3mHpkPQH5wZQuBJy1bDnybG1ssS6CvuSINXJhbSYMGg5xkyshW1iZXpoPoJIvLOWLK4M/BlkIm+ZTLklGOhMJc5+iqFRCKmSthbeg1zpKiI1Gt6LzxbW2Z+5ypbBS+GKIbfAgesT4Tlmz6YkeHBE3orurAlR1dgGQ6llBp2dTinlhSnIgdutu7iSb3yLwCQnV7nVbfS5mC9yToQB+eYI9mPbKjzfNVBy1Mcg8pQyIqF+uQRqY84YNn6hMZ+DeGhNAwPH3SRFe1J4/NFHYUJwYkF8x9b9t554NyeN8cNp7zgmOymBIIPrzbBpSZr74MSylTw7PGnSFNUGw1UcOMsaYO9FasLfvOum7TOgPSAOWz5qCXGoJ604OsnJolecs+PLr0bfT0O54p0G5IIqR3D3HiWwJi5vPB6Vc2juGV6zMHFy7fU2+UC7gICgErHe5DvAnz/T3/i/CPA87Lwhd2AiDBAiABkGABkABIsABIACRY3/ZHgAEAoLvrdiNtk4AAAAAASUVORK5CYII=) no-repeat 50%;background-size:contain}.shipper-amount{height:15%;width:100%;text-align:center;font-size:clamp(14px,2.6vw,70px);color:#cd200f;font-weight:600;display:flex;letter-spacing:.07em;align-items:center;justify-content:center}.button-block{position:absolute;bottom:0;right:0;width:100px;height:40px}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;background-color:#000;width:100vw;height:100vh;min-width:var(--min-width);min-height:var(--min-height);display:flex;flex-direction:column;justify-content:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}body,html{margin:0;padding:0;width:100%;height:100%;overflow:auto}.custom-loading .el-loading-spinner .circular{color:#fff!important}.custom-loading .el-loading-spinner .path{stroke:#fff!important}