body,html{width:100%;height:100%;margin:0;background:#000}#wrap,.page_wrap{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.desert_content_wrap{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;background:url(../img/bg_desert.jpg?v=fd2d4e7d) no-repeat center/cover}.desert_graph_wrap{display:flex;justify-content:left;align-items:center;width:1020px;height:80px;padding:0 30px;background:url(../img/bg_graph.png?v=cca0c46c) no-repeat center/100% 100%;border-radius:40px;box-sizing:border-box}.desert_graph{position:relative;display:flex;justify-content:flex-end;align-items:center;width:0;min-width:2.7%;height:28px;background:url(../img/graph.png?v=b7361bd2) no-repeat left/cover;border-radius:15px;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);transition:width ease-out;transition-duration:1000ms;will-change:width;box-sizing:content-box}.desert_graph .graph_bead{width:28px;height:28px;background:url(../img/graph_bead.png?v=e347d66e) no-repeat left/cover;border-radius:15px;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.desert_graph .graph_balloon{position:absolute;top:-210%;right:0;display:flex;justify-content:center;align-items:center;width:64px;height:53px;background:url(../img/graph_balloon.png?v=d078769b) no-repeat left/contain;color:#fff;font-size:16px;white-space:nowrap;-webkit-transform:translate3d(32%, -70%, 0);transform:translate3d(32%, -70%, 0);box-sizing:border-box}.desert_graph .graph_balloon .balloon_label{display:flex;justify-content:center;align-items:center;margin-bottom:22%}.graph_mark_wrap{display:flex;justify-content:space-between;width:1020px;padding:26px 42px;box-sizing:border-box}.graph_mark{position:relative;font-size:27px;text-align:center}.graph_mark:nth-child(1){color:#d5d2cd}.graph_mark:nth-child(2){color:#f0e0c8}.graph_mark:nth-child(3){color:#e7dba3}.graph_mark:nth-child(4){color:#ffe68e}.graph_mark:nth-child(5){color:#ffd05f}.graph_mark .graph_mark_scale{position:absolute;top:0;left:50%;width:3px;height:8px;background-color:#f0eace;border-radius:5px;-webkit-filter:drop-shadow(0 0 1px #ffe68e);filter:drop-shadow(0 0 1px #ffe68e);-webkit-transform:translate(-50%, -120%);transform:translate(-50%, -120%)}.graph_mark .graph_mark_label{position:absolute;white-space:nowrap;-webkit-transform:translateX(-50%);transform:translateX(-50%)}@media (max-width: 1200px){.desert_graph_wrap{width:85vw;height:6.6vw;padding:0 2.5vw}.desert_graph{height:2.3vw}.desert_graph .graph_bead{width:2.3vw;height:2.3vw}.desert_graph .graph_balloon{width:max(34px, 6vw);font-size:max(10px, 1.4vw)}.graph_mark_wrap{width:85vw;padding:2.5vw 3.6vw}.graph_mark{font-size:max(14px, 2vw)}.graph_mark .graph_mark_scale{width:0.3vw;height:1vw}}