You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 lines
16 KiB
1 lines
16 KiB
.home-container[data-v-a4c4c5e6]{overflow:hidden;height:100vh;background:#f1f2f4;background-position:top;background-repeat:no-repeat;background-size:contain;background-image:url(../img/top_bg_V.87cc1b7a.svg)}@media screen and (orientation:landscape){.home-container[data-v-a4c4c5e6]{background-image:url(../img/top_bg.7372d13f.svg)}}.home-container .search-bg[data-v-a4c4c5e6]{width:42.22222222vw;height:7.77777778vw;margin:0 auto;margin-top:28.14814815vw}@media screen and (orientation:landscape){.home-container .search-bg[data-v-a4c4c5e6]{margin-top:9.79166667vw!important}}.home-container .search-bg img[data-v-a4c4c5e6]{position:absolute;z-index:-1;width:100%}.home-container .search-bg .search-tip[data-v-a4c4c5e6]{position:absolute;top:1.66666667vw;left:12.77777778vw;font-size:1.85185185vw;font-family:font_bold;color:rgba(0,0,0,.6)}.home-container .search-bg .search-tip .tip-en[data-v-a4c4c5e6]{margin-top:-.46296296vw;font-size:1.2962963vw;color:rgba(0,0,0,.4)}.home-container .hot-container[data-v-a4c4c5e6]{width:66.01851852vw;margin:auto;margin-top:4.16666667vw}.home-container .hot-container[data-v-a4c4c5e6]:after{position:absolute;top:2.59259259vw;right:-4.62962963vw;width:10.37037037vw;height:12.5vw;background:linear-gradient(270deg,hsla(36,38%,78%,.576),hsla(36,35%,78%,.576) 67.26%,hsla(36,35%,78%,0));content:"";pointer-events:none}.home-container .hot-container .hot[data-v-a4c4c5e6]{display:flex;justify-content:center;align-items:flex-start;height:2.59259259vw}.home-container .hot-container .hot .hot-name[data-v-a4c4c5e6]{font-size:1.85185185vw;font-family:font_bold;color:rgba(0,0,0,.6)}.home-container .hot-container .hot img[data-v-a4c4c5e6]{width:3.42592593vw;margin-left:.64814815vw}.home-container .hot-container .hot-scroll[data-v-a4c4c5e6]{overflow:hidden;width:66.01851852vw;height:10.55555556vw;margin-top:2.22222222vw}.home-container .hot-container .hot-scroll .hot-brands[data-v-a4c4c5e6]{display:flex;width:-moz-fit-content;width:fit-content}.home-container .hot-container .hot-scroll .hot-brands .brand[data-v-a4c4c5e6]{display:inline-block;flex-shrink:0;width:7.03703704vw;margin-right:1.38888889vw;margin-bottom:0;font-size:1.2962963vw;font-family:font_medium;text-align:center;color:rgba(0,0,0,.6);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-container .hot-container .hot-scroll .hot-brands .brand img[data-v-a4c4c5e6]{width:7.03703704vw;height:7.03703704vw;padding:.92592593vw;margin-bottom:1.2962963vw;background-color:#fff;border-radius:50%}.home-container .menus[data-v-a4c4c5e6]{position:relative;display:flex;width:77.77777778vw;margin:0 auto;margin-top:4.90740741vw;margin-left:11.48148148vw;flex-wrap:wrap;gap:2.22222222vw 1.38888889vw}@media screen and (orientation:landscape){.home-container .menus[data-v-a4c4c5e6]{width:87.13541667vw!important;margin-top:3.80208333vw!important;margin-left:4.16666667vw!important}}.home-container .menus .menu[data-v-a4c4c5e6]{position:relative}.home-container .menus .menu .icon[data-v-a4c4c5e6]{width:7.40740741vw;height:7.40740741vw;margin-top:2.22222222vw;margin-left:2.22222222vw}.home-container .menus .menu .fisrt-qr-container[data-v-a4c4c5e6]{position:absolute;bottom:-.92592593vw;left:0;display:flex;justify-content:space-between;width:100%;padding-right:.83333333vw;padding-left:2.77777778vw}@media screen and (orientation:landscape){.home-container .menus .menu .fisrt-qr-container[data-v-a4c4c5e6]{bottom:.26041667vw!important}}.home-container .menus .menu .fisrt-qr-container .region-area p[data-v-a4c4c5e6]:first-child{display:flex;font-size:1.38888889vw;font-family:font_bold;color:hsla(0,0%,100%,.6)}.home-container .menus .menu .fisrt-qr-container .region-area p:first-child img[data-v-a4c4c5e6]{width:1.48148148vw;margin-left:.37037037vw}.home-container .menus .menu .fisrt-qr-container .region-area p[data-v-a4c4c5e6]:nth-child(2){margin-top:.46296296vw;font-size:2.40740741vw;font-family:font_bold;font-weight:bolder;color:#fff;line-height:2.40740741vw}@media screen and (orientation:landscape){.home-container .menus .menu .fisrt-qr-container .region-area p[data-v-a4c4c5e6]:nth-child(2){line-height:normal!important}}.home-container .menus .menu .fisrt-qr-container .qr-wrapper[data-v-a4c4c5e6]{transform:scale(.6)}@media screen and (orientation:landscape){.home-container .menus .menu .fisrt-qr-container .qr-wrapper[data-v-a4c4c5e6]{transform:scale(1)!important}}.home-container .menus .menu .fisrt-qr-container .qr-wrapper img[data-v-a4c4c5e6]{width:6.2037037vw;height:6.2037037vw}.home-container .menus .menu .fisrt-qr-container .qr-wrapper .text[data-v-a4c4c5e6]{font-size:1.11111111vw;font-family:font_bold;text-align:center;color:#fff}.home-container .menus .menu .fisrt-qr-container .qr-wrapper .text .text-en[data-v-a4c4c5e6]{font-size:.92592593vw}.home-container .menus .menu[data-v-a4c4c5e6]:first-child{width:45vw;height:41.11111111vw;padding-top:2.96296296vw;padding-left:2.96296296vw;font-size:3.7037037vw;font-family:font_bold;color:#fff;background-position:top;background-repeat:no-repeat;background-size:contain;background-color:#cfa86e;border-radius:1.48148148vw}@media screen and (orientation:landscape){.home-container .menus .menu[data-v-a4c4c5e6]:first-child{width:23.75vw!important}}.home-container .menus .menu:first-child .titleEn[data-v-a4c4c5e6]{margin-top:-.46296296vw;font-size:2.03703704vw;color:hsla(0,0%,100%,.6)}.home-container .menus .menu:first-child .icon[data-v-a4c4c5e6]{display:none}.home-container .menus .menu[data-v-a4c4c5e6]:nth-child(2){width:29.62962963vw;height:41.11111111vw;padding-top:2.96296296vw;padding-left:2.96296296vw;margin-left:.64814815vw;font-size:3.7037037vw;font-family:font_bold;color:#fff;background-position:top;background-repeat:no-repeat;background-size:contain;border-radius:1.48148148vw}@media screen and (orientation:landscape){.home-container .menus .menu[data-v-a4c4c5e6]:nth-child(2){margin-left:0!important}}.home-container .menus .menu:nth-child(2) .titleEn[data-v-a4c4c5e6]{margin-top:-.46296296vw;font-size:2.03703704vw;color:hsla(0,0%,100%,.6)}.home-container .menus .menu:nth-child(2) .icon[data-v-a4c4c5e6]{display:none}.home-container .menus .menu[data-v-a4c4c5e6]:nth-child(3){width:31.38888889vw;height:21.2037037vw;padding-top:2.96296296vw;padding-left:2.96296296vw;font-size:3.7037037vw;font-family:font_bold;color:#fff;background-position:top;background-repeat:no-repeat;background-size:contain;border-radius:1.48148148vw}.home-container .menus .menu:nth-child(3) .titleEn[data-v-a4c4c5e6]{margin-top:-.46296296vw;font-size:2.03703704vw;color:hsla(0,0%,100%,.6)}.home-container .menus .menu:nth-child(3) .icon[data-v-a4c4c5e6]{display:none}.home-container .menus .menu[data-v-a4c4c5e6]:nth-child(4),.home-container .menus .menu[data-v-a4c4c5e6]:nth-child(5){width:21.2962963vw;height:21.2037037vw;font-size:2.22222222vw;font-family:font_bold;color:rgba(0,0,0,.6);background-position:top;background-repeat:no-repeat;background-size:contain;border:1px solid hsla(32,62%,71%,.49);border-radius:1.48148148vw;box-shadow:0 .92592593vw 3.7037037vw 0 rgba(164,144,73,.14);background-image:linear-gradient(180deg,#e3dbcf,#f5f3ef)!important}.home-container .menus .menu:nth-child(4) .title-group[data-v-a4c4c5e6],.home-container .menus .menu:nth-child(5) .title-group[data-v-a4c4c5e6]{margin-top:3.51851852vw;margin-left:3.14814815vw}.home-container .menus .menu:nth-child(4) .titleEn[data-v-a4c4c5e6],.home-container .menus .menu:nth-child(5) .titleEn[data-v-a4c4c5e6]{margin-top:-.46296296vw;font-size:1.11111111vw;font-family:font_light;color:rgba(0,0,0,.3)}.home-container .menus .menu:nth-child(4) .icon[data-v-a4c4c5e6],.home-container .menus .menu:nth-child(5) .icon[data-v-a4c4c5e6]{width:7.40740741vw;height:7.40740741vw;margin-top:2.22222222vw;margin-left:2.22222222vw}.home-container .menus .menu[data-v-a4c4c5e6]:nth-child(6),.home-container .menus .menu[data-v-a4c4c5e6]:nth-child(7),.home-container .menus .menu[data-v-a4c4c5e6]:nth-child(8){width:15.09259259vw;height:18.33333333vw;margin-top:0;font-size:1.48148148vw;font-family:font_bold;color:rgba(0,0,0,.6);background:linear-gradient(180deg,hsla(32,10%,71%,.3),hsla(0,0%,100%,.04)),hsla(0,0%,100%,.35)!important;background-position:top;background-repeat:no-repeat;background-size:contain;border:1px solid hsla(32,62%,71%,.49);border-radius:1.48148148vw;box-shadow:0 .92592593vw 3.7037037vw 0 rgba(0,0,0,.04);-webkit-backdrop-filter:blur(.92592593vw);backdrop-filter:blur(.92592593vw)}@media screen and (orientation:landscape){.home-container .menus .menu[data-v-a4c4c5e6]:nth-child(6),.home-container .menus .menu[data-v-a4c4c5e6]:nth-child(7),.home-container .menus .menu[data-v-a4c4c5e6]:nth-child(8){margin-top:-11.51041667vw!important}}.home-container .menus .menu:nth-child(6) .title-group[data-v-a4c4c5e6],.home-container .menus .menu:nth-child(7) .title-group[data-v-a4c4c5e6],.home-container .menus .menu:nth-child(8) .title-group[data-v-a4c4c5e6]{margin-top:1.75925926vw;margin-left:4.62962963vw}.home-container .menus .menu:nth-child(6) .titleEn[data-v-a4c4c5e6],.home-container .menus .menu:nth-child(7) .titleEn[data-v-a4c4c5e6],.home-container .menus .menu:nth-child(8) .titleEn[data-v-a4c4c5e6]{margin-top:-.46296296vw;font-size:1.11111111vw;font-family:font_light;color:rgba(0,0,0,.3)}.home-container .menus .menu:nth-child(6) .icon[data-v-a4c4c5e6],.home-container .menus .menu:nth-child(7) .icon[data-v-a4c4c5e6],.home-container .menus .menu:nth-child(8) .icon[data-v-a4c4c5e6]{width:7.40740741vw;height:7.40740741vw;margin-top:2.22222222vw;margin-left:3.7962963vw}.home-container .menus .menu[data-v-a4c4c5e6]:nth-child(6){margin-left:0}@media screen and (orientation:landscape){.home-container .menus .menu[data-v-a4c4c5e6]:nth-child(6){margin-left:42.03125vw!important}}.home-container .column-btn[data-v-a4c4c5e6]{position:absolute;right:40.55555556vw;bottom:22.59259259vw;width:32.87037037vw;height:6.2962963vw;padding:1.85185185vw 2.77777778vw;font-size:1.85185185vw;font-family:font_bold;text-align:right;color:#fff;background:linear-gradient(180deg,#d4a866,#e2c599);border:.18518519vw solid rgba(0,0,0,.1);border-radius:2.22222222vw 2.22222222vw .37037037vw}@media screen and (orientation:landscape){.home-container .column-btn[data-v-a4c4c5e6]{right:13.69791667vw!important;bottom:9.375vw!important;width:9.58333333vw!important;height:5vw!important;padding:1.04166667vw .88541667vw!important}}.home-container .column-img[data-v-a4c4c5e6]{position:absolute;right:0;bottom:0;z-index:2;width:37.03703704vw}@media screen and (orientation:landscape){.home-container .column-img[data-v-a4c4c5e6]{width:13.54166667vw!important}}.rotate-hor-center[data-v-a4c4c5e6]{animation:rotate-hor-center-a4c4c5e6 2s cubic-bezier(.455,.03,.515,.955) both}@keyframes rotate-hor-center-a4c4c5e6{0%{transform:rotateX(0)}to{transform:rotateX(-1turn)}}.rotate-vert-center[data-v-a4c4c5e6]{animation:rotate-vert-center-a4c4c5e6 2s cubic-bezier(.455,.03,.515,.955) both}@keyframes rotate-vert-center-a4c4c5e6{0%{transform:rotateY(0)}to{transform:rotateY(1turn)}}@media (orientation:landscape){.home-container .search-bg[data-v-a4c4c5e6]{width:23.75vw;height:4.375vw;margin-top:15.83333333vw}.home-container .search-bg .search-tip[data-v-a4c4c5e6]{top:.9375vw;left:7.1875vw;font-size:1.04166667vw}.home-container .search-bg .search-tip .tip-en[data-v-a4c4c5e6]{margin-top:-.26041667vw;font-size:.72916667vw}.home-container .hot-container[data-v-a4c4c5e6]{width:37.13541667vw;margin-top:2.34375vw}.home-container .hot-container[data-v-a4c4c5e6]:after{top:1.45833333vw;right:-2.60416667vw;width:5.83333333vw;height:7.03125vw}.home-container .hot-container .hot[data-v-a4c4c5e6]{height:1.45833333vw}.home-container .hot-container .hot .hot-name[data-v-a4c4c5e6]{font-size:1.04166667vw}.home-container .hot-container .hot img[data-v-a4c4c5e6]{width:1.92708333vw;margin-left:.36458333vw}.home-container .hot-container .hot-scroll[data-v-a4c4c5e6]{width:37.13541667vw;height:5.9375vw;margin-top:1.25vw}.home-container .hot-container .hot-scroll .hot-brands .brand[data-v-a4c4c5e6]{width:3.95833333vw;margin-right:.78125vw;font-size:.72916667vw}.home-container .hot-container .hot-scroll .hot-brands .brand img[data-v-a4c4c5e6]{width:3.95833333vw;height:3.95833333vw;padding:.52083333vw;margin-bottom:.72916667vw}.home-container .menus[data-v-a4c4c5e6]{width:43.75vw;margin-top:2.76041667vw;margin-left:6.45833333vw;gap:1.25vw .78125vw}.home-container .menus .menu .icon[data-v-a4c4c5e6]{width:4.16666667vw;height:4.16666667vw;margin-top:1.25vw;margin-left:1.25vw}.home-container .menus .menu .fisrt-qr-container[data-v-a4c4c5e6]{bottom:-.52083333vw;padding-right:.46875vw;padding-left:1.5625vw}.home-container .menus .menu .fisrt-qr-container .region-area p[data-v-a4c4c5e6]:first-child{font-size:.78125vw}.home-container .menus .menu .fisrt-qr-container .region-area p:first-child img[data-v-a4c4c5e6]{width:.83333333vw;margin-left:.20833333vw}.home-container .menus .menu .fisrt-qr-container .region-area p[data-v-a4c4c5e6]:nth-child(2){margin-top:.26041667vw;font-size:1.35416667vw;line-height:1.35416667vw}.home-container .menus .menu .fisrt-qr-container .qr-wrapper img[data-v-a4c4c5e6]{width:3.48958333vw;height:3.48958333vw}.home-container .menus .menu .fisrt-qr-container .qr-wrapper .text[data-v-a4c4c5e6]{font-size:.625vw}.home-container .menus .menu .fisrt-qr-container .qr-wrapper .text .text-en[data-v-a4c4c5e6]{font-size:.52083333vw}.home-container .menus .menu[data-v-a4c4c5e6]:first-child{width:25.3125vw;height:23.125vw;padding-top:1.66666667vw;padding-left:1.66666667vw;font-size:2.08333333vw;border-radius:.83333333vw}.home-container .menus .menu:first-child .titleEn[data-v-a4c4c5e6]{margin-top:-.26041667vw;font-size:1.14583333vw}.home-container .menus .menu[data-v-a4c4c5e6]:nth-child(2){width:16.66666667vw;height:23.125vw;padding-top:1.66666667vw;padding-left:1.66666667vw;margin-left:.36458333vw;font-size:2.08333333vw;border-radius:.83333333vw}.home-container .menus .menu:nth-child(2) .titleEn[data-v-a4c4c5e6]{margin-top:-.26041667vw;font-size:1.14583333vw}.home-container .menus .menu[data-v-a4c4c5e6]:nth-child(3){width:17.65625vw;height:11.92708333vw;padding-top:1.66666667vw;padding-left:1.66666667vw;font-size:2.08333333vw;border-radius:.83333333vw}.home-container .menus .menu:nth-child(3) .titleEn[data-v-a4c4c5e6]{margin-top:-.26041667vw;font-size:1.14583333vw}.home-container .menus .menu[data-v-a4c4c5e6]:nth-child(4),.home-container .menus .menu[data-v-a4c4c5e6]:nth-child(5){width:11.97916667vw;height:11.92708333vw;font-size:1.25vw;border:1px solid hsla(32,62%,71%,.49);border-radius:.83333333vw;box-shadow:0 .52083333vw 2.08333333vw 0 rgba(164,144,73,.14)}.home-container .menus .menu:nth-child(4) .title-group[data-v-a4c4c5e6],.home-container .menus .menu:nth-child(5) .title-group[data-v-a4c4c5e6]{margin-top:1.97916667vw;margin-left:1.77083333vw}.home-container .menus .menu:nth-child(4) .titleEn[data-v-a4c4c5e6],.home-container .menus .menu:nth-child(5) .titleEn[data-v-a4c4c5e6]{margin-top:-.26041667vw;font-size:.625vw}.home-container .menus .menu:nth-child(4) .icon[data-v-a4c4c5e6],.home-container .menus .menu:nth-child(5) .icon[data-v-a4c4c5e6]{width:4.16666667vw;height:4.16666667vw;margin-top:1.25vw;margin-left:1.25vw}.home-container .menus .menu[data-v-a4c4c5e6]:nth-child(6),.home-container .menus .menu[data-v-a4c4c5e6]:nth-child(7),.home-container .menus .menu[data-v-a4c4c5e6]:nth-child(8){width:8.48958333vw;height:10.3125vw;font-size:.83333333vw;border:1px solid hsla(32,62%,71%,.49);border-radius:.83333333vw;box-shadow:0 .52083333vw 2.08333333vw 0 rgba(0,0,0,.04);-webkit-backdrop-filter:blur(.52083333vw);backdrop-filter:blur(.52083333vw)}.home-container .menus .menu:nth-child(6) .title-group[data-v-a4c4c5e6],.home-container .menus .menu:nth-child(7) .title-group[data-v-a4c4c5e6],.home-container .menus .menu:nth-child(8) .title-group[data-v-a4c4c5e6]{margin-top:.98958333vw;margin-left:2.60416667vw}.home-container .menus .menu:nth-child(6) .titleEn[data-v-a4c4c5e6],.home-container .menus .menu:nth-child(7) .titleEn[data-v-a4c4c5e6],.home-container .menus .menu:nth-child(8) .titleEn[data-v-a4c4c5e6]{margin-top:-.26041667vw;font-size:.625vw}.home-container .menus .menu:nth-child(6) .icon[data-v-a4c4c5e6],.home-container .menus .menu:nth-child(7) .icon[data-v-a4c4c5e6],.home-container .menus .menu:nth-child(8) .icon[data-v-a4c4c5e6]{width:4.16666667vw;height:4.16666667vw;margin-top:1.25vw;margin-left:2.13541667vw}.home-container .column-btn[data-v-a4c4c5e6]{right:22.8125vw;bottom:12.70833333vw;width:18.48958333vw;height:3.54166667vw;padding:1.04166667vw 1.5625vw;font-size:1.04166667vw;border:.10416667vw solid rgba(0,0,0,.1);border-radius:1.25vw 1.25vw .20833333vw}.home-container .column-img[data-v-a4c4c5e6]{width:20.83333333vw}}
|