@charset "UTF-8";body{margin:0}.container[data-v-5e69b31f]{--top: 2vh;--padding: 2vw;background:url(/实时金价横版2.png) no-repeat center 32vh/cover;height:100vh;overflow:hidden;padding-top:var(--top);padding-bottom:var(--top);box-sizing:border-box;display:flex;justify-content:space-between;align-items:stretch;flex-direction:column;gap:2vh}.container .title[data-v-5e69b31f]{width:20vw;height:5.6vh;display:block;margin:auto;object-fit:contain}.container .logo[data-v-5e69b31f]{position:fixed;top:var(--top);width:15vw;left:var(--padding)}.container .tip[data-v-5e69b31f]{position:fixed;top:calc(var(--top) + 2vw);right:var(--padding);color:#c93;font-size:1.8vw}.container .date[data-v-5e69b31f]{display:flex;justify-content:center;align-items:center;font-size:1.8vw;gap:10px}.container .date .number[data-v-5e69b31f]{background:#f4dcb6;color:#c99328;line-height:1;padding:6px 15px;border-radius:10px;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;letter-spacing:2px;font-feature-settings:"tnum"}.container .plate[data-v-5e69b31f]{margin:0 var(--padding);background:url(/实时金价横版2_11.png) no-repeat center top/cover;border-radius:20px;display:flex;justify-content:center;align-items:center;font-size:2vw;padding:1.5vh 0;gap:30px}.container .plate .money[data-v-5e69b31f]{display:flex;justify-content:center;align-items:baseline;line-height:1}.container .plate .money .number[data-v-5e69b31f]{line-height:1;font-size:5vw;color:#cc8b09;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;margin:0 10px}.container .canvas-container[data-v-5e69b31f]{margin:0 var(--padding);padding:1.5vh 2vw;box-sizing:border-box;background:#fff;border-radius:20px;flex:1;position:relative;display:flex;justify-content:space-between;align-items:stretch;flex-direction:column}.container .canvas-container .name[data-v-5e69b31f]{color:#d1ba8b;font-size:1.45vw;font-weight:700}.container .canvas-container .dates[data-v-5e69b31f]{position:absolute;top:1.5vw;right:2vw;background:#f6f6f6;border-radius:1000px;font-size:1.15vw;display:flex;justify-content:center;align-items:center}.container .canvas-container .dates span[data-v-5e69b31f]{padding:8px 18px;border-radius:1000px;display:block;cursor:pointer;transition:all .2s ease-in-out;height:100%}.container .canvas-container .dates span.active[data-v-5e69b31f]{background:#d3b988;color:#fff}.container .canvas-container .canvas[data-v-5e69b31f]{flex:1}.container .canvas-container .leg[data-v-5e69b31f]{display:flex;justify-content:center;align-items:center;gap:35px;color:#828282;font-size:1vw;padding-bottom:1vh}.container .canvas-container .leg .item[data-v-5e69b31f]{display:flex;justify-content:center;align-items:center;gap:15px}.container .canvas-container .leg .item .color[data-v-5e69b31f]{width:1.5vw;height:.3vw}.container .canvas-container .leg .item:nth-of-type(1) .color[data-v-5e69b31f]{background:#cfb684}.container .canvas-container .leg .item:nth-of-type(2) .color[data-v-5e69b31f]{background:#18c2dd}.container .canvas-container .shadow[data-v-5e69b31f]{gap:1vh;flex:1;border-radius:25px;box-shadow:-2px -3px #fff,2px -3px #fff,0 2px 1px #cfb785;display:flex;justify-content:center;align-items:stretch;flex-direction:column}.container .statement[data-v-5e69b31f]{font-size:1.2vw;margin:0 var(--padding);line-height:0;flex:none;color:#cc8b09;letter-spacing:2px}
